/* 
 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 --------------------------- */ 
@media (max-width:980px){
.footer-widget:nth-child(n) {
    width: 100% !important;
    margin: 0 7.5% 7.5% 0 !important;
}
#footer-widgets .footer-widget .fwidget {
    margin-bottom: 16.21%;
    width: 100%;
    text-align: center;
}
}



/* BLOG SHORT CODE CTA STYLES */
h4.blogctainterrupt {margin-top:25px; margin-bottom:25px; }
h4.blogctainterrupt a {color:#64af3b; font-size:20px;}
h4.blogctainterrupt a:hover {text-decoration:underline;}
h4.blogctainterrupt a::after {  content: "\00bb "; color:#3b3a36;  font-size:20px;}


/* NEW FLIP BOXES */

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {  background-color: transparent;  width: 100%;  height: 200px;  perspective: 1000px; }

/* This container is needed to position the front and back side */
.flip-card-inner {  position: relative;  width: 100%;  height: 100%;  text-align: center;  transition: transform 0.8s;  transform-style: preserve-3d;}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {  transform: rotateY(180deg);}

/* Position the front and back side */
.flip-card-front, .flip-card-back {  position: absolute;  width: 100%;  height: 100%;  backface-visibility: hidden;}

/* Style the front side (fallback if image is missing) */
.flip-card-front {  background-color: #C0DFD9;  color: black;	padding:40px 20px !important; box-shadow: 1px 1px 5px 0 #525252;}

/* Style the back side */
.flip-card-back {  background-color: #3b3a36;  color: white; padding:40px 20px !important;  transform: rotateY(180deg); box-shadow: 1px 1px 5px 0 #525252;}

/* NEW FLIP BOXES */



.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%;}

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


h1 {text-transform:uppercase !important}
body {font-size: 16px !important;} 
span.wpcf7-list-item { display: block; margin-bottom:10px; }
input.wpcf7-text {padding:5px; width:90%; background-color:#ffffff; }
#footer-widgets a:hover, a:hover h2 {color:#c0dfd9;}
#top-header a:hover, #top-header a:hover {color:#c0dfd9;}
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, #responsive-menu-button {z-index:100005 !important;}

.mobile_menu_bar {visibility:hidden;}



/* CTA boxes on homepage */
.ctatextlinks {color:#3a3a3a}
.cta-boxes {-webkit-box-shadow: 1px 1px 5px 0 #525252;box-shadow: 1px 1px 5px 0 #525252;}

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: 40% 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; margin-top:100px;}
#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; 
}

.locationtwo {float:left; padding:10px 5px;}
.phonenumber { margin-left:20px;float:right; padding:10px 0 10px 5px; }
.phonewrap {  font-size:24px; margin-left:20px;}
.fourlocationstwo {display:none;}
.threelocations {padding:5px 0}
.location1 {width:30%; float:left; margin-right:4%; text-align:left; font-size:16px; line-height:22px;}
.location2 {width:30%; float:left; text-align:center; font-size:16px; line-height:22px;}
.location3 {width:30%; float:right; text-align:right; font-size:16px; line-height:22px;}
.location1 .phonewrap, .location2  .phonewrap, .location3 .phonewrap {font-size:24px; line-height:22px;}

.fourlocations .contactarea, .fourlocations .phonenumber {line-height:35px;}

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

#logo_textlink { font-size:22px; font-family: 'Oswald', sans-serif; color:#3b3a36; text-transform:uppercase;}

/* footer styles */

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

/* 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;}
.rmp_menu_trigger {line-height:1;}
.rmp-trigger-box {top:-1px}
.rmp-container {z-index:999999;}

/* 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.template-default .testimonial_rotator_author_info {
    font-size: 14px;
    font-style: normal;
    line-height: 1.2;
    padding: 15px 0 0 15px;
    border-left: none;
    margin: 0 0 0 20px;  background-image:url(/wp-content/uploads/2016/01/testimonial-arrow.png); background-repeat:no-repeat;
}
.testimonial_rotator_slide_title {display:none;}
.testimonial_rotator_wrap {margin:0 0 20px 0 !important; padding:0 !important;}
.testimonial_rotator_quote {background-color:#c0dfd9; padding:20px;}

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

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

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

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}

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

#cta-sticky {color:#ffffff;
	background: #3b3a36;  /*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;
}


/* 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;
    }
	.phonenumber {    padding: 17px 10px 17px 5px;}

.desktop-only {
    display: none;
}

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


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

}
@media screen and (max-width: 980px) {
	
#main-footer p {text-align:center;}
	.logo_container { 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 ) {

.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: 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:auto;}
.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;}
	p.ppccity span {display:block; width:100%; padding-left:20px;}
}


@media screen and (max-width: 832px) {
	.container.et_menu_container { padding-bottom: 10px !important; }
	.phonenumber {width:100%; margin-bottom:10px; text-align:center;}
	.phonewrap {padding: 0 5px; font-size:17px; margin-left:auto;}
	.location, .locationtwo, .locationthree  { float: none; width:100%; text-align:center;}
	.locationthree {font-size:14px;}
.fourlocations .phonenumber {padding-top:0 !important; margin-top:0 !important}
.fourlocations .contactarea, .locationtwo  {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%}}

.ppctitle p {
	text-align: center;
}

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

a:hover {
	color: #29afed;
}

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