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

/* Accessibility Edits */
.visuallyhidden {border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;} /*hide labels on forms */
.contactarea a:focus {border: solid 1px #fff !important; padding:3px !important; } /*header phone numbers */
.logo_container a:focus {border: solid 1px #0076AD !important; padding:3px !important; } /*logo */
#top-menu a:focus {border-bottom: solid 1px #0076AD !important; padding-bottom:3px !important; } /*desktop nav */ 
a.et_pb_button.et_pb_bg_layout_dark:focus {border: solid #fff; text-decoration:none !important;} /*buttons */ 
#main-footer a:focus {border: solid 1px #0076AD !important; padding:3px !important; display:block } /*footer */
#footer-bottom a:focus { display:inline;} /*footer */
#main-footer .socialmedia a:focus {border:none !important;} /*footer */
#footer-bottom .socialmedia a:focus img {border: solid 1px #0076AD !important; padding:3px !important; -webkit-box-shadow: 0px 0px 4px #4195fc; -moz-box-shadow: 0px 0px 4px #4195fc; box-shadow: 0px 0px 4px #4195fc;}/*footer */
#top-header a.phonewrap, body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward  {color:#000 !important;}
#top-header a.phonewrap:focus {border: solid 1px #000 !important}
input[type=text]:focus, input[type=email]:focus, input[type=phone]:focus, textarea.wpcf7-textarea:focus {  box-shadow: 0 0 8px #4195fc;    border: 1px solid #fff; background:#333333}
.wpcf7-submit:focus {box-shadow: 0 0 8px #4195fc;}
#main-content a:focus {text-decoration:underline;}
#main-content a:focus strong {text-decoration:underline;}
input[type='checkbox']:focus {	background: #333; background-image: url(/wp-content/uploads/2018/08/check.png)}

a:hover {
	color: #29afed;
}

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


/* BLOG SHORT CODE CTA STYLES */

h4.blogctainterrupt {margin-top:20px; margin-bottom:20px; }
h4.blogctainterrupt a {color:#0076AD;}
h4.blogctainterrupt a:hover {text-decoration:underline;}

h4.blogctainterrupt a::after {
  content: "\00bb "; color:#99cc00;  font-size:24px;
}

@media (min-width: 981px){
#sidebar {width: 38% !important;}
#left-area {width: 62%;}
.et_right_sidebar #sidebar {padding-left: 0px; 
	}}

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


/*grey text boxes */
.greybox {background:#f4f4f4!important; padding:30px 20px !important; transition: transform .2s; border: solid 4px #f4f4f4; margin:4px; /* Animation */ }
.greybox a {color:#333333 !important;}
.greybox:hover {border-color:  #99cc00; transform: scale(1.05); }
 
/* Check boxes for quiz */
.wpcf7-list-item-label   {display: block;    margin-left: 40px;		margin-top: -37px;}
input[type='checkbox'] {background:#f4f4f4;     -webkit-appearance:none;    width:25px;    height:25px;        border:1px solid #e4e4e4; border-radius:2px;}
input[type='checkbox']:checked {	background: #0076AD; background-image: url(/wp-content/uploads/2018/08/check.png)}

/* Check boxes for quiz */
#main-content ol li, #main-content ul li {margin-top:10px; margin-left:30px; list-style-position: outside;}
#responsive-menu-button  {height:30px !important; width:30px !important; border:solid 1px #fff !important; padding:1px !important; z-index:999999;}
.responsive-menu-box {margin-top:1px;}


/*header */
#responsive-menu-search-box {display:none;} /*hide divi menu search*/
.col-container {display:none;   }
a.mobilepractice { padding-left:50px; font-weight:800; text-transform:uppercase;   display:block; height:100%; line-height:1.1; color:#ffffff; }
.practicename {background-color:#0076AD; border-right:solid 2px #fff; padding:10px 1%; width:65%; min-height:40px;}
a.mobilecallbutton { text-align:center; text-transform:uppercase; color:#ffffff !important; display:block; height:100%; line-height:1.1; font-weight:800; }
.practicecall {background-color:#99cc00; padding:10px 1%; width:35%;  min-height:40px;  }
.practicecall:hover {background-color:#669900;}
#responsive-menu-container li.responsive-menu-item a {padding-left:50px !important;}
#responsive-menu-container #responsive-menu-title {padding-left:50px !important;}
#responsive-menu-title a {background-color:#99cc00; color:#ffffff !important; padding:8px 45px 8px 0; font-weight:800; width:100% }
#top-menu li {     padding-right: 10px;    }
#main-header .container {width:90% !important; height:44px !important;}
#click-menu, #responsive-menu, #responsive-menu-container {z-index:100005 !important;}
.mobile_menu_bar {visibility:hidden;}
#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; }
.rmp-menu-item-link {padding-left:50px !important;}
.rmp_menu_trigger {border: 1px solid #fff !important; border-radius: 0 !important;}

/* One Locaton Styles */
.locationtwo { float:left; padding:10px 5px; font-weight:400}
.phonenumber { margin-left:20px;float:right; padding:5px 10px; background-color:#99cc00;} 
.phonewrap {font-size:24px; line-height:28px;}

/* Two Location Styles */
.locations21 {float:left; width:35%;}
.locations22 {float:right; width:35%; margin-left:2%; }

/* Three Location Styles */
.locations31 {float:left; width:32%;}
.locations32 {float:left; width:32%; margin-left:2%; }
.locations33 {float:right; width:32%}
.locations31 .locationtwo  {float:left; padding:12px 10px 5px 10px; text-align:right; width:50%; }
.locations32 .locationtwo  {float:left; padding:12px 10px 5px 10px; text-align:right; width:50%; }
.locations33 .locationtwo {float:left; padding:12px 10px 5px 10px; text-align:right; width:50%; }
.locations31 .phonenumber, .locations32 .phonenumber, .locations33 .phonenumber { margin-left:10px;float:right; padding:5px 10px; background-color:#99cc00; height:41px;}
.locations31 .phonenumber .phonewrap, .locations32 .phonenumber .phonewrap, .locations33 .phonenumber .phonewrap {font-size:20px; line-height:28px;}





.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;} 
#top-menu li li a {width: 260px;  padding: 10px 6px; line-height:1.2; }
#top-menu li li {    margin: 0;    padding: 0 15px;}
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #0076AD !important; 
    opacity:1 !important;
}

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

#logo_textlink { font-size:18px;  text-transform:uppercase;  color:#000; font-weight:900; line-height:44px;}

/*Typography */
p.homepagehero {color:#fff !important; font-size:50px !important; line-height:1.2; text-transform: uppercase; font-weight:900;}
h1 {font-weight:900 !important; text-transform:uppercase;}
.headingsub {font-size:28px; line-height:1.0 !important; text-transform: capitalize;}
h2 {font-weight:700 !important; font-size:32px !important; }

h3 {font-size:26px !important;}
h4 {font-size:22px !important; font-weight:900 !important; }
.homepageheadline h1 {font-weight:700 !important; font-size:24px;}

/*Single Column text width */
.et_pb_column_4_4 .et_pb_text {padding-left:11% !important; padding-right:11% !important;}
.et_pb_column_4_4 .medically-reviewed-by {padding-left:0 !important; padding-right:0 !important;}

.et_pb_column_4_4 .et_pb_toggle {margin-left:11% !important; margin-right:11% !important;}


/* Round Image */
.circular img {border-radius: 50%; border: 4px solid #fff; padding:10px; transition: transform .2s; /* Animation */ }
.circular img:hover {border-color:  #99cc00; transform: scale(1.05); }

/* List styling */
.featureList, .featureList ul {  margin-top: 0;  padding-left: 2em;  list-style-type: none !important;}
.featureList li {padding-bottom:20px !important;}
.featureList li strong, .et_pb_bg_layout_dark strong {color:#99cc00;}
.featureList li:before {  position: absolute;  margin-left: -1.3em;  font-weight: bold;}
.featureList li.tick:before {  content: "\2713";  color: #99cc00; font-size:24px;}
.featureList li.cross:before {  content: "\2717";  color: crimson;}
ul li, ol li {line-height:1.5}

/* Numbers in circles */
.numbershomepage {color:#0076AD !important; border:solid 4px #0076AD; border-radius:50%; height:80px; width:80px; margin-left:auto; margin-right:auto; text-align:center; transition: transform .2s; /* Animation */}
.numbershomepage p {line-height:70px;}
.numbershomepage:hover {transform: scale(1.05); border-color:#99cc00}

/* Circle Borders */

.circleborder {border:solid 4px #0076AD; border-radius:50%; height:280px; width:280px; margin-left:auto; margin-right:auto; text-align:center; transition: transform .2s; /* Animation */ padding:35px 40px;}

/* Border for Testimonials row */
.columnborder {border-left:solid 4px #d4d4d4;}

/*footer section */
.footerpracticetitle {border-bottom:solid 4px #0076AD;}
.socialmedia {width:40%; float:right; text-align:right;}

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

/* Contact form 7 styles */

body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward  {border-top:none !important; border-left:none !important; border-right:none !important;}


.wpcf7-submit {color: #ffffff !important;margin: 6px auto 0;cursor: pointer;font-size: 20px;font-weight: 500;-moz-border-radius: 0px;-webkit-border-radius: 0px;
border-radius: 0px;padding: 6px 20px;line-height: 1.7em;background:#99cc00 !important;border-bottom: 4px solid #7fa900 !important; border-left:none !important; border-right:none !important; border-top:none !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: #7fa900 !important; border-bottom: 4px solid #99cc00 !important; padding: 6px 20px !important; }
span.wpcf7-list-item { display: block; margin-bottom:10px; }
input.wpcf7-text {padding:10px; width:90%; background-color:#0076AD; color:#ffffff; border:none !important; font-weight:bold; font-size:16px }
textarea.wpcf7-textarea {padding:10px; height:90px; width:90%; background-color:#0076AD; color:#ffffff; border:none !important; font-weight:bold; font-size:16px }
::-webkit-input-placeholder { /* WebKit browsers */color: #fff !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff !important;opacity: 1;}

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


/* footer styles */

h2.footerlocation a { font-size:22px !important; color:#0076AD !important; text-transform:uppercase;}

/* Navigation sub-menu line height */
.page_item {line-height:16px !important;}
.nav li ul {width: 280px !important;}


/* STICKY ELEMENTS MEDXIA QUERIES */



@media all and (max-width: 980px) { 
	.medically-reviewed-by {text-align:center;}
#page-container, .et_fixed_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {padding-top:0 !important;}
.desktoponly {display:none !important;}
	.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
		min-height:40px;
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
	button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
	

.desktop-only {    display: none;}

.mobile-only {
    display: block !important;
}

}
@media all and (max-width: 777px) { 
	.headingsub {font-size:22px; line-height:1.0 !important; text-transform: capitalize;}
	
}

@media screen and (max-width: 598px) {
	.practicename, .practicecall  {font-size:13px;}
	
	a.mobilepractice { padding-left:35px; font-weight:800; text-transform:uppercase;   display:block; height:100%; line-height:1.1; color:#ffffff; }
	
	p.homepagehero {color:#fff !important; font-size:34px !important; line-height:1.2;}
	
}

@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: 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) {
.et_pb_column_4_4 .et_pb_text {padding-left:0 !important; padding-right:0 !important;}
.et_pb_column_4_4 .et_pb_toggle {margin-left:0 !important; margin-right:0 !important;}
}
/*PHONE*/
@media screen and (max-width: 600px) {
	h1 {font-size:26px !important;}
h2 {font-size:24px !important;}
h3 {font-size:22px !important;}
h4 {font-size:22px !important;  }
h5 {font-size:19px !important;}	
	/* List styling */
.featureList, .featureList ul {  padding-left: 0; }
.footerlocation {font-size:18px !important;}

}

.page-template-page-template-blank .rmp_menu_trigger {
	display: none !important;
}

.ppctitle p {
	text-align: center;
}

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

@media screen and (max-width: 980px) {
.columnborder {border-left:none;}
	.socialmedia {float:none; text-align:center; margin-left:auto; margin-right:auto; width:100%;}
}

@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; }
}