/* 
 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 --------------------------- */ 

/* BLOG SHORT CODE CTA STYLES */
h4.blogctainterrupt {margin-top:25px; margin-bottom:25px; }
h4.blogctainterrupt a { color:#1fc6c1 ; font-size:20px; font-weight:800;}
h4.blogctainterrupt a:hover {text-decoration:underline; color:#0059a1 !important;}
h4.blogctainterrupt a::after {  content: "\00bb "; color: #c43a10;  font-size:20px;}


#footer-bottom {font-size:13px;}

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

#left-area {
    width: 64.125%;
    padding-bottom: 23px;
}
#sidebar {
    float: left;
    width: 35.875%;
}

h1 span {font-size:24px !important;}


/* Add sidebar styles for practice name in footer */
.footerpractice {padding: 40px 0 0;}
#footer-widgets {padding: 3% 0 0 !important;}

.rmp_menu_trigger {line-height:1;}
.rmp-trigger-box {top:-1px}
.rmp-container {z-index:999999;}

body {    font-size: 16px !important;}
h6 {font-weight:400 !important; }
.testimonial_rotator_quote {background-color:#d4dfe7; padding:10px;}
.testimonial_rotator.template-default .testimonial_rotator_author_info {border:solid 1px #d4dfe7; padding:10px; margin-top:0; background-color:#9fbbd0;}
.testimonial_rotator_wrap {    margin:0; padding:0}
.testimonial_rotator_slide_title {display:none;}
.et_pb_slide_content h1 {text-align:left !important}

h1, h2, h3, h4 {font-family: 'Source Sans Pro', sans-serif !important; font-weight:bold;}
h1, h2, h3, h4 {text-transform: capitalize !important;}
a:hover {color:#1fc6c1 !important;}

/* cta home buttons*/
.ctaboxwrap {padding:100px 25px 15px 25px;}
.ctabox {background-color: rgba(255, 255, 255, .8); padding:10px 20px 20px; border:solid 1px #0059A1;  }
.ctabox h3 {padding-bottom:0 !important; font-size:24px !important;}
a:hover .ctabox {background-color: rgba(0, 89, 161, .8); color:#ffffff;} 
a:hover .ctabox h3 {color:#ffffff;} 

/* Service Boxes */
a.servicesboxes {background-color:#0059a1; color:#ffffff; padding:20px; margin-top:20px; }
.servicesboxes {min-width:250px !important;}
.et_pb_blurb_1.et_pb_blurb:hover, .et_pb_blurb_0.et_pb_blurb:hover, .et_pb_blurb_2.et_pb_blurb:hover, .et_pb_blurb_3.et_pb_blurb:hover {background:#000000;}
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: #1e73be !important;
margin: 6px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 800;

padding: 6px 20px;
line-height: 1.7em;
background: #f2b500 !important;
border: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s; text-transform:uppercase;
}
.wpcf7-submit:hover { color:#ffffff !important;
background-color: #ffbf00b !important; 
border-color:none !important;
padding: 6px 20px !important; 
}


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

.mobile_menu_bar {visibility:hidden;}

   




/* 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: 22% 1% 8% 1%;
}
.et_pb_slide_title {margin-left:auto; margin-right:auto; text-shadow: 1px 1px 3px #1C1C1C; padding-top:200px;}
#top-header { 
	
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}
.et_fullwidth_secondary_nav #top-header .container {padding:0}
#top-header {padding-left:30px; padding-right:20px;}
#top-header .container {padding: 0.75em 0; margin:0 ; text-align:right; }
.locationtwo {float:left; padding:10px 5px;}
.phonenumber { margin-left:20px;float:right; padding:10px 0 10px 5px; text-align:right;}
.phonewrap {padding: 0 10px; font-size:24px; margin-left:20px;}
.fourlocationstwo {display:none;}
.location1 {width:30%; float:left; margin-right:4%; text-align:left; font-size:18px; line-height:22px;}
.location2 {width:30%; float:left; text-align:center; font-size:18px; line-height:22px;}
.location3 {width:30%; float:right; text-align:right; font-size:18px; line-height:22px;}
.location1 .phonewrap, .location2  .phonewrap, .location3 .phonewrap {font-size:24px; line-height:22px;}
.threelocations {padding-top:5px; padding-bottom:5px;}
.fourlocations .contactarea, .fourlocations .phonenumber {line-height:30px;}

.et_vertical_nav.et_header_style_left #et-top-navigation {   padding-top: 35px !important;}
/* Practice Name in Header  see also media query 1098 below */

#logo_textlink { font-size:24px; color:#0059A1; text-transform:uppercase; font-weight:800;}

/* footer styles */

.footerlocation { color:#0059A1; font-size:18px;}
#footer-widgets a, #footer-info, #footer-info a {color:#1e1e1e;}

/* 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:#f2b500; padding:5px; color:#1e73be; font-size:12px; text-transform:uppercase; font-weight:800;}
a:hover.learnmore {background-color:#ffbf00; padding:5px; color:#1e73be !important; 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;}

.post-meta {font-size:12px !important;}

#main-footer {border-top:solid 20px #d4dfe7;}

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

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}



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

#cta-sticky {color:#ffffff ;
	background: #0059a1;  /*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: #f2b500;  /*change button background color */
	border-radius: 0;
	color: #1e73be !important;
	display: inline-block;
	font-size: 24px;
	border-radius:0px;
	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: #f2b500 !important;  /*change button hover background color */
	color: #1fc6c1 !important;
}

#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 only screen and (min-width: 981px) {
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 30px 80px 0 0 !important;
}
}
@media screen and (max-width: 598px) {
	
	.mobilecontact {display:block;}
.desktopcontact {display:none;}

}



@media (max-width: 767px){
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title {
    font-size: 28px !important}

.et_pb_slide_title {margin-left:auto; margin-right:auto; width:90%; text-shadow: 1px 1px 3px #1C1C1C;}

.et_pb_slide_title {padding-top:1px;}


}

@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;}
#main-footer p {text-align:center;}
}

@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 ) {
.phonewrap {margin-left:auto; }
.location1 a, .location2 a, .location3 a {display:block !important; width:100%!important; text-align:center;}
}

@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  {display:block; width:100%;}
	
}

.page-template-page-template-blank .rmp_menu_trigger {
	display: none !important;
}

a:hover {
	color: #29afed;
}

.white-link:hover {
	text-decoration: underline !important;
}

.ppctitle p {
	text-align: center;
}

@media screen and (min-width: 981px) {
.ppctitle p {
	text-align: left;
}
}