/*

My Custom CSS
=============

Author:  Mirko Bonet 2019

*/


/* --------------------------------------
   Global / Debug
   -------------------------------------- */

/* 
FONTS
	font-family: 'Lato', sans-serif;
	font-family: 'Open Sans', sans-serif;

COLORS
	Blue: #1a4173;
	green: #00b3ca
	Light Blue: #b2c7dd;

*/

/* show MD columns 
div { border: solid 1px #000;} */

/*.container { max-width: 974px; }*/


.nopadding { padding: 0; }


.btn, a {
	-o-transition:color .2s ease-out, background 2s ease-in;
	-ms-transition:color .2s ease-out, background 2s ease-in;
	-moz-transition:color .2s ease-out, background 2s ease-in;
	-webkit-transition:color .2s ease-out, background 2s ease-in;
	/* ...and now for the proper property */
	transition:color .2s ease-out, background .2s ease-in;

}

body { overflow-x: hidden;}


video {
	margin-top: 200px;
}

/* --------------------------------------
   Mobile Header
   -------------------------------------- */

#mobile-menu a {
	position: absolute;
	top: 5px;
	left: 10px;
	color: #1a4173;
	font-size: 24px;
	z-index: 50;
}


#mobile-footer {
	text-align: center;
	color: #fff;
	padding: 15px 0;
	background-color: #0f1633;	
}
#mobile-footer a {
	color: #fff;
	font-size: 24px;
}


/* --------------------------------------
   Hacks
   -------------------------------------- */

/* make the form container relative for positioning */

body #gform_wrapper_3 #input_3_2 {
	width: 212px;
}
body #gform_wrapper_3 {
    position: relative;
    margin-bottom: 10px;
}
 
/* resize and position the form footer with the button */
 
body #gform_wrapper_3 .gform_footer {
    width: auto;
    position: absolute;
    top: 12px;
    left: 250px;
    padding: 0;
    margin: 0;
}

body #gform_wrapper_3 #gform_submit_button_3 {
	padding: 10px 15px;
	background-color: rgba(139, 197, 97, 1);
	border-radius: 0;
}



body .gform_wrapper .gform_body input, body .gform_wrapper .gform_body select {
    background-color: #e7eef5;
    border: 1px solid #b2c7dd;
}

body .gform_wrapper .gform_body .gf_left_half {
	padding-right: 15px!important;
}
body .gform_wrapper .gform_body select {
	padding: 8px 5px;
}





#account #mepr-account-nav {
	display: none;
}
.mepr_first_name:before {
	content: "Billing Information";
	font-size: 24px;
	color: #1a4173;
	font-weight: bold;	
}
.mepr_mepr_business_name, .mepr_first_name {
	border-top: 5px solid  #1a4173;
	margin-top: 50px;
	padding-top: 10px;
	
}

.mepr_mepr_business_name:before {
	content: "Green Marketplace Registration";
	font-size: 24px;
	color: #1a4173;
	font-weight: bold;	
}


.wpua-edit-container h3, #wpua-edit-attachment-existing, #wpua-thumbnail-existing, #wpua-preview-existing .description {
	display: none!important;
}

.custom-letter-div-vertical-dir {
	background-color: #b2c7dd;
}
.dud_field_2 {
	margin-bottom: 15px;
}
.dud-fa-bullet {
	margin-right: 5px;
}

.kt-image-overlay-wrap.kt-over-image-zoomin .kt-block-intrisic>img {
	width: 100%;
	height: auto;
}

.industry-title {
	text-shadow: 0px 0px 7px #000;
}

.mp_wrapper .mp-form-row {
	margin-top: 20px;
}
/* --------------------------------------
   Simple classes
   -------------------------------------- */

#main .wp-block-kadence-advancedgallery  li {
	list-style-type: none;
	background-image: none;
	padding: 5px;
}

.ui-widget-content img {
	height: auto;
}

footer.event-meta {
	display: none;
}

.event-content .entry-meta {
	display: none;
}




#main .bigger-list li {
	background-image: none;
	padding-left: 0;
	margin-left: 0px;
	list-style-type: none;
}
.bigger-list strong {
	font-weight: normal;
	color: #1a4173;
	font-size: 24px;
}
.big-text {
	font-size: 22px;	
}  
   

.small-text {
	font-size: 12px;
	text-align: left;
	font-style: italic;
 }
 
blockquote {
	font-size: 140%;
	font-style: italic;
	line-height: 1.4em;
	padding: 0;
	margin:0;
	border-left: none;
	padding: 15px;
	background-color: #fff; 
}

.dir-listing-text, .dir-listing-text-surr-border {
	letter-spacing: 0!important;
}

/* --------------------------------------
   TYPOGRAPHY
   -------------------------------------- */
   
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: normal;

	font-weight: 700;
}

h1 {
	font-size: 28px;
	line-height: 1.3em;
	margin-bottom: 30px;
	color: #1f2e77;
}

h2 {
	font-size: 24px;
	color: #00b3ca;
}


h3 {
	font-size: 18px;
	color: #00b3ca;
}

h4 {
	font-size: 18px;
	margin-bottom: 0;
}

/*
h4:after {
	content: ""; 
    display: block; 
    width: 30%; 
    border-bottom: 4px solid #fff;
	padding-top: 15px;
}
*/
h5 {
	font-size: 18px;	
}



/* --------------------------------------
   header font-family: 'Open Sans Condensed', sans-serif;
   -------------------------------------- */


body {
	font-family: 'Lato', sans-serif;
}

#masthead {
	padding: 15px 0;
}
#masthead p {
	margin-bottom: 0;
}
#masthead #social-icons-top {
	padding-bottom: 10px;
	font-size: 20px;
}

header #logo img {
 -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}

header a {
	color: #1a4173;
	font-weight: bold;
	text-decoration: none;
}
header p a:hover {
	color: #00b3ca;
}


.stickynav {
	background-color: rgba(255, 255, 255, 1);
	padding-top: 15px;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	-ms-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s;

	position: -webkit-sticky; 
	position: sticky; 
	top: 0; 
	z-index: 999;
	background-color: #fff;
	
	
}




.btn-join, .btn-green { 
	border-radius: 30px;
	background-color: #00b3ca;
	border: none;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.btn-green {
	background-color: rgba(139, 197, 97, 1);
}

.btn:hover {
	background-color: #1a4173;
}

.btn-green:hover {
	background-color: rgba(89, 154, 43, 1);
	color: #fff;
}
.btn-join a, .btn-green a {
	color: #fff;
	text-decoration: none;
}
.btn-join a:hover, .btn-green a:hover {
	text-decoration: none;
}

.btn-green a:hover {
	color: #fff;
}

#donateform {
	width: 140px;
    float: right;
}


/* --------------------------------------
   banner
   -------------------------------------- */

#sub-banner img {
	height: auto;
}
.carousel {
	margin-top: -10px;
}



.carousel-control-next, .carousel-control-prev { 
	opacity: 1;
	
}
#carousel { 
	position: relative;
}
.carousel-item { 
/*     max-height: 600px; */
}

.carousel-item img {
/* 	max-height: 600px; */
	
}




#carousel .carousel-caption {
	padding: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 28px;
	width: 80%;
	text-align: left;
	text-shadow: 1px 1px 5px #000;
}


#carousel .Light-Blue {
	background-color: rgba(29, 133, 158, 0.5);
}

#carousel .Purple {
	background-color: rgba(64, 9, 116, 0.5);
}

#carousel .Green   {
	background-color: rgba(54, 111, 42, 0.5);
}


#carousel .Dark-Blue {
	background-color: rgba(13, 47, 108, 0.5);
}


#carousel .Turquoise  {
	background-color: rgba(0, 147, 163, 0.5);
}

#carousel .Red  {
	background-color: rgba(255, 83, 57, 0.5);
}




#carousel .title {
	font-size: 44px;
	font-weight: bold;
}
#carousel a {
	color: #00b3ca;

}
#carousel .link {
	text-align: right;
}
#carousel a:hover {
	
}



#buckets {
	color: #fff;	
	font-weight: normal;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #000;
}
#buckets .item {
	margin-bottom: 20px;
}
#buckets h3 {
	font-size: 18px;
	padding: 7px 0;	
}
#buckets p {
	font-size: 14px;
	margin-bottom: 0;
}
#buckets .caption {
	background-color: rgba(0, 67, 143, 0.81);	
	border-color: rgba(255, 255, 255, 0.4);
}

 
 




/* --------------------------------------
   Navbar Horizontal with Dropmenu
   -------------------------------------- */


#menu {
	background-color: #1a4173;
/* 	height: 66px; */
}
/*



nav ul, nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav {
	padding: 0;
	list-style: none;
	list-style-type: none;
}

nav li {
	float: left;
	position: relative;
	list-style: none;
}

nav li a {
	text-decoration: none;
	display: block;
	font-size: 24px;
	margin: 15px 20px 15px 20px;
	color: #fff;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	
	-o-transition:color .2s ease-out, background 2s ease-in;
	-ms-transition:color .2s ease-out, background 2s ease-in;
	-moz-transition:color .2s ease-out, background 2s ease-in;
	-webkit-transition:color .2s ease-out, background 2s ease-in;

	transition:color .2s ease-out, background .2s ease-in;

}

nav .phone a {
	color: #538ac9;
}


nav li a:hover, nav li li a:hover  { 
	color: #8e96a3;
	text-decoration: none; 
	}


nav li ul li {
	float: none; 
	position: relative;	
}

nav li ul {
	position: absolute; 
	top: 50px; 
	left: 0px; 
 	display: none;
	width: 350px;
	z-index: 600;
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 67, 143, 0.9);
	transition: opacity 0s, opacity 0.2s linear;
	padding-bottom: 15px;
}

nav li:hover > ul {
 	display: block;
}


nav li ul li a {
	text-align: left;
	padding: 15px 15px 0 15px;
	float: none;
	margin: 0;
}

.current_page_item > a, .current-menu-parent > a  {
	color: #00b3ca;
	text-decoration: none;
	border-top: 6px solid #00b3ca;
	margin-top: 0px;
	padding-top: 9px;
	font-weight: bold;

	
} 

.current_page_item a:hover, nav ul li:hover > a {
	color: #00b3ca;
	text-decoration: none;	
}


nav li ul .current_page_item > a, nav li ul .current_page_item > a:hover {
	color: #00b3ca;
	text-decoration: none;
	border: none;
}


nav li ul li a:hover {

}

nav li ul li ul {
	position: absolute; 
	top:0px; 
	left:200px; 
	display: none; 
	width:300px;
}
*/



/* --------------------------------------
   CONTENT
   -------------------------------------- */	   



#content {
	padding: 30px 0;
}

#content p {
	line-height: 1.8em;
	font-size: 18px;
}

#content p a {
	color: #1f2e77;
}

#content p a:hover {
	color: #00b3ca;
}

.wp-block-file .wp-block-file__button {
	background-color: #1f2e77;
}

#benefits-page #main img {
	height: auto;
}
#main ul {
	margin-bottom: 15px;
	padding: 0;
}
#main li {
	background-image: url(../images/chevron.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	list-style-type: none;
	padding: 0px 25px;
	line-height: 1.8em;
}

#main form li {
	background-image: none;
	padding: 0;
}

#main ol li {
	list-style-type: decimal;
	margin-left: 18px;
	background-image: none;
	padding-left: 0;
}

.soliloquy-wrapper ul, .metaslider ul {
	margin: 0!important;
	padding: 0!important;
}

.soliloquy-wrapper li, .metaslider li {
	background-image: none!important;
	margin: 1!important;
	padding: 0!important;
}
#main .event-datetimes li {
	background-image: none;
	list-style-type: none;
	padding: 15px 0px;	
}
main a {
	color: #1a4173;
	text-decoration: underline;
}
main a:hover {
	text-decoration: none;
}
.screen-reader-text { display: none; }

/* --------------------------------------
   aside
   -------------------------------------- */
   
   
.aside h3 {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 3px solid #b2c7dd;
	border-top: 8px solid #b2c7dd;
	padding: 10px 0;
	font-weight: bold;
	font-size: 24px;
	color: #1f2e77;
	font-weight: bold;
}

.aside strong {
	color: #00a1c2;
}
.aside li i {
	margin-bottom: 15px;
}

.aside ul {
	padding: 0;
}

.aside .wp-block-separator {
	margin: 1em auto;
}


#blog-sidebar li {
	list-style-type: none;
}





#view-listings aside li, #view-listings .aside li {
	margin-bottom: 0;
}
#news-feed .card-body {
	background-color: rgba(111, 184, 58, 1);
	color: #fff;
	text-shadow: 1px 1px 5px #000;
	font-size: 14px;
}   
#news-feed .card-body .card-title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
	line-height: 1.4;
}   

#news-feed .card {
	position: relative;
}



/*
#news-feed .card-body {
	position: absolute;
	bottom: 0;
}
*/
#news-feed .card:hover {
	opacity: 0.8;
}
#news-feed img {
	height: auto;
}

#sponsors {
	text-align: center;
	margin: 50px 0;
}
/* --------------------------------------
   FOOTER
   -------------------------------------- */
   
#footer-photos {
	margin-bottom: 60px;
}  
footer {
	color: #fff;
	background-color: #00b3ca;
	padding: 30px 10%;
	font-size: 16px;
	text-align: center;	
	font-size: 19px;	
}
footer small {
	font-size: 14px;
}


footer h4 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	background-color: #1f2e77;
	border-radius: 20px;
	padding: 10px;
}

footer a {
	color: #fff;
	text-decoration: underline;	
}

footer a:hover {
	text-decoration: none;
	color: #1f2e77;
}


#credits {
	padding: 20px 5%;
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	text-align: center;
	font-style: italic;
}

#credits a {
	color: rgba(255, 255, 255, 0.5);
}


footer form {
	width: 320px;
	margin: 15px auto;
}

footer input {
	background-color: #e6edf4;
	border: none;
	color: #253267;
	padding: 10px 15px;
	float: left;
	width: 65%;
}
footer button {
	background-color: #8bc561;
	padding: 10px 15px;
	border: none;
	color: #fff;
	margin-left: -10px;
}

footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #253267;
  opacity: 1; /* Firefox */
  font-style: italic;
}

footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #253267;
  font-style: italic;

}

footer ::-ms-input-placeholder { /* Microsoft Edge */
  color: #253267;
  font-style: italic;

}

/* --------------------------------------
   Social
   -------------------------------------- */
   
#social-icons-top a {
	font-size: 24px;
	margin: 0 5px;
}   
#social-icons a:hover {
	color: rgba(255, 255, 255, 0.5);
}
#social-icons-bottom a {
	color: rgba(255, 255, 255, 1);
	font-size: 34px;
	margin: 15px;
}



/* --------------------------------------
   Testimonial Rotator
   -------------------------------------- */

#testimonials {
	background-image: url(../images/bg-testimonial.jpg);
	background-size: cover;
	color: #fff;
	padding: 50px 5%;
	text-align: center;

}
.testimonial_rotator_quote {
	font-size: 40px;
	color: #fff;
	font-family: 'Dancing Script', cursive;
	line-height: 1.3em;
	font-weight: normal;
}

.testimonial_rotator_author_info {
	font-style: italic;
}

#logo {
	padding-top: 10px;
	text-align: center;
}
#logos img {
	margin: 0 10px;
}


/* --------------------------------------
   Events
   -------------------------------------- */
   
.ee-upcoming-events-widget-title-h5 { margin: 0; } 
aside .download-iCal-frm { display: none; }  
aside .ee-upcoming-events-widget-li {
	border-bottom: 1px solid #e7e7e7;
	margin: 5px;
}
aside .ee-clearfix .ee-event-datetimes-li { 
	width: 100%;
}

#upcoming-events .event-content > form {
	float: right;
}

.event-tickets {
	background-color: rgba(111, 184, 58, 0.15);
	padding: 1px 15px;
	border-radius: 15px;
}


.tkt-slctr-tbl h5:nth-of-type(3),
.tkt-slctr-tbl span:nth-of-type(4),
.tckt-slctr-tkt-details-tbl-wrap-dv:nth-of-type(2),
.tckt-slctr-tkt-datetimes-sctn {
    display:none!important;
}
   
/*==================================================
=            Bootstrap 4 Media Queries             =
==================================================*/


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
   .container { 
	   max-width: 1920px;
	   padding: 0 5%; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1200px) {

	header #phonenumbers { font-size: 20px; }
	header .btn-purple { font-size: 20px; }
	nav li a { margin: 15px 5px 15px 5px; }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) {

	header #logo { margin: 0; }
	header #phonenumbers, header #note  { text-align: center; }
	.btn-chat { margin-bottom: 10px; }	
	nav li a { margin: 15px 5px 15px 5px; }
	
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
	header .stickynav { position: relative; }
	video { margin-top: 0; }
	header .smaller { height: 250px; }
	header #tagline { font-size: 16px; padding: 10px 0; }
	.smaller #logo img { height: auto; width: auto; }
	#logo { text-align: center; padding-bottom: 15px; }
	.btn-chat { margin-bottom: 0px; }	
/* 	#menu { height: 120px; } */
	#carousel .carousel-caption { position:  relative; width: 100%; }
	#carousel .carousel-caption .title { font-size: 30px;}
	#carousel .carousel-caption { font-size: 24px; }
	.stickynav { position: relative; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) { 
	#treatments-options .title { padding: 20px; }	
	header #quicklinks li { }
	header #quicklinks { float: none; }
	header .btn-purple { font-size: 16px; }
	header #tagline { font-size: 12px; }
	button { width: 100%; clear: both; margin-bottom: 5px; }
	#banner { margin-top: 0; }
	h1 { font-size: 20px; }
	
	#content { padding: 0; }
	#content p { font-size: 16px; }
	footer button { margin-left: 0; }

	footer input, footer button  { width: 100%; }
	footer form { width: 100%; }
	footer { font-size: 14px; line-height: 1.3em; }
	#main img, #main figure  { float: none; clear: both; }
	
	body #gform_wrapper_3 #input_3_2,
	body #gform_wrapper_3 input { width: 100%; }
	body #gform_wrapper_3 .gform_footer { position: relative; top: 0px; left: 0px; }
}


/* // Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) { 
	header #phonenumbers { font-size: 18px; }
	header h1 { font-size: 18px; }
	
	#donateform {
	width: 100%;
    float: none;
}

	
}