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

#footer-info {width:100%}
/* Blog Cta Shortcode */

h4.blogctainterrupt a {color:#0059a1;} 
h4.blogctainterrupt a::after {  content: "\00bb "; color:#00a6ff;  font-size:24px;}
#custom_html-4 {background-color:#0059a1; padding:20px;}


/* top of page hero images */
.overlaycolor:before {  content: "";  position: absolute;  height: 100%;  width: 100%;  background-color: rgba(0,24,35,0.35);
  background-blend-mode: unset; padding-top:0 !important; top:0 ;}

/*  REMOVE LINE FROM SIDEBAR IN BLOG AREA & BLOG EDITS */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

body.page-id-8239 #main-header #logo_textlink, body.page-id-8239 #top-menu li a, body.single-post #main-header #logo_textlink, body.single-post #top-menu li a {	color: #0059A1 !important;}    

@media (min-width: 981px) {
#left-area {    width: 70.125%;    padding-bottom: 23px;}
#sidebar {    float: left;    width: 29.875%;}
}

/* REMOVE FOOTER CTA ON CONTACT & THANK YOU PAGE */
body.page-id-4338 div#cta-sticky, body.page-id-2557 div#cta-sticky {display:none !important;}


/*  TEXT LINKS ON DARK BACKGROUNDS  */
.et_pb_bg_layout_dark .et_pb_text_inner a {color:#fff; font-weight:800 !important; text-decoration:underline;}
.et_pb_bg_layout_dark .et_pb_text_inner a:hover {color:#c7c7c7 !important; text-decoration:none;}
.et_pb_text_inner a {font-weight:800 !important;}

#optionalband {display:none ;}
/* TOP BAR OPTIONAL SECTION  
#optionalband {padding-top:10px; padding-bottom:5px; text-align:right; }
#optionalband a {text-transform:uppercase; font-size:12px; margin-left:10px;  -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding:3px 10px; text-align:center; display:inline-block; float:none; background-color:#12436b;}*/

/* ------------------------------ Typogoraphy ------------------------------ */
h1 {    font-size: 30px !important;}
h2 {    font-size: 23px !important;}

/* ------------------------------ CUSTOMIZE TOGGLE DISPLAY ------------------------------ */

.et_pb_toggle {border-top: 1px solid #cccccc !important; border-left:none; border-right:none; border-bottom:1px solid #cccccc !important;}
.et_pb_toggle_close h5.et_pb_toggle_title {color: #000000 !important;}

/* ------------------------------ HEADER TEXT LINK COLORS ------------------------------*/
#main-header #logo_textlink  {color:#ffffff;}
#main-header.et-fixed-header #logo_textlink  {color:#0059a1;}
#menu-item-4344 .sub-menu {    margin-left: -150px;}
#menu-item-4343 .sub-menu {    margin-left: -150px;}
.logotextlinkwrap {float:left; padding:25px 10px 20px 0;}
#top-menu li.current-menu-item>a, #top-menu li.current-menu-ancestor>a {color:#c7c7c7 !important;}
#main-header li ul li.current-menu-item a {color:#109156 !important;}

/* ------------------------------ ROUND IMAGES ------------------------------ */
.circular img { -webkit-border-radius: 10px 50px 10px 50px;border-radius: 10px 50px 10px 50px;}

/* ------------------------------ CHANGE BLURB WIDTH ------------------------------ */
.et_pb_blurb_content {    max-width: 100%;}

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

/* Typography */
body {    font-size: 18px !important;}
h3 {font-family: 'Source Sans Pro', sans-serif !important; color:#0db9bf !important;  font-size:26px !important; text-transform:uppercase !important; }
h6 {font-weight:400 !important; }


/* ------------------------------ HOME CTA BOXES ------------------------------ */
.ctaboxwrap {padding:100px 25px 15px 25px; text-align:center; }
.ctabox {background-color: rgba(255, 255, 255, .8); padding:10px 20px 20px; border:solid 1px #0059A1; -webkit-border-radius: 15px 50px 15px 50px;
border-radius: 15px 50px 15px 50px; }
.ctabox h3 {padding-bottom:0 !important; font-size:24px !important;     font-family: 'Bevan',cursive !important; color:#0059a1 !important;}
a:hover .ctabox {background-color: rgba(0, 89, 161, .8); color:#ffffff;} 
a:hover .ctabox h3 {color:#ffffff !important;} 

/* ------------------------------ FORMS ------------------------------ */
textarea.wpcf7-textarea {padding:10px; height:150px; width:90%; background-color:#ffffff; }
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {padding:10px; height:50px; width:90%; background-color:#ffffff;     border-radius: 10px; font-size:18px;}
.wpcf7-submit {font-size: 18px!important; color:#ffffff;
    -webkit-border-radius: 0px 25px 0px 25px;
    border-radius: 0px 25px 0px 25px; background:none; border:solid 2px #ffffff; padding: 6px 20px !important; text-transform:uppercase; font-weight:bold;}
.wpcf7-submit:hover { padding: 6px 20px !important; border-color: #EBEBEB; letter-spacing:1px; }






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

  



#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 */
#main-footer {border-top:solid 20px #0059a1;}
.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;}

/*  Mobile hamburger  */
button#responsive-menu-button {height: 45px !important; background: none !imporant; border:solid 3px #fff !important; border-radius:10px; z-index:99999999; padding-top: 7px !important;} 
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { height: 3px !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {    font-weight: bold;}

/* ------------------------------ CHANGE COLOR OF SUB MENU CURRENT PAGE LINKS  ------------------------------ */


/*This will change the active submenu item colour*/
.nav li li .current-menu-item a {    color: #e7e7e7 !important;}
.nav li li {line-height: 1.5em;}

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



/***************************************************************************************************
/*
/*	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 {
font-size: 18px!important; color:#ffffff;
    -webkit-border-radius: 0px 25px 0px 25px;
    border-radius: 0px 25px 0px 25px; 
background:none; 
border:solid 2px #ffffff; 
padding: 6px 20px !important; 
text-transform:uppercase; 
font-weight:bold;

	
	display: inline-block;
	
	line-height: 1.3em !important;
	margin: 20px 15px;
	
	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: none !important;  /*change button hover background color */
	color: #ffffff !important; border-color: #EBEBEB; letter-spacing:1px;}

#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:120px !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 0 0 0 !important;}
.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a {color:#0A8185;}
}

@media (max-width: 1200px){
.logotextlinkwrap {width:250px; float:left; padding:25px 10px 20px 0;}
}
@media screen and (max-width: 598px) {
	
	.mobilecontact {display:block;}
.desktopcontact {display:none;}

}

@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: 1098px) {
#logo_textlink { font-size:18px;}
#top-menu li {padding-right:10px !important; }
.logotextlinkwrap {width:220px; text-align:center; padding:14px 10px 0 0;}
}

@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;}
body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {background-color:#ffffff !important;}
#main-header #logo_textlink  {color:#0059a1;}
.logotextlinkwrap {width:100%; text-align:center; padding:35px 0px 0 0;}

#post-2352 div.et_pb_section.et_pb_section_0 {
margin-top:60px !important;}

.sideimage {background-size: 0 0 !important;}

/* ------------------------------ HOME CTA BOXES ------------------------------ */
.ctaboxwrap {padding:25px 25px 15px 25px; text-align:center; }

/* Adjust top of page banners on mobile */
#topofpagebanner {margin-top:60px; }

/* Typogoraphy */
h1 {    font-size: 26px !important;}


/* TOP BAR OPTIONAL SECTION  */
#optionalband { text-align:center !important; }
#optionalband a { font-size:11px; margin-left:10px; margin-bottom:5px; max-width:220px; margin-left:auto; margin-right: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 (max-width: 767px){
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title {    font-size: 30px !important;}

.et_pb_slide_title {margin-left:auto; margin-right:auto; width:70%; text-shadow: 1px 1px 3px #1C1C1C;}
.et_pb_fullwidth_slider_0 .et_pb_slide_description {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

}

@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) {
	
.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: 575px) {
/* TOP BAR OPTIONAL SECTION  */

#optionalband  { display:none;}
}

@media screen and (max-width: 375px) {	
	.phonenumber  {display:block; width:100%;	}
 }