/*
Theme Name: Levo Child
Template: Levo
Author: Levo Health
Description: Levo Health WordPress Theme
Version: 1.0.75
Updated: 2024-03-14 9:40:03

*/

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
 	padding: 50px 0 0 0 !important; 
    text-align: center;
}
.gfield.image-choices-field.ic-align--center .gfield_label, .gform_legacy_markup_wrapper .gfield.image-choices-field.ic-align--center .gfield_label, .gform_wrapper.gform-theme--framework .gfield--type-choice.image-choices-field.ic-align--center .gfield_label, .gform_wrapper.gravity-theme .gfield--type-choice.image-choices-field.ic-align--center .gfield_label {
 	font-weight: bold;
  	padding: 20px 0;
  	font-size: 22px;
}
.gform_wrapper.gravity-theme .gfield_required, .gform_required_legend {
 	display: none !important; 
}
.gf_progressbar_wrapper {
 	margin-top: 20px; 
}
.quiz-note {
  	padding-top: 10px;
  	font-size: 14px;
 	text-align: center; 
}
.quiz-heading {
	font-size: 22px;
  	font-weight: bold;
  	text-align: center;
}
.image-choices-choice-text {
 	font-size: 15px !important; 
}
.lp-quiz-form input[type="date"], .lp-quiz-form input[type="text"], .lp-quiz-form input[type="email"], .lp-quiz-form input[type="tel"], .lp-quiz-form input[type="number"], .lp-quiz-form textarea {
	color: #15223A !important; 
	border: 1px solid #868d97 !important;
	background: #ffffff !important;
}
.lp-quiz-form legend.gform-field-label{
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 20px !important;
  	font-size: 22px !important;
	font-weight: bold !important;
}
.lp-quiz-form .lp-quiz-text-checkboxes .gfield_checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 520px;
    margin: 0 auto;
    padding-left: 55px;
}
.lp-quiz-form .lp-quiz-text-checkboxes .gfield_checkbox .gchoice {
    flex-basis: 50%;
}
@media screen and (max-width: 767px) {
  	.lp-quiz-form .lp-quiz-text-checkboxes .gfield_checkbox {
     	width: 100%;
      	padding: 20px;
  	}
	.lp-quiz-form .lp-quiz-text-checkboxes .gfield_checkbox .gchoice {
    	flex-basis: 100%;
	}
}
.h1-hero h1 {
	font-size:80px !important;
  	color:#fff;
  	line-height:1.3;
}
.hero-p p {
	font-size:24px;
  	line-height:1.3;
}

p {
	font-size:18px;
}

.white {
	color:#fff;
}
.text-center {
    text-align:center;
}
.dark-blue {
    color:#080f32;
}
.blue-gray {
    color:#636E7E;
}
.container-overlay {
    width: 1150px;
    height: 550px;
    position: relative;
    margin: 30px;
    text-align:center;
}
.box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.overlay {
    z-index: 9;
    margin-left: 60%;
    max-width: 700px;
    padding: 40px;
    margin-top: 25px;
    max-height: 450px;
    background: #F9F6F4;
}
.pl-pr-15 {
    padding-left:15px;
    padding-right:15px;
}
/*** schedule banner animation ***/
.hover-2 {
  background-image: linear-gradient(#6CBACF 0 0);
  background-size: 200% .08em;
  background-position: 200% 100%;
  background-repeat: no-repeat;
  transition: background-size .3s, background-position .3s .3s;
  font-size:32px;
  text-align:center;
  color:#2F405A;
  padding-top:40px;
  padding-bottom:40px;
}
.hover-2:hover {
  transition: background-size .3s .3s, background-position .3s;
  background-size: 200% 100%;
  background-position: 100% 100%;
}
.hover-2:hover a {
    text-decoration:none;
}
.bg-cta:hover {
    text-decoration:none !important;
}
.hover-2-txt-container {
    background-color:transparent;
    padding:20px 30px;
    border-radius:10px;
    width:40%;
    margin:0 auto;
    border: 1px solid transparent;
    transition:ease-in-out 0.2s;
}
.hover-2-txt-container:hover {
  border: 1px solid #2F405A;

}
/*********************************************************************************************** The Q LP - NEW CUSTOM CSS ***/
/**** text *****/
.the-q-heading {
  	font-size:26px !important;
  	color:#24356F !important;
    font-weight: 700 !important;
    line-height: 120% !important; 
}
h4.the-q-h4 {
color:#575A5F !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 120% !important; /* 21.6px */
letter-spacing: 0.18px !important;
}
.the-q-sub-text p {
color: #212E6D;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: normal;
}
.text-center {
	text-align:center !important;
}
.section-two-body-text p {
color: #575A5F !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 130% !important; /* 20.8px */
letter-spacing: 0.16px !important;
}
.section-three-body-text p {
color: #fff !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 130% !important; /* 20.8px */
letter-spacing: 0.16px !important;
}
.section-four-body-text p {
color: #212E6D;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
}
/***************/
/**** padding / margin / col ******/
.py-40 {
	padding: 40px 0;
}
.pt-40 {
	padding-top:40px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-10 {
	padding-bottom:10px;
}
.py-20 {
	padding: 20px 0;
}
.m-0 {
	margin:0px !important;
}
.the-q-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/***************************/
/******* Buttons ********/
.the-q-btn {
	border-radius: 100px !important;
	background: #45B0E4 !important;
  	border: 1px solid #45B0E4 !important;
  	font-size:16px !important;
  	color:#fff !important;
  	font-weight:600 !important;
  	padding: 10px 16px !imporant;
  	transition:ease-in-out 0.2s;
}
.the-q-btn:hover {
	background: transparent !important;
  	color:#45B0E4 !important;
}
.w-90 {
  width:90% !important;
}
/***********************/
.section-one-header {
	padding: 40px 0;
}
.section-one-hero {

}
.section-two-container {
	padding: 60px 0;
}
.section-two-inner-container {
	padding: 30px 0;
}
.section-three-container, .section-four-container, .section-five-container {
	padding: 80px 0;
}
/*** misc - padding - margin - etc ***/
.ml-10 {
	margin-left:10px;
}
/**** header container - columns flex ****/
.header-container {
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.lp-header-txt-light {
	font-size:20px;
  	color:#fff;
}
.lp-header-txt-primary {
	font-size:20px;
  	color:#7ad0e8;
}
.primary {
	color:#7ad0e8 !important;
}
/**button**/
.theme-button {
	font-size:18px;
}

/** icon box edit **/
#lp-icon-box.vcex-icon-box-two .vcex-icon-box-image {
    margin: 0px 0px 10px 0px;
}
/************************ image stagger containers *********************/
/************ Container Style 1 - Lasik - Cataract ****************/
.image-stack::after {
  content: ' ';
  display: table;
  clear: both;
}

.image-stack__style-1-left {
    float: left;
    width: 66%;
    margin-right:-100%;
    z-index: 1;
}

.image-stack__style-1-right {
    float: right;
    padding-top:3%;
    width: 60%;
    z-index: 2;
}
.info-container-style-1 {
    background-color:#fff;
    padding-top:25px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:60px;
    width:100%;
    text-align:center;
}
.bg-swap-lg {
   background-color:#f9f6f4 !important;
}

/*** Landing page styles ***/
/* swap page header fix */

.header-btn.menu-item a
{
    background: #5FB6F9;
    color: #fff!important;
    border-radius: 25px;
    padding: 0px 12px!important;
    border: 2px solid #5FB6F9;
    line-height: 47px!important;
}

.header-btn.menu-item a:hover
{
	color: #5FB6F9!important;
    background: #fff;
}

.page-template-landing-swap #site-header-inner {
  padding-top:20px !important;
  padding-bottom:20px !important;
  padding-left:4%;
  padding-right:5%;
  position:relative;
}
.page-template-landing-swap .sidebar-box {
	margin-bottom:0px !important;
}
.swap-header-inner
{
	display: flex;
    align-items: center;
}
.swap-header-inner .swap-page-logo
{
	 width: 25%;
}
.swap-header-inner .swap-page-menus
{
	 width: 75%;
}
body#swap-page ul, li, p, h1, h2, h3, h4, h5, h6 {
	 font-family: Montserrat!important;
}
body#swap-page .footer-box ul.menu
{
	justify-content: center;
}
body#swap-page ul.menu
{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
body#swap-page ul.menu li
{
	margin-left: 20px;
    height: 50px;
    line-height: 50px;
}
body#swap-page ul.menu li.header-btn.menu-item a
{
    padding: 10px 25px!important;
}
body#swap-page ul.menu li.header-phn.menu-item .ticon
{
	margin-top: 1px;
}
body#swap-page ul.menu li.header-phn.menu-item a
{

}
body#swap-page ul.menu li a:hover, body#swap-page ul.menu li.header-phn.menu-item a:hover
{
	text-decoration: none;
}
body#swap-page ul.menu li.header-btn.menu-item:hover a, body#swap-page .wpex-sticky-header-holder.is-sticky ul.menu li a:hover
{
  background-color:#24356F;
}
body#swap-page ul.menu li a
{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.p-left {
	padding-left:20px;
}
@media only screen and (max-width: 425px)
{
.swap-header-inner .swap-page-logo
  {
  	    width: 100%!important;
        text-align:center;
  }
  .swap-header-inner
{
	display: block !important;
}
}
@media only screen and (max-width: 768px)
{
.swap-header-inner .swap-page-logo
  {
  	    width: 100%!important;
        text-align:center;
  }
    .swap-header-inner
{
	display: block !important;
}
  .p-left {
  	padding-left:0px;
  }
}

/***** responsive *****/
@media only screen and (max-width: 959px) {
.info-container-style-1 {
	padding:15px !important;
}
  .image-stack__style-1-left {
    float: clear;
    width: 100%;
    margin-right:0;
}

.image-stack__style-1-right {
    float: clear;
    padding-top:0;
    width: 100%;
}
}
/**************** END ********************************************/
/************ Container Style 2 - Lasik - Cataract ****************/
.image-stack__style-2-left {
    float: left;
    width: 66%;
    margin-right:-100%;
    z-index: 1;
}

.image-stack__style-2-right {
    float: right;
    padding-top:12%;
    width: 55%;
    z-index: 2;
}
.info-container-style-2 {
    background-color:#fff;
    padding-top:20px;
    padding-bottom:60px;
    padding-left:25px;
    padding-right:25px;
    width:100%;
    text-align:center;
}
.button-style-2 {
	background-color:transparent;
    border: 1px solid #2F405A;
    color:#2F405A;
}
.button-style-2:hover {
	background-color:#2F405A;
    border: 1px solid #2F405A;
    color:#fff;
    transition: ease-in-out 0.2s;
}
/***** responsive *****/
@media only screen and (max-width: 959px) {
.info-container-style-2 {
	padding:15px !important;
}
  .image-stack__style-2-left {
    float: clear;
    width: 100%;
    margin-right:0;
}

.image-stack__style-2-right {
    float: clear;
    padding-top:0;
    width: 100%;
}
.mobile-mt-10 {
  	margin-top:10px !important;
  }
}
/**************** END ********************************************/
/************ Container Style 3 - Lasik - Cataract ****************/
.image-stack__style-3-left {
    float: left;
    width: 55%;
    position:relative;
    padding-top:15%;
    margin-right:-100%;
    z-index: 1;
}

.image-stack__style-3-right {
    float: right;
    width: 55%;
    z-index: -1;
}
.info-container-style-3 {
    padding-top:20px;
    padding-bottom:60px;
    padding-left:25px;
    padding-right:25px;
    width:100%;
    text-align:center;
}
/***** responsive *****/
@media only screen and (max-width: 959px) {
.info-container-style-3 {
	padding:15px !important;
}
  .image-stack__style-3-left {
    float: clear;
    width: 100%;
    margin-right:0;
}

.image-stack__style-3-right {
    float: clear;
    padding-top:0;
    width: 100%;
}
}
/************ Container Style 4 - Lasik - Cataract ****************/
.image-stack::after {
  content: ' ';
  display: table;
  clear: both;
}

.image-stack__style-4-left {
    float: right;
    width: 60%;
}

.image-stack__style-4-right {
    float: left;
    width: 50%;
    padding-top:10%;
    margin-right:-100%;
}
.info-container-style-4 {
    background-color:#fff;
    padding-top:25px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:60px;
    width:100%;
    text-align:center;
}
.bg-swap-lg {
   background-color:#f9f6f4 !important;
}
/***** responsive *****/
@media only screen and (max-width: 959px) {
.info-container-style-1 {
	padding:15px !important;
}
  .image-stack__style-4-left {
    float: clear;
    width: 100%;
}

.image-stack__style-4-right {
    float: clear;
    width: 100%;
    padding-top:0;
    margin-right:0;
}
}
/**************** END ********************************************/
/**************** END ********************************************/
@media only screen and (max-width: 768px) {
.h1-hero h1 {
	font-size:50px !important;
  	color:#fff;
  	line-height:1.3;
}
  h2 {
  	font-size:38px !important;
    line-height:1.25 !important;
  }
  .hover-2 {
  font-size:22px;
}
  .hover-2-txt-container {
    background-color:transparent;
    padding:20px 30px;
    border-radius:10px;
    width:90%;
    margin:0 auto;
    border: 1px solid transparent;
    transition:ease-in-out 0.2s;
}
  .mobile-ml-0 {
  	margin-left:0px !important;
  }
    .mobile-mt-10 {
  	margin-top:10px !important;
  }
/**** header container - columns flex ****/
.header-container {
    display:block !important;
    text-align:center !important;
}
.lp-header-txt-light {
	font-size:14px;
  	color:#fff;
    padding-top:12px;
}
  .lp-header-txt-primary {
	font-size:14px;
  	color:#7ad0e8;
    padding-top:12px;
}
}