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

/* Fix for ribbon / logged in users */
body.logged-in .et_fixed_nav #main-header { top: 32px !important;}
body.logged-in .logorow { top: 70px !important;}

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


#footer-bottom p {font-size: 13px !important; color:#fff !important; text-align:center !important;  }
#footer-bottom p a { color:#fff !important; font-weight:800;  }




#page-container { padding-top: 39px !important;
    overflow-y: hidden;
    margin-top: -1px;}

/* Color Changes */

h4.testimonialname {border-bottom:solid 1px #0095ad; color:#0095ad !important; }
.et_fixed_nav #main-header, .et_non_fixed_nav.et_transparent_nav #main-header, #custom_html-15 {background-color:#0095ad !important;}
h4.widgettitle, #top-menu li li:hover  {background:#0095ad; }
input.wpcf7-text, textarea.wpcf7-textarea {border:solid 1px #0095ad;  }

.current-menu-parent, .current_page_parent, .current-menu-item   { background: #06bcd4 !important; }

.et_pb_blog_grid .et_pb_image_container {background-image: linear-gradient(45deg,rgba(236,115,8,0.84) 10%,rgba(0,168,168,0.85) 96%);  -webkit-border-radius: 25px 25px 0 0;
border-radius: 25px 25px 0 0;}

#recent-posts-2 {background:#f7f7f7;-webkit-border-radius: 25px 25px ; border-radius: 25px 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); font-size:15px; padding-bottom:20px;  }

.single-post div.et_pb_section.et_pb_section_0, .error404 div.et_pb_section.et_pb_section_0 {    background-blend-mode: multiply;    background-color: initial!important;
    background-image: linear-gradient(45deg,rgba(236,115,8,0.84) 10%,rgba(0,168,168,0.85) 96%),url(/wp-content/uploads/2018/04/hearing-health-blog.jpg)!important;}

/* Color Changes */


/* Hearing protection table*/
.soundtable {border:none; background:#ffffff;}
.soundtable td {  margin-bottom: 20px; margin-top: 10px; font-size: 14px; width:100%; }
.soundtable td { padding: 10px 5px !important;    border-top: none; border-bottom:solid 1px #f7f7f7; width:27.5%;}
table.soundtable tr td:first-child{width:45%;}

/*testimonials */
h4.testimonialname {text-transform:uppercase; text-align:center; font-weight:900; margin-bottom: 10px; padding-bottom:10px;}

/*rounded corners */
.profileimage img, .roundedcorner, .single .et_pb_post img {-webkit-border-radius: 25px ; border-radius: 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10);} 

/* Text Link Styles & animations effect -underline */
.leftcol a, .rightcol a {display: inline-block;  position: relative;}

.leftcol a:after, .rightcol a:after   {	content: ''; position: absolute;  left: 0;  display: inline-block;  height: 1em;  width: 100%;   border-bottom: 1px solid;  margin-top: 5px;  opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(0,1);	transform: scale(0,1);}

.leftcol a:hover:after, .rightcol a:hover:after {  opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}

.et_pb_bg_layout_light a {}
.et_pb_bg_layout_dark a {color:#f7f7f7;  }
.et_pb_bg_layout_dark a:hover {color: rgba(255, 255, 255, .95) !important;   }
.et_pb_bg_layout_light a:hover {color: rgba(0, 149, 173, .95) !important;   }

/* Button wobble animation on hover */
.wobble-timed:hover, .wobble-timed:focus, .wobble-timed:active {animation: wobble-timed 0.2s 3 linear; /* loops 3 times, but you are free to change it to whatever you like */
-webkit-animation: wobble-timed 0.2s 3 linear;box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
@keyframes wobble-timed {50% 	{transform: translateX(3px) rotate(2deg);}
	100% {transform: translateX(-3px) rotate(-2deg);}}
@-webkit-keyframes wobble-timed {50% {-webkit-transform: translateX(3px) rotate(2deg);}
100% {-webkit-transform: translateX(-3px) rotate(-2deg);}}


/* Homepage Hero Image */
.homepagebannerheadline h2 {font-size:3em !important; line-height:1.2; font-weight:600 !important; color:#ffffff; text-shadow: 3px 3px 5px #292929;}

/*Social Media Icons */
#custom_html-4 img {-webkit-border-radius: 10px ; border-radius: 10px; }

/* Responsive button line hover effect */
button#responsive-menu-button:hover .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after {    background-color: #8eedfa !important;}


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


.logorow {background-color:#fff;}
/*.current-menu-parent, .current_page_parent, .current-menu-item   {  height: 45px;}*/
.sub-menu .current-menu-item {height: 25px;}

.leftcol a, .rightcol a {color:#ec7308;}

/*Typography */
body {font-weight:400}
h1 {text-transform: capitalize; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong  {letter-spacing:2px;}
h4 {color:#444444 !important; font-size:22px !important;}
strong {font-weight:900 !important; letter-spacing:1px;}

/* --- NEW HEADER STYLES --*/
.et_fixed_nav #main-header, .et_non_fixed_nav.et_transparent_nav #main-header {  height:40px !important; margin-top:0; padding-top:0; position:fixed;}



.logorow { position: fixed; right: 0; left: 0; top:40px; }
.leftcol, .centercol, .rightcol {width:33.33333333%; float:left; text-align:center; color:#000; padding:10px 5px; }
.leftcol a, .rightcol a {font-size:14px; }
.leftcol a.headernumber, .rightcol a.headernumber {font-size:15px; font-weight:800; margin-left:8px;}
.centercol {font-weight:800; font-size:30px; line-height:1.5;}
.centercol a {color:#444444;}
.wideheader {width: 85% !important;    max-width: 99% !important;    padding-right: 20px;    padding-left: 20px;  } 
.et_fullwidth_nav #main-header .container {width: 100% !important; padding-right: 0px !important;    padding-left: 0px !important;}
.nav li ul {border:none !important; margin-top:-17px; }
#et-main-area {margin-top:65px !important;}
#et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-item-has-children > a:first-child {    padding-right: 18px;}
button#responsive-menu-button {}
.headermobilecta  {display:none; font-size:24px; line-height:40px;}
.headermobilecta a {color:#ffffff;}
.mobileheader {font-size:15px !important; line-height:15px; padding-top:4px;}


/* ------------------ Blog posts------------------  */

.et_pb_post h2.entry-title {font-size:24px; font-weight:900; line-height:1.2}
.et_pb_post .post-content p {font-size:18px !important; line-height:1.2}
.et_pb_blog_grid .et_pb_post { padding: 19px;    border: none !important;    background-color: none !important;    word-wrap: break-word;}
a.more-link {text-transform:capitalize;     font-size:15px;     background: #ec7308;    border-width: 0px!important;    border-color: #ec7308;
    border-radius: 8px;    font-weight: bold;    font-style: normal; padding: 0 10px; color:#fff !important; margin-top:12px; display:inline-block;}
.published {font-size:14px;}
a:hover.more-link {color:#f7f7f7 !important;} 
.post-meta {font-size:14px !important;}
.post-meta a {text-decoration:underline !important;}
.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .column .et_pb_post {-webkit-border-radius: 25px ; border-radius: 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); }
.et_pb_image_container img {-webkit-border-radius: 25px 25px 0 0;border-radius: 25px 25px 0 0;}

.et_pb_blog_grid .et_pb_image_container img {opacity: 0.5;}
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; margin-right:0 !important; padding-right:0 !important;}
h4.widgettitle {color:#fff !important; font-weight:bold; padding:25px 20px 20px; -webkit-border-radius: 25px 25px 0 0;
border-radius: 25px 25px 0 0; text-transform:uppercase; margin-bottom:20px;}
#recent-posts-2 {background:#f7f7f7;-webkit-border-radius: 25px 25px ; border-radius: 25px 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); font-size:15px; padding-bottom:20px;  }
#recent-posts-2 ul  {margin:20px; }
#recent-posts-2 ul li {margin-bottom:10px;}

#left-area {    width: 66.125%;  }
#sidebar {       width: 33.875%;}



.et_post_meta_wrapper img {-webkit-border-radius: 25px ; border-radius: 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10);}
#custom_html-15 {-webkit-border-radius: 25px ; border-radius: 25px; padding:20px; color:#ffffff; }

.et_post_meta_wrapper img {-webkit-border-radius: 25px ; border-radius: 25px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.10);}

/* ------------------ NAVIGATION EDITS ------------------  */
.current-menu-parent .current_page_item {background:none !important}
#main-header .nav li ul {    -webkit-border-radius: 0 0 15px 15px;    border-radius: 0 0 15px 15px; margin-left:-10px;}
#top-menu li { display: inline-block;	padding-left: 10px !important;    padding-right: 10px !important; padding-top:12px !important;	}
#top-menu li ul li {display: inline-block;	padding-left: 5px !important;    padding-right: 5px !important; padding-top:0px !important; }
.nav li {    position: relative;    line-height: 18px; }
/* .nav li li {  height:30px;} */
.nav li li {    position: relative;    line-height: 1.2em;        padding: 15px 10px 0;}
#top-menu li li {margin: 0 0 5px 0;}
#top-menu li li a {    width: 100%;      display:block;}
#top-menu li li:hover {  width:100%;}

/* Add sidebar styles for practice name in footer */
.footerpractice {     padding: 40px 0 30px;    border-bottom: solid 1px #fff;    margin: 0 10% 30px 10%; }
#footer-widgets {padding: 3% 0 0 !important;}


/* ------------------ FOOTER ------------------  */
#footer-info {text-align:center; width:100%;}
#footer-widgets a:hover,  #footer-info a:hover {color: #000000;}
.footer-widget .et_pb_widget {font-size:17px !important; line-height:1.3 !important;}
.footer-widget .et_pb_widget a {color:#ffffff;}
.footerpractice h3 {color:#ffffff !important; text-transform:none;}


/* ------------------ LISTS ------------------  */

/* 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:3px 20px; width:90%; background-color:#f7f7f7; border-radius:10px;  font-size:17px; }
textarea.wpcf7-textarea {padding:3px 20px; width:90%; background-color:#f7f7f7; border-radius:10px;  font-size:17px; height:100px; }
input.wpcf7-text:focus, textarea.wpcf7-textarea:focus {background-color:#ffffff; border:solid 1px #ec7308; }


.wpcf7-submit {color: #ffffff !important; font-size: 22px;
    background: #ec7308;
    border-width: 0px!important;
    border-color: #ec7308;
    border-radius: 8px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none; padding: 3px 20px !important; }
.wpcf7-submit:hover { background-color: #ec7308 !important; border-color:#ec7308 !important;padding: 3px 20px !important; }





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

/*.desktop-only {    display: none;}
.mobile-only {
    display: none;
}*/

/***************************************************************************************************
/*
/*	STICKY ELEMENTS
/*
***************************************************************************************************/
#footer-bottom {padding-bottom:80px !important;}
#cta-sticky {color:#ffffff;
	background: #282828;
	border-top: 1px solid #ffffff;
	position: fixed;
	padding: 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 5px;
}

#cta-sticky .et_pb_button {
	background-color: #ec7308;
	border-radius: 8px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	border-radius: 8px;
	line-height: 1.2em !important;
	margin: 10px 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: #ec7308 !important;
	color: #fff;
}

#cta-sticky .cta-desktop .container {
	font-size: 1.3rem;
	line-height: 1.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: 16px; margin: 20px 10px;
	padding: 5px 10px !important;
}

.et_pb_scroll_top.et-pb-icon {
	z-index: 999999 !important;
}


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


@media only screen and ( max-width: 1155px ) {


}

@media screen and (max-width: 1077px) {
	
	.centercol {line-height:1.2;}
}
	


@media screen and (max-width: 1007px) {

 }


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

}

@media screen and (max-width: 750px) {

}


/* Responsive Styles Tablet And Below */

@media all and (max-width: 1105px) {
#footer-bottom {padding-bottom:180px !important;}
	#top-menu li {    display: inline-block;	padding-left: 4px !important;    padding-right:4px !important; padding-top:12px !important; font-size:11px;	}
}

@media all and (max-width: 980px) { 
	
	
	.centercol {width:45%; float:left; text-align:center; color:#000; padding:20px 5px; }
	.leftcol,  .rightcol {width:27.5%; float:left; text-align:center; color:#000; padding:20px 5px; }
	
button#responsive-menu-button, button.responsive-menu-button { z-index: 999999 !important; }
	#cta-sticky {padding:20px;}
#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;    }
	
	.rmp-menu-title {
		padding: 25px 5% !important;
	}
	
	.rmp_menu_trigger {
		height: 40px !important;
		line-height: 1 !important;
		background: transparent !important;
		top: 0 !important;
	}
	
	.rmp_menu_trigger:hover {
		background: transparent !important;
	}
}

/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) { 
	
	body.logged-in .logorow {
		top: 86px !important;
	}

#hidebutton {height:0 !important;}
.homepagebannerheadline h2 {font-size:2em !important; line-height:1.2; font-weight:600 !important; color:#ffffff; text-shadow: 3px 3px 5px #292929;}
	.soundtable { font-size: 9px; line-height:1.3 !important; width:90% }
	h1 {font-size:36px !important;}
	h2 {font-size:30px !important;}
	h3 {font-size:26px !important;}
	h4 {font-size:22px !important;}
	.et_pb_post h2.entry-title {font-size:22px !important;}
}

/* Responsive Styles Phone */
@media all and (max-width: 800px) { 
	.headermobilecta {display:block; color:#ffffff;}
	
	.centercol {width:100%; float:left; text-align:center; color:#000; padding:20px 5px; font-size:20px; }
	.leftcol,  .rightcol {display:none; }
}

.ppctitle p {
	text-align: center;
}

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