/*
Theme Name: Levo Child
Template: Levo
Author: Levo Health
Description: Levo Health WordPress Theme
Version: 1.0.55
Updated: 2023-06-20 3:50:03

*/

/*** typography ***/
h1.home-banner-h1 {
	color:#fff;
  	font-size:68px;
  	font-weight:600;
  	line-height:1.2;
}
h1.red-banner {
    color:#fff;
  	font-size:50px;
  	font-weight:500;
  	line-height:1.2;
}
h2.semi-wh {
	font-weight:500 !important;
  	color:#fff !important;
}
#footer p {
	color:#fff !important;
}
/*** color classes ***/

.iep-red {
	color:#D80F0F;
}
.iep-black {
	color:#181818;
}
.white {
	color:#fff;
}
/*** header styles ***/

#site-header.overlay-header {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 9999;
    transition: background 0.3s ease;
}
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu>li.current-menu-item>a, #site-header-sticky-wrapper.is-sticky #site-header .navbar-style-one .dropdown-menu>li.current-menu-item>a
{
	opacity: 0.5;
}
#site-header-sticky-wrapper.is-sticky #site-header
{
	background: #181818!important; 
}
#site-header-sticky-wrapper.is-sticky #site-header .navbar-style-one .dropdown-menu>li.menu-item>a
{
	color: #fff!important;
}
#site-header.overlay-header.dyn-styles {
    background: none;
}
body.has-overlay-header .wpex-sticky-header-holder {
    height: auto !important;
    background: none !important;
}
#site-header.fixed-scroll {
    z-index: 99;
    transform: translateZ(0);
}
#site-navigation-wrap {
    transition: background-color 0.15s ease, border-color 0.15s ease;
}


/*** home banner section ***/
.home-banner-container {
	padding-left:12%;
  	padding-right: 12%;
}
.inline-container-banner {
	display:flex;
  	align-items: center;
  	width:45%;
}

/*** containers ***/
.inner-col-text-padding-full-img {
	padding-left:12%;
  	padding-right:12%;
}
/**** form styles ****/

.contact-form input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    display: inline-block;
    color: #fff !important;
    padding: 0.462em 0.769em;
    font-size: 16px !important;
    line-height: 1.65;
    max-width: 100%;
    border-bottom: 1px solid #e1e1e1 !important;
    border-top: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-left: 0px solid transparent !important;
    border-radius:0px !importan;
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    padding: 10px 30px 10px 30px;
  	margin-top:20px;
}
.contact-form.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
  	justify-content:center;
}


/**** displays (flex - block - etc) ***/

.center-flex {
	display:flex;
  	align-items:center;
}

/**** width pre-sets ****/

.w-25 { width: 25%; }
.w-33 { width: 33%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

/**** margin pre-sets ****/

.m-0 { margin:0px !important; }
.m-b-0 { margin-bottom: 0px !important; }
.m-t-0 { margin-top: 0px !important; }
.m-r-0 { margin-right: 0px !important; }
.m-l-0 { margin-left: 0px !important; }

/***** Padding pre-sets ****/

.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-30 {padding:30px;}
.p-40 {padding:40px;}
.p-50 {padding:50px;}

.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}

.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}

.pl-10 {padding-left:10px;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}


/*** footer alignment ***/
#media_image-3.footer-widget {
    padding-bottom: 0px;
    text-align: center;
}
.site-footer-inner {
	padding-top: 0px !important;
}

/*** Menu Button ***/
li.header-btn.menu-item .link-inner
{
    position: relative;
    padding-right: 3px!important;
    font-weight: 600!important;
  	color:#fff !important;
}
li.header-btn.menu-item .link-inner:hover {
	color: #D80F0F !important;
}
li.header-btn.menu-item:hover {
	color: #D80F0F !important;
}
li.header-btn.menu-item
{
	margin-left: 20px!important;
}
.home li.header-btn.menu-item a
{
	background: #D80F0F!important;
    border-radius: 30px;
    padding: 0px 13px!important;
    border: 1px solid #D80F0F;
}
li.header-btn.menu-item a
{
	background: #D80F0F!important;
    border-radius: 10px;
    padding: 0px 13px!important;
    border: 1px solid #D80F0F;
}
li.header-btn.menu-item a:hover
{
	background: transparent!important;
}



/*********************************************************** RESPONSIVE ******************************************************************/
/*****************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
	/*** typography ***/
	h1.home-banner-h1 {
		color:#fff;
  		font-size:50px;
  		font-weight:600;
  		line-height:1.2;
	}
	h1.red-banner {
    	color:#fff;
  		font-size:38px;
  		font-weight:500;
  		line-height:1.2;
	}
   .home-banner-container {
		padding-left:12%;
  		padding-right: 12%;
	}
  .home-banner-pt-mobile {
  		padding-top:120px;
    	padding-bottom:30px;
  }
  .center-mobile {
  	text-align:center !important;
  }
  .hide-mobile {
  	display:none !important;
  }
}

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

}

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

}

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

}

