/* 
 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 --------------------------- */
a {font-weight:bold; text-decoration:none;}
a:hover {font-weight:bold; text-decoration:underline;}
a:focus {font-weight:bold; text-decoration:none; outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important; }


.rmp-menu-item-link {padding-left:50px !important;}
.rmp-container {z-index:999999;}
#responsive-menu-button {height:100px !important;}

.footer-widget .et_pb_widget { float: none !important; }

#top-header,#et-secondary-nav li ul {	background-color: #003366; }
h2 {color:#003366 !important;}
#cta-sticky {color:#ffffff;
	background: #003366;  /* Change background color */
	border-top: 1px solid #ffffff;
	position: fixed;
	padding: 20px 0;
	top: 100vh;
	width: 100%;
	z-index: 9999 !important;
}
#footer-widgets a:hover,  #footer-info a:hover {    color: #003366;}
#homeslider {border-bottom:solid 15px #3399cc;}
#top-header a:hover {color:#cee6ea;}
#cta-sticky .et_pb_button {
	background-color: #df8611;  /* 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;
}
.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: #548316 !important;
border: 2px solid #548316 !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 { 
	color:#548316 !important;
background-color:#fff !important; 
border-color:#548316 !important;
padding: 6px 20px !important; 
}
#cta-sticky .et_pb_button:hover {
	background-color: #f89c22 !important;  /* Change button hover background color */
	color: #fff;
}

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

/* REmove sidebar line */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }


#responsive-menu-search-box {display:none;}
.et_pb_slides .et_pb_slide_description {
   display: block !important; 
    /* vertical-align: middle; */
}
body {font-size: 16px !important;}  

#scr { overflow-y: scroll !important; }

/* Contact 7 web forms */
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; }






/* SLider */
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 35% 1% 1% 1%;
}
.et_pb_slide_title {background-color: rgba(59, 58, 54, .4); margin-left:auto; margin-right:auto; width:90%; text-shadow: 1px 1px 3px #1C1C1C;}
#top-header { 
	z-index: 100000;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}

#click-menu, #responsive-menu, #responsive-menu-container {z-index:100005 !important;}
.mobile_menu_bar {visibility:hidden;}
ul li, ol li {line-height:1.5}

/*homeslider */

.toppage-headers {font-size:32px; background-color:#000000; padding:20px; max-width:350px; text-align:left;}

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

/* Top header */

#top-header {	z-index: 100000;	color: #fff;	font-size: 16px;	line-height: 22px;}
.et_fullwidth_secondary_nav #top-header .container {padding:0}
#top-header .container {	padding: 10px 0; margin:0 auto; text-align:right; max-width:1080px !important; }
#top-header {padding: 10px 0;}

.location { float:right; padding:10px 5px; font-weight:400}
.phonenumber { margin-left:20px;float:right; padding:10px 0 10px 5px;}
.phonewrap {font-size:24px; line-height:22px;}
.locationtwo {float:left; padding:10px 5px; }
.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;}
.fourlocations .contactarea, .fourlocations .phonenumber {line-height:30px;}



/*list styles */
.liststyles {margin-top:30px;}
.liststyles li {margin-bottom:15px;}

/* headings */

h3 {margin-bottom:10px;}

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

#logo_textlink { font-size:20px; color:#ffffff; text-transform:uppercase; }


/* footer styles */

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

/* Navigation sub-menu line height */
.page_item {line-height:16px !important;}

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

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

/*Testimonials */
.testimonial_rotator_author_info {
    font-size: 14px;
    font-style: normal;
    line-height: 1.2;
    padding-left: 15px;
    border-left: none;
    margin: 10px 0;
}
.testimonial_rotator_slide_title {display:none;}

/* CTAs for mobile and desktop */
.mobilecontact {display:none;}
.desktopcontact {display:block;}

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

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}

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



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

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



#cta-sticky .et_pb_button:before,
#cta-sticky .et_pb_button:after {
	display: none !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;
}



/* STICKY ELEMENTS MEDXIA QUERIES */

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

@media all and (max-width: 980px) { 
#cta-sticky .cta-desktop { display: none;    }
#footer-bottom {padding-bottom: 80px !important;}
.desktop-only {
    display: none;
}

.mobile-only {
    display: block !important;
}
#cta-sticky .cta-mobile {display: block;}
}
@media all and (max-width: 777px) { 
#footer-bottom {padding-bottom: 80px !important;}
}

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

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

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



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

@media screen and (max-width: 980px) {
	.logo_container {margin-left:auto; margin-right:auto; text-align:center;}
	#logo_textlink { font-size:16px; text-align:center; width:100%; }
	button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
}

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

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

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

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

@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:0px;}
.phonenumber span {display:none;}
.fourlocations, .threelocations {display:none; }
.fourlocationstwo {display:block; text-align:center; font-size:16px; padding:0; line-height:20px; }
span.twolocations  {display:block !important;}
	p.ppccity span {display:block; width:100%; padding-left:20px;}
}
@media screen and (max-width: 375px) {
	
span.wpcf7-form-control-wrap { display: block !important; }
}

/* Changes navigation background on scroll from rgba(189, 58, 49, 0.92) to a hex color */

.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form{
	background-color: #ffffff !important;
}