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

#left-area {    width: 64.125% ;    padding-bottom: 23px;}
#sidebar {    float: left;    width: 35.875%;}


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


#footer-bottom  {color:#fff !important; font-size: 12px !important;}
#footer-bottom a, #footer-bottom a:hover {color:#fff !important;}


/* Fix for font awesome lists */
ul.fa-ul {    list-style-type: none !important;}


#page-container {padding-top: 124px;}
#main-header {top: 42px;}

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


.et_pb_member_position {color:#ffffff !important; font-style: italic}

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

/* ------------------ Contact form 7 ------------------  */
input.wpcf7-text {padding:5px 10px !important; width:100% !important; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
textarea.wpcf7-textarea {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; height:150px !important; width:100% !important; background-color:#fdfdfd;}
input.submitbutton {color: #ffffff !important; background: #6c8d15 !important; border-width: 0px !important; letter-spacing: 0px !important; font-size: 20px !important; border-radius: 5px; padding: 5px 10px !important;}

/* ------------------ Contact Page ------------------  */
.addresssection {width:49%; float:left;}
.hourssection {width:49%; float:right;}


#et_mobile_nav_menu {display:none !important;}

.rmp-container {z-index:999999;}


/* ------------------ Top of Page Banner sections ------------------  */
.topofpagebuttons {    color: #ffffff !important;    background: rgba(0,0,0,0.25) !important;    border-color: #ffffff !important;    letter-spacing: 0px;    font-size: 20px; margin-left:5px; margin-right:5px;}
a:hover .topofpagebuttons  { border-color: #ffffff !important;}

/* ------------------Sidebar CTA buttons ------------------  */
.sidebarcta {border: solid 1px #4d4d4d; padding:20px; text-align:center;}
.sidebarctabutton { color: #ffffff !important;    background: #25b9e7 !important;    border-color: #25b9e7 !important;    letter-spacing: 0px;    font-size: 20px; margin-left:5px; margin-right:5px; display:block !important; }

a:hover .sidebarctabutton { color: #ffffff !important;}

/* ------------------ Checklists ------------------  */
ul.basiclist {margin-top:20px;}
ul.basiclist li {list-style-position: outside; margin-bottom:10px; list-style-type: disc; margin-left:20px; line-height:1.2; }
.checklist ul {margin-left:100px;}
.checklist ul li { margin-bottom:15px; }
.checklist ul li:hover { color:#000000; }
.checklist2 ul {margin-left:50px;}
.checklist2 ul li { margin-bottom:15px; }
ol li {list-style-type: decimal; list-style-position: outside; margin-bottom:15px;}


/* ------------------ Text Links ------------------  */
.et_pb_bg_layout_light a {border-bottom: dotted 1px #25b9e7;}
.et_pb_bg_layout_light a:hover {color:#000000 !important; border-bottom: dotted 1px #000000;}

.et_pb_bg_layout_dark a {color:#ffffff !important; border-bottom: dotted 1px #ffffff;}
.et_pb_bg_layout_dark a:hover {color:#dcdcdc !important; border-bottom: dotted 1px #dcdcdc;}

a.entry-featured-image-url, .entry-title a, .post-meta a {border-bottom:none !important;}


/* ------------------ Homepage Service Icons ------------------  */
.iconlabels {font-size:19px; text-align:center;}
.testingcircle, .fittingcircle, .balancecircle, .tinnituscircle, .protectioncircle, .repaircircle, .waxcircle, .contactcircle {-moz-border-radius: 75px; max-width:100px; -webkit-border-radius: 75px; border-radius: 75px; margin-left:auto; margin-right:auto;  display: block; margin-bottom:20px;}

.testingcircle {background-color:#0081c2; border: solid 5px #0081c2;}
.fittingcircle {background-color:#9f0b58; border: solid 5px #9f0b58; }
.balancecircle {background-color:#1f9a89; border: solid 5px #1f9a89; }
.tinnituscircle {background-color:#572383; border: solid 5px #572383; }
.protectioncircle {background-color:#6c8d15; border: solid 5px #6c8d15; }
.repaircircle {background-color:#e27322; border: solid 5px #e27322; }
.waxcircle {background-color:#ede50a; border: solid 5px #ede50a; }
.contactcircle {background-color:#25b9e7 ; border: solid 5px #25b9e7; }
.contactcirclebig {-moz-border-radius: 150px; max-width:175px; -webkit-border-radius: 150px; border-radius: 150px; margin-left:auto; margin-right:auto;  display: block; margin-bottom:20px; background-color:#25b9e7 ; border: solid 5px #25b9e7;}
.fittingcirclebig {background-color:#9f0b58; border: solid 5px #9f0b58; -moz-border-radius: 150px; max-width:175px; -webkit-border-radius: 150px; border-radius: 150px; margin-left:auto; margin-right:auto;  display: block; margin-bottom:20px;}
/* ------------------ Round images------------------  */
.circular img { border-radius: 50%; }
.whiteborder img {border: solid 2px #ffffff;}

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

 .wideheader {width: 100% !important;    max-width: 100% !important;    padding-right: 20px;    padding-left: 20px;}
.logo_container a {color:#ffffff !important; font-size:24px;}
#logo_textlink img { max-width:95%}

/* ------------------ TOP HEADER EDITS------------------  */
 #top-header {padding-bottom:10px; background-color: #000000;}
.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:#0081c2 !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;}





/* ------------------ NAVIGATION EDITS------------------  */

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {  padding-top: 0px;}
nav li ul {width: 280px !important; border-top: none !important; padding: 10px 0 !important; text-align:center;}
.nav li { line-height: 22px !important; }

#top-menu li li a {     width: 258px !important;    padding: 3px 0px !important;}
/*ul li.current-menu-item, .current-menu-parent {background-color:#4d4d4d;}*/
ul li ul  li.current-menu-item {background:none;}
#top-menu li, #top-menu > li:last-child {padding-right: 13px !important; padding-left:13px !important; margin-left:3px; }
#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child { padding-right: 0px;}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {padding-top:20px; padding-bottom:20px !important;}
.sub-menu {margin-left:-11px; background-color:#0081C2 !important;  }
#menu-item-78 .sub-menu {margin-left:-150px;}
.nav li ul {border:solid 1px #25b9e7; -webkit-box-shadow: 5px 5px 10px .5px #383838;
box-shadow: 5px 5px 10px .5px #383838;}

/* ------------------ REMOVE DOWN ARROWS FOR SUBMENU------------------  */
‪#‎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;}

/* ------------------ HOMEPAGE CTA BOXES ------------------  */
.ctaboxes {padding:20px; font-size:16px; line-height:22px;}
a .ctaboxes, a .ctaboxes h3  {color:#ffffff !important; text-align:center;}
a:hover .ctaboxes, a:hover .ctaboxes h3{color:#000000 !important;}
.style_prevu_kit
{
    display:inline-block;
    border:0;
    width:100%;
    height:100%;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 

}
.style_prevu_kit:hover
{
       z-index: 999999;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);

}

/* ------------------ HOMEPAGE MAIN HEADING ------------------  */
.homemainheading {font-size:48px; font-family: 'Shadows Into Light', cursive; line-height:65px !important;}
.homepage h1 {font-size: 30px !important;}

/* ------------------ HEADINGS------------------  */
h3, h4 {font-family: 'Nunito', sans-serif !important; }
h3 {font-size:26px !important;}
h4 {font-size:22px !important;}

/* Contact PAge */
#contactpage h2 {font-family: 'Nunito', sans-serif !important; font-size:22px;}

/* ------------------ Footer ------------------  */
.footer-widget a {color:#ffffff !important; font-size:18px !important;}
.footer-widget h2 a {color:#ffffff !important; font-size:32px !important;}
.footer-widget a:hover, .footer-widget a:hover h2 {color:#25b9e7 !important; }

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

.desktop-only {
    display: none;
}

.mobile-only {
    display: none;
}



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

#cta-sticky {color:#ffffff;
	background: #000000;  /*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: #25b9e7;  /*change button background color */
	border-radius: 0;
	color: #ffffff;
	display: inline-block;
	font-size: 22px;
	border-radius: 3px;
	line-height: 1.3em !important;
	margin: 10px 15px;
	padding: 10px 20px;
	text-align: center;
	 border:none !important;
}

#cta-sticky .et_pb_button:before,
#cta-sticky .et_pb_button:after {
	display: none !important;
}

#cta-sticky .et_pb_button:hover {
	background-color: #25b9e7 !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;
}

/* #footer-bottom {padding-bottom:140px !important;} */




/* Responsive Styles Tablet And Below */

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

@media all and (max-width: 980px) { 
	#footer-bottom p {text-align:center !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;
    }
}


/* ------------------ MEDIA QUERIES------------------  */



/* make side bar wider on blog pages */
@media only screen and ( min-width: 1100px ) {

    .et_right_sidebar #sidebar .et_pb_widget { 
        margin-right:30px !important;
    }
	.et_left_sidebar #sidebar .et_pb_widget { 
        margin-left:30px !important;
    }
	
    .et_right_sidebar #left-area, 
    .et_left_sidebar #left-area { 
        width:720px !important; /* 1020 - width */
    }
    .et_right_sidebar #main-content .container:before { 
        right:300px !important; /* width */
    }
    .et_left_sidebar #main-content .container:before { 
        left:300px !important; /* width */
    }
    .et_right_sidebar #sidebar,
	.et_left_sidebar #sidebar { 
        width:300px !important; /* width */
    }
}


@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: 1007px) {
.logo_container {width:100% !important;}

.et_header_style_left .logo_container {text-align:center; position: relative !important;
 }
#main-header {height: auto !important; padding-top:8px; padding-left:0; }
#et-top-navigation {display:none;}
	.phonenumber {padding-right:45px;}
	
}

@media screen and (max-width: 768px) {
.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;}

h3 {font-size:22px !important;}
h4 {font-size:20px !important;}
.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: 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: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) {
#contactpage h2  {font-size:18px !important;}
.addresssection {width:100%; float:none;}
.hourssection {width:100%; float:none; margin-top:20px;}
#main-header { padding-top:8px; padding-left:0; }
.logo_container a {font-size:18px;}

}

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

a:hover {
	color: #29afed;
}

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

.ppctitle p {
	text-align: center;
}

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