/* 
 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:#339999; font-size:20px;}
h4.blogctainterrupt a:hover {text-decoration:underline;}
h4.blogctainterrupt a::after {  content: "\00bb "; color:#3b3a36;  font-size:20px;}

div.textwidget a{color: #003366 !important;}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/*remove whitespace between nav bar and hero image on mobile/tablet */
@media only screen and (max-width: 980px){
	.et_pb_section_1.et_pb_section { padding-top: 0px !important;}}

/* Blog Sidebar fix */
@media (min-width: 981px) {	.et_right_sidebar #sidebar {  padding-left: 0px !important; }
#sidebar {    float: left;    width: 29.875%;}
	#left-area {    width: 69.125%;    padding-bottom: 23px;	}}
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }


.logowrap {width:260px; float:left; padding-top:5px; }
#logo_textlink {font-weight:800;}
.patientinfo {padding-bottom:13px; text-align:right; padding-top:15px;}
.payonline i, .portal i {margin-right:8px;}
.payonline, .portal { background-color:#3399cc; padding:5px 10px; text-transform:uppercase; font-size:13px !important; }
.payonline {-webkit-border-radius: 5px ;border-radius: 5px; margin-right:5px;}
.portal  {-webkit-border-radius: 5px;border-radius: 5px; margin-left:5px;}

#main-header .container {width:95% !important;}
.et_pb_team_member_description h4 {
    padding-bottom: 25px !important; text-align:center !important;
}

.et_pb_slides .et_pb_slide_description {
   display: block !important; 
    /* vertical-align: middle; */
}
.locateone, .locatetwo {float:left; width:32%; padding:10px 0;}
.locatetwo, .locatethree {padding-left:2%;}
.locateone {text-align:right;}
.locatethree {text-align:right; float:right; width:32%; padding:10px 0;}

body {font-size: 16px !important;}  
#footer-widgets a:hover,  #footer-info a:hover {    color: #003366;}
#scr { overflow-y: scroll !important; }

/* Contact 7 web forms */
span.wpcf7-list-item { display: block; margin-bottom:10px; }
input.wpcf7-text {padding:10px; width:90%; background-color:#ffffff; border-radius:5px; }
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {padding:10px;}
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: #df8611 !important;
border: 2px solid #df8611 !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: #f89c22 !important; 
border-color:#f89c22 !important;
padding: 6px 20px !important; 
}



/* SLider */
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 35% 8% 1% 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 { 
	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 */
#homeslider {border-bottom:solid 15px #3399cc;}
.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,
#et-secondary-nav li ul {
	background-color: #003366; 
}
#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: 0.75em 0; margin:0 auto; text-align:right; max-width:1080px !important; 
}
#top-header a:hover {color:#cee6ea;}
.location { float:right; padding:10px 5px; font-weight:400}
.locationtwo {float:right; padding:10px 5px; font-weight:400}
.locationthree {float:left; padding:10px 5px;font-weight:400 }
.phonenumber { margin-left:20px;float:right; padding:10px 0 10px 5px; text-transform:uppercase;}
.phonewrap {padding: 0 10px; font-size:18px; margin-left:20px;}

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

/* headings */
h2 {color:#003366 !important;}
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 {padding-right:10px !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;}

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

@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:18px; text-align:center; width:100%; }
.logowrap {width:100%; float:left; display:block;  padding-top:10px;  }
	button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
.locateone .phonewrap, .locatetwo .phonewrap, .locatethree .phonewrap {float:none; width:100%; padding-top:5px; text-align:center; display:block;}
.locateone, .locatetwo, .locatethree {padding-left:0; text-align:center;}
.phonewrap{margin-left:0;}
.patientinfo {padding-bottom:10px; text-align:center;}
}

@media screen and (max-width: 832px) {
.locateone, .locatetwo, .locatethree {float:none; width:100%; padding-top:10px; text-align:center; display:block; padding-bottom:5px;}

	.container.et_menu_container { padding-bottom: 10px !important; }
	.phonenumber {width:100%; margin-bottom:10px; text-align:center;}
	.phonewrap {padding: 0 5px; font-size:18px; }
	.location, .locationtwo, .locationthree  { float: none; width:100%; text-align:center;}
	.locationthree {font-size:14px;}
.payonline i, .portal i {display:none;}
}

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

span.wpcf7-form-control-wrap { display: block !important; }
}