/*
 Theme Name:   wellness (Divi Child)
 Theme URI:    
 Description:  wellness based on Divi Theme by Elegant Themes
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.2.1
 Text Domain:  divi-child
*/

/* logo */
.logo_container a img {max-width: 300px; }

/* for mobile:  hamburger and horiz. bar color */
.mobile_menu_bar:before { color:#25465d; }
.et_mobile_menu { border-top-color:#25465d; }

/* secondary header */

/* add house icon to physical address link */
#et-info-address { position:relative; }
#et-info-address:before { content: "\e074"; position:relative;top:0px;margin-right:4px; margin-left: 10px;font-family: 'ETModules';}
#et-info-address:hover{opacity:0.7;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}


/* section padding */
@media only screen and (min-width: 1350px) { .et_pb_section { padding-top:22px!important; padding-bottom:22px!important;} }
@media only screen and (min-width: 981px) { .et_pb_section { padding-top:1%!important; padding-bottom:1%!important;} }

/* the global footer CTA */
#global-footer-cta .et_pb_blurb_content a:hover { opacity:.4 }
@media only screen and (min-width: 1350px)  { #global-footer-cta.et_pb_section { margin-top:0px!important } }

/* resources page */
.valuable-information-list ul li a {color:#333; font-weight: bold;}
.valuable-information-list ul li a:hover { opacity: .4; }
#resources-accordion a {color: #333; font-weight: bold;}
#resources-accordion a:hover { opacity: .4; }
#resources-accordion .et_pb_toggle_title { color: #333 }

/* menu tweaks */
ul#top-menu li { font-size:12pt; }
ul#top-menu ul.sub-menu li a {font-size: 11pt; }
#custom-header4-menu > div > div.et_pb_menu__wrap > div.et_pb_menu__menu {padding-left: 20px;}

/* bottom bar */
#footer-info span.footer-sitemap { padding-left:20px; text-transform:uppercase; font-size:10pt; }

/* icons */
#global-footer-cta .et_pb_main_blurb_image .et-pb-icon { background-color:#2c304b !important; }

/*header button scott */
#header-schedule-button {
    line-height: 16px !important;
}
#custom-header4-menu > div > div.et_pb_menu__logo-wrap {max-width: 350px;}

#landmark_header_et-l-et-l--header_1 > div > div {padding-top:0px !important;
}

.mobile-address-phone-header .alignleft {
	float: left;
}
.mobile-address-phone-header .alignright {
	float: right;
}

/* shake phone and place icons */
.custom-header4-section .et_pb_main_blurb_image:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* ADA tweaks */
div.et_pb_blurb_description a:hover { text-decoration:underline!important; }
.skipnav { text-align: left; }
  .skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
  .skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

a:focus,button:focus {
    outline: 2px dotted #25465d!important;
}

.et-safe-mode-indicator,
.et-safe-mode-indicator:focus,
.et-safe-mode-indicator:hover {
    -webkit-box-shadow: 0 5px 10px rgba(15,27,36,.15)!important; 
    box-shadow: 0 5px 10px rgba(15,27,36,.15)!important; 
    background: #25465d!important; 
    color: #fff; 
    font-size: 14px; 
    font-weight: 600; 
    padding: 12px; 
    line-height: 16px; 
    border-radius: 3px; 
    position: fixed; 
    bottom: 30px; 
    right: 30px; 
    z-index: 999999; 
    text-decoration: none; 
    font-family: Open Sans,sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

.et_password_protected_form p input{background-color: white!important; border: none!important; width: 100%!important; border-radius: 0!important; font-size: 14px; color: black!important; padding: 16px!important; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* custom header */
/***HEADER 4 START***/
  
.custom-header4-top-bar-inner-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.custom-header4-main-nav-inner-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.custom-header4-top-bar-blurb .et_pb_blurb_container { padding-left: 10px; }

@media(min-width: 981px) {
	#custom-header4-menu .et_pb_menu__logo-wrap {
		position: absolute;
		top: -100%;
	}
}

@media (max-width: 980px) {
	.custom-header4-main-nav-inner-col > .custom-header4-social-icons-module { display: none; }
	#custom-header4-menu { width: 100%; }
	
	#custom-header4-menu .et_mobile_menu { top: 60px; }
	

	
	#custom-header4-menu .et_mobile_menu li.mobile-menu-custom-social ul { 
		text-align: center; 
		margin-top: 40px !important;
		padding: 0;
	}
	#custom-header4-menu .et_mobile_menu li.mobile-menu-custom-social ul li { padding: 0 10px; }
	#custom-header4-menu .et_mobile_menu li.mobile-menu-custom-social ul li a {margin: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	#custom-header4-menu .et_mobile_menu .mobile-menu-custom-btn { display: none; }
}

@media(max-width: 767px) {
	.custom-header4-top-bar-row .custom-header4-top-bar-cta { display: none; }
	
	#custom-header4-menu .et_mobile_menu .mobile-menu-custom-btn { margin: 20px auto; }
	#custom-header4-menu .et_mobile_menu .mobile-menu-custom-btn a,
	#custom-header4-menu .et_mobile_menu .mobile-menu-custom-btn a:hover {
		padding: 15px 30px 14px !important;
		max-width: 300px;
		margin: 0 auto;
	}
}

@media (max-width: 479px) {
	.custom-header4-top-bar-blurb .et_pb_blurb_container .et_pb_module_header { 
		padding-bottom: 4px; 
	}
}

/***CUSTOM FIXED HEADER start***/
@media (min-width: 981px) {
	header.et-l--header.custom-fixed-header { 
		position: fixed; 
		z-index: 999;
		top: -100px;
		left: 0;
		width: 100%;
	}
	
		
  .admin-bar header.et-l--header.custom-fixed-header { top: -68px; }

	#main-content.on-fixed-header { padding-top: 168px; }
}
/***CUSTOM FIXED HEADER end***/

/***HEADER 4 END***/


/* ADA */

@media only screen and (max-width: 1300px) {
    #homepage-mast div div div h1 { font-size:410%; }
    #homepage-mast div div div h2 { font-size: 230%; }
	#call-me-blurb {visibility: hidden;}
}
@media only screen and (max-width: 1075px) {
    #homepage-mast div div div h1 { font-size:350%; }
    #homepage-mast div div div h2 { font-size: 230%; }
	#custom-header4-menu > div > div.et_pb_menu__logo-wrap {max-width: 400px;}
}
@media only screen and (max-width: 1100px) {
    #homepage-mast div div div h1 { font-size:320%; }
    #homepage-mast div div div h2 { font-size: 210%; }
}
@media only screen and (max-width: 1068px) {
    #homepage-mast div div div h1 { font-size:290%; }
    #homepage-mast div div div h2 { font-size: 207%; }
}
@media only screen and (max-width: 582px) {
    #homepage-mast div div div h1 { font-size:140%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:90%!important; line-height: 120%!important; letter-spacing: 2px;} 
}
@media only screen and (max-width: 414px) {
    #homepage-mast div div div h1 { font-size:140%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:90%!important; line-height: 120%!important; letter-spacing: 2px;} 
}
@media only screen and (max-width: 375px) {
    #homepage-mast div div div h1 { font-size:110%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:85%!important; line-height: 120%!important; letter-spacing: 2px;} 
}
@media only screen and (max-width: 360px) {
    #homepage-mast div div div { width:153px!important; }
    #homepage-mast div div div h1 { font-size:110%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:80%!important; line-height: 120%!important; letter-spacing: 2px;} 
}
@media only screen and (max-width: 320px) {
    #homepage-mast div div div h1 { font-size:90%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:67%!important; line-height: 120%!important; letter-spacing: 2px;} 
}
@media only screen and (max-width: 280px) {
    #homepage-mast div div div h1 { font-size:70%!important; letter-spacing: 2px;}
    #homepage-mast div div div h2 { font-size:37%!important; line-height: 120%!important; letter-spacing: 2px;} 
}


@media screen and (max-width: 819px) and (min-width:  651px) {
    #homepage-mast .et_pb_column_0 { margin-left:-80px!important; margin-right:160px!important; }
}

@media screen and (max-width: 980px)  {
    .et_pb_section { padding:10px 0px!important;}
}

