/* style */
/* title: Custom Design for Sales Source Intl */
/* author: matt kirkpatrick */
body {
	background-color: white;
	color: #333333;
	font-family: 'Source Sans Pro', 'Open Sans', 'Arial', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Source Sans Pro', 'Georgia', 'Arial', sans-serif; 
	font-weight: 700;
}
a { text-decoration: none; }
p { color: #333333; font-weight: 400; }

.wrap { position: relative; }
.fullwidth { width: 100%; }

#main-navigation-bar {
	background-color: #276498;
	z-index: 999;
	position: relative;
}
#buddy-walk-sponsors img {
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	margin: .5em;
}
#buddy-walk-sponsors h2:after {content: "";
border-bottom: 1px solid #d3d3d3;
width: 20%;
position: absolute;
left: 0px;
display: block;
margin: 0.25em auto 0px; left: 50%;
margin-left: -10%;}
#logo img { vertical-align: middle; width: 225px; height: auto; }
.topBar { position: relative; z-index: 9999; padding: .25em 0; }
.topBar .last a { display: inline-block; }
.topBar .last img { margin-top: .6em; }
.topBar #searchform { margin-top: .4em; }
.topBar .first, .topBar .last { padding: .5em 0; position: relative; }
.topBar .last { padding: 1.5em 0; }
.topBar .last div { position: relative; float: right; margin-right: 3%; display: inline-block; vertical-align: middle; }
.donateDiv { width: 109px; height: 25px; }
.topBar .last div:first-child { margin-left: 3%; }
.donateBanner { top: -.25em; right: 0; position: absolute; background: url('img/donate-banner.png'); width: 109px; height: 115px; color: #FFFFFF !important; text-transform: uppercase; font-weight: 600; text-align: center; text-decoration: none; margin-top: -1.5em; padding: 2em 1em 0em; z-index: 99; }

#searchform label {
	position:absolute;
	top:-1500px;
	left:-1500px;
}

#searchsubmit { border: none; text-indent: -999999px; background: url('img/searchIcon.jpg') center center no-repeat; width: 17px; height: 17px; margin-left: .5em; }
#s { padding: .5em; width: 185px; font-size: .9em; }
#main-navigation-bar .menu-main-menu-container { float: right; }
#nav ul{
	list-style-type: none;
	margin: 0;
	
}
#nav { position: relative; z-index: 99;}

/* floating the li elements to the left will make them read left-right instead of top-bottom like default */
#nav ul li {

	float: left;


}
#nav ul li .featured {
	background-repeat: no-repeat;
	background-size: cover; 
}
#nav ul li a {

	padding: 1em .8em;
		
	text-align: center;
	
	color: white; 
	
	text-decoration: none; /* removes hyperlink underline */
	
	display: block; /* treasts it like a textbox */
	
	font-size: 1em; 
	
	font-weight: 400; 

	transition: background-color .5s;
	-webkit-transition: background-color .5s;

}

#nav ul li a:hover, #nav ul li.current-menu-item, #nav ul li.current-menu-ancestor { background-color: #53484A; }
#nav ul li:hover > ul { display: block; }
#nav ul li ul { display: none; margin: 0; position: absolute; }
#nav ul li ul li { float: none; background-color: #53484A;}
#nav ul li ul li a { font-size: .9em; text-align: left; }
#nav ul li ul li a:hover { background-color: #786F71; }
#nav ul li ul li ul { display: none; }
#nav ul li ul li:hover ul {
	display: none;
}

#menu-home-launch-menu li a{ 
	float: left; width: 20%; margin: 2.5%;
	background-color: #ffcc00;
	padding: 24px 6px 8px ;
	text-align: center;
	border-radius: 12px; 
	font-family: 'Droid Serif', 'Georgia';
	font-style: italic; 
	text-decoration: none;
	color: #1b1b1b;
	background-image: url('img/curly.png');
	background-repeat: no-repeat;
	background-position: center 25%;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;

}

.block_image { 
	height: 360px; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.circ_grad { z-index: 99; background: url('img/circ-grad.png') center center; position: absolute; top: 0; left: 0; width: 100%; height: 360px; }

.acf-row { position: relative; padding: 3em 0; }
.blog-heading { border-bottom: 1px solid #CCCCCC; padding-bottom: .5em; margin-bottom: .5em; }
.header_block { text-align: center; padding: 0 0 2.5em; }
.header_block p { font-size: 1.4em; }
.header_block h1 { font-size: 1.8em; color: #34a5d1; }

.memberShipList li { width: 45%; float: left; list-style-type: disc; margin-left: 2.5%; }
.responsive-tabs .memberShipList li { width: auto; float: none; }

.page-id-9 .three_column_block .circImage, .page-id-9 .three_column_block .circImage img, .page-id-7 .three_column_block .circImage, .page-id-7 .three_column_block .circImage img, .page-id-13 .three_column_block .circImage img, .page-id-13 .three_column_block .circImage, .page-id-17 .three_column_block .circImage, .page-id-17 .three_column_block .circImage img { width: 100px; height: 100px; }
.page-id-9 .three_column_block .circImage img, .page-id-7 .three_column_block .circImage img, .page-id-13 .three_column_block .circImage img, .page-id-17 .three_column_block .circImage img {
margin-top: -50px;
margin-left: -50px;
}

.header_block h1::after {
    content: "";
    border-bottom: 1px solid #d3d3d3;
    width: 120px;
    position: absolute;
    display: block;
    margin: 0.4em auto 0px;
	left: 50%;
margin-left: -60px;
}
.eventContainer .twocol img { width: 100%; height: auto; }
.quick_launch_display { text-align: center; background: #cfe8f5; padding: 1em 0; }

.quick_launch_display::after, .quick_launch_display::before {
    /*top: -100%;*/
    background-image: linear-gradient(-30deg, #cfe8f5 25%, transparent 25%), linear-gradient(30deg, #cfe8f5 25%, transparent 25%);
    background-position: top center;
    right: 0px;
    left: 0px;
    z-index: 10;
    display: block;
    height: 90px;
    background-size: 35px 25%;
    position: absolute;
    content: "";
    pointer-events: none;
	background-repeat: repeat-x;
	top: -22px;
}

.quick_launch_display::before { background-position: bottom center; background-image: linear-gradient(150deg, #cfe8f5 25%, transparent 25%), linear-gradient(210deg, #cfe8f5 25%, transparent 25%); top: auto; bottom: -22px; }

.quick_launch_display .fourcol { padding: 0 1.25em; }

.quick_launch_display a { background: #FFFFFF no-repeat left center; display: block; color: #333333; font-weight: 400; font-size: 1.6em; text-transform: uppercase; padding: .5em 0;
}
.quick_launch_display a, .text_block img, .page-id-74 .fourcol .imgCont {
border-radius: .35em;
  -moz-box-shadow:    0px 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 6px rgba(0, 0, 0, 0.2);
  }

.eventContainer { 
border: 1px solid #f0f0f0; border-radius: .4em;
text-align: center;
padding: 1.5em 2em; 
}

.eventContainer h2 { margin: 0 0 .25em; font-weight: 400; }

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
	width: 894px;
    /* Required only for block elements like <li>'s */
    float: left;
}
.jcarousel-prev, .jcarousel-next, .jcarousel-prev:focus, .jcarousel-next:focus, .jcarousel-prev:active, .jcarousel-next:active { outline: 0; }
.jcarousel-prev, .jcarousel-next { display: inline-block; width: 22px; height: 22px; position: absolute; top: 50%; margin-top: -11px; text-indent: -999999px; }
.jcarousel-prev { left: -11px; background: url('img/prev.png'); }
.jcarousel-next { right: -11px; background: url('img/next.png'); }
#intro-text {
	font-size: 1.25em;
}

#top-bar {
	height: 280px; 
	overflow: hidden;
	position: relative;
	font-family: 'Merriweather', 'Georgia', 'Arial', sans-serif; 

}
#top-bar #header-image img { width: 100%; height: auto;}
#top-bar #hero {
	position: absolute;
	z-index: 2;
	top: 0;
	padding-top: 54px; 
}
#top-bar #hero h1, #top-bar #hero h2 {
	color: white; 
	text-shadow: 0 0 8px #555;
		font-family: 'Merriweather', 'Georgia', 'Arial', sans-serif; 
}
.text_block:before, .text_block:after {
    background-image: linear-gradient(-30deg, #cfe8f5 25%, transparent 25%), linear-gradient(30deg, #cfe8f5 25%, transparent 25%);
    background-position: top center;
    right: 0px;
    left: 0px;
    z-index: 10;
    display: block;
    height: 90px;
    background-size: 35px 25%;
    position: absolute;
    content: "";
    pointer-events: none;
	background-repeat: repeat-x;
	top: -22px;
	background-position: bottom center; background-image: linear-gradient(150deg, #cfe8f5 25%, transparent 25%), linear-gradient(210deg, #cfe8f5 25%, transparent 25%); top: auto; bottom: -22px;
}
.text_block:after { background-position: bottom center; background-image: linear-gradient(150deg, #FFFFFF 25%, transparent 25%), linear-gradient(210deg, #FFFFFF 25%, transparent 25%);  top: auto; bottom: -20px; }
.text_block h2 { margin: 0; color: #34a5d1; font-weight: 400; }
.page-template-template-homepage .text_block h2:after, .page-template-default .text_block h2:after {
content: "";
border-bottom: 1px solid #d3d3d3;
width: 20%;
position: absolute;
left: 0px;
display: block;
margin: 0.25em auto 0px;
}
.post-title h1 { margin-top: 0; }
.page-id-116 .text_block h2:after {
left: 50%;
margin-left: -10%;
}

.linkButton { border-radius: .4em; font-weight: 400; text-transform: uppercase; display: inline-block; color: #FFFFFF !important; background: #5ad076 no-repeat right center; background-image: url('img/whiteArrow.jpg'); padding: .4em 1.5em; border-right: 10px solid #5ad076; }

.text_block img { max-width: 100%; height: auto; }

.three_column_block { text-align: center; background: #eeede7; }
.three_column_block h3 { color: #34a5d1; font-weight: 400; font-size: 1.5em; margin-bottom: 0; margin-top: .5em; }
.three_column_block p { margin-top: 0; font-weight: 400; }
.circImage {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	  -moz-box-shadow:    0px 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 6px rgba(0, 0, 0, 0.2);
}
.circImage img { 
position: absolute;
left: 50%;
top: 50%;
margin-top: -80px;
margin-left: -80px;
max-width: 100%;
width: 160px;
height: 160px;
border-radius: 80px; 
}

.page-id-74 .circImage {
	overflow: hidden;
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 8px;
    box-shadow: none;
}
.page-id-74 .circImage img{
    width: 100%;
    height: auto;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    border-radius: 8px; 
}

.page_header h1 { margin: 0; color: #34A5D1; font-weight: 400; }
.page_header { border-bottom: 1px solid #ccc; background: #EEEDE7; padding: 1em 0;}

#footer .topHalf { background: #276498; color: #FFFFFF; padding: 2em 0; }
.topHalf ul { width: 33.3333%; float: left; }
.topHalf p, .topHalf a { color: #FFFFFF !important; margin: 0; }
.social, #footer .sponsorCol { display: table; }
.social a {  width: 32.6%; }
.social a, #footer .sponsorCol a { display: table-cell; height: 100%; vertical-align: middle; text-align: center; }
.botHalf img { width: 100%; height: auto; }
.sponsorCol { float: left; position: relative; }
.botHalf .sponsorCol { width: 20%; padding: 0 2em; }
.botHalf { padding: 2em 0; }
.page-id-116 .text_block { text-align: center; }
.page-id-116 .acf-row img { max-width: 150px; height: auto; margin-left: 1em; box-shadow: none;  -moz-box-shadow: none;
  -webkit-box-shadow: none; margin-bottom: 1em;}
  .page-id-116 h3 { font-size: 1.8em; color: #5ad076; }
  .page-id-116 h4 { font-size: 1.25em; }

.page-id-74 .fourcol .imgCont, .page-id-7 .fourcol .imgCont { overflow: hidden; width: 200px; height: 200px; position: relative; }

.page-id-74 .fourcol .imgCont img {
	width: 100%;
	height: auto;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
}
.page-id-15 .text_block a, .page-id-166 .text_block a { font-weight: 600; font-size: 1.3em; color: #5ad076; }
.backColor:after { bottom: -22px !important; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.page-id-186 .text_block .responsive-tabs__list { float: left; width: 17.5%; margin: 0; padding: .5em; }
.page-id-186 .text_block .tabcontent { float: left; width: 82.5%; margin: 1px 0 0 -1px; border: none; border-left: solid 1px #DDD; }
.page-id-186 .text_block .responsive-tabs .responsive-tabs__list__item { margin-right: 0; padding: .45em; }
.page-id-186 .text_block .responsive-tabs .responsive-tabs__panel { clear: none; }
.page-id-186 .text_block .responsive-tabs__list__item { float: none; display: block; }
.page-id-186 .text_block .responsive-tabs .responsive-tabs__list__item--active, .page-id-186 .text_block .responsive-tabs .responsive-tabs__list__item--active:hover { border-bottom: solid 1px #DDD; background-color: #3e94cd; color: #FFFFFF; }
.page-id-186 .text_block .responsive-tabs .responsive-tabs__panel { padding: 1em; }
.page-id-186 .responsive-tabs__panel { display: table; }
.page-id-186 .responsive-tabs__panel .tabCont { display: table-cell; vertical-align: middle; }
.page-id-186 .responsive-tabs { display: inline-block; border: solid 1px #DDD; width: 100%; }

.page-id-186 .responsive-tabs__panel .linkButton { margin-left: -0.6em; margin-top: 1em; }

.page-id-186 .text_block .responsive-tabs-wrapper { margin-bottom: 0; clear: none; width: 100%; float: left; }
.responsive-tabs-wrapper + p { display: none; }
.responsive-tabs { position: relative; }
.page-id-186 .text_block .responsive-tabs__list { height: 659px; }
.responsive-tabs__panel { position: absolute !important; top: 0 !important; right: 1px !important; height: 100%; border-bottom: 1px solid #DDD !important; }
.clearfix { float: none !important; }

#main-navigation-bar.sticky {
	position: fixed;
	width: 100%;
	top: 0;
}

#menu-footer {
	width: 100%;
	float: none;
}
#menu-footer li { float: left; display: block; width: 33.33%; }

.page-id-338 h2 { margin-bottom: .75em; }

#past-galleries br { display: none; }

#past-galleries a { color: #34a5d1; display: inline-block; margin: 0 .5em; }

@media only screen and (max-width: 960px) {
	.botHalf { text-align: center; padding-top: 2em !important; padding-bottom: 2em !important; }
	.wrap, .wrapSpec { padding: 0 2em; }
	.header_block .wrap { padding: 0; }
	#nav ul li a { font-size: .9em; padding-left: .5em; padding-right: .5em; font-weight: 400; }
.jcarousel-prev { left: 20px; }
.jcarousel-next { right: 20px; }
.page-template-template-homepage .text_block h2, .page-template-default .text_block h2 { position: relative; }
}
@media only screen and (max-width: 840px) {
	#nav ul li a { font-size: .84em; padding-left: .5em; padding-right: .5em; font-weight: 300; }
}
@media only screen and (max-width: 768px) {
	.quick_launch_display .wrap .fourcol a { margin-top: 1em; }
	.quick_launch_display .wrap .fourcol.first a { margin-top: 0; }
	.page-template-template-homepage .text_block h2::after, .page-template-default .text_block h2::after {
		left: 50%;
		margin-left: -10%;
	}
	.text_block, .text_block .fourcol, .text_block .eightcol { text-align: center; }
	.botHalf .sponsorCol {
    	width: 29%;
		padding: 0 2%;
		display: inline-block !important;
		float: none;
		padding: 0;
	}
	.eventContainer .twocol img { max-width: 150px; }
	#main-navigation-bar .mean-bar { display: none; }
	#main-navigation-bar .mean-bar:first-child { display: block; }
	#logo { text-align: center; }
	.donateDiv {
    	width: 65%; margin: 0 auto !important;
    	height: auto;
		float: none !important;
		display: block !important;
	}
	.donateBanner br { display: none; }
	.donateBanner { padding: 1em 1em; height: auto; position: relative; background: #5fcf79; display: block !important; width: 100%; float: none !important; }
	.topBar .last { text-align: center; }
	.topBar .last div { float: none; }
}
@media only screen and (max-width: 480px){
	#s { width: 160px; }
	.topBar .last div { margin-right: 2%; }
	.wrap, .wrapSpec { padding: 0 1em; }
}

.mean-container .mean-nav ul li a.mean-expand { height: 24px; }




@media (min-width: 768px) {

	.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
		display: block;
	}
}

@media (max-width: 767px) { 

#menu-footer li { text-align: center; width: 100%; font-size: 1.5em;  }
.page-id-74 .fourcol .imgCont {
margin-left: 50%;
    left: -100px;

}

	.page-id-186 .acf-row-2 {
		display: none; 
	}
	.responsive-tabs .responsive-tabs__list {
		display: none;
	}

	.responsive-tabs .responsive-tabs__heading {
		display: block;
		cursor: pointer;
	}

	.responsive-tabs-wrapper {
		border-top: 1px solid #ccc;
	}

	.responsive-tabs .responsive-tabs__heading {
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		color: #777;
		font-size: 18px;
		font-weight: normal;
		text-transform: inherit;
		margin: 0;
		padding: 10px 0;
		padding-left: 20px;
		position: relative;
	}

	.responsive-tabs .responsive-tabs__heading .fa {
		margin-right: 8px;
		display:none;
		}

	.responsive-tabs .responsive-tabs__heading:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #777;
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		height: 0;
		width: 0;
	}

	.responsive-tabs .responsive-tabs__heading:hover {
		background: #eee;
		color: #777;
	}

	.responsive-tabs .responsive-tabs__heading:hover:after {
		border-top: 6px solid #777;
	}

	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #ccc;
		color: #fff;
	}

	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #fff;
		border-top: 0;
		top: 18px;
	}

	.responsive-tabs .responsive-tabs__panel {
		background: #fff;
		border: 1px solid #ccc;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: none;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
	}
}