/* 
 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:15px; margin-bottom:20px; }
h4.blogctainterrupt a {color:#2a3d5e; }
h4.blogctainterrupt a:hover {text-decoration:underline;}
h4.blogctainterrupt a::after {  content: "\00bb "; color:#1b75bb;  font-size:24px;}


.medically-reviewed-by p {font-size:13px !important;}


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

/* Pop up styles */
.pum-close {height: 30px !important; width: 30px !important; border-radius:50px !important; font-weight:900 !important;}
#wpcf7-f7923-o2 input.wpcf7-text, #wpcf7-f7923-o2 textarea.wpcf7-textarea {border: 1px solid #efefef !important;    color: #000 !important;    background-color: #efefef !important; padding:10px;}



#responsive-menu-button {height:45px !important;}
.responsive-menu-box {margin-top:6px !important;}
/* Add sidebar styles for practice name in footer */
.footerpractice {padding: 40px 0 0;}
#footer-widgets {padding: 3% 0 0 !important;}

/* ------------------ HEADER EDITS------------------  */

.wideheader {width: 85% !important;    max-width: 99% !important;    padding-right: 20px;    padding-left: 20px;} 
.logo_container a {color:#ffffff !important; font-size:24px;}
#top-header {
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
    position: fixed;
    top: 0;
    width: 100%;
	z-index:99999;
	background-color: #2a3d5e;
}

/* ------------------ TOP HEADER EDITS------------------  */
#top-header {padding:10px 0 !important;}
#top-header, #top-header a {color:#fff;}

.admin-bar #top-header { margin-top: 32px }
.contactarea {width:40%; float:left; font-size:17px; line-height:20px;}
.phonenumber {width:40%; float:right; text-align:right; font-size:17px; line-height:20px;}
a.phonewrap {font-size:24px; color:#ffffff !important; margin-left:10px;}
et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: 0px !important;}
.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;}



/* ------------------ REMOVE DOWN ARROWS FOR SUBMENU------------------  */
.sub-menu {width:280px;}
#top-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px !important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}

/* ------------------ NAVIGATION EDITS ------------------  */
.nav li li {    position: relative;    line-height: 1.2em;    margin: 0;    padding: 0 10px;}
#top-menu li li a {    width: 100%;    padding: 6px 6px 6px 0;}

/* ------------------ TYPOGRAHY ------------------  */

h1 {font-size: 36px !important;}
#homepageh1 h1 {font-size:28px !important;}
h2 {font-size:28px !important;}
h3 {font-size:24px !important;}
h2.entry-title {font-size:20px !important;}
#topofpagelinks ul {margin-left:0 !important; padding-left:0 !important}
#topofpagelinks li {display:inline-block; list-style: none; margin-left:0 !important; padding-left:0 !important;}
#topofpagelinks a {color:#ffffff !important; padding:10px; margin-right:20px; margin-bottom:20px; border:solid 1px #ffffff; line-height:24px; display:inline-block; font-size:15px; }

/* ------------------ HOMEPAGE CTAs ------------------  */

.homepagecta {padding:20px; text-align:center; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; font-size:15px; line-height:1.4}
.homepagecta h3 {color:#1b75bb;}
.ctabox {-webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }


#responsive-menu-search-box {display:none;}


/* ------------------ FOOTER ------------------  */
#footer-widgets a:hover,  #footer-info a:hover {color: #000000;}
.footer-widget .et_pb_widget a {color:#0a0a0a !important;}
/* #footer-bottom {padding-bottom:120px !important;} */


/* ------------------ LISTS ------------------  */
ul.special-list li, ol.special-list li  {margin-bottom:15px !important;}

.et_pb_promo_button .et_pb_button {text-align:center; }
.homeservices {background-color:#f7f7f7; text-align:center; padding: 10px 20px;}

.testimonial_rotator_slide_title {display:none;}

.comments-number {display:none;}

/* contact forms */
#click-menu {z-index:9999999 !important; border:solid 1px #ffffff; border-top:none;}
#responsive-menu, #responsive-menu-container {z-index:9999999 !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; text-transform:uppercase;
margin: 6px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 800;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 20px !important; 
line-height: 1.7em;
background: #139a43 !important;
border: 2px solid #139a43 !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: #29ad58 !important; 
border-color:#29ad58 !important;
padding: 3px 20px !important; 
}





/* ----------- Slider  --------------------------- */ 
.slideheading {font-size:38px; color:#000000; font-weight:800;  line-height:1.2; text-transform:uppercase; background-color: rgba(255, 255, 255, .2); margin-top:200px; padding-top:20px; padding-bottom:20px;}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  
    padding: 16% 8% 5% !important;
}

 /* Set the slider height 
.et_pb_slider .et_pb_slide_description { background-color: rgba(255, 255, 255, .2);   max-width:600px;}


    .et_pb_slider, .et_pb_slider .et_pb_container { 
        height: 525px !important; 
    }
    .et_pb_slider, .et_pb_slider .et_pb_slide { 
        max-height: 525px; 
    }
    .et_pb_slider .et_pb_slide_description { 
        position: relative; 
        top: 55%; 
        padding-top: 10px !important; 
        padding-bottom:10px !important; 
        height:auto !important; 
    }*/

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

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}

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

#cta-sticky {color:#ffffff;
	background: #223352;
	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: #139a43;
	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: #29ad58 !important;
	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;
}

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

/* ----------- Media Queries --------------------------- */ 


@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: 1077px) {#top-menu li a {font-size:14px !important;}
}

@media screen and (max-width: 1007px) {
.logo_container {width:100% !important;}
.et_header_style_left .logo_container {text-align:center; height:66px !important; position: relative !important;
 }
#main-header {height: auto !important; padding-top:8px; padding-left:0; }
#et-top-navigation {display:none;}
}



@media screen and (max-width: 768px) {
#footer-bottom {padding-bottom:80px !important;}

h1 {font-size: 30px !important;}
#homepageh1 h1 {font-size:24px !important;}
h2 {font-size:26px !important;}
h3 {font-size:20px !important;}

.checklist ul, .checklist2 ul {margin-left:30px;}
.topofpagebuttons {    color: #ffffff !important;    background: rgba(0,0,0,0.25) !important;    border-color: #ffffff !important;    letter-spacing: 0px;    font-size: 16px; margin-left:5px; margin-right:5px;}
.contactpagenumber {display:block !important; border:none !important }
.contactarea { font-size:14px; line-height:20px;}
.phonenumber { font-size:14px; line-height:20px;}
a.phonewrap {font-size:18px; }
}

@media screen and (max-width: 850px) {
	.phonenumber {margin-top:10px;}

.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: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: 385px) {

.logo_container a {font-size:18px;}

}

/* Responsive Styles Tablet And Below */

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

@media all and (max-width: 980px) { 
	.medically-reviewed-by p {text-align:center !important;}
button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
#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;
    }
}

/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) { 
.container.et_menu_container { padding-bottom: 10px !important; }
#hidebutton {height:0 !important;}
.slideheading {font-size:20px;}
}

a:hover {
	color: #87caf7;
}

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

.ppctitle p {
	text-align: center;
}

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