/*
Theme Name:     Elite HRV
Theme URI:      https://elitehrv.com
Description:    A Divi Child Theme for Elite HRV
Author:         Elite HRV LLC
Author URI:     https://elitehrv.com
Template:       Divi
Version:        1.17.0

@import url("../Divi/style.css");

Theme customization starts here
------------------------------------------------------- */

/**
 * Vars
 */

:root {

  /* Colors */
  --color-primary:                  #3498DB;
  --color-primary-darker:           #258ed4; /* Reduce luminosity by 3% */
  --color-secondary:                #e67e22;
  --color-secondary-darker:         #e17619; /* Reduce luminosity by 3% */
  --color-secondary-darker-yet:     #d36f17; /* Reduce luminosity by 6% */
  --color-neutral-light:            #F5F7F8;
  --color-text:                     #124b62;
  --color-text-em:                  #3A6A7D;
  --color-elite-purple: #6c49ff;

  /* Layout */
  --layout-rounded-corners:                  0px;
  --layout-box-padding:                      2rem;

  /* Splash Page Colors */
  /* Greens */
  --color-splash-green:             hsl(180deg 100% 49%); /* 500px */
  --color-splash-green-darker:      hsl(180deg 100% 46%);
  --color-splash-green-even-darker: hsl(180deg 100% 43%);
  
  /* Darks */
  --color-splash-black:             #182125;
  --color-splash-black-darker:      hsl(198 21% 6% / 1);

  /* Splash Page Vars */
  --border-radius-button-splash:      24px;
  --font-style-splash:                'normal';

  /* Fonts */
  --font-default:     'gt_america_regular', sans-serif;
  --font-header:      'gt_americaextended_black', sans-serif;
  --font-header-alt:  'gt_americaextended_bold', sans-serif;

}

/**
 * Webfonts
 * ========
 * NOTE: Don't use var for "font-family"
 *
 **/

/**
 * Regular 
 **/

@font-face {
  font-family: 'gt_america_regular';
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/regular/gt-america-regular-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/regular/gt-america-regular-webfont.woff') format('woff'); 
}

/**
 * Extended
 **/

/* Extended Regular */
@font-face {
  font-family: 'gt_americaextended_regular'; 
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/extended/gt-america-extended-regular-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/extended/gt-america-extended-regular-webfont.woff') format('woff'); 
}

/* Extended Medium */
@font-face {
  font-family: 'gt_americaextended_medium'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/extended/gt-america-extended-medium-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/extended/gt-america-extended-medium-webfont.woff') format('woff');  
}

/* Extended Bold */
@font-face {
  font-family: 'gt_americaextended_bold'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/extended/gt-america-extended-bold-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/extended/gt-america-extended-bold-webfont.woff') format('woff'); 
}

/* Extended Black */
@font-face {
  font-family: 'gt_americaextended_black'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/extended/gt-america-extended-black-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/extended/gt-america-extended-black-webfont.woff') format('woff'); 
}


/**
 * Expanded
 **/

/* Expanded Regular */
@font-face {
  font-family: 'gt_americaexpanded_regular'; 
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/expanded/gt-america-expanded-regular-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/expanded/gt-america-expanded-regular-webfont.woff') format('woff'); 
}

/* Expanded Medium */
@font-face {
  font-family: 'gt_americaexpanded_medium'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/expanded/gt-america-expanded-medium-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/expanded/gt-america-expanded-medium-webfont.woff') format('woff');  
}

/* Expanded Bold */
@font-face {
  font-family: 'gt_americaexpanded_bold'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/expanded/gt-america-expanded-bold-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/expanded/gt-america-expanded-bold-webfont.woff') format('woff'); 
}

/* Expanded Black */
@font-face {
  font-family: 'gt_americaexpanded_black'; /* Don't use var */
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/gt-america/expanded/gt-america-expanded-black-webfont.woff2') format('woff2'), url('assets/fonts/gt-america/expanded/gt-america-expanded-black-webfont.woff') format('woff'); 
}

/**
 * GT America
 **/

body.typo-gt-america,
body.typo-gt-america a,
body.typo-gt-america p,
body.typo-gt-america li,
body.typo-gt-america label,
body.typo-gt-america input,
body.typo-gt-america blockquote,
body.typo-gt-america th,
body.typo-gt-america td,
body.typo-gt-america button {
  font-family: var(--font-default), sans-serif;
}

/**
 * GT America Headers
 **/

body.typo-gt-america h1 {
  font-family: var(--font-header-alt), sans-serif;
}

body.typo-gt-america h2,
body.typo-gt-america h3,
body.typo-gt-america h4,
body.typo-gt-america h5,
body.typo-gt-america h6 {
  font-family: var(--font-header), sans-serif;
}

/**
 * Footer 2021
 **/
.footer_2021 {
  font-family: var(--font-default), sans-serif;
}

/**
 * Splash page custom styles
 **/

 body.splash-custom-styles {
  background: var(--color-splash-black);
 }
 html.js.fonts-loading body.splash-custom-styles #page-container {
  visibility: hidden; 
  opacity: 0;
 }
 html.js.fonts-loaded body.splash-custom-styles #page-container,
 html.js.fonts-failed body.splash-custom-styles #page-container{
  visibility: visible; 
  opacity: 1;
  transition: all 0.5s !important;
 }
 body.splash-custom-styles, body.splash-custom-styles input, body.splash-custom-styles textarea, body.splash-custom-styles select {
  font-family:var(--font-default), sans-serif;
}
 body.splash-custom-styles h1,
 body.splash-custom-styles h2,
 body.splash-custom-styles h3,
 body.splash-custom-styles h4,
 body.splash-custom-styles h5,
 body.splash-custom-styles h6 {
  font-family: var(--font-header), sans-serif;
  font-style: var(--font-style-splash);
  font-weight: normal;
}
body.splash-custom-styles .et-pb-controllers a {
  height: 14px;
  width: 14px;
  margin: 0 0.75em;
}

/* Email Form */
body.splash-custom-styles .b2b-email-form form {
  display: flex;
  max-width: 500px;
}
body.splash-custom-styles .b2b-email-form-wrapper--footer .b2b-email-form form {
  justify-content: center;
}
body.splash-custom-styles .b2b-email-form input {
  width: 100%;
  padding: 10px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  border: none;
  font-family: var(--font-header-alt), sans-serif;
  font-weight: 500;
  font-style: var(--font-style-splash);
}
body.splash-custom-styles .b2b-email-form input[type=submit] {
  background-color: var(--color-splash-green);
  border-top-right-radius: var(--border-radius-button-splash);
  border-bottom-right-radius: var(--border-radius-button-splash);
  padding-right: 15px;
  flex: 0 0 50%;
}
body.splash-custom-styles .b2b-email-form input[type=email] {
  color: rgba(255,255,255,.58);
  background-color: rgba(255,255,255,.13);
  border-top-left-radius: var(--border-radius-button-splash);
  border-bottom-left-radius: var(--border-radius-button-splash);
  padding-left: 15px;
  flex: 1 1 auto;
}
body.splash-custom-styles .b2b-email-form input[type=submit]:hover {
  cursor: pointer;
  background-color: var(--color-splash-green-even-darker);
}

/* Slideshow Bullet lists */
body.splash-custom-styles .et_pb_slide_content ul {
  list-style: none;
  margin: 3em 0 0 0;
  padding: 0;
}
body.splash-custom-styles .et_pb_slide_content ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1em;
}
body.splash-custom-styles .et_pb_slide_content ul li::before {
  content: "";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--color-splash-green); /* Change the color */
  background-color: var(--color-splash-green); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: block; /* Needed to add space between the bullet and the text */
  margin: 0.5em 2em 0.5em 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow:
  0 0 15px 3px var(--color-splash-green);
}

/* Cookie Consent */
body.splash-custom-styles #cookie-law-info-bar {
  background-color: var(--color-splash-black) !important;
  box-shadow: none;
}

body.splash-custom-styles #cookie-law-info-bar .cli-plugin-main-button {
  background-color: var(--color-splash-green) !important;
  color: var(--color-splash-black) !important;
}

/********* Mobile Menu Collapse ********/

#main-header ul[id^="mobile_menu"] .menu-item-has-children ul.hide,
ul[id^="mobile_menu"] .menu-item-has-children ul.hide {
  display: none !important;
}

ul[id^="mobile_menu"] .menu-item-has-children {
  position: relative;
}
ul[id^="mobile_menu"] .menu-item-has-children > a {
  background: transparent;
}

ul[id^="mobile_menu"] .menu-item-has-children > a + span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 3;
}

span.menu-closed:before {
  content: "\33" !important;
}

span.menu-closed.menu-open:before {
  content: "\32" !important;
}

/* Remove Footer Bullets */

#footer-widgets .footer-widget li {
  padding-left: 0;
}

#footer-widgets .footer-widget li:before {
  content: none;
}

/**
 * Custom Post/Page Template 
 */

body.page-template-custom-post {
  background: #ffffff;
}

body.page-template-custom-post #main-content .container {
  width: 100%;
  max-width: 100%;
}

body.page-template-custom-post #sidebar {
  display: none;
}

body.page-template-custom-post #left-area {
  padding-bottom: 0;
}
body.page-template-custom-post .et_pb_post {
  margin-bottom: 0;
}

/* Hide default post/page meta */
body.page-template-custom-post article > .et_post_meta_wrapper {
  display: none;
}

body.post-template-custom-post .et_pb_module.et_pb_text {
  margin-left: auto;
  margin-right: auto;
  max-width: 44rem !important;
}
/**
 * Custom Post Header 
 */
.elitehrv-custom-meta.et_post_meta_wrapper {
  max-width: 44rem !important;
  margin: 0 auto;
  width: 80%;
}
.elitehrv-custom-meta h1.entry-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.elitehrv-custom-meta .entry-excerpt {
  font-size: 1.2rem;
  line-height: 1.3;
}

/* Post Meta */
.elitehrv-custom-meta .post-meta-wrapper {
  margin-top: 2rem;
}
.elitehrv-custom-meta .post-meta {
  display: flex;
  align-items: center;
  line-height: 1.5;
  max-width: 44rem;
}

.elitehrv-custom-meta .post-meta .entry-avatar img {
  border-radius: 500px;
  vertical-align: middle;
}
.elitehrv-custom-meta .post-meta .entry-avatar {
  margin-right: 10px;
}

.elitehrv-custom-meta .post-meta .entry-author {
  font-weight: bold;
  color: #2c3e50;
}
.elitehrv-custom-meta .post-meta .entry-date {
  align-self: start;
  color: #2c3e50;
  opacity: 0.5;
  font-size: 0.8rem;
}

.elitehrv-custom-meta .post-meta .social-shares {
  margin-top: 1rem;
}
.elitehrv-custom-meta
  .post-meta
  .social-shares
  .sfsi_widget.sfsi_shortcode_container
  .norm_row {
  text-align: left !important;
}

/* Featured Image */

.elitehrv-custom-meta.entry-thumbnail {
  display: none; /* Hide featured image */
  margin-left: auto;
  margin-right: auto;
  max-width: 80% !important;
}
.elitehrv-custom-meta.entry-thumbnail img {
  margin: 0 auto;
  display: block;
}

.what-you-get-list--inline {
  display: flex;
  justify-content: center;
  margin-left: -30px;
}

/* Pricing-enroll */
#pricing-enroll .et_pb_row .et_pb_column {
  position: relative;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Flash Time */

#pricing-enroll .flash--header {
  position: absolute;
  background-color: var(--color-secondary);
  top: -2rem;
  left: auto;
  right: auto;
  padding: 7px;
  font-size: 12px;
  font-weight: 500;
  width: 8rem;
  height: 2.5rem;
  line-height: 1.2;
}
#pricing-enroll .flash--header .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#pricing-enroll .flash--header .et_pb_text_inner p {
  padding-bottom: 0;
}
#pricing-enroll .flash--header:after {
  content: "";
  width: 0;
  height: 0;
  border-right: 4rem solid transparent;
  border-left: 4rem solid transparent;
  border-top: 1rem solid var(--color-secondary-darker-yet);
  position: absolute;
  top: 2.5rem;
  left: 0;
}
#pricing-enroll .matching--header {
  padding-top: 1rem;
}

/* Simple Grid */
ul.grid--simple {
  margin: 0;
  padding: 0;
}
ul.grid--simple li {  
  list-style-type: none;
  margin-bottom: 1rem;
}

/* Course Instructor */
.course-instructor {
  border-radius: var(--layout-rounded-corners);
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
}

.course-instructor .avatar {
  display: grid;
  grid-template-columns: 120px auto; 
  gap: 0 10px;
  align-items: start;
  margin-bottom: 2rem;
}
.course-instructor .avatar .name {
  grid-row: 1/2;
  align-self: end;
}
.course-instructor .avatar .role {
  grid-row: 2/3;
}
.course-instructor .avatar img {
  grid-row: 1/3;
  width: 120px;
  border-radius: 999px;
}


/* Sticky sidebar on pagebuilder pages */
/*
body.page-template-page-sticky-sidebar .et_pb_row {
  width: 100%;
}

body.page-template-page-sticky-sidebar .hide {
  opacity: 0;
}
body.page-template-page-sticky-sidebar #side-cta {
  width: 360px !important;
  left: calc(50vw + 150px);
  top: 120px;
  position: fixed;
}

body.page-template-page-sticky-sidebar
  .et_pb_column
  .et_pb_tabs
  .et_pb_tabs_controls
  li.et_pb_tab_0
  a {
  font-family: ETModules;
  font-size: 32px !important;
  position: relative;
  top: -10px;
  cursor: default;
}
body.page-template-page-sticky-sidebar li[class^="et_pb_tab"] {
  background-color: #f5f7f8 !important;
  border: none;
}
body.page-template-page-sticky-sidebar ul.et_pb_tabs_controls {
  background-color: #f5f7f8;
}
body.page-template-page-sticky-sidebar ul.et_pb_tabs_controls:after {
  border: none;
}
body.page-template-page-sticky-sidebar #outcome .et_pb_tab_1 a {
  font-family: ETModules;
  font-size: 32px !important;
  position: relative;
  top: -10px;
}
@media only screen and (min-width: 1200px) {
  body.page-template-page-sticky-sidebar .et_builder_inner_content {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 981px) {
  body.page-template-page-sticky-sidebar .et_builder_inner_content {
    width: 960px;
  }
  body.page-template-page-sticky-sidebar .et_pb_section {
    max-width: 700px !important;
  }
}
@media only screen and (max-width: 980px) {
  body.page-template-page-sticky-sidebar .et_pb_row,
  .et_pb_section {
    max-width: none !important;
  }
  body.page-template-page-sticky-sidebar
    .et_pb_column
    .et_pb_tabs
    .et_pb_tabs_controls
    li.et_pb_tab_1
    a {
    display: none !important;
  }
  body.page-template-page-sticky-sidebar #side-cta {
    position: static !important;
    width: auto !important;
  }
}

body.page-template-page-sticky-sidebar .et_pb_section .et_pb_video_overlay {
  background-size: contain !important;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-sticky-sidebar .et_pb_row .et_pb_video {
    min-height: 400px !important;
  }
  body.page-template-page-sticky-sidebar #vid-row {
    margin-left: auto !important;
  }
}
body.page-template-page-sticky-sidebar
  #divide-section
  .et_pb_top_inside_divider {
  transform: rotateX(180deg);
}
*/

/* Icon List */

.list--icon ul {
  padding: 0;
}
.list--icon ul li {
  list-style-type: none;
  padding-left: 1.3em;
  display: flex;
  margin-bottom: 1rem;
}
.list--icon ul li:before {
  position:relative;
  font-family: 'ETmodules';
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  margin-right: 5px;
  color: var(--color-text-em);
}
.list--icon--checkmark ul li:before {
  content: "\4e";
}
.list--icon--highlight ul li:before {
  color: var(--color-secondary);
}

/* Boxed List */

.list--boxed ul {
  color: var(--color-text);
  margin: 0;
  padding: 0;
}
.list--boxed li {
  padding: 0;
  list-style-type: none;
  display: block;
  margin-bottom: 1rem;
}
.list--boxed li b {
  font-size: 1.1rem;
}
.list--boxed li li,
.list--boxed li b {
  padding: 0;
  list-style-type: none;
  display: block;
  padding: 1rem;
  margin-bottom: 0.33rem;
  background-color: var(--color-neutral-light);
}

/* Sticky sidebar */

.inner-wrapper-sticky {
  border-radius: var(--layout-rounded-corners);
  background-color: var(--color-neutral-light);
  padding: var(--layout-box-padding);
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

#sticky-sidebar {
  will-change: min-height;
}

/* Buttons */

/* Button in nav menu */
a.button,
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li.button--menu-item > a {
  display: flex;
  align-self: center;
  border-radius: 50px;
  height: auto;
  padding: 12px 20px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: var(--font-default);
  font-size: 12px;
  letter-spacing: 0.43px;
}
a.button:link, 
a.button:visited, 
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li.button--menu-item a:link,
  li.button--menu-item a:visited {
  color: white;
  background-color: var(--color-elite-purple);
}
a.button:hover, 
a.button:active {
  color: white;
  background-color: rgba(108,73,255,0.88);
}

/* Homepage */

.home #page-container {
  background-color: rgba(0,0,0,0);
}

.home #main-header .logo_container svg {
}

.home #main-header {
  position: absolute;
  top: 0; left: 0;
  background-color: rgba(0,0,0,0);
  background-image: linear-gradient(180deg,#23132E 0%,rgba(35,19,46,0) 100%);
}
.home #main-header .logo_container svg path {
  fill: white;
}

/**
 * =============
 * MEDIA QUERIES
 * =============
 */

@media all and (min-width: 600px) {
  #footer-widgets .footer-widget li {
    margin-bottom: 0.3em;
  }
  .elitehrv-custom-meta h1.entry-title {
    font-size: 2.5rem;
  }
  .elitehrv-custom-meta .entry-excerpt {
    font-size: 1.5rem;
  }
  /* Post Meta */
  .elitehrv-custom-meta .post-meta-wrapper {
    display: flex;
    align-items: center;
  }
  .elitehrv-custom-meta .social-shares {
    flex-grow: 1;
  }
  .elitehrv-custom-meta .social-shares {
    margin-top: 0;
  }
  .elitehrv-custom-meta .social-shares .sfsi_shortcode_container {
    float: right;
  }
  .elitehrv-custom-meta
    .social-shares
    .sfsi_widget.sfsi_shortcode_container
    .norm_row {
    text-align: right !important;
  }
  /* Simple Grid */
  ul.grid--simple {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  ul.grid--simple li {  
    margin-bottom: 0;
  }
  body.splash-custom-styles .b2b-email-form input {
    min-height: 56px;
    font-size: 14px;
    padding: 20px;
  }
  body.splash-custom-styles .b2b-email-form input[type=submit] {
    padding-left: 36px;
    padding-right: 42px;
  }
  body.splash-custom-styles .b2b-email-form input[type=email] {
    padding-left: 42px;
    padding-right: 36px;
  }
}
/* Divi Tablet and above */
@media all and (min-width: 768px) {

}
@media all and (min-width: 981px) {
  #footer-widgets .footer-widget li {
    margin-bottom: 0.1em;
  }
}