/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
#responsive-menu-search-box {display:none;}
{font-size: 16px !important;} 
span.wpcf7-list-item { display: block; margin-bottom:10px; }
input.wpcf7-text {padding:5px; width:90%; background-color:#ffffff; }

textarea.wpcf7-textarea {padding:5px; height:50px; width:90%; background-color:#ffffff; }

.wpcf7-submit {
color: #ffffff !important;
margin: 6px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #64AF3B !important;
border: 2px solid #64AF3B!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #4b862b !important; 
border-color:#4b862b !important;
padding: 6px 20px !important; 
}

/* --------------- COLOR CHANGES --------------- 
Dark Grey Brown #3b3a36
Medium Green #c0dfd9
Green Grey #b3c2bf
Light green #E9ECE5

*/
#click-menu, #responsive-menu, #responsive-menu-container {z-index:100005 !important;}

.mobile_menu_bar {visibility:hidden;}

   


h6 {font-weight:400 !important; font-size:18px;}

/* hearing quiz list items */
.c-choice-option, .cognito .c-validation {padding-bottom:10px !important; padding-top:10px !important;}
#theme {font-family: 'Open Sans', sans-serif !important;}
/* Banner - custom area */

/* Adjust list spacing */
.homepagelist {margin-top:20px;}
.homepagelist li {margin-bottom:20px; }

/* SLider */
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 39% 8% 5% 8%;
}
.et_pb_slide_title {background-color: rgba(59, 58, 54, .4); margin-left:auto; margin-right:auto; width:80%; text-shadow: 1px 1px 3px #1C1C1C;}
#top-header { 
	
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}
.et_fullwidth_secondary_nav #top-header .container {padding:0}
#top-header .container {
	padding: 0.75em 0; margin:0 auto; text-align:right; max-width:1080px !important; 
}

.locationtwo {float:left; padding:10px 5px;}
.phonenumber { margin-left:20px;float:right; padding:10px 0 10px 5px; }
.phonewrap {padding: 0 10px; font-size:24px; margin-left:20px;}
.et-fixed-header#top-header a:hover {color:#1c7389 !important;}
.fourlocationstwo {display:none;}
.location1 {width:30%; float:left; margin-right:4%; text-align:left; font-size:17px; line-height:22px;}
.location2 {width:30%; float:left; text-align:center; font-size:17px; line-height:22px;}
.location3 {width:30%; float:right; text-align:right; font-size:17px; line-height:22px;}
.location1 .phonewrap, .location2  .phonewrap, .location3 .phonewrap {font-size:22px; line-height:22px;}
.threelocations {padding-top:5px; padding-bottom:5px;}
.fourlocations .contactarea, .fourlocations .phonenumber {line-height:35px;}


/* Practice Name in Header  see also media query 1098 below */

#logo_textlink { font-size:28px; color:#1c7389; text-transform:uppercase;}

/* footer styles */

.footerlocation { color:#1c7389; font-size:18px;}
#footer-widgets a, #footer-info, #footer-info a {color:#1e1e1e;}
#footer-widgets a:hover, #footer-info a:hover {color:#1c7389 !important;}
/* Navigation sub-menu line height */
.page_item {line-height:1.2}

.nav li ul {width: 280px !important;}

#top-menu li li a {width: 260px;     padding: 6px 6px;}
#top-menu li li {    margin: 0;    padding: 0 5px;}

/* Learn More */
a.learnmore {background-color:#64AF3B; padding:5px; color:#ffffff; font-size:12px; text-transform:uppercase;}
a:hover.learnmore {background-color:#4b862b; padding:5px; color:#ffffff; font-size:12px; text-transform:uppercase;}

.emphasizebox {border:solid 1px #b3c2bf; background:#ffffff; padding:20px; margin-bottom:20px;}

/* Testimonials */
.testimonial_rotator_author_info {
    font-style: normal !important; font-size:14px;
    line-height: 1.2em;
    padding: 10px 0 10px 15px;
    border-left: solid 3px #efefef;
    margin: 10px 0;
}


/* CTAs for mobile and desktop */
.mobilecontact {display:none;}
.desktopcontact {display:block;}
.headerloc {display:block;}
.post-meta {font-size:12px !important;}

#main-footer {border-top:solid 5px #1c7389;}


/***************************************************************************************************
/*
/*	MOBILE / DESKTOP DISPLAY
/*
***************************************************************************************************/

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}


/***************************************************************************************************
/*
/*	STICKY ELEMENTS
/*
***************************************************************************************************/

#cta-sticky {color:#ffffff;
	background: #1c7389;  /*change background color */
	border-top: 1px solid #ffffff;
	position: fixed;
	padding: 20px 0;
	top: 100vh;
	width: 100%;
	z-index: 9999 !important;
}

body.fixed-cta #cta-sticky {
	bottom: 0;
	top: auto;
}

#cta-sticky .cta-mobile {
	display: none;
	padding: 0 10px;
}

#cta-sticky .et_pb_button {
	background-color: #64af3b;  /*change button background color */
	border-radius: 0;
	color: #ffffff;
	display: inline-block;
	font-size: 24px;
	border-radius: 3px;
	line-height: 1.3em !important;
	margin: 20px 15px;
	padding: 5px 20px;
	text-align: center;
	text-transform: uppercase;
}

#cta-sticky .et_pb_button:before,
#cta-sticky .et_pb_button:after {
	display: none !important;
}

#cta-sticky .et_pb_button:hover {
	background-color: #4b862b !important;  /*change button hover background color */
	color: #fff;
}

#cta-sticky .cta-desktop .container {
	font-size: 1.5rem;
	line-height: 2.0em;
	text-align: center;
}

#cta-sticky .cta-desktop .container strong {
	font-weight: 900;
	text-transform: uppercase;
}

#cta-sticky .et_pb_button i {
	display: inline;
	margin-bottom: 0;
	margin-right: .1em;
}

#cta-sticky .cta-desktop .et_pb_button {
	margin-left: 2rem;
	padding: 0 2rem;
}

#cta-sticky .cta-mobile {
	text-align: center;
}

#cta-sticky .cta-mobile .et_pb_button {
	 display:inline; font-size: 18px; margin: 20px 10px;
	padding: 5px 10px;
}

.et_pb_scroll_top.et-pb-icon {
	z-index: 999999 !important;
}

// #footer-bottom {padding-bottom:140px !important;}




/* Responsive Styles Tablet And Below */

@media all and (max-width: 1167px) {
#footer-bottom {padding-bottom:180px !important;}
}

@media all and (max-width: 980px) { 
#cta-sticky .cta-desktop {
        display: none;
    }

.desktop-only {
    display: none;
}

.mobile-only {
    display: block !important;
}
#footer-bottom {padding-bottom:80px !important;}
    #cta-sticky .cta-mobile {
        display: block;
    }
}



@media screen and (max-width: 790px) {
.headerloc {display:none;}
}

@media screen and (max-width: 598px) {
	
	.mobilecontact {display:block;}
.desktopcontact {display:none;}

}
@media screen and (max-width: 980px) {
	button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
	.logo_container { text-align:center; }
#et-top-navigation {display:none;}
}

@media screen and (max-width: 1098px) {
	
	#logo_textlink { font-size:18px;}
	#top-menu li {padding-right:18px !important; font-size:12px !important;}
}

@media only screen and ( max-width: 1155px ) {

.location1 a, .location2 a, .location3 a {display:block !important; width:100%!important; text-align:center;}
.phonewrap {margin-left:auto; }
}

@media screen and (max-width: 768px) {

.contactarea { font-size:14px; line-height:20px;}
.phonenumber { font-size:14px; line-height:20px;}
a.phonewrap {font-size:18px; }
}

@media screen and (max-width: 750px) {
.contactarea, .phonenumber {width:100% !important; display:block !important; text-align:center !important; font-size:15px; }
a.phonewrap {font-size:19px;  margin-left:auto !important;}
.phonenumber span {display:none;}
.fourlocations, .threelocations {display:none; }
.fourlocationstwo {display:block; text-align:center; font-size:16px; padding:10px 0; line-height:20px; }
span.twolocations  {display:block !important;}
}


@media screen and (max-width: 832px) {
	h1 {font-size:24px;}
.mobiletext {font-size:17px;}
	.phonenumber {width:100%; margin-bottom:10px; text-align:center;}
	.phonewrap {padding: 0 5px; font-size:17px; margin-left:10px;}
	.location, .locationtwo, .locationthree  { float: none; width:100%; text-align:center;}
	.locationthree {font-size:14px;}
#footer-bottom span {width:100%; text-align:center;display:block;}
.container.et_menu_container { padding-bottom: 10px !important; }
.fourlocations .phonenumber {padding-top:0 !important; margin-top:0 !important}
.fourlocations .contactarea, .fourlocations  {padding: 0px 5px !important;}
.fourlocations .phonenumber {padding-top: 0 !important; margin-top:0 !important;}
#top-header .container {width:100% !important;}
}

@media screen and (max-width: 375px) {
	
	.phonenumber span {display:none;}
	
}