/*
Theme Name: Studio Simpatico
Theme URI: http://www.studiosimpati.co/
Description: This custom WordPress theme was designed and developed with love by Studio Simpatico for Reibus.
Author: Studio Simpatico
Author URI: http://www.studiosimpati.co/
Version: 1.0
*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;}canvas{display:inline;}video{display:inline;}audio:not([controls]){display:none}[hidden]{display:none}html{color:#222;font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button{-webkit-appearance:button;color:#222;cursor:pointer;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;overflow:visible;vertical-align:middle}input{color:#222;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;vertical-align:middle}select{color:#222;font-family:sans-serif;font-size:100%;margin:0;vertical-align:middle}textarea{color:#222;font-family:sans-serif;font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:top}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-.5em;vertical-align:baseline}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0;white-space:normal}input[type="button"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="reset"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="radio"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Montserrat-Regular.ttf') format('ttf');
}

/*Alpine JS Cloak*/ [x-cloak] {display: none !important;}

:root {
    --white: #fff;
    --off-white: #F2F3F3;
    --black: #1D1D1D;
    --dark-black: #090A0D;
    --gray-dark: #727272;
    --gray-light: #E2E9EC;
    --text-gray: #C2C7C9;
    --gray-light-fifty: #F2F5F6;
    --gray-blue: #D9E5EA;
    --purple: #5D0549;
    --medium-purple: #8D2D78;
    --blue: #0176FF;
    --marine-blue: #5DD2FC;
    --red: #B40404;
    --green: #17B70F;
    --yellow: #FFC24A;
    --body-font: 'halyard-text', Arial, Helvetica, sans-serif;
    --heading-font: 'halyard-display', Arial, Helvetica, sans-serif;
    --special-font: 'halyard-micro', Arial, Helvetica, sans-serif;
    --calc-font: 'Montserrat', Arial, Helvetica, sans-serif;
    --container-width: 90vw;
    --container-max-width: 1600px;
    --container-outer-padding: 50px;
    --container-outer-margin: calc((100vw - var(--container-width)) / 2);
    --viewport-edge: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
    --gap: 40px;
    --grid: repeat(12,1fr);
    --module-spacing-large: 160px;
    --module-spacing-medium: 120px;
    --module-spacing-small: 80px;
    --offset: 62px;
}

html {
    font-size: 100%;
}

body { 
    background: var(--white);
    color: var(--black);
    font: 1rem var(--body-font);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

.svg-inline--fa path {
    fill: currentColor;
}

a { 
    text-decoration: none;
    transition: all .25s ease;
}

input[type=submit],
button {
    border-radius: 0;
    font-family: inherit;
    transition: all .25s ease;
}

img,
svg,
iframe,
picture {
    max-width: 100%;
}

img,
svg,
picture {
    height: auto;
}

h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
    font-family: var(--heading-font);
    font-weight: 500;
    margin: 0;
}

h1,
.heading-1 {
    font-size: calc(80rem/16);
    letter-spacing: 1.2px;
    line-height: calc(74/80);
}

h1.mega,
.heading-1.mega {
    font-size: calc(96rem/16);
    letter-spacing: 1.6px;
    line-height: calc(80/96);
}

h2,
.heading-2 {
    font-size: calc(68rem/16);
    letter-spacing: 1px;
    line-height: calc(70/68);
}

h3,
.heading-3 {
    font-size: calc(48rem/16);
    letter-spacing: .6px;
    line-height: calc(54/48);
}

h4,
.heading-4,
.post-content article > h2 {
    font-size: calc(34rem/16);
    letter-spacing: .6px;
    line-height: calc(40/34);
}

h5,
.heading-5,
.post-content article > h3,
.careers-culture article p,
.careers-benefits .content h4 {
    font-size: calc(26rem/16);
    font-weight: 400;
    letter-spacing: .8px;
    line-height: calc(34/26);
}

h6,
.heading-6,
.post-content article > h4,
.calculator article p,
.reibus-courses .grid article > p {
    font-family: var(--special-font);
    font-size: calc(20rem/16);
    letter-spacing: .3px;
    line-height: calc(30/20);
}

p strong,
ul strong,
ol strong {
    font-weight: 500;
}

p,
ul,
ol {
    font-weight: 300;
    letter-spacing: .2px;
    line-height: calc(28/16);
    margin: 0 0 30px;
}

p.large,
ul.large,
ol.large,
.course-listings p,
.lesson-info article p,
.lesson-info article ul,
.lesson-info article ol,
.testimonials-carousel cite,
.carrier .content .copy,
.blog-video p:not(.small),
.post-content article > p,
.calculator__results ul,
.demo-form .form p,
.demo-form .form ul {
    font-size: calc(18rem/16);
    line-height: calc(28/18);
    margin-bottom: 40px;
}

p.x-large,
ul.x-large,
ol.x-large,
.featured-post p {
    font-size: calc(24rem/16);
    letter-spacing: .27px;
    line-height: calc(35/24); 
    margin-bottom: 40px;
}

p.small,
ul.small,
ol.small,
a.small,
.post p,
.reibus-courses .grid li p {
    font-family: var(--special-font);
    font-size: calc(14rem/16);
    line-height: calc(24/14);
}

p.x-small,
ul.x-small,
ol.x-small,
.alert-message p,
.menu-footer-legal {
    font-family: var(--special-font);
    font-size: calc(12rem/16);
    letter-spacing: .15px;
    line-height: calc(20/12);
}

a.underline {
    color: var(--black);
    font-weight: 500;
    text-decoration: 2px underline var(--yellow);
    text-decoration-skip-ink: none;
    text-underline-offset: 4px;
}

a.underline:hover {
    opacity: 0.6;
}

.eyebrow,
.positions-content h4,
.positions-content .lever-team .lever-job-tag {
    color: var(--purple);
    display: block;
    font: 500 calc(20rem/16)/calc(24/20) var(--special-font); /* increased to 20px */
    letter-spacing: 3px;
    text-transform: uppercase;
}

.eyebrow.small {
    font-size: calc(11rem/16);
    letter-spacing: 1.9px;
    line-height: calc(16/11);
}

.pill,
.pill.purple.link a,
.post-meta li a {
    background: var(--gray-light);
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--black);
    display: inline-block;
    font: 500 calc(11rem/16)/calc(16/11) var(--special-font);
    letter-spacing: -.1px;
    padding: 3px 12px;
    text-transform: uppercase;
}

.pill.marine {
    background: var(--marine-blue);
    border-radius: 13px;
    font: 500 calc(13rem/16)/calc(16/13) var(--special-font);
    padding: 4px 15px 6px;
}

.pill.plain {
    background: none;
    border-radius: 0;
    padding: 0;
}

.pill.outline {
    background: none;
    border-color: var(--purple);
    color: var(--purple);
}

.pill.outline.marine {
    border-color: var(--marine-blue);
    border-radius: 11px;
    color: var(--black);
    padding: 2px 8px 3px;
}

.pill.purple,
.pill.purple.link a,
.post-meta li a {
   background: var(--purple);
   border: none;
   border-radius: 11px;
   color: var(--white);
}

.pill.purple.link a:hover,
.post-meta li a:hover {
    color: var(--white);
    opacity: .6;
}

.tab {
    font: 500 calc(18rem/16)/calc(20/18) var(--heading-font);
    letter-spacing: 1px;
}

.timestamp {
    color: var(--purple);
    font: calc(12rem/14)/calc(14/12) var(--special-font);
    letter-spacing: .4px;
}

header, 
section, 
footer,
article {
    width: 100%;
}

.container {
    clear: both;
    margin: 0 auto; 
    max-width: var(--container-max-width);
    padding: 0 var(--container-outer-padding);
    position: relative;
    width: var(--container-width); /*Based off 1200 Sketch files*/
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: var(--grid);
}

.accessibility,
.gform_wrapper .gfield_label,
.gform_wrapper .hidden_sub_label,
.gform_wrapper legend,
#activation-login .login-username label,
#activation-login .login-password label {
    backface-visibility: hidden;
    left: -999999999px;
    opacity: 0;
    position: absolute;
}

.image-zoom {
    overflow: hidden;
}

.image-zoom > img,
.image-zoom > picture {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: all .25s ease;
    width: 100%;
}

.mobile-only {
    display: none;
}

/***Carousels***/

.carousel,
.slick-list,
.slide,
.slick-track {
    height: 100%;
}

.carousel {
    overflow: hidden;
}

.slick-track {
    display: flex;
}

/***Buttons***/

.btn,
.e2pdf-download {
    background: linear-gradient(270deg, #71125F 0%, var(--purple) 100%);
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    font: 500 calc(14rem/16)/calc(16/14) var(--special-font);
    letter-spacing: .1px;
    padding: 16px 28px;
    position: relative;
    z-index: 2;
}

.btn:before,
.e2pdf-download:before,
.testimonials-carousel .slick-arrow:before,
.testimonials-carousel .slick-arrow:focus-visible,
.text-media .media-container .video-button .play-button:before,
.careers-video-carousel .play-button:before,
.popup .close-popup:before {
    background: var(--purple);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transform-origin: right center;
    transition: all .25s ease;
    width: 100%;
    z-index: -1;
}

.btn:hover,
.e2pdf-download:hover {
    color: var(--white);
}

.btn:hover::before,
.e2pdf-download:hover::before,
.testimonials-carousel .slick-arrow:hover:before,
.text-media .media-container .video-button:hover .play-button:before,
.featured-article .text-container:hover .btn:before,
.careers-video-carousel a:hover .play-button:before,
.popup .close-popup:hover:before {
    transform: scale(0,1);
}

.btn.secondary {
    padding: 12px 28px;
}

.btn.tertiary {
    font-size: calc(13rem/16);
    font-weight: 400;
    letter-spacing: .1px;
    line-height: calc(16/13);
    padding: 6px 15px 8px;
}

.btn.outline {
    background: var(--white);
    border-color: var(--purple);
    color: var(--purple);
}

.btn.outline:hover {
    background: var(--purple);
    color: var(--white);
}

.btn.plain,
.demo-form .form a {
    background: none;
    border: none;
    color: var(--purple);
    padding: 0;
}

.btn.plain:hover,
.demo-form .form a:hover {
    color: var(--black);
}

.btn.plain.text.white,
.btn.plain.text.white:hover {
    color: var(--white);
}

.btn.plain.black,
.btn.plain.black:hover,
.btn.plain.text,
.btn.plain.text:hover {
    color: var(--black);
}

.btn.plain.text,
.lesson-info article p a,
.lesson-info article ul:not(.share-post) a,
.lesson-info article ol a,
.demo-form .form a {
    position: relative;
}

.btn.plain.text:before,
.lesson-info article p a:before,
.lesson-info article ul:not(.share-post) a:before,
.lesson-info article ol a:before,
.demo-form .form a:before {
    background: var(--purple);
    bottom: -4px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: unset;
    transform: unset;
    transition: all 0.25s ease;
    width: 100%;
}

.btn.plain.text.white:before {
    background: var(--white);
}

.btn.plain.text:hover:before,
.btn.plain.text.white:hover:before,
.lesson-info article p a:hover:before,
.lesson-info article ul:not(.share-post) a:hover:before,
.lesson-info article ol a:hover:before,
.btn-hover:hover .btn.plain.text:before,
.demo-form .form a:hover:before {
    bottom: -2px;
}

.btn.plain .icon {
    align-items: center;
    background: var(--purple);
    border-radius: 5px;
    color: var(--white);
    display: inline-flex;
    font-size: calc(12rem/16);
    height: 22px;
    justify-content: center;
    margin-left: 8px;
    min-width: 22px;
    transition: all .25s ease;
    vertical-align: -1px;
    width: 22px;
}

.btn.plain.white .icon {
    background: var(--white);
    color: var(--black);
}

.btn.plain:hover .icon,
.btn.gray:hover svg,
.btn-hover:hover .btn.plain .icon {
    transform: translateX(5px);
}

.btn.plain:before,
.btn.gray:before {
    display: none;
}

.btn.gray,
.btn.gray:hover {
    background: #F0F4F5;
}

.btn.gray svg {
    color: var(--purple);
    margin-left: 10px;
    transition: all .25s ease;
}

/***New Buttons***/

/*Primary Button*/

.btn.new-primary,
.btn.new-secondary {
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
    border: none;
    border-radius: 0;
    color: var(--white);
    font: 500 calc(16rem / 16)/calc(22/16) var(--heading-font);
    height: auto;
    justify-content: center;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
}

.btn.new-primary {
    align-items: center;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 130px;
}

/*Secondary Button*/

.btn.new-secondary {
    border-radius: 0;
    font-size: calc(16rem / 16);
    line-height: calc(26 / 16);
    margin: 10px 0 0;
    padding: 11px 25px;
    text-transform: uppercase;
}

/*Tertiary Button*/

.btn.new-tertiary {
    align-items: center;
    background: none;
    border: none;
    border-radius: 0;
    color: var(--dark-black);
    display: flex;
    flex-direction: row-reverse;
    font: 500 calc(16rem / 16)/calc(22 / 16) var(--heading-font);
    letter-spacing: 0.43px;
    padding: 0;
    width: max-content;
}

.btn.new-tertiary:before {
    aspect-ratio: 1 / 1;
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
    content: '';
    display: inline-block;
    height: auto;
    left: unset;
    margin: 0 0 0 10px;
    position: relative;
    top: unset;
    transform: unset;
    transform-origin: unset;
    width: 24px;
}

.btn.new-tertiary:after {
    background: url(svgs/arrow-right-rounded.svg) no-repeat;
    background-size: 100%;
    content: '';
    height: 9px;
    position: absolute;
    right: 7px;
    top: 7px;
    transition: all 0.25s ease;
    width: 10px;
}

.btn.new-tertiary:hover:before,
.btn.new-tertiary:hover:after,
.btn-hover:hover .btn.new-tertiary:before,
.btn-hover:hover .btn.new-tertiary:after {
    transform: translateX(5px);
}

.btn.new-tertiary.white,
.btn.new-tertiary.white:hover {
    color: var(--white);
}

/*Arrow Button*/

.btn.arrow-btn-large {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
}

.btn.arrow-btn-large:before {
    content: unset;
}

.btn.arrow-btn-large svg #Background-Hover {
    transform: translateY(-100%);
    transition: all 0.25s ease;
}

.btn.arrow-btn-large:hover svg #Background-Hover {
    transform: translateX(0);
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

/*** Header ***/

header.main-header {
    border-bottom: none;
    padding: 16px var(--container-outer-padding);
}

header.main-header .container {
    padding: 0;
}

header.main-header .flex-container {
    align-items: center;
}

header.main-header .logo {
    height: 42px;
    width: auto;
}

header.main-header .logo img {
    height: 100%;
}

/***Mega Menu***/

header .back {
    display: none;
}

header .mega-menu {
    align-items: center;
    display: flex;
    gap: 50px;
}

header .mega-menu a.parent {
    color: var(--black);
    font: 500 calc(16rem / 16)/calc(22 / 16) var(--heading-font);
    letter-spacing: 0.5px;
    padding: 0 0 30px;
    position: relative;
    text-transform: uppercase;
}

header .mega-menu a.parent:hover {
    color: var(--purple);
}

header .mega-menu a.parent.btn.new-secondary {
    color: var(--white);
    margin: 0;
    padding: 11px 25px;
}

header .mega-menu a.parent.has-child {
    padding-right: 12px;
}

header .mega-menu a.parent.has-child.active {
    color: var(--purple);
}

header .mega-menu a.parent.has-child:before {
    background: url(svgs/dropdown-purple.svg) no-repeat;
    background-size: 100%;
    content: '';
    height: 5px;
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.25s ease;
    width: 8px;
}

header .mega-menu a.parent.has-child.active:before {
    transform: scaleY(-1);
}

header .mega-sub {
    background: var(--white);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 16px);
    transition: all 0.25s ease;
    visibility: hidden;
    z-index: 1000;
}

header .mega-sub:hover,
header .parent:hover + .mega-sub {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

header .mega-sub .menu-link {
    color: var(--gray-dark);
    font: 500 calc(16rem / 16)/calc(22 / 16) var(--heading-font);
    letter-spacing: 0.43px;
    position: relative;
}

header .mega-sub .menu-link:hover {
    color: var(--black);
}

header .mega-sub .menu-link:before {
    background: url(svgs/arrow-purple-small.svg) no-repeat;
    background-size: 100%;
    bottom: 5px;
    content: '';
    height: 9px;
    left: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.25s ease;
    width: 11px;
}

header .mega-sub .menu-link:hover:before {
    opacity: 1;
    transform: translate3d(5px, 0, 0);
}

header .menu-cta {
    background: var(--gray-light-fifty);
    height: max-content;
    margin: 0 0 0 10px;
    padding: 58px 48px 70px;
    text-align: center;
    top: 0;
}

header .menu-cta p {
    font-family: var(--heading-font);
    font-weight: 500;
    margin: 0 0 12px;
}

header .menu-cta .btn {
    text-transform: uppercase;
}

header .mega-menu a.mobile-only {
    display: none;
}

/*WPML*/

header.main-header .languages {
    margin: 0 -10px;
}

header.main-header .languages .wpml-ls-legacy-dropdown {
    width: max-content;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    z-index: 1000;
}

header.main-header .languages .wpml-ls-sub-menu {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

header.main-header .languages a {
    border: none;
    color: var(--gray-dark);
    font: 500 calc(16rem / 16)/calc(22 / 16) var(--heading-font);
    padding-right: 22px;
    text-transform: uppercase;
}

header.main-header .languages .wpml-ls-first-item > a {
    background-color: inherit;
}

header.main-header .languages .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    background: url(svgs/dropdown-gray-dark.svg) no-repeat;
    background-size: 100%;
    border: unset;
    border-top: unset;
    bottom: 14px;
    content: '';
    display: unset;
    height: 5px;
    position: absolute;
    right: 10px;
    top: unset;
    transition: all 0.25s ease;
    vertical-align: unset;
    width: 8px;
}

header.main-header .languages img {
    display: none;
}

header.main-header .languages .wpml-ls-native {
    margin-left: 0;
}

/*Plain Dropdown*/

header .mega-menu li.plain-dropdown {
    position: relative;
}

header .mega-sub.menu-plain-dropdown {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    left: -30px;
    min-width: 180px;
    padding: 30px;
    width: max-content;
}

header .mega-sub.menu-plain-dropdown li {
    display: flex;
}

header .mega-sub.menu-plain-dropdown li:not(:last-child) {
    margin-bottom: 20px;
}

button.mobile-menu {
	display: none;
}

/*Three Columns*/

header .mega-sub.menu-three-column {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    left: calc(-1 * var(--container-outer-margin));
    max-width: unset;
    padding: 24px 0 0 var(--container-outer-margin);
    width: 100vw;
}

header .mega-sub.menu-three-column .img-container {
    width: calc(391 / 1368 * 100%);
}

header .mega-sub.menu-three-column img,
header .mega-sub.menu-three-column video {
    aspect-ratio: 391 / 226;
    object-fit: cover;
    width: 100%;
}

header .mega-sub.menu-three-column .lists {
    width: 100%;
}

header .mega-sub.menu-three-column .lists.condense {
    width: calc(574 / 1368 * 100%);
}

header .mega-sub.menu-three-column .lists > ul {
    display: grid;
    gap: calc(100 / 992 * 100%);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

header .mega-sub.menu-three-column .lists.condense > ul {
    align-content: space-between;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px;
    grid-template-columns: unset;
    height: 300px;
    margin: 0 0 26px;
}

header .mega-sub.menu-three-column .lists > ul > li {
    width: 100%;
}

header .mega-sub.mega-sub.menu-three-column .lists.condense > ul > li {
    height: max-content;
    width: calc(269 / 574 * 100%);
}

header .mega-sub.menu-three-column .column-title {
    border-bottom: 1px solid var(--gray-light-fifty);
    color: var(--gray-dark);
    font: 500 calc(10rem / 16)/calc(16 / 10) var(--special-font);
    letter-spacing: 1.4px;
    margin: 0 0 11px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

header .mega-sub.menu-three-column .lists.condense,
header .mega-sub.menu-three-column .menu-cta {
    margin: 0 0 0 74px;
}

header .mega-sub.menu-three-column .menu-cta.condense {
    width: calc(278 / 1368 * 100%);
}

/*Four Callouts*/

header .mega-sub.menu-four-callouts {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 30px;
    left: calc(-1 * var(--container-outer-margin));
    max-width: unset;
    padding: 24px 0 0 var(--container-outer-margin);
    width: 100vw;
}

header .mega-sub.menu-four-callouts li {
    flex: 0 1 100%;
}

/* header .mega-sub.menu-four-callouts .menu-cta {
    flex-shrink: 0;
} */

header .mega-sub.menu-three-column .menu-cta ul,
header .mega-sub.menu-four-callouts .menu-cta ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    width: max-content;
}

header .mega-sub.menu-four-callouts .column-title {
    color: var(--gray-dark);
    font: 500 calc(10rem / 16)/calc(16 / 10) var(--special-font);
    letter-spacing: 1.4px;
    margin: 0 0 6px;
    text-transform: uppercase;
    width: 100%;
}

header .mega-sub.menu-four-callouts .combine-with-prev .column-title {
    display: none;
}

header .mega-sub.menu-four-callouts .callout {
    color: var(--black);
    display: block;
    padding: 12px 0 0;
    position: relative;
}

header .mega-sub.menu-four-callouts .callout:before {
    background: var(--gray-light-fifty);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

header .mega-sub.menu-four-callouts .combine-with-prev .callout {
    margin: 22px 0 0;
}

header .mega-sub.menu-four-callouts .combine-with-prev .callout:before {
    left: -30px;
    width: calc(100% + 30px);
}

header .mega-sub.menu-four-callouts .callout p {
    font: 500 calc(11rem / 16)/calc(16 / 11) var(--special-font);
    letter-spacing: -0.1px;
    margin: 6px 0 10px;
}

header .mega-sub.menu-four-callouts .callout a {
    color: var(--black);
    display: block;
    font: 600 calc(11rem / 16)/calc(16 / 11) var(--special-font);
    margin-top: 10px;
    padding: 0 16px 0 0;
    position: relative;
    width: fit-content;
}

header .mega-sub.menu-four-callouts .callout a:last-of-type {
    margin-bottom: 40px;
}

header .mega-sub.menu-four-callouts .callout a:before {
    background: url(svgs/arrow-purple-small.svg) no-repeat;
    background-size: 100%;
    bottom: 3px;
    content: '';
    height: 9px;
    position: absolute;
    right: 0;
    transition: all 0.25s ease;
    width: 11px;
}

header .mega-sub.menu-four-callouts .callout a:hover:before {
    transform: translateX(5px);
}

/***Five Callouts***/

header .mega-sub.menu-four-callouts.menu-five-callouts {
    padding: 24px var(--container-outer-padding) 0;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

.new-footer {
    background: var(--dark-black);
    color: var(--white);
    padding: 80px 0 40px;
}

.new-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*Intro*/

.new-footer .intro {
    grid-column: span 3;
    position: relative;
}

.new-footer .intro:after {
    background: var(--gray-dark);
    content: '';
    height: 100%;
    position: absolute;
    right: -14px;
    top: 0;
    width: 1px;
}

.new-footer .intro .logo {
    display: block;
    margin-bottom: 50px;
    width: 185px;
}

.new-footer .intro h3 {
    margin-bottom: 13px;
    max-width: 164px;
}

.new-footer .intro .new-tertiary {
    padding-right: 24px;
}

.new-footer .intro .new-tertiary:before {
    display: none;
}

/*Menu Links*/

.new-footer .menu-footer-new {
    display: grid;
    gap: var(--gap);
    grid-column: 5 / span 6;
    grid-template-columns: repeat(3,1fr);
}

.new-footer .menu:not(.menu-footer-legal) > li,
.new-footer .menu:not(.menu-footer-legal) ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: calc(22/16);
}

.new-footer .menu:not(.menu-footer-legal) a {
    font: 500 calc(14rem/16)/calc(24/14) var(--special-font);
    letter-spacing: .2px;
}

.new-footer .menu:not(.menu-footer-legal) a:hover {
    text-decoration: underline;
}

.new-footer .menu:not(.menu-footer-legal) > li > a,
.new-footer .menu:not(.menu-footer-legal) > li > a:hover {
    color: #939393;
    text-transform: uppercase;
}

.new-footer .menu li > a[href="#"] {
    pointer-events: none;
}

.new-footer .menu:not(.menu-footer-legal) ul a,
.new-footer .menu:not(.menu-footer-legal) ul a:hover,
.new-footer .social a {
    color: var(--white);
}

.new-footer .social .downloads svg {
    margin-right: 10px;
}

.new-footer .social .downloads ul {
    margin-bottom: 30px;
}

.new-footer .social .social-icons {
    align-items: center;
    flex-direction: row !important;
    gap: 40px !important;
    justify-content: start;
}

.new-footer .social .social-icons a,
.new-footer .social a svg {
    color: var(--white);
    font-size: calc(20rem/16);
}

.new-footer .social a svg {
    min-width: 16px;
}

.new-footer .social .social-icons a:hover {
    opacity: .5;
}

/*Social Links*/

.new-footer .social {
    grid-column: span 2;
}

/*Bottom Content*/

.new-footer .bottom-content {
    align-items: center;
    gap: 20px;
    grid-column: 1 / -1;
    margin-top: 44px;
}

.new-footer .bottom-content p.pill {
    color: var(--text-gray);
    margin: 0;
}

.new-footer .bottom-content ul {
    display: flex;
    gap: 30px;
}

.new-footer .bottom-content a {
    color: var(--text-gray);
    font: 500 calc(11rem/16)/calc(16/11) var(--special-font);
    letter-spacing: .16px;
}

.new-footer .bottom-content a:hover {
    color: var(--text-gray);
    text-decoration: underline;
}

/***************************************************************************************************************************************************************************************/

/*DASHBOARD PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.dashboard-hero {
    padding: 104px 0 178px;
}

.dashboard-hero article {
    align-self: center;
    grid-column: span 6;
}

.dashboard-hero h1 {
    margin-bottom: 22px;
}

.dashboard-hero p {
    color: var(--gray-dark);
    margin-bottom: 40px;
}

.video-carousel.carousel-container {
    grid-column: span 6;
    margin-left: 40px;
    width: calc(100% - 40px + var(--container-outer-padding) + var(--container-outer-margin));
}

.video-carousel.carousel-container .carousel {
    overflow: visible;
    position: relative;
    width: 100%;
}

.video-carousel.carousel-container .carousel .slick-list {
    overflow: hidden;
}

.video-carousel.carousel-container .carousel img,
.video-carousel.carousel-container .carousel .video-container,
.video-carousel.carousel-container .carousel video {
    aspect-ratio: 660 / 372;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    width: 100%;
}

.video-carousel.carousel-container .carousel .slick-arrow {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    top: calc(100% + 20px);
}

.video-carousel.carousel-container .carousel .slick-prev {
    right: 48px;
}

.video-carousel.carousel-container .carousel .slick-next {
    right: 20px;
}

.video-carousel.carousel-container .carousel .slick-arrow svg {
    width: 18px;
}

.video-carousel.carousel-container .carousel .slick-arrow svg path {
    fill: var(--purple);
}

.video-carousel.carousel-container .carousel .slick-dots {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(100% + 25px);
}

.video-carousel.carousel-container .carousel .slick-dots button {
    background: var(--purple);
    border: none;
    border-radius: 2px;
    height: 6px;
    padding: 0;
    position: relative;
    text-indent: -999999px;
    width: 6px;
}

.video-carousel.carousel-container .carousel .slick-dots button:hover,
.video-carousel.carousel-container .carousel .slick-dots .slick-active button {
    background: var(--blue);
}

.video-carousel.carousel-container .carousel .slick-dots .slick-active button {
    height: 4px;
    width: 4px;
}

.video-carousel.carousel-container .carousel .slick-dots .slick-active button:before {
    border: 1px solid var(--blue);
    border-radius: 2px;
    content: '';
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
}

/***Certification***/

.certification {
    margin-bottom: var(--module-spacing-large);
}

.certification .container:before {
    background: var(--white);
    border-radius: 10px;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - var(--container-outer-padding));
    z-index: -1;
}

.certification .images {
    grid-column: span 6;
    left: calc(var(--offset) * -1);
    position: relative;
}

.certification .images img:nth-of-type(1) {
    border-radius: 10px 0 0 10px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.certification .images img:nth-of-type(2) {
    min-width: 287px;
    position: absolute;
    right: -62px;
    top: 104px;
    width: calc(286/577*100%);
}

.certification article {
    align-self: center;
    grid-column: span 6;
    padding: var(--module-spacing-small) 40px var(--module-spacing-small) 20px;
    position: relative;
    z-index: 2;
}

.certification h2 {
    margin-bottom: 17px;
}

.certification h2 .eyebrow {
    margin-bottom: 13px;
}

/***Courses***/

.course-listings {
    margin-bottom: var(--module-spacing-large);
}

.course-listings h2 {
    padding: 0 0 140px 53px;
    position: relative;
}

.course-listings h2:before,
.course-listings h2:after,
.course-listings .courses > li:before,
.course-listings article:after {
    content: '';
    position: absolute;
}

.course-listings h2:before,
.course-listings .courses > li:before {
    background: linear-gradient(to bottom, var(--gray-blue) 0%, #F4F4F4 100%);
    height: calc(100% + 123px);
    left: 16px;
    top: 56px;
    width: 1px;
}

.course-listings h2:after,
.course-listings article:after {
    background: var(--purple);
    border-radius: 4px;
    height: 13px;
    left: 10px;
    top: 31px;
    width: 13px;
}

/*Modules*/

.course-listings ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.course-listings .courses {
    grid-column: span 6;
}

.course-listings .courses > li {
    margin-bottom: 123px;
    position: relative;
    scroll-margin-top: 50px;
}

.course-listings .courses > li:before {
    height: calc(100% - 28px);
    top: 28px;
}

.course-listings .courses li:last-child::before {
    height: calc(100% - 45px);
}

.course-listings article {
    min-height: 80vh;
    padding: 0 0 0 53px;
    position: relative;
}

.course-listings .courses > li:last-of-type article {
    height: auto;
}

.course-listings article:after {
    top: 16px;
}

.course-listings li:first-child article {
    margin-top: 123px;
}

.course-listings h3 {
    margin-bottom: 8px;
}

/*Lessons*/

.course-listings .courses ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 60px;
}

.course-listings .courses ul a {
    color: var(--black);
    flex-wrap: nowrap;
    padding: 12px 0 12px 52px;
    position: relative;
    z-index: 2;
}

.course-listings .courses ul a:before,
.lesson-info aside li a:before {
    align-items: center;
    background: var(--gray-light);
    content: '';
    height: 100%;
    left: -20px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .25s ease;
    width: calc(100% + 40px);
    z-index: -1;
}

.course-listings .courses ul a:hover::before,
.lesson-info aside li a:hover::before {
    opacity: 1;
}

.course-listings .courses ul a .icon,
.course-listings .heading-5 .icon,
.lesson-info aside a .icon {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);  
}

.course-listings .courses ul a.pending:hover .icon,
.lesson-info aside a.pending:hover .icon {
    border-color: #C6D1D5;
}

.course-listings .grid .fa-arrow-right-long,
.lesson-info aside a .fa-arrow-right-long {
    align-self: start;
    color: var(--purple);
    flex-shrink: 0;
    font-size: calc(18rem/16);
    margin-top: 6px;
  }

.course-listings .courses ul a:hover .fa-arrow-right-long {
    background: var(--purple);
    border-radius: 5px;
    color: var(--white);
    height: 26px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 26px;
    z-index: 2;
}

.course-listings .courses ul a .wp-post-image {
    border-radius: 8px;
    bottom: 10px;
    height: 102px;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    right: -77px;
    transition: all .25s ease;
    width: 180px;
}

.course-listings .courses ul a:hover .wp-post-image {
    opacity: 1;
}

/*Status*/

.course-listings .flex-container {
    align-items: center;
    gap: 20px;
}

.course-listings .heading-5 {
    position: relative;
}

.course-listings .heading-5 span {
    display: block;
    margin-top: 6px;
}

.course-listings .grid a.pending .icon,
.course-listings .pending .heading-5 .icon {
    border: 1px solid var(--gray-blue);
}

.course-listings .heading-5 .icon {
    background: var(--off-white);
    left: -53px;
    top: 2px;
    transform: none;
    z-index: 2;
}

/***Sticky Images***/

.sticky-image-container {
    position: relative;
}

.course-listings .sticky-images {
    align-self: stretch;
    grid-column: 8 / span 5;
    height: 97%;
    position: absolute;
    right: calc(var(--offset) * -1);
    top: 8%;
    width: calc(100% + var(--offset));
}

.course-listings .sticky-image-inner {
    height: 0;
	  padding-top: 130%;
	  position: sticky;
	  top: 50%;
    transform: translate3d(0,-50%,0);
	  width: 100%;
}

.course-listings .sticky-images img {
    height: 100%;
	  left: 0;
	  object-fit: cover;
	  opacity: 0;
	  position: absolute;
	  top: 0;
	  transition: .4s cubic-bezier(.25,.1,.25,1);
	  visibility: hidden;
	  width: 100%;
}

.course-listings .sticky-images img.visible {
	 opacity: 1;
	 visibility: visible;
}

/***Growing Lines***/

.course-listings .jazzy-dashline {
    height: calc(100% + 123px);
    left: 16px;
    position: absolute;
    top: 28px;
    z-index: 2;
}

.course-listings h2 .jazzy-dashline {
    height: calc(100% + 128px);
    top: 38px;
}

.course-listings .courses > li:last-child .jazzy-dashline {
    height: calc(100% - 48px);
}

.course-listings .jazzy-dashline svg {
    height: 100%;
    width: 2px;
}


/***************************************************************************************************************************************************************************************/

/*CALCULATOR PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-calculator {
    background: var(--white);
}

.calculator {
    background: linear-gradient(180deg, #FFFFFF 0%, #E2E9EC 100%);
    padding: 30px 0 0;
}

.calculator .container.grid {
    row-gap: 0;
}

/***Intro***/

.calculator article {
    color: var(--white);
    grid-column: 1 / -1;
    padding: var(--module-spacing-small) 0 100px;
    position: relative;
    z-index: 2;
}

.calculator article:before {
    background: var(--dark-black);
    content: '';
    height: 100%;
    left: 50%;
    margin: 0 -50vw;
    position: absolute;
    right: 50%;
    top: 0;
    width: 100vw;
    z-index: -1;
}

.calculator__type {
    grid-column: 1 / -1;
}

.calculator .calculator__type {
  display: flex;
  gap: 24px;
  justify-content: flex-start;
}

.calculator__type label {
  border-bottom: 2px solid transparent;  
  font: calc(14rem / 16)/calc(24/14) var(--special-font);
  letter-spacing: .2px;
  text-transform: uppercase;
}

.calculator__type label.selected {
  border-bottom: 2px solid var(--marine-blue);
  color: var(--white);
}

.calculator__type input {
  opacity: 0;
  position: absolute;
  width: 0px;
}

.calculator article h1 {
    grid-column: span 6;
}

.calculator article h1 span {
    color: var(--marine-blue);
}

.calculator article h1 + div {
    grid-column: span 6;
    padding-top: 16px;
}

.calculator article p {
    font-weight: 500;
    margin: 0;
}

/***Form***/

.calculator fieldset,
.calculator label,
.calculator__results-disclaimer {
    color: var(--gray-dark);
}

.calculator__inputs {
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  padding: 100px 0 var(--module-spacing-medium);
}

.calculator__inputs > * {
  margin: 0 0 14px;
}

.calculator__inputs label,
.calculator__inputs legend,
.calculator__inputs .note {
  display: flex;
  flex-direction: column;
  font-size: calc(11rem / 16);
}

.calculator__inputs legend,
.calculator__inputs .note {
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: calc(16/11);
    margin-bottom: 6px;
}

.calculator__inputs label > div:first-of-type,
.calculator__inputs label > select:first-of-type {
    margin-top: 10px;
}

.calculator__inputs fieldset label > div:first-of-type {
    margin-top: 0px;
}

.calculator__inputs fieldset label {
    color: var(--black);
    font-size: 1rem;
    letter-spacing: .2px;
    line-height: calc(28/16);
}

.calculator__inputs label input[type=number] {
    color: #888;
    text-align: center;
}

.calculator__inputs label input[type=number],
.calculator__inputs select,
.calculator__inputs option,
.calculator__inputs button {
  align-items: center;
  border: none;
  display: flex;
  font-family: var(--body-font);
  font-size: calc(16rem / 16);
  justify-content: center;
  line-height: 25px;
  width: 100%;
}

.calculator__inputs select {
  appearance: none;
  background: url('svgs/dropdown-purple.svg') calc(100% - 15px) center no-repeat var(--white);
  border: 1px solid var(--gray-light);
  border-radius: 0px;
  height: 50px;
  padding: 0 30px 0 15px;
}

.calculator__inputs select:focus {
    border-color: var(--purple);
}

.calculator__inputs label input[type=number] {
    color: var(--black);
    height: 26px;
    padding: 0;
}

#calculator .number-wrapper {
    background: var(--white);
    border: 1px solid var(--gray-light);
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 30px 1fr 30px;
    padding: 12px 15px;
    position: relative;
    z-index: 2;
}

#calculator .number-wrapper:before {
    border: 1px solid var(--purple);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#calculator .number-wrapper:focus-within::before {
    opacity: 1;
}

/* remove arrows from number input */
#calculator .number-wrapper input::-webkit-outer-spin-button,
#calculator .number-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#calculator .number-wrapper input {
    -moz-appearance: textfield;
    border: none;
}

#calculator .number-wrapper input:focus,
.calculator__inputs select:focus {
    border: none;
    outline: none;
}

button.calculator__number-control {
    align-items: start;
    background: var(--gray-light);
    color: var(--black);
    font-size: calc(16rem / 10);
    font-weight: 300;
    height: 26px;
    line-height: 0;
    padding: 11px 0 0;
    width: 26px;
}

#calculator .number-wrapper:focus-within button.calculator__number-control {
    background: var(--purple);
    color: var(--white);
}

.calculator .error {
  color: red;
}

.calculator fieldset {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.calculator legend {
  margin-left: 0px;
}

.calculator fieldset label {
  flex-direction: row;
}

.calculator__inputs .note {
    color: var(--gray-dark);
    margin-bottom: 40px;
}

.calculator__inputs .calculator__submit {
    margin-bottom: 24px;
    max-width: max-content;
}

.calculator__clear {
  cursor: pointer;
  max-width: max-content;
  text-transform: uppercase;
}

.calculator__submit.inactive {
  opacity: .5;
  pointer-events: none;
}

/*Material Radio*/

.calculator__inputs fieldset#materialType {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
    justify-content: start;
    margin-bottom: 24px;
}

.calculator__inputs label + fieldset#materialType {
    margin-top: 10px;
}

.calculator__inputs fieldset#materialType legend {
    width: 100%;
}

.calculator__inputs fieldset#materialType label > div {
    padding-left: 24px;
    position: relative;
}

.calculator__inputs fieldset#materialType label > div:before,
.calculator__inputs fieldset#materialType label > div:after {
    content: '';
    position: absolute;
}

.calculator__inputs fieldset#materialType label > div:before {
    background: var(--white);
    border: 1px solid #C9CBCC;
    height: 16px;
    left: 0;
    top: 6px;
    width: 16px;
}

.calculator__inputs fieldset#materialType label > div:after {
    background: var(--white);
    height: 8px;
    left: 5px;
    top: 11px;
    width: 8px;
}

.calculator__inputs fieldset#materialType label > input[type=radio]:checked + div:before {
    border-color: var(--purple);
}

.calculator__inputs fieldset#materialType label > input[type=radio]:checked + div:after {
    background: var(--purple);
}

/***Results***/

.calculator__results {
    grid-column: 8 / span 5;
    padding: 125px 0 var(--module-spacing-medium);
    position: relative;
    z-index: 2;
}

.calculator__results:before {
    background: var(--white);
    content: '';
    height: 100%;
    position: absolute;
    right: var(--viewport-edge);
    top: 0;
    width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin) + 143px);
    z-index: -1;
}

.calculator__results h3 {
    margin-bottom: 23px;
}

.calculator__results ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.calculator__results li {
    display: flex;
    font: 300 calc(20rem/16)/calc(30/20) var(--special-font);
    gap: 5px;
    letter-spacing: -1px;
    justify-content: space-between;
}

.calculator__results li span {
    font-weight: 500;
    width: 50%;
}

.calculator__results-disclaimer.pill.text.plain {
    border-top: 1px solid rgba(114,114,144,.15);
    margin: 36px 0 0;
    padding-top: 16px;
    text-transform: none;
}

/* Diagram */

.diagram {
    margin-top: 60px;
}

/***************************************************************************************************************************************************************************************/

/*EMISSIONS CALCULATOR PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-emissions-calculator {
    background: #f6f7f7;
}

.page-template-page-emissions-calculator main {
    overflow: hidden;
}

.page-template-page-emissions-calculator .container.calc-container {
	padding: 24px;
	max-width: unset;
	width: 100%;
}

.emissions-calculator__hero {
    background-color: var(--dark-black);
    background-position: center;
    background-size: cover;
    color: var(--white);
    margin-top: 30px;
    padding: var(--module-spacing-small) 0 106px;
}

.emissions-calculator__hero article {
    align-items: end;
}

.emissions-calculator__hero h1,
.emissions-calculator__hero p {
    grid-column: span 6;
}

.emissions-calculator__hero h1.full-width {
    grid-column: span 12;
    line-height: calc(88 / 64);
}

.emissions-calculator__hero p {
    font-size: calc(23rem/16);
    font-weight: 500;
    line-height: calc(30/20);
    margin: 0;
    filter: drop-shadow(0 0 6px black);
}

.emissions-calculator__hero h1 span {
    color: var(--marine-blue);
    margin-bottom: 20px;
}

.container.calc-container {
    background-color: #f6f7f7;
    padding: 24px 24px 32px;
}

.emissions-calculator {
    display: grid;
    grid-auto-flow: row;
    height: 711px;
}

.emissions-calculator__container {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(12, 1fr);
}

.emissions-calculator__tabs,
.emissions-calculator__content {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(33, 34, 36, 0.1);
    padding: 100px 0;
}

.emissions-calculator__row fieldset {
    margin-bottom: 42px;
}

.emissions-calculator__row fieldset fieldset {
    margin-bottom: unset;
}

.emissions-calculator__row fieldset .options {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
}

.emissions-calculator__tabs {
    /* background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E9EC 50%, #FFFFFF 115%); */
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-column: span 2;
    list-style: none;
    margin: 0;
    padding: 32px 24px;
}

.emissions-calculator__tabs > li {
    color: #64676b;
    cursor: pointer;
    font: 400 calc(16rem/16) / calc(24/14) var(--heading-font);
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.emissions-calculator__tabs > .disabled {
    display: none;
    opacity: .5;
    pointer-events: none;
}

.emissions-calculator__tabs > .active {
    color: #212224;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--medium-purple);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.emissions-calculator__content {
    display: flex;
    grid-column: 3 / -1;
    padding: 32px;
}

.emissions-calculator__row .btn {
    background: #2D6CCB;
    border-radius: 8px;
    font: 600 calc(16rem / 16)/calc(20/16) var(--heading-font);
    letter-spacing: 2px;
    padding: 12px 32px;
    text-transform: none;
    transition: .3s opacity;
}

.emissions-calculator__row .btn:hover {
    opacity: .8;
}

.emissions-calculator__row .btn::before {
    content: none;
}

.emissions-calculator .buttons {
    display: flex;
    gap: 60px;
    align-items: center;
}

.emissions-calculator .prev-tab,
.emissions-calculator .prev-tab.plain,
.emissions-calculator__row.results .chart-and-button a,
.emissions-calculator__row .btn.reducing-btn,
.emissions-calculator__row.results .disclaimer-link,
.emissions-calculator__row.results .print-link {
    background: transparent;
    border: none !important;
    color: #2D6CCB;
    font: 300 calc(18rem / 16)/calc(22/18) var(--heading-font);
    height: fit-content;
    padding: 0;
    position: relative;
    text-transform: none;
    cursor: pointer;
}

.emissions-calculator .prev-tab::before,
.emissions-calculator .prev-tab.plain::before,
.emissions-calculator__row.results .chart-and-button a::after,
.emissions-calculator__row.results .disclaimer-link::after,
.emissions-calculator__row.results .print-link::after {
    background: #2D6CCB;
    bottom: -4px;
    content: '';
    left: 0;
    height: 1px;
    position: absolute;
    top: unset;
    transform: unset;
    transition: all .25s ease;
    width: 100%;
}

.emissions-calculator .prev-tab:hover,
.emissions-calculator .prev-tab.plain:hover {
    color: #2D6CCB;
}

.emissions-calculator .small-label {
    color: var(--black);
    font: 500 calc(11rem/16)/calc(16/11) var(--special-font);
    letter-spacing: -.1px;
    display: block;
    margin-bottom: 14px;
}

.emissions-calculator .small-label.gray {
    color: var(--gray-dark);
}

.emissions-calculator .small-label.input-label {
    background: var(--white);
    bottom: -10px;
    color: #2D6CCB;
    font: 400 calc(14rem/16)/calc(18/14) var(--calc-font);
    left: 16px;
    margin-bottom: 0 !important;
    margin-top: -10px;
    padding: 0 5px;
    position: relative;
    width: fit-content;
    z-index: 1;
}

.emissions-calculator .small-label.input-label.gray {
    color: #212224;
}

.emissions-calculator__row input,
.emissions-calculator__row select,
.custom-select {
    background: var(--white);
    border: 2px solid #2D6CCB;
    border-radius: 8px;
    color: #212224;
    font: 400 calc(16rem/16) / calc(20/16) var(--calc-font);
    margin-bottom: 40px;
    padding: 11px 15px;
    width: 215px;
}

.emissions-calculator__row input.gray,
.emissions-calculator__row select.gray,
.custom-select.gray {
    border: 2px solid #EDEEF0;
    color: #212224;
}

.emissions-calculator__row fieldset .options.column {
	flex-direction: column;
    gap: 0;
}

.emissions-calculator__row fieldset .selection-wrapper {
    margin: 14px 0 0;
}

.emissions-calculator__row input + label:not([class])::before {
    border: 1px solid #868A8E;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 7px;
    transform: translateY(2px);
    width: 16px;
}

.emissions-calculator__row input:checked + label:not([class])::before {
    background-color: #2D6CCB;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border-color: #2D6CCB;
    box-shadow: inset 0 0 0 3px var(--white);
}

/*Custom Selects*/

.select-wrapper {
    position: relative;
}

.native-select,
.custom-select {
    height: 46px;
    position: relative;
    width: 215px;
}

.custom-select {
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

@media (hover: hover) {
    .custom-select {
        display: block;
    }

    .native-select:focus + .custom-select {
        display: none;
    }
}

.selectCustom-trigger {
    padding: 11px 15px;
}


.selectCustom-trigger::after {
    background: url('svgs/dropdown-arrow.svg') no-repeat center;
    background-size: cover;
    content: '';
    position: absolute;
    height: 5px;
    top: 0;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) scaleY(-1);
    transition: transform .3s;
    width: 8px;
}

.isActive .selectCustom-trigger::after {
    transform: translateY(-50%) scaleY(1);
}
  
.selectCustom-options {
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #EDEEF0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(33, 34, 36, 0.1);
    max-height: 126px;
    overflow: scroll;
    z-index: 1;
    padding: 0;
    top: 50px;
    display: none;
}

.selectCustom.isActive .selectCustom-options {
    display: block;
    z-index: 9;
}

.selectCustom-option {
    position: relative;
    padding: 11px 17px;
}

.selectCustom-option:hover {
    background-color: #EAF2FF;
    color: #212224;
    cursor: pointer;
    font-weight: 700;
}

/* START */

.emissions-calculator__row {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.emissions-calculator__row legend,
.emissions-calculator__row .calc-section-heading {
    color: #000;
    font: 400 calc(24rem/16) / calc(36/24) var(--heading-font);
    margin: 0 0 40px 0;
    width: 100%;
}

.emissions-calculator__row legend.small-legend {
    color: #64676B;
    font: 400 calc(18rem/16) / calc(24/18) var(--heading-font);
    margin-bottom: 14px;
}

.emissions-calculator__row.start fieldset .options {
    gap: 56px;
    flex-wrap: wrap;
}

.emissions-calculator__row fieldset .card {
    align-items: center;
    border: 1px solid var(--gray-light);
    display: flex;
    height: 240px;
    justify-content: center;
    padding: 24px;
    width: 240px;
}

.emissions-calculator__row fieldset .card:hover {
    background-color: var(--gray-light);
    border-color: var(--purple);
}

.emissions-calculator__row fieldset .card:hover span,
.emissions-calculator__row fieldset .card:hover {
    color: var(--purple);
}

.emissions-calculator__row fieldset .card:hover {
    background-color: var(--gray-light-fifty);
    border-color: var(--purple);
}

.emissions-calculator__row fieldset .card {
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(33, 34, 36, 0.1);
    color: #000;
    font-family: var(--heading-font);
    font-weight: 300;
    font-size: calc(24rem / 16);
    letter-spacing: -.15px;
    line-height: calc(32 / 24);
    text-align: center;
}

.emissions-calculator__row fieldset .card span {
    color: var(--purple);
}

.emissions-calculator__row fieldset input:checked + .card {
    background-color: #88076A;
    border-color:  #88076A;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(33, 34, 36, 0.1);
}

.emissions-calculator__row fieldset input:checked + .card span,
.emissions-calculator__row fieldset input:checked + .card {
    color: var(--white);
}

.emissions-calculator__row > button {
    align-self: flex-start;
}

/* MATERIAL */

.emissions-calculator__row.material legend {
    margin-bottom: 25px;
}

.emissions-calculator__row.material .fieldsets-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 11px;
}

.emissions-calculator__row.material fieldset .options {
    column-gap: 72px;
}

.emissions-calculator__row label {
    color: #212224;
    font: 300 calc(16rem/16) / calc(20/16) var(--heading-font);
    letter-spacing: 1px;
}

.emissions-calculator__row label span {
    font-weight: 400;
}

/* WEIGHT */

.emissions-calculator__row.weight fieldset .options {
	column-gap: 56px;
}

.emissions-calculator__row.weight fieldset > label {
    margin-bottom: 10px
}

/* ORIGIN OF PRODUCT */

.emissions-calculator__row.origin legend {
    margin-bottom: 0;
}

.emissions-calculator__row.shipping-type .options.column > label,
.emissions-calculator__row.origin .options > label,
.emissions-calculator__row.current-location .options.column > label {
    margin: 30px 0 6px;
}

.emissions-calculator__row.origin .selection-wrapper select {
    margin-bottom: 15px;
}

.emissions-calculator__row.origin label.small-label {
    margin-bottom: 10px;
}

.emissions-calculator__row.origin p.small-label {
    margin-bottom: 5px;
}

.emissions-calculator__row.origin .selection {
    margin-bottom: -6px;
}

.emissions-calculator__row.origin .selection {
    font: 500 calc(16rem/16 / calc(28/16) var(--body-font));
    letter-spacing: 0.2px;
}

/* CURRENT / DESTINATION LOCATION */
.emissions-calculator__row.current-location .selection-wrapper .options,
.emissions-calculator__row.destination input,
.emissions-calculator__row.current-location input {
    max-width: 260px;
    width: 100%;
}

.emissions-calculator__row.destination input,
.emissions-calculator__row.current-location input,
.emissions-calculator__row.current-location legend {
    margin-bottom: 0;
}

.emissions-calculator__row.current-location legend {
    margin-bottom: 17px;
}

.emissions-calculator__row.destination .options,
.emissions-calculator__row.current-location .selection-wrapper .options {
    gap: 30px;
    margin-bottom: 20px;
    min-width: max-content;
}

.emissions-calculator__row.destination legend {
	margin-bottom: 30px;
}

/* SHIPPING TYPE */

.emissions-calculator__row.shipping-type legend {
	margin-bottom: 0;
}

/* EMISSIONS REPORT */

.emissions-calculator__row.results .results-container {
    gap: 40px 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 1200px;
}

.emissions-calculator__row.results h2 {
    color: #212224;
    font: 400 calc(24rem / 16)/calc(36 / 24) var(--heading-font);
    margin-bottom: 33px;
    text-align: center;
    width: 100%;
}

.emissions-calculator__row.results > h2 {
    text-align: left;
}

.emissions-calculator__row.results .chart-and-button h2 {
    position: absolute;
    top: 0;
}

.emissions-calculator__row.results .chart-and-button {
    flex: 0 0 280px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 60px 0;
}

.emissions-calculator__row.results .chart-and-button a {
    cursor: pointer;
    display: block;
    max-width: 220px;
    width: calc(100% - 16px);
}

.emissions .btns-container {
    align-items: center;
    gap: 24px;
    margin-top: 18px;
    max-width: 350px;
}

.emissions .btn.new-secondary {
    margin-top: 35px;
    max-width: 350px;
    width: 100%;
}

.emissions-calculator__row.results .print-link {
    align-items: center;
    display: flex;
}

.emissions-calculator__row.results .print-link::before {
    background-image: url(svgs/fontawesome/light/print.svg);
    content: '';
    display: block;
    filter: invert(46%) sepia(46%) saturate(5925%) hue-rotate(203deg) brightness(84%) contrast(87%);
    height: 24px;
    margin-bottom: -7px;
    margin-right: 7px;
    width: 24px;
}

.emissions-calculator__row.results .print-link::after {
    margin-left: calc(24px + 7px);
    width: calc(100% - 24px - 7px);
}

.emissions-calculator__row.results .chart-and-button .btn {
	margin: 0 auto 20px;
}


.emissions-calculator__row.results .chart {
    margin: 0;
    max-width: 280px;
    position: relative;
    width: 100%;
}

.emissions-calculator__row.results .chart .small-label {
    text-align: center;
    text-transform: uppercase;
}

.emissions-calculator__row.results .chart .chart-label {
    color: #64676B;
    font: 300 calc(18rem / 16)/calc(22/18) var(--heading-font);
    position: relative;
    text-transform: none;
}

.emissions-calculator__row.results .chart .chart-label span {
    display: block;
    font: 600 calc(24rem / 16)/calc(30/24) var(--heading-font);
    margin-top: 7px;
}

.emissions-calculator__row.results .chart .shipping-portion {
    margin-bottom: 29px;
}

.emissions-calculator__row.results .chart .product-portion {
    margin-top: 22px;
}

.emissions-calculator__row.results .chart .shipping-portion::after,
.emissions-calculator__row.results .chart .product-portion::after {
    background-color: #000;
    bottom: -50px;
    content: '';
    display: block;
    height: 40px;
    left: calc(50% - 1px);
    margin: 3px auto 0;
    position: absolute;
    width: 1px;
}

.emissions-calculator__row.results .chart .product-portion::after {
    bottom: unset;
    top: -50px;
}

.emissions-calculator__row.results .chart canvas {
    border: 1px solid white;
    border-radius: 100%;
    width: 100%;
}

/* .emissions-calculator__row.results .emissions,
.emissions-calculator__row.results .selections {
    margin-top: 50px;
} */

.emissions-calculator__row.results .emissions {
    margin-right: 56px;
    margin-top: auto;
    max-width: fit-content;
}

.emissions-calculator__row.results .selections {
	background-color: #F6F7F7;
	height: fit-content;
	padding: 26px 31px 32px;
	width: 300px;
	max-width: 100%;
}

.emissions-calculator__row.results ul {
    display: flex;
    flex-direction: column;
    font: 400 calc(12rem/16) / calc(20/12) var(--special-font);
    gap: 17px;
    letter-spacing: 0.15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.emissions-calculator__row.results .selections ul {
    gap: 54px;
}

.emissions-calculator__row.results li {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    width: 100%;
}

.emissions-calculator__row.results .emissions ul {
    margin-bottom: 20px;
}

.emissions-calculator__row.results .emissions .total {
    font: 600 calc(48rem/16) / calc(60/48) var(--heading-font);
    letter-spacing: 1px;
    margin-bottom: 26px;
}

.emissions-calculator__row.results .emissions li {
    justify-content: start;
}

.emissions-calculator__row.results .selections li {
    justify-content: space-between;
}

.emissions-calculator__row.results .selections li span:last-of-type {
    text-align: right;
}

.emissions-calculator__row.results .selections li span:not(.value-wrapper) {
    align-items: center;
    color: #000;
    display: inline-flex;
    font: 500 calc(18rem / 16)/calc(22/18) var(--heading-font);
    letter-spacing: 1px;
}

.emissions-calculator__row.results .selections li span.value-wrapper span,
.emissions-calculator__row.results .selections li span.value {
    font: 300 calc(16rem / 16)/calc(20/16) var(--heading-font);
    letter-spacing: 1px;
}

.emissions-calculator__row.results .selections li .value {
    text-transform: capitalize;
}

.emissions-calculator__row.results .emissions li .small-label {
    color: #64676B;
    font: 500 calc(24rem / 16)/calc(30/24) var(--heading-font);
    margin-bottom: 0;
    min-width: max-content;
}

.emissions-calculator__row.results .emissions li .small-label + span {
    color: #64676B;
    font: 300 calc(24rem / 16)/calc(30/24) var(--heading-font);
}

.emissions-calculator__row .btn.reducing-btn {
    background: transparent;
    border: none;
    color: #2D6CCB;
    display: block;
    font: 300 calc(18rem / 16)/calc(22/18) var(--heading-font);
    letter-spacing: 0;
    margin-right: 32px;
    padding: 0;
    position: relative;
    text-transform: none;
    transition: .3s opacity;
    width: fit-content;
}

.emissions-calculator__row .btn.reducing-btn:hover {
    opacity: .8;
}

.emissions-calculator__row .btn.reducing-btn::before {
    background: url('svgs/learn-arrow.svg') no-repeat center;
    background-size: 100% auto;
    content: '';
    height: 22px;
    left: unset;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

.emissions-calculator__row.results li {
    gap: 5px;
}

.emissions-calculator__row.results .emissions {
    margin: auto 5px auto 0;
}

.emissions-calculator__row.results .emissions li {
    flex-direction: column;
}

.emissions-calculator__row.results .selections li {
    flex-direction: column;
    gap: 5px;
    justify-content: start;
}

.emissions-calculator__row.results .selections button {
    background-color: unset;
    border: none;
    color: #5D0549;
    padding: 0;
    text-align: right;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%;
}

.emissions-calculator__row.results .selections .small-label {
    margin-bottom: 0;
}

.emissions-calculator__row.results li span {
	width: fit-content;
}

/* Disclaimer Modal */

.disclaimer-modal {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.modal-inner {
    background-color: var(--white);
    margin: auto;
    max-width: 500px;
    width: fit-content;
    position: relative;
    padding: 50px 40px 40px;
}

.modal-inner p {
    margin: 0;
    font-family: var(--body-font);
    font-style: italic;
}

.modal-inner p a {
    color: var(--purple);
    font-weight: 400;
    text-decoration: underline;
}

.modal-inner p a:hover {
    text-decoration: none;
}

.modal-inner button {
    position: absolute;
    top: 20px;
    right: 16px;
    background: unset;
    border: unset;
    height: 16px;
    width: 16px;
}

.modal-inner button span {
	display: block;
	width: 2px;
	height: 16px;
	background-color: var(--text-gray);
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: top left;
}

.modal-inner button span:first-of-type {
    transform: rotate(45deg) translateX(-50%) translateY(-50%);
}

.modal-inner button span:last-of-type {
    transform: rotate(-45deg) translateX(-50%) translateY(-50%);
}

/* Print Report */

.emissions-calculator__row.results .print-only {
    display: none;
}

/***************************************************************************************************************************************************************************************/

/*LESSON SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Breadcrumbs***/

.course-breadcrumbs {
    padding: 30px 0 40px;
}

.course-breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.course-breadcrumbs li {
    position: relative;
    width: calc(100%/6);
}

.course-breadcrumbs li:not(:last-child):before,
.course-breadcrumbs a:after,
.course-breadcrumbs a.active:before {
    content: '';
    left: 50%;
    position: absolute;
}

.course-breadcrumbs li:not(:last-child):before {
    background: linear-gradient(to right, var(--gray-blue) 0%, #F4F4F4 100%);
    border: 4px solid var(--off-white);
    height: 1px;
    top: -1px;
    width: 100%;
}

.course-breadcrumbs a {
    color: var(--black);
    display: block;
    margin: 0 auto;
    padding-top: 19px;
    position: relative;
    text-align: center;
}

.course-breadcrumbs a:hover {
    color: var(--purple);
}

.course-breadcrumbs a:after,
.course-breadcrumbs a.active:before {
    background: var(--purple);
    border-radius: 2px;
    height: 7px;
    top: 0;
    transform: translateX(-50%);
    transition: all .25s ease;
    width: 7px;
}

.course-breadcrumbs a:hover::after,
.course-breadcrumbs a.active:after {
    background: var(--blue);
}

.course-breadcrumbs a.active:before {
    background: none;
    border: 1px solid var(--blue);
    height: 9px;
    top: -2px;
    width: 9px;
}

.course-breadcrumbs a.active:after {
    height: 5px;
    top: 1px;
    width: 5px;
}

/***Lesson Info***/

.lesson-info {
    padding-bottom: 60px;
}

/*Lesson*/

.lesson-info article {
    grid-column: span 8;
    padding-right: calc(40/784*100%);
}

.lesson-info .wp-post-image,
.video-container {
    aspect-ratio: 16/9;
    border-radius: 10px;
    margin-bottom: 40px;
    width: 100%;
}

.video-container {
    overflow: hidden;
    position: relative;
}

.video-container button {
    background: no-repeat center;
    background-size: cover;
    border: none;
    border-radius: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.video-container .eyebrow {
    align-items: center;
    background: rgba(93,5,73,.75);
    border-radius: 100%;
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 3px;
    height: 120px;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .25s ease;
    width: 120px;
}

.video-container button:hover .eyebrow {
    transform: translate(-50%,-50%) scale(1.1); 
}

.video-container .eyebrow .pill {
    color: var(--white);
    opacity: .5;
}

.video-container video,
.video-container iframe {
    aspect-ratio: 16/9;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.lesson-info h1 {
    gap: 15px;
    margin-bottom: 30px;
}

.lesson-info h1 .pill {
    margin: auto 0 8px 0;
}

.lesson-info .share-post {
    align-items: center;
    display: flex;
    gap: 18px;
    list-style: none;
    margin: 0 0 48px;
    padding: 0;
}

.lesson-info .share-post a {
    color: var(--purple);
}

.lesson-info article p {
    margin-bottom: 20px;
}

.lesson-info .share-post a:hover,
.lesson-info article p a,
.lesson-info article ul:not(.share-post) a,
.lesson-info article ol a {
    color: var(--black);
}

.lesson-info .tooltip {
    color: var(--purple);
    display: inline-block;
    font-weight: bold;
    position: relative;
}

.lesson-info .tooltip svg {
    font-size: calc(12rem/16);
    position: relative;
    top: -5px;
}

.lesson-info .tooltip .tooltip-popup {
    background: var(--white);
    border-radius: 10px;
    bottom: calc(100% + 10px);
    display: none;
    left: -10px;
    padding: 15px 10px;
    position: absolute;
    visibility: hidden;
    width: 180px;
}

.lesson-info .tooltip:hover .tooltip-popup {
    display: block;
    visibility: visible;
}

.lesson-info .tooltip .tooltip-popup:before {
    border-color: var(--white) transparent transparent transparent;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    content: '';
    height: 0;
    left: 10px;
    position: absolute;
    top: 100%;
    width: 0;
}

/*All Lessons*/

.lesson-info aside {
    grid-column: span 4;
    width: calc(100% + (82/372*100%));
}

.lesson-info aside h3 {
    background: var(--purple);
    border-radius: 10px 10px 0 0;
    color: var(--white);
    font: 300 calc(12rem/16)/calc(16/12) var(--special-font);
    letter-spacing: 1.8px;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
}

.lesson-info aside h3 strong {
    font-weight: 600;
}

.lesson-info aside ul {
    background: var(--white);
    border-radius: 0 0 10px 10px;
    list-style: none;
    margin: 0 0 40px;
    padding: 32px 40px;
}

.lesson-info aside li {
    padding: 6px 0;
}

.lesson-info aside li:not(:last-child) {
    border-bottom: 1px solid var(--gray-light);
}

.lesson-info aside li a {
    align-items: center;
    color: var(--black);
    flex-wrap: nowrap;
    font-weight: 500;
    padding: 10px 0 10px 52px;
    position: relative;
    z-index: 2;
}

.lesson-info aside li a:before {
    border-radius: 8px;
    left: -16px;
    width: calc(100% + 32px);
}

.lesson-info aside .timestamp {
    margin-left: 4px;
}

/*Quiz Callout*/

.quiz-callout {
    background: var(--gray-light);
    border-radius: 10px;
    padding: 30px 40px 34px;
}

.quiz-callout p {
    margin-bottom: 16px;
}

/***Course Callout***/

.course-callout {
    margin-bottom: 60px;
    padding: 100px 0;
    position: relative;
    text-align: center;
}

.course-callout:before {
    background: var(--white);
    border-radius: 10px;
    content: '';
    height: 100%;
    left: 60px;
    position: absolute;
    top: 0;
    width: calc(100vw - 120px);
}

.course-callout h2 {
    grid-column: 2 / span 10;
}

.course-callout h2 .eyebrow {
    margin-bottom: 13px;
}

.course-callout .btn {
    grid-column: 1 / -1;
    margin: 0 auto;
    width: max-content;
}

/***************************************************************************************************************************************************************************************/

/*QUIZ POPUP STYLES*/

/***************************************************************************************************************************************************************************************/

.hidden,
#hubspot-messages-iframe-container.hidden {
    display: none !important;
    position: static !important;
}

html.quiz-active {
    overflow: hidden;
}

.quiz-container {
    background: var(--off-white);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    padding: 20px 20px 120px 20px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99999999999;
}

.quiz-container.active {
    display: block;
}

/***Titles / Close Button***/

.quiz-container .module-title {
    align-items: center;
    left: 0;
    padding: 0 20px 0 40px;
    position: absolute;
    top: 20px;
    width: 100%;
}

.quiz-container .close-btn {
    align-items: center;
    background: var(--gray-light);
    border: none;
    border-radius: 8px;
    color: var(--black);
    display: flex;
    font-size: calc(24rem / 16);
    height: 48px;
    justify-content: center;
    padding: 0;
    width: 48px;
    z-index: 99;
}

.quiz-container .close-btn.js-completed-close-quiz,
.js-fail-heading {
    display: none;
}

.quiz-container .close-btn.js-completed-close-quiz.active {
    display: flex;
}

.completed-screen .js-fail-heading {
    display: block;
}

/***Questions***/

.quiz-container .quiz-question {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    left: 0;
    margin-bottom: auto;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s linear;
    width: 100%;
}

.quiz-container h2 {
    margin: auto 0 var(--module-spacing-small);
    text-align: center; 
}

.quiz-container h2 .eyebrow {
    margin-bottom: 8px;
}

.quiz-container .answers {
    gap: 48px;
    justify-content: center;
    list-style-type: none;
    margin: 60px 0 0;
    padding: 0 20px;
}

.quiz-container .answer-btn {
    align-items: center;
    background: var(--white);
    border: 1px solid transparent;
    border-radius: 8px;
    display: flex;
    font-size: calc(24rem/16);
    height: clamp(138px, 263/1400*100vw, 220px);
    justify-content: center;
    padding: 20px;
    position: relative;
    transition: all .3s ease;
    width: clamp(165px, 263/1400*100vw, 263px);
    word-break: break-word;
}

.quiz-container .answer-btn svg {
    display: none;
    font-size: calc(22rem/16);
    left: 4px;
    position: absolute;
    top: 4px;
}

.quiz-container .answer-btn:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.quiz-container .answer-btn.js-hGWeJBS5B27uqeT2yNrz8h15qTOzRP8gA49.show-incorrect {
    border-color: var(--red);
}

.quiz-container .answer-btn.js-hGWeJBS5B27uqeT2yNrz8h15qTOzRP8gA49.show-incorrect .fa-circle-xmark {
    color: var(--red);
    display: block;
}

.quiz-container .answer-btn.js-hGWeJBS5B27uqeT2yNrz8h15gTOzRP8gA49.show-correct {
    border-color: var(--green);
}

.quiz-container .answer-btn.js-hGWeJBS5B27uqeT2yNrz8h15gTOzRP8gA49.show-correct .fa-circle-check {
    color: var(--green);
    display: block;
}

.quiz-container .continue-btn {
    margin-top: 48px;
}

/***Congratulations****/

.quiz-container .completed-screen {
    display: flex;
    margin-top: auto;
    width: 100%;
}

.quiz-container .completed-screen .sign-up-container {
    margin: 195px 0 0;
    width: 100%;
}

.quiz-container .completed-screen .sign-up-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quiz-container .completed-screen .btn.plain {
    color: var(--black);
}

/***Progress Meter***/

.quiz-container .progress-meter {
    background: linear-gradient(to bottom, var(--gray-blue) 0%, #F4F4F4 100%);
    border-radius: 3px;
    bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    height: 3px;
    left: 30px;
    position: absolute;
    width: calc(100% - 60px);
}

.quiz-container .progress-unit {
    background: var(--purple);
    display: block;
    height: 100%;
}

/***Close***/

dialog {
    display: none;
}

dialog[open] {
    display: block;
}

/***************************************************************************************************************************************************************************************/

/*CREATE ACCOUNT / LOGIN PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.resource-account {
    padding: 100px 0 var(--module-spacing-large);
}

.resource-account article {
    margin: 0 auto;
    max-width: 658px;
}

.resource-account h1 {
    margin-bottom: var(--module-spacing-small);
    text-align: center;
}

.gform_wrapper {
    margin: 0 auto 24px;
    max-width: 452px;
}

.gform_wrapper .gform_heading,
.gform_wrapper .gfield_visibility_hidden,
.gform_wrapper .gf_clear_complex {
    display: none;
}

.gform_wrapper .gform_fields,
.gform_wrapper .ginput_complex {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.gform_wrapper .ginput_complex {
    margin: 0;
}

.gform_wrapper .btn,
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=password],
#activation-login input[type=text],
#activation-login input[type=password],
#activation-login .btn,
.gform_wrapper textarea {
    width: 100%;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=password],
#activation-login input[type=text],
#activation-login input[type=password],
.gform_wrapper textarea {
    background: var(--gray-light);
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--black);
    font: 300 calc(14rem/16)/ var(--special-font);
    height: 48px;
    letter-spacing: .1px;
    padding: 0 24px;
}

.gform_wrapper textarea {
    height: unset;
}

.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=password]:focus,
#activation-login input[type=text]:focus,
#activation-login input[type=password]:focus,
.gform_wrapper textarea:focus {
    border-color: var(--purple);
    box-shadow: none;
    outline: none;
}

.gform_wrapper input::placeholder,
#activation-login input::placeholder,
.gform_wrapper textarea::placeholder {
    color: var(--gray-dark);
    opacity: 1;
}

.gform_wrapper h2.gform_submission_error {
    font-size: calc(24rem/16);
    margin-bottom: 30px;
}

.resource-account p.x-small {
    text-align: center;
}

.resource-account .forgot-password {
    display: block;
    margin: 0 auto;
    width: max-content;
}

#activation-login .login-remember,
#activation-login .forgot-password {
    text-align: center;
}

#activation-login .btn.primary {
    border-radius: 6px;
}

#activation-login .btn.tertiary {
    display: inline;
}

/***Account Activation***/

.gfur-activate .resource-account {
    text-align: center;
}

.resource-account .avatar {
    display: none;
}

.gform_wrapper .gform_confirmation_wrapper + p.x-small {
    margin-top: 30px;
}

/***************************************************************************************************************************************************************************************/

/*CONGRATULATIONS PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Congrats***/

.course-congrats {
    background: url('svgs/bkg-congrats.svg') no-repeat left bottom;
    background-size: 100% auto;
    overflow: hidden;
    padding: 100px 0 var(--module-spacing-small);
    position: relative;
}

.course-congrats article {
    grid-column: 3 / span 8;
    position: relative;
    text-align: center;
    z-index: 3;
}

.course-congrats h1 {
    margin-bottom: 120px;
}

.course-congrats h1 span {
    display: block;
    margin-top: 48px;
}

.course-congrats h2 {
    margin-top: 16px;
}

.course-congrats img {
    display: block;
    margin: 20px auto 0;
    width: 100%;
}

/*Share*/

.course-congrats .flex-container {
    align-items: center;
    color: var(--white);
    gap: 20px;
    grid-column: 1 / -1;
    margin-top: var(--module-spacing-small);
}

.course-congrats .flex-container ul {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.course-congrats .flex-container a {
    align-items: center;
    background: var(--purple);
    border-radius: 8px;
    color: var(--white);
    display: flex;
    font-size: calc(18rem/16);
    height: 48px;
    justify-content: center;
    width: 48px;
}

.course-congrats .flex-container a:hover {
    opacity: .6;
}

/*Confetti*/

[class|=confetti] {
  position: absolute;
}

.course-congrats .red {
  background-color: #d13447;
}

.course-congrats .yellow {
  background-color: #ffbf00;
}

.course-congrats .blue {
  background-color: #263672;
}

/***Recent Posts***/

.recent-posts {
    padding: var(--module-spacing-large) 0;
}

.recent-posts h2 {
    align-items: center;
    gap: 20px;
    margin-bottom: var(--module-spacing-small);
}

.recent-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.recent-posts li {
    grid-column: span 4;
}

.recent-posts li a,
.recent-posts li a:hover {
    color: var(--black);
}

.recent-posts .image {
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.recent-posts .image:after {
    background: var(--purple);
    content: '';
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
}

.recent-posts .image img {
    aspect-ratio: 359/202;
    object-fit: cover;
    width: 100%;
}

.recent-posts .timestamp {
    display: block;
    margin-bottom: 10px;
}

.recent-posts .heading-6 {
    display: block;
    margin-bottom: 24px;
}

/***************************************************************************************************************************************************************************************/

/*GLOSSARY ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.glossary-hero {
    padding: 117px 0 var(--module-spacing-small);
}

.glossary-hero article {
    grid-column: 1 / span 5;
    width: calc(100% + 40px);
}

.glossary-hero h1 {
    color: var(--black);
    margin-bottom: 30px;
}

.glossary-hero p {
    color: var(--gray-dark);
}

.glossary-hero .size-full {
    grid-column: 7 / span 6;
}

/***Glossary***/

.glossary {
    margin-bottom: var(--module-spacing-small);
}

.glossary .above-terms {
    display: flex;
    flex-direction: column;
}

/*Dropdown Filter*/

.glossary .dropdown-filter {
    margin: 0 0 40px;
}

.glossary .dropdown-filter form {
    padding: 40px 0 0;
    position: relative;
    width: 150px;
}

.glossary .dropdown-filter form:after {
    background: url(svgs/dropdown-gray-dark.svg) no-repeat;
    background-size: 100%;
    bottom: 16px;
    content: '';
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    width: 10px;
}

.glossary .dropdown-filter form label {
    left: 0;
    position: absolute;
    top: 0;
    width: max-content;
}

.glossary .dropdown-filter form select {
    appearance: none;
    background: var(--white);
    border: 1px solid var(--gray-dark);
    border-radius: 6px;
    color: rgba(9, 10, 13, 0.6);
    cursor: pointer;
    font: 500 calc(16rem / 16)/calc(32 / 16) var(--body-font);
    padding: 4px 24px 4px 19px;
    width: 100%;
}

.glossary .dropdown-filter form select:focus-visible {
    outline: none;
}

/*Jump Links*/

.jump-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    grid-column: 1 / -1;
    margin-bottom: 40px;
}

.jump-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.jump-links a {
    color: var(--gray-dark);
    font: 600 calc(24rem / 16)/calc(34 / 24) var(--special-font);
    letter-spacing: -1.2px;
}

/*Terms*/

.glossary-container {
    position: relative;
}

.glossary-container .term-groups,
.glossary-container .term-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.glossary-container .term-groups {
    grid-column: 1 / span 7;
}

.glossary-container .term-group {
    background: var(--white);
    border-radius: 10px;
    padding: 32px 64px 46px;
    position: relative;
}

.glossary-container .term-group:not(:last-child) {
    margin-bottom: 40px;
}

.glossary-container .group-anchor {
    display: block;
    height: 60px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -60px;
    width: 100%;
}

.glossary-container .group-title {
    font: 700 calc(32rem / 16)/calc(46 / 32) var(--special-font);
}

.glossary-container .term-group .accordion {
    position: relative;
}

.glossary-container .term-group .accordion button {
    background: none;
    border: none;
    color: var(--gray-dark);
    font: 500 calc(16rem / 16)/calc(28 / 16) var(--special-font);
    letter-spacing: 0.2px;
    padding: 14px 0;
    position: relative;
    text-align: left;
    transition: all 0.25s ease;
    width: 100%;
}

.glossary-container .term-group .accordion.active button {
    color: transparent;
}

.glossary-container .term-group .accordion:not(.active) button:hover {
    color: var(--black);
}

.glossary-container .term-group .accordion button:before,
.glossary-container .term-group .accordion button:after {
    background: var(--black);
    content: '';
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: top center;
    transition: all 0.25s ease;
}

.glossary-container .term-group .accordion button:before {
    height: 2px;
    right: 0;
    width: 10px;
}

.glossary-container .term-group .accordion button:after {
    height: 10px;
    right: 4px;
    width: 2px;
}

.glossary-container .term-group ul li:not(:last-child) button {
    border-bottom: 1px solid var(--gray-light);
}

.glossary-container .term-group .accordion.active button:after {
    transform: rotate(90deg) translateY(-50%);
}

.glossary-container .term-group .accordion a {
    align-items: center;
    display: flex;
    height: 57px;
    left: 0;
    letter-spacing: 0.2px;
    opacity: 0;
    padding: 14px 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
}

.glossary-container .term-group .accordion.active a {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.glossary-container .term-group .accordion.active a:hover {
    opacity: 0.6;
}

.glossary-container .term-group .content {
    border-bottom: 1px solid var(--gray-light);
    padding: 16px 0 20px;
}

.glossary-container .term-groups .no-results {
    align-items: center;
    color: var(--gray-dark);
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: flex-start;
    width: 100%;
}

/*Sticky Search*/

.glossary-search-container {
    background: var(--white);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    grid-column: 9 / span 4;
    height: max-content;
    margin-left: calc(-1 * var(--gap));
    padding: 0 50px 40px;
    position: sticky;
    top: 10vh;
    width: calc(100% + var(--gap));
}

.glossary-search-container h2 {
    background: var(--purple);
    border-radius: 10px 10px 0 0;
    color: var(--white);
    left: -50px;
    padding: 16px 20px;
    position: relative;
    text-align: center;
    width: calc(100% + 100px);
}

.glossary-search-container .glossary-search {
    background: var(--white);
    border: 1px solid rgba(114, 114, 114, 0.6);
    border-radius: 6px;
    color: var(--gray-dark);
    font: 500 calc(20rem / 16)/calc(32 / 20) var(--body-font);
    letter-spacing: 0.22px;
    padding: 6px 0 10px;
    text-align: center;
}

.glossary-search-container .glossary-search::placeholder {
    opacity: 0.6;
}

.glossary-search-container .glossary-submit {
    background: var(--purple);
    border: none;
    border-radius: 6px;
    color: var(--white);
    font: 500 calc(14rem / 16)/calc(16 / 14) var(--special-font);
    letter-spacing: 0.1px;
    margin: 0 auto;
    padding: 12px 24px;
    transition: all 0.25s ease;
    width: max-content;
}

.glossary-search-container .glossary-submit:hover {
    opacity: 0.7;
}

.glossary-search-container .glossary-submit svg {
    margin-right: 8px;
}

.glossary .gform_wrapper {
    margin: 0;
    max-width: none;
}

.glossary .gform_wrapper textarea {
    height: 96px;
    padding: 12px 24px;
}

.glossary .gform_wrapper .gfield_description {
    margin-top: 16px;
}

.glossary .gform_confirmation_wrapper {
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 16px 20px 0 rgb(0 0 0 / 15%);
    left: 50%;
    padding: 40px 64px;
    position: fixed;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.5s ease;
    z-index: 1;
}

.glossary .gform_confirmation_wrapper.hide {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

/***************************************************************************************************************************************************************************************/

/*GLOSSARY SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Secondary Header***/

.glossary-secondary-header {
    padding: 60px 0 0;
}

.glossary-secondary-header .btn.plain .icon,
.glossary-term-footer .btn.plain .icon {
    background: var(--yellow);
}

.glossary-secondary-header .btn.plain .icon,
.glossary-term-footer .btn.plain.previous-word .icon {
    margin-left: 0;
    margin-right: 8px;
}

.glossary-secondary-header .btn.plain .icon path,
.glossary-term-footer .btn.plain .icon path {
    fill: var(--black);
}

.glossary-secondary-header .btn.plain .icon path,
.glossary-term-footer .btn.plain.previous-word .icon path {
    transform: scaleX(-1);
    transform-origin: center;
}

.glossary-secondary-header .btn.plain:hover .icon,
.glossary-term-footer .btn.plain.previous-word:hover .icon {
    transform: translateX(-5px);
}

/***Content***/

.glossary-term {
    margin: 60px 0;
}

.glossary-term .content {
    grid-column: 1 / span 6;
}

.glossary-term article {
    margin-bottom: 60px;
}

.glossary-term .content h1 {
    margin: 0 0 40px;
}

.glossary-term .content .definition {
    color: var(--black);
    font: 500 calc(18rem / 16)/calc(32 / 18) var(--body-font);
    letter-spacing: 0.2px;
    margin: 0;
}

.glossary-term .eyebrow {
    margin: 0 0 20px;
}

.glossary-term .notes {
    display: flex;
    flex-direction: column;
    font: 300 calc(18rem / 16)/calc(32 / 18) var(--body-font);
}

.glossary-term .notes a {
    margin-top: 40px;
}

.glossary-term .notes + div {
    border-top: 1px solid rgba(114, 114, 114, 0.5);
    margin-top: 40px;
}

.glossary-term .related-words,
.glossary-term .sources {
    padding-top: 40px;
}

.glossary-term .related-words ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.glossary-term .related-words .btn.outline {
    background: none;
}

.glossary-term .related-words .btn.outline:hover {
    background: var(--purple);
}

.glossary-term .sources p {
    font-weight: 300;
    margin: 0;
}

/***Glossary Term CTA***/

.glossary-term-cta {
    background: var(--white);
    border-radius: 10px;
    grid-column: 9 / span 4;
    height: max-content;
    padding: 40px 24px 40px 40px;
}

.glossary-term-cta .eyebrow {
    margin-bottom: 14px;
}

.glossary-term-cta p {
    margin: 24px 0;
}

/***Bottom Next/Prev Links***/

.glossary-term-footer {
    margin: 0 0 160px;
}

.glossary-term-footer .next-word {
    margin-left: auto;
}

/***************************************************************************************************************************************************************************************/

/*COIL COLOR CHARTS PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Photo Hero***/

.photo-hero.resource-page .hero-image {
    filter: grayscale(100%) brightness(65%);
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.page-template-page-gauge-charts .hero-image {
    object-position: 0% 20%;
}

.page-template-page-gauge-charts .hero-image {
    object-position: 0% 46%;
}

.photo-hero {
    background-color: transparent;
    color: var(--white);
    display: flex;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 0;
}

.photo-hero .subheadline {
    line-height: 1.5;
    margin: 24px 0 13px;
    opacity: 87%;
    padding: 0;
}

.photo-hero .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1284px;
    padding: 110px var(--container-outer-padding) 120px;
    position: static;
    width: 100%;
}

.photo-hero article {
    width: auto;
}

.photo-hero h1 {
    font-size: calc(61rem/16);
    font-weight: 900;
    margin-top: 33px;
}

.photo-hero.resource-page .eyebrow {
    color: var(--white);
    display: block;
    font-size: .833rem;
    letter-spacing: .092rem;
    line-height: .9163rem;
    opacity: 60%;
    text-transform: uppercase;
}

.photo-hero.resource-page h1 {
    max-width: 800px;
}

.chart-cards {
    column-gap: 134px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin: 0 auto;
    max-width: 1200px;
    padding: 50px 16px;
    row-gap: 44px;
}

.chart-cards .card {
    background-color: var(--white);
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-cards .card > a {
    color: var(--black);
    display: flex;
    flex-direction: column;
    transition: filter .3s ease;
}

.chart-cards .card > a:hover {
    filter: brightness(.97);
    text-decoration: none;
    transition: filter .25s ease;
}

.chart-cards h2 {
    background-color: var(--white);
    padding: 16px 16px 40px;
}

.chart-cards a img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.chart-cards span {
    align-items: end;
    display: flex;
    justify-content: end;
    padding: 16px;
}

/***************************************************************************************************************************************************************************************/

/*METAL GAUGE CHARTS PAGE STYLES

For simplicity and speed, these styles and the table html in /includes/tables were mostly pulled from the page on the old site.
They make heavy use of the original class naming/styling system that was applied to the table by the MUI React Component library that app was built with.
If we are rebuilding this to be made with ACF repeeaters, we may or may not want to restructure the way those classes are applied/styled in the table php files and here.
*/

/***************************************************************************************************************************************************************************************/

.tables {
    margin: 0 auto;
    padding: 66px var(--container-outer-padding);
}

.tables h2 {
    padding: 24px;
    text-align: center;
}

.tables .container {
    background-color: var(--white);
    border: 2px solid hsla(0,0%,43.9%,.568);
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
    margin-bottom: 66px;
    max-width: 1265px;
    padding: 0;
}

.table-scroll {
    overflow: auto;
}

tbody tr:nth-of-type(2n+1) {
    background-color: #fafafa;
}

.border-top {
    border-top: 2px solid hsla(0,0%,43.9%,.568);
}

.border-thick td:nth-of-type(4) {
    border-right:2px solid hsla(0,0%,43.9%,.568)
}

.border-bottom-thick {
    border-bottom:2px solid hsla(0,0%,43.9%,.568)
}

.border-top tr:first-of-type {
    border-top:2px solid hsla(0,0%,43.9%,.568)
}

.carbon-table thead tr:last-of-type,
.stainless-table thead:last-of-type tr,
.alum-table thead:last-of-type tr {
    border-bottom:2px solid hsla(0,0%,43.9%,.568)
}

.Table-root {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
}

.TableBody-root {
    display: table-row-group;
}

.TableHead-root {
    display: table-header-group;
}

.TableCell-root {
    border-bottom-width: 1px;
    border-color: rgba(0,0,0,.12);
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 0;
    display: table-cell;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.5;
    padding: 4px;
    text-align: left;
    vertical-align: inherit;
}

.TableCell-head {
    color: var(--purple);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 5px;
}

.TableCell-body {
    color: var(--black);
}

.TableCell-alignCenter {
    text-align: center;
}

.TableRow-root {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle;
}

ul.tolerance-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.gauge_table .gauge {
    color: #5d0549;
    font-size: .875rem;
    font-weight: 500;
}

.border-top {
    border-top-width: 1px;
}

.border-right {
    border-right-width: 1px;
}

.border-left {
    border-left-width: 1px;
}

.border-top-thick {
    border-top-color: hsla(0,0%,43.9%,.568);
    border-top-width: 2px;
}

.gauge_table .gauge,
.border-right-thick {
    border-right-color: hsla(0,0%,43.9%,.568);
    border-right-width: 2px;
}

.border-bottom-thick {
    border-bottom-color: hsla(0,0%,43.9%,.568);
    border-bottom-width: 2px;
}

.border-left-thick {
    border-left-color: hsla(0,0%,43.9%,.568);
    border-left-width: 2px;
}

.alum-table thead:nth-of-type(2),
.alum-table thead:nth-of-type(2) tr {
    height: 100%;
}

.cell-flex-wrapper {
    align-items: end;
    display: flex;
    height: 100%;
    justify-content: center;
}

.aluminum_disclaimer {
    color: #a8a8a8;
    font-style: italic;
    font-weight: 400;
    margin-top: 20px;
    padding-inline: 10px;
    text-align: center;
}

.alloy-list-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.alloy__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.yellow,
.green,
.blue,
.orange,
.red {
    font-weight: 400;
}

.yellow {
    color: #ffa000;
}

.orange {
    color: #ff6f00;
}

.red {
    color: #c62828;
}

.blue {
    color: #1565c0;
}

.green {
    color: #558b2f;
}

.alloy-border {
    border-right: 1px solid hsla(0,0%,65.9%,.548);
}

.first-border {
    border-left: 1px solid hsla(0,0%,65.9%,.548);
}

.weight__list {
    column-count: 3;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*NEW PAGE BUILDER STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-new-builder {
    background: var(--white);
}

.new-builder section {
    padding: 160px 0;
    position: relative;
}

.new-builder section:last-child {
    padding-bottom: 0;
}

.new-builder section.dark {
    background: var(--dark-black);
}

.new-builder section.dark + section.dark:not(.keep-padding) {
    padding-top: 0;
}

.new-builder .scroll-anchor {
    display: block;
    height: 80px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -80px;
    width: 100%;
}

.new-builder .dark .eyebrow {
    color: var(--marine-blue);
}

/***Module Settings***/

.testimonials-carousel.light:before,
.gradient-background:before {
    background: linear-gradient(0deg, rgba(226,233,236,1) 0%, rgba(226,233,236, 0) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.remove-top-padding {
    padding-top: 0 !important;
}

.remove-bottom-padding {
    padding-bottom: 0 !important;
}

.add-large-top-padding {
    padding-top: var(--module-spacing-large);
}

/***Animated CTA***/

.new-builder section.animated-cta {
    overflow: hidden;
    padding: 35px 0;
}

.animated-cta.gradient-background:before {
    background: var(--gray-light);
    opacity: 0.85;
}

.animated-cta video {
    height: 100%;
    left: 50%;
    max-height: 100%;
    object-fit: fill;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: calc(1330 / 1440 * 100vw);
    z-index: -1;
}

.animated-cta article {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 520px;
    position: relative;
    transform: translate3d(0, -20px, 0);
    width: 100%;
}

.animated-cta article {
    text-align: center;
}

.animated-cta article h2 .eyebrow {
    margin: 0 0 20px;
}

.animated-cta article .btn {
    margin: 40px 0 0;
}

/***Announcement***/

.announcement.dark h2,
.announcement.dark article,
.announcement.dark article .btn {
    color: var(--white);
}

.new-builder .announcement {
    padding: 60px 0 65px;
}

.announcement h2 {
    grid-column: 1 / span 5;
}

.announcement h2 .eyebrow {
    margin: 0 0 20px;
}

.announcement article {
    grid-column: 6 / span 6;
    margin: 20px 0 0;
}

.announcement article p {
    margin: 0 0 40px;
}

.announcement article p strong {
    font-weight: 700;
}

/***Callout Cards***/

.callout-cards .background-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.callout-cards .background-image:after {
    background: var(--dark-black);
    content: '';
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.callout-cards .background-image img {
    filter: saturate(0);
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.callout-cards article {
    margin: 0 0 var(--module-spacing-small);
    text-align: center;
}

.callout-cards.dark article {
    color: var(--white);
}

.callout-cards .eyebrow,
.callout-cards ul .eyebrow,
.callout-cards.dark ul .eyebrow {
    color: var(--purple);
    margin: 0 0 20px;
}

.callout-cards ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.callout-cards li {
    flex: 0 0 calc(33% - .75*var(--gap));
    background: var(--gray-light-fifty);
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 40px 16px 60px;
    text-align: center;
}

.callout-cards.gradient-background li {
    background: var(--white);
}

.callout-cards h3 {
    font-weight: 400;
    margin-bottom: 40px;
}

.callout-cards .btn {
    margin: auto auto 0;
    max-width: max-content;
}

/***Carrier***/

.carrier {
    overflow: hidden;
}

.carrier article {
    margin: 0 auto 140px;
    text-align: center;
    width: calc(870 / 1196 * 100%);
}

.carrier article h2 .eyebrow {
    margin: 0 0 20px;
}

.carrier article p {
    margin: 20px auto 0;
    width: calc(666 / 870 * 100%);
}

.carrier .grid {
    align-items: center;
}

.carrier h3 {
    margin: 0 0 11px;
}

.carrier .truck-container {
    position: relative;
    z-index: 2;
}

.carrier .content .copy {
    margin-bottom: 0;
}

.carrier .content .copy :last-child {
    margin-bottom: 0;
}

.carrier .content .copy p:first-of-type strong {
    display: inherit;
    margin-bottom: -18px;
}

.carrier .content ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 29px;
}

.carrier .content li {
    position: relative;
}

.carrier .content li:before {
    background: linear-gradient(31deg, #870B71 0%, var(--purple) 100%);
    content: '';
    height: 12px;
    left: -29px;
    position: absolute;
    top: 11px;
    width: 12px;
}

.carrier .content .btn {
    margin: 26px 0 0;
}

/*Carrier 1*/

.carrier .carrier-1 {
    margin: 0 0 116px;
}

.carrier .carrier-1 .truck-container {
    grid-column: 1 / span 7;
    left: -10px;
    position: relative;
    width: calc(672 / 681 * 100%);
}

.carrier .carrier-1 .content {
    grid-column: 8 / span 5;
    left: 24px;
    position: relative;
}

/*Carrier 2*/

.carrier .carrier-2 .content {
    grid-column: 1 / span 5;
    left: 34px;
    position: relative;
    width: calc(423 / 475 * 100%);
}

.carrier .carrier-2 .truck-container {
    grid-column: 6 / span 7;
    left: 24px;
    position: relative;
    transform: scaleX(-1);
    width: calc(672 / 681 * 100%);
}

/***FAQs (new)***/

.new-faqs h2,
.new-faqs ul {
    grid-column: 2 / span 10;
}

.new-faqs h2 {
    margin: 0 0 40px;
}

.new-faqs.dark h2 {
    color: var(--white);
}

.new-faqs h2 .eyebrow {
    margin: 0 0 20px;
}

.new-faqs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.new-faqs li:not(:last-child) {
    border-bottom: 1px solid var(--gray-light);
}

.new-faqs button {
    background: none;
    border: none;
    color: var(--gray-dark);
    padding: 21px calc(77 / 990 * 100%) 21px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.new-faqs .active button {
    color: var(--black);
}

.new-faqs.dark button {
    color: var(--white);
}

.new-faqs.dark .active button {
    color: var(--marine-blue);
}

.new-faqs li:first-child button {
    margin-top: -21px;
}

.new-faqs button span {
    aspect-ratio: 1 / 1;
    background: var(--gray-light);
    height: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 21px;
    width: 26px;
}

.new-faqs button span:before,
.new-faqs button span:after {
    background: var(--black);
    content: '';
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: top left;
    transition: all 0.25s ease;
}

.new-faqs button span:before {
    height: 11px;
    width: 1px;
}

.new-faqs button span:after {
    height: 1px;
    width: 11px;
}

.new-faqs .accordion.active button span:before {
    transform: rotate(90deg) translate3d(-50%, -50%, 0);
}

.new-faqs.dark .content {
    color: var(--white);
    width: calc(761 / 990 * 100%);
}

.new-faqs .content p {
    margin: 0;
}

.new-faqs.dark .content p {
    font-weight: 500;
}

.new-faqs .content .btn {
    margin: 25px 0 0;
}

.new-faqs.dark .content .btn {
    color: var(--white);
}

.new-faqs.dark .content .btn:before {
    background: var(--gray-light);
}

.new-faqs.dark .content .btn:after {
    background: url(svgs/arrow-purple-small.svg) no-repeat;
    width: 11px;
}

.new-faqs .content :last-child {
    margin-bottom: 34px;
}

/***Form***/

.form-module.gradient-background:before {
    transform: scaleY(-1);
}

.form-module article {
    grid-column: 1 / span 4;
}

.form-module.dark article {
    color: var(--white);
}

.form-module article p {
    margin: 20px 0 0;
}

.form-module .form-container {
    grid-column: 6 / span 7;
}

.new-builder .form-module:last-child {
    padding-bottom: 35px;
}

/***Mailchimp Form***/

#mc_embed_signup form {
	margin: unset;
}

#mc_embed_signup .indicates-required,
#mc_embed_signup .helper_text {
    display: none;
}

#mc_embed_signup .asterisk {
    color: var(--red);
}

#mc_embed_signup input[type=checkbox] {
    margin-right: 8px;
}

#mc_embed_signup #mergeRow-gdpr {
    margin-top: 20px;
}

#mc_embed_signup fieldset.mc_fieldset {
    border: none;
    display: flex;
    flex-direction: row;
    gap: 30px;
    min-height: 0px;
    padding-bottom: 0px;
}

#mc_embed_signup .mc-field-group {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px;
    position: relative;
}

#mc_embed_signup p {
    margin: 14px 0;
}

#mc_embed_signup p a {
    color: var(--purple);
    font-weight: 500;
}

#mc_embed_signup p a:hover {
	color: var(--black);
	text-decoration: underline;
}

#mc_embed_signup label {
    background: unset !important;
    color: var(--gray-dark) !important;
    font: 500 calc(11rem / 16)/calc(16 / 11) var(--special-font) !important;
    letter-spacing: -0.1px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
}

#mc_embed_signup input,
#mc_embed_signup textarea,
#mc_embed_signup select {
    background: var(--white) !important;
    border: 1px solid var(--gray-light) !important;
    font: 400 calc(16rem / 16)/calc(28 / 16) var(--body-font) !important;
    letter-spacing: 0.2px !important;
    padding: 11px 15px !important;
    width: auto !important;
}

#mc_embed_signup form input:focus-visible {
    border: 1px solid var(--medium-purple) !important;
    outline: none !important;
}

#mc_embed_signup form input::placeholder {
    color: #919191 !important;
    font: 400 calc(16rem / 16)/calc(28 / 16) var(--body-font) !important;
    letter-spacing: 0.2px !important;
}

#mc_embed_signup form .mc-field-group:has(select)::before {
    background: #919191;
    bottom: 20px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    content: '';
    height: 8px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    width: 11px;
}

@supports selector(:has(*)) {
    #mc_embed_signup form select {
        appearance: none;
    }
}

#mc_embed_signup form select {
    cursor: pointer;
}

#mc_embed_signup form .clear:last-of-type {
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%) !important;
    margin: 30px 0 0 !important;
    max-width: max-content !important;
    position: relative !important;
    z-index: 2 !important;
}

#mc_embed_signup form .clear:last-of-type:before {
    background: var(--purple) !important;
    content: '' !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform-origin: left center !important;
    transform: scale(0,1) !important;
    transition: all .25s ease !important;
    width: 100% !important;
    z-index: -1 !important;
}

#mc_embed_signup form .clear:last-of-type:hover:before {
    transform: scale(1) !important;
}

#mc_embed_signup form input[type="submit"] {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--white) !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: 500 calc(16rem/16)/calc(22/16) var(--heading-font) !important;
    height: unset;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 14px 25px !important;
    text-transform: uppercase !important;
}

#mc_embed_signup div.mce_inline_error {
    background-color: unset !important;
    bottom: -24px;
    color: var(--red) !important;
    font: 500 calc(11rem/16)/calc(24 / 11) var(--body-font) !important;
    letter-spacing: 0.3px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
}

#mc_embed_signup .content__gdpr {
    display: flex;
    flex-wrap: wrap;
}

#mc_embed_signup .content__gdpr > label {
    min-width: 100%;
}

#mc_embed_signup .content__gdpr p:first-of-type {
    margin-right: 60px;
}

#mc_embed_signup .content__gdpr fieldset {
    align-items: center;
    gap: 60px;
    margin: 14px 0;
}

#mc_embed_signup .content__gdpr fieldset label {
    margin: 0 !important;
}

/***Headline CTA***/

.headline-cta.remove-bottom-padding .container {
    padding-bottom: 0;
}

.headline-cta.less-bottom-padding .container {
    padding-bottom: 130px;
}

.new-builder section.headline-cta {
    padding-bottom: 0;
}

.headline-cta .container {
    padding-bottom: 230px;
}

.headline-cta .grid {
    gap: 20px 40px;
}

.headline-cta h2 {
    grid-column: 1 / span 11;
}

.headline-cta h2 .eyebrow {
    margin: 0 0 20px;
}

.headline-cta h2 span {
    color: var(--purple);
}

.headline-cta p {
    font-weight: 300;
    grid-column: 1 / span 10;
    margin: 0;
}

.headline-cta .btn.new-primary {
    bottom: 0;
    position: absolute;
    right: calc(-72 / 1296 * 100%);
}

/***Headshot CTA***/

.new-builder section.headshot-cta {
    padding-bottom: 0;
}

.headshot-cta .container {
    padding-bottom: 210px;
}

/*Headshots*/

.headshot-cta .headshot-container {
    aspect-ratio: 1 / 1;
    background: var(--gray-light);
    grid-column: 1 / span 5;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.headshot-container .headshot {
    height: auto;
    position: absolute;
    width: calc(300 / 475 * 100%);
}

.headshot-container .head-1 {
    bottom: calc(-53 / 475 * 100%);
    left: calc(-47 / 475 * 100%);
    z-index: 2;
}

.headshot-container .head-2 {
    bottom: calc(-53 / 475 * 100%);
    right: calc(-47 / 475 * 100%);
    z-index: 3;
}

.headshot-container .head-3 {
    left: 50%;
    top: calc(100 / 475 * 100%);
    transform: translateX(-50%);
    z-index: 1;
}

/*Content*/

.headshot-cta article {
    grid-column: 7 / span 6;
}

.headshot-cta article h2 {
    margin: 0 0 40px;
}

.headshot-cta article h2 .eyebrow {
    margin: 0 0 20px;
}

.headshot-cta article p.heading-4 {
    font-weight: 300;
}

.headshot-cta article p strong {
    font-weight: 500;
}

.headshot-cta .btn {
    bottom: 0;
    position: absolute;
    right: calc(-72 / 1296 * 100%);
}

/***Parallax Image***/

.new-builder section.parallax-image {
    padding-bottom: 0;
}

.parallax-image .parallax-container {
    aspect-ratio: 1440 / 530;
    display: flex;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.parallax-image .background-container,
.parallax-image .foreground-container {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.parallax-image .background-container {
    z-index: -1;
}

.parallax-image .foreground-container {
    z-index: 1;
}

.parallax-image .parallax-container img {
    height: auto;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}

/***Parllax Image Text***/

.new-builder section.parallax-text {
    overflow: hidden;
    padding: 160px 0 278px;
    width: 100vw;
}

.parallax-text .background-image,
.parallax-text .foreground-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.parallax-text .background-image img,
.parallax-text .foreground-image img {
    height: 100%;
    object-fit: cover;
    object-position: left;
    width: 100%;
}

.parallax-text .foreground-image img {
    max-width: unset;
    width: calc(100% + 80px);
}

.parallax-text article {
    grid-column: 1 / span 6;
}

.parallax-text article h2 {
    margin: 0 0 40px;
}

.parallax-text article p {
    font: 300 calc(30rem / 16)/calc(36 / 30) var(--heading-font);
    letter-spacing: 0;
}

.parallax-text article p strong {
    font-weight: 500;
}

/***Plain CTA***/

.plain-cta {
    overflow: hidden;
    padding: var(--module-spacing-medium) 0;
    position: relative;
    text-align: center;
}

.plain-cta img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.plain-cta.gradient-background::before,
.plain-cta .container {
    z-index: 1;
}

.plain-cta.gradient-background.dark:before {
    background: linear-gradient(0deg, rgba(29,29,29,1) 0%, transparent 100%);
}

.plain-cta article {
    margin: 0 auto;
    text-align: center;
    width: calc(798 / 1196 * 100%);
}

.plain-cta h2 .eyebrow {
    margin: 0 auto 20px;
}

.plain-cta h2 span {
    color: var(--purple);
}

.plain-cta.dark h2 {
    color: var(--white);
}

.plain-cta.dark h2 span {
    color: var(--marine-blue);
}

.plain-cta p {
    margin: 20px 0 0;
}

.plain-cta.dark p {
    color: var(--white);
}

.plain-cta .btn {
    margin: 40px 0 0;
}

.plain-cta h2 + .btn {
    margin-top: 50px;
}

/***Side by Side CTA***/

.side-by-side-cta .container {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100vw;
}

.side-by-side-cta .cta-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 125px var(--module-spacing-small);
    position: relative;
    text-align: center;
    width: 50%;
}

.side-by-side-cta .cta-box.light {
    background: var(--gray-light-fifty);
}

.side-by-side-cta h2,
.side-by-side-cta p {
    position: relative;
    z-index: 2;
}

.side-by-side-cta .cta-box.dark h2,
.side-by-side-cta .cta-box.dark p {
    color: var(--white);
}

.side-by-side-cta p {
    margin: 20px 65px 0;
}

.side-by-side-cta .btn {
    margin: auto 0 0;
    position: relative;
    z-index: 2;
}

.side-by-side-cta .background-image,
.callout-grid .background-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.side-by-side-cta .background-image:before,
.callout-grid .background-image:before {
    background: var(--black);
    content: '';
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0.67;
    position: absolute;
    top: 0;
    width: 100%;
}

.side-by-side-cta img,
.callout-grid .background-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/***Step by Step***/

.step-by-step .sticky-article {
    text-align: center;
    top: 50%;
    width: 100%;
    margin-bottom: 172px;
}

.step-by-step.dark .sticky-article {
    color: var(--white);
}

.step-by-step .sticky-article h2 .eyebrow {
    margin: 0 0 20px;
}

.step-by-step .sticky-article p {
    font-weight: 300;
    margin: 40px auto 0;
    width: calc(941 / 1196 * 100%);
}

/*Cards*/

.step-by-step .steps {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.step-by-step .steps li {
    flex: 1 1 33%;
    height: auto;
    max-width: 475px;
    padding: 40px 20px 50px;
    text-align: center;
    width: auto;
}

.step-by-step .steps .eyebrow {
    margin-bottom: 15px;
}

.step-by-step .steps p {
    margin: 20px 0 0;
}

.step-by-step .steps p.small {
    font-family: var(--special-font);
    font-weight: 500;
}

.step-by-step li.light {
    background: var(--white);
    color: var(--black);
}

.step-by-step li.dark {
    background: var(--dark-black);
    color: var(--white);
}

/***Sticky Columns***/

.sticky-columns .main-heading {
    grid-column: 2 / span 10;
    margin: 0 0 120px;
    text-align: center;
}

.sticky-columns.dark .main-heading {
    color: var(--white);
}

.sticky-columns .main-heading h2 span {
    color: var(--purple);
}

.sticky-columns.dark .main-heading h2 span {
    color: var(--marine-blue);
}

.sticky-columns .main-heading p {
    margin: 20px 0 0;
}

.sticky-columns ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sticky-columns ul li {
    align-items: center;
    margin: 100px 0 0;
    min-height: 400px;
}

.sticky-columns.text-right ul li {
    justify-content: flex-end;
}

.sticky-columns ul li:not(:last-child) {
    margin: 100px 0 150px;
}

.sticky-columns li > img,
.sticky-columns li > picture {
    aspect-ratio: 597 / 599;
    display: none;
    height: auto;
    width: calc(597 / 1196 * 100%);
}

.sticky-columns article.content {
    height: max-content;
    width: calc(578 / 1196 * 100%);
}

.sticky-columns li:last-of-type article {
    height: auto;
    padding-bottom: calc(40 / 1440 * 100vw);
}

.sticky-columns.dark article.content {
    color: var(--white);
}

.sticky-columns .eyebrow {
    margin: 0 0 20px;
}

.sticky-columns h3.heading-3 {
    font-weight: 400;
}

.sticky-columns h3 + p {
    margin: 40px 0 0;
}

.sticky-columns p + p {
    margin: 20px 0 0;
}

.sticky-columns .btn {
    margin: 24px 0 0;
}

/*Sticky Image*/

.sticky-columns .sticky-image-wrapper {
    grid-column: 1 / -1;
    position: relative;
}

.sticky-columns .sticky-image {
    height: 100%;
    position: absolute;
    right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)) + 60px);
    top: calc(597 / 1440 * 100vw / 2);
    width: calc(537 / 1440 * 100vw);
}

.sticky-columns.text-right .sticky-image {
    left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
    right: unset;
}

.sticky-columns .sticky-image .sticky-image-inner {
    height: 0;
    padding-top: 100%;
    position: sticky;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 100%;
}

.sticky-columns .sticky-image .sticky-image-inner .image-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.sticky-columns .sticky-image .sticky-image-inner img {
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 0.4s ease;
    visibility: hidden;
    width: 100%;
}

.sticky-columns .sticky-image .sticky-image-inner .image-container.contain img {
    object-fit: contain;
    object-position: center;
}

.sticky-columns .sticky-image .sticky-image-inner img.visible {
    opacity: 1;
    visibility: visible;
}

/***Testimonial Single***/

.testimonial-single .quote-container {
    padding: 0 0 0 106px;
}

.testimonial-single blockquote {
    font: 300 calc(60rem / 16)/calc(70 / 60) var(--heading-font);
    letter-spacing: 0.9px;
    margin: 20px 0 0;
    padding: 20px 0 40px;
    position: relative;
}

.testimonial-single blockquote svg {
    aspect-ratio: 86 / 78;
    height: auto;
    left: -106px;
    position: absolute;
    top: 0;
    width: 86px;
}

.testimonial-single blockquote svg path {
    transition: all 0.25s ease;
}

.testimonial-single .animated-text span {
    transition: color 0.25s ease;
}

.testimonial-single.dark blockquote svg path {
    fill: var(--white);
}

.testimonial-single.dark blockquote {
    color: var(--white);
}

.testimonial-single blockquote strong {
    font-style: italic;
    font-weight: 500;
}

.testimonial-single cite {
    display: flex;
    flex-direction: column;
    font: 500 calc(20rem / 16)/calc(30 / 20) var(--special-font);
    letter-spacing: -1px;
}

.testimonial-single.dark cite {
    color: var(--white);
}

.testimonial-single cite span {
    transition: all 0.25s ease;
}

/***Testimonials Carousel***/

.new-builder .testimonials-carousel {
    padding: var(--module-spacing-medium) 0;
}

.testimonials-carousel h2 {
    margin: 0 0 60px;
}

.testimonials-carousel.dark h2 {
    color: var(--white);
}

.testimonials-carousel h2 .eyebrow {
    margin: 0 0 20px;
}

.testimonials-carousel .carousel {
    left: -26px;
    list-style: none;
    margin: 0;
    padding: 70px 26px 132px;
    position: relative;
    width: calc(100% + 52px);
}

.testimonials-carousel .carousel:before {
    background: var(--white);
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 52px);
}

.testimonials-carousel .slick-arrow,
.video-posts .slick-arrow {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
    border: none;
    display: flex;
    height: auto;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    z-index: 1;
}

.testimonials-carousel .slick-prev,
.video-posts .slick-arrow.slick-prev {
    left: 0;
    transform: scaleX(-1) translateY(-50%);
}

.testimonials-carousel .slick-next,
.video-posts .slick-arrow.slick-next {
    right: 0;
}

.testimonials-carousel .slick-dots {
    bottom: 60px;
    display: flex;
    gap: 30px;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
}

.testimonials-carousel .slick-dots li:only-child {
    display: none;
}

.testimonials-carousel .slick-dots button {
    aspect-ratio: 1 / 1;
    background: var(--gray-light);
    border: none;
    font-size: 0;
    height: auto;
    width: 10px;
}

.testimonials-carousel .slick-dots .slick-active button {
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
}

.testimonials-carousel .slick-slide {
    margin: 0 60px;
    transition: all 0.25s ease;
}

.testimonials-carousel .slick-slide:not(.slick-active) {
    opacity: 0;
}

.testimonials-carousel blockquote {
    margin: 0 0 24px;
    position: relative;
}

.testimonials-carousel blockquote:before {
    content: '“';
    left: -11px;
    position: absolute;
    top: -6px;
}

.testimonials-carousel blockquote:after {
    content: '”';
}

.testimonials-carousel cite {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    margin: 0;
}

/***Text Image***/

.text-image article,
.text-image .img-container {
    grid-row: 1;
}

.text-image.image-left article {
    grid-column: 7 / span 6;
}

.text-image.image-right article {
    grid-column: 1 / span 6;
}

.text-image .eyebrow {
    margin: 0 0 20px;
}

.text-image.dark h2,
.text-image.dark p {
    color: var(--white);
}

.text-image.light h2 span {
    color: var(--purple);
}

.text-image.dark h2 span {
    color: var(--marine-blue);
}

.text-image p,
.text-image .btn {
    margin: 40px 0 0;
}

.text-image p {
    font-weight: 300;
}

.text-image p strong {
    font-weight: 500;
}

.text-image .img-container {
    aspect-ratio: 1 / 1;
    height: auto;
    width: 100%;
}

.text-image.image-left .img-container {
    grid-column: 1 / span 5;
}

.text-image.image-right .img-container {
    grid-column: 8 / span 5;
}

.text-image .img-container img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/***Text Image Animation***/

.text-image-animation .container {
    min-height: 300vh;
}

/*Text*/

.text-image-animation .text-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: 1 / span 6;
    height: max-content;
    left: 0;
    position: sticky;
    top: 60px;
}

.text-image-animation h2 {
    color: var(--white);
    margin: 0 0 60px;
}

.text-image-animation h2 .eyebrow {
    color: var(--marine-blue);
    margin: 0 0 20px;
}

.text-image-animation h2 span {
    color: var(--marine-blue);
}

.text-image-animation .text {
    color: var(--white);
    margin: 0 0 50px;
    transition: all 0.25s ease;
}

.text-image-animation .text:nth-of-type(2) {
    opacity: 0.5;
}

.text-image-animation .text.highlight-second:nth-of-type(1) {
    opacity: 0.5;
}

.text-image-animation .text.highlight-second:nth-of-type(2) {
    opacity: 1;
}

.text-image-animation .text h3 {
    font-weight: 400;
    margin: 0 0 15px;
}

.text-image-animation .text p {
    font-weight: 400;
    margin: 0;
    width: calc(413 / 578 * 100%);
}

.text-image-animation .button-container {
    display: flex;
    gap: 20px 40px;
    flex-wrap: wrap;
}

/*Images*/

.text-image-animation .images {
    grid-column: 7 / span 6;
    height: 100%;
    position: relative;
}

.text-image-animation .images > div {
    aspect-ratio: 493 / 373;
    height: auto;
    left: 0;
    margin-top: 100vh;
    position: sticky;
    width: calc(493 / 578 * 100%);
}

.text-image-animation .images > div:nth-of-type(1) {
    margin-bottom: calc(373 / 1440 * 100vw - 68px - 60px);
    margin-left: auto;
    top: 68px;
}

.text-image-animation .images > div:nth-of-type(2) {
    margin-left: calc(-1 * var(--gap));
    top: calc(373 / 1440 * 100vw - 60px);
}

.text-image-animation .images img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/***Text Media***/

/*Text*/

.text-media {
    overflow: hidden;
    padding-bottom: 120px;
}

.text-media .grid {
    align-items: center;
}

.text-media article {
    grid-column: 1 / span 5;
}

.text-media.dark article,
.text-media.dark article .btn {
    color: var(--white);
}

.text-media article h2 .eyebrow {
    margin: 0 0 15px;
}

.text-media article h2 {
    margin: 0 0 15px;
}

.text-media article p {
    margin: 0;
}

.text-media article .btn {
    margin: 30px 0 0;
}

/*Media*/

.text-media .media-container {
    aspect-ratio: 784 / 441;
    border-radius: 0;
    grid-column: 6 / span 7;
    height: auto;
    left: 20px;
    max-width: 840px;
    position: relative;
    width: calc(100% - 18px + var(--container-outer-margin) + var(--container-outer-padding));
}

.text-media .media-container img,
.text-media .media-container video {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.text-media .media-container .video-button {
    background: none;
    border: none;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.text-media .media-container .video-button img,
.careers-video-carousel img,
.featured-video .video-container img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.text-media .media-container .video-button .play-button,
.careers-video-carousel .play-button,
.video-library-content .video-container .play-button,
.featured-video .video-container .play-button {
    aspect-ratio: 1 / 1;
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
    bottom: 0;
    height: auto;
    min-height: 100px;
    position: absolute;
    right: 0;
    width: 100px;
}

.text-media .media-container .video-button .play-button:before,
.careers-video-carousel .play-button:before,
.video-library-content .video-container .play-button:before,
.featured-video .video-container .play-button:before {
    z-index: unset;
}

.text-media .media-container .video-button .play-button:after,
.careers-video-carousel .play-button:after,
.video-library-content .video-container .play-button:after,
.featured-video .video-container .play-button:after {
    aspect-ratio: 33 / 40;
    background: var(--white);
    clip-path: polygon(0 100%, 100% 50%, 0 0);
    content: '';
    height: auto;
    left: calc(50% + 4px);
    min-height: 40px;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 33px;
}

.text-media .media-container video,
.video-library-content .video-container iframe,
.featured-video .video-container .play-button iframe {
    opacity: 0;
}

.text-media .media-container video.active,
.video-library-content .video-container iframe.active,
.featured-video .video-container .play-button iframe.active {
    opacity: 1;
}

/***Video Hero***/

.new-builder section.video-hero {
    margin: 0 0 110px;
    padding: 32px 0 0;
}

.video-hero .grid {
    align-items: center;
}

.video-hero .video-container {
    aspect-ratio: 791 / 748;
    border-radius: unset;
    grid-column: 1 / span 6;
    left: calc(-1 * var(--container-outer-padding));
    margin: 0;
    max-height: calc(90vh - 230px);
    position: relative;
    width: auto;
}

.video-hero .video-container svg {
    height: calc(100% + 1px);
    max-width: unset;
    position: relative;
    top: 0;
    width: calc(100% + 1px);
    z-index: 1;
}

.video-hero .video-container video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: .5px;
    width: 100%;
}

.video-hero article {
    grid-column: 7 / span 6;
    position: relative;
}

.video-hero h1 {
    font-weight: 600;
}

.video-hero p {
    font-weight: 400;
    margin: 20px 0 0;
}

.video-hero p strong {
    font-weight: 500;
}

.video-hero .arrow-btn-large {
    margin: 40px 0 0;
}

/***Products Grid***/

.product-grid h2 {
    margin-bottom: 60px;
}

.product-grid.dark h2 {
    color: var(--white)
}

.product-grid .grid {
    gap: var(--gap);
    grid-template-columns: repeat(4, 1fr);
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product-grid li {
    aspect-ratio: 1/1;
    height: 100%;
    padding: 20px 25px;
    position: relative;
    width: 100%;
}

.product-grid li::before {
    background: var(--medium-purple);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1;
}

.prod-img-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.prod-img-container::after {
    background: linear-gradient(to bottom, #1D1D1D, transparent);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product-grid li:hover .prod-img-container::after {
    background: #1D1D1D;
    opacity: 90%;
}

img.prod-img,
.prod-img img {
    filter: grayscale(1);
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.prod-title {
    color: var(--white);
    /* font: 500 calc(18rem/16)/calc(24/18) var(--special-font); */
    letter-spacing: .2px;
    margin-bottom: 15px;
    position: relative;
}

.hidden-info {
    opacity: 0;
    position: relative;
}

.product-grid li:hover .hidden-info {
    opacity: 1;
}

.hidden-info p {
    color: var(--white);
}

.hidden-info .btn {
    color: var(--white);
}

/***************************************************************************************************************************************************************************************/

/*BLOG ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.blog {
    background: var(--white);
}

/***Featured Post***/

.featured-post {
    padding: var(--module-spacing-medium) 0 20px;
}

.featured-post .flex-container {
    align-items: center;
}

.featured-post .size-full {
    margin-left: calc(122/1200*-100%);
    width: calc(740/1200*100%);
}

.featured-post img {
    aspect-ratio: 740/523;
    object-fit: cover;
    width: 100%;
}

.featured-post article {
    width: calc(515/1200*100%);
}

.featured-post h2 {
    margin-bottom: 19px;
}

.featured-post h2 a {
    color: var(--black);
}

.featured-post h2 a:hover {
    color: var(--purple);
}

.featured-post h2 span,
.post h3 span {
    display: block;
    margin-bottom: 7px;
    max-width: max-content;
}

/***Blog Posts***/

.blog-posts {
    background: var(--gray-light);
    padding: 100px 0;
}

.blog-posts + .blog-posts {
    padding-top: 0;
}

.blog-posts.posts2 + .blog-posts.posts3 {
    margin-top: -60px;
}

.blog-posts.posts1,
.blog-video + .blog-posts.posts3 {
  background: linear-gradient(to top, #E2E9EC 0%, #FFFFFF 100%);
}

.blog-posts.posts3 {
    padding-bottom: var(--module-spacing-medium);
}

.blog-posts .grid { 
    list-style: none;
    margin: 0;
    padding: 0;
}

.post {
    background: var(--white);
    grid-column: span 4;
}

.post a {
    color: var(--black);
    display: block;
}

.post a:hover {
    color: var(--purple);
}

.post .image {
    position: relative;
}

.post .image img {
    aspect-ratio: 372/279;
    object-fit: cover;
    width: 100%;
}

.post .image .icon {
    align-items: center;
    background: var(--purple);
    bottom: 0;
    color: var(--white);
    display: flex;
    font-size: 24px;
    height: 52px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 52px;
}

.post article {
    padding: 34px 30px 40px;
}

.post h3 {
    font-weight: 500;
    margin-bottom: 12px;
}

.post h3 span {
    margin-bottom: 10px;
}

.post p {
    margin-bottom: 20px;
}

/*Pagination*/

.wp-pagenavi {
    align-items: center;
    display: flex;
    gap: 35px;
    justify-content: center;
    margin-top: var(--module-spacing-small);
}

.wp-pagenavi .current,
.wp-pagenavi a.page {
    color: var(--purple);
    font: 500 calc(14rem/16) var(--special-font);
}

.wp-pagenavi a.page {
    opacity: .5;
}

.wp-pagenavi a.page:hover {
    opacity: 1;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    background: url('svgs/arrow-purple-small.svg') no-repeat;
    height: 9px;
    width: 11px;
}

.wp-pagenavi a.previouspostslink {
    transform: scale(-1,1);
    transform-origin: center;
}

/***Services***/

.blog-services {
    background: url('images/Services-BG.png') no-repeat left center;
    background-size: cover;
    color: var(--white);
    padding: 60px 0 77px;
}

.blog-services h2 {
    align-self: end;
    grid-column: span 4;
}

.blog-services ul {
    grid-column: span 8;
    grid-template-columns: repeat(8,1fr);
    list-style: none;
    margin: 0;
    padding: 0;
    row-gap: 48px;
}

.blog-services li {
    grid-column: span 4;
    padding-right: 20px;
}

.blog-services h3 {
    font-weight: 500;
    margin-bottom: 8px;
}

.blog-services p {
    margin-bottom: 16px;
}

/***Video***/

.blog-video {
    background: no-repeat center;
    background-size: cover;
    padding: 386px 0 148px;
    position: relative;
}

.blog-video:before,
.blog-video .image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.blog-video:before {
    background: var(--purple);
    content: '';
    mix-blend-mode: hard-light;
    opacity: .8;
    z-index: 2;
}

.blog-video .image img {
    filter: grayscale(100%);
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.blog-video article {
    color: var(--white);
    grid-column: span 4;
    position: relative;
    z-index: 3;
}

.blog-video p.small {
    align-items: center;
    display: flex;
    gap: 15px;
    margin-bottom: 22px;
}

.blog-video .pill.outline.marine {
    color: var(--white);
}

.blog-video h2 {
    margin-bottom: 17px;
}

.blog-video p {
    margin-bottom: 19px;
}

/***************************************************************************************************************************************************************************************/

/*BLOG SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

.single-post,
.single-news {
    background: var(--white);
}

/***Hero***/

.post-hero {
    padding-top: 100px;
    position: relative;
}

.post-hero:before {
    background: linear-gradient(180deg, #E2E9EC 0%, #FFFFFF 100%);
    content: '';
    height: 814px;
    left: 0;
    position: absolute;
    top: calc(100% - 278px);
    width: 100%;
}

.post-hero article,
.news-hero article {
    grid-column: 2 / span 10;
    text-align: center;
}

.post-hero h1,
.news-hero h1 {
    margin-bottom: 30px;
}

.post-hero h1 {
  font-weight: 400;
}

.post-hero h1 span {
    display: block;
    margin: 0 auto 20px;
    max-width: max-content;
}

.post-hero p {
    margin-bottom: 60px;
}

.post-hero p span,
.news-hero p {
    font-weight: 500;
}

.post-hero .size-full {
    width: 100%;
}

.post-hero .size-full img,
.post-hero img.size-full {
    aspect-ratio: 990/555;
    object-fit: cover;
}

.single-case-studies .post-hero .size-full img,
.single-case-studies .post-hero img.size-full{
    margin-top: 60px;
}

/***Content***/

.post-content {
    padding: var(--module-spacing-small) 0 var(--module-spacing-medium);
}

/*Sticky Share*/

.post-content .sticky-share {
    align-items: center;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 34px;
    grid-column: 12;
    justify-self: end;
    line-height: 1;
    list-style: none;
    margin: -280px -27px 0 0;
    padding: 0;
    position: sticky;
    top: 160px;
}

.post-content .sticky-share a {
    color: var(--purple);
    font-size: calc(27rem/16);
}

.post-content .sticky-share a:hover {
    color: var(--purple);
}

/*Type Styles*/

.post-content article {
    grid-column: 3 / span 8;
}

.post-content article > h2 {
    margin-bottom: 20px;
}

.post-content article > p {
    margin-bottom: 32px;
}

.post-content article > * + h2,
.post-content article > * + h3,
.post-content article > * + h4 {
    margin-top: 40px;
}

.post-content article > h4 {
    color: var(--gray-dark);
    margin-bottom: 4px;
}

.post-content article ol,
.post-content article ul:not(.two-column-images):not(.post-tags) {
    color: var(--dark-black);
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 8px;
    list-style: none;
    margin: 40px 0;
    padding: 0;
}

.post-content article ol {
    counter-reset: my-awesome-counter;
}

.post-content article ol li,
.post-content article ul:not(.two-column-images):not(.post-tags) li {
    padding-left: 47px;
    position: relative;
}

.post-content article ol li {
    counter-increment: my-awesome-counter;
}

.post-content article ol li:before,
.post-content article ul:not(.two-column-images):not(.post-tags) li:before {
    left: 0;
    position: absolute;
}

.post-content article ul:not(.two-column-images):not(.post-tags) li:before {
    background: var(--purple);
    content: '';
    height: 10px;
    top: 8px;
    width: 10px;
}

.post-content article ol li::before {
    color: var(--purple);
    content: counter(my-awesome-counter);
    top: 0;
}

.post-content article p a:not([class]) {
  color: var(--purple);
  font-weight: 500;
}

.post-content article p a:not([class]):hover {
  color: var(--black);
  text-decoration: underline;
}

/*Full Images*/

.post-content article .wp-caption {
    margin: 48px 0 40px;
    max-width: 100%;
    width: 100% !important;
}

.post-content article .wp-caption-text {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: calc(28/16);
    margin: 0;
    padding-top: 10px;
}

/*Two Column Images*/

.post-content article .two-column-images {
    grid-template-columns: 1fr 1fr;
    list-style: none;
    margin: 50px 0 40px;
    padding: 0;
}

/*Animated Quotes*/

.single-post-quote {
    margin: 40px 0;
}

.single-post-quote .quote-container {
    padding-left: 71px;
}

.single-post-quote blockquote {
    font-size: calc(40rem / 16);
    letter-spacing: 0.6px;
    line-height: calc(48 / 40);
    margin: 0;
    padding: 6px 0 24px;
}

.single-post-quote blockquote svg {
    left: -71px;
    width: 52px;
}

.single-post-quote cite {
    flex-direction: row;
    font: 500 1rem/calc(28/16) var(--body-font);
    letter-spacing: .2px;
}

.single-post-quote cite .company {
    font-weight: 300;
}

/*Video*/

.post-content article iframe {
    aspect-ratio: 16/9;
    height: auto;
    object-fit: cover;
    width: 100%;
}

/*Callout*/

.post-content .post-callout {
    background: var(--gray-light);
    margin: 60px -104px;
    padding: var(--module-spacing-small);
    text-align: center;
    width: calc(100% + 204px);
}

.post-content .post-callout h3 {
    margin-bottom: 20px;
} 

.post-content .post-callout h3 span {
    color: var(--purple);
}

.post-content .post-callout p {
    margin-bottom: 30px;
}

/*Related*/

.related-article {
    margin: 48px 0;
}

.related-article .eyebrow {
    margin-bottom: 24px;
}

.related-article a {
    align-items: center;
    color: var(--black);
    padding: 40px 0;
    position: relative;
    z-index: 2;
}

.related-article a:before {
    background: var(--gray-light);
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 140px);
    z-index: -1;
}

.related-article .size-large {
    width: calc(200/784*100%);
}

.related-article img {
    aspect-ratio: 200/150;
    object-fit: cover;
    width: 100%;
}

.related-article .content {
    margin-right: 15px;
    width: calc(540/784*100%);
}

.related-article h4 {
    font-weight: 500;
    margin-bottom: 8px;
}

.related-article p.small {
    font-weight: 500;
    margin-bottom: 12px;
}

.related-article p {
    margin-bottom: 16px;
}

/*Post Meta*/

.post-meta {
    align-items: center;
    border-top: 1px solid var(--gray-light);
    margin-top: 60px;
    padding-top: 30px;
}

.post-meta p {
    margin: 0;
}

.post-meta span {
    font-weight: 500;
}

.post-meta ul {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-meta li a {
  text-transform: none;
}

/***Related Articles***/

.related-articles {
    background: var(--dark-black);
    padding: var(--module-spacing-small) 0 var(--module-spacing-large);
    position: relative;
}

.related-articles:before {
    background: linear-gradient(to bottom, #E2E9EC 0%, #FFFFFF 100%);
    bottom: 0;
    content: '';
    height: calc(100% - 620px);
    left: 0;
    position: absolute;
    width: 100%;
}

.related-articles h2 {
    color: var(--white);
    margin-bottom: var(--module-spacing-small);
}

.related-articles h2 span {
    color: var(--marine-blue);
    margin-bottom: 20px;
}

.related-articles ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.related-articles .btn.new-secondary {
    display: block;
    margin: 60px auto 0;
    max-width: max-content;
}

/***************************************************************************************************************************************************************************************/

/*TEAM PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-team {
    background: var(--white);
}

/***Hero**/

.team-hero {
    overflow: hidden;
    padding-top: 100px;
}

.team-hero article {
    grid-column: span 6;
    margin-top: 40px;
}

.team-hero h1 {
    margin-bottom: 40px;
}

.team-hero h1 .eyebrow {
    margin-bottom: 20px;
}

.team-hero p.heading-5 {
    margin-bottom: 12px;
}

.team-hero p {
    margin: 0;
}

.team-hero .size-full {
    grid-column: span 6;
    max-width: none;
    width: calc(100% + 122px);
}

/***Team Groups**/

.team-groups {
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E9EC 50%, #FFFFFF 100%);
    padding: var(--module-spacing-large) 0;
}

.team-groups h2 {
    color: var(--purple);
    font-weight: 500;
    margin-bottom: 60px;
}

.team-groups ul + h2 {
    margin-top: var(--module-spacing-large);
}

.team-groups ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.team-groups .three-column li {
    grid-column: span 4;
}

.team-groups .four-column li {
    grid-column: span 3;
}

.team-groups .open-popup {
    background: none;
    border: none;
    border-radius: 0;
    color: var(--black);
    font-family: inherit;
    padding: 0;
}

.team-groups .image {
    margin-bottom: 12px;
    position: relative;
    width: 100%;
}

.team-groups .image img {
    aspect-ratio: 1/1;
    filter: grayscale(100%);
    object-fit: cover;
    transition: filter .25s ease;
    width: 100%;
}

.team-groups .open-popup:hover .image img {
    filter: grayscale(0);
}

.team-groups .arrow-btn-large {
    bottom: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    transform: rotate(-90deg);
    transition: opacity .25s ease;
}

.team-groups .open-popup:hover .arrow-btn-large {
    opacity: 1;
}

.team-groups .position {
    display: block;
    font: 500 calc(14rem/16)/calc(24/14) var(--special-font);
}

/*Popups*/

.popup-active:before {
    background: var(--black);
    content: '';
    height: 100%;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.popup {
    align-items: start;
    background: var(--white);
    display: none;
    justify-content: space-between;
    left: 50%;
    max-height: 90vh;
    max-width: 90vw;
    overflow: auto;
    padding: 100px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    visibility: hidden;
    width: 1127px;
}

.popup.active {
    display: flex;
    visibility: visible;
    z-index: 999999;
}

.team-groups .popup:before {
    background: var(--gray-light);
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: calc(382/1127*100%);
    z-index: -1;
}

.popup .close-popup {
    align-items: center;
    background: linear-gradient(200deg, #870B71 0%, var(--purple) 100%);
    border: none;
    color: var(--white);
    display: flex;
    font-size: calc(18rem/16);
    height: 48px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
}

.popup .close-popup:before {
    z-index: 1;
}

.popup .close-popup svg {
    position: relative;
    z-index: 2;
}

.team-groups .popup .size-large {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: calc(372/927*100%);
}

.team-groups .popup article {
    width: calc(515/927*100%);
}

.team-groups .popup h3 {
    margin-bottom: 5px;
}

.team-groups .popup .heading-5 {
    display: block;
    margin-bottom: 18px;
}

.team-groups .popup .linkedin {
    color: var(--black);
    font-size: calc(18rem/16);
}

.team-groups .popup .linkedin:hover {
    color: var(--purple);
}

.team-groups .popup p {
    margin: 20px 0 0;
}

/***Recent Posts**/

.recent-posts-alt {
    padding-bottom: var(--module-spacing-large);
    position: relative;
}

.recent-posts-alt:before {
    background: var(--gray-light);
    bottom: 0;
    content: '';
    height: calc(100% - 330px);
    left: 0;
    position: absolute;
    width: 100%;
}

.recent-posts-alt h2 {
    margin-bottom: 60px;
}

.recent-posts-alt h2 span {
    margin-bottom: 20px;
}

.recent-posts-alt ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.recent-posts-alt .btn.new-secondary {
    display: block;
    margin: 40px auto 0;
    max-width: max-content;
}

/*** Recent News ***/

.news-posts.recent-news {
    margin-top: 0;
    padding-bottom: var(--module-spacing-large);
}

.news-posts.recent-news:before {
    background: var(--gray-light);
}

.news-posts.recent-news h2 {
    color: var(--black);
}

.news-posts.recent-news h2 span {
    margin-bottom: 20px;
}

.news-posts.recent-news .btn.new-secondary {
    display: block;
    margin: 40px auto 0;
    max-width: max-content;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-default,
.error404 {
    background: var(--white);
}

.page-template-default main tbody tr {
    border-bottom: 1px solid var(--gray-dark);
}

.page-template-default main tbody tr:nth-of-type(2n+1) {
    background: transparent;
}

.page-template-default main tbody td {
    vertical-align: middle;
    width: 50%;
}

/***Hero***/

.page-hero-default {
    background: var(--dark-black);
    color: var(--white);
    margin-top: 30px;
    padding: var(--module-spacing-small) 0 106px;
}

.page-hero-default h1 span {
    color: var(--marine-blue);
    margin-bottom: 20px;
}

/***Page Content***/

.page-content {
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E9EC 75%);
}

/***************************************************************************************************************************************************************************************/

/*NEWS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.post-type-archive-news {
    background: var(--white);
}

/***Hero***/

.news-archive-hero {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E2E9EC 57%);
    padding: var(--module-spacing-medium) 0 410px;
}

.news-archive-hero h1 {
    grid-column: span 6;
}

.news-archive-hero h1 span {
    color: var(--purple);
}

.news-archive-hero p {
    font: 300 calc(30rem/16)/calc(36/30) var(--heading-font);
    grid-column: span 6;
    margin: 0;
}

.news-archive-hero p span {
    font-weight: 500;
}

/***News Posts***/

.news-posts {
    margin-top: -292px;
    padding-bottom: var(--module-spacing-medium);
    position: relative;
}

.news-posts:before {
    background: var(--dark-black);
    bottom: 0;
    content: '';
    height: calc(100% - 292px);
    left: 0;
    position: absolute;
    width: 100%;
}

.news-posts h2 {
    color: var(--purple);
    margin-bottom: 60px;
}

.news-posts .grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-posts li {
    grid-column: span 4;
}

/*Posts*/

.news-posts li a {
    background: var(--white);
    color: var(--black);
    display: block;
    height: 100%;
    overflow: hidden;
    padding-bottom: var(--module-spacing-small);
    position: relative;
}

.news-posts li a:hover {
    color: var(--purple);
}

.news-posts li .image {
    align-items: center;
    aspect-ratio: 372/279;
    background: var(--gray-light-fifty);
    display: flex;
    justify-content: center;
    position: relative;
}

.news-posts li .size-large:not(.logo) {
    aspect-ratio: 372/279;
    object-fit: cover;
    width: 100%;
}

.news-posts li .size-large.logo {
    max-height: 90px;
    max-width: 180px;
    width: auto;
}

.news-posts li .award-flag {
    background: var(--purple);
    color: var(--white);
    font: 500 calc(10rem/16)/calc(20/10) var(--special-font);
    letter-spacing: 2px;
    padding: 0 20px 2px;
    position: absolute;
    right: -20px;
    text-align: center;
    text-transform: uppercase;
    top: 14px;
    transform: rotate(45deg);
}

.news-posts li article {
    padding: 36px 30px 0;
}

.news-posts li p.small {
    font-weight: 500;
    margin-bottom: 4px;
}

.news-posts li p + p {
    margin: 0;
}

.news-posts li .btn.plain.text {
    align-items: center;
    bottom: 0;
    display: flex;
    gap: 16px;
    left: 0;
    position: absolute;
    text-decoration: none;
}

.news-posts li .btn.plain.text .icon {
    border-radius: 0;
    font-size: 14px;
    height: 44px;
    margin: 0;
    order: -1;
    width: 44px;
}

.news-posts li .internal .btn.plain.text .icon {
    background-image: url('svgs/arrow-right-rounded.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.news-posts li .internal .btn.plain.text .icon svg {
    display: none;
}

.news-posts .btn-hover:hover .btn.plain.text .icon {
    font-size: 16px;
    transform: translateX(0);
}

.news-posts li .internal:hover .btn.plain.text .icon {
    background-size: 18px auto;
}

/*Pagination*/

.news-posts .wp-pagenavi .current, 
.news-posts .wp-pagenavi a.page,
.news-posts .wp-pagenavi a.page:hover {
    color: var(--white);
}

.news-posts .wp-pagenavi a.previouspostslink,
.news-posts .wp-pagenavi a.nextpostslink {
    background: url('svgs/arrow-right-rounded.svg') no-repeat;
}

/***************************************************************************************************************************************************************************************/

/*NEWS SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.news-hero {
    background: linear-gradient(to top, #E2E9EC 0%, #FFFFFF 100%);
    padding: var(--module-spacing-medium) 0 var(--module-spacing-small);
}

.news-hero p {
    margin: 0;
}

/***Post Content***/

.single-news .post-content .sticky-share {
    margin-top: 80px;
}

/***************************************************************************************************************************************************************************************/

/*REQUEST A DEMO PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-demo {
    background: var(--white);
}

/***Form Content***/

.demo-form {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E2E9EC 100%);
    padding: 140px 0 var(--module-spacing-medium);
}

/*Intro*/

.demo-form .intro {
    grid-column: 3 / span 8;
    margin-bottom: 60px;
    text-align: center;
}

.demo-form h1 {
    margin-bottom: 23px;
}

.demo-form h1 span {
    color: var(--purple);
}

.demo-form h1 .eyebrow {
    margin: 0 auto 20px;
}

.demo-form p.heading-5 {
    margin: 0;
}

/*Video*/

.demo-form video,
.demo-form .size-xlarge {
    grid-column: span 6;
    margin-left: calc(-74px - 60px);
    width: calc(100% + 60px);
}

.demo-form .form {
    grid-column: span 6;
}

.demo-form h2 {
    margin-bottom: 40px;
}

.demo-form h2 span {
    color: var(--gray-dark);
    margin-bottom: 15px;
}

/*Form*/

.demo-form iframe {
    height: 100%;
    min-height: 765px;
}

/***Side-by-Side CTA****/

.page-template-page-demo .side-by-side-cta {
    padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*OPEN POSITIONS PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-open-positions {
    background: var(--white);
}

/***Hero***/

.positions-hero {
    padding: 110px 0 82px;
}

.positions-hero h1 span {
    margin-bottom: 20px;
}

/***Positions Content***/

.positions-content {
    background: linear-gradient(to bottom, #E2E9EC 85%, #FFFFFF 100%);
    padding: 60px 0 var(--module-spacing-large);
}

/*Listings*/

.positions-content article {
    grid-column: span 7;
}

.positions-content .lever-department + .lever-department {
    margin-top: 60px;
}

.positions-content .lever-department h3 {
    color: var(--purple);
    margin-bottom: 50px;
}

.positions-content .lever-department h4 {
    color: var(--gray-dark);
    margin-bottom: 20px;
}

.positions-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.positions-content .lever-team + .lever-team {
    margin-top: 40px;
}

.positions-content .lever-team ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.positions-content .lever-team  li {
    position: relative;
}

.positions-content .lever-job-title {
    background: var(--white);
    color: var(--black);
    display: block;
    font: 500 calc(30rem/16)/calc(36/30) var(--heading-font);
    padding: 72px 90px 40px 35px;
    position: relative;
}

.positions-content .lever-job-title:hover {
    color: var(--black);
}

.positions-content .lever-job-title:before {
    background: url('svgs/arrow-button-large.svg') no-repeat;
    bottom: 0;
    content: '';
    height: 52px;
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    transition: all .25s ease;
    width: 52px;
}

.positions-content .lever-job-title:hover::before {
    opacity: .5;
}

.positions-content .lever-team .lever-job-tag {
    background: url('svgs/icon-pin.svg') no-repeat left center;
    background-size: 9px auto;
    left: 35px;
    padding-left: 21px;
    position: absolute;
    top: 40px;
}

/*Jump Links*/

.positions-content aside {
    align-self: start;
    background: var(--white);
    grid-column: 9 / span 4;
    padding: 40px 62px;
    position: sticky;
    top: 50px;
}

.positions-content aside h3 {
    margin-bottom: 20px;
}

.positions-content aside ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/***************************************************************************************************************************************************************************************/

/*FAQs PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-new-faq {
    background: var(--white);
}

/***Hero***/

.faqs-hero {
    background: var(--dark-black);
    margin: 30px 0 0;
    padding: 70px 0 106px;
}

.faqs-hero h1 {
    color: var(--white);
}

.faqs-hero h1 .eyebrow {
    color: var(--marine-blue);
    margin: 0 0 30px;
}

/***FAQs***/

.faqs-hero + .new-builder .new-faqs.light,
.faqs-hero + .new-builder .new-faqs.light.gradient-background {
    padding: 80px 0 120px;
}

/***Callout Cards***/

.faqs-hero + .new-builder section.callout-cards {
    padding-top: 0;
}

/***Animated CTA***/

.faqs-hero + .new-builder .animated-cta.gradient-background:before {
    background: var(--gray-light);
}

/***************************************************************************************************************************************************************************************/

/*ABOUT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.about-hero {
    overflow: hidden;
    padding: 140px 0 120px;
    position: relative;
}

.about-hero article {
    margin: 0 0 80px;
}

.about-hero h1 {
    grid-column: 1 / span 10;
}

.about-hero h1 .eyebrow {
    color: var(--purple);
    margin: 0 0 20px;
}

/*Slideshow*/

.image-slideshow {
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.image-slideshow .slick-slide {
    margin: 0 20px;
}

.image-slideshow img {
    height: auto;
    max-height: 340px;
    max-width: 340px;
    width: auto;
}

/***Intro CTA***/

.about-intro .container {
    padding-bottom: 210px;
}

.about-intro h2 {
    grid-column: 1 / -1;
    margin: 0 0 -10px;
}

.about-intro h2 span {
    color: var(--purple);
}

.about-intro .left-copy {
    grid-column: 1 / span 5;
    margin: 0;
    width: calc(100% + var(--gap));
}

.about-intro .right-copy {
    grid-column: 7 / span 5;
    margin: 0;
}

.about-intro .btn {
    bottom: 0;
    position: absolute;
    right: calc(-1 * var(--container-outer-margin));
}

/***Related Posts***/

.from-the-blog.related-articles:before {
    background: var(--gray-light);
}

/***Our Culture***/

.culture {
    background: linear-gradient(0deg, var(--white) 0%, var(--gray-light) 100%);
}

.culture article {
    grid-column: 1 / span 5;
    width: calc(100% + var(--gap));
}

.culture article h2 .eyebrow {
    color: var(--purple);
    margin: 0 0 20px;
}

.culture article p.large {
    margin: 30px 0 0;
}

.culture article ul {
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
}

.culture article li:not(:last-child) {
    margin: 0 0 20px;
}

/*Values Accordion*/

.culture .values {
    grid-column: 7 / span 6;
    list-style: none;
    margin: 50px 0 0;
    padding: 57px 47px 160px 63px;
    position: relative;
}

.culture .values:before {
    background: var(--white);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
    z-index: 1;
}

.culture .values li {
    position: relative;
    z-index: 2;
}

.culture .values li:not(:last-child) {
    border-bottom: 1px solid var(--gray-light);
}

.culture .values button {
    background: none;
    border: none;
    color: var(--black);
    font: 500 calc(18rem / 16)/calc(32 / 18) var(--body-font);
    letter-spacing: 0.2px;
    padding: 12px 57px 12px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.culture .values button span {
    aspect-ratio: 1 / 1;
    background: var(--gray-light);
    height: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
}

.culture .values button span:before,
.culture .values button span:after {
    background: var(--black);
    content: '';
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: top left;
    transition: all 0.25s ease;
}

.culture .values button span:before {
    height: 11px;
    width: 1px;
}

.culture .values button span:after {
    height: 1px;
    width: 11px;
}

.culture .values .accordion.active button span:before {
    transform: rotate(90deg) translate3d(-50%, -50%, 0);
}

.culture .values .content {
    margin: -7px 0 12px;
    padding: 0 57px 0 0;
}

.culture .values .content p {
    margin: 0;
}

/***Timeline***/

.about-timeline {
    padding: 140px 0 0;
}

.about-timeline .timeline {
    align-items: flex-end;
    border-bottom: 1px solid var(--dark-black);
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.about-timeline .btn.arrow-btn-large {
    display: none;
}

.about-timeline .timeline .current-year,
.about-timeline .timeline .hover-year {
    background: none;
    color: var(--black);
    font: 400 calc(486rem / 16)/calc(284 / 486) var(--heading-font);
    height: max-content;
    left: 50%;
    letter-spacing: 8.1px;
    opacity: 0.08;
    position: absolute;
    top: 88px;
    transform: translateX(-50%);
    transition: all 0.25s ease;
    visibility: visible;
    width: max-content;
}

.about-timeline .timeline .current-year:before,
.about-timeline .timeline .hover-year:before {
    display: none;
}

.about-timeline .timeline .current-year.hide {
    opacity: 0;
    visibility: hidden;
}

.about-timeline .timeline .hover-year {
    opacity: 0;
    visibility: hidden;
}

.about-timeline .timeline .hover-year.show {
    opacity: 0.08;
    visibility: visible;
}

.about-timeline .timeline .active-triangle {
    background: var(--purple);
    bottom: -5px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 13px;
    pointer-events: none;
    position: absolute;
    transition: all 0.25s ease;
    width: 16px;
    z-index: 1;
}

.about-timeline .timeline .active-triangle.hide {
    opacity: 0;
}

.about-timeline .timeline .year {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    width: calc((100% / 5) - 18px);
}

.about-timeline .timeline .year > span,
.about-timeline .timeline > span {
    height: 610px;
    position: relative;
    width: 1px;
}

.about-timeline .timeline .year > span:before,
.about-timeline .timeline > span:before,
.about-timeline .timeline span.new-year:before {
    background: #979797;
    bottom: 0;
    content: '';
    height: 6px;
    left: 0;
    position: absolute;
    transition: all 0.25s ease;
    width: 1px;
    z-index: -1;
}

.about-timeline .timeline span.new-year:before {
    background: var(--dark-black);
    height: 22px;
}

.about-timeline .timeline .year > span.active:before {
    height: 50%;
}

.about-timeline .timeline .year > span.show:before {
    height: 50% !important;
}

.about-timeline .timeline .year > span.show.hover-offset:before {
    height: 155px !important;
}

.about-timeline .timeline .year > span.hide:before {
    height: 6px !important;
}

.about-timeline .timeline .year > span.new-year.hide:before {
    height: 22px !important;
}

.about-timeline .timeline span span.block {
    background: var(--purple);
    bottom: -4px;
    cursor: pointer;
    height: 7px;
    left: -3px;
    position: absolute;
    transform: unset;
    transition: all 0.25s ease;
    width: 7px;
}

.about-timeline .timeline span.active .block {
    opacity: 0;
}

.about-timeline .timeline span.show .block,
.about-timeline .timeline span.hide .block {
    opacity: 1 !important;
}

.about-timeline .timeline .new-year > span {
    bottom: 32px;
    color: var(--dark-black);
    font: 400 calc(12rem / 16)/calc(14 / 12) var(--special-font);
    left: 50%;
    letter-spacing: 0.4px;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.about-timeline .timeline article {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease;
    visibility: hidden;
    width: 400px;
}

.about-timeline .timeline .year-2018 article {
    left: -120px;
}

.about-timeline .timeline .year-2018 article.hover-offset:nth-of-type(1),
.about-timeline .timeline .year-2022 article.hover-offset:nth-of-type(1) {
    transform: translateY(calc(-20% - 40px));
}

.about-timeline .timeline .year-2018 article.hover-offset:nth-of-type(2),
.about-timeline .timeline .year-2022 article.hover-offset:nth-of-type(2) {
    transform: translateY(80%);
}

.about-timeline .timeline .year-2019 article,
.about-timeline .timeline .year-2020 article,
.about-timeline .timeline .year-2021 article {
    left: 50%;
    transform: translateX(-50%);
}

.about-timeline .timeline .year-2019 article.hover-offset:nth-of-type(1),
.about-timeline .timeline .year-2020 article.hover-offset:nth-of-type(1),
.about-timeline .timeline .year-2021 article.hover-offset:nth-of-type(1) {
    transform: translateX(-50%) translateY(calc(-20% - 40px));
}

.about-timeline .timeline .year-2019 article.hover-offset:nth-of-type(2),
.about-timeline .timeline .year-2020 article.hover-offset:nth-of-type(2),
.about-timeline .timeline .year-2021 article.hover-offset:nth-of-type(2) {
    transform: translateX(-50%) translateY(80%);
}

.about-timeline .timeline .year-2022 article {
    left: unset;
    right: -120px;
}

.about-timeline .timeline .year > span.active article.active {
    opacity: 1;
    visibility: visible;
}

.about-timeline .timeline .year > span.show article.show {
    opacity: 1 !important;
    visibility: visible !important;
}

.about-timeline .timeline .year > span.hide article.hide {
    opacity: 0 !important;
    visibility: hidden !important;
}

.about-timeline .timeline article.hover-offset:nth-of-type(2) .eyebrow {
    display: none;
}

.about-timeline .timeline article h2 {
    margin: 0 0 24px;
}

.about-timeline .timeline article.hover-offset h2 {
    font-size: calc(24rem / 16);
}

.about-timeline .timeline article .img-container {
    aspect-ratio: 400 / 267;
    height: auto;
    width: 100%;
}

.about-timeline .timeline article.hover-offset {
    width: 300px;
}

.about-timeline .timeline article .img-container img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.about-timeline p.instructions {
    color: var(--black);
    font: 500 calc(16rem / 16)/calc(28 / 16) var(--body-font);
    margin: 30px auto 0;
    max-width: max-content;
    opacity: 0.26;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

/***Stats***/

.stats {
    padding: 260px 0;
    position: relative;
}

.stats .flex-container {
    align-items: center;
}

/*Image*/

.stats .img-container {
    height: max-content;
    width: calc(618 / 1196 * 100%);
}

.stats .img-container img {
    width: 100%;
}

/*Content*/

.stats .content {
    display: flex;
    flex-direction: column;
    width: calc(475 / 1196 * 100%);
}

.stats .content article {
    margin: 0 0 74px;
}

.stats .content h2 .eyebrow {
    color: var(--purple);
    margin: 0 0 25px;
}

.stats .content article p {
    font-weight: 500;
    line-height: calc(32 / 18);
    margin: 25px 0 0;
}

/*Stats Content*/

.stats ul {
    display: grid;
    gap: 46px 70px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0 20px;
    padding: 0;
}

.stats li {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.stats li h3 {
    color: var(--purple);
}

.stats li p {
    font-weight: 500;
    margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*CONTACT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-contact {
    background: var(--white);
}

/***Hero***/

.contact-hero {
    padding: 110px 0 108px;
}

.contact-hero h1 {
    margin-bottom: 48px;
}

.contact-hero h1 .eyebrow,
.contact-headquarters h2 .eyebrow,
.contact-offices h2 .eyebrow {
    margin-bottom: 20px;
}

.contact-hero img.size-full,
.contact-hero .size-full img {
    width: 100%;
}

/***Headquarters***/

.gradient-bkg {
    background: linear-gradient(180deg, #FFFFFF 0%, #E2E9EC 57%);
}

.contact-headquarters {
    padding-bottom: 142px;
}

.contact-headquarters h2 {
    margin-bottom: 78px;
    text-align: center;
}

.contact-headquarters article {
    background: var(--white);
    padding: 80px 100px;
}

.contact-headquarters article:nth-of-type(2) {
    margin-top: 40px;
}

.contact-headquarters article > div:nth-of-type(1) {
    width: calc(370/993*100%);
}

.contact-headquarters article > div:nth-of-type(2),
.contact-headquarters article > div:nth-of-type(3) {
    border-left: 1px solid #D6D6D6;
    padding-left: 40px;
    width: calc(262/993*100%);
}

.contact-headquarters article > div:nth-of-type(3) {
    width: calc(200/993*100%);
}

.contact-headquarters h3 {
    font-weight: 400;
    margin-bottom: 40px;
}

.contact-headquarters h3 span {
    margin-bottom: 20px;
}

.contact-headquarters p {
    font-weight: 500;
    margin: 0;
}

.contact-headquarters h4 {
    margin-bottom: 30px;
}

.contact-headquarters ul,
.contact-offices .location ul {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-headquarters li .eyebrow,
.contact-offices .location li .eyebrow {
    color: var(--gray-dark);
    margin-bottom: 10px;
}

.contact-headquarters li a,
.contact-offices .location a {
    color: var(--black);
}

.contact-headquarters li a:hover,
.contact-offices .location a:hover {
    color: var(--purple);
}

.contact-headquarters address,
.contact-offices .location address {
    font-style: normal;
}

/***Offices***/

.contact-offices {
    overflow: hidden;
    padding-bottom: 160px;
}

.contact-offices h2 {
    margin-bottom: 100px;
    text-align: center;
}

.contact-offices .grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-offices li {
    grid-column: span 4;
    position: relative;
}

.contact-offices li.location {
    background: var(--white);
    padding: 60px 30px 65px;
    text-align: center;
}

.contact-offices h3 {
    margin-bottom: 45px;
}

.contact-offices h3 .eyebrow {
    margin-bottom: 15px;
}

.contact-offices .location ul {
    gap: 40px;
}

/***Images***/

.contact-offices li:nth-of-type(13) {
    grid-column: span 8;
}

.contact-offices li .size-xlarge,
.contact-offices li .size-full {
    height: 100%;
    max-width: unset;
    position: absolute;
    top: 0;
    width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.contact-offices li:nth-of-type(4) .size-xlarge,
.contact-offices li:nth-of-type(4) .size-full,
.contact-offices li:nth-of-type(13) .size-xlarge,
.contact-offices li:nth-of-type(13) .size-full {
    right: 0;
}

.contact-offices li:nth-of-type(3) .size-xlarge,
.contact-offices li:nth-of-type(3) .size-full
.contact-offices li:nth-of-type(9) .size-xlarge,
.contact-offices li:nth-of-type(9) .size-full {
    left: 0;
}

.contact-offices li img {
    object-fit: cover;
    object-position: top;
    width: 100%;
}

/***Contact Form***/

.contact-form {
    padding-bottom: var(--module-spacing-small);
}

.contact-form h2 {
    margin-bottom: 40px;
}

.contact-form h2 span {
    color: var(--gray-dark);
    margin-bottom: 15px;
}

.contact-form iframe {
    height: 100%;
    min-height: 765px;
}

/***CTAs***/

.page-template-page-contact .side-by-side-cta .cta-box.light {
    background: var(--white);
}

/***************************************************************************************************************************************************************************************/

/*REIBUS U LANDING PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-reibus-u {
    background: var(--white);
}

/***Hero***/

.reibusu-hero {
    padding: var(--module-spacing-medium) 0;
}

.reibusu-hero .size-full {
    grid-column: span 6;
    margin: 0 calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
    max-width: none;
    width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.reibusu-hero .size-full img {
    width: 100%;
}

.reibusu-hero article {
    grid-column: 8 / span 5;
    margin-top: 40px;
}

.reibusu-hero h1 {
    margin-bottom: 25px;
}

.reibusu-hero p.heading-6 {
    color: var(--gray-dark);
    margin-bottom: 40px;
}

.reibusu-hero p:not(.heading-6) {
    align-items: center;
    display: flex;
    font-weight: 500;
    gap: 20px;
    margin: 0;
}
		
/***All Courses***/

.reibus-courses {
    background: linear-gradient(180deg, #E2E9EC 0%, #FFFFFF 100%);
    padding: var(--module-spacing-medium) 0 100px;
}

.reibus-courses h2 {
    margin-bottom: 90px;
    text-align: center;
}

.reibus-courses ul {
    display: flex;
    flex-direction: column;
    gap: 100px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*Course Info*/

.reibus-courses .grid ul {
    gap: 25px;
    margin-bottom: 40px;
}

.reibus-courses .grid article {
    grid-column: span 6;
}

.reibus-courses .grid h3 {
    margin-bottom: 25px;
}

.reibus-courses .grid article > p {
    color: var(--gray-dark);
    font-weight: 500;
    margin-bottom: 40px;
}

.reibus-courses .accordion {
    background: var(--white);
}

.reibus-courses .accordion button,
.careers-benefits button {
    background: none;
    border: none;
    border-radius: 0;
    padding: 15px 65px 15px 30px;
    position: relative;
    text-align: left;
    width: 100%;
}

.reibus-courses .accordion .icon,
.careers-benefits button .icon {
    align-items: center;
    background: var(--gray-light);
    color: var(--black);
    display: flex;
    font-size: calc(13rem/16);
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .25s ease;
    width: 26px;
}

.reibus-courses .accordion button:hover .icon,
.careers-benefits button:hover .icon {
    background: var(--purple);
    color: var(--white);
}

.reibus-courses .accordion .icon .fa-minus,
.reibus-courses .accordion.active .icon .fa-plus,
.careers-benefits .accordion .icon .fa-minus,
.careers-benefits .accordion.active .icon .fa-plus {
    display: none;
}

.reibus-courses .accordion.active .icon .fa-minus,
.careers-benefits .accordion.active .icon .fa-minus {
    display: block;
}

.reibus-courses .accordion .content {
    padding: 0 72px 24px 30px;
}

.reibus-courses .accordion .content p {
    margin-bottom: 24px;
}

/*Sticky Video*/

.reibus-courses .video-carousel {
    align-self: start;
    grid-column: span 6;
    margin: 0 0 0 60px;
    position: sticky;
    top: 50px;
    width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - 60px);
}

.reibus-courses .grid:nth-of-type(even) .video-carousel {
    margin: 0 0 0 calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
    order: -1;
}

.reibus-courses .video-carousel.carousel-container .carousel video,
.reibus-courses .video-carousel.carousel-container .carousel img {
    border-radius: 0;
}

.reibus-courses .video-carousel.carousel-container .carousel .slick-dots {
    left: 20px;
}
		
/***Glossary***/

.glossary-intro {
    padding: 87px 0 178px;
}

.glossary-intro article {
    grid-column: span 6;
    margin-top: 96px;
    padding-right: 63px;
}

.glossary-intro h2 {
    margin-bottom: 25px;
}

.glossary-intro h2 span {
    color: var(--purple);
}

.glossary-intro p {
    font-weight: 500;
    margin-bottom: 40px;
}

.glossary-intro .size-xlarge {
    grid-column: span 6;
    margin-left: auto;
    width: calc(100% - 24px);
}
		
/***Resources***/

.resources-list {
    padding-bottom: var(--module-spacing-large);
}

.resources-list h2 {
    margin-bottom: 60px;
    text-align: center;
}

.resources-list .grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resources-list .grid li {
    grid-column: span 4;
}

.resources-list .grid a {
    background: var(--white);
    color: var(--black);
    display: block;
    padding: 50px 40px 60px;
}

.resources-list .grid h3 {
    margin-bottom: 8px;
}

.resources-list .grid p {
    margin-bottom: 40px;
}

/***************************************************************************************************************************************************************************************/

/*CAREERS PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-careers-new {
    background: var(--white);
}

/***Hero***/

.careers-hero {
    padding: 60px 0 38px;
}

.careers-hero > .grid {
    align-items: center;
}

.careers-hero article {
    grid-column: span 5;
    margin-top: 80px;
    padding-bottom: 118px;
}

.careers-hero h1,
.careers-hero h1 span {
    margin-bottom: 20px;
}

.careers-hero p {
    margin-bottom: 40px;
}

.careers-hero ul {
    gap: 20px 0;
    grid-column: 7 / span 6;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: repeat(3, 1fr);
    list-style: none;
    margin: 0 0 0 calc(-1*var(--gap));
    padding: 0;
}

.careers-hero ul li {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.careers-hero ul li:nth-of-type(odd) {
    grid-column: span 4;
}

.careers-hero ul li:nth-of-type(2) {
    grid-column: 2 / span 4;
}

.careers-hero ul img {
    object-fit: cover;
    width: 100%;
}
		
/***Sticky***/

.sticky-careers {
    padding-bottom: 40px;
    position: sticky;
    top: -1px;
    z-index: 99;
}

.sticky-careers ul {
    align-items: center;
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sticky-careers li:first-child {
    font-weight: 500;
    margin-right: 8px;
}

.sticky-careers a {
    background: var(--gray-light-fifty);
    border-radius: 20px;
    color: var(--black);
    display: block;
    font: calc(13rem/16)/calc(16/13) var(--special-font);
    letter-spacing: .1px;
    padding: 11px 20px;
}

/*Sticky*/

.sticky-careers.super-sticky {
    background: var(--white);
    padding: 21px 0 20px;
}

.sticky-careers.super-sticky ul {
    gap: 48px;
    justify-content: center;
}

.sticky-careers.super-sticky li:first-child {
    display: none;
}

.sticky-careers.super-sticky a {
    background: none;
    padding: 0;
}

.sticky-careers.super-sticky .active a {
    color: var(--purple);
    font-weight: 500;
}
		
/***Culture***/

.careers-culture {
    background: var(--dark-black);
    color: var(--white);
    padding: var(--module-spacing-medium) 0 var(--module-spacing-large);
}

.careers-culture h2 {
    grid-column: span 5;
}

.careers-culture h2 span {
    color: var(--marine-blue);
    margin-bottom: 20px;
}

.careers-culture article {
    grid-column: span 7;
    margin-top: 56px;
}

.careers-culture article p {
    font-family: var(--heading-font);
    margin-bottom: 34px;
}

/*Animated Quote*/

.careers-culture .testimonial-single,
.careers-paid .testimonial-single {
    grid-column: span 8;
    margin-top: 86px;
}

.careers-culture .testimonial-single .quote-container,
.careers-paid .testimonial-single .quote-container {
    padding-left: 92px;
}

.careers-culture .testimonial-single blockquote,
.careers-paid .testimonial-single blockquote {
    font-size: calc(48rem / 16);
    font-weight: 300;
    letter-spacing: 0.72px;
    line-height: calc(54 / 48);
    margin: 0;
    padding-top: 14px;
}

.careers-culture .testimonial-single blockquote svg,
.careers-paid .testimonial-single blockquote svg {
    left: -92px;
    width: 68px;
}

.careers-culture .size-xlarge,
.careers-paid .size-xlarge {
    grid-column: span 4;
    margin-top: 86px;
    width: 100%;
}
		
/***Values***/

.careers-values {
    /* background: linear-gradient(180deg, #E2E9EC 0%, #FFFFFF 100%); */
    background: var(--white);
    overflow: hidden;
    padding-top: 175px;
}

.careers-values article {
    grid-column: 3 / span 8;
    text-align: center;
}

.careers-values h2 {
    margin-bottom: 32px;
}

.careers-values p {
    color: var(--gray-dark);
    margin: 0;
}

.careers-values .circular-carousel {
    grid-column: 1 / -1;
    padding: 200px 0 105px;
    position: relative;
}

.careers-values .circular-carousel .circle {
    border: 1px solid var(--gray-dark);
    border-radius: 100%;
    content: '';
    height: 0%;
    left: calc(var(--extra-width) / -2);
    padding-top: calc(100% - 2px + var(--extra-width));
    position: absolute;
    top: 116px;
    width: calc(100% + var(--extra-width));
    z-index: 1;
    --extra-width: 114px;
}

.careers-values .circular-carousel .value {
    height: calc(100% + 2px);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: center;
    width: calc(100% + 2px);
    z-index: -1;
}

.careers-values .circular-carousel .value .image-wrapper {
    background: var(--white);
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: 0 auto;
    padding: 20px;
    pointer-events: auto;
    position: relative;
    transition: .3s;
    width: 100px;
    z-index: 999;
}

.careers-values .circular-carousel .value:not(.active) .image-wrapper {
    cursor: pointer;
}

.careers-values .circular-carousel .value .image-wrapper img {
    display: block;
    height: 60px;
    object-fit: contain;
    opacity: .75;
    pointer-events: none;
    transition: .3s;
    user-select: none;
    width: 60px;
}

.careers-values .circular-carousel .value.active .image-wrapper img {
    opacity: 1;
}

.careers-values .circular-carousel .value .image-wrapper:hover img {
    opacity: 1;
}

.careers-values .circular-carousel .btn {
    position: absolute;
    top: 90px;
}

.careers-values .circular-carousel .btn.prev {
    left: 0;
}

.careers-values .circular-carousel .btn.prev svg {
    transform: rotate(90deg);
}

.careers-values .circular-carousel .btn.next {
    right: 0;
}

.careers-values .circular-carousel .btn.next svg {
    transform: rotate(-90deg);
}

.careers-values .circular-carousel .content {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.careers-values .circular-carousel .content li {
    display: block;
    max-width: 441px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    visibility: hidden;
    width: 0;
}

.careers-values .circular-carousel .content li.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    width: 100%;
}

.careers-values .circular-carousel .content li .eyebrow {
    margin: 0 0 8px;
}

.careers-values .circular-carousel .content li .heading-3 {
    color: var(--purple);
    font-size: calc(57rem/16);
    letter-spacing: .7px;
    line-height: calc(54/48);
    margin: 0 0 16px;
}

.careers-values .circular-carousel .content li .heading-6 {
    color: var(--black);
}

.careers-values .circular-carousel .content li .eyebrow,
.careers-values .circular-carousel .content li .heading-3,
.careers-values .circular-carousel .content li .heading-6 {
    width: 441px;
}

/***Awards***/

.careers-awards {
    background: var(--gray-light);
    padding: 114px 0 135px;
    position: relative;
}

.careers-awards h2 {
    grid-column: span 5;
}

.careers-awards p.heading-5 {
    grid-column: 7 / span 6;
    margin-top: 70px;
}

.careers-awards article {
    grid-column: span 3;
    margin-top: 120px;
    padding: 40px 35px;
    text-align: center;
}

.careers-awards .stars {
    color: var(--marine-blue);
    display: flex;
    font-size: 28px;
    gap: 8px;
    justify-content: center;
    margin: 24px 0 12px;
}

.careers-awards p {
    font-weight: 500;
    margin: 0;
}

.careers-awards ul {
    align-items: center;
    border-left: 1px solid rgba(114,114,144,.6);
    gap: 53px;
    grid-column: span 9;
    grid-template-columns: repeat(3,1fr);
    list-style: none;
    margin: 80px 0 0;
    padding: 20px 0 20px 70px;
    text-align: center;
}

.careers-awards .size-large {
    max-height: 100px;
    max-width: 180px;
    object-fit: contain;
    object-position: center;
    width: auto;
}

.careers-awards .new-primary {
    bottom: 0;
    left: 0;
    position: absolute;
}
		
/***Benefits***/

.careers-benefits {
    padding: 206px 0 133px;
}

.careers-benefits article {
    margin-bottom: 80px;
}

.careers-benefits article h2 {
    grid-column: span 5;
    min-width: min-content;
}

.careers-benefits article p {
    grid-column: span 7;
    margin: 0;
}

/*Accordions*/

.careers-benefits ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.careers-benefits button {
    border-top: 1px solid rgba(114,114,114,.5);
    padding: 27px 103px 27px 0;
}

.careers-benefits .active button {
    color: var(--purple);
}

.careers-benefits button .icon {
    font-size: calc(16rem/16);
    height: 40px;
    right: 0;
    width: 40px;
}

.careers-benefits .content {
    padding: 3px 0 36px;
}

.careers-benefits .content p {
    margin-bottom: 24px;
    max-width: 890px;
}

.careers-benefits .content h4 {
    margin-bottom: 8px;
}
		
/***Paid To Live***/

.careers-paid {
    background: var(--dark-black);
    color: var(--white);
    padding: var(--module-spacing-large) 0 var(--module-spacing-large);
}

.careers-paid article {
    grid-column: span 5;
    margin-top: var(--module-spacing-large);
}

.careers-paid h2 {
    margin-bottom: 30px;
}

.careers-paid h2 .eyebrow {
    color: var(--marine-blue);
    margin-bottom: 20px;
}

.careers-paid p.heading-6 {
    margin-bottom: 50px;
    padding-right: 62px;
}

.careers-paid .features {
    display: flex;
    flex-direction: column;
    gap: 42px;
    list-style: none;
    margin: 0;
    padding: 0 92px 0 0;
}

.careers-paid .features li {
    font-weight: bold;
    min-height: 64px;
    padding-left: 83px;
    position: relative;
}

.careers-paid .features .size-medium {
    left: 0;
    max-height: 64px;
    max-width: 64px;
    object-fit: contain;
    object-position: center top;
    position: absolute;
    top: 0;
    width: auto;
}

/*Vertical Carousel*/

.careers-paid .carousel::-webkit-scrollbar {
    display: none;
}

.careers-paid .carousel-container {
    grid-column: 7 / span 6;
    overflow: visible;
    position: relative;
    height: 816px;
    z-index: 1;
}

.careers-paid .carousel-container:before,
.careers-paid .carousel-container:after {
    background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #090A0D 94%);
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.careers-paid .carousel-container:before {
    height: 137px;
    top: 0;
    transform: scale(1,-1);
}

.careers-paid .carousel-container:after {
    bottom: 0;
    height: 168px;
}

.careers-paid .carousel {
    -ms-overflow-style: none;
    display: flex;
    flex-direction: column;
    gap: 50px;
    height: 100%;
    overflow-anchor: none;
    overflow: scroll;
    position: relative;
    scrollbar-width: none;
}

.careers-paid .slides {
    animation: primary 40s linear infinite;
    display: flex;
    flex-direction: column;
    gap: 50px;
    height: fit-content;
    position: relative;
    top: 0;
    translate: 0 -100%;
    width: inherit;
}

.careers-paid .slides.paused {
    animation-play-state: paused;
}

.careers-paid .slides.clone {
    animation: none;
    position: absolute;
    top: calc(100% + 50px);
    translate: none;
}

@keyframes primary {
  from {
    translate: 0 50px;
  }
  to {
    translate: 0 -100%;
  }
}

.careers-paid .carousel .size-large {
    aspect-ratio: 348/205;
    object-fit: cover;
    width: calc(348/578*100%);
}

.careers-paid .carousel .eyebrow {
    color: var(--white);
    padding-left: 32px;
    position: relative;
    width: calc(207/578*100%);
}

.careers-paid .carousel .eyebrow svg {
    color: var(--marine-blue);
    font-size: 24px;
    left: 0;
    position: absolute;
    top: 0;
}

/*Animated Quote*/

.careers-paid .quote-outer {
    border-top: 1px solid rgba(255,255,255,.5);
    grid-column: 1 / -1;
    margin-top: 100px;
    padding-top: var(--module-spacing-medium);
}

.careers-paid .size-xlarge,
.careers-paid .testimonial-single {
    margin: 0;
} 
		
/***Working***/

.careers-working {
    padding: var(--module-spacing-large) 0;
    position: relative;
}

.careers-working .grid {
   row-gap: calc(var(--gap) - 20px);
}

.careers-working:before {
    background-image: linear-gradient(180deg, #E2E9EC 0%, #F0F4F5 60%);
    bottom: 0;
    content: '';
    height: 60%;
    left: 0;
    position: absolute;
    width: 100%;
}

.careers-working article {
    grid-column: 2 / span 10;
    margin-bottom: 40px;
    text-align: center;
}

.careers-working h2 {
    margin-bottom: 30px;
}

.careers-working h2 span {
    color: var(--purple);
}

.careers-working p {
    margin: 0;
}

/*Video Carousel*/

.careers-video-carousel {
    grid-column: 1 / -1;
    left: 50%;
    margin: 0 -50vw;
    overflow: hidden;
    position: relative;
    right: 50%;
    width: 100vw;
}

.careers-video-carousel .carousel {
    padding: 0 160px;
}

.careers-video-carousel .slick-track {
    gap: 62px;
}

.careers-video-carousel .slide {
    padding: 20px 58px 0;
    width: 990px;
}

.careers-video-carousel .slide a {
    aspect-ratio: 875/494;
    display: block;
    margin-bottom: 28px;
    position: relative;
}

.careers-video-carousel .slide a:before {
    background: var(--purple);
    content: '';
    height: 100%;
    left: 0;
    opacity: .91;
    position: absolute;
    bottom: 0;
    transition: opacity .25s ease;
    width: 100%;
}

.careers-video-carousel .slide.slick-current a:before,
.careers-video-carousel .play-button {
    opacity: 0;
}

.careers-video-carousel .slide.slick-current cite,
.careers-video-carousel .slide.slick-current .play-button {
    opacity: 1;
}

.careers-video-carousel cite {
    border-left: 3px solid var(--purple);
    display: block;
    font-style: normal;
    opacity: 0;
    padding-left: 18px;
    transition: opacity .25s ease;
}

.careers-video-carousel .slide .heading-6 {
    color: var(--gray-dark);
    display: block;
    margin-top: 1px;
}

.careers-video-carousel .slick-arrow {
    background: none;
    border: none;
    border-radius: 0;
    margin-top: -38px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.careers-video-carousel .slick-prev {
    left: 50px;
}

.careers-video-carousel .slick-next {
    right: 50px;
}

.careers-video-carousel .slick-arrow:hover,
.video-posts .slick-arrow:hover {
    opacity: .6;
}

.careers-video-carousel .slick-arrow svg {
    fill: var(--white);
    height: 60px;
}

/*Popup*/

.careers-working .popup {
    padding: 0;
}

.careers-working .popup video {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}

/*Instagram Integration*/

.careers-working .instagram {
    grid-column: 1 / -1;
    margin-top: 162px;
}

.careers-working .instagram h3 {
    margin-bottom: 46px;
}

.careers-working .instagram a {
    color: var(--purple);
}

.careers-working .instagram h3,
.careers-working .instagram a:hover {
    color: var(--black);
}

.careers-working #sb_instagram #sbi_images {
    display: flex;
    gap: 40px;
}

.careers-working #sb_instagram #sbi_images a {
    display: block;
    position: relative;
}

.careers-working #sb_instagram #sbi_images a:after {
    background: url('images/btn-instagram.jpg') no-repeat;
    background-size: 100%;
    bottom: 0;
    content: '';
    height: 48px;
    left: 0;
    position: absolute;
    width: 48px;
}

/***************************************************************************************************************************************************************************************/

/*VIDEO LIBRARY ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.video-library-hero {
	background: var(--black);
	color: var(--white);
	padding: 70px 0 106px;
}

.video-library-hero h1 .eyebrow {
	color: var(--marine-blue);
	margin-bottom: 30px;
}

/***Featured***/

.featured-video {
	background-image: linear-gradient(to top, #E2E9EC 0%, #FFFFFF 100%);
	padding: var(--module-spacing-medium) 0 150px;
}

.featured-video article {
	grid-column: span 5;
	padding-right: 36px;
}

.featured-video h2 {
	margin-bottom: 20px;
}

.featured-video h2 .eyebrow {
	margin-bottom: 15px;
}

.featured-video p {
	font-weight: 500;
	margin-bottom: 20px;
}

.featured-video .video-container {
	align-self: center;
	border-radius: 0;
	grid-column: span 7;
	margin: 30px 0 0;
}

/***Main Content***/

.video-posts {
	padding: var(--module-spacing-medium) 0;
}

/*Sidebar*/

.video-posts .sticky-video-cats {
	align-self: start;
	background: var(--gray-light);
	grid-column: span 3;
	margin: 0 0 0 var(--viewport-edge);
	padding: 60px 20px 60px 60px;
	position: sticky;
	top: 100px;
	width: 100%;
}

.video-posts .sticky-video-cats h3 {
	margin-bottom: 20px;
}

.video-posts .sticky-video-cats ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.video-posts .sticky-video-cats li:not(.active):not(:hover) .btn.plain {
	color: var(--gray-dark);
}

.video-posts .sticky-video-cats li:not(.active) .btn.plain.text::before {
	display: none;
}

/*Posts*/

.video-posts .posts {
	grid-column: span 9;
}

.video-posts .video-category {
	overflow: hidden;
	position: relative;
}

.video-posts .video-category:not(:last-of-type) {
	border-bottom: 4px solid var(--gray-light);
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.video-posts h2 {
	margin-bottom: 40px;
	padding-right: 156px;
}

.video-posts .carousel {
	margin: 0 -20px;
	width: calc(100% + 40px);
}

.video-posts .carousel .slick-list {
	overflow: hidden;
}

.video-posts .slick-arrow.slick-prev {
	left: auto;
	right: 72px;
	top: 0;
	transform: scaleX(-1);
}

.video-posts .slick-arrow.slick-next {
	top: 0;
	transform: none;
}

.video-loop {
	color: var(--black);
	display: block;
	margin: 0 20px;
	padding-bottom: 2px;
}

.video-loop:hover {
	color: var(--black);
}

.video-loop .image {
	aspect-ratio: 269/151;
	margin-bottom: 15px;
}

.video-loop .image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.video-loop h3,
.video-loop p {
	margin-bottom: 15px;
}

/***************************************************************************************************************************************************************************************/

/*VIDEO LIBRARY SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

.video-library-content {
	margin-top: 30px;
	padding: 40px 0 60px;
}

/***Main Content***/

.video-library-content article {
	grid-column: span 9;
	padding-right: calc(var(--gap) + (1/12*100%));
	position: relative;
	z-index: 2;
}

.video-library-content article:before {
	background-image: linear-gradient(180deg, #E2E9EC 0%, #FFFFFF 57%);
	content: '';
	height: calc(100% + 100px);
	left: var(--viewport-edge);
	position: absolute;
	top: -40px;
	width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin) + var(--gap));
	z-index: -1;
}

.video-library-content .btn.new-tertiary {
	flex-direction: row;
}

.video-library-content .btn.new-tertiary:before {
	margin: 0 10px 0 0;
}

.video-library-content .btn.new-tertiary:hover::before {
	transform: translateX(-5px);
}

.video-library-content .btn.new-tertiary::after {
	left: 7px;
	right: auto;
	transform: scale(-1,1);
}

.video-library-content .btn.new-tertiary:hover::after {
	transform: translateX(-5px) scale(-1,1);
}

.video-library-content h1 {
	margin: 70px 0 60px;
}

.video-library-content .video-container {
	border-radius: 0;
	margin-bottom: 30px;
}

.video-library-content h2 {
	margin-bottom: 15px;
}

.video-library-content .share-post {
	align-items: center;
	display: flex;
	gap: 30px;
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
}

.video-library-content .share-post a {
	color: var(--purple);
	font-size: calc(27rem/16);
}

.video-library-content  .share-post a:hover {
	color: var(--black);
}

/***Sidebar***/

.video-library-content aside {
	grid-column: span 3;
	margin-left: var(--offset);
}

.video-library-content aside h2 {
	margin-bottom: 40px;
}

.video-library-content aside ul {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.video-library-content aside .video-loop p {
	display: none;
}

/***CTA***/

.video-cta {
	background: var(--gray-light);
	padding: var(--module-spacing-small) 0;
	text-align: center;
}

.video-cta h2,
.video-cta p {
	margin-bottom: 40px;
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1778 (1778 is when the container width is ~1600)*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-height: 1000px) {
  
    .video-hero .video-container {
        max-height: 680px;
    }
  
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1778 (1778 is when the container width is ~1600)*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 111.125rem) {
  
    :root {
        --container-width: var(--container-max-width);
    }
  
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1500 - Smaller Desktop Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 93.75em) {
  
    :root {
        --offset: var(--container-outer-padding);
    }
  
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1400 - Smaller Desktop Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 87.5em) {
  
    :root {
      --container-width: 100%;
      --container-outer-margin: 0px;
    }

    /***Header***/

    /*Mega Menu - Three-Column*/

    header .mega-sub.menu-three-column,
    header .mega-sub.menu-four-callouts {
        left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
        padding: 24px 0 0 var(--container-outer-padding);
    }
    
    /***Dashboard***/
    
    .course-listings .sticky-images {
      width: 100%;
    }
  
    .certification .container::before {
        right: var(--container-outer-padding);
        width: calc(100% - 2*var(--container-outer-padding));
    }
  
    .certification .images {
        left: auto;
        width: calc(100% - var(--container-outer-padding));
    }
  
    /***Single Lesson***/
    
    .lesson-info aside {
        width: 100%;
    }
    
    .lesson-info aside ul {
        padding: 32px 20px;
    }
  
    /***Glossary***/
  
    /*Sticky Search*/
  
    .glossary-search-container {
      grid-column: 8 / span 5;
      margin-left: 0;
      width: 100%;
    }

    /*Working*/

    .careers-video-carousel .slick-track {
        gap: 0;
    }
    
    .careers-video-carousel .slide {
        padding: 0 20px;
    }
    
    .careers-video-carousel .slick-prev {
        left: 10px;
    }
    
    .careers-video-carousel .slick-next {
        right: 10px;
    }

    /***About***/

    /*Timeline*/

    .about-timeline .timeline .year-2018 article {
        left: -40px;
    }

    .about-timeline .timeline .year-2022 article {
        right: -40px;
    }

    /***New Page Builder***/

    /*Animated CTA*/

    .animated-cta video {
        width: calc(1330 / 1400 * 100vw);
    }

    .animated-cta article {
        min-height: calc(520 / 1400 * 100vw);
        padding: 60px;
    }

    /*Carrier*/

    .carrier article {
        max-width: 900px;
        width: 100%;
    }

    .carrier article p {
        max-width: 800px;
        width: 100%;
    }

    .carrier .carrier-1 .truck-container,
    .carrier .carrier-2 .truck-container {
        grid-column: 1 / span 6;
        left: 0;
        width: 100%;
    }

    .carrier .carrier-1 .content {
        grid-column: 7 / span 6;
        left: 0;
        padding-left: 20px;
    }

    .carrier .carrier-2 .truck-container {
        grid-column: 7 / span 6;
    }

    .carrier .carrier-2 .content {
        grid-column: 1 / span 6;
        left: 0;
        width: 100%;
    }

    /*Headline CTA*/

    .headline-cta .btn.new-primary,
    .headshot-cta .btn {
        right: 0;
    }

    /*Headshot CTA*/

    /*Sticky Columns*/

    .sticky-columns .sticky-image {
        right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)) + 40px);
        width: calc(557 / 1440 * 100vw);
    }

    /*Text Image Animation*/

    .text-image-animation .text p {
        width: 100%;
    }

    .text-image-animation .images > div:nth-of-type(1) {
        margin-bottom: calc(406 / 1400 * 100vw - 68px - 60px);
    }    

    .text-image-animation .images > div:nth-of-type(2) {
        top: calc(406 / 1400 * 100vw - 60px);
    }

    /*Video Hero*/

    .video-hero .video-container {
        grid-column: 1 / span 7;
        left: unset;
        min-height: unset;
    }

    .video-hero article {
        grid-column: 8 / span 5;
    }

    /* EMISSIONS CALCULATOR */

    .emissions-calculator__content {
        grid-column: 3 / -1;
    }

    .emissions-calculator__row.results .chart-and-button {
        flex: unset;
        margin: 0;
        width: 100%;
    }

    .emissions-calculator__row.results .chart {
        margin: 0 auto;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-HEIGHT 730 - Smaller Height Sizes

/***************************************************************************************************************************************************************************************/

@media only screen and (max-height: calc(730rem/16)) {
  
    h2 {
        font-size: calc(48rem/16);
    }

    /***Header***/

    /*Mega Menu*/

    header .mega-menu,
    header .mega-sub.menu-plain-dropdown {
        justify-content: flex-start;
    }
  
    /***Quiz***/
  
    .quiz-container h2 {
        margin-bottom: 40px;
    }
    
    .quiz-container .answers {
        gap: 30px;
    }
    
    .quiz-container .answer-btn {
        height: 100%;
    }
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1200 - Smaller Desktop Sizes / Larger Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 75em) {
  
    :root {
        --container-outer-padding: 40px;
    }

    html.active,
    html.active body {
        height: 100%;
        overflow: hidden;
    }

    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }

    /***Header***/

    header.main-header {
        padding: 20px 0;
        position: relative;
        z-index: 99999;
    }

    /* header.main-header:before,
    header.main-header:after {
        content: '';
        height: 80px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    header.main-header:before {
        backdrop-filter: blur(2px);
    }

    header.main-header:after {
        background: var(--white);
        opacity: 0.7;
    } */

    header .logo {
        margin: 0 0 0 20px;
        position: relative;
        z-index: 99999;
    }

    header .open-search {
        display: none;
    }

    header .mobile-menu {
        align-items: center;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        height: 60px;
        justify-content: center;
        margin: 0 0 0 auto;
        outline: none;
        overflow: hidden;
        position: relative;
        width: 60px;
        z-index: 99999;
        --menu-bar-height: 3px; /*Height of an individual menu bar*/
        --menu-bar-margin: 4px; /*Amount of spacing between the menu bars*/
        --menu-bar-width: 25px; /*Width of the menu bars*/
    }

    header .mobile-menu span:not(.accessibility) {
        background: var(--purple);
        border-radius: 1px;
        display: block;
        height: var(--menu-bar-height);
        position: relative;
        width: var(--menu-bar-width);
        z-index: 2;
    }

    header .mobile-menu span:nth-of-type(2) {
        margin: var(--menu-bar-margin) 0;
    }

    /*Close*/

    header.active .mobile-menu span:nth-of-type(1),
    header.active .mobile-menu span:nth-of-type(3) {
        height: 2px;
    }

    header.active .mobile-menu span:nth-of-type(1) {
        transform: translateY(calc(2px + var(--menu-bar-margin))) rotate(45deg);
    }

    header.active .mobile-menu span:nth-of-type(2) {
        margin-right: auto;
        width: 0;
    }

    header.active .mobile-menu span:nth-of-type(3) {
        transform: translateY(calc((var(--menu-bar-height) + var(--menu-bar-margin)) * -1)) rotate(-45deg);
    }

    /*Nav*/

    header.active {
        height: 100vh;
        padding: 10px 0;
    }

    header.active > * {
        z-index: unset;
    }

    header nav {
        align-items: center;
        background: var(--white);
        display: flex;
        flex-direction: column;
        gap: 3vh;
        height: 100vh;
        justify-content: flex-start;
        left: 0;
        margin-left: 0;
        opacity: 0;
        overflow: auto;
        padding: 80px 20px 160px;
        position: fixed;
        top: 0;
        transition: .3s;
        visibility: hidden;
        width: 100%;
    }

    header.active nav {
        opacity: 1;
        visibility: visible;
    }

    header .mega-menu {
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        min-height: max-content;
        width: 100%;
    }

    header .mega-menu > li {
        padding: 12px 0;
    }

    header .mega-menu > li:nth-of-type(3) {
        margin-right: 0;
    }

    header #back-to-main-nav {
        align-items: center;
        background: none;
        border: none;
        display: flex;
        gap: 10px;
        left: 20px;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        top: 27px;
        visibility: hidden;
        z-index: 99999;
    }

    header #back-to-main-nav > svg {
        margin-top: 2px;
        transform: scaleX(-1);
        transition: all 0.25s ease;
    }

    header #back-to-main-nav:hover > svg {
        transform: scaleX(-1) translateX(5px);
    }

    header #back-to-main-nav .icon {
        color: var(--black);
        margin-right: 7px;
        order: -1;
        transition: .25s ease;
    }

    header #back-to-main-nav .icon svg {
        height: 1em;
        position: relative;
        transform: none;
        width: auto;
    }

    header #back-to-main-nav:hover .icon {
        transform: translate3d(-5px, 0, 0);
    }

    /*Open*/

    header.dropdown-open #back-to-main-nav {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    header.dropdown-open .logo {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    header.dropdown-open nav {
        overflow: hidden;
    }

    header.dropdown-open #menu-main > li > a {
        opacity: 0;
    }

    header nav .user-container > span {
        left: 50%;
        margin-bottom: -30px;
        padding-top: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        z-index: 1;
    }

    header nav .user-container > span::after {
        content: none;
    }

    .progress-menu > li > span {
        display: none;
    }

    .progress-menu > li > span svg {
        display: none;
    }

    .progress-menu li .dropdown,
    .progress-menu li:hover .dropdown {
        margin-top: 40px;
        opacity: 1;
        position: relative;
        transform: translate3d(0, 0, 0);
        visibility: visible;
        width: calc(100vw - 40px);
        z-index: -1;
    }

    .progress-menu li:hover .dropdown {
        pointer-events: auto;
        z-index: 2;
    }

    .progress-menu li .dropdown ul {
        gap: 3vh;
        padding: 4vh 20px;
    }

    .progress-menu .dropdown li .icon {
        height: 26px;
        width: 26px;
    }

    .progress-menu .dropdown li a {
        font-size: calc(18rem / 16);
        line-height: calc(26rem / 16);
    }

    header.active .logo{
        position: static;
    }

    header.active .logo img,
    header.active .logo span {
        z-index: 2;
    }

    header #menu-main > li > .sub-menu {
        background: var(--white);
        height: 100%;
        opacity: 0;
        overflow-y: auto;
        pointer-events: none;
        position: fixed;
        top: 16px;
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        width: 100%;
        z-index: 1;
    }

    header #menu-main > li.active > .sub-menu {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    header nav .menu {
        flex-direction: column;
        gap: 3vh;
    }

    header nav .menu li:not(.menu-item-has-children) {
        order: -1;
    }

    header  nav .menu-item-has-children {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 0;
        order: 1;
        padding-bottom: 0;
    }

    header nav .menu > li.menu-item-has-children > a {
        color: var(--gray-dark);
        font: 500 calc(12rem / 16)/calc(17 / 12) var(--heading-font);
    }

    header nav .sub-menu {
        background: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        opacity: 1;
        padding: 0;
        pointer-events: all;
        position: relative;
        text-align: center;
        top: unset;
        visibility: visible;
    }

    header nav .sub-menu a {
        font: 500 calc(16rem/16)/calc(22/16) var(--heading-font);
    }

    /**Mega Menu**/

    header .mega-menu a.parent {
        font-size: calc(24rem / 16);
        padding: 0;
    }

    header .mega-menu a.parent.has-child {
        padding-right: 0;
    }

    header .mega-menu a.parent.has-child:before {
        height: 8px;
        top: 13px;
        width: 12px;
    }

    header .mega-menu a.parent.has-child:before,
    header .mega-menu a.parent.has-child.active:before {
        right: -22px;
        transform: rotate(-90deg);
    }

    header .mega-sub.menu-plain-dropdown,
    header .mega-sub.menu-three-column,
    header .mega-sub.menu-four-callouts {
        box-shadow: unset;
        height: 100vh;
        left: 0;
        overflow: auto;
        padding: 100px 20px;
        position: fixed;
        top: 0;
        width: 100vw;
    }

    header .mega-sub.active {
        opacity: 1 !important;
        pointer-events: all !important;
        visibility: visible !important;
    }

    header .mega-sub:hover,
    header .parent:hover + .mega-sub {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    header .mega-menu a.mobile-only {
        display: block;
    }

    /*Plain Dropdown*/

    header .mega-sub.menu-plain-dropdown {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        min-height: max-content;
    }

    header .mega-sub.menu-plain-dropdown li:not(:last-child) {
        margin-bottom: 60px;
    }

    header .mega-sub .menu-link {
        font-size: calc(22rem / 16);
        letter-spacing: 0.54px;
        line-height: calc(28 / 20);
    }

    header .mega-sub .menu-link:before {
        bottom: 7px;
        height: 12px;
        left: calc(100% + 4px);
        width: 14px;
    }

    /*Three Columns*/

    header .mega-sub.menu-three-column {
        align-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        margin-top: 60px;
    }

    header .mega-sub.menu-three-column .lists.with-parent {
        padding-top: 50px;
        position: relative;
    }

    header .mega-sub.menu-three-column .mobile-link {
        left: 0;
        position: absolute;
        top: 0;
    }

    header .mega-sub.menu-three-column .mobile-only {
        max-width: max-content;
    }

    header .mega-sub.menu-three-column .lists > ul {
        gap: 60px 40px;
    }

    header .mega-sub.menu-three-column .img-container,
    header .mega-sub.menu-three-column .lists.condense {
        height: max-content;
        flex: 0 1 calc(50% - 20px);
        margin: 0;
    }

    header .mega-sub.menu-three-column .lists.condense > ul {
        height: auto;
    }

    header .mega-sub.menu-three-column .lists > ul ul li:not(:last-child) {
        margin-bottom: 16px;
    }

    header .mega-sub.menu-three-column .menu-cta,
    header .mega-sub.menu-three-column .menu-cta.condense {
        margin: 0;
        width: 100%;
    }

    /*Four Callouts*/

    header .mega-sub.menu-four-callouts {
        display: flex;
        flex-direction: column;
        gap: 40px;
        grid-template-columns: unset;
        margin-top: 60px;
    }

    header .mega-sub.menu-four-callouts li {
        height: max-content;
    }

    header .mega-sub.menu-four-callouts .mobile-only {
        color: var(--black);
        max-width: max-content;
        position: relative;
    }

    header .mega-sub.menu-four-callouts .mobile-only:before {
        background: url(svgs/arrow-purple-small.svg) no-repeat;
        background-size: 100%;
        bottom: 7px;
        content: '';
        height: 12px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: -20px;
        transition: all 0.25s ease;
        width: 14px;
    }

    header .mega-sub.menu-four-callouts .mobile-only:hover:before {
        opacity: 1;
        transform: translateX(5px);
    }

    header .mega-sub.menu-four-callouts .combine-with-prev {
        margin-top: -20px;
    }

    header .mega-sub.menu-four-callouts .combine-with-prev .callout {
        margin: 0;
    }

    header .mega-sub.menu-four-callouts .combine-with-prev .callout:before {
        display: none;
    }

    header .mega-sub.menu-four-callouts li {
        margin: 0;
    }
    
    header .mega-sub.menu-four-callouts li.menu-cta {
        margin-bottom: 100px;
    }

    header .mega-sub.menu-four-callouts .heading-6 {
        font-size: calc(22rem / 16);
    }

    header .mega-sub.menu-four-callouts .callout p {
        font-size: calc(13rem / 16);
    }

    /***Footer***/

    .new-footer .grid {
        grid-template-columns: repeat(4,1fr);
    }

    .new-footer .intro {
        display: grid;
        gap: var(--gap);
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
        order: 1;
    }

    .new-footer .intro::after { 
        display: none;
    }

    .new-footer .menu-footer-new {
        grid-column: 1 / span 3;
        order: 3;
    }

    .new-footer .social {
        grid-column: auto;
        order: 4;
    }

    .new-footer .bottom-content {
        order: 4;
    }

    /***Dashboard***/

    .course-listings .courses {
        grid-column: span 7;
    }

    .course-listings .courses ul a .wp-post-image {
    right: -65px;
    }

    .course-listings .courses ul a:hover .fa-arrow-right-long {
    right: 10px;
    }

    /***Quiz***/

    .quiz-container .answer-btn {
    font-size: calc(20rem/16);
    }

    /*Coil Color Charts Page*/

    .chart-cards {
        column-gap: 44px;
    }

    /***Glossary Single***/

    .glossary-term-cta {
        grid-column: 8 / span 5;
    }
    
    /***Default Page***/
    
    .page-hero-default {
        margin: 0;
    }
    
    /***Blog Single***/
    
    .post-hero {
        padding-top: 40px;
    }
    
    .post-content .sticky-share {
        margin-right: 0;
    }
    
    /***News Archive***/
    
    .news-archive-hero {
        padding-top: var(--module-spacing-small);
    }
    
    /***Demo***/
    
    .demo-form {
        padding-top: 60px;
    }
    
    /***Open Positions***/
    
    .positions-hero {
        padding-top: 60px;
    }
    
    /***Contact***/
    
    .contact-hero {
        padding-top: 60px;
    }

    /*Offices*/
    
    .contact-offices li:nth-of-type(4), 
    .contact-offices li:nth-of-type(13),
    .contact-offices li:nth-of-type(9) {
        margin: 0;
    }
    
    .contact-offices li .size-xlarge, 
    .contact-offices li .size-full {
        height: 100%;
        width: 100%;
    }
    
    /***Calculators***/
    
    .calculator__inputs {
        grid-column: span 6;
    }
    
    .calculator__results::before {
        width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin) + 50px);
    }
    
    /***ReibusU Landing***/
    
    .reibusu-hero {
        padding-top: 40px;
    }
    
    .reibusu-hero article {
        grid-column: span 6;
        margin: 0;
    }
    
    /***Careers***/
    
    .careers-hero {
        padding: 40px 0;
    }
    
    .careers-video-carousel .slick-arrow {
        display: none !important;
    }
    
    .careers-video-carousel .slide {
        width: 80vw;
    }
    
    .careers-awards .size-large {
        max-width: 100%;
    }

    /***About***/

    /*Hero*/

    .about-hero {
        padding: 100px 0 120px;
    }

    .image-slideshow .slick-slide {
        margin: 0 10px;
    }

    /*Timeline*/

    .about-timeline .timeline .current-year,
    .about-timeline .timeline .hover-year {
        font-size: calc(400rem / 16);
    }

    /*Stats*/

    .stats .img-container {
        width: calc(600 / 1120 * 100%);
    }

    .stats .content {
        width: calc(460 / 1120 * 100%);
    }

    /***Faqs***/
    
    .faqs-hero {
        margin-top: 0;
    }

    /***New Page Builder***/

    /*Announcement*/

    .announcement h2 {
        grid-column: 1 / span 6;
    }

    .announcement article {
        grid-column: 7 / span 6;
    }

    /*Callout Cards*/

    .callout-cards li {
        flex-basis: calc(50% - .5*var(--gap));
    }

    /*Form*/

    .form-module article {
        grid-column: 1 / span 5;
    }

    /*Headline CTA*/

    .headline-cta .container {
        padding-bottom: 260px;
    }

    /*Headshot CTA*/

    .headshot-cta article {
        grid-column: 6 / span 7;
    }

    /*Parallax Image Text*/

    .parallax-text article {
        grid-column: 1 / span 8;
    }

    /*Testimonial Single*/

    .testimonial-single blockquote svg path {
        fill: var(--purple);
    }

    .testimonial-single blockquote {
        color: var(--purple);
    }

    .testimonial-single cite span {
        color: var(--dark-black);
    }

    .testimonial-single.dark blockquote svg path {
        fill: var(--marine-blue);
    }

    .testimonial-single.dark blockquote {
        color: var(--marine-blue);
    }

    .testimonial-single.dark cite span {
        color: var(--white);
    }

    /*Testimonials Carousel*/

    .testimonials-carousel .slick-slide {
        margin: 0 30px;
    }

    /*Text Image*/

    .text-image.image-left article {
        grid-column: 6 / span 7;
    }

    .text-image.image-right article {
        grid-column: 1 / span 7;
    }

    /*Text Image Animation*/

    /*Video Hero*/

    .video-hero .video-container {
        grid-column: 1 / span 7;
    }

    .video-hero article {
        grid-column: 8 / span 5;
    }

    /* Step by Step */

    .step-by-step .steps .heading-2 {
        font-size: calc(44rem/16);
    }

    .step-by-step .steps .heading-6 {
        font-size: calc(18rem/16);
    }
    
    /* EMISSIONS CALCULATOR */

    .emissions-calculator__row.results .results-container {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 60px;
    }

    .emissions-calculator__row.results .chart-and-button {
        margin-right: auto;
        flex-basis: 100%;
        padding-bottom: 0;
    }

    .emissions-calculator__row.results .emissions {
        margin-right: 0;
    }

    .emissions-calculator__row.results .selections {
        margin-left: 0;
        margin-right: 0;
    }
	
	/***Video Library Archive***/
	
	.featured-video article {
		padding: 0;
	}
	
	.video-posts .sticky-video-cats {
		padding: 40px 20px;
	}
	
	/***Video Library Single***/
	
	.video-library-content {
		margin: 0;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1100 - Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(1100rem/16)) {

    /* EMISSIONS CALCULATOR */
	
    .emissions-calculator__row fieldset .card {
        height: 160px;
        padding: 20px;
        width: 160px;
    }

    .emissions-calculator__tabs {
        grid-column: span 3;
    }

    .emissions-calculator__content {
        grid-column: 4 / -1;
    }

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 950 - Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 59.375em) {
  
    :root {
        --grid: 1fr;
        --module-spacing-medium: 60px;
        --module-spacing-large: 80px;
    }

    h1,
    .heading-1 {
        font-size: calc(52rem/16);
    }
    
    h1.mega, 
    .heading-1.mega {
      font-size: calc(66rem/16);
    }
    
    h2,
    .heading-2 {
        font-size: calc(44rem/16);
    }
    
    h3,
    .heading-3,
    .careers-values .circular-carousel .content li .heading-3 {
        font-size: calc(36rem/16);
    }
    
    h4,
    .heading-4,
    .positions-content .lever-job-title {
        font-size: calc(27rem/16);
    }
    
    h5,
    .heading-5,
    .careers-culture article p,
    .careers-benefits .content h4 {
        font-size: calc(24rem/16);
    }
    
    h6,
    .heading-6 {
        font-size: calc(18rem/16);
    }

    /***Header***/

    /**Mega Menu**/

    /*Three Columns*/

    header .mega-sub.menu-three-column {
        gap: 40px 30px;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: flex-start;
        margin: 0;
    }

    header .mega-sub.menu-three-column .img-container {
        max-width: 350px;
        width: 100%;
    }

    header .mega-sub.menu-three-column .lists.condense {
        width: 100%;
    }

    header .mega-sub.menu-three-column .lists.condense > ul {
        flex-direction: column;
        flex-wrap: unset;
        height: unset;
    }

    header .mega-sub.mega-sub.menu-three-column .lists.condense > ul > li {
        width: 100%;
    }
    
    header .menu-cta {
        padding: 30px 20px;
    }

    /***Footer***/

    .new-footer .intro h3 {
        max-width: unset;
    }

    /***Dashboard***/

    .dashboard-hero {
        padding: 60px 0;
    }

    .video-carousel.carousel-container,
    .dashboard-hero article {
        grid-column: 1;
    }

    .video-carousel.carousel-container {
        margin: 0;
        overflow: hidden;
        width: 100%;
    }

    .video-carousel.carousel-container .carousel img,
    .video-carousel.carousel-container .carousel .video-container, 
    .video-carousel.carousel-container .carousel video {
        border-radius: 10px;
    }

    .certification .container::before {
        right: var(--container-outer-padding);
        width: calc(100% - 2*var(--container-outer-padding));
    }

    .certification .images {
    width: 100%;
    }

    .certification .images img:nth-of-type(1) {
        border-radius: 10px 10px 0 0;
    }

    .certification .images img:nth-of-type(2) {
        right: -22px;
    }

    .course-listings .sticky-images {
    display: none;
    }

    .course-listings h2 {
        padding: 0;
    }

    .course-listings .courses > li {
        margin-bottom: var(--module-spacing-large);
    }

    .course-listings li:first-child article {
        margin-top: 40px;
    }

    .course-listings h2::before, 
    .course-listings h2::after, 
    .course-listings .courses > li::before, 
    .course-listings article::after,
    .course-listings .courses ul a .wp-post-image,
    .course-listings .courses ul a:hover .wp-post-image,
    .course-listings .jazzy-dashline {
        display: none;
    }

    .course-listings article {
        height: auto;
        padding: 0;
    }

    .course-listings .courses ul a:hover .fa-arrow-right-long {
        background: none;
        border-radius: 0;
        color: var(--purple);
        height: auto;
        padding: 0;
        position: static;
        top: 0;
        width: 18px;
    }

    .course-listings .flex-container {
        padding-left: 54px;
    } 

    /***Calculator***/
    
    .calculator {
        overflow: hidden;
        padding-top: 0;
    }

    #calculator {
        grid-template-columns: 1fr;
    }
    
    .calculator article {
        display: block;
        margin: 0 calc(-1 * var(--container-outer-padding));
        padding: 60px var(--container-outer-padding);
        width: 100vw;
    }

    #calculator .calculator__type {
        align-items: start;
        gap: 15px;
        margin: 0 calc(-1 * var(--container-outer-padding)) 20px;
        overflow: auto;
        padding: 0 var(--container-outer-padding) 20px;
        width: 100vw;
    }
    
    .calculator__type label {
        flex-shrink: 0;
    }
    
    .calculator article h1 + div {
        margin-top: 20px;
        padding: 0;
    }
    
    .calculator__results {
        padding: 40px 0;
    }

    .calculator article h1,
    .calculator article h1 + div,
    .calculator__inputs,
    .calculator__results {
        grid-column: 1;
    }
    
    .calculator__inputs,
    .calculator__results {
        padding-top: 40px;
    }
    
    .calculator__results::before {
        right: calc(var(--container-outer-padding) * -1);
        width: 100vw;
    }

    /***Congrats***/

    .course-congrats article,
    .recent-posts li,
    .lesson-info article,
    .lesson-info aside,
    .course-callout h2 {
        grid-column: 1;
    }

    /***Single Lesson***/

    .lesson-info article {
        padding: 0;
    }

    .course-callout {
        padding: 60px 0;
    }

    .course-callout::before {
        left: 0;
        width: 100%;
    }

    /***Glossary Archive Styles***/

    /*Hero*/

    .glossary-hero {
        padding: var(--module-spacing-small) 0;
    }

    .glossary-hero article,
    .glossary-hero .size-full {
        grid-column: 1;
        width: 100%;
    }

    /*Jump Links*/

    .jump-links {
        margin-bottom: 40px;
    }

    /*Terms*/

    .glossary-container .term-groups {
        grid-column: 1;
        order: 2;
    }

    .glossary-container .term-group {
        padding: 32px var(--container-outer-padding) 46px;
    }

    .glossary-container .term-group:not(:last-child) {
        margin-bottom: var(--container-outer-padding);
    }

    /*Sticky Search*/

    .glossary-search-container {
        grid-column: 1;
        order: 1;
        padding: 0 var(--container-outer-padding) 40px;
        position: relative;
        top: unset;
    }

    .glossary-search-container h2 {
        left: calc(-1 * var(--container-outer-padding));
        padding: 16px var(--container-outer-padding);
        width: calc(100% + (2 * var(--container-outer-padding)));
    }

    /***Congrats***/
    
    .course-congrats article,
    .recent-posts li,
    .lesson-info article,
    .lesson-info aside,
    .course-callout h2 {
        grid-column: 1;
    }
    
    /***Single Lesson***/
    
    .lesson-info article {
        padding: 0;
    }
    
    .course-callout {
        padding: 60px 0;
    }
    
    .course-callout::before {
        left: 0;
        width: 100%;
    }
  
    .photo-hero h1 {
      font-size: calc(32rem/16);
    }
  
    /***Glossary Single***/
  
    .glossary-term .content,
    .glossary-term-cta {
      grid-column: 1;
    }
    
    /*Archive*/
  
    .featured-post .size-full,
    .featured-post article {
        margin: 0;
        width: 100%;
    }
    
    .featured-post article {
        margin-top: 40px;
    }
    
    .blog-posts {
        padding: var(--module-spacing-medium) 0;
    }
    
    .blog-posts.posts2 + .blog-posts.posts3 {
        margin-top: -20px;
    }
    
    .blog-posts .grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .blog-posts .grid li {
        grid-column: auto;
    }
    
    .blog-posts.posts1 .grid li:nth-of-type(3) {
        grid-column: 1 / -1;
    }
    
    .post article {
        padding: 40px 34px;
    }
    
    .post h3 {
        font-size: calc(26rem/16);
    }

    .blog-video {
        padding: 120px 0 var(--module-spacing-medium);
    }
    
    .blog-services li {
        padding-right: 0;
    }
    
    /***Team***/
    
    .team-hero article,
    .team-hero .size-full {
        grid-column: 1;
    }
    
    .team-hero {
        padding-top: 0;
    }
    
    .team-hero h1 {
        margin-bottom: 20px;
    }
    
    .team-hero .size-full {
        width: 100%;
    }
    
    .team-groups h2,
    .recent-posts-alt h2 {
        text-align: center;
    }
    
    .team-groups ul,
    .recent-posts-alt ul {
        grid-template-columns: 1fr 1fr;
    }
    
    .team-groups .three-column li,
    .team-groups .four-column li {
        grid-column: auto;
    }
    
    .team-groups .popup {
        padding: 60px 30px;
    }
    
    .recent-posts-alt ul .post {
        grid-column: auto;
    }
    
    .recent-posts-alt ul li:nth-of-type(3) {
        display: none;
    }
    
    /***Blog Single***/
    
    .post-content article,
    .post-hero article,
    .post-content .sticky-share,
    .news-hero article {
        grid-column: 1;
    }
    
    .post-content .sticky-share {
        flex-direction: row;
        gap: 24px;
        justify-self: start;
        margin: 0;
    }
    
    .post-content .post-callout {
        margin: 60px 0;
        padding: 60px;
        width: 100%;
    }

    /*Related Articles*/

    .related-articles ul.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .related-articles .post {
        grid-column: span 1;
    }

    .related-articles .post:last-of-type {
        display: none;
    }
    
    /***News Archive***/
    
    .news-archive-hero h1,
    .news-archive-hero p,
    .news-posts li {
        grid-column: auto;
    }
    
    .news-archive-hero {
        padding-bottom: 360px;
    }
    
    .news-archive-hero .grid {
        row-gap: 20px;
    }
    
    .news-archive-hero h1 br {
        display: none;
    }
    
    .news-posts h2 {
        margin-bottom: 30px;
    }
    
    .news-posts .grid {
        grid-template-columns: 1fr 1fr;
    }

    /***News Single***/

    .single-news .post-content .sticky-share {
        margin-top: 30px;
        position: relative;
        top: unset;
    }
    
    .single-news .post-content .sticky-share:before {
        background: var(--gray-light);
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        top: -30px;
        width: calc(100vw - (2 * var(--container-outer-padding)));
    }

    /***Demo***/
    
    .demo-form .intro,
    .demo-form video,
    .demo-form .form,
    .demo-form .size-xlarge {
        grid-column: 1;
    }
    
    .demo-form .intro,
    .demo-form video,
    .demo-form .size-xlarge {
        margin: 0;
    }
    
    .demo-form video,
    .demo-form .size-xlarge {
        width: 100%;
    }

    .demo-form .size-xlarge {
        aspect-ratio: 2 / 1;
        object-fit: cover;
    }

    .demo-form h2 {
        font-size: calc(28rem / 16);
    }
    
    /***Open Positions***/
    
    .positions-content article,
    .positions-content aside {
        grid-column: 1;
    }
    
    .positions-hero {
        padding-bottom: 40px;
    }
    
    .positions-content {
        padding-top: 0;
    }
    
    .positions-content aside {
        align-items: start;
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin: 0 calc(-1 * var(--container-outer-padding)) 40px;
        order: -1;
        overflow: auto;
        padding: 15px var(--container-outer-padding);
        position: sticky;
        top: 0;
        width: 100vw;
        z-index: 3;
    }
    
    .positions-content aside h3 {
        margin: 0;
    }
    
    .positions-content aside ul {
        flex-direction: row;
        gap: 20px;
    }
    
    .positions-content aside li {
        flex-shrink: 0;
    }
    
    /***Contact***/
    
    .contact-hero {
        padding-bottom: 60px;
    }
    
    .contact-headquarters {
        padding-bottom: 40px;
    }
    
    .contact-headquarters article {
        background: none;
        padding: 60px 30px;
    }
    
    .contact-headquarters article > div:nth-of-type(1) {
        width: 100%;
    }
    
    .contact-headquarters article > div:nth-of-type(2), 
    .contact-headquarters article > div:nth-of-type(3) {
        border-left: none;
        margin-top: 40px;
        padding: 0;
        width: 45%;
    }
    
    .contact-headquarters h2 {
        display: none;
    }
    
    .contact-headquarters h3 {
        margin-bottom: 15px;
    }
    
    .contact-headquarters article > div:nth-of-type(2) h4, 
    .contact-headquarters article > div:nth-of-type(3) h4 {
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 15px;
    }
    
    .contact-offices {
        padding-bottom: 120px;
    }
    
    .contact-offices h2 {
        margin-bottom: 60px;
    }
    
    .contact-offices .grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .contact-offices li,
    .contact-offices li:nth-of-type(13) {
        grid-column: auto;
    }

    .contact-offices li .size-xlarge,
    .contact-offices li .size-full {
        position: relative;
    }
    
    .contact-offices h3 {
        margin-bottom: 24px;
    }
    
    .contact-offices .location ul {
        gap: 20px;
    }
    
    .contact-offices li:nth-of-type(4) {
        order: 10;
    }
    
    /***ReibusU Landing***/
    
    .announcement h2,
    .announcement article {
        grid-column: 1;
    }
    
    .reibusu-hero .grid,
    .reibus-courses .grid,
    .glossary-intro .grid,
    .resources-list .grid {
        grid-template-columns: repeat(12,1fr);
    }
    
    .reibusu-hero .size-full {
        grid-column: span 5;
        height: 100%;
        object-fit: cover;
        object-position: right center;
    }
    
    .reibusu-hero article {
        grid-column: span 7;
    }
    
    .announcement article {
        margin-top: -20px;
    }
    
    .reibus-courses .accordion button {
        padding-left: 20px;
    }
    
    .reibus-courses .accordion .content {
        padding: 0 20px 24px 20px;
    }
    
    .reibus-courses .video-carousel.carousel-container,
    .reibus-courses .grid:nth-of-type(2n) .video-carousel {
        grid-column: span 6;
    }
    
    .glossary-intro {
      padding: 60px 0 100px;
    }
    
    .glossary-intro article {
        margin: 0;
        padding: 0;
    }
    
    .glossary-intro .size-xlarge {
        margin: 0;
        width: 100%;
    }
    
    .testimonials-carousel .slick-dots {
        bottom: 20px;
        gap: 15px;
    }
    
    .resources-list {
        padding-bottom: var(--module-spacing-small);
    }
    
    .resources-list .grid a {
        height: 100%;
        padding: 30px 20px;
    }
    
    .resources-list .grid h3.heading-4 {
        font-size: calc(24rem/16);
        font-weight: 500;
    }
    
    .resources-list .grid p {
        font-size: calc(14rem/16);
        line-height: calc(24/14);
        margin-bottom: 20px;
    }
    
    /***Careers***/
    
    .careers-hero article,
    .careers-hero ul,
    .careers-culture article,
    .careers-culture h2,
    .careers-culture .testimonial-single, 
    .careers-paid .testimonial-single,
    .careers-culture .size-xlarge, 
    .careers-paid .size-xlarge,
    .careers-values article,
    .careers-awards h2,
    .careers-awards p.heading-5,
    .careers-awards article,
    .careers-awards ul,
    .careers-paid article,
    .careers-paid .carousel-container,
    .careers-working article {
        grid-column: 1;
    }
    
    .careers-hero ul,
    .careers-hero article,
    .careers-culture article,
    .careers-culture .testimonial-single, 
    .careers-paid .testimonial-single,
    .careers-culture .size-xlarge, 
    .careers-paid .size-xlarge,
    .careers-awards p.heading-5,
    .careers-awards article,
    .careers-awards ul,
    .careers-working article,
    .careers-paid article {
        margin: 0;
    }
    
    .careers-hero ul,
    .sticky-careers,
    .careers-awards article,
    .careers-hero article {
        padding: 0;
    }
    
    .sticky-careers ul {
        margin-left: calc(-1 * var(--container-outer-padding));
        overflow: auto;
        padding: 0 var(--container-outer-padding) 40px;
        width: 100vw;
    }
    
    .sticky-careers.super-sticky {
        padding: 20px 0 0;
    }
    
    .sticky-careers.super-sticky ul {
        justify-content: start;
        padding-bottom: 20px;
    }
    
    .sticky-careers ul li {
        flex-shrink: 0;
    }
    
    .careers-culture {
        padding-bottom: var(--module-spacing-medium);
    }
    
    .careers-culture .size-xlarge,
    .careers-paid .size-xlarge {
        margin: 0 auto;
        max-width: 320px;
    }
    
    .careers-values {
        padding-top: var(--module-spacing-large);
    }

    .careers-values .circular-carousel .btn {
        top: 40px;
    }

    .careers-values .circular-carousel {
        padding: 140px 0 60px;
    }

    .careers-values .circular-carousel .circle {
        top: 60px;
    }
    
    .careers-awards {
        padding: var(--module-spacing-large) 0;
    }
    
    .careers-awards h2,
    .careers-awards p.heading-5 {
        text-align: center;
    }
    
    .careers-awards p.heading-5 {
        margin-top: -30px;
    }
    
    .careers-awards .size-large {
      max-width: 200px;
      width: 100%;
    }
    
    .careers-awards ul {
        border-left: none;
        padding: 0;
    }
    
    .careers-awards .btn.new-primary {
        aspect-ratio: auto;
        border-radius: 0;
        font-size: calc(16rem / 16);
        line-height: calc(26 / 16);
        margin: 40px auto 0;
        max-width: max-content;
        padding: 11px 25px;
        position: static;
        text-transform: uppercase;
        width: auto;
    }
    
    .careers-awards .btn.new-primary svg {
        display: none;
    }
    
    .careers-benefits {
        padding: var(--module-spacing-large) 0;
    }
    
    .careers-paid .carousel-container {
        height: auto;
        margin: 0 0 0 calc(-1 * var(--container-outer-padding));
        overflow: hidden;
        width: 100vw;
    }
    
    .careers-paid .carousel-container::before, 
    .careers-paid .carousel-container::after {
        display: none;
    }

    .careers-paid .carousel {
        flex-direction: row;
        height: auto;
        overflow: hidden;
    }

    .careers-paid .slides {
        flex-direction: row;
        height: 200px;
        translate: -100% 0;
    }

    .careers-paid .slides.paused {
        animation-play-state: running;
    }

    .careers-paid .slides.clone {
        left: calc(100% + 50px);
        top: unset;
    }

    @keyframes primary {
        from {
            translate: 50px 0;
        }
        to {
            translate: -100% 0;
        }
    }
    
    .careers-paid .quote-outer {
        border: none;
        margin: 20px 0 0 calc(-1 * var(--container-outer-padding));
        padding: var(--module-spacing-medium) 20px;
    }
    
    .careers-paid .carousel-container .slide .flex-container {
        flex-direction: column;
        gap: 10px;
    }
    
    .careers-paid .carousel .slide {
      width: 250px;
    }
    
    .careers-paid .carousel .size-large {
        width: 100%;
    }

    .careers-video-carousel .carousel {
        padding: 0;
    }
    
    .careers-working .instagram {
        margin-top: var(--module-spacing-large); 
    }
    
    .careers-working #sb_instagram #sbi_images {
        gap: 20px;
    }

    /***About***/

    /*Hero*/

    .about-hero {
        padding: 80px 0 100px;
    }

    .about-hero h1 {
        grid-column: 1;
    }

    /*Intro*/

    .about-intro .container {
        padding-bottom: 180px;
    }

    .about-intro .left-copy,
    .about-intro .right-copy {
        grid-column: 1;
        width: 100%;
    }

    .about-intro .right-copy {
        margin-top: -20px;
    }

    /*Culture*/

    .culture article,
    .culture .values {
        grid-column: 1;
        width: 100%;
    }

    .culture .values {
        margin: 50px 0 0 auto;
        padding: 50px 0 70px;
        width: calc(770 / 870 * 100%);
    }

    .culture .values:before {
        left: unset;
        right: calc(-1 * var(--container-outer-padding));
        width: calc(100% + var(--container-outer-padding) + 60px);
    }

    /*Timeline*/

    .about-timeline {
        padding: 100px 0 0;
    }

    .about-timeline .btn.arrow-btn-large {
        display: block;
        position: absolute;
        top: calc(240 / 950 * 100vw);
    }

    .about-timeline .btn.arrow-btn-large.prev-slide {
        left: var(--container-outer-padding);
    }

    .about-timeline .btn.arrow-btn-large.prev-slide svg #Background-Hover {
        transform: translateX(100%);
    }

    .about-timeline .btn.arrow-btn-large.prev-slide:hover svg #Background-Hover {
        transform: translateX(0);
    }

    .about-timeline .btn.arrow-btn-large.prev-slide svg g g {
        transform: translate(37px, 17px) rotate(90deg);
    }

    .about-timeline .btn.arrow-btn-large.next-slide {
        right: var(--container-outer-padding);
    }

    .about-timeline .btn.arrow-btn-large.next-slide svg g g {
        transform: translate(16px, 35px) rotate(-90deg);
    }

    .about-timeline .timeline {
        gap: calc(12 / 950 * 100vw);
        height: calc(660 / 950 * 100vw);
    }

    .about-timeline .timeline .current-year {
        bottom: calc(130 / 950 * 100vw);
        font-size: calc(390 / 950 * 100vw);
        top: unset;
    }

    .about-timeline .timeline .year {
        width: calc(100% / 5);
    }

    .about-timeline .timeline .year > span,
    .about-timeline .timeline > span {
        background: #979797;
        height: 6px;
        position: unset;
    }

    .about-timeline .timeline .year > span.new-year,
    .about-timeline .timeline > span.new-year {
        background: var(--black);
        height: 22px;
    }

    .about-timeline .timeline .new-year > span {
        left: -16px;
        position: relative;
        transform: unset;
    }

    .about-timeline .timeline > span.new-year span {
        left: -30px;
        margin-right: -30px;
    }

    .about-timeline .timeline span span.block {
        bottom: unset;
        cursor: auto;
        display: block;
        left: -3px;
        position: relative;
        top: calc(100% - 3px);
        transform: unset;
    }

    .about-timeline .timeline .year-2018 article,
    .about-timeline .timeline .year-2019 article,
    .about-timeline .timeline .year-2020 article,
    .about-timeline .timeline .year-2021 article,
    .about-timeline .timeline .year-2022 article {
        left: 50%;
        right: unset;
        top: 0;
        transform: translateX(-50%);
    }

    .about-timeline .timeline article {
        text-align: center;
        width: calc(520 / 870 * 100%);
    }

    .about-timeline .timeline article.active {
        opacity: 1;
        visibility: visible;
    }

    .about-timeline .timeline article h2 {
        margin: 8px 0 24px;
    }

    .about-timeline p.instructions {
        display: none;
    }

    /*Stats*/

    .stats {
        padding: 140px 0;
    }

    .stats .flex-container {
        flex-direction: column-reverse;
    }

    .stats .img-container,
    .stats .content {
        width: 100%;
    }

    .stats .content,
    .stats .content article {
        margin: 0 0 50px;
        text-align: center;
    }

    .stats ul {
        gap: 40px;
        margin: 0;
    }

    /***FAQS***/

    /***New Page Builder***/

    .new-builder section {
        padding: 100px 0;
    }

    .new-builder section.dark + section.dark:not(.keep-padding) {
        padding-top: 40px;
    }

    /*Animated CTA*/

    .new-builder section.animated-cta {
        padding: 100px 0;
    }

    .animated-cta.gradient-background:before {
        background: linear-gradient(0deg, rgba(226,233,236,1) 0%, rgba(226,233,236, 0) 100%);
        opacity: 1;
    }

    .animated-cta video,
    .animated-cta h2 br {
        display: none;
    }
    
    .animated-cta article {
        margin: 0 auto;
        min-height: 0;
        padding: 0;
        transform: none;
        width: calc(700 / 870 * 100%);
    }

    /*Carrier*/

    .carrier article {
        margin: 0 auto 80px;
    }

    .carrier .grid {
        position: relative;
    }

    .carrier .carrier-1 {
        margin: 0 0 40px;
    }

    .carrier .carrier-1 .truck-container {
        display: none;
    }

    .carrier .carrier-2 .truck-container {
        grid-column: 1;
        margin-top: 20px;
    }

    .carrier .carrier-1 .content,
    .carrier .carrier-2 .content {
        grid-column: 1;
    }

    .carrier .carrier-1 .content {
        padding-left: unset;
    }

    /*FAQs (new)*/

    .new-faqs h2, 
    .new-faqs ul {
       grid-column: 1;
    }

    .new-faqs h2 {
        margin: 0 0 10px;
    }

    .new-faqs button {
        padding: 21px 40px 21px 0;
    }

    /*Form*/

    .form-module article,
    .form-module .form-container {
        grid-column: 1;
    }

    .form-module .form-container {
        max-width: calc(100vw - 40px);
    }


    /*Headline CTA*/

    .headline-cta .container {
        padding-bottom: 220px;
    }

    .headline-cta h2,
    .headline-cta p {
        grid-column: 1;
    }

    /*Headshot CTA*/

    .headshot-cta .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .headshot-cta .headshot-container,
    .headshot-cta article {
        grid-column: span 1;
    }

    /*Parallax Image Text*/

    .new-builder section.parallax-text {
        padding: 120px 0 150px;
    }

    .parallax-text article {
        grid-column: 1;
        width: calc(720 / 870 * 100%);
    }

    .parallax-text .background-image,
    .parallax-text .foreground-image {
        left: -10px;
        width: 134%;
    }

    /*Plain CTA*/

    .plain-cta article {
        width: calc(700 / 870 * 100%);
    }
    
    .plain-cta h2 + .btn {
        margin-top: 30px;
    }

    /*Side by Side CTA*/

    .side-by-side-cta .cta-box {
        padding: 60px 30px;
    }
    
    .side-by-side-cta p {
        margin: 10px 0 0;
    }

    /* Step by Step */
    
    .step-by-step .steps {
        flex-direction: column;
    }

    .step-by-step .steps li {
        max-width: none;
    }

    /*Sticky Columns*/

    .sticky-columns .main-heading {
        grid-column: 1;
        margin-bottom: 60px;
    }

    .sticky-columns .sticky-image {
        width: calc(380 / 950 * 100vw);
    }

    .sticky-columns ul li:first-child {
        margin-top: 0;
    }

    .sticky-columns article.content {
        width: calc(460 / 870 * 100%);
    }

    .sticky-columns h3 + p {
        margin: 20px 0 0;
    }

    /*Testimonial Single*/

    .testimonial-single .quote-container,
    .careers-culture .testimonial-single .quote-container,
    .careers-paid .testimonial-single .quote-container {
        padding-left: 74px;
    }

    .testimonial-single blockquote,
    .careers-culture .testimonial-single blockquote,
    .careers-paid .testimonial-single blockquote {
        font-size: calc(40rem / 16);
        margin: 0;
        padding: 32px 0;
    }

    .testimonial-single blockquote svg,
    .careers-culture .testimonial-single blockquote svg,
    .careers-paid .testimonial-single blockquote svg {
        left: -74px;
        width: 60px;
    }

    /*Testimonials Carousel*/

    .testimonials-carousel .slick-slide {
        margin: 0 30px;
    }
    
    .testimonials-carousel .carousel {
        padding: 40px 50px 60px;
    }

    /*Text Image*/

    .text-image.image-left article,
    .text-image.image-right article,
    .text-image.image-left .img-container,
    .text-image.image-right .img-container {
        grid-column: 1;
    }

    .text-image .img-container {
        grid-row: 2;
    }

    .text-image p {
        margin-top: 20px;
    }

    .text-image .btn {
        margin-top: 30px;
    }

    /*Text Image Animation*/

    .text-image-animation .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .text-image-animation .text-content,
    .text-image-animation .images {
        grid-column: span 1;
    }

    .text-image-animation .text-content article {
        width: calc(100vw - (2 * var(--container-outer-padding)));
    }

    .text-image-animation .images > div {
        width: 100%;
    }

    .text-image-animation .images > div:nth-of-type(1) {
        top: calc(68px + 190px);
    }

    .text-image-animation .images > div:nth-of-type(2) {
        margin-left: calc(-2 * var(--gap));
        top: calc(406 / 1400 * 100vw - 60px + 190px);
    }

    /*Text Media*/

    .text-media article,
    .text-media .media-container {
        grid-column: 1;
    }

    .text-media .media-container {
        left: unset;
        max-width: unset;
        width: 100%;
    }

    /*Video Hero*/

    .new-builder section.video-hero {
        margin: 0 0 140px;
    }

    .new-builder section:first-of-type.video-hero {
        padding-top: 20px;
    }

    .video-hero .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .video-hero .video-container,
    .video-hero article {
        grid-column: span 1;
    }

    /*Product Grid*/

    .product-grid .grid {
        grid-template-columns: 1fr 1fr;
    }

    /* EMISSIONS CALCULATOR */

    .emissions-calculator__tabs {
        padding-left: 20px;
    }

    .emissions-calculator__row fieldset .options {
        flex-direction: column;
    }

    .emissions-calculator__row.start fieldset .options {
        align-items: center;
    }

    .emissions-calculator__row fieldset .card {
        width: 100%;
        height: auto;
    }

    .emissions-calculator__row.results .results-container > * {
        width: 100%;
    }

    .emissions-calculator__row.results .emissions,
    .emissions-calculator__row.results .selections {
        margin-left: auto;
        margin-right: auto;
    }

    .emissions-calculator__row.results .chart-and-button {
        flex-basis: unset;
    }
	
	/***Video Library Archive***/
	
	.video-library-hero,
	.featured-video {
		padding: 60px 0;
	}
	
	.featured-video article,
	.featured-video .video-container,
	.video-posts .sticky-video-cats,
	.video-posts .posts {
		grid-column: 1 / -1;
	}
	
	.featured-video .video-container {
		margin: 0;
	}
	
	.video-posts {
		padding-top: 0;
	}
	
	.video-posts .posts {
		margin: 0 calc(-1 * var(--container-outer-padding));
		overflow: hidden;
		padding: 0 var(--container-outer-padding);
		width: 100vw;
	}
	
	.video-posts .sticky-video-cats {
		align-items: center;
		display: flex;
		gap: 15px;
		margin: 0 calc(-1 * var(--container-outer-padding));
		padding: 20px var(--container-outer-padding) 20px;
		overflow: auto;
		top: 0;
		width: 100vw;
		z-index: 3;
	}
	
	.video-posts .sticky-video-cats h3 {
		margin: 0;
	}
	
	.video-posts .sticky-video-cats ul {
		flex-direction: row;
		gap: 15px;
	}
	
	.video-posts .sticky-video-cats li {
		flex-shrink: 0;
	}
	
	.video-posts .video-category,
	.video-posts .carousel .slick-list {
		overflow: visible;
	}
	
	.video-posts .carousel {
		margin: 0 calc(-1 * var(--container-outer-padding));
		padding: 0 var(--container-outer-padding);
		width: 100vw;
	}
	
	.video-posts .slick-track {
		gap: 16px;
	}
	
	.video-posts .video-loop {
		width: 220px;
	}
	
	/***Video Library Single***/
	
	.video-library-content article,
	.video-library-content aside {
		grid-column: 1 / -1;
		padding: 0;
	}
	
	.video-library-content article::before {
		height: calc(100% + 40px);
		width: 100vw;
	}
	
	.video-library-content aside {
		margin: 0;
	}
	
	.video-library-content aside ul {
		align-items: start;
		flex-direction: row;
		gap: 16px;
		margin: 0 calc(-1 * var(--container-outer-padding)) 20px;
		overflow: auto;
		padding: 0 var(--container-outer-padding) 20px;
		width: 100vw;
	}
	
	.video-library-content aside li {
		flex-shrink: 0;
		min-width: 200px;
		width: calc(33.33333333% - 11px);
	}
    
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 650 - Mobile Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 40.625em) {
  
    :root {
        --container-outer-padding: 20px;
    }

    h1,
    .heading-1 {
        font-size: calc(50rem/16);
    }

    h1.mega,
    .heading-1.meta {
        font-size: calc(36rem/16);
    }

    h2,
    .heading-2 {
        font-size: calc(38rem/16);
    }

    p.large,
    ul.large,
    ol.large,
    .course-listings p,
    .lesson-info article p,
    .lesson-info article ul,
    .lesson-info article ol,
    .post-content article > p,
    .calculator__results ul {
        font-size: 1rem;
    }

    p.x-large, 
    ul.x-large, 
    ol.x-large, 
    .featured-post p {
        font-size: calc(18rem/16);
        margin-bottom: 30px;
    }

    /***Header***/

    /**Mega Menu**/

    header .mega-menu > li {
        padding: 0;
    }

    header .mega-menu a.parent {
        font-size: calc(20rem / 16);
    }

    header .mega-menu a.parent.has-child:before {
        height: 6px;
        top: 12px;
        width: 10px;
    }

    header .mega-menu a.parent.has-child:before,
    header .mega-menu a.parent.has-child.active:before {
        right: -16px;
    }

    header .mega-sub.menu-plain-dropdown,
    header .mega-sub.menu-three-column,
    header .mega-sub.menu-four-callouts {
        padding-top: 50px;
    }

    /*Plain Dropdown*/

    header .mega-sub.menu-plain-dropdown li:not(:last-child) {
        margin-bottom: 40px;
    }

    /*Three Columns*/

    header .mega-sub.menu-three-column {
        flex-direction: column;
        flex-wrap: unset;
        gap: 40px;
        height: 100vh;
        justify-content: flex-start;
        padding-top: 70px;
    }
    
    header .mega-sub.menu-three-column .img-container {
        display: none;
    }

    header .mega-sub.menu-three-column .img-container,
    header .mega-sub.menu-three-column .lists.condense {
        width: 100%;
    }

    header .mega-sub.menu-three-column .lists > ul {
        gap: 40px;
        grid-template-columns: 1fr;
    }

    header .mega-sub.menu-three-column .lists.condense > ul {
        flex-wrap: unset;
        height: max-content;
        margin: 0;
    }

    header .mega-sub.mega-sub.menu-three-column .lists.condense > ul > li {
        width: 100%;
    }

    /***Footer***/
    
    .new-footer .intro,
    .new-footer .menu-footer-new,
    .new-footer .social,
    .new-footer .bottom-content {
        order: revert;
    }

    .new-footer .grid,
    .new-footer .intro,
    .new-footer .menu-footer-new {
        grid-template-columns: 1fr;
    }
    
    .new-footer {
        padding-top: 40px;
        text-align: center;
    }
    
    .new-footer .intro {
        gap: 0;
    }
    
    .new-footer .intro .logo {
        margin: 0 auto 20px;
        width: 120px;
    }
    
    .new-footer .intro .new-tertiary {
        margin: 0 auto;
    }
    
    .new-footer .menu-footer-new,
    .new-footer .social {
        grid-column: 1;
    }
    
    .new-footer .menu:not(.menu-footer-legal) > li, 
    .new-footer .menu:not(.menu-footer-legal) ul {
        justify-content: center;
    }

    .new-footer .bottom-content {
        margin: 0;
    }
    
    .new-footer .bottom-content ul {
        justify-content: center;
        width: 100%;
    }

    /***Create Account***/

    .resource-account {
        padding-top: 60px;
    }

    .resource-account h1 {
        margin-bottom: 30px;
    }

    .gform_wrapper h2.gform_submission_error {
        font-size: calc(18rem/16);
        margin-bottom: 20px;
    }

    /***Dashboard***/

    .certification .images img:nth-of-type(2) {
        bottom: -30%;
        right: 15px;
        top: auto;
    }

    .certification article {
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;
        padding-right: 20px;
    }

    .certification article .btn.primary {
        margin-inline: 20px;
        text-align: center;
    }

    /***Congratulations***/

    .course-congrats {
        background: none;
        padding: 60px 0;
    }

    .course-congrats h1 {
        margin-bottom: 60px;
    }

    .course-congrats .flex-container {
        color: var(--black);
        margin: 0;
    }

    /***Quiz***/

    .quiz-container:before {
        background: var(--off-white);
        bottom: 0;
        content: '';
        height: 30px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 3;
    }

    .quiz-container .quiz-question {
        flex-direction: row;
        flex-wrap: wrap;
        padding: var(--module-spacing-small) 0 60px;
        position: static;
        top: 0;
        transform: none;
    }

    .quiz-container h2 {
        margin: 0 0 30px;
        width: 100%;
    }

    .quiz-container .answers {
        gap: 20px;
        margin-top: 30px;
        padding: 0;
    }

    .quiz-container .answers li {
        width: 100%;
    }

    .quiz-container .answer-btn {
        height: auto;
        width: 100%;
    }

    .quiz-container .progress-meter {
        bottom: 15px;
        position: fixed;
        z-index: 3;
    }

    .quiz-container .completed-screen .sign-up-container {
        margin: 0;
    }

    .quiz-container .sign-up-container .flex-container {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .quiz-container .completed-screen .sign-up-right {
        align-items: center;
        margin-top: 20px;
    }

    /***Single Lesson***/

    .course-breadcrumbs {
        padding-bottom: 0;
    }

    .course-breadcrumbs ul {
        flex-direction: column; 
    }

    .course-breadcrumbs li {
        padding-bottom: 40px;
        width: 100%;
    }

    .course-breadcrumbs li:not(:last-child)::before, 
    .course-breadcrumbs a::after, 
    .course-breadcrumbs a.active::before {
        left: 0;
    }

    .course-breadcrumbs li:not(:last-child)::before {
        background: linear-gradient(to bottom, var(--gray-blue) 0%, #F4F4F4 100%);
        height: 100%;
        margin-left: -5px;
        top: -1px;
        width: 1px;
    }

    .course-breadcrumbs a {
        padding: 0 0 0 20px;
        text-align: left;
    }

    .course-breadcrumbs a::after, 
    .course-breadcrumbs a.active::before {
        top: 5px;
    }

    .course-breadcrumbs a.active::before {
        top: 3px;
    }

    .course-breadcrumbs a.active::after {
        top: 6px;
    }

    .lesson-info h1 {
        flex-direction: column;
        gap: 20px;
    }

    .lesson-info h1 .pill {
        margin: 0;
        width: max-content;
    }

    .lesson-info aside ul {
        padding: 20px;
    }

    /***Coil Color Charts Page***/

    .chart-cards {
        grid-template-columns: 1fr;
    }

    .chart-cards a img {
        aspect-ratio: 2 / 1;
    }

    .chart-cards {
        grid-template-columns: 1fr;
    }

    /***Glossary Archive***/

    /*Terms*/

    .glossary-container {
        gap: 20px;
    }

    .glossary-container .term-group {
        padding: 24px var(--container-outer-padding) 32px;
    }

    /*Sticky Search*/

    .glossary-search-container {
        gap: 20px;
        padding-bottom: 30px;
    }

    /*Tables*/

    .table-scroll table {
        min-width: 575px;
    }
    
    /***Archive***/
    
    .blog-services ul,
    .blog-posts .grid {
        grid-template-columns: 1fr;
    }
    
    .blog-services li
    .blog-posts li {
        grid-column: 1;
    }
    
    .featured-post {
        padding-bottom: 0;
    }
    
    .featured-post p {
        margin-bottom: 20px;
    }
    
    /***Team***/
    
    .team-groups .popup {
        flex-wrap: wrap;
    }
    
    .team-groups .popup::before {
        bottom: auto;
        height: 150px;
        top: 0;
        width: 100%;
    }
    
    .team-groups .popup .size-large {
        margin: 0 0 30px;
        max-width: 250px;
        width: 100%;
    }
    
    .team-groups .popup article {
        width: 100%;
    }
    
    .recent-posts-alt ul {
        grid-template-columns: 1fr;
    }
    
    .post article {
        padding: 40px 20px;
    }
    
    /***Default Template***/
    
    .page-hero-default {
        padding: 60px 0;
    }
    
    /***Blog Single***/
    
    .post-hero::before { 
        top: calc(100% - 78px);
    }

    .post-hero h1,
    .news-hero h1 {
        margin-bottom: 12px;
    }

    .post-hero p {
        margin-bottom: 30px;
    }

    .single-case-studies .post-hero .size-full img,
    .single-case-studies .post-hero img.size-full{
        margin-top: 30px;
    }
    
    .post-content {
        padding-top: 40px;
    }
    
    .post-content article ol li, 
    .post-content article ul:not(.two-column-images):not(.post-tags) li {
        padding-left: 25px;
    }

    .post-content article > * + h2,
    .post-content article > * + h3,
    .post-content article > * + h4 {
        margin-top: 30px;
    }

    .post-content article > h2 {
        margin-bottom: 10px;
    }
    
    .post-content article .two-column-images {
        grid-template-columns: 1fr;
    }
    
    .single-post-quote .quote-container {
        padding-left: 40px;
    }
    
    .single-post-quote blockquote svg {
        left: -40px;
        width: 28px;
    }
    
    .single-post-quote blockquote {
        font-size: calc(30rem / 16);
    }
    
    .post-content .post-callout {
        padding: 60px 30px;
    }

    .related-articles:before {
        background: linear-gradient(to bottom, #E2E9EC 0%, #E2E9EC 70%, #FFFFFF 100%);
    }

    .related-articles ul.grid {
        grid-template-columns: minmax(0, 1fr);
    }
    
    .related-article a {
        flex-direction: column;
        padding: 0 20px 40px;
    }
    
    .related-article a::before {
        bottom: 0;
        height: calc(100% - 60px);
        top: auto;
        width: 100%;
    }
    
    .related-article .size-large,
    .related-article .content {
        width: 100%;
    }
    
    .related-article .content {
        margin: 30px 0 0;
    }
    
    .post-meta {
      align-items: start;
      flex-direction: column;
      gap: 10px;
    }
    
    /***News Archive***/
    
    .news-archive-hero p {
        font-size: calc(24rem/16);
    }
    
    .news-posts .grid {
        grid-template-columns: 1fr;
    }
    
    .news-posts li a {
        padding-bottom: 60px;
    }
    
    .news-posts li article {
        padding: 30px 20px;
    }
    
    /***News Single***/
    
    .news-hero {
        padding-bottom: 40px;
    }
    
    /***Open Positions***/
    
    .positions-hero {
        padding-bottom: 40px;
    }
    
    .positions-content .lever-job-title {
        padding: 42px 20px 30px;
    }
    
    .positions-content .lever-team .lever-job-tag {
        left: 20px;
        top: 20px;
    }
    
    .positions-content .lever-job-title::before {
        background-size: 100% auto;
        height: 32px;
        width: 32px;
    }
    
    .positions-content .lever-team .lever-job-tag {
        font-size: calc(11rem/16);
        letter-spacing: 1.9px;
        line-height: calc(16/11);
    }
    
    /***Contact***/
    
    .contact-hero img.size-full, 
    .contact-hero .size-full img {
        min-height: 200px;
        object-fit: cover;
    }
    
    .contact-headquarters article > div:nth-of-type(2), 
    .contact-headquarters article > div:nth-of-type(3) {
        width: 100%;
    }
    
    .contact-headquarters,
    .contact-offices {
        padding-bottom: 60px;
    }
    
    .contact-headquarters article {
        padding: 0;
    }
    
    .contact-offices h2 {
        display: none;
    }
    
    .contact-offices .grid {
        grid-template-columns: 1fr;
    }
    
    .contact-offices li.location {
        padding: 40px 20px;
    }
    
    .contact-offices h3 {
        margin-bottom: 30px;
    }
    
    .contact-offices .location ul {
        gap: 20px;
    }

    .contact-offices li .size-xlarge,
    .contact-offices li .size-full {
        position: relative;
    }
    
    /***Reibus U Landing Page***/
    
    .reibus-courses h2,
    .related-articles h2 {
        margin-bottom: 40px;
    }
    
    .reibusu-hero .grid,
    .reibus-courses .grid,
    .glossary-intro .grid,
    .resources-list .grid {
        grid-template-columns: 1fr;
    }
    
    .reibusu-hero .size-full,
    .reibusu-hero article,
    .reibus-courses .video-carousel.carousel-container,
    .reibus-courses .grid:nth-of-type(2n) .video-carousel,
    .reibus-courses .grid article,
    .glossary-intro article,
    .glossary-intro .size-xlarge,
    .resources-list .grid li {
        grid-column: 1;
    }
    
    .reibusu-hero .size-full {
        margin: 0;
        width: 100%;
    }
    
    .reibus-courses .video-carousel.carousel-container,
    .reibus-courses .grid:nth-of-type(2n) .video-carousel {
        margin: 0;
        order: -1;
        position: static;
    }
    
    /***Careers***/

    .careers-hero ul {
        row-gap: 10px;
    }

    .careers-hero ul li {
        gap: 10px;
    }
    
    .careers-culture .testimonial-single {
        margin-top: -40px;
    }

    .careers-values .circular-carousel {
        padding: 100px 0 100px;
    }

    .careers-values .circular-carousel .btn {
        bottom: 20px;
        top: auto;
    }

    .careers-values .circular-carousel .content li {
        max-width: 100%;
    }

    .careers-values .circular-carousel .content li .eyebrow,
    .careers-values .circular-carousel .content li .heading-3,
    .careers-values .circular-carousel .content li .heading-6 {
        width: calc(100vw - (var(--container-outer-padding) * 2));
    }

    .careers-values .circular-carousel .value.active {
        opacity: 1;
    }

    .careers-values .circular-carousel .value .image-wrapper {
        height: 80px;
        padding: 15px;
        width: 80px;
    }

    .careers-values .circular-carousel .value .image-wrapper img {
        height: 50px;
        opacity: .7;
        width: 50px;
    }

    .careers-values .circular-carousel .circle {
        top: 40px;
        --extra-width: 250px;
    }
    
    .careers-awards article > .size-large {
        width: 150px;
    }
    
    .careers-benefits article h2 {
        font-size: clamp(30px,10vw, 50px);
    }
    
    .careers-benefits article {
        margin-bottom: 60px;
    }
    
    .careers-benefits article p {
        margin-top: -20px;
    }
    
    .careers-paid .features {
        padding: 0;
    }
    
    .careers-working::before {
        height: 35%;
    }
    
    .careers-video-carousel .slide {
        padding: 0 10px;
    }
    
    .careers-video-carousel .play-button {
        min-height: 50%;  
        width: auto;
    }
    
    .careers-video-carousel .play-button::after {
        min-height: auto;
        width: 30%;
    }
    
    .careers-working .instagram {
        margin-top: 30px;
    }
    
    .careers-working #sb_instagram #sbi_images {
        flex-wrap: wrap;
    }
    
    #sb_instagram.sbi_tab_col_2 #sbi_images .sbi_item {
        width: calc(50% - 10px);
    }

    /***About***/

    /*Hero*/

    .about-hero {
        padding: 40px 0 80px;
    }

    .about-hero article {
        margin: 0 0 60px;
    }

    .image-slideshow .slick-slide {
        margin: 0 8px;
    }

    .image-slideshow img {
        max-height: 170px;
        max-width: 170px;
    }

    /*Culture*/

    .culture .values {
        margin-top: 20px;
        padding-top: 20px;
        width: 100%;
    }

    .culture .values:before {
        width: 100vw;
    }

    .culture article ul {
        margin-top: 30px;
    }

    /*Timeline*/

    .about-timeline .timeline {
        border-bottom: none;
        height: 100vw;
        margin-bottom: 40px;
    }

    .about-timeline .btn.arrow-btn-large {
        bottom: -80px;
        top: unset;
    }

    .about-timeline .timeline .current-year {
        bottom: -70px;
        font-size: calc(70rem / 16);
    }

    .about-timeline .timeline .year > span,
    .about-timeline .timeline > span,
    .about-timeline .timeline .year > span.new-year,
    .about-timeline .timeline > span.new-year {
        background: none;
        height: 0;
        width: 0;
    }

    .about-timeline .timeline .active-triangle,
    .about-timeline .timeline .new-year > span,
    .about-timeline .timeline span span.block,
    .about-timeline .timeline .year > span:before,
    .about-timeline .timeline > span:before,
    .about-timeline .timeline span.new-year:before,
    .about-timeline .timeline span.new-year:before {
        display: none;
    }

    .about-timeline .timeline article {
        width: 100%;
    }

    /*Stats*/

    .stats {
        padding-bottom: 80px;
    }
    
    /***FAQS***/
    
    .faqs-hero {
        padding: var(--module-spacing-medium) 0;
    }
    
    .faqs-hero + .new-builder section.callout-cards {
        padding: 60px 0 var(--module-spacing-large);
    }
    
    .faqs-hero + .new-builder .new-faqs.light, 
    .faqs-hero + .new-builder .new-faqs.light.gradient-background {
        padding-bottom: var(--module-spacing-large);
    }
    
    .positions-content .lever-department h3 {
        margin-bottom: 30px;
    }
    
    .positions-content aside {
        margin-bottom: 10px;
    }

    /***New Page Builder***/

    .new-builder section {
        padding: var(--module-spacing-medium) 0;
    }

    /*Animated CTA*/

    .new-builder section.animated-cta {
        padding: var(--module-spacing-medium) 0;
    }

    .animated-cta video {
        display: none;
    }
    
    .animated-cta article {
        padding: 0;
        position: static;
        transform: none;
        width: 100%;
    }

    /*Callout Cards*/
    
    .callout-cards li {
        padding: 30px 16px 30px;
        flex-basis: 100%;
    }

    /*Headline CTA*/

    .headline-cta h2 br {
        display: none;
    }

    /*Headshot CTA*/

    .headshot-cta .grid {
        grid-template-columns: var(--grid);
    }

    .headshot-cta .container {
        padding-bottom: var(--container-outer-padding);
    }

    .headshot-cta .headshot-container {
        grid-column: 1;
        order: 2;
    }

    .headshot-cta article {
        grid-column: 1;
    }

    .headshot-cta .btn.new-primary {
        aspect-ratio: unset;
        bottom: unset;
        display: block;
        line-height: calc(26 / 16);
        max-width: max-content;
        padding: 11px 25px;
        position: relative;
        right: unset;
        width: unset;
        z-index: 3;
    }

    .headshot-cta .btn svg {
        display: none;
    }

    /*Parallax Image Text*/

    .parallax-text .background-image,
    .parallax-text .foreground-image {
        left: -40px;
        width: 170%;
    }

    .parallax-text article {
        width: 100%;
    }

    /*Plain CTA*/
    
    .plain-cta {
        background: var(--off-white);
    }
    
    .page-template-page-careers-new .plain-cta {
        background: var(--gray-light);
    }

    .plain-cta img {
        display: none;
    }
    
    .plain-cta article {
        width: 100%;
    }

    /*Side by Side CTA*/

    .side-by-side-cta .container {
        flex-direction: column;
    }
    
    .side-by-side-cta .cta-box {
        width: 100%;
    }

    /*Step by Step*/

    .step-by-step .sticky-article {
        margin-bottom: 40px;
        margin-top: 0;
        position: relative;
        top: unset;
        transform: unset;
    }

    .step-by-step .steps {
        gap: 40px;
    }

    .step-by-step .steps li {
        max-width: unset;
        padding: 40px 20px;
    }

    .step-by-step .steps h3 .eyebrow {
        margin-bottom: 5px;
    }

    /*Sticky Columns*/

    .sticky-columns .main-heading {
        margin: 0 0 60px;
    }

    .sticky-columns .sticky-image {
        display: none;
    }

    .sticky-columns ul li {
        flex-direction: column-reverse;
        margin: 0;
        min-height: unset;
    }

    .sticky-columns ul li:not(:last-child) {
        margin: 0 0 40px;
    }

    .sticky-columns li > img,
    .sticky-columns li > picture {
        display: block;
        margin: 32px auto 40px;
        max-width: 480px;
        width: 100%;
    }

    .sticky-columns article.content {
        text-align: center;
        width: 100%;
    }

    .sticky-columns article.content .heading-1 {
        font-size: calc(44rem / 16);
    }

    .sticky-columns h3 + p {
        margin: 24px 0 0;
    }

    /*Testimonial Single*/

    .testimonial-single .quote-container,
    .careers-culture .testimonial-single .quote-container, 
    .careers-paid .testimonial-single .quote-container {
        padding-left: 0;
    }

    .testimonial-single .quote-container h2.eyebrow,
    .testimonial-single blockquote,
    .testimonial-single cite {
        text-align: center;
    }

    .testimonial-single blockquote,
    .careers-culture .testimonial-single blockquote, 
    .careers-paid .testimonial-single blockquote {
        font-size: calc(30rem / 16);
    }

    .testimonial-single blockquote svg,
    .careers-culture .testimonial-single blockquote svg, 
    .careers-paid .testimonial-single blockquote svg {
        left: unset;
        position: relative;
        width: 40px;
    }

    .testimonial-single cite {
        display: flex;
        flex-direction: column;
        font-size: calc(18rem / 16);
    }

    .testimonial-single cite span.divider {
        display: none;
    }

    /*Testimonials Carousel*/

    .testimonials-carousel .carousel {
        background: var(--white);
        left: 0;
        padding: 0;
        width: 100%;
    }
    
    .testimonials-carousel .slick-slide {
        margin: 0;
        padding: 40px 26px 60px;
    }

    /*Text Image Animation*/

    .text-image-animation .grid {
        grid-template-columns: var(--grid);
    }

    .text-image-animation .container {
        min-height: unset;
    }

    .text-image-animation .text-content,
    .text-image-animation .images {
        grid-column: 1;
    }

    .text-image-animation .text-content {
        position: relative;
        top: 0;
    }

    .text-image-animation .text {
        opacity: 1 !important;
    }

    .text-image-animation .images {
        display: flex;
        flex-direction: row-reverse;
        height: max-content;
        margin-bottom: calc(100 / 650 * 100vw);
    }

    .text-image-animation .images > div {
        margin-top: 0;
        position: relative;
    }

    .text-image-animation .images > div:nth-of-type(1) {
        margin-bottom: 0;
        top: 0;
        width: calc(460 / 610 * 100%);
    }

    .text-image-animation .images > div:nth-of-type(2) {
        bottom: calc(-130 / 650 * 100vw);
        left: calc(-50 / 650 * 100vw);
        margin: calc(-130 / 950 * 100vw) 0 0;
        position: absolute;
        top: unset;
        width: calc(460 / 610 * 100%);
    }

    /*Video Hero*/

    .video-hero .grid {
        grid-template-columns: var(--grid);
    }

    .video-hero .video-container,
    .video-hero article {
        grid-column: 1;
    }

    .video-hero h1.mega {
        font-size: calc(66rem / 16);
    }

    .video-hero p {
        margin-right: 64px;
    }

    .video-hero .arrow-btn-large {
        bottom: 0;
        margin: 0;
        position: absolute;
        right: 0;
    }

    /*Product Grid*/

    .product-grid .grid {
        grid-template-columns: 1fr;
    }
    
    /***Demo***/
    
    .demo-form iframe {
      min-height: 790px;
    }

    /* EMISSIONS CALCULATOR */

    .emissions-calculator__tabs,
    .emissions-calculator__content {
        grid-column: 1 / -1;
    }

    .emissions-calculator__tabs {
        background-image: none;
        margin: 0;
        padding: 0;
    }

    .emissions-calculator__tabs > li:not(.active),
    .emissions-calculator__tabs > li:last-of-type {
        display: none;
    }

    .emissions-calculator__tabs > .active {
        text-decoration: none;
        color: var(--text-gray);
        text-align: center;
        pointer-events: none;
        padding: 18px 0 16px;
        border-bottom: 1px solid var(--gray-light);
    }

    .emissions-calculator .buttons {
        gap: 20px;
        justify-content: center;
    }

    .emissions-calculator__row.results {
        max-width: 100%;
    }

    .emissions-calculator__row.results .chart-and-button a {
        width: calc(280px - 16px);
    }

    .emissions-calculator__row.results .emissions .total {
        font: 600 calc(24rem/16) / calc(36/24) var(--heading-font);
    }

    .emissions-calculator__row.results .emissions li {
        flex-direction: column;
        gap: 16px;
    }

    .emissions-calculator__row.results li .small-label {
        font: 500 calc(20rem / 16)/calc(26/20) var(--heading-font);
    }

    .emissions-calculator__row .btn.reducing-btn {
        margin-right: 40px;
    }

    .emissions .btns-container,
    .emissions .btn.new-secondary {
        max-width: unset
    }

    .emissions-calculator__row.results .selections li {
        flex-direction: column;
        gap: 8px;
    }

    .emissions-calculator__row.results .selections li span:last-of-type {
        text-align: left;
    }
	
	/***Video Library Archive***/
	
	.featured-video .video-container .play-button,
	.video-library-content .video-container .play-button {
		min-height: 60px;
		width: 60px;
	}
	
	.featured-video .video-container .play-button::after,
	.video-library-content .video-container .play-button:after {
		min-height: 0;
		width: 20px;
	}
	
	.video-posts {
		padding-top: 60px;
	}
	
	.video-posts .sticky-video-cats {
		display: none;
	}
	
	.video-posts h2 {
		padding: 0;
	}
	
	.video-posts .slick-arrow {
		display: none !important;
	}

}

/***************************************************************************************************************************************************************************************/

/*ACCESSIBILITY REDUCE MOTIONS*/

/***************************************************************************************************************************************************************************************/

@media (prefers-reduced-motion: no-preference) {
  
  /*Add all animations here*/
  
  html {
        scroll-behavior: smooth;
  }
  
  section,
  div {
	  scroll-margin-top: 130px;
  }
  
  /***JazzyScroll Animations***/
  
  [data-jazzy-scroll] {
      pointer-events: none;
      transition: .8s cubic-bezier(0.65, 0, 0.35, 1);
  }
  
  [data-jazzy-scroll].animated-in {
      pointer-events: all;
  }

  /*All fade ins*/
  
  [data-jazzy-scroll*="fade-in"] {
      opacity: 0;
  }
  
  [data-jazzy-scroll*="fade-in"].animated-in {
      opacity: 1;
  }

  /*Fade in up*/
  
  [data-jazzy-scroll="fade-in-up"] {
      position: relative;
      transform: translate3d(0, 60px, 0);
  }
  
  [data-jazzy-scroll="fade-in-up"].animated-in {
      transform: translate3d(0, 0, 0);
  }

  /***Header***/

  header .mobile-menu span:not(.accessibility) {
      transition: .3s;
  }
  
  /***Question Animations***/
  @media only screen and (min-width: 59.375em) {
    .quiz-container .question-out h3,
    .quiz-container .question-out h2 {
        animation: childrenOut 1.4s ease-in-out;
    }
    
    .quiz-container .question-out .answers {
        animation: childrenOut 1.3s ease-in-out;
        animation-delay: .1s;
    }
    
    .quiz-container .question-out .continue-btn {
        animation: childrenOut 1.2s ease-in-out;
        animation-delay: .2s;
    }
    
    @keyframes childrenOut {
        0% {
          opacity: 1;
          transform: translateX(0);
        }
      
        100% {
          opacity: 0;
          transform: translateX(-100vw);
        }
    }
    
    .quiz-container .question-in h2,
    .quiz-container .question-in h3,
    .quiz-container .question-in .eyebrow,
    .quiz-container .question-in .sign-up-container,
    .quiz-container .question-in .js-fail-heading {
        animation: childrenIn 1.4s ease-in-out;
        opacity: 0;
        transform: translateX(100vw);
    }
    
    .quiz-container .question-in .answers {
        animation: childrenIn 1.3s ease-in-out;
        animation-delay: .1s;
        opacity: 0;
    }
    
    @keyframes childrenIn {
        0% {
          opacity: 0;
          transform: translateX(100vw);
        }
      
        100% {
          opacity: 1;
          transform: translateX(0);
        }
    }
  }
  
}

/***************************************************************************************************************************************************************************************/

/*IE11 BANNER*/

/***************************************************************************************************************************************************************************************/

.ie-11-banner {
    align-items: center;
    background: #29375B !important;
    display: none;
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999999 !important;
}

.ie-11-banner .container {
    margin: 0;
    text-align: center;
}

.ie-11-banner .container .heading-1 {
    color: #FFFFFF;
    font-size: 3rem;
    font-weight: 600;
    margin: 0;
}

.ie-11-banner .container p {
    color: #FFFFFF;
    font-size: 1.25rem;
    margin: 2rem 0 0;
}

/*Only Show Banner On IE11*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  body,
  html {
      overflow: hidden !important;
  }

  header,
  footer {
      display: none !important;
  }
  
  .ie-11-banner {
      display: flex;
  }

}