/********* Compiled - Do not edit *********/
@font-face {
font-family:"Basier Square";
src:url(//voguish.liquid-themes.com/wp-content/uploads/fonts/basiersquare-regular-webfont.woff2), url(//voguish.liquid-themes.com/wp-content/uploads/fonts/basiersquare-regular-webfont.woff);font-weight:;
font-display:swap;
}
:root{--color-primary:#de8872;--color-secondary:#094355;--color-gradient-start:#de8872;--color-gradient-stop:#e7a285;--color-link:#de8872;--color-link-hover:#094355;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Roboto;font-weight:400;line-height:1.6em;font-size:18px;color:#5b6674;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:Poppins;font-weight:400;line-height:2;font-size:14px;color:#737373;}.h1,h1{font-family:Crimson Text;font-weight:400;line-height:1.2em;font-size:54px;color:#094355;}.h2,h2{font-family:Crimson Text;font-weight:400;line-height:1.083em;font-size:48px;color:#094355;}.h3,h3{font-family:Crimson Text;font-weight:400;line-height:1.2em;font-size:32px;color:#094355;}.h4,h4{font-family:Crimson Text;font-weight:400;line-height:1.2em;font-size:25px;color:#094355;}.h5,h5{font-family:Crimson Text;font-weight:400;line-height:1.2em;font-size:21px;color:#094355;}.h6,h6{font-family:Crimson Text;font-weight:400;line-height:1.2em;font-size:18px;color:#094355;}.main-header .navbar-brand{max-width:220px !important;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1166px ){.main-header .is-stuck{background:#094355 !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:#de8872 !important;}}@media screen and (max-width: 1165px){.main-header .navbar-header{background:#094355;}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgb(255, 255, 255);}.main-header .nav-trigger .bar{background-color:rgb(255, 255, 255);}body[data-mobile-nav-style=classic] .navbar-collapse, body[data-mobile-nav-style=minimal] .navbar-collapse{background:#094355;color:rgb(255, 255, 255);}body[data-mobile-nav-style=modern]:before{background:rgb(0, 0, 0);}ul.nav.main-nav > li > a, ul.nav.main-nav > li > a:hover, .main-nav .children > li.active > a, .main-nav .children > li.current-menu-item > a, .main-nav .children > li.current-menu-ancestor > a, .main-nav .children > li:hover > a, .nav-item-children > li.active > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li.current-menu-ancestor > a, .nav-item-children > li:hover > a{color:inherit !important;}body[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a, .main-nav > li{color:rgb(255, 255, 255);}[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a:hover{color:inherit !important;}}:root {
  --color1:     #de8872;
  --color2:     #094355;
  --color3:     #11AC84;
  --color4:     #5B6674;
  --color5:     #F37053;
  --color6:     #8DBD9B;
  --color7:     #F9F6F2;

  --textcolor:  #052732;
  --rose:       #ffaa94;
  --aquapastel: #ddeff2;

  /* RGB VALUES  */
  --color1-rgb:     222,136,114;
  --color2-rgb:     9,67,85;
  --color3-rgb:     17,172,132;
  --color4-rgb:     91,102,116;
  --color5-rgb:     243,112,83;
  --color6-rgb:     141,189,155;
  --color7-rgb:     249,246,242;

  --textcolor-rgb:  5,39,50;
  --rose-rgb:       255,170,148;
  --aquapastel-rgb: 221,239,242;
  
  
  /* FONT-SIZE */
  --fs-sm: clamp(0.9rem, 0.15vi + 0.86rem, 0.98rem);
  --fs-base: clamp(1.13rem, 0.46vi + 1.01rem, 1.38rem);
  --fs-md: clamp(1.41rem, 0.95vi + 1.17rem, 1.92rem);
  --fs-lg: clamp(1.76rem, 1.71vi + 1.33rem, 2.69rem);
  --fs-xl: clamp(2.2rem, 2.87vi + 1.48rem, 3.77rem);
  --fs-xxl: clamp(2.75rem, 4.62vi + 1.59rem, 5.28rem);
  --fs-xxxl: clamp(3.43rem, 7.22vi + 1.62rem, 7.4rem);
}
body.wp-admin #poststuff #post-body #post-body-content #postdivrich.vc-disable-editor {
    display: none!important;
}

/*////////////////////////////////////////
//////////// GLOBAL STYLES
///////////////////////////////////////*/

::selection {
    background: var(--rose);
    color: #ffebe6;
    text-shadow: none;
}

::-moz-selection {
    background: var(--rose);
    color: #ffebe6;
    text-shadow: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none;
}

body.admin-bar .header,
body.admin-bar header {
  top: 32px;
}


.hidethis {
  display: none !important
}

.p--light  p {
  color: white; 
}

/* 
.pum-video-wrapper .pum-video-fullscreen-notice, .pum-video-wrapper .pum-video-muted-notice {
  width: 100%;
  padding-top: 20px;
} */

.pum-content section.vc_row .ld-container.container {
  max-width: 100%;
}

.page-header-h1 h1 {
  font-size: var(--fs-xxl);
  line-height: 1.0em;
  color: var(--aquapastel);
}

.logo-hover-color-5 img ,
.logo-slider-color-5 .vc_images_carousel img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(34%) saturate(5175%) hue-rotate(320deg) brightness(113%) contrast(74%);
  /* scale: 0.8; */
}

.logo-hover-color-white img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(316deg) brightness(105%) contrast(102%);
}

.rank-math-html-sitemap {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}

/* Fix empty space in "Read About Dr. Key" article grid */
.flex-row-it .vc_row.vc_inner.vc_column-gap-10 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}
.flex-row-it .vc_row.vc_inner.vc_column-gap-10 > .wpb_column {
  float: none !important;
}


/* 88% Row Width */
.row-width-88 .ld-container.container-fluid,
.row-width-88 .ld-container.container ,
.col-width-88 .vc_column-inner {
  max-width: 88%;
}

/* 60% Row Width */
.row-width-60 .ld-container.container-fluid,
.row-width-60 .ld-container.container,
.col-width-60 .vc_column-inner {
  max-width: 60%;
}

/* 50% Row Width */
.row-width-50 .ld-container.container-fluid,
.row-width-50 .ld-container.container,
.col-width-50 .vc_column-inner {
  max-width: 50%;
}

/* 40% Row Width */
.row-width-40 .ld-container.container-fluid,
.row-width-40 .ld-container.container,
.col-width-40 .vc_column-inner {
  max-width: 40%;
}

.col-width-88 .vc_column-inner ,
.col-width-60 .vc_column-inner,
.col-width-40 .vc_column-inner {
  margin: 0 auto;
}


@media screen and (max-width: 900px) {
  /* 88% Row Width */
  .row-width-88 .ld-container.container-fluid,
  .row-width-88 .ld-container.container ,
  .col-width-88 .vc_column-inner, 
  /* 60% Row Width for Tablet  */
  .row-width-60 .ld-container.container-fluid,
  .row-width-60 .ld-container.container,
  .col-width-60 .vc_column-inner,
  /* 50% Row Width */
  .row-width-50 .ld-container.container-fluid,
  .row-width-50 .ld-container.container,
  .col-width-50 .vc_column-inner {
    max-width: 100%;
  }
}

.first-accordion-tab-hidden {
  display: none;
}

.nav-trigger.style-mobile .bar {
  width: 20px;
  height: 2px;
  border-radius: 50em;
  margin-bottom: 4.25px;
  position: relative;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden !important;
}

.navbar-collapse-clone .nav-trigger {
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 10;
  justify-content: flex-end;
  color: #fff;
  pointer-events: all;
  -webkit-transform: none !important;
  transform: none !important;
  transition: none !important;
  visibility: hidden !important;
}

[data-mobile-nav-style=modern] ul.nav.main-nav,
[data-mobile-nav-style=minimal] ul.nav.main-nav {
  font-size: 25px !important;
  letter-spacing: 0 !important;
  color: rgb(255, 255, 255);
  text-transform: none !important;
}

.mobile-logo-default {
  width: 200px !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product h3 {
  font-size: 1.5em;
}

.fancy-box h3 {
  font-size: 1.5em;
  line-height: 1em;
  letter-spacing: 0;
  margin: 0;
}

.su-highlight {
  display: inline;
  padding: 5px 0 !important;
}

.ld-sf {
  position: relative;
  margin-bottom: 10px;
}

.iconbox-side .iconbox-icon-wrap {
  margin-right: 20px;
  margin-top: -10px;
}

.ld-sf [type=email] {
  display: block;
  width: 100%;
  padding: 0 1.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #ededed;
  border-radius: 2px;
  line-height: 1.5em;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.ld-fancy-heading h2 {
  margin-bottom: 0em;
}

#mc_embed_signup .button {
  font-size: 18px !important;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: .03em;
  color: #fff;
  background-color: #000000 !important;
  box-sizing: border-box;
  height: initial !important;
  line-height: 32px;
  padding: 11px 18px !important;
  display: inline-block;
  margin: 0;
  transition: all 0.23s ease-in-out 0s;
}

input.button {
  font-size: 18px !important;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: .03em;
  color: #fff;
  background-color: #000000 !important;
  box-sizing: border-box;
  height: initial !important;
  line-height: 32px;
  padding: 11px 18px !important;
  display: inline-block;
  margin: 0;
  transition: all 0.23s ease-in-out 0s;
}

#mc_embed_signup input.email {
  border: 1px solid #ABB0B2;
  font-size: 18px !important;
  border-radius: 0px;
  color: #343434;
  background-color: #fff;
  box-sizing: border-box;
  height: 54px !important;
  padding: 0px 10px !important;
  display: inline-block;
  margin: 0;
  width: 350px;
  vertical-align: top;
}

div.mc-field-group input {
  border: 1px solid #ABB0B2;
  font-size: 18px !important;
  border-radius: 0px;
  color: #343434;
  background-color: #fff;
  box-sizing: border-box;
  height: 54px !important;
  padding: 0px 10px !important;
  display: inline-block;
  margin: 0;
  width: 350px;
  vertical-align: top;
}

.navbar-brand img {
  max-width: 100%;
}

.taptap-sub-arrow {
  top: 0.5em;
}
.taptap-by-bonfire ul li a {
  font-size: 30px;
  line-height: 30px;
}

/*// FORMINATOR OVERRIDES
///////////////////////////////////////*/
.forminator-field input.forminator-input {
  height: 52px;
  min-height: 52px;
}
button.forminator-button {
  border: none;
  padding: 10px 30px;
  border-radius: 4px;
}

button.forminator-button.forminator-button-back { 
  color: white;
}
#content .wpb_text_column :last-child:not()
.forminator-break:before {
 margin-bottom: unset; 
}
h2.forminator-title {
  margin:0;
}


#animated-gradient-canvas {
  width: 100%;
  height: 100%;
  --gradient-color-1: #13db60;
  --gradient-color-2: #020f12;
  --gradient-color-3: #094355;
  --gradient-color-4: #052732;
  
  z-index: 0;
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom:0;
}


/*---------------------------------------------------*/
/*--------------[ BUTTON OVERRIDES ]---------------*/
/*-------------------------------------------------*/
a.btn.btn-solid,
a.btn.btn-default {
  border-radius: 8px;
}

/*---------------------------------------------------*/
/*--------------[ FADE IN GRADIENTS ]---------------*/
/*-------------------------------------------------*/

.has-gradient .one-row_top_divider,
.has-gradient .one-row_bottom_divider {
  z-index: 5;
}

.has-gradient.bottom-to-top,
.has-gradient.top-to-bottom {
  position: relative;
}

.has-gradient.bottom-to-top:after,
.has-gradient.top-to-bottom:before {
  content: '';
  width: 100%;
  height: 500px;
  position: absolute;
  display: block;
  z-index: 1 !important;
}

.has-gradient>.ld-container.container,
.has-gradient>.ld-container.container-fluid .row .wpb_column,
.has-gradient>.ld-container.container .row.ld-row .vc_column_container {
  z-index: 5;
}

.has-gradient section.vc_row {
  z-index: 5;
}

.has-gradient.bottom-to-top:after,
.has-gradient.top-to-bottom:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  display: block!important;
  z-index: 3 !important;
  pointer-events: none;
}

.full-width-section.has-gradient.bottom-to-top:after,
.full-width-section.has-gradient.top-to-bottom:before {
  left: -30vw;
  width: 130vw;
}

.has-gradient.bottom-to-top.lg-fade:after,
.has-gradient.top-to-bottom.lg-fade:before {
  height: 78%;
}


.has-gradient.bottom-to-top.md-fade:after,
.has-gradient.top-to-bottom.md-fade:before {
  height: 380px;
}


.has-gradient.bottom-to-top.sm-fade:after,
.has-gradient.top-to-bottom.sm-fade:before {
  height: 120px;
}

.has-gradient.bottom-to-top .nectar-shape-divider-wrap svg.nectar-shape-divider {
  bottom: -2px;
}

/*-------------------------------------------------------*/
/*---------[ TOP TO BOTTOM FADE GRADIENTS ]-------------*/
/*-----------------------------------------------------*/
.has-gradient.top-to-bottom:before {
  top: 0;
  left: 0;
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.has-gradient.top-to-bottom.color1:before {
  background: linear-gradient(180deg, var(--color1) 0%, rgba(var(--color1-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color2:before {
  background: linear-gradient(180deg, var(--color2) 0%, rgba(var(--color2-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color3:before {
  background: linear-gradient(180deg, var(--color3) 0%, rgba(var(--color3-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color4:before {
  background: linear-gradient(180deg, var(--color4) 0%, rgba(var(--color4-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color5:before {
  background: linear-gradient(180deg, var(--color5) 0%, rgba(var(--color5-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color6:before {
  background: linear-gradient(180deg, var(--color6) 0%, rgba(var(--color6-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.color7:before {
  background: linear-gradient(180deg, var(--color7) 0%, rgba(var(--color7-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.textcolor:before {
  background: linear-gradient(180deg, var(--textcolor) 0%, rgba(var(--textcolor-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.rose:before {
  background: linear-gradient(180deg, var(--rose) 0%, rgba(var(--rose-rgb), 0) 100%);
}
.has-gradient.top-to-bottom.aquapastel:before {
  background: linear-gradient(180deg, var(--aquapastel) 0%, rgba(var(--aquapastel-rgb), 0) 100%);
}


/*-------------------------------------------------------*/
/*---------[ BOTTOM TO TOP FADE GRADIENTS ]-------------*/
/*-----------------------------------------------------*/

.has-gradient.bottom-to-top:after {
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.has-gradient.bottom-to-top.color1:after {
  background: linear-gradient(0deg, var(--color1) 0%, rgba(var(--color1-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color2:after {
  background: linear-gradient(0deg, var(--color2) 0%, rgba(var(--color2-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color3:after {
  background: linear-gradient(0deg, var(--color3) 0%, rgba(var(--color3-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color4:after {
  background: linear-gradient(0deg, var(--color4) 0%, rgba(var(--color4-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color5:after {
  background: linear-gradient(0deg, var(--color5) 0%, rgba(var(--color5-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color6:after {
  background: linear-gradient(0deg, var(--color6) 0%, rgba(var(--color6-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.color7:after {
  background: linear-gradient(0deg, var(--color7) 0%, rgba(var(--color7-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.textcolor:after {
  background: linear-gradient(0deg, var(--textcolor) 0%, rgba(var(--textcolor-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.rose:after {
  background: linear-gradient(0deg, var(--rose) 0%, rgba(var(--rose-rgb), 0) 100%);
}
.has-gradient.bottom-to-top.aquapastel:after {
  background: linear-gradient(0deg, var(--aquapastel) 0%, rgba(var(--aquapastel-rgb), 0) 100%);
}

/*////////////////////////////////////////
//////////// KEYNOTE BLOG 
///////////////////////////////////////*/

@media screen and (min-width: 1200px) {

  body.post-template-default.single-post #content .container .row .contents-container {
      z-index: 2;
  }

  body.post-template-default.single-post .main-header-overlay {
    background: var(--color2);
  }

  body.post-template-default.single-post .blog-single-content.pull-up {
    border-radius: 20px;
  }

  body.post-template-default.single-post #content {
    position: relative;
    padding-top: 96px;
  }
  body.post-template-default.single-post.admin-bar #content {
    position: relative;
    padding-top: 128px;
  }

  body.post-template-default.single-post #content:before {
    content: '';
    width: 100%;
    height: 500px;
    position: absolute;
    display: block;
    z-index: 1 !important;
    background: linear-gradient(180deg, var(--color2) 0%, rgba(var(--color2-rgb), 0) 100%);
  }


  .blog-single-cover[data-fullheight=true] .blog-single-media {
    height: 100%;
    border-bottom-left-radius: 42px;
    border-bottom-right-radius: 42px;
  }
  body.post-template-default.single-post .blog-single-content.pull-up {
    border-radius: 20px;
    box-shadow: 0 0 40px #09435554;
    margin-bottom: 8%;
    padding-top: 60px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 480px) {
  .main-page-header.has-gradient.bottom-to-top:after,
  .main-page-header.has-gradient.top-to-bottom:before {
    height: 285px;
  }
}


/*////////////////////////////////////////
///// LIQUID THEME OVERLAY MIX BLEND MODES
///////////////////////////////////////*/
section.has-overlay__hard-light .liquid-row-overlay {
  mix-blend-mode: hard-light;
}


/* ### Elfsight Form ### */
.eapps-form-element-input-text {
  font-size: 30px !important;
  color: #000000 !important;
}

.eapps-form-element-dropdown .eapps-form-element {
  font-size: 30px !important;
  line-height: 1 !important;
}

.eapps-form-element-label {
  display: block;
  font-size: 16px;
  font-weight: normal !important;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 12px;
}

.eapps-form-actions-button {
  display: inline-block;
  position: relative;
  padding: 13px 32px;
  border: none;
  border-radius: 4px;
  outline: none;
  background: #1c91ff;
  font-weight: normal !important;
  font-size: 20px;
  line-height: 18px;
  color: #fff;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
  flex-shrink: 0;
}

.eapps-form-element-input-textarea {
  font-size: 30px !important;
  color: #000000 !important;
}

.eapps-form-style-flat .eapps-form-element-input-dropdown,
.eapps-form-style-flat .eapps-form-element-input-textarea,
.eapps-form-style-flat .eapps-form-element-input-datepicker,
.eapps-form-style-flat .eapps-form-element-input-file-wrapper {
  border: none !important;
  background: rgba(220, 220, 220, 0.25) !important;
  padding: 5px 13px !important;
}

/* ### Elfsight Form Ends ### */

.readmore-p.readmore-p--dark a.readmore-btn {
  color: var(--color2);
  border-color: var(--color2);
}

.readmore-p.readmore-p--light  p {
  color: white; 
}

.readmore-btn {
  color: white;
  display: inline-block;
  margin-top: 18px;
  padding: 5px 18px;
  border: none;
  border-top: 1px solid white;
  font-size: 15px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.25s ease, transform 0.2s ease;
}

.readmore-btn:hover {
  transform: translateY(-2px);
}

.readmore-btn:active {
  transform: translateY(0);
}

.light-text p {
  color: white; 
}


/*////////////////////////////////////////
//////////// HOME PAGE
///////////////////////////////////////*/

.home-hero-heading {
  font-size: var(--fs-xxl);
  color: white; 
  margin-right: -4%;
  line-height: 0.85em;
}
.home-hero-heading__title {
  font-size: 0.3em; 
  line-height: 1em;
  display: block;
  color: var(--color1);
  max-width: 520px;
}


.feat-book-section {
  background: #DE8872;
  background: linear-gradient(90deg, var(--color1) 0%, rgba(255, 186, 168, 1) 25%, var(--color5) 74%);
}  

.feat-book-section .book-cover-img {
  /* scale: 1.2; */
}

.playvideo-popup {
  animation: bounce linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-delay: -3s; /* The pause duration */
}


.white-bg-carousel {
  background: #dff9d2;
  border-radius: 12px;
  padding: 20px;
}

.deco-pill-tag-outlined.ld-fancy-heading > div {
  background: transparent;
  border: 2px solid var(--color2);
  color: var(--color2);
}

form.post-password-form {
  margin: 20vh;
  width: auto;
  border: 1px solid var(--color1);
  padding: 30px;
  border-radius: 10px;
}

@media screen and (max-width: 1200px) {
  #home-hero-section .ld-container.container {
    width: 100%;
  }
  #home-hero-section a.explore-btn {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 900px) {
  
  form.post-password-form {
    margin: 10vh;
  }
  .home-hero-heading__title {
    font-size: 20px;
    line-height: 1.2em;
  }
  #home-hero-section a.explore-btn {
    margin-left:  0 !important;
    margin-top: 14px;
  }

}

@media screen and (max-width: 480px) {
  .home-hero-heading {
    font-size: 58px;
  }
  #home-hero-section a.explore-btn {
    font-size: 14px!important;
  }
  form.post-password-form {
    margin: 40px 20px;
  }
}

/*////////////////////////////////////////
//////////// ABOUT DR. KEY
///////////////////////////////////////*/
.highlight-icon-box .contents h3 {
  line-height: 1.1em;
}
.highlight-icon-box .contents p {
  margin-bottom: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
section.key-highlights-row {
  background-size: 42%;
  background-position: 50% 74%;
  background-repeat: no-repeat;
  background-color: white;
}

section#awards .iconbox-icon-wrap {
  padding: 30px;
  border: 1px solid #339dbe;
  border-radius: 20px;
  margin-bottom: 12px;
  background: #fff;
}

/*////////////////////////////////////////
//////////// SPEAKING
///////////////////////////////////////*/
.featured-video-player {
  border-radius: 20px;
  overflow: hidden;
}

wistia-player[media-id='v9x8wifrz9']:not(:defined) {
  background: center / contain no-repeat url('//fast.wistia.com/embed/medias/v9x8wifrz9/swatch');
  display: block;
  filter: blur(5px);
}

.invite-drkey-list.one-roadmap {
  padding: 65px 40px 50px 60px;
}

.invite-drkey-list .one-roadmap-info h6 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1em;
  margin-top: -6px;
}
.invite-drkey-list .one-roadmap-item-checked .one-roadmap-bar {
  opacity: 1; 
}

.invite-drkey-list .one-roadmap-bar:before {
  background: var(--color1) !important;
  z-index: 1;
}
.one-roadmap-mark .one-roadmap-mark {
  margin-top: -10px;
}

.carousel-vertical-3d.carousel-initialized .carousel-item.is-top,
.carousel-vertical-3d.carousel-initialized .carousel-item.is-bottom {
  cursor: pointer;
  transition-timing-function: step-start;
  filter: blur(3px);
}

/* section#cta-banner-section .ld-container.container {
  background: var(--color2);
  padding: 40px;
  border-radius: 20px;  
} */

.css-slider {
  position: absolute;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
}

.css-slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  /* Ensures the background covers the entire area */
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  /* Initially hidden */
  animation: fade 15s infinite;
  /* Total duration = num slides * display time (3 slides * 5s each) */
}

/* Define background images for each slide */
#slide1 {
  background-image: url('/wp-content/uploads/2021/06/Dr.-Key-Hallmon-4.2-1200x1000.jpg');
  /* Example image 1 */
  animation-delay: 0s;
}

#slide2 {
  background-image: url('/wp-content/uploads/2026/01/Dr.-Keys-at-a-speakers-conference.jpg');
  /* Example image 2 */
  animation-delay: 5s;
  /* Delay by 1/3 of total duration */
}

#slide3 {
  background-image: url('/wp-content/uploads/2024/08/image5-1200x1000.jpg');
  /* Example image 3 */
  animation-delay: 10s;
  /* Delay by 2/3 of total duration */
}

#slide4 {
  background-image: url('/wp-content/uploads/2024/08/image7-1200x1000.jpg');
  /* Example image 4 */
  animation-delay: 15s;
  /* Delay by 3/4 of total duration */
}


/* Keyframe animation for the fade effect */
@keyframes fade {
  0% { opacity: 0; }
  10% { opacity: 1; }
  /* Fade in duration */
  33% { opacity: 1; }
  /* Display duration (100% / number of slides = 33.3%) */
  43% { opacity: 0; }
  /* Fade out duration */
  100% { opacity: 0; }
}


#engagement-options-section .iconbox-filled-hover:hover {
    box-shadow: 0 0 20px var(--color3);
}

span.engagement-line-1 {
    display: block;
}


.iconbox-side.engagement-box {
  min-height: 244px;
}

.book-awards-slider {
  border: 1px solid gray;
  border-radius: 16px;
  padding: 15px 20px;
  margin-bottom: 30px;
}

.book-awards-slider .wpb_single_image {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .testimonials-quotes .testimonial-quote > blockquote p {
    font-size: 15px; 
    line-height: 1.4em;
  }
}

@media screen and (max-width: 480px) {
  .invite-drkey-list .one-roadmap-info h6 {
    font-size: 20px;
  }
  .invite-drkey-list.one-roadmap {
    padding: 50px 30px 40px 40px;
  }
}


/*////////////////////////////////////////
//////////// CONTACT - LET'S CONNECT
///////////////////////////////////////*/
body.page-id-9728 .tabs-nav-side-block .tabs-nav li a span.tabs-nav-icon {
  font-size: 1.4em;
}

body.page-id-9728 .tabs-nav-side-block .tabs-nav li:not(:last-child) {
  margin-bottom: 1.0em;
}


body.page-id-9728 .tabs-nav-side-block .tabs-nav li a {
  font-size: 28px;
  padding-top:0;
}

body.page-id-9728 .tabs-nav-side-block .tabs-nav li a span:not(.tabs-nav-icon){
  font-size: 17px;
  line-height: 1em;;
}


/*////////////////////////////////////////
//////////// BOOK LANDING PAGE
///////////////////////////////////////*/

body.page-id-9740 .mainbar-wrap a.navbar-brand img.logo-default {
  filter: brightness(0) saturate(100%) invert(15%) sepia(55%) saturate(507%) hue-rotate(148deg) brightness(94%) contrast(108%);  
}

body.page-id-9740 .mainbar-wrap:not(.is-stuck) ul.main-nav > li > a  {
  color: var(--textcolor);
}
body.page-id-9740 .mainbar-wrap:not(.is-stuck) ul.main-nav > li > a:hover {
  color: var(--color5);
}

.bookcover-key-img {
  z-index: 1;
}
#book-hero-section .wpb_single_image.spinning-gif {
  position: absolute;
  top: -9vw;
  right: -7vw;
  z-index: 0;
}

body.page-id-9740 .mainbar-wrap:not(.is-stuck) .header-module ul.social-icon  a {
  color: var(--textcolor)!important;
}

body.page-id-9740 .mainbar-wrap:not(.is-stuck) .header-module ul.social-icon  a:hover {
  color: var(--color5)!important;
}

body.page-id-9740 .mainbar-wrap:not(.is-stuck) .header-module a.btn.btn-default.btn-sm.round.btn-bordered.border-thick {
    border-color:  var(--textcolor);
}
body.page-id-9740 .mainbar-wrap:not(.is-stuck) .header-module a.btn.btn-default.btn-sm.round.btn-bordered.border-thick span.btn-txt,
body.page-id-9740 .mainbar-wrap:not(.is-stuck) .header-module a.btn.btn-default.btn-sm.round.btn-bordered.border-thick span.btn-icon {
  color: var(--textcolor);
}


section#recognition-section {
  background: url('../2026/02/illustration-background.png') center center / cover no-repeat, linear-gradient(0deg, rgb(9,67,85) 1.91083%, rgb(17,172,132) 100%) !important;
}



body.page-id-9740 section#video-section .ld-media-icon.icon-play {
    width: 120px;
    height: 120px;
}
body.page-id-9740 .logo-awardbox {
    border: 1px solid #64e5c4;
    border-radius: 20px;
    padding: 15px 15px;
    background: #012b384d;
}
body.page-id-9740 #endorsements-reviews-section .testimonial .testimonial-quote h5 {
  margin-bottom: 0.3em;
  color: var(--color3);
  font-size: 1.5em;
  line-height: 1em;
  margin-top: 0.4em;
}

#book-landing-page-navmenu li:last-child a {
  border: 2px solid var(--color2);
  padding: 10px 30px;
  margin-left: 1.5vw;
  border-radius: 32px;
  background: var(--color2);
}
#book-landing-page-navmenu li:last-child a:hover {
  color: white;
  background: var(--color3);
  border-color: var(--color2);
}

section#retailers-section .ld-container.container {
  background: var(--color5);
  padding: 40px;
  border-radius: 20px;  
}

section#retailers-section .wpb_single_image a.vc_single_image-wrapper {
  border: 2px solid white;
  padding: 6px 20px;
  border-radius: 12px;
  background-color: white;
}
section#retailers-section .wpb_single_image a.vc_single_image-wrapper img {
   /* filter: brightness(0) saturate(100%) invert(92%) sepia(90%) saturate(2%) hue-rotate(116deg) brightness(105%) contrast(100%); */
   
}
/* section#retailers-section .wpb_single_image a.vc_single_image-wrapper:hover {
  background-color: white;
} */
section#retailers-section .wpb_single_image a.vc_single_image-wrapper:hover img {
 filter: unset;
}

body.page-id-9740 .pum-container  {
  box-shadow: 0 0 32px var(--color5);
}

.lg-offscreen-photo .liquid-img-container-inner {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px; 
}
@media screen and (max-width: 768px) {
  #book-landing-page-navmenu li:last-child a {
    margin-top: 20px;
    margin-left: 0;
    display: block;
  }
}


/*////////////////////////////////////////
//////////// PRESS PAGE
///////////////////////////////////////*/

body.page-id-9774 #video-section .ld-media-bg {
     background-color: transparent;
}

#feat-articles-section .fancy-box-overlay .cb-subtitle ,
#podcasts-section .fancy-box-overlay .cb-subtitle {
  background-color: var(--color3);
  font-weight: bold;
}

#feat-articles-section .fancy-box .fancy-box-contents .fancy-box-header p ,
#podcasts-section .fancy-box .fancy-box-contents .fancy-box-header p {
  height: 0;
  overflow: hidden;
}
#feat-articles-section .fancy-box:hover .fancy-box-contents .fancy-box-header p ,
#podcasts-section .fancy-box:hover .fancy-box-contents .fancy-box-header p {
  height: 46%;
}

#press-subnav-section .lqd-custom-menu.lqd-sticky-menu {
   box-shadow: 0 0 30px #23150e4a;
}


@media screen and (min-width: 768px) {
  body.page-id-9774 .ld-media-icon.icon-play:not(.solid) {
      width: 120px;
      height: 120px;
  }
    #press-subnav-section .lqd-custom-menu.lqd-sticky-menu li + li {
      margin-left: 5vw;
  }
}
@media screen and (max-width: 768px) {
  #press-subnav-section .lqd-custom-menu.lqd-sticky-menu ul.inline-nav li a {
    font-size: 14px;
    text-transform: uppercase;
  }
}