/* CSS Document */

/*
	22-02-17
*/

body{ background:none !important;background:#ffffff !important;}
.nav{ float:right !important;}

#n2017 .mobilecta { display:none; cursor: pointer}

#branding{padding:0px !important;}
#site-title{margin-top:10px;background: url('img/debra_logo_new.png') top left no-repeat; width:200px; height:95px;  }
#site-title a{background:none; width:200px;}
#site-description{display:block;font-size:13px !important; font-family: Arial, san-serif; margin:0px !important; padding:0px !important;line-height:14px;}

#access{ margin:0px !important; height:40px;}
#branding hgroup{margin:0px !important;}
#branding .hgroup{margin:0px !important;}
header, #header{border-bottom: 1px solid #f1f1f1;margin-bottom:20px;}
.navbar-inner{ 	 border-radius: 0px !important;margin:0px !important; padding:0px !important; width:100% !important;}
.navbar-inner .container{	 border-radius: 0px !important;margin:0px !important; padding:0px !important; width:100% !important;}
.navbar {margin:0px !important;}
.navbar .nav {margin:0px !important;}

#supportmapouter h1 {
    background: url(img/sidenav/header_370_sidenav.png) top left no-repeat;
    font-family: 'Brevia W01 Regular', Arial, sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 10px 10px 10px 20px;
    height: 42px;
}
	#supportmap{position:relative; height:400px; border:4px solid #f1f1f1; width:260px; margin:0px auto 20px auto; background:#0053a6;}
	#supportmap div{ display:none; }
	#supportmapthumb{position:absolute; z-index:100; top:10px; left:10px; border:2px solid #ffffff; cursor: pointer}
	#supporttext{font-family:arial, helvetica, san-serif; text-align:center; display:block; height:40px; color:#ffffff;}
	#select-area{width:250px; margin:0px 5px;}


.eventitcketssection{background:#f1f1f1; border-left:4px solid #90B011;}
.eventitcketssection>div{padding-top:30px !important; padding-bottom:35px !important;}
.eventitcketssectiondetails h2{font-size:20px !important; font-weight:bold;color:#333333; margin:0px !important; padding:0px !important;}
.eventitcketssectionprice{padding-top:0px !important; text-align:center;}
.eventitcketssectionprice h2{font-size:30px !important; font-weight:bold;color:#0052A8;}
.eventticketssectionbutton{text-align:right;padding-top:5px;}
.eventticketssectionbutton a{
	padding:20px;
    display: block !important;
    width: 140px !important;
	background:#0052A8 !important;
	text-align:center;
	color:#ffffff;
	float:right;
	text-decoration:none;
}
.eventticketssectionbutton a:hover{background:#90B011 !important;}

.cm-ajax-submit{ float:left;}
.cm_ajax_shortcode_form{width:300px;}
.cm_ajax_shortcode_form p{ text-align:left !important;}
.cm_ajax_shortcode_form input[type=text]{background:#fcfcfc;}
.nav-collapse-inner .menu-top-nav-new-container a{font-family:Arial, Helvetica, san-serif !important;background:#0052a8 !important;  background-image:none !important;  color:#ffffff !important; padding:16px 8px !important; text-align:center;
 -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px;

}

.search .entry-meta{margin-left:0px; padding:0px;}
.search .entry-title{background:none; line-height:1.2;}
.search .entry-title a{background:none; line-height:1.2;}

.navbar .nav > li.first-menu-item > a{ padding:16px 8px !important; }

.navbar .nav > li.last a{background:#90b011 url(img/white-green-arrow.jpg) 10px 50% no-repeat !important;padding-right:20px !important; padding-left:50px !important; font-weight:bold;}
.navbar .nav > li.last a:hover{background:#90b011 url(img/white-green-arrow.jpg) 13px 50% no-repeat !important;padding-right:20px !important; padding-left:50px !important; font-weight:bold !important; color:#ffffff !important;}
.nav-collapse-inner .menu-top-nav-new-container li:hover{}
.nav-collapse-inner .menu-top-nav-new-container a:hover{color:#0052a8 !important; background:#f1f1f1 !important; font-weight:normal !important;}


.navbar ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:1px;
}

.navbar ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}
.navbar ul li:hover > ul
{
	display:block
}
.navbar ul ul li
{
	float:none;
	width:200px;
	list-style:none;
	display:block;
	
}

.navbar .nav > li{text-align:center;}
.navbar .nav ul{margin:0px; padding:0px;}
.navbar .nav ul > li{text-align:left; margin:0px; }
.navbar .nav ul > li a{display:block; width:100%; text-align:left;}
.navbar .nav ul > li a:hover{ text-decoration:none;}

.sub-menu{border:1px solid #fafafa; width:216px;	z-index:10000;}

.menu-top-nav-new-container .current-page-ancestor>a,
.menu-top-nav-new-container .current-menu-ancestor>a,
.menu-top-nav-new-container .current_page_ancestor>a,
.menu-top-nav-new-container .current-menu-parent>a,
.menu-top-nav-new-container .current_page_parent>a,
.menu-top-nav-new-container .current_page_item>a,
.menu-top-nav-new-container .current-menu-item>a{color:#0052a8 !important; background:#f1f1f1 !important;}

.headerleft{padding:0px;}

#shownav{ display:none;}
#hidenav{ display:none;}

.box-contents p{color:#fff !important;}	


.page-template-templatesawarenessday-php h1,
.page-template-templatesawarenessday-php h2,
.page-template-templatesawarenessday-php h3 {
  font-family: "skippy-sharp",cursive;
  color:#005aab;
  line-height:1.2;
  }
  .page-template-templatesawarenessday-php strong{font-weight:bold;}
  .page-template-templatesawarenessday-php strong, 
  .page-template-templatesawarenessday-php p, .page-template-templatesawarenessday-php .butterfly-list li{ font-size:16px !important; font-family:Arial, Helvetica, san-serif !important;}
.eb-inner-menu{ padding:40px 0px;}
.eb-inner-menu ul{list-style:none; margin:0px; padding:0px;}
.eb-inner-menu ul li{list-style:none; display:inline-block; margin:0px; padding:0px;}
.eb-inner-menu ul li a{display:block; background:#005aab;padding:10px;
 -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px;
  color:#fff;
  font-size:26px !important;font-family: "skippy-sharp",cursive;
   }
.eb-inner-menu a:hover,.eb-inner-menu .current-menu-item a{ background:#bad9f3;color:#005aab; text-decoration:none;
  }
.butterfly-list li{ margin-bottom:10px; background:url("img/butterfly-list.jpg") no-repeat; list-style:none !important;padding-left:30px !important;}
.page-template-templatesawarenessday-php .thumbnail{ border:0px !important; box-shadow:none !important;}
.headerrightinner{display:block; width:100%;margin:0px; padding:0px;height:66px;}

#social-search{position:relative; float:right;width:445px; right:0px;margin-top:30px;height:60px;}
#joinus-button{ width: 67px; height:34px; background:url(img/signup.jpg) no-repeat -0px 0px; display:block; text-indent:-10000px; position:absolute;left:0px;}
#facebook-button{ width: 33px; height:34px; background:url(img/social-buttons2.jpg) no-repeat; display:block; text-indent:-10000px; position:absolute;left:138px;}
#twitter-button{ width: 33px; height:34px; background:url(img/social-buttons2.jpg) no-repeat -34px 0px; display:block; text-indent:-10000px; position:absolute;left:173px;}
#youtube-button{ width: 33px; height:34px; background:url(img/social-buttons2.jpg) no-repeat -68px 0px; display:block; text-indent:-10000px;  position:absolute;left:138px;}
#linkedin-button{ width: 36px; height:34px; background:url(img/social-buttons2.jpg) no-repeat -102px 0px; display:block; text-indent:-10000px; position:absolute;left:173px;}

#social-search #s{ left:212px;top:2px;position:absolute;width:230px;
 -webkit-border-radius: 4px !important; 
  -moz-border-radius: 4px !important; 
  border-radius: 4px !important;
background: #f1f1f1 url(img/searchbg.jpg) no-repeat right !important;
}
#social-search .btn-primary{ right:0px; position:absolute; top:0px; background:none !important; border:0px !important; box-shadow:0px !important; text-indent:-10000px; width:40px; height:33px; display:block;}
#footer,#page-footer{background:#0052a8 !important;}
#footer h1,
#footer h2,
#footer h3,
#footer p
{color:#ffffff !important;}
.menuholder{ display:block; width:100%;height:76px;margin:0px; padding:0px;}
.facebookpanel{ text-align:left;}
.page-template-templatesawarenessday-php iframe{width:100% !important;height:420px !important;}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
	font-size:12px;
	color: #054fa8;
	font-family:Arial, Helvetica, san-serif !important;
}
 
#breadcrumbs li,#breadcrumbs strong{
    float:left;
    margin-right:10px;
	font-size:12px !important;
	color: #054fa8;
	font-family:Arial, Helvetica, san-serif !important;

}
 
#breadcrumbs .separator{
    font-size:12px;
    color:#90b011;
}

#breadcrumbs a{
	font-family:Arial, Helvetica, san-serif !important;
	color:#90b011;
	text-decoration:underline;
}

#event-featured-image { 
   position: relative; 
   width: 100% !important;
   overflow:hidden;
}

#event-featured-image img{ 
   width: 100% !important	; /* for IE 6 */
}

.event-featured-title { 
   position: relative; 
   width: 100%; 
	font-size:40px;
	line-height:44px;
	font-weight:bold;
	overflow:hidden;
	height:120px;
}
.event-featured-title-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
   height:120px;
  z-index:0px;
}
.event-featured-title-text{
	position:relative;	
	padding:20px 40px;
}

.event-featured-date{font-size:20px;}

.eventlist{
	width:364px;
	float:left;	
	margin:10px;
	border:1px solid #eee;
}
.eventlist-date{ font-size:14px; }


.eventlist-sub-text{
	background:#fafafa;
	height:80px;
	font-size:12px;
	font-family:Arial, Helvetica, san-serif;

}
.eventlist a{display:block;
	font-family:Arial, Helvetica, san-serif;
	height:100%;
}


.eventlist a:hover{text-decoration:none;
}

.eventlist-featured-image{ height:170px;   overflow:hidden;}
.eventlist-featured-image img{height:170px;}
.eventlist-featured-image a{padding:0px;}

.eventlist-sub-text p{
	font-size:12px;
	font-family:Arial, Helvetica, san-serif;
}
.eventlist-featured-background { 
   position: relative; 
   width: 100%; /* for IE 6 */
   overflow:hidden;
}

.eventlist-featured-title { 
   position: relative; 
   bottom: 0px; 
   left: 0; 
   width: 100%; 
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	background:#000;
	height:100px;
}
.eventlist-featured-title-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	height:100px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  filter: alpha(opacity=80); 
  opacity: 0.8;
  z-index:0px;
}
.eventlist-featured-title-text{
	position:relative;	
}
.eventlist-sub-text a{padding:10px;}
.eventlist-date a{padding:10px 10px 0px 10px;}
.eventlist-featured-title-title a{padding:5px 10px; height:56px;}
.eventlist:hover .eventlist-featured-title-text{ background:#eee;} 
.eventlist:hover a{ color:#333 !important;} 

#debra-event-buttons {clear:both;display:block; background:#fafafa;margin-bottom:10px;}
#debra-event-buttons a{margin:10px 0px 10px 10px; padding:4px 10px; display:inline-block;}
#debra-event-buttons a{color:#fff; background:#0052a8; font-family:Arial, Helvetica, san-serif; text-decoration:none;}
#debra-event-buttons a.active{background:#90b011; color:#fff;}
#debra-event-buttons a:hover{background:#90b011; color:#fff;}


#page-footer-action{background: #90b011; clear:both; }
#fat-footer #footer {padding-top:0px !important;margin-top:0px !important;}
#fat-footer #footer #page-footer{padding:0px; background:#f4f4f4 !important;}
#fat-footer #footercontact{background: #0052a8 !important;}
#fat-footer h1{padding-left:20px; font-family:Arial, Helvetica, san-serif !important; }
#fat-footer #footercontact p{font-size:13px; margin-left:0px; font-family:Arial, Helvetica, san-serif !important;}
#videofeed, #facebookfeed, #twitterfeed{padding:10px 20px 0px 20px; background:#f4f4f4;}

#page-footer-action #followus{float:left; padding-top:24px; font-size:30px; color:#fff; font-weight:bold;padding-left:20px;padding-right:20px;}
#page-footer-action ul{ list-style:none !important; margin:0px; padding:0px;}

#page-footer-action .tw-logo{ background:url(img/footer-social-icons.jpg); background-position:0px 0px; float:left; text-indent:-10000px; width:63px; height:65px;}
#page-footer-action .tw-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:0px -66px; float:left; text-indent:-10000px;}

#page-footer-action .fb-logo{ background:url(img/footer-social-icons.jpg); background-position:-64px 0px; float:left; text-indent:-10000px; width:48px; height:65px;}
#page-footer-action .fb-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-64px -66px; float:left; text-indent:-10000px;}

#page-footer-action .li-logo{ background:url(img/footer-social-icons.jpg); background-position:-109px 0px; float:left; text-indent:-10000px; width:69px; height:65px;}
#page-footer-action .li-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-109px -66px; float:left; text-indent:-10000px;}

#page-footer-action .yt-logo{ background:url(img/footer-social-icons.jpg); background-position:-173px 0px; float:left; text-indent:-10000px; width:90px; height:65px;}
#page-footer-action .yt-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-173px -66px; float:left; text-indent:-10000px;}

#page-footer-action .signupbutton{ margin-right:20px; background:url(img/footer-social-icons.jpg) no-repeat; background-position:-529px 0px; float:right; text-indent:-10000px; 
	width:180px; height:65px; }
#page-footer-action .signupbutton:hover{ background:url(img/footer-social-icons.jpg) no-repeat; background-position:-529px -66px; float:right; text-indent:-10000px;}

#findouttxt{ font-size:18px; color:#fff; font-weight:bold;padding-left:100px;padding-top:12px; display:block; float:left;}
#videofeed iframe{ width:100%; height:160px;}




#twitterfeed .tw-logo{ background:url(img/footer-social-icons.jpg); background-position:-270px 0px; text-indent:-10000px; width:63px; height:65px; margin:0px auto;}
#twitterfeed .tw-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-270px -66px; text-indent:-10000px; width:63px; height:65px; margin:0px auto;}

#facebookfeed .fb-logo{ background:url(img/footer-social-icons.jpg); background-position:-350px 0px; text-indent:-10000px; width:48px; height:65px; margin:0px auto;}
#facebookfeed .fb-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-350px -66px; text-indent:-10000px; width:48px; height:65px; margin:0px auto;}

#videofeed .yt-logo{ background:url(img/footer-social-icons.jpg); background-position:-412px 0px; text-indent:-10000px; width:90px; height:65px; margin:0px auto;}
#videofeed .yt-logo:hover{ background:url(img/footer-social-icons.jpg); background-position:-412px -66px; text-indent:-10000px; width:90px; height:65px; margin:0px auto;}


#our-event-inner-menu{clear:both; }
#our-event-inner-menu ul{list-style:none; margin:0px !important; padding:0px !important; clear:both; display:block;}
#our-event-inner-menu ul li{list-style:none; margin:0px;display:inline-block;}
#our-event-inner-menu ul li a{ color:#fff; text-decoration:none !important; display:block; padding:10px 10px; text-transform:uppercase; font-size:14px !important;line-height:16px !important; font-family:Arial, Helvetica, san-serif; font-weight:bold; }


.eventbox{float:left; overflow:hidden;}
.eventbox>.wpb_wrapper{padding:20px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.eventbox>.wpb_wrapper p{text-align:center; font-family:Arial, Helvetica, san-serif;}
.eventbox p a{color:#90b011 !important; font-weight:bold;}


.navbar .nav > li a{font-size:11px !important; padding:4px;}

#event-inner-content,
#event-inner-content h1,
#event-inner-content h2,
#event-inner-content h3,
#event-inner-content h4,
#event-inner-content p, 
#event-inner-content a, 
#event-inner-content ul, 
#event-inner-content li, 
#event-inner-content ol, 
#event-inner-content label, 
#event-inner-content legend{ font-family: Arial, Helvetica, san-serif !important;}
#event-inner-content h2{ font-size:26px;}
#event-inner-content h3{ font-size:22px;}
#event-inner-content ul, 
#event-inner-content li, 
#event-inner-content ol{  margin-left:20px !important;}




/*#event-inner-content .gform_wrapper .top_label input{padding:5px 2px !important;height:30px !important}*/
#event-inner-content .gform_wrapper {border-radius:0px !important; background:#fafafa;}
#event-inner-content .gform_wrapper label,
#event-inner-content .gform_wrapper h1,
#event-inner-content .gform_wrapper h2,
#event-inner-content .gform_wrapper h3,
#event-inner-content .gform_wrapper h4,
#event-inner-content .gform_wrapper div,
#event-inner-content .gform_wrapper span
{ color:#003E92 !important; opacity:1;}


#padded-inner-content{padding:20px;}
#event-inner-content {min-height:200px;}
.navbar .nav > li a{font-size:14px !important; padding:4px;}
#our-event-title{ font-size:24px; padding:20px; text-transform:uppercase; font-weight:bold; }
table.results {border:1px solid #aaa !important;}
table.results th{ padding:20px;}
table.results td{ padding:20px;}
.eventlist{
	width:29.4%;
}
#event-inner-content ul.wpb_image_grid_ul{margin:0px !important;  margin-left:0px !important;}
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:33% !important; }
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd; 
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.30);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.30);
overflow:scroll; 
z-index:100000;
}
#termsandconditionsinner{
	margin:4%;
}
#termsandconditionsclose{position:absolute; right:2px; top:2px; padding:4px; background:#0969A6; color:#fff; font-weight:bold; cursor:pointer;}
#termslink2{background:#fafafa;padding:4px; margin-bottom:0px; margin-right:15px; display:block; text-align:right; text-decoration:underline; clear:both;}
#termslink2 span{background:#eaeaea; border:1px solid #dddddd;margin-right:10px; margin-bottom:10px;padding:5px; font-weight:bold; display:block; width:250px; float:right; text-align:center;} 
.gf_browser_chrome.gform_wrapper{margin-bottom:0px;}
.yks-mailchimpFormDiv input[type=text]{padding:20px !important;}
.yks-success{ background:#90B011;padding-left:20px;}
.yks-success p{color:#ffffff;}

#our-event-inner-menu .page_item_has_children{position:relative;}
#our-event-inner-menu .children{display:none; position:absolute; z-index:1000;top:30px;min-width:140px;}
#our-event-inner-menu .page_item_has_children:hover .children{display:block; position:absolute; z-index:1000;}
#our-event-inner-menu .children li{display:block; clear:both; }

#donateheader{background: #0052A8;}
#donateheaderleft{width:50%; float:left;}
#donateheaderright{width:50%; float:left;}
#donateheaderrightinner{padding:20px;}
#donateheaderleft img{width:100%; height:auto;}
#donateheaderrightinner h1{ text-align:center; color:#ffffff; font-family:Arial, Helvetica, san-serif}
#donateheaderrightinner h2{ font-size:27px; line-height:28px; text-align:center; color:#ffffff; font-family:Arial, Helvetica, san-serif}
#donateheaderrightinner p{ text-align:center; color:#ffffff !important; font-family:Arial, Helvetica, san-serif}



#donatebodyleft{width:25%; float:left; padding-top:5px;}
#donatebodyleftbox{ 
	margin-top:15px; 
	padding:20px;
	background: #e1e1e1;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-top-left: 10px;
	-moz-border-radius-bottom-left: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#donatebodyleftbox h2{ 
 text-align:center; font-size:24px; font-family:Arial, Helvetica, san-serif;color: #0052A8; line-height:1; padding-top:0px; margin-top:0px;	
}
#donatebodyright{width:75%; float:right;}

#donatebodyright .nav-tabs{
 display:block;
}

#donatebodyright .nav-tabs{ margin:0px; padding:0px; border:0px; margin-bottom:10px;}
#donatebodyright .nav-tabs li{
 list-style:none;
 margin:0px; padding:0px;
	line-height:14px;
	font-size:16px;
}
#donatebodyright .nav-tabs li a{
	border:0px;
	line-height:10px;
	color:#ffffff;
	text-transform:uppercase;
	background:#0052a8;	
	margin-bottom:20px;
	
}
#donatebodyright .nav-tabs li.active a{
	background:#90b011;	
	color:#ffffff;
	text-transform:uppercase;
}
#donatebodyright .tab-pane {
background:#90b011; 
 width:100%;
 padding:20px 0px;	
}

#donatebodyright .gform_wrapper{
background:#186ABF !important; 
 width:100%;
}

.borderedgreen{
	border: #90b011 5px solid !important;
}
.bankform .ginput_container{
	display:block;
	clear: both;
	padding:0px 0px;
	margin:0px 20px;
}
.bankform .ginput_container .span4{
	margin:0px 0px;
}
.ginput_container select, .bankform input{margin-bottom:0px;}
.bankform label{padding-bottom:-10px !important; margin-bottom:12px;}

#donatebodyright .bankinfo{
background:#84A012; 
 width:100%;
}
#donatebodyright .confinfo{
background:#576B06; 
 width:100%;
}
.confinfoinner{padding:20px;}
.confinfo,.confinfo p{ color:#ffffff !important;}
.bicbutton{ background:#5E7403; color:#ffffff; display:block; text-align:center; padding:10px; max-width:200px; margin:0px auto;    border-radius: 10px;}
.bicbutton:hover{ background:#A5C32A; color:#ffffff; display:block; text-align:center; padding:10px;}

.paymenttypeinner .back{ float:left; background:#023D74; color:#ffffff; display:block; text-align:center; padding:10px; max-width:100px;    border-radius: 10px; }
.paymenttypeinner .back:hover{ background:#023D74; color:#ffffff; display:block; text-align:center; padding:10px; max-width:100px;}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
#donatebodyright .financialinfo{
background:#AFC750; 
 width:100%;
 padding:20px 0px;	
}

#donatebodyrightinner{padding: 20px 0px 20px 20px;}

.tab-pane-inner{width:33%; float:left;}
.tab-content {text-align:center;}
.tab-content p{color:#ffffff;}
.tabber span{margin-left:30px; display:block; }
.circlepanel{
   border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width:200px;
	height:200px;
	margin:0px auto;
	border:5px solid #ffffff;
  -moz-box-shadow:    1px 1px 6px 3px #6c840b;
  -webkit-box-shadow: 1px 1px 6px 3px #6c840b;
  box-shadow:         1px 1px 6px 3px #6c840b;	
}
.circlepanel .price{
  margin-top: 60px;
  font-size:76px;
  line-height:1;
  color:#ffffff;

}
.circlepanel .price .sub{
  margin-top: 2px;
  font-size:14px;
  line-height:1;
  color:#ffffff;

}
.thq h4{font-size:20px !important;}
.thq p{color:#ffffff;}
.circleblue{background:#0052a8; cursor: pointer;}
.circleorange{background:#f18a0f; cursor: pointer;}
.circlepink{background:#b1009b; cursor: pointer;}
.circlegreen{background:#1F6200; cursor: pointer;}
.circlenavy{background:#00264F; cursor: pointer;}

.circleblue:hover{background:#00448C;}
.circleorange:hover{background:#DD7E0C;}
.circlepink:hover{background:#9A0187;}
.circlegreen:hover{background:#154300;}
.circlenavy:hover{background:#001833;}


.tab-pane-inner p {color:#ffffff !important;padding:20px; font-size:20px; }
.tab-title p{padding:20px 40px; color:#ffffff !important; font-size:16px;}



#paymenttype{
background:#0052a8;	
font-size:16px;
color:#ffffff;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottom-left: 20px;
	border-bottom-left-radius: 20px;
width:75%;float:left;
height:60px;
}
.paymenttypeinner{padding:10px 20px;}
.paymenttype{padding-right: 20px; }
.paymenttype label{display:inline;font-size:16px;}
.lbltxt{padding-top:10px; line-height:30px;}
.paymenttype input[type=radio] {
    border: 0px;
    width: 1.4em;
    height: 1.4em;
	margin:0px;
}

.currencyinput {
    border: 5px solid #ffffff;
	color:#5F5F5F;
	background:#ffffff;
	height:32px;
	width:40% !important;
	float:right;
	padding-left:10px;
	font-weight: bold;
	outline:0px;
	
}

#paymenttype #amount,#paymenttype #amount2{margin-top:5px;border: 0; margin-left:10px; width:60%; font-size:24px; outline:0; background:none;box-shadow:none !important;}
#paymenttype #amount::-moz-focus-inner ,
#paymenttype #amount2::-moz-focus-inner {
    border: 0;
    padding: 0;
}


#donatebuttonholder{ 
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottom-right: 20px;
	border-bottom-right-radius: 20px;
	height:60px;
	background:#b7b7b7;width:25% !important; float:right;
} 

#donate-now-button,#donate-now-button2{background:#0052a8 !important; color:#ffffff; border:0px; 
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
  width:100%;
	height: 40px;
	font-size:18px;
}
.err{color:#FF0004;}
.err2{background:#FF0004;padding:5px; color:#ffffff;}
.errA{border: 3px solid #FF0004 !important;}
#donate-now-button:hover{
	background:#00356E !important;	
}



.yikes-mailchimp-container input {
    padding: 1em !important;
}

.mobonly{ display:none;}
.bgonly{display:block}


button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.kaccordion h3 {
    background-color: #eeeeee;
	border:1px solid #dddddd;
	cursor: pointer;
	font-size:18px !important;

}
.kaccordion h3 span{
	padding:10px 5px;
	color:#909090;
}

.kaccordion.active h3, .kaccordion:hover h3 {
    background-color: #ddd;
}

.kaccordion.active h3 span, .kaccordion:hover h3 span{
	color:#255793;	
}

/* Style the accordion panel. Note: hidden by default */
div.kaccordioncontent {
    padding: 10px 18px 30px 18px;
    background-color: white;
    display: none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.kaccordioncontent.show {
    display: block;
}



.carousel-container-2017{position:relative; height:340px; background:#cccccc;}
.carousel-container-2017 .carousel.slide{ height:340px;}
.carousel-container-2017 .slider_full{width:100%;}
.carousel-container-2017 .carousel-inner .item {
    height: 340px;

}

.carousel-container-2017 .carousel-inner .item .morelink{
	background: #0052a8 !important; padding:10px; border-radius: 0px; display: inline-block;;
}
.carousel-container-2017 .carousel-control.right{right:320px;}

#n2017 .slider_item_overlay{background:url(img/slider_bg_overlay.png) repeat-y; width:100%; height: 100%; position: absolute; top:0px; left:0px;}
.carousel-container-2017 .overlay_text{bottom:20px;top:auto;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);} 


.kslideroverlay{display: block; max-width:310px; position:absolute; top:0px; right:0px; height:340px; z-index: 4000;list-style: none;}
.kslideroverlayitem{ background: url(img/black70.png); margin-bottom:1px; height:65px; cursor:pointer;}
.kslideroverlayitem:hover{background-position: -320px 0px; -webkit-animation-name: MOVE-BG;	-webkit-animation-duration: 0.5s;}
.kslideroverlayitemd{ height:75px; }
.kslideroverlayimage{height:45px;width:auto; max-width: 80px; padding:10px; float:left;}
.kslideroverlayimage img{height:45px;width:auto;}
.kslideroverlaytext{ width:200px; float:left; font-size:12px; color:#ffffff;padding-top:7px; line-height:1.4;}
.kslideroverlaytitle{}
.kslideroverlaysub{}
.kslideroverlaycta a{color:#ffffff;}
.kslideroverlaycta a:hover{color:#f1f1f1; text-decoration: underline;}
.kslideroverlaydonate{ background: #f28a0f; color: #ffffff; text-transform:uppercase; padding:15px 0px;text-align:center;top:12px; width:270px; left:10px;position: relative; font-size:20px;}
.kslideroverlaydonate:hover{ background: #ec9023;}

.kslideroverlaydonate a{color: #ffffff;}

.graypanel{ background:#f6f6f6; margin-bottom:20px; }
.graypanelinner{padding:40px 60px;}
.graypanelinner p{color: #7f7f7f; font-size:18px; text-align:center; line-height:1.6;}

.home-boxes-2017 .box				{ background: #7f9f00; padding:0px; width:100%;text-align:left;}
.home-boxes-2017 .purple .box		{ background: #b1009b;}
.home-boxes-2017 .orange .box		{ background: #f18a0f;}
.home-boxes-2017 .blue .box			{ background: #0052a8;}
.home-boxes-2017 .box .imgbox		{ margin:0px; padding:0px; width:100%;}

.home-boxes-2017 .box img.border {
    border: 0px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
	width:100%;
	max-width: 100%;
}

.home-boxes-2017 .box a.cta { margin-top: 0px; }
.home-boxes-2017 .box-contents {padding:10px;}
.home-boxes-2017 h2{font-size:20px;}


.home-boxes-2017 .box a{text-align:right;font-size:15px;text-transform: uppercase;}

#n2017 .btn-navbar{background:none; padding:0px 10px 10px 10px; border:0px; border-radius:0px; box-shadow: none;}
#n2017 #donate-button-side span {border:0px;}
#n2017 .carousel-container 		{ display: block;}
#n2017 .mobile-hero				{ display: none; }
#n2017 .mobilecta2				{ display:none !important;}	

#n2017 .box-contents {min-height:140px;}
#n2017 .imgbox 
									{ float:none; width:100%; height:160px; position: relative;   overflow: hidden;}
#n2017 .imgbox img{ position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: 0px;
    top:  0px;
}


.page-header 			{ background: none; margin-top:0px; margin-bottom:20px; padding-top:0px;}
.page-header h1 		{ background: #609AD2;padding:10px 20px; color: #ffffff !important;}
#sidenav h1, 			
#supportmapouter h1 	{ background: #0052A9;padding:9px 20px; color: #ffffff !important;}
#interior-boxes .green,
#interior-boxes .green .box, 
#interior-boxes .green .box-top, 
aside.promo.green,
aside.promo.green .box, 
aside.promo.green .box-top
{ background:#7F9F00 !important;}

#interior-boxes .orange,
#interior-boxes .orange .box, 
#interior-boxes .orange .box-top, 
aside.promo.orange,
aside.promo.orange .box, 
aside.promo.orange .box-top
				{ background:#F28B0F !important;}

#interior-boxes .purple,
#interior-boxes .purple .box, 
#interior-boxes .purple .box-top,
aside.promo.purple,
aside.promo.purple .box, 
aside.promo.purple .box-top
{ background:#B1009B !important;}

#interior-boxes .lightblue,
#interior-boxes .lightblue .box, 
#interior-boxes .lightblue .box-top,
aside.promo.lightblue,
aside.promo.lightblue .box, 
aside.promo.lightblue .box-top
{ background:#5F9AD3 !important;}

#interior-boxes .blue,
#interior-boxes .blue .box, 
#interior-boxes .blue .box-top,
aside.promo.blue,
aside.promo.blue .box, 
aside.promo.blue .box-top
{ background:#0052A9 !important;}

#interior-boxes .darkblue,
#interior-boxes .darkblue .box, 
#interior-boxes .darkblue .box-top,
aside.promo.darkblue,
aside.promo.darkblue .box, 
aside.promo.darkblue .box-top
{ background:#00376C !important;}

#interior-boxes .double { width:100%;}
#interior-boxes .double .box{}
#interior-boxes .double .box-top{}

.quicklinks li,.quicklinks li a { background:#5F9AD3 !important;}

@-webkit-keyframes MOVE-BG {
	from {
		background-position: 0px 0px;
	}
	to { 
		background-position: -320px 0px;
	}
}


@media all and (max-width:1218px){
#donateheaderrightinner{padding:10px;}
#donateheaderrightinner h1{ font-size:30px;}
#donateheaderrightinner h2{ font-size:22px; line-height:1.3}
#donateheaderrightinner p{ font-size:13px; }
.lbltxt{ font-size:14px;}
.currencyinput{width:30% !important;}
#paymenttype #amount,#paymenttype #amount2{width:60%;}
}

@media all and (max-width:960px){
.container{width:98% !important;padding:0px 1%;}

#donateheaderrightinner h1{ font-size:22px; padding:0px; margin:0px;}
#donateheaderrightinner h2{ font-size:14px; line-height:1.3}
#donateheaderrightinner p{ }
}

@media all and (max-width:820px){
.lbltxt{ font-size:12px;}
.currencyinput{width:25% !important;}
#paymenttype #amount,#paymenttype #amount2{width:60%;}
#donate-now-button{font-size:14px;}
.circlepanel{width:150px;height:150px;float:left;margin-left:20px; margin-bottom:10px;}
.circlepanel .price{margin-top: 50px;font-size:44px;line-height:1;}

.navbar .nav li a {
    padding: 16px 5px !important;
}
.navbar .nav > li.last a{ padding-left:40px !important; padding-right:15px !important;}
}
@media all and (max-width:768px){
	#iwanttohelp{display:none;}
	.menuholder{display:none;}
	#branding{margin-bottom:0px;}
	#donateheaderleft{width:100%; float:left;}
	#donateheaderright{width:100%; float:left;}
	#donatebodyleft{width:100%; float:left;}
	#donatebodyright{width:100%; float:left;}
	#donatebodyleftbox{ margin-top:15px; padding:20px;background: #e1e1e1;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
	#donatebodyleftbox h2{ text-align:center; font-size:24px; font-family:Arial, Helvetica, san-serif;color: #0052A8; line-height:1; padding-top:0px; margin-top:0px;	}
	#donatebodyrightinner{padding:20px 0px;}
	#donatebodyright .nav-tabs{ display:block;}
	.tab-pane-inner{width:100%; float:left;}
	.tab-content {text-align:center;}
	.tab-content p{color:#ffffff; font-size:14px !important;}
	.circlepanel{width:100px;height:100px;float:left;margin-left:20px; margin-bottom:10px;}
	#menu1 .circlepanel {width: 100px;height: 100px;float: none;margin-left: AUTO;margin-bottom: AUTO;}


	.circlepanel .price{margin-top: 30px;font-size:36px;line-height:1;}
	#paymenttype{ padding-bottom:10px;height:auto;width:100%;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
	#donatebuttonholder{ width:100% !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
	.paymenttype{ width:90%;display:block;}
	.currencyinput{ margin-left:0px; width: 200px !important; float:none;}
	.tab-title p{padding:20px 20px; }
	.graypanel{margin-bottom:10px;}
	#n2017 .carousel-container 		{ display:none;}
	#n2017 .mobile-hero				{ display: block; margin-bottom:10px; }
	#n2017 .mobile-hero	.overlay_text {padding:10px 0px 0px 10px;}
	#n2017 .mobile-item 			{ margin-bottom:1px; overflow:hidden; background:#555555 url(img/right-arrow-small.png) right 50% no-repeat; }
	#n2017 .mobile-item-img 		{ position: relative;width:120px; float:left;}
	#n2017 .mobile-item-text 		{ float:none; width:auto; overflow: hidden;}
	#n2017 .mobile-item-text h1		{font-size:14px; line-height: 1.2; margin:0px; padding:0px; font-family: 'Brevia W01 Bold',Arial,sans-serif; }
	#n2017 .mobile-item-text h2		{font-size:14px; line-height: 1.2; margin:0px; padding:0px; font-weight: normal;    font-family: 'Brevia W01 Regular',Arial,sans-serif;}
	#n2017 .mobile-item-text p		{font-size:14px; line-height: 1.2; margin:0px; padding:0px; }
	#n2017 .mobile-item-text a		{font-size:14px; line-height: 1.2; margin:10px 0px 0px 0px; padding:0px; }
	
	#n2017 #mobile-item-1 			{ position: relative; }
	#n2017 #mobile-item-1 .mobile-item-img 
									{ float:none; width:100%; height:300px; position: relative;   overflow: hidden;}
	#n2017 #mobile-item-1 .mobile-item-img img{
	
	position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
	}
	#n2017 #mobile-item-1 .mobile-item-text
									{ float:none; width:100%; position: absolute; bottom:20px;}
	
	#n2017 .mobile-item .slider_item_overlay
									{display: none;}
	#n2017 #mobile-item-1 .slider_item_overlay
									{display: block;}
	
	#n2017 #mobile-item-1 .mobile-item-text .morelink {
    background: #0052a8 !important;
    padding: 10px;
    border-radius: 0px;
    display: inline-block;
}
	
	#n2017 #site-title  			{ width:100% !important; background-position: center;}
	#n2017 #site-title a 			{ width:80% !important;}
	#n2017 .socialbutton 			{ display:none !important;}
	#n2017 #site-description 		{ display:none !important;}
	#n2017 #headerright 			{ display:block; clear :both; float:none; background:#f11;}	
	#n2017 .headerrightinner 		{ height:auto; display: block; clear: both;}
	#n2017 #social-search 			{ width:100%;}
	#n2017 .mobilecta 				{ height:30px;display: block; width:33.333333%; float:left; text-align: center; padding:10px 0px; color:#ffffff; text-transform:uppercase; font-weight: bold; font-size: 20px; line-height:1.3;  }
	#n2017 .mobilecta:hover 		{ color:#ffffff; text-decoration: none;  } 
	#n2017 #searchform 				{ display: none; float:right; clear: both; padding:20px 0px; margin-right:15px; }
	#n2017 #social-search #s		{ left: auto; top: auto; position: relative; width: 100% !important; display: block; padding:20px; }
	#n2017 #mobilectadonate 		{ background: #7f9f00;}
	#n2017 #mobilectagetinvolved 	{ background: #f18a0f;}
	#n2017 #mobilectasearch		 	{ background: #9c9c9c;}
	#n2017 #social-search 			{ margin-top: 0px; height: auto;}
	#n2017 .input-append			{ position: relative; }
	#n2017 .box .imgbox 			{ width:130px; float:left; overflow: hidden; height:140px; position: relative;}
	#n2017 .box .imgbox img 		{ width:100% !important; margin-bottom:0px; position: absolute; }
	#n2017 .box .box-contents		{ width:auto; float:none;  border:0px; overflow:hidden; }
	#n2017 .box .box-contents h2 	{ font-size:14px; line-height:1.2;}		
	#n2017 .box .box-contents p 	{ font-size:12px; line-height:1.2;}		
	#n2017 .box 					{ border-radius: 0px; height:130px;}
	#page-footer-action				{ width:98%; margin:10px auto;}	
	#findouttxt 					{ padding-left:20px;}
	.kslideroverlaydonate 			{ margin: 0px auto;}
	#n2017 .mobilecta2				{ display:block !important;}	
	#n2017  .graypanelinner p {font-size:14px;}
}




@media all and (max-width: 1200px) and (min-width: 1025px) {
.navbar .nav > li a{font-size:14px !important; padding:4px;}
#site-description{font-size:11px !important;}
#page-footer-action #followus{ font-size:20px !important;}
#findouttxt { padding-left:30px; font-size:14px;}
.eventlist{
	width:290px !important;
}
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

}
@media all and (max-width: 1024px) and (min-width: 961px) {
.navbar .nav > li a{font-size:14px !important; padding:4px;}
#site-description{font-size:11px !important;}
#page-footer-action #followus{ font-size:20px !important;}
#findouttxt { padding-left:30px; font-size:14px;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 960px;
}
.eventlist{
	width:29%;
}
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

}


@media screen and (min-width: 768px) and (max-width: 960px){
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

.nav-collapse-inner .menu-top-nav-new-container a{font-size:12px !important;}
.navbar .nav > li a{font-size:12px !important; padding:4px;}
#social-search{left:5px; right:auto;}
#site-description{font-size:11px !important;}
#greenleft #followus{ float:none !important; margin:0px; padding:20px 0px 0px 20px;display:block}
#greenleft ul{ float:none !important; margin:0px;}
#findouttxt{padding-left:0px; text-align:right; float:right; padding-right:20px;}
#page-footer-action .signupbutton{margin-right:0px;}
#page-footer .span3{width:30% !important}
#page-footer #footercontact{display:block !important;float:none !important; padding-bottom:0px;width:100% !important}
.eventlist{
	width:450px;
}
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:49% !important; }

}

@media screen and (min-width: 768px) and (max-width: 1024px){
.eventlist{
	width:30%;
}
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:49% !important; }
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
.eventlist{
	width:30%;

}
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:49% !important; }
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

}

@media screen and (device-width: 641px) and (device-height: 767px) and (orientation:portrait){
.eventlist{
	width:46%;
	
}
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:49% !important; }
#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}

}


.img_box_lg{ display: block; }
.img_box_sm{ display: none; }
@media all and (max-width: 768px) {
.img_box_lg{ display: none; }
.img_box_sm{ display: block; }
}
@media all and (max-width: 640px) {

	
	#inPopUp{
	max-width:94% !important; 
	width:94% !important; 
top:80px !important; 
left:2% !important;
position:absolute !important;
margin:0px !important;
background:none;
border:0px;
}

.bgonly{ display:none;}
.mobonly{display:block}

#termsandconditions{left:10%;width:80%;height:80%;top:10%;background:#fff;position:fixed;display:none; border:1px solid #ddd;}
	
.page-template-templatesawarenessday-php iframe{width:100% !important;height:auto !important;}
.menuholder{ display:none;}
.headerrightinner{display:block; width:100%;margin:0px; padding:0px;height:30px !important; }
#site-title{background-size: 120px 60px; height:60px; }
#social-search{left:5px; right:auto;}

#social-search {height:30px; display:block; }
#social-search a{float:left;}
#social-search #s{float:right !important;top:0px; display:block !important; position:relative !important;
width:200px !important;margin:0px auto !important;
}

.page-template-templatesawarenessday-php img{ display:block;min-width:100%; width:100%;}
.page-template-templatesawarenessday-php .gallery img{ display:auto;min-width:auto; width:auto;}
.page-template-templatesawarenessday-php iframe{margin:0px auto !important; }
.facebookpanel{ text-align:center !important;}
.eb-inner-menu ul li{list-style:none; display:block; margin:0px 0px 2px 0px; padding:0px;}
.eb-inner-menu {padding:10px 0px; display:none;}
#shownav{ background:#005aab; margin:10px 0px; color:#ffffff;padding:3px;display:block; width:90px; text-align:center; }
#hidenav{ display:none; background:#005aab; margin:10px 0px; color:#ffffff;padding:3px; width:90px; text-align:center; }
.butterfly-list{margin-bottom:10px; display:block !important}

.eventlist{
	width:280px !important;
	margin:0px auto !important;
/*	display:block !important;*/
	float:none !important;
}

.eventlist-featured-image{ display:none;}
.eventlist-featured-title { font-size:14px;}
#greenleft #followus{ display:block !important;text-align:center; float:none !important; clear:both; margin:10px auto; padding:20px 20px 0px 20px;}
#greenleft ul{ float:none !important; margin:0px auto !important;height: 60px !important; width:280px;}
#findouttxt{margin:0px auto; text-align:center; float:none; padding:0px; display:block !important; clear:both; }
#findouttxt:hover{margin:0px auto; text-align:center; float:none; padding:0px; }
#page-footer-action .signupbutton{margin:0px auto; display:block; float:none;}
#page-footer .span3{width:30% !important}
#page-footer #footercontact{display:block !important;float:none !important; padding-bottom:0px;width:100% !important}
#footer {margin:0px !important; border-radius:0px !important; border:0px !important;}
#fat-footer #footer #page-footer{border-radius:0px !important; border:0px !important;background: #0052a8 !important; }
#fat-footer .span3{margin-left:0px !important;}

#page-footer .span3{ width:100% !important;}
.event-featured-title-text{ padding:10px;}
.event-featured-title{ font-size:20px; line-height:22px; height:auto;}
.event-featured-date{ font-size:12px; line-height:14px; }
#event-inner-content ul.wpb_image_grid_ul li{margin:0px !important;  margin-left:0px !important; width:100% !important; text-align:center; clear:both; float:none; }

	#n2017 .graypanelinner{margin-top:0px; padding:10px;}
	#n2017 #site-title a{height:50px;}	
	#n2017 .socialbutton 			{ display:none !important;}
	#n2017 #site-description 		{ display:none !important;}
	#n2017 #headerright 			{ display:block; clear :both; float:none; background:#f11;}	
	#n2017 .headerrightinner 		{ height:auto !important; display: block; clear: both;}
	#n2017 #social-search 			{ width:100%; left:0px;}
	#n2017 .mobilecta 				{ height:30px;display: block; width:40%; float:left; text-align: center; padding:10px 0px; color:#ffffff; text-transform:uppercase; font-weight: bold; font-size: 16px; line-height:1.5;  }
	#n2017 .mobilecta:hover 		{ color:#ffffff; text-decoration: none;  } 
	#n2017 #searchform 			{ display: none; float:right; clear: both; padding:20px 0px; }
	#n2017 #social-search #s		{ left: auto; top: auto; position: relative; width: 100% !important; display: block; padding:20px; }
	#n2017 #mobilectadonate 		{ background: #7f9f00;}
	#n2017 #mobilectagetinvolved 	{ background: #f18a0f;}
	#n2017 #mobilectasearch	 	{ background: #9c9c9c;width:20%;}
	#n2017 #social-search 			{ margin-top: 0px; height: auto;}
	#n2017 .input-append			{ position: relative; }
	#n2017 #mobile-item-1 .mobile-item-img 
									{ height:200px; }
	#n2017 .graypanelinner p 		{ font-size:12px;}		
	#n2017 .kslideroverlaydonate 	{ width:200px; padding:10px; font-size:16px; left:auto;}
	#n2017 .mobilecta2				{ height:60px }
	
}
@media all and (max-width: 480px) {
	#n2017 .mobile-hero	.overlay_text{padding:5px 0px 0px 5px;}
	#n2017 #mobilectadonate 		{ background: #7f9f00;width:35%;}
	#n2017 #mobilectagetinvolved 	{ background: #f18a0f;width:45%;}
	#n2017 .mobile-item-img 		{ position: relative;width:100px; float:left;}
	#n2017 .mobile-item-text h1		{font-size:13px; line-height: 1.2; margin:0px; padding:0px; font-family: Arial,sans-serif; }
	#n2017 .mobile-item-text h2		{font-size:13px; line-height: 1.2; margin:0px; padding:0px; font-weight: normal;    font-family: Arial,sans-serif;}
	#n2017 .mobile-item-text p		{font-size:13px; line-height: 1.2; margin:0px; padding:0px;font-weight: normal;    font-family: Arial,sans-serif;}
	#n2017 .mobile-item-text a		{font-size:13px; line-height: 1.2; margin:10px 0px 0px 0px; padding:0px; font-weight: normal;    font-family: Arial,sans-serif;}
	#n2017 #mobile-item-1 .mobile-item-img 
									{ height:160px;}

}
