/*
Theme Name: Circles USA 2019
Author: Sharp Hue
*/


/*Inner Template Theme Colors*/ 
#blog .blog-meta-info a:hover,
#blog h1 a,
#content h1,
#blog h1,
#blognav h3,
#blognav ul li a:hover { color:#555; }
#faqs .faq .icon,
#events .date,
#contact .frm_forms .frm_submit input,
#blog nav .nav-previous a,
#blog nav .nav-next a,
#information .icon { background-color:#555; }
#testimonials .testimonial { border-color:#ddd; }
#gallerynav a:hover,
#gallerynav a.active { border-bottom-color:#555; }
#gallerynav a.active span { border-top-color: #555; }
#gallery .video { position: relative; display: block; padding-bottom: 30px; box-shadow: 5px 5px 5px #888888; margin-bottom: 20px; }
#gallery .video:hover { box-shadow: 8px 8px 8px #888888; transition: .8; }
#gallery .video img { width: 100%; }
#gallery .video i { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; line-height: 60px; font-size: 30px; color: #fff; background: rgba(255,255,255,.5); border-radius: 30px; text-align: center;}
#gallery .video span { display: block; position: absolute; left: 0; bottom: 0; right: 0; padding: 15px 5px; color: #fff; font-size: 14px; font-weight: 700; line-height: 16px; text-align: center; text-decoration: none; background: #2f2f2f; }

.container {max-width: 1280px; margin: 0 auto;}

/* 404 Page */
#blog .error404-heading { font-size: 50px; line-height: 1.2em; font-family: 'Roboto', sans-serif; font-weight: 800; color: #484856; }
#blog .error404-text { font-size: 20px; line-height: 1.2em; font-family: 'Roboto', sans-serif; font-weight: 300; color: #5c5c5c; }
#blog .error404-btn-holder { text-align: center; }
#blog .error404-btn {text-decoration:none; background: #f9cd52; padding: 12px 30px; border: none; color: #484856; border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 18px;}
#blog .error404-btn:hover {background: #f7b82f; transition: ease-in-out .2s;}
#blog .error404-graphic {margin-bottom: 20px;}

@media(max-width: 767px){
  #blog .error404-heading { font-size: 40px; }
}


#blog ul { color:#6a6a6a;font-size:17px;}
#blog h1 { margin: 0 0 35px 0; color: #0188bd; font-size: 40px; line-height: 60px; font-weight: 700;}
#blog p { margin: 0 0 20px 0; font-size: 17px; color: #6a6a6a; line-height: 28px;}

/* Blog Sidenav */
#blognav h3 { color: #6a6a6a; font-size: 22px; line-height: 16px; text-transform: uppercase; margin: 0 0 15px 0; font-weight: 700;}
#blognav ul li a { display: block; margin: 0 0 20px 0; padding: 0; line-height: 18px; color: #aaa; font-size: 16px; text-decoration: none; font-weight: 600;}

/* Blog Prev Next */
#blog nav { display:table; width:100%; }
#blog nav .assistive-text { display:none; }
#blog nav .nav-previous,
#blog nav .nav-next { float:left; margin:0; }
#blog nav .nav-previous { margin:0 10px 0 0; }
#blog nav .nav-previous a,
#blog nav .nav-next a { display:inline-block; line-height:50px; padding:0 40px; font-size:16px; text-transform:uppercase; text-align:center; color:#fff; background:#0188be; text-decoration:none; 
	-webkit-border-radius: 7px; 
       -moz-border-radius: 7px; 
	     -o-border-radius: 7px; 
	        border-radius: 7px; 
} 
#blog nav .nav-previous:hover a,
#blog nav .nav-next:hover a { opacity:.9; }

#blog .wrapper:nth-child(even):last-child nav .nav-previous a,
#blog .wrapper:nth-child(even):last-child nav .nav-next a { color:#0188be; background:#fff; }

#blog nav.nav-single .nav-previous a,
#blog nav.nav-single .nav-next a { background:#5e5e5e; color:#fff; }



/*Theme Styles*/

/* Page Spacer */
/* .homepage-spacer { padding-top:120px; } */
/* .inner-page-spacer { padding-top:120px; } */

@media(max-width: 767px){
  /*   .homepage-spacer { padding-top:60px; } */
/*   .inner-page-spacer { padding-top:60px; } */
}

body {font-family: 'Open Sans', sans-serif;}
/*Visual Composer Styles*/
#content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 300; }
#content .homepage-h1 { line-height: 1.2em; padding: 0 0 7px 0; font-size: 38px; font-weight: bold; }
#content .contact-heading {font-size: 28px; color: #4989c7; font-weight: 600;}
#content .social-media-heading {font-size: 32px;}
#content .contact-text p {font-size: 18px; padding: 0px; line-height: 1.5em;}
#content .content-btn a { text-decoration: none; font-size: 17px; white-space: nowrap; background: #e7843d; color: #fff; padding: 13px 30px; border-radius: 3px; }
#content .content-btn:hover a { background: #4989c7; color: #fff; text-decoration: none;}
#content .inner-heading { font-size: 28px; font-weight: bold; color: #4989c7; }
#content .inner-quote p { font-size: 19px; font-weight: 500; font-style: italic; line-height: 1.5em; color: #9a9a9a; padding: 10px 30px;  }
#content .inner-quote span { font-size: 16px; font-weight: 300; font-style: normal; color: #33a049; }
#content .inner-quote { border-left: #33a049 2px solid; margin-left: 30px; }
#content .find-circles h3 { font-size: 17px; font-weight: 600; }
#content .find-circles a { text-decoration: none; color: #4989c7; }
#content .find-circles a:hover { color: #e7843d; }
#content .find-circles p { padding-bottom: 0px; font-size: 15px; }
#content .find-circles-disclaimer p { font-size: 18px; font-weight: 600; color: #4989c7; }
#content .book-title h3 { font-style: italic; font-weight: 600; color: #4989c7; }
#content .book-title span { font-size: 18px; font-style: normal; font-weight: 300; color: #444; }
#content .team-name { color: #4989c7; }
#bodyBranded #formBackground {max-width: 100% !important;}

/* VC Homepage */
#content .homepage-text p { color: #444; font-size:18px; line-height: 1.6em; }
#content .video-headings { font-weight: 300; font-size: 16px; line-height: 1.4em; color: #4989c7; }
#content .video-headings a:hover { color: #e7843d; }
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: #e7843d !important; color: #fff !important; text-decoration: none !important;}
#content .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 { color: #4989c7; font-size: 21px; line-height: 1.4em; }
#content .read {display:none;}
#content .vc_gitem-post-data-source-post_excerpt p {padding-bottom: 5px;}
#content .post-date {color: #33a049; }

@media(max-width: 767px){
  #hp-rows .vc_column-inner.vc_custom_1545411265110 { padding: 130px 0px; }
  #hp-rows .vc_column-inner.vc_custom_1545411736145 { padding: 130px 0px; }
}


/* VC Custom Theme Style */
#hp-rows {min-height: 290px;}

/* VC FAQ */
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #f0efef !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #444 !important; text-decoration:none !important;}
.vc_tta-controls-icon::before {border-color: #444 !important;}
.vc_tta-controls-icon::after {border-color: #444 !important;}


/*Fonts*/
h1,h2,h3,h4,h5,h6, ul, ol, li, p, div { font-family: 'Open Sans', sans-serif; }
#content p { font-size: 16px; font-weight: 300; color: #444; line-height: 1.7em; }
#content a { text-decoration: underline; color: #4989c7; }
#content a:hover { text-decoration: none; color: #e7843d; }

/*Header*/
#header { min-height: 80px; background: rgba(255, 255, 255, 1); z-index: 100000; border-bottom: 1px solid #33a049;}
#header.compact { background: rgba(255, 255, 255, 1); }
#header.transition,
#header.transition div { -webkit-transition: all 100ms; transition: all 100ms; }
#header.absolute { position: absolute; top: 0; width: 100%; }
#header.fixed { position: fixed; top: 0; width: 100%; }
#header .container { max-width: 1200px; position: relative; padding: 0 15px; }

/* Double Logo Switches */
#header .logo { line-height: 80px; }
#header .logo img {width: 230px;}
/* #header.compact .logo { display:none; } */
#header .logo2 {display: none;}
/* #header.compact .logo2 {display: block;} */


#header.slide { animation-name: slide; animation-duration: 300ms; }
@-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} }
@keyframes slide { from {top: -200px;} to {top: 0px;} }

#header.fade { animation-name: fade; animation-duration: 300ms; }
@-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} }
@keyframes fade { from {opacity: 0;} to {opacity: 1;} }

@media screen and (min-width: 1151px) {	
	#header.compact { min-height: 80px; }
	#header.compact .logo { line-height: 80px; }
	#header.compact #nav { top: 20px; }
}

@media(max-width: 880px) {
	html.menu-on,
	html.menu-on body { overflow:hidden; }
	html.menu-on #header { overflow-y: scroll; height: 100%; }
	#header { min-height: auto; }
	#header .container { padding: 0; }
	#header .logo { line-height: 0; padding: 10px; }
	#header .logo img { width: auto; height: 40px !important; }
/*   #header .logo2 img { width: auto; height: 40px !important; } */
}

/*Nav*/
#nav { position:absolute; top:20px; right: 15px;}
#nav nav > ul { display:table; width:100%; list-style:none; }
#nav ul > li { float:left; }
#nav ul li > a { display:block; height:40px; padding:0 10px; line-height:40px; font-size:14px; color:#4989c7; text-transform:uppercase; text-decoration:none; font-weight: 300; }
#nav ul li:hover > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current_page_parent > a  { color: #e7843d; }
#nav ul li.menu-item-has-children > a {  }
#nav .menu { display: none; cursor:pointer; }

#nav nav > ul > li .fa-angle-down {display: none;}
#nav nav > ul > li.menu-item-has-children i { display: inline-block;}
#nav nav .sub-menu .fa-angle-down { display: none; }

/*Sub Nav*/
#nav ul li .sub { position:relative; }
#nav ul ul { display:none; position:absolute; left:0px; top:0px; min-width:200px; height:auto; background:#fff; z-index:10;}
#nav ul li:last-child ul { left:auto; right:0; }
#nav ul li:hover ul { display:block; }
#nav ul li ul li { float:none; margin:0; padding:0; }
#nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:14px; color:#4989c7; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
#nav ul li ul li:hover a { background:#4989c7; color: #fff; }
#nav ul li ul li ul { display:none; }

/*Nav Btns*/
#nav .btn { padding:0; margin:0; }
#nav .btn a { padding: 15px 18px; margin-left: 5px; line-height:16px; height:auto; color: #fff; text-decoration: none; text-transform: uppercase; white-space:nowrap; }
#nav .btn a .fa { margin-right: 5px; }
#nav .btn.primary a { margin-left:50px; }
#nav .btn.primary a { background-color: #a9a9a9; }
#nav .btn.primary a:hover { transition: : .8s; }
#nav .btn.primary a:before { content:"\f086 "; font-family:FontAwesome; display:inline-block; margin-right:5px; } 
#nav .btn.secondary a { background-color: #c0c0c0; }
#nav .btn.secondary a:hover { transition: .8s; }
#nav .btn.secondary a:before { content:"\f041 "; font-family:FontAwesome; display:inline-block; margin-right:5px; }

@media screen and (min-width: 768px) {
	#header.compact { min-height: 60px; }
	#header.compact .logo { line-height: 60px; }
	#header.compact #nav { top: 10px; }
	#header.compact #nav .btn { top: -25px; right: 0; }
	#header.compact #nav .btn a { padding: 5px 15px; font-size: 12px; }
	#header.compact #nav .btn.secondary { right: 160px; }
}

@media screen and (min-width: 1151px) {
	#header.compact #nav { top: 10px; }
	#header.compact #nav .btn a { padding: 10px 15px; }
}

@media(max-width: 1150px) {
/* 	#nav { right: 15px; top: 40px; } */
	#nav .btn { float:none; position:absolute; right:0; top:-50px; }
	#nav .btn.secondary { right:200px; }
}

@media(max-width: 880px) {
	#nav { width: 100%; right: auto; position: relative; top: 0; left: auto; }
	#nav .menu { display: block; position: absolute; text-align: center; font-size: 30px; line-height: 60px; right:0; top:-60px; width:60px; height:60px; }
	#nav .menu.done { display: block; }
	#nav .menu a { color: #000000; }
	#nav nav { display: none; }
	#nav.on nav { display: block; }
	#nav.on nav ul li .sub ul { display:none; }
	#nav.on nav ul li:hover .sub ul { display:block; }
	#nav.on nav ul li.on .sub ul { display:block; }
	#nav nav > ul { display: block; }
	#nav nav > ul > li:first-child { float: none; margin: 0; }
	#nav nav ul li { float: none; }
	#nav ul > li { margin: 0; }
	#nav ul li > a { color: #fff; }
	#nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#cccccc; }
	#nav.on nav ul { display:block; }
	#nav.on nav ul li .sub ul { display:none; position: relative; left:auto; top:auto; right:auto; }
	#nav.on nav ul li.on .sub ul { display:block; left: 0; }
	#nav ul li ul li a { padding-left: 40px; }
	#nav ul li.menu-item-has-children > a { padding: 8px 20px; }
	#nav nav ul li a { padding: 8px 20px; }	
	#nav .btn,
	#nav .btn.primary,
	#nav .btn.secondary { float:none; position:relative; right:auto; top:auto; }
	#nav .btn.primary a,
	#nav .btn.secondary a { margin:0; }
}

/*Promo*/
#promo { position:relative; }
#promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .wrapper { }
#promo .container { padding:200px 5px; max-width:1200px;}
#promo h2 { margin:0 0 20px 0; padding:0; font-size:50px; line-height:42px; font-weight:bold; color:#fff; text-align:center; letter-spacing: 0.04em; }
#promo p { margin:0; padding:0; font-size:17px; line-height:24px; color:#fff; text-align:center; margin-bottom:33px; letter-spacing: .25em; }

#promo .slider-btn {font-size: 16px; padding: 15px 25px; border-radius: 3px; background: #555; color: #fff; text-decoration:none;}
#promo .slider-btn:hover {background: #666; }
#promo .slider-btn-holder {text-align: center;}
#promo .slider .covid-response-btn {position: absolute; right: 200px; bottom: 15px; display: inline-block; padding: 12px 30px; /*background-color: #1E74BE;*/ border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}
#promo .slider .newsletter-signup-btn {position: absolute; right: 15px; bottom: 15px; display: inline-block; padding: 12px 30px; background-color: #e7843d; border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}

.eco-impact-btn {background:#4BB543!important;}

@media(max-width:767px){
  #promo .container { padding: 100px 5px; }
  #promo h2 { font-size: 40px; }
}

/* Inner Promo */
#promo2 { position:relative; }
#promo2 .wrapper { }
#promo2 .container { padding:200px 5px; max-width:1200px; margin: 0 auto; position: relative;}
#promo2 h1 { margin:0 0 20px 0; padding:0 15px; font-size:50px; line-height:42px; font-weight:left; color:#fff; text-align:left; }
#promo2 .promo-overlay { background: rgba(0,0,0,.5) no-repeat center center; background-size:cover;}
#promo2 .covid-response-btn {position: absolute; right: 200px; bottom: 15px; display: inline-block; padding: 12px 30px; /*background-color: #1E74BE;*/ border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}
#promo2 .newsletter-signup-btn {position: absolute; right: 15px; bottom: 15px; display: inline-block; padding: 12px 30px; background-color: #e7843d; border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}
#frm_form_11_container {margin: 0 auto;}
#frm_form_11_container .orange-submit-btn {width: 100% !important;}

@media(max-width: 767px){
  #promo2 .container { padding:100px 5px }
  #promo2 h1 { font-size: 40px; }
}

/* New Blog */
#blog-promo .container { padding:160px 5px; max-width:1200px; margin: 0 auto; position: relative;}
#blog-promo .blog-title { margin:0 0 20px 0; padding:0; font-size:40px; line-height:42px; font-weight:bold; color:#fff; text-align:left; }
#blog-promo .blog-tagline { margin:0; padding:0; font-size:18px; line-height:24px; color:#fff; text-align:left; }
#blog-promo .covid-response-btn {position: absolute; right: 200px; bottom: 15px; display: inline-block; padding: 12px 30px; /*background-color: #1E74BE;*/ border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}
#blog-promo .blog-newsletter-signup-btn {position: absolute; right: 15px; bottom: 15px; display: inline-block; padding: 12px 30px; background-color: #e7843d; border-radius: 5px; text-decoration: none; color: #fff; font-size: 17px;}
@media(max-width: 767px){
  #blog-promo .container { padding:100px 5px; }
}

/* circles-full-width-vc */
#circles-full-width-vc .container {padding: 200px 15px;}
#circles-full-width-vc h1 {color: #f5d60a; font-size: 50px; text-align: center;}

#ex-blognav .spacing { padding:25px 0 30px 0; }
#ex-blognav.single .spacing { padding:30px 0 30px 0; }
#ex-blognav .categories ul { display:table; width:100%; list-style:none; }
#ex-blognav .categories ul li { float:left; margin:0 15px 0 0;  }
#ex-blognav .categories ul li a { text-decoration:none; font-size:15px; font-weight:600; text-transform:uppercase; color:#4989c7; border-left:1px solid #bbb; line-height:40px; padding:5px 10px;}
#ex-blognav .categories ul li a:hover { color:#e7843d;  }
#ex-blognav li.categories { list-style:none; color:#fff;}
#ex-blognav .searchbar { padding:15px 0 0 0; }
#ex-blognav .searchbar .box { position:relative; }
#ex-blognav .searchbar label { display:none;}
#ex-blognav .searchbar input[type="text"] { width:100%; border:1px solid #4989c7; font-size:14px;  line-height:18px; height:40px; padding:0px 10px; background:#fefefe;
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	     -o-border-radius: 4px; 
	        border-radius: 4px; }


#ex-blognav .searchbar input[type="submit"] { position:absolute; top:0; right:0;  background:#4989c7 url(images/structure/search-white.png) no-repeat center; width:40px; height:40px; padding:0; border:1px solid #4989c7; border-left:none; text-indent:-99999px;
							-webkit-border-top-right-radius: 4px; 
							    -moz-borde-top-right-radius: 4px; 
								-o-border--top-right-radius: 4px; 
									border-top-right-radius: 4px;
						 -webkit-border-bottom-right-radius: 4px; 
						     -moz-borde-bottom-right-radius: 4px; 
							 -o-border--bottom-right-radius: 4px; 
								 border-bottom-right-radius: 4px; }
#ex-blognav .searchbar input[type="submit"]:hover {  background-color:#000; }

/*Footer*/
#footer .wrapper { background-color: #4989c7; border-top: 1px solid #eeeeee; }
#footer .container { max-width: 1200px; padding: 50px 15px 80px 15px; }
/* #footer #menu-footer { list-style: none; text-align: center;} */
/* #footer #menu-footer li { display: inline-block; padding: 0 15px;} */
/* #footer #menu-footer li a:hover { color: #555; } */
#footer .footer-nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: #4989c7; content: ''; }
#footer .footer-nav ul { list-style-type: none; }
#footer .footer-nav ul li { line-height: 13px; margin-bottom: 12px; }
#footer .footer-nav ul li a { text-decoration: none; font-size: 15px; font-weight: 300; color: #fff; }
#footer .main-link a { font-size: 16px !important; font-weight: bold !important; }
#footer .btn-holder { text-align: center; margin-top: 40px; }
#footer .btn-holder2 { margin-top: 40px; text-align: center; }
#footer .footer-btn1 { text-decoration: none; font-size: 17px; white-space: nowrap; background: #e7843d; color: #fff; padding: 12px 65px; border-radius: 3px; }
#footer .footer-btn2 { text-decoration: none; font-size: 17px; white-space: nowrap; background: #e7843d; color: #fff; padding: 12px 65px; border-radius: 3px; }
#footer .social-media ul { list-style: none; text-align: center; }
#footer .social-media ul li { display: inline-block; padding: 0px 10px; }
#footer .social-media ul li a { color: #fff; font-size: 27px; }

/*Pop Up*/
#subscribe-popup { position: relative; width:900px; max-width:100%; }
#subscribe-popup .opacity { height: 409px; 	
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.47) 7%,rgba(0,0,0,0.27) 47%,rgba(0,0,0,0) 100%);
	   background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.47) 7%, rgba(0,0,0,0.27) 47%, rgba(0,0,0,0) 100%);
          background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.47) 7%,rgba(0,0,0,0.27) 47%,rgba(0,0,0,0) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); }
#subscribe-popup .bg { height: 458px; background: url(/wp-content/uploads/2020/10/Screen-Shot-2020-10-28-at-1.38.16-PM.png) no-repeat center center; background-size:cover; }
#subscribe-popup .text-holder { text-align: center; max-width: 620px; margin: 0 auto; }
#subscribe-popup h2 { font-size: 39px !important; font-weight:bold; color: #ffffff; padding-top: 30px !important; padding-bottom: 10px !important; line-height: 45px !important; margin: 0 !important; font-family: 'Open Sans', sans-serif; text-transform:none; }
#subscribe-popup p { font-size: 17px; color: #ffffff; line-height: 17px !important; font-family: Arial; padding: 0 20px !important; text-transform:none;}

#subscribe-popup form { padding:20px 18px; max-width: 850px; margin: 0 auto; background-color: #fff; }
#subscribe-popup input[type="text"] { width: 100%; line-height: 51px; height:51px; padding: 7px 15px; margin-bottom:5px; border: 1px solid #e1e1e1; }
#subscribe-popup input[type="email"] { width: 100%; line-height: 51px; height:51px; padding: 7px 15px; margin-bottom:5px; border: 1px solid #e1e1e1; }
#subscribe-popup input[type=submit] { font-size: 21px; line-height: 38px; height:51px; padding:7px 0; margin-bottom:5px; display: block; width: 100%; background-color: #278fbb; color: #ffffff; border-radius: 4px; border: none; font-weight: 600; font-family: 'Open Sans', sans-serif; }
#subscribe-popup input[type=submit]:hover { opacity: .8;}
#gdpr_text {display:none;}
.ctct-form-footer {display: none;}
div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {width: 30%; margin: 1% !important; float: left;}
#success_message_1 {color: green !important;}
@media all and (max-width: 770px) {
	#subscribe-popup .opacity { height:300px; }
	#subscribe-popup .bg { height:330px; }
  div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {width: 100%;}
}

/* Featured Events */
#featured-event .wrapper {padding: 40px 0;}
#featured-event .container {padding: 0 15px;}
#featured-event .featured-event-title {text-align: center; margin: 0; margin-bottom: 20px; text-transform: uppercase; color: #323232; font-size: 29px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
#featured-event .col-80 {margin: 0 auto; float: none; display: block;}
#featured-event .feat-event-holder {text-align:center; padding: 25px; border: 1px solid #ccc; margin-bottom: 20px; border-radius: 5px;}
#featured-event .feat-event-holder img {max-height: 300px; margin-bottom: 10px;}
#featured-event .feat-event-holder h3 { margin-bottom: 10px; font-size: 24px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 600;}
#featured-event .feat-event-holder .date {padding-bottom: 10px; font-size: 19px; font-weight: 600;}
#featured-event .feat-event-holder .location {padding-bottom: 10px; font-size: 17px; font-weight: 600;}
#featured-event .feat-event-holder p {padding-bottom: 20px;}
@media(max-width: 867px) {
  #featured-event .col-33 {width: 100%;}
}
@media(max-width: 767px) {
  #featured-event .col-50 {width: 100%;}
}
/* Upcoming-Events */
#upcoming-event { border-bottom: 1px solid #e9e9e9;  }
#upcoming-event .contain {max-width: 1200px; margin: 0 auto; padding:0 20px;}
#upcoming-event .wrapper { padding: 40px 0; } 
#upcoming-event .upcoming-event-title { text-align: center; margin: 0; margin-bottom: 20px; text-transform: uppercase; color: #323232; font-size: 29px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
#upcoming-event .month { padding: 10px 24px 40px 24px; }
#upcoming-event .month ul { list-style-type: none; }
#upcoming-event .month ul li { margin-bottom: 5px; }
#upcoming-event .month ul li a:hover {font-weight:bold}
#upcoming-event .month ul .active { font-weight: bold; }
#upcoming-event .month ul li a { font-size: 16px; text-decoration: none; color: #103461; }
#upcoming-event .event-card { position: relative; border: 1px solid #ccc;  width: 100%; background-color: #fff; margin-bottom: 20px; border-radius: 5px 5px 5px 5px; }
#upcoming-event .event-card .date { position: absolute; background-color: #4989c7; border-radius: 50%; top: 0; left: -64px; width: 128px; height: 128px; text-align: center; color: #fff;}
#upcoming-event .event-card .date p { font-size: 18px; line-height: 24px; font-family: 'Open Sans', sans-serif; font-weight: bold; padding-top: 30px; }
#upcoming-event .event-card .date p span { font-size: 50px; line-height: 50px; font-family: 'Open Sans', sans-serif; font-weight: bold; }
#upcoming-event .event-info { padding-left: 86px; padding-top: 25px; padding-right: 20px; padding-bottom: 20px; }
#upcoming-event .event-info h3 { font-size: 20ßpx; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-top: 0; padding-bottom: 10px;}
#upcoming-event .event-info .desc {margin-bottom: 18px;}
#upcoming-event .event-info .location { position: relative; padding-left: 20px; float: left; margin-right: 40px; }
#upcoming-event .event-info .location .location-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #000; }
#upcoming-event .event-info .time { position:relative; padding-left: 23px; float: left; }
#upcoming-event .event-info .time .time-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #000;  }
#upcoming-event .event-info .event-btn { display: inline-block; float: right; }
#upcoming-event .event-info .event-btn a { background-color: #f9f9f9; padding: 9px 28px 9px 12px; margin-right: 18px; font-size: 15px; border-radius: 5px; border: 1px solid #e7843d; color: #000; text-decoration: none; display: inline-block; }
#upcoming-event .event-info .event-btn a:hover { background-color: #4989c7; color: #fff; transition: .4s; border: 1px solid #ccc; }
#upcoming-event .event-info .event-btn a:hover .fas { color: #fff; transition: .4s; }
#upcoming-event .event-info .event-btn a .fas { color: #000; font-size: 20px; padding-right: 12px; }
#upcoming-event .event-info .event-btn .calendar-btn { padding: 9px 12px; margin-right: 0; }
.addeventatc {border: 1px solid #e7843d !important;}
#upcoming-event .no-events { text-align: center; padding: 30px;}
#upcoming-event #months-slider {text-align: center;}
#upcoming-event #months-slider .display-month {font-size: 25px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase; padding: 0 65px;}
#upcoming-event #months-slider .fa {font-size: 20px; color: #103461;}
#upcoming-event .col-100:first-child {float: none;}
#upcoming-event .col-100:last-child {width: 90%; margin: 0 auto; float: none; display: block;}
#upcoming-event .responsiveCal {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
#upcoming-event .responsiveCal iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

#upcoming-evnt {display: none !important;}

@media(max-width: 1115px) {
	#upcoming-event .event-info .event-btn { float: left; clear: both; margin-top: 10px; }
	#upcoming-event .event-info .event-btn a:first-child { margin-bottom: 10px; }
}

@media(max-width: 767px) {
  #upcoming-event .col-100:last-child {width: 100%;}
	#upcoming-event .month { margin-bottom: 15px; }
	#upcoming-event .month ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
	#upcoming-event .month ul li:after { content: ','; }
	#upcoming-event .month ul li:last-child:after { content: ''; }

	#upcoming-event .event-card .date { left: -10px; width: 84px; height: 84px; }
	#upcoming-event .event-card .date p { font-size: 16px; line-height: 10px; padding-top: 15px; }
	#upcoming-event .event-card .date p span { font-size: 35px; line-height: 40px; }
}
@media(max-width: 600px) {
  #upcoming-event .event-card .date {position: relative; margin: 0 auto; left: 0; top: 10px;}
  #upcoming-event .event-info {padding: 20px;}
  #upcoming-event .event-info h3 {text-align:center;}
  #upcoming-event .event-info .time br {display: none;}
  #upcoming-event .event-info .time .event-time span:last-child {padding-left: 10px;}
  #upcoming-event .event-info .location {padding-bottom: 15px;}
}

#new-blog .new-blog-post {margin-top:-40px;margin-bottom:55px;}