/*
Theme Name: Sands
Theme URI: https://speedandscale	
Author: Hyperakt
Author URI: https://hyperakt.com
Description: Custom theme frame for future websites.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hyperakt
*/


/* @charset "UTF-8"; */

/* @font-face {
  font-family: 'Plain';
  src: url('./assets/fonts/Plain-Medium.eot');
  src: url('./assets/fonts/Plain-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Plain-Medium.woff2') format('woff2'), url('../fonts/Plain-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Plain-Light';
  src: url('./assets/fonts/Plain-Light.eot');
  src: url('./assets/fonts/Plain-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Plain-Light.woff2') format('woff2'), url('../fonts/Plain-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Plain-Italic';
  src: url('./assets/fonts/Plain-Medium-Italic.eot');
  src: url('./assets/fonts/Plain-Medium-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Plain-Medium-Italic.woff2') format('woff2'), url('../fonts/Plain-Medium-Italic.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Financier';
  src: url('./assets/fonts/financier-text-web-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
} */

$OkrColors: (
  '1': (
    color: $color-blue,
    neutral: #fff,
  ),
  '2': (
    color: $color-yellow,
    neutral: #000,
  ),
  '3': (
    color: $color-ltgreen,
    neutral: #000,
  ),
  '4': (
    color: $color-dkgreen,
    neutral: #fff,
  ),
  '5': (
    color: $color-red,
    neutral: #fff,
  ),
  '6': (
    color: $color-orange,
    neutral: #fff,
  ),
  '7': (
    color: $color-purple,
    neutral: #fff,
  ),
  '8': (
    color: $color-tang,
    neutral: #000,
  ),
  '9': (
    color: $color-pink,
    neutral: #000,
  ),
  '10': (
    color: $color-ltblue,
    neutral: #000,
  ),
  '0': (
    color: $color-black,
    neutral: #fff,
  ),
);

section.hero-section {
    background: white;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
    padding: 150px 0px 0px 121px;
    box-sizing: border-box;
}

.home .header-vertical {
  position: absolute;
  height: 80vh;
  width: 122px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  padding-top: 121px;
  padding-bottom: 8vh;
}

.home section.hero-section {
    /* background: black; */
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
    padding: 121px 0px 0px 83px;
    box-sizing: border-box;
    /* background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%); */
    display: flex
;
    align-items: center;
    flex-direction: row;
    min-height: 700px;
}

.home section.hero-section::before {
    background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%);
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    opacity: .9;
}

div#news-filter-datafetch article {
    width: 100%;
}

main#main {
    width: 100vw;
    overflow: hidden;
}

.home-hero-section {
    padding-top: 0px;
    padding-left: 83px;
    box-sizing: border-box;
    width: 50vw;
    display: flex;
    flex-direction: column;
    color: white;
}

.sticky-note {
    width: 55vw;
    height: 100%;
    flex: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
    z-index: 10;
    position: relative;
}

.home .home-hero-section {
    padding-top: 0px;
    padding-left: 0px;
    box-sizing: border-box;
    width: 55vw;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 2;
    position: relative;
    padding-bottom: 10vh;
    max-width: 700px;
}

.home-hero-section h1 {
    color: #FFF;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 6vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.4px;
    /* width: 100%; */
    padding: 0px;
}

.hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -2.4px;
    /* width: 100%; */
    padding: 0px;
}

.home .home-hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.4px;
    padding: 0px;
    margin-bottom: 40px;
    /* max-width: 550px; */
}

.sticky-note img {
    width: auto;
    height: 110%;
}

.home-hero-copy {
    color: #FFF;
    font-family: Plain;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -0.7px;
    width: 615px;
    margin-top: 30px;
    margin-bottom: 31px;
}

.button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.page-template-template-newsletter .hero-section.full h1 {
    width: 671px;
    font-size: 70px;
    /* padding-top: 50px; */
}

.description p {
    font-family: 'Plain'!important;
}

.okr--block .okr--key-results .okr--part .footnote p {
    font-family: 'Plain';
    font-size: 0.75rem;
    line-height: 1;
    margin-bottom: 0.5em;
    width: 168px;
}

.okr--header.row > div {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.see-more-posts button, .see-more-resources button.all-resources-btn.btn.btn-outline.btn-black.btn-large {
 padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 19.336px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.387px;
    border-radius: 37.464px;
    padding: 0px 35px 0px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    /* border: 2.417px solid #CE1A10; */
    background: #CE1A10;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.see-more-posts button:hover, .see-more-resources button.all-resources-btn.btn.btn-outline.btn-black.btn-large:hover {
    background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%);
    color: black;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.slider_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
    gap: 80px;
}

.hero-section-inner_background {
    position: absolute;
    width: calc(100%);
    /* background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%); */
    height: calc(30vh - 37px);
    bottom: 60px;
    left: 83px;
    display: flex
;
    padding-left: 0px;
    padding-bottom: 30px;
    z-index: 10;
}

.dot_buttons {
    padding-top: 6px;
}

.page-template-template-resources .standard-inner {
    padding: 83px 0px;
}

.button-wrapper a {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 19.336px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.387px;
    border-radius: 37.464px;
    padding: 0px 35px 0px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.button-wrapper a.red {
    color: #FFF;
    /* border: 2.417px solid #CE1A10; */
    background: #CE1A10;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.button-wrapper a.white {
    background-color: #FFF;
    color: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
} 

.button-wrapper a.button:not(.static):hover {
    background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%);
    color: black;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    /* min-height: 123px; */
    width: 100%;
    z-index: 10;
    background: black;
    padding-top: 0px;
}

.header-vertical {
    position: absolute;
    height: 100vh;
    width: 122px;
    top: 0;
    left: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    z-index: 9;
    padding-top: 121px;
}

.home .header-vertical {
    position: absolute;
    height: 100vh;
    width: 122px;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    padding-top: 121px;
    min-height: unset;
    padding-bottom: 0px;
}

.header-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.header-menu {
    height: 100%;
    margin-top: 23px;
}

.menu-main-menu-container {
    height: 100%;
}

.header-left-logo {
    width: 121px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 121px;
    padding-bottom: 15px;
}

.header-left-logo img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}

ul#main-menu ul.sub-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 22px;
    position: relative;
}

#main-menu > li > a {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 17.567px;
    font-style: normal;
    font-weight: 500;
    line-height: 80.876px;
    letter-spacing: -0.431px;
    text-transform: uppercase;
}

.header-left-logo img {
    width: 34px;
    height: 74px;
}

ul#main-menu {
    gap: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 50px;
    box-sizing: border-box;
    margin-bottom: 0px;
    list-style: none;
}

button.sub-menu-toggle {
    display: none;
}

ul.sub-menu {
    display: none;
    list-style: none;
    padding-left: 0px;
    padding-bottom: 50px;
    padding-top: 10px;
}
ul#main-menu ul.sub-menu li {
    margin: 10px 0px;
}

ul#main-menu ul.sub-menu li a {
    color: white;
}

ul#main-menu li a {
    height: 22px;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

ul#main-menu ul.sub-menu li a {
    color: white;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1.2px;
    text-align: left;
    margin-top: 0px;
    position: relative;
    display: block;
    padding: 5px 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#main-menu ul.sub-menu li a:hover {
    color: #CE1A10;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#main-menu li {
    /* height: 44px; */
}

.earth-image {
    width: 50vw;
    height: 79vh;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.earth-image img {
    width: 180%;
    height: auto;
    max-width: unset;
}

section.standard {
    padding-left: 121px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 1;
}

.standard-eyebrow {
    color: #000;
    font-family: Plain;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.54px;
    background: #FFE95A;
    height: 45px;
    padding: 13px 15px 10px;
}


.posts.posts-list {
    width: 100%;
}

.newsletter-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 9rem;
}

.latest_posts_title {
    /* height: 50px; */
    width: 100%;
    background: #000;
    color: #FFF;
    font-family: Plain;
    font-size: 22.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 15px;
    padding: 0.65rem 1rem 0.45rem;
    background: black;
    color: white;
    font-size: 1rem;
    margin-bottom: 1.25rem;
    line-height: 1.1;
}

.standard-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 83px;
    box-sizing: border-box;
    border-left: 1px solid #9e9e9e;
    /* padding-right: 0px; */
}

section.hero-section {
    /* padding-left: 121px; */
}

section.standard.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.book-image-holder {
    width: 45vw;
    height: 7vw;
}

.book-image-holder-inner {
    width: 80%;
    height: 100%;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
}

div#quotes figcaption p {
    font-size: 1rem;
    font-family: 'Plain';
}

.book-image-holder-inner img {
    width: 100%;
    height: auto;
}

.author-section-image img {
    border-radius: 50%;
    width: 80%;
}

.row.author-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row.row-reverse .author-section-image {
    display: flex;
    justify-content: flex-end;
}

.author-section-copy {
    padding-right: 10%;
}

.row.row-reverse .author-section-copy {
    padding-right: 0%;
    padding-left: 10%;
}

.column.col-md-6.author-section-copy p {
    font-family: "Financier", serif;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4em;
}

.standard-divider {
    width: 100%;
    height: 1px;
    background: #9E9E9E;
    z-index: -1;
}

div#about {
    padding-bottom: 83px;
}

.order_locations {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    margin: 30px 0px;
    gap: 100px;
}

.order_locations a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bottom-about-copy {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.72px;
}

.page-template-template-resources section.hero-section {
    border-left: 1px solid #9e9e9e;
    min-height: 60vh;
}

.page-template-template-resources .hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.4px;
    /* width: 100%; */
    padding: 0px;
}

.page-template-template-newsletter section.hero-section {
    border-left: 1px solid #9e9e9e;
}

div#support ul {
    list-style: none;
    padding-left: 0px;
    column-count: 2;
}

div#support ul li {
    line-height: 1.2em;
    margin: 0 0 0.5em;
    padding: 0.25em;
    border-radius: 0px;
    transition: 0.15s ease all;
    font-family: 'Plain';
    font-size: 1rem;
    list-style: none;
    color: #767676;
    font-size: 0.875rem;
    /* margin: 0; */
}

#support ul li strong {
    font-weight: normal;
    color: black;
}

#support ul li:hover strong {
        color: white;
    }

    #support ul li:hover {
        background: #ce1a11;
        color: white;
        margin-left: -15px;
        padding-left: calc(15px + 0.25em);
        transition: 0.25s ease all;
        cursor: pointer;
    }

div#support {
    padding-top: 83px;
    width: 100%;
}

#support figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.125s linear;
    -webkit-transition: opacity 0.125s linear;
    opacity: 0;
    border-radius: 50%;
}

.scroll-to-section {
    cursor: pointer;
}

#support figure img.active {
    transition: opacity 0.125s linear;
    -webkit-transition: opacity 0.125s linear;
    opacity: 1;
}

.action-guide-flex {
    display: flex
;
    padding-bottom: 83px;
    margin-top: 0px;
    align-items: center;
    justify-content: flex-start;
    gap: 80px;
    width: 100%;
}

.action-guide-subnav-title {

    display: unset !important;
}

.standard-about-copy p {
  width: 100%;
  font-size: 24px;
  line-height: 33px;
}

.action-guide-napkin-container {
    width: 45%;
}

.action-guide-subnav {
    width: 55%;
}

.action-guide-subnav p {
    width: 100%;
    font-size: 24px;
    line-height: 33px;
}

.single-okrs .header-vertical {
    opacity: 0;
}

section#okr-hero {
    margin-top: 123px;
}

.single-okrs .okr-detail .container {
    max-width: 100%;
}

.page-template-template-press-room .container {
    max-width: 100%;
}

.page-template-template-press-room .header-vertical-logo svg path.letter {
    fill: black;
}

 .header-vertical-logo svg path.letter {
    fill: black;
}

.page-template-template-standard .container {
    max-width: 100%;
}

.page-template-template-standard .header-vertical-logo svg path.letter {
    fill: black;
}

.home .header-vertical-logo svg path.letter {
    fill: black;
}

.home .header-vertical {
    border-right: 1px solid black;
}

/* .header-vertical {
    border-right: 1px solid black;
} */

/* .page-template-template-tracker .header-vertical-logo svg path.letter {
    fill: white;
} */

.page-template-template-standard h1 {
    line-height: 1;
    margin: 0;
    padding: 0.75em 0;
    text-align: left;
    font-size: 4.25em;
    margin-top: 60px;
}

.page-template-template-newsletter .hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 6vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.4px;
    width: 750px;
    padding: 0px;
}



.hero-text {
    margin-top: 120px;
}

.hero-text p {
    font-family: 'Plain';
        font-size: 1rem;
    margin: 0px;
}

.hero-text h1 {
    font-size: 4.5rem;
    line-height: 1;
    margin: 0;
    /* padding: 0.75em 0; */
    text-align: left;
}

.action-guide-subnav > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.order_locations a img {
    height: auto;
    width: auto;
    max-width: 250px;
    max-height: 100px;
}

.column.col-md-6.author-section-copy h2 {
    padding: 0.3em 0 0.65em;
    font-size: 2rem;
}

.button-wrapper a svg {
    width: 15px;
    height: auto;
}

footer {
    background-color: white;
    color: black;
    font-size: 0.875rem;
    padding: 40px 0;
    border-top: 1px solid black;
    overflow: hidden;
    width: 100%;
}

div#quotes small {
    padding-bottom: 40px;
    width: 100%;
    display: block;
}

section.book-section {
    /* margin: 12vw 0px; */
}

section.standard.book-buffer > div {
    height: 2.5vw;
}

.standard-inner > h2 {
    color: #000;
    leading-trim: initial;
    text-edge: unset;
    font-family: "Plain", sans-serif;
    font-size: 63px;
    font-style: normal;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: -1.62px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    padding: 0px;
    max-width: 900px;
}

div#about {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.okr--block.row.justify-content-space-between > div:first-child > div {
    padding-bottom: 1px;
}

.standard-copy {
    font-family: Plain;
    font-size: 31.172px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.347px;
    letter-spacing: -0.983px;
    margin-bottom: 30px;
}

.standard-about-copy p {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -0.72px;
    width: 930px;
    float: right;
}

.standard-about-copy p {
  width: 100%;
  font-size: 24px;
  line-height: 33px;
}

.standard-about-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-end;
    margin-top: 20px;
}

.team-content h3 {
    color: #CE1A11;
    font-family: 'Plain';
    font-size: 1.375rem;
    font-weight: 500;
    text-align: center;
}

.team-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin-top: 50px;
}

section.standard.black {
    background: black;
}

.black .standard-inner > h2 {
    color: white;
}

section.standard.grey {
    background: #F4F4F4;
}

.team-image {
    overflow: hidden;
    border-radius: 50%;
    height: 23.7vw;
    width: 23.7vw;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.team-image img {
    width: auto;
    object-fit: cover;
    height: 100% !important;
}

.okr-dot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    /* color: #FFF; */
    text-align: center;
    font-family: Plain;
    font-size: 21.256px;
    font-style: normal;
    font-weight: 500;
    line-height: 99.8%;
    letter-spacing: -0.213px;
}

.okr-dot-wrapper:hover .okr-dot {
  cursor: pointer;
  color: rgba(255, 255, 255, 1);
  width: 60px;
  height: 60px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.okr-dot-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 20%;
}

.okr-dots {
    width: 30vw;
    /* height: 100%; */
    display: flex;
    flex-wrap: wrap;
    padding: 5% 10% 5% 0%;
    box-sizing: border-box;
}

.hero-section.full h1 {
    width: 100%;
}

.the_plan_home {
    width: 47vw;
    overflow: visible;
    padding-right: 83px;
    box-sizing: border-box;
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
}

@media (min-width: 1400px) {
    .the_plan_home {
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.the_plan_home img {
    max-width: unset;
    height: 100%;
    /* object-fit: fill; */
    width: auto;
    max-height: 100vh;
}

footer#colophon {
    background: black;
}

.footer-inner {
    padding: 52px 90px 57px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.footer-top {
    display: flex;
}

.footer-top-right {
    flex: 1;
}

.menu-footer-main-container {
    width: 100%;
}

ul#footer-menu {
    width: 100%;
    display: flex;
    gap: 83px;
    justify-content: center;
    align-items: flex-start;
}

ul#footer-menu > li > a {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 21.586px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 80.949px; */
    letter-spacing: -0.432px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

ul#footer-menu li ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    padding-left: 0px;
}



ul#footer-menu ul.sub-menu li a {
    color: rgba(255, 255, 255, 0.70);
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 21.586px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 80.949px; */
    letter-spacing: -0.432px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: relative;
}

ul#footer-menu ul.sub-menu li a:hover {
    color: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#footer-menu ul.sub-menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#footer-menu ul.sub-menu li a:hover::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.copyright {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 21.586px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 80.949px; */
    letter-spacing: -0.432px;
}

ul#footer-bottom-menu {
    display: flex;
    gap: 74px;
    justify-content: center;
    align-items: center;
}
ul#footer-bottom-menu li a {
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#footer-bottom-menu li a:hover {
    color: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#footer-bottom-menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

ul#footer-bottom-menu li a:hover::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.social-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
}

.footer-top-left img {
    width: 98px;
}

ul#footer-bottom-menu li a {
    color: rgba(255, 255, 255, 0.65);
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 21.586px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 80.949px; */
    letter-spacing: -0.432px;
    /* justify-content: center; */
    /* align-items: center; */
}

section.footer-cta {
    background: #0836E1;
    padding: 85px 5%;
    box-sizing: border-box;
    width: 100%;
}

.footer-cta-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 38px;
}

.footer-cta-inner h2 {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 67.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 81px;
    letter-spacing: -1.35px;
    padding: 0px;
}

.footer-cta-inner p {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 58.5px;
    letter-spacing: -0.9px;
    width: 1000px;
}

.okr-last-updated span {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.58px;
    margin-top: 5px;
    /* float: left; */
}

.okr-last-updated {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -0.44px;
}

.okr-last-updated_holder {
    border-radius: 12px;
    border: 2px solid #000;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0px;
}

.justify-content-space-between {
    justify-content: space-between;
}

#okr-hero .row.stats .okr-stat {
    display: flex;
}

.footer-cta-inner form {
    width: 800px!important;
    display: flex!important;
    gap: 20px!important;
    align-items: flex-end!important;
    justify-content: center!important;
}

.footer-cta-input {
    flex: 1!important;
}

.footer-cta-inner form label {
    color: #FFF!important;
    leading-trim: both!important;
    text-edge: cap!important;
    font-family: Plain!important;
    font-size: 16.2px!important;
    font-style: normal!important;
    font-weight: 500!important;
    /* line-height: 81px; */
    letter-spacing: -0.324px!important;
}

.footer-cta-inner button {
    color: #FFF!important;
    text-align: center;
    leading-trim: both;
    text-edge: cap!important;
    font-family: Plain!important;
    font-size: 19.336px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: normal!important;
    letter-spacing: -0.387px!important;
    border-radius: 37.464px!important;
    border: 2.25px solid #FFF!important;
    height: 67.5px!important;
    width: 235.228px!important;
    transition: all 0.3s ease!important;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
}

.input--submit input {
    color: #FFF !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap!important;
    font-family: Plain !important;
    font-size: 19.336px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.387px !important;
    border-radius: 37.464px !important;
    border: 2.25px solid #FFF !important;
    height: 67.5px !important;
    width: 235.228px !important;
    transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    margin: 0px!important;
}

.input--submit input:hover {
    background: white!important;
    color: #0836E1!important;
    transition: all 0.3s ease!important;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
}

div#mc_embed_signup_scroll_popup {
    width: 100%;
    gap: 25px;
    align-items: flex-end;
}

.footer-cta-input input {
    border-radius: 9px !important;
    border: 2.25px solid #FFF !important;
    height: 67.5px !important;
    width: 100% !important;
    background: transparent !important;
    padding-left: 30px !important;
    color: white !important;
}

body.single-newsletter table {
    width: 100% !important;
    max-width: 100% !important;
}

body.wp-singular.newsletter-template-default {
    padding-top: 130px;
}

.newsletter_hero_signup {
    width: 700px;
    margin-top: 50px;
}

.newsletter_hero_signup #mc_embed_signup_popup #mc_embed_signup_scroll_popup input.email {
    border-radius: 9px !important;
    border: 2.25px solid black !important;
    height: 67.5px !important;
    width: 100% !important;
    background: transparent !important;
    padding-left: 30px !important;
    color: black !important;
}

#mc_embed_signup_popup #mc_embed_signup_scroll_popup input.email {
    padding: 0.5rem 0.15rem 0.5rem;
    font-size: 21px !important;
}

.newsletter_hero_signup .input--submit input {
    color: black !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap!important;
    font-family: Plain !important;
    font-size: 19.336px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.387px !important;
    border-radius: 37.464px !important;
    border: 2.25px solid black !important;
    height: 67.5px !important;
    width: 235.228px !important;
    transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    margin: 0px !important;
}

.newsletter_hero_signup .input--submit input:hover {
    background: black!important;
    color: white!important;
    transition: all 0.3s ease!important;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
}

.tracker-hero-copy {
    color: black;
    font-family: Plain;
    font-size: 2vw;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -0.9px;
    padding: 30px 0px 0px 0px;
    box-sizing: border-box;
    max-width: 900px;
}

.hero-copy {
    color: black;
    font-family: Plain;
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -0.9px;
    padding: 15px 0px 0px 0px;
    box-sizing: border-box;
}

mark, .mark {
    padding: 0px;
}

.tracker-hero-section h1 {
    color: black;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 6vw;
    font-style: normal;
    font-weight: 500;
    line-height: 6.6vw;
    letter-spacing: -2.24px;
    padding: 0px;
}

.tracker-hero-section h1 span {
    background: #0836E1;
    background: #0836E1;
    padding: 15px 20px 0px;
    box-sizing: border-box;
    display: block;
}

.hero-section h1 span {
    padding: 10px 15px 0px;
    box-sizing: border-box;
    display: inline;
}

.hero-copy {
    /* min-height: 1px;
    margin-top: 15px; */
}

/* .hero-section {
    width: 100%;
    padding: 0% 30px 0px 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 80vh;
    background: #F4F4F4;
} */

.tracker-hero-section {
    width: 90%;
    padding: 100px 30px 0px 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.tracker-hero-section.full {
    width: 86%;
    padding: 0% 30px 0px 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.standard-content {
    width: calc(100% - 83px);
}

.standard-content h2 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 61px;
    font-style: normal;
    font-weight: 500;
    line-height: 63px;
    letter-spacing: -1.62px;
    max-width: 1150px;
}

.standard-content h4 {
    color: #CE1A10;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.2px;
    /* text-decoration-line: underline; */
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.single-newsletter .standard-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 20px;
    box-sizing: border-box;
    border-left: 1px solid #9e9e9e;
    /* padding-right: 0px; */
}

.standard-content p {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.6px;
}

section.hero-section.tracker {
    display: flex;
    align-items: center;
}

.okr-section-wrapper {
    padding-top: 50px;
    border-left: 1px solid #9E9E9E;
    min-height: 100vh;
}

.okr-hero-item-img {
    height: 34px;
    width: auto;
    position: relative;
    z-index: 1;
}

.okr-hero-item-img img {
    height: 34px;
    width: auto;
    position: relative;
    z-index: 1;
}

.okr-hero-item-title {
    color: black;
    text-align: center;
    font-family: Plain;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 99.8%;
    letter-spacing: -0.213px;
    padding-top: 3px;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.okr-hero-item:hover .okr-hero-item-title {
  color: inherit;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}

.okr-hover-background {
    position: absolute;
    top: 8px;
    left: 0;
    width: 40.992px;
    height: 40.992px;
    border-radius: 40px;
    z-index: 0;
    transition: width 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.okr-hero-item:hover .okr-hover-background {
    position: absolute;
    top: 8px;
    left: 0;
    width: calc(100% + 10px);
    height: 40.992px;
    border-radius: 40px;
    z-index: 0;
    transition: width 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* .okr-hero-item:hover .okr-hero-item-img {
    height: 40px;
    width: auto;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
} */

.okr-hero-item:hover .okr-hero-item-img img {
    height: 34px;
    width: auto;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

}

        .home-slider-wrapper {
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    position: relative;
    margin-top: 52px;
    overflow: hidden;
}

.home-slider {
    width: 100%;
}
        .home-slider .home-slide {
            position: relative;
            width: 100%;
        }

        .home-slide-inner {
    width: 100%;
    display: flex;
    max-width: 100%;
    align-items: flex-start!important;
}

.home .slick-slide, .page-template-template-newsletter .slick-slide {
    height: unset;
}

.home-slide-image {
    width: 60%;
    flex-shrink: 0;
}

.home-slide-image img {
    width: 100%;
    height: auto;
    display: block;
}

.plan-last-accessed-label {
    color: rgba(0, 0, 0, 0.48);
    font-family: Plain;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.72px;
}

div#news {
    width: 100%;
    transform: translateY(0px);
    float: left;
    width: 1px;
}

.plan-last-accessed-date {
    color: rgba(0, 0, 0, 0.48);
    font-family: Plain;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.72px;
}

.our-methodology-label {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 51px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: -1.62px;
}

.our-methodology {
    margin-top: 106px;
    margin-bottom: 50px;
}


ul.slick-dots li button::before {
    width: 20px;
    height: 20px;
    border: 1.5px solid black;
    border-radius: 50%;
    color: transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 1;
}

ul.slick-dots li.slick-active button::before {
    width: 20px;
    height: 20px;
    border: 1.5px solid black;
    border-radius: 50%;
    color: transparent;
    background-color: black;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 1;
}

ul.slick-dots {
    margin-top: 0px;
    /* float: left; */
    position: relative;
    bottom: 0;
}

        .slide-caption {
    width: 45%;
    padding-left: 5%;
    box-sizing: border-box;
    flex-shrink: 0;
}
.slide-caption h3 {
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.home-slide-image {
    width: 55%;
}

        .slide-caption p {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
        .slick-dots {
            bottom: 10px;
        }
        .slick-dots li button:before {
            color: #224464;
            font-size: 16px;
        }
        .slick-dots li.slick-active button:before {
            color: #FF9201;
        }

.okr-hero-item-number {
    height: 40.992px;
    width: 40.992px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Plain;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 99.8%;
    letter-spacing: -0.212px;
    padding-top: 3px;
    position: relative;
    z-index: 1;
}

.okr-hero-item {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 57px;
    float: left;
    margin: 6px;
    position: relative;
    opacity: 0;
}

.okr-hero-list {
    width: 100%;
    padding: 2% 30px 5% 83px;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-section.full {
    width: 100%;
    padding: 100px 30px 5% 83px;
    box-sizing: border-box;
}

section.hero-section {
    /* min-height: 80vh; */
    width: calc(100% - 121px);
    display: flex
;
    /* align-items: flex-start; */
    justify-content: flex-start;
    background: #F4F4F4;
    border-left: 1px solid #9e9e9e;
    margin-left: 121px;
    padding-top: 134px;
    z-index: 5;
}

.page-template-template-press-room section.hero-section {
    min-height: unset;
}

.okr-section-item-number {
    width: 57px;
    height: 57px;
    display: flex;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    text-align: center;
    font-family: Plain;
    font-size: 21.248px;
    font-style: normal;
    font-weight: 500;
    line-height: 99.8%;
    letter-spacing: -0.212px;
}

.okr-section-item-title {
    font-family: Plain;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -0.9px;
}

.okr-section-item-copy {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.44px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.okr-section-item-header {
    display: flex;
    gap: 15px;
}

.okr-section-item-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 73px;
    box-sizing: border-box;
    margin-top: 15px;
}

.okr-section-left {
    width: 50%;
    padding: 5%;
    box-sizing: border-box;
}

.okr-section-right {
    width: 50%;
    padding: 5%;
    box-sizing: border-box;
}

.okr-section-inner {
    display: flex;
}

section.hero-section.tracker-hero {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: white;
    height: unset;
}

.tracker--sections {
    padding-left: 121px;
    box-sizing: border-box;
    width: 100%;
}

.page-resources .resources-list .posts-container {
    column-count: 1!important;
    grid-gap: 0px !important;
}

.okr-dot-wrapper a img {
    max-width: 100px;
    max-height: 80px;
}



.tracker--sections-inner {
    border-left: 1px solid #9E9E9E;
    width: 100%;
    padding-top: 0px;
    box-sizing: border-box;
}

.tracker-hero-section h1 {
    padding: 0px;
}

.okr--block .okr--key-results .okr--key-result > div:nth-of-type(2)  {
width: 15rem;
}       

.tracker-hero-section h1 span {
    background: #0836E1;
    background: #0836E1;
    padding: 15px 20px 0px;
    box-sizing: border-box;
    white-space: nowrap;
    display: unset;
    width: auto;
}

#okr-hero .column img {
    width: calc(100% - 30px);
    height: 100%;
    object-fit: contain;
    position: absolute;
}

.total-gigaton-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 2px solid #CE1A10;
    border-radius: 16px;
}

.total-gigaton-title {
    font-size: 2rem;
    /* padding: 0.5rem 0 3rem; */
    color: #ce1a11;
    font-family: 'Plain';
    width: unset;
    padding-right: 20px;
    padding-top: 4px;
}

.total-gigaton {
    padding-left: 68px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 10px;
}

.total-gigaton-value {
    flex: 1;
}

.okr--block {
    .okr--objective {
        padding-bottom: unset;
        height: 100%;
        gap: 30px;
    }
}


































// Okr Colors Array //
$OkrColors: (
  '1': (
    color: $color-blue,
    neutral: #fff,
  ),
  '2': (
    color: $color-yellow,
    neutral: #000,
  ),
  '3': (
    color: $color-ltgreen,
    neutral: #000,
  ),
  '4': (
    color: $color-dkgreen,
    neutral: #fff,
  ),
  '5': (
    color: $color-red,
    neutral: #fff,
  ),
  '6': (
    color: $color-orange,
    neutral: #fff,
  ),
  '7': (
    color: $color-purple,
    neutral: #fff,
  ),
  '8': (
    color: $color-tang,
    neutral: #000,
  ),
  '9': (
    color: $color-pink,
    neutral: #000,
  ),
  '10': (
    color: $color-ltblue,
    neutral: #000,
  ),
  '0': (
    color: $color-black,
    neutral: #fff,
  ),
);

// OKR PILLS
a.okr-pill {
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  //padding: 2.5rem 0 1.9rem;
  padding-left: 3.25em;
  position: relative;
  line-height: 1em;
  color: black;
  height: 3.1em;
  margin-right: 0;
  cursor: pointer;
  break-inside: avoid-column;

  i {
    font-size: 0.9em;
    display: flex;
    width: 2.75em;
    height: 2.75em;
    font-family: 'Plain', sans-serif;
    font-style: normal;
    background: white;
    align-items: center;
    justify-content: center;
    padding-top: 0.225em;
    border-radius: 50%;
    color: black;
    position: absolute;
    left: 0;
    border: 1px solid black;
    transition: background 0.3s linear;
  }

  div {
    margin-top: 0.2em;
    padding-right: 1em;

    span.okr-title {
      transition: 0.2s ease all;

      background-image: linear-gradient(#000, #000);
      text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff;
      background-repeat: no-repeat;
      background-size: 0% 1px;
      background-position: 0 100%;
    }

    span.okr-gt {
      display: none;
    }
  }

  &:hover,
  &:focus {
    span {
      background-size: 100% 1px;
    }

    b {
      animation: pulse-right 3s;
    }
  }

  // .okr--objective &,
  .posts-container .okrs &,
  #post .okrs &,
  #archive-posts & {
    b {
      display: none;
    }
  }

  &[data-okr='A'] i {
    padding-left: 0.125em;
    padding-top: 0;

    svg {
      transform: scale(1.2) rotate(-45deg);
    }
  }

  @each $number, $OkrColor in $OkrColors {
    &[data-okr='#{$number}'] i {
      border-color: map-get($OkrColor, color);
    }
  }

  // OKR BLOCKS CIRCLE FILLS
  .okr--part &,
  .article-part &,
  .okr-solid &,
  .okr--list--poster &,
  #post &,
  &.active {
    transition: background 0.15s linear;

    &[data-okr='0'] i,
    &[data-okr='A'] i {
      background: black;
      color: white;
    }

    @each $number, $OkrColor in $OkrColors {
      &[data-okr='#{$number}'] i {
        background: map-get($OkrColor, color);
        color: map-get($OkrColor, neutral);
      }
    }
  }

  // news filter
  @media (hover: hover) {
    &:hover {
      transition: background 0.15s linear;

      &[data-okr='0'] i,
      &[data-okr='A'] i {
        background: black;
        color: white;
      }

      @each $number, $OkrColor in $OkrColors {
        &[data-okr='#{$number}'] i {
          background: map-get($OkrColor, color);
          color: map-get($OkrColor, neutral);
        }
      }
    }
  }

  &:active {
    @each $number, $OkrColor in $OkrColors {
      &[data-okr='#{$number}'] i {
        background: white;
        border-color: map-get($OkrColor, color);
        color: black;
      }
    }
  }
}

// OTHER COLOR ITEMS // .label-color paired with .posts-label //
.label-color {
  #okr-0 & {
    background: black;
    color: white;
  }

  @each $number, $OkrColor in $OkrColors {
    #okr-#{$number} & {
      background: map-get($OkrColor, color);
      color: map-get($OkrColor, neutral);
    }
  }
}

// OKR SECTIONS IN MOBILE
@media (max-width: 600px) {
  .okr-detail section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;

    &#post {
      padding-top: 3rem;
    }
  }
}

// OKR BLOCKS //
.okr-detail #okr-key-results-list h2 {
  font-size: 3rem;
}

.okr--section {
  position: relative;
  @each $number, $OkrColor in $OkrColors {
    &[data-okr='#{$number}']:before {
      content: '';
      position: absolute;
      height: 1rem;
      width: 100%;
      top: 0;
      left: 0;
      background: map-get($OkrColor, color);
    }
  }
}
.okr--video {
  .total-gt {
    display: flex;
    flex-direction: column;
    .text {
      font-size: 0.8rem;
      line-height: 0.8rem;
      color: $color-grey;
      font-family: 'Plain-Light', sans-serif;
    }
    .number {
      font-size: 2rem;
      padding: 0.5rem 0 3rem;
      color: $color-red;
    }
  }
  &-thumbnail {
    position: relative;
    @media (max-width: 991px) {
      margin-top: 1rem;
      margin-bottom: 2rem;
    }
    h3 {
      font-size: 0.9rem;
      background: black;
      color: white;
      padding: 0.75rem 1rem;
      border-radius: 0.5rem 0.5rem 0 0;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 2;
      .okrs--single & {
        @media (max-width: 1199px) {
          position: relative;
        }
      }
    }

    button {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: none;
      padding: 0;
      margin-top: 0px;
      z-index: 2;
      width: 80px;
      height: 80px;
      img {
        width: 80px;
        height: 80px;
      }
      @media (max-width: 1199px) and (min-width: 992px) {
        width: 40px;
        height: 40px;
        img {
          width: 40px;
          height: 40px;
        }
      }
    }
    .image--container {
      padding-bottom: 56.25%;
      position: relative;
    }
    img {
      border-radius: 0.5rem;
      padding: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      .okrs--single & {
        @media (max-width: 1199px) {
          border-radius: 0 0 0.5rem 0.5rem;
        }
      }
    }
  }
  @media (min-width: 1200px) {
    padding-left: 4rem;
    .total-gt {
      .text {
        width: 50%;
      }
    }
  }
  @media (max-width: 1199px) {
    .total-gt {
      padding-left: 0rem;
    }
  }
}

.okr--block {
  .row {
    margin: 0 auto;
  }

  // transition: 0.5s ease all;
  &[data-okr='0'] {
    display: none;
  }

  &.gigaton-filter {
    border-top: 1px solid #767676;
  }

  .okr--objective,
  .okr--key-results {
    a.okr-pill,
    // img,
    .key-result--info .description,
    .objective--info .description,
    .updated {
      padding-left: 4rem;
    }

    a.okr-pill i {
      height: 2.75em;
      width: 2.75em;
    }

    .description {
      font-family: 'Plain', sans-serif;
    }

    // Arrow //
    b {
      display: flex;
      width: 2.5rem;
      height: 2.5rem;
      border: 1px solid;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      padding-top: 0.25rem;
      margin-left: 0.5rem;
    }
  }

  .okr--objective {
    padding-bottom: 2.75rem;
    // margin-bottom: 1.75rem;
    // border-bottom: 1px solid $color-grey;

    & > div {
      width: 100%;
    }

    .objective--info {
      padding-left: 0;

      a.okr-pill {
        font-size: 2.875rem;
        height: auto;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        align-items: flex-start;

        div {
          margin-top: 0.1em;
          flex: 1;
          padding-right: 0.25em;
        }

        i {
          font-size: 1.1rem;
        }

        // b {
        //   display: none;
        // }

        .description {
          font-size: 1.2rem;
        }

        @media (max-width: 500px) {
          font-size: 2.2em;

          div {
            padding-right: 0.275em;
          }
        }

        @media (max-width: 425px) {
          align-items: center;
          font-size: 1.7em;
        }

        @media (max-width: 350px) {
          font-size: 1.6em;
        }
      }

      .aside-bar--mega & {
        padding-left: 0;

        @media (min-width: $breakpoint) and (max-width: 1199px) {
          a.okr-pill div {
            padding-left: 1rem;
          }
        }
      }

      .description {
        font-size: 1.375rem;
        line-height: 1.4;
        color: $color-red;
      }
    }

    .objective--image {
      display: flex;
      align-items: flex-end;

      img {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }

      @media (max-width: $breakpoint - 1) {
        padding: 1.5rem 3.5rem 0 3.5rem;
      }
    }

    &:hover {
      a.okr-pill i {
        background: transparent;
        color: black;
        border-width: 2px;
      }
    }
  }

  .okr--key-results {
    // Widths //
    .okr--header > div,
    .okr--key-result > div {
      &:nth-of-type(1) {
        flex: 1;
      }
      &:nth-of-type(2),
      &:nth-of-type(3) {
        width: 7.25rem;
      }
      &:nth-of-type(3) {
        text-align: right;
        margin-left: 1rem;
      }
      @media (max-width: $breakpoint - 1) {
        &:nth-of-type(1) {
          flex: unset;
          width: 100%;
        }
        &:nth-of-type(2),
        &:nth-of-type(3) {
          width: 50%;
          margin: 0;
          padding: 1rem 1rem 0 0;
        }
        &:nth-of-type(3) {
          text-align: left;
        }
      }
      @media (max-width: $breakpoint - 1) and (min-width: 501px) {
        &:nth-of-type(2) {
          padding-left: 4rem;
        }
      }
      @media (min-width: 1440px) {
        &:nth-of-type(2) {
          width: 10.5rem;
          margin-left: 2rem;
          margin-right: 1rem;
        }
      }
    }

    .okr--header {
      padding-bottom: 0.5rem;
      margin-bottom: 0.75rem;
      border-bottom: 1px solid $color-grey;
      font-size: 0.8rem;
      color: #767676;
      white-space: nowrap;
      font-family: 'Plain-Light', sans-serif;
    }
    .okr--part {
      padding-bottom: 0.75rem;
      margin-bottom: 0.75rem;
      border-bottom: 1px solid $color-grey;
      @media (min-width: $breakpoint) {
        flex-wrap: nowrap;
      }

      p {
        font-size: 0.95rem;
      }

      a.okr-pill:not(:hover) i {
        background: transparent;
        color: black;
        border-width: 2px;

        .aside-bar--mega & {
          color: white;
        }
      }
    }
  }

  .okr--key-result {
    a.okr-pill {
      font-size: var(--font--size-h4);
      i {
        font-size: 1.1rem;
      }

      span.okr-gt {
        color: $color-red;
        font-size: 0.85em;
        margin-left: 0.5rem;
        display: initial;
      }

      .aside-bar--mega & {
        height: 2.5em;

        i {
          font-size: 1rem;
        }
      }
    }

    //     &:hover,
    //     &:focus {
    //       a.okr-pill {
    //         span {
    //           background-size: 100% 1px;
    //         }
    //
    //         b {
    //           animation: pulse-right 3s;
    //         }
    //       }
    //     }

    &:hover,
    &:focus {
      a.okr-pill {
        span {
          background-size: 100% 1px;
        }

        b {
          animation: pulse-right 3s;
        }
      }
    }

    .description {
      //font-weight: bold;
      padding-top: 0.6rem;
    }

    .key-result {
      // &--info {
      //   // .description {
      //   //   //padding-top: 0.6rem;
      //   // }
      // }
      &--status {
        .description p {
          margin-bottom: 0.5rem;

          &:last-of-type {
            margin-bottom: 1rem;
          }
        }
      }
      &--reduction {
        display: flex;
        a {
          padding: 0;
        }
        .okr-gt {
          //margin-top: 0.65rem;
          font-size: 1.1rem;
          color: $color-red;
          height: 3.2rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1;
          text-align: left;
        }
      }
      @media (min-width: $breakpoint) {
        &--info {
          b {
            display: none;
          }
        }
        &--reduction {
          justify-content: flex-end;
        }
      }
      @media (max-width: $breakpoint - 1) {
        &--info {
          &:after {
            content: '';
            display: block;
            padding-bottom: 1rem;
            margin-bottom: 0.75rem;
            margin-left: 4rem;
            border-bottom: 1px dashed grey;
          }
        }
        &--status,
        &--reduction {
          .view--mobile {
            display: block;
            font-size: 0.8rem;
            line-height: 0.8rem;
            color: #767676;
            margin-bottom: 0.5rem;
          }
        }
        &--reduction {
          flex-direction: column;
          .okr-gt {
            margin: 0;
          }
        }
      }
    }
  }

  .summary-hide & {
    .okr--objective {
      margin-bottom: 0.25rem;
    }

    .okr--key-result {
      align-items: center;
      padding-bottom: 0.25rem;
      margin-bottom: 0.25rem;

      a.okr-pill {
        height: 4rem;
      }

      .description,
      .updated,
      .footnote {
        display: none;
      }

      .status {
        margin-bottom: 0rem;
      }

      @media (max-width: $breakpoint - 1) {
        .key-result--status {
          //padding-left: 15px;
          padding-top: 0;

          .status {
            margin-bottom: 1.2rem;
          }
        }
      }

      @media (max-width: 500px) {
        .key-result--status {
          .status {
            margin-bottom: 0.5rem;
          }
        }
      }
    }
  }

  // MEGA ADJUSTMENTS

  .aside-bar--mega &,
  .aside--mobile & {
    display: flex;
    padding-top: 1.75rem;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    border-top: 1px solid #4a4a4a;

    &[data-okr='0'] {
      display: none;
    }

    &[data-okr='1'] {
      margin-top: 0;
    }

    .okr-pill {
      color: white;
      height: 2.5em;
      font-size: 1rem;

      b {
        display: none;
      }

      span.okr-title {
        background-image: linear-gradient(#fff, #fff);
        text-shadow: 0.03em 0 #000, -0.03em 0 #000, 0 0.03em #000, 0 -0.03em #000, 0.06em 0 #000, -0.06em 0 #000, 0.09em 0 #000, -0.09em 0 #000, 0.12em 0 #000, -0.12em 0 #000;
        background-position: 0 90%;
      }
      span.okt-gt {
        display: none !important;
      }
    }

    .okr--part {
      margin: 0;
      padding: 0;
      border: 0;
    }

    .okr--objective {
      flex: 0 0 66.6667%;
      padding-top: 0.45em;
      max-width: 66.6667%;

      .objective--info {
        max-width: 100%;
        flex: 0 0 100%;
      }

      .objective--info .okr-pill {
        font-size: 4.5rem;
        align-items: flex-start;
        padding-left: 1.25em;
        padding-top: 0;

        i {
          font-size: 1.4rem;
        }

        @media (max-width: 1200px) and (min-width: $breakpoint) {
          font-size: 5.5vw;
          line-height: 5.5vw;
        }
      }

      &:hover {
        .objective--info .okr-pill i {
          color: white;
        }
      }
    }

    .okr--key-results {
      flex: 0 0 33.3334%;

      .key-result--status {
        display: none;
      }

      .okr--part {
        .key-result--info {
          max-width: 100%;
          flex: 0 0 100%;
        }
      }
    }

    .objective--image,
    .description,
    .updated,
    p {
      display: none;
    }

    @media (max-width: 1200px) and (min-width: $breakpoint) {
      .okr--objective .objective--info .okr-pill {
        font-size: 5.5vw;
        line-height: 5.5vw;
      }
    }

    @media (max-width: $breakpoint - 1) {
      flex-direction: column;

      .okr-pill {
        height: unset;
        padding-bottom: 30px;
      }

      .okr--objective .objective--info .okr-pill {
        font-size: 3.4rem;
        line-height: 3.4rem;
        padding-left: 1.55em;
        height: unset;
      }

      .okr--key-results .okr--part .key-result--info {
        padding-left: 5.4rem;
      }
    }
  }

  .aside-bar--mega & {
    .okr--objective .objective--info .okr-pill div {
      margin-top: 0;
    }

    .okr--objective .okr-pill i,
    .okr--key-result .okr-pill i {
      width: 2.75em;
      height: 2.75em;
    }
  }

  .aside--mobile & {
    border: none;
    padding-top: 0;

    .okr--part {
      &.okr--objective {
        .okr-pill {
          font-size: 2.5em;
          line-height: 1;
          padding-bottom: 0;

          i {
            font-size: 1.2rem;
          }
        }
      }

      &.okr--key-results {
        display: none;
      }
    }
  }
}

// STATUS INDICATORS

.okr--block .okr--key-results .okr--part .updated,
.okr--block .okr--key-results .okr--part .footnote,
.okr-detail #post .description + .footnote {
  font-size: 0.75rem;
  line-height: 1;
  color: $color-grey;
  font-family: 'Plain-Italic', sans-serif;
  font-style: normal;

  @media (max-width: 600px) {
    font-size: 0.875rem;
  }

  > p {
    font-size: 0.75rem;
    line-height: 1;
    margin-bottom: 0.5em;

    @media (max-width: 600px) {
      font-size: 0.875rem;
    }
  }
}

.okr--block .okr--key-results .okr--part .updated,
.okr--block .okr--key-results .okr--part .footnote {
  font-family: 'Plain-Light', sans-serif;
}

.content-body .status-shell {
  display: none;
  margin-bottom: 2rem;
  margin-top: 1rem;
  padding: 2rem 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;

  @media (max-width: $breakpoint - 1) {
    display: block;
  }
}

@media (max-width: $breakpoint - 1) {
  #status-shell {
    display: none;
  }
}

.status-rainbow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: 1.1rem;
  border-radius: 50%;
  margin-bottom: 1rem;

  span {
    &:nth-of-type(1) {
      background: hsla(3, 85%, 44%, 1);
      border-radius: 1rem 0 0 1rem;
    }

    &:nth-of-type(2) {
      background: hsla(33, 100%, 61%, 1);
    }

    &:nth-of-type(3) {
      background: hsla(52, 100%, 68%, 1);
    }

    &:nth-of-type(4) {
      background: hsla(84, 70%, 57%, 1);
    }

    &:nth-of-type(5) {
      background: hsla(227, 94%, 45%, 1);
      border-radius: 0 1rem 1rem 0;
    }
  }
}
.okr--block .okr--key-result a.okr-pill,
.page-tracker .status,
.okrs--single .status {
  height: 3.2rem;
}

.status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  span {
    text-align: center;
    padding: 0.5rem 0.875rem 0.3rem;
    font-size: 0.875rem;
    position: relative;
    border-radius: 1.3rem;
    display: block;
    max-width: 12rem;
    line-height: 1;

    + .description {
      margin-top: 1rem;

      @media (max-width: 600px) {
        font-size: 1.5rem;
      }

      #post & {
        &,
        p,
        + .footnote,
        + .footnote p {
          font-family: 'Plain-Light', sans-serif;
          font-size: 0.95rem;
          font-weight: 400;
        }

        + .footnote p {
          font-size: 14px;

          @media (min-width: 768px) {
            font-size: 12px;
          }

          font-family: 'Plain', sans-serif;
        }
      }
    }
  }
  // span {
  // }
  &.red span {
    color: white;

    background: hsla(3, 85%, 44%, 1);
  }
  &.orange span {
    background: hsla(33, 100%, 61%, 1);
  }
  &.yellow span {
    background: hsla(52, 100%, 68%, 1);
  }
  &.green span {
    background: hsla(84, 70%, 57%, 1);
  }
  &.blue span {
    color: white;

    background: hsla(227, 94%, 45%, 1);
  }
  &.grey span {
    color: white;

    background: hsla(0, 0%, 51.37%, 1);
  }
}

.tracker-content-ajax-container.status-filter-on .okr--key-result {
  display: none;
}

.okr--key-result {
  .status-type-red &.status-red {
    display: flex;
  }

  .status-type-orange &.status-orange {
    display: flex;
  }

  .status-type-yellow &.status-yellow {
    display: flex;
  }

  .status-type-green &.status-green {
    display: flex;
  }

  .status-type-blue &.status-blue {
    display: flex;
  }
}

// Emissions & Accelerants --- OKR Blocks List //
.okr--list-block-hover {
  position: relative;

  a {
    height: 3.6em;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;

    div {
      transition: all 0.2s linear;

      span {
        transition: all 0.2s linear;
        background: none;
      }
    }
  }

  &:hover,
  &:focus {
    cursor: pointer;

    a div {
      opacity: 0;
      transform: translateY(-0.5em);
    }

    .okr-list-hover-content {
      opacity: 1;
      transform: translate(0, -50%);
    }
  }

  .column.col-lg-6:last-of-type & {
    &:hover,
    &:focus {
      a div {
        transform: none;
        opacity: 1;
      }

      .okr-list-hover-content {
        opacity: 0;
        transform: none;
      }
    }
  }

  .posts-container & {
    &:nth-of-type(7),
    &:nth-of-type(8),
    &:nth-of-type(9),
    &:nth-of-type(10) {
      &:hover,
      &:focus {
        a div {
          transform: none;
          opacity: 1;
        }

        .okr-list-hover-content {
          opacity: 0;
          transform: none;
        }
      }
    }
  }

  .okr-list-hover-content {
    position: absolute;
    opacity: 0;
    padding-left: 5em;
    padding-right: 4em;
    font-size: 1rem;
    line-height: 1.2em;
    transition: all 0.2s linear;
    top: 50%;
    transform: translate(0, calc(-50% + 0.5em));
    color: $color-red;
  }
}

// POSTER LIST
.okr--list--poster {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;

  .okr--list--poster-item {
    display: flex;
    align-items: center;

    .page-home & {
      font-size: 1.5rem;

      @media (max-width: 1199px) {
        font-size: 1.2rem;
      }

      @media (max-width: $breakpoint - 1) {
        font-size: 0.9rem;
      }

      @media (max-width: 875px) {
        font-size: 0.8rem;
      }

      @media (max-width: 767px) {
        font-size: 1.5rem;
      }

      @media (max-width: 575px) {
        font-size: 1rem;
      }

      @media (max-width: 374px) {
        font-size: 0.9rem;
      }

      a.okr-pill {
        margin-right: 0.5rem;
        font-size: 1em;
      }

      img {
        margin-right: 2rem;
        height: 2.5em;
      }
    }

    img {
      width: auto;
      height: 3.6rem;
    }
  }

  a:first-of-type {
    height: 3.2em;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
    padding-left: 2.4em;

    @each $number, $OkrColor in $OkrColors {
      &[data-okr='#{$number}'] div {
        background: map-get($OkrColor, color);
        color: map-get($OkrColor, neutral);

        span {
          padding-top: 0.125em;
          text-shadow: 0.03em 0 map-get($OkrColor, color), -0.03em 0 map-get($OkrColor, color), 0 0.03em map-get($OkrColor, color), 0 -0.03em map-get($OkrColor, color),
            0.06em 0 map-get($OkrColor, color), -0.06em 0 map-get($OkrColor, color), 0.09em 0 map-get($OkrColor, color), -0.09em 0 map-get($OkrColor, color), 0.12em 0 map-get($OkrColor, color),
            -0.12em 0 map-get($OkrColor, color);
        }

        &:hover,
        &:focus {
          cursor: pointer;

          span {
            background-image: linear-gradient(map-get($OkrColor, neutral), map-get($OkrColor, neutral));
          }
        }
      }
    }

    div {
      width: auto;
      height: 2.5em;
      //background: #ccc;
      display: flex;
      align-items: center;
      padding: 0px 1.5rem;
      border-radius: 3rem;
      margin-top: 0;

      // span {
      //   //text-shadow: 0;
      // }
    }

    b {
      display: none;
    }
  }
}

// OKR Mini Blocks -- Used on Article Page
.okr--block-mini {
  width: 100%;

  @media (max-width: $breakpoint - 1) and (min-width: 601px) {
    max-width: 100%;
    margin: auto;
  }

  img {
    max-width: 115px;
    margin-bottom: 1rem;
  }

  .okr-pill {
    span {
      transition: 0.2s ease all;
      background-image: linear-gradient(#000, #000);
      text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff;
      background-repeat: no-repeat;
      background-size: 0% 1px;
      background-position: 0 100%;
    }

    &:hover span {
      background-size: 100% 1px;
    }
  }

  &.okr--parent {
    border-top: 1px solid $color-grey;
    margin-top: 20px;
    padding-top: 20px;

    &:first-of-type {
      border: none;
      margin-top: 0;
      padding: 0;
    }
  }

  &:last-of-type {
    border-bottom: 1px solid $color-grey;
    padding-bottom: 20px;
  }
}

// OKR SINGLE DETAILS

#okr-hero {
  background: $color-yellow;
  color: black;
  margin-top: 1rem;

  @media (max-width: $breakpoint - 1) {
    padding-top: 1.25rem;
    padding-bottom: 2rem;
  }

  h1 {
    @media (min-width: 992px) {
      font-size: 5.3vw;
    }

    @media (max-width: 768px) {
      font-size: 11.9vw;
    }
  }

  a {
    color: inherit;
    transition: 0.3s ease all;
    // &:hover,
    // &:focus {
    //   color: $color-red;
    // }

    // Text Underline Animation //
    .okr-light & {
      background-image: linear-gradient(#000, #000);
    }

    .okr-dark & {
      background-image: linear-gradient(#fff, #fff);
    }

    @each $number, $OkrColor in $OkrColors {
      #okr-#{$number} & {
        text-shadow: 0.03em 0 map-get($OkrColor, color), -0.03em 0 map-get($OkrColor, color), 0 0.03em map-get($OkrColor, color), 0 -0.03em map-get($OkrColor, color),
          0.06em 0 map-get($OkrColor, color), -0.06em 0 map-get($OkrColor, color), 0.09em 0 map-get($OkrColor, color), -0.09em 0 map-get($OkrColor, color), 0.12em 0 map-get($OkrColor, color),
          -0.12em 0 map-get($OkrColor, color);
      }
    }

    background-repeat: no-repeat;
    background-size: 0% 1px;
    background-position: 0 100%;

    &:hover {
      background-size: 100% 1px;
    }

    // ------------------------//
  }

  .above-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;

    @media (max-width: 919px) {
      margin-bottom: 1rem;
    }

    & > a {
      margin-right: 2em;
    }

    @media (max-width: 450px) {
      //flex-direction: column-reverse;

      & > a {
        align-self: flex-start;
        margin-top: 0.5rem;
      }

      .social-share-container {
        align-self: flex-end;
      }

      .social-share-container span:first-of-type {
        display: none;
      }
    }
    .social--share {
      a:last-of-type {
        margin-right: 0;
      }
    }
  }

  h1 {
    padding: 1.75rem 0;

    i {
      display: block;
      font-size: 0.35em;
      display: flex;
      width: 2.75em;
      height: 2.75em;
      font-family: 'Plain', sans-serif;
      font-style: normal;
      background: black;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: white;
      padding-top: 0.225em;
      margin-bottom: 1em;

      @media (max-width: 767px) {
        font-size: 1.6rem;
      }
    }
  }

  .column:first-of-type {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

    @media (min-width: 992px) {
      //padding-right: 4rem;
      padding-right: 2rem;

      .page-commitments &,
      .page-7-2-subsidies & {
        flex: 0 0 75%;
        max-width: 75%;
      }
    }

    p {
      font-size: 1.375rem;
      line-height: 1.1;
      flex-grow: 2;
    }

    .footnotes,
    .footnotes > p {
      // position: absolute;
      // left: 0;
      // bottom: 0;
      font-family: 'Plain-Light', sans-serif;
      font-size: 0.875rem;
      line-height: 1em;
    }
  }

  .column:last-of-type {
    @media (min-width: 992px) {
      .page-commitments &,
      .page-7-2-subsidies & {
        flex: 0 0 25%;
        max-width: 25%;
      }
    }
  }

  .objectives & {
    .column img {
      width: calc(100% - 30px);
      height: 100%;
      object-fit: contain;

      @media (min-width: 992px) {
        position: absolute;
      }
    }
  }

  .key-results & {
    .row.stats {
      .okr-stat {
        // Stat type percentage by default //
        display: flex;

        // font-size: 6.5rem;
        // line-height: 6.5rem;
        // margin-bottom: 1.5rem;
        &.stat-type-money,
        &.long_number {
          font-size: 3.5rem;
        }

        .odometer {
          font-family: inherit;
          line-height: inherit;
        }
      }

      .okr-arrow {
        display: flex;
        align-items: center;
        min-width: 175px;
        max-width: 300px;
        height: 100%;
        margin: 10px auto;

        &.direction-up {
          transform: rotate(180deg);
        }

        span {
          display: block;
        }
      }
    }
  }

  //  NEW KR ITEMS

  .column:last-of-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-top: 1.75rem;

    hr {
      content: '';
      position: absolute;
      top: 56px;
      left: 42px;
      margin: 0;
      padding: 0;
      border: 0;
      border-left: 1px solid black;
      height: calc(100% - 56px);
      z-index: 1;

      .okr-dark & {
        border-color: white;
      }
    }

    .okr-stat {
      padding-bottom: 1rem;
      position: relative;
      z-index: 2;

      &:last-of-type {
        padding-bottom: 0rem;
      }
    }

    .page-commitments & {
      // hr {
      //   //left: initial;
      //   //right: 148px;
      //   //top: 5.3rem;
      // }
      .okr-stat {
        //justify-content: flex-end;
        .okr-stat-item--title {
          font-size: 2rem;
          padding-top: 0.4em;

          @media (min-width: 1440px) {
            padding-top: 1rem;
          }
          @media (min-width: 1800px) {
            padding-top: 0.4rem;
          }
        }
      }
    }

    .okr-stat-year {
      max-width: 86px;
      flex: 0 0 86px;

      i {
        font-family: 'Plain', sans-serif;
        font-style: normal;
        font-size: 14px;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: transparent;
        border: 1px solid black;
        color: black;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;

        span {
          line-height: 1;
          padding-top: 0.1em;
        }

        .okr-dark & {
          border-color: white;
          color: white;
        }
      }
    }

    // .okr-stat-item {
    // 	//line-height: 0.9rem;
    // }

    .okr-stat-item--label {
      font-size: 0.875rem;
      padding-bottom: 0.5rem;
    }

    .okr-stat-item--title {
      font-size: 2.6rem;
      padding-bottom: 0.25rem;
      line-height: 1em;

      @media (max-width: $breakpoint - 1) {
        font-size: 2rem;
        padding-bottom: 0.2rem;
      }
    }

    .okr-stat-item--content {
      font-size: 1.25rem;
      padding-bottom: 1rem;
      line-height: 1.2;

      @media (max-width: $breakpoint - 1) {
        font-size: 1rem;
      }
    }
  }

  .okr-dark & .okr-arrow {
    .arrow-black {
      display: none;
    }
  }

  .okr-light & .okr-arrow {
    .arrow-white {
      display: none;
    }
  }
}

// Replaced with block group below >>
#okr-about {
  > div {
    font-family: 'Financier', sans-serif;
    columns: 2;
    column-gap: 3rem;

    @media (max-width: $breakpoint - 1) {
      columns: 1;
    }
  }

  p {
    break-inside: avoid;
  }
}

.okr-detail #post {
  padding-bottom: 0;

  p {
    font-family: 'Financier', sans-serif;
    font-size: 1.375rem;
    line-height: 1.4;
  }

  .post-content {
    padding: 0 15px;

    &.has-video {
      display: flex;
      padding: 0;
      .wp-block-group {
        columns: 1;
      }
    }
  }

  h2 {
    font-size: var(--font--size-h2);
    padding-top: 0;
  }

  .wp-block-group {
    columns: 2;
    column-gap: 3rem;

    @media (max-width: $breakpoint - 1) {
      columns: 1;
    }

    p {
      break-inside: avoid;
    }
  }

  .wp-block-columns,
  .content-body > div:not(:first-of-type) {
    padding-top: 3rem;
  }

  .wp-block-columns {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;

    @media (max-width: $breakpoint - 1) {
      display: block;
    }

    .wp-block-column {
      padding: 0 15px;

      @media (max-width: $breakpoint - 1) {
        flex-basis: 100% !important;
        margin-left: 0;

        .wp-block-embed {
          margin: 0 0 2em;
        }
      }
    }
  }
}

// Objectives //
#okr-key-results-list {
  h2 {
    padding: 0.6rem 0 1rem;
  }
  .okr {
    // Block //
    &--header {
      & > div:first-of-type span {
        display: none;
      }
      & > div:last-of-type {
        text-align: left;
      }
    }
    &-gt {
      color: $color-red;
      margin-bottom: 2rem;
      flex: 1;
    }
  }
  // .key-result--reduction {
  // }
}

#okr-steps {
  background: $color-yellow;
  color: black;

  h2 {
    padding-top: 0;
    border-bottom: 1px solid black;
  }

  article {
    padding: 0.5rem 15px 0;

    a {
      h3,
      p {
        color: black;

        &:hover,
        &:focus {
          color: black;
          // span:last-of-type {
          //   color: $color-red;
          // }
        }
      }

      span.title {
        margin-right: 1em;
      }
    }

    h3 {
      font-size: 1.5rem;
      display: flex;
      justify-content: space-between;
    }

    p {
      font-size: 0.875rem;
    }

    ul {
      padding-left: 1.2rem;

      small {
        opacity: 1;
      }
    }

    @media (min-width: 767px) {
      &[data-count='1'] {
        width: 100%;
      }

      &[data-count='2'],
      &[data-count='4'],
      &[data-count='5'],
      &[data-count='7'],
      &[data-count='8'] {
        width: 50%;
      }

      &[data-count='3'],
      &[data-count='6'],
      &[data-count='9'] {
        width: 33.3334%;
      }

      &[data-count='5'],
      &[data-count='7'] {
        &:last-of-type {
          width: 100%;
        }
      }
    }
  }
}

// Key Results //
#okr-leaders {
  .leaders-list {
    column-count: 3;
    column-gap: 3rem;
    //border-top: 1px solid gray;

    .leaders-link {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      border-bottom: 1px solid gray;
      font-size: 1.5rem;
      line-height: 1.2em;
      padding: 0.875em 0;
      break-inside: avoid;

      div {
        padding-right: 1em;
        line-height: 1em;
        margin-top: 3px;
      }
    }

    @media (max-width: $breakpoint - 1) {
      column-count: 2;
    }

    @media (max-width: 600px) {
      column-count: 1;

      .leaders-link {
        font-size: 1rem;
      }
    }
  }
}

#okr-more-news,
#okr-list-2-columns {
  .posts-container {
    column-count: 2;
    column-gap: 3rem;
    //border-top: 1px solid $color-grey;

    @media (max-width: $breakpoint - 1) {
      column-count: 1;
    }

    article {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
    }
  }
}

#okr-more-news,
#okr-list-2-columns,
#additional-resources {
  .more-news {
    padding-top: 30px;
    text-align: center;
    width: 100%;

    @media (max-width: 600px) {
      padding-top: 0px;
    }
  }
}

#okr-list-2-columns {
  a.okr-pill {
    break-inside: avoid;
    border-top: none;
    //border-bottom: 1px solid $color-grey;
    margin-right: 0;

    i {
      font-size: 0.8em;
    }
  }

  .okr-detail & {
    @media (max-width: $breakpoint - 1) {
      padding-top: 0;
    }
  }

  //OBJ
  .okr--list-block-hover,
	//KR
	.posts-container.okr-solid a {
    border-top: 1px solid $color-grey;
    border-bottom-color: $color-grey;
    border-bottom-style: solid;
    border-bottom-width: 0;

    &:last-of-type {
      border-bottom-width: 1px;
    }
  }

  .okr--list-block-hover {
    &:nth-of-type(6) {
      border-bottom-width: 1px;
    }
  }

  .posts-container .okr--list-block-hover {
    &:nth-of-type(6) {
      border-bottom-width: 0;
    }

    @media (min-width: 992px) {
      &:nth-of-type(5) {
        border-bottom-width: 1px;
      }
    }
  }

  //KR
  .posts-container.okr-solid {
    &.count-2 {
      a:nth-of-type(1) {
        border-bottom-width: 1px;
      }
    }

    &.count-3 {
      a:nth-of-type(2) {
        border-bottom-width: 1px;
      }
    }

    &.count-4 {
      a:nth-of-type(2) {
        border-bottom-width: 1px;
      }
    }

    &.count-5 {
      a:nth-of-type(3) {
        border-bottom-width: 1px;
      }
    }

    &.count-6 {
      a:nth-of-type(3) {
        border-bottom-width: 1px;
      }
    }

    &.count-7 {
      a:nth-of-type(4) {
        border-bottom-width: 1px;
      }
    }

    &.count-8 {
      a:nth-of-type(4) {
        border-bottom-width: 1px;
      }
    }

    &.count-9 {
      a:nth-of-type(5) {
        border-bottom-width: 1px;
      }
    }

    &.count-10 {
      a:nth-of-type(5) {
        border-bottom-width: 1px;
      }
    }
  }
}

// OKR Steps and Leaders Styling & Animation //
#okr-leaders,
#okr-steps {
  a {
    span {
      transition: 0.2s ease all;
    }

    span.title {
      // Text Underline Animation //
      background-repeat: no-repeat;
      background-size: 0% 1px;
      background-position: 0 100%;
      // ------------------------//
    }

    &:hover {
      span.title {
        background-size: 100% 1px;
      }
    }
  }
}

#okr-steps {
  a {
    span.title {
      .okr-light & {
        background-image: linear-gradient(#000, #000);
      }

      .okr-dark & {
        background-image: linear-gradient(#fff, #fff);
      }

      @each $number, $OkrColor in $OkrColors {
        #okr-#{$number} & {
          text-shadow: 0.03em 0 map-get($OkrColor, color), -0.03em 0 map-get($OkrColor, color), 0 0.03em map-get($OkrColor, color), 0 -0.03em map-get($OkrColor, color),
            0.06em 0 map-get($OkrColor, color), -0.06em 0 map-get($OkrColor, color), 0.09em 0 map-get($OkrColor, color), -0.09em 0 map-get($OkrColor, color), 0.12em 0 map-get($OkrColor, color),
            -0.12em 0 map-get($OkrColor, color);
        }
      }
    }

    &:hover {
      span.arrow {
        color: inherit;
        transform: rotate(-45deg);
      }
    }
  }
}

#okr-leaders {
  a {
    span.arrow {
      transform: rotate(-45deg);
    }

    span.title {
      background-image: linear-gradient(#000, #000);
      text-shadow: 0.03em 0 white, -0.03em 0 white, 0 0.03em white, 0 -0.03em white, 0.06em 0 white, -0.06em 0 white, 0.09em 0 white, -0.09em 0 white, 0.12em 0 white, -0.12em 0 white;
    }

    &:hover {
      .arrow {
        animation: pulse-right 3s;
        transform: rotate(0deg);
      }
    }
  }
}

// KR Post Content

.okr-detail #post .wp-block-quote {
  background: $color-yellow;
  padding: 3rem 0;

  p {
    font-size: 4.5rem;
    line-height: 1em;
    position: relative;
  }

  cite {
    display: block;
    font-size: 1.4rem;
    margin-top: 1rem;
    text-align: right;
  }

  p,
  cite {
    padding-left: $containerPadding;
    padding-right: $containerPadding;
    margin: auto;
  }

  p,
  cite {
    @media (min-width: 768px) {
      max-width: $containerWidth;
    }

    @media (min-width: 1441px) {
      max-width: $containerMaxWidth;
    }

    @media (max-width: 767px) {
      max-width: 100%;
    }
  }
}

// OKR Detail -- Colors //
.okr-detail {
  &.objectives,
  &.key-results {
    // OKR Dark //
    &.okr-dark {
      #okr-hero,
      #okr-steps,
      #okr-steps h3,
      .wp-block-quote {
        color: white;
      }

      #okr-hero {
        h1 i {
          background: white;
        }

        .row.on-track:before {
          border-color: white;
        }

        .progress-bar {
          background-color: rgba(255, 255, 255, 0.1);

          .meter-animated {
            background-color: white;
          }
        }
      }

      #okr-steps {
        h2 {
          border-color: white;
        }
      }
    }

    // Specific OKR (by number) //
    @each $number, $OkrColor in $OkrColors {
      &#okr-#{$number} {
        #okr-hero,
        #okr-steps,
        .wp-block-quote {
          background: map-get($OkrColor, color);
        }

        h1 i,
        .okr-stat:first-of-type .okr-stat-year i {
          color: map-get($OkrColor, color);
        }

        .okr-stat .okr-stat-year i {
          background: map-get($OkrColor, color);
        }

        .okr-stat:first-of-type {
          .okr-stat-year i {
            background: #000;

            .okr-dark & {
              background: white;
            }
          }
        }
      }
    }

    // &#okr-1 #okr-hero h1 i {
    //   color: $color-blue;
    // }
    // &#okr-4 #okr-hero h1 i {
    //   color: $color-dkgreen;
    // }
    // &#okr-5 #okr-hero h1 i {
    //   color: $color-red;
    // }
    // &#okr-6 #okr-hero h1 i {
    //   color: $color-orange;
    // }
    // &#okr-7 #okr-hero h1 i {
    //   color: $color-purple;
    // }
  }

  &.key-results.okr-dark .okr-stat:first-of-type i {
    background: white !important;
  }
}

.okr-detail.key-results#okr-7 .okr-stat:first-of-type .okr-stat-year i {
  .page-commitments &,
  .page-7-2-subsidies & {
    background: #6e00ed !important;
    color: white !important;
  }
}

.page-0-0-net-zero {
  #okr-key-results-list {
    display: none;
  }
}

#popup {
  width: 230px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.87);
  z-index: 1000;
  color: white;
  padding: 2rem;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  //transition: all linear .2s;

  @media (max-height: 700px) {
    padding-top: 5rem;
  }

  @media (max-height: 600px) {
    img {
      display: none;
    }
  }

  @media (max-width: 475px) {
    width: 100%;
    height: auto;
    top: inherit;
    bottom: 0;
    padding: 1rem 2rem 2rem;

    img {
      //display: none;
      max-width: 180px;
    }
  }

  @media (min-width: 768px) {
    width: 430px;

    h2 {
      font-size: 2.6rem;
      padding-bottom: 0.4em;
    }

    img {
      max-width: 250px;
    }
  }

  p {
    font-family: 'Plain-Light';
    line-height: 1.2;
  }

  .button-cross {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
    margin: auto;
    padding: 0;
    background: transparent;

    @media (max-width: 475px) {
      //top: -1.3rem;
    }

    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);

    &:hover,
    &:focus {
      background: transparent;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    span.cross-line {
      position: absolute;
      width: 22px;
      height: 3px;
      background: white;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);

      &:last-of-type {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
      }
    }
  }

  #mc_embed_signup #mc_embed_signup_scroll,
  #mc_embed_signup_popup #mc_embed_signup_scroll_popup {
    display: block;
  }

  #mc_embed_signup #mc_embed_signup_scroll input.email,
  #mc_embed_signup_popup #mc_embed_signup_scroll_popup input.email {
    width: 100%;
    background: transparent;
    margin-bottom: 1rem;
    color: white;
    font-size: 1.2rem;
    border-bottom-color: #999;
    &::placeholder {
      color: #999;
    }
  }
}

/* ANIMATIONS - - - - - - - - - - - - - -  */
@-webkit-keyframes popSlide {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0%);
  }
}

@keyframes popSlide {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes popSlideClose {
  0% {
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(1000%);
  }
}

@keyframes popSlideClose {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}

#popup {
  -webkit-animation-name: popSlide;
  animation-name: popSlide;

  &.submit {
    -webkit-animation-name: popSlideClose;
    animation-name: popSlideClose;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  &.closed {
    -webkit-animation-name: popSlideClose;
    animation-name: popSlideClose;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
}

#popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

#popup.hidden {
  display: none;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.header-mobile-menu-button {
    display: none;
}

.button-wrapper.extend {
    width: 200%;
}

.standard-inner {
    position: relative;
    z-index: 2;
}


.the_plan_home {
    position: relative;
    z-index: 0;
}

.okr--section .container {
    max-width: 97%;
}

.okr--block .view--desktop {
    padding-left: 2.5%;
}

.header-vertical-logo a svg {
    width: 29px;
    height: auto;
}

    .okr--block .okr--key-results .okr--header > div:nth-of-type(2), .okr--block .okr--key-results .okr--key-result > div:nth-of-type(2) {
        width: 10.5rem;
        margin-left: 1rem;
        margin-right: 2rem;
    }

    .okr--block .okr--key-result .key-result--reduction .okr-gt {
    font-size: .9rem;
    color: #ce1a11;
    height: 3.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: left;
}

    .key-result--reduction {
    margin-left: 0px !important;
    width: 8.25rem;
}

.key-result--status {
    width: 15rem!important;
}

section.single-resource {
    padding-top: 100px !important;
}

.action-guide-content {
    width: 75%;
}


.action-guide-gutter {
    width: 25%;
    display: flex
;
    flex-direction: column;
    padding: 2% 3% 2% 7%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

.okr-icon-wrapper {
    height: 150px;
    width: 150px;
}

.okr-icon-wrapper a {
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.okr-icon-wrapper a img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}














@media all and (max-width: 1100px) {

  .team-image {
    overflow: hidden;
    border-radius: 50%;
    height: 42.7vw;
    width: 42.7vw;
    display: flex
;
    align-items: center;
    justify-content: center;
}

  header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    /* min-height: 123px; */
    width: 100%;
    z-index: 10;
    background: black;
    height: 70px;
    padding-top: 0px;
}

.header-left-logo a img {
        height: 50px;
        width: auto;
        opacity: 1 !important;
    }

.header-left-logo {
        width: 70px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        padding-bottom: 0px;
    }

    .header-mobile-menu-button {
        display: flex;
        flex-direction: column;
        height: 70px;
        width: 70px;
        align-items: center;
        justify-content: center;
        padding-top: 5px;
    }

.header-mobile-menu-button span {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 12.372px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.895px;
    letter-spacing: -0.127px;
    text-transform: uppercase;
}

.header-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

header#masthead.active {
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.header-alt-logo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 10;
}

header.active .header-alt-logo {
    display: block!important;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 10;
}

.header-alt-logo a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: .6px;
}

.header-alt-logo a img {
    height: 50px;
    width: auto;
    opacity: 1 !important;
}

header .header-mobile-menu-button svg {
  transform: rotate(0deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

header.active .header-mobile-menu-button svg {
  transform: rotate(45deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

header.active .header-mobile-menu-button span {
  color: #000;

leading-trim: both;

text-edge: cap;
font-family: Plain;
/* font-size: 6.372px; */
font-style: normal;
font-weight: 500;
line-height: 23.895px; /* 375% */
letter-spacing: -0.127px;
text-transform: uppercase;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


div#wpadminbar {
    display: none;
}

    .header-menu-mobile {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background: black;
        z-index: 6;
    }

ul#main-menu {
    gap: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px 50px;
    box-sizing: border-box;
    margin-bottom: 0px;
    list-style: none;
    flex-direction: column;
    height: 100dvh;
    padding-top: 100px;
    padding-bottom: 100px;
}

 ul#main-menu li a {
    height: 22px;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.898px;
    letter-spacing: -0.48px;
    padding-left: 30px;
    position: relative;
}

ul#main-menu > li > a::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #ce1a11;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    top: 3px;
}

ul#main-menu > li:nth-child(2) > a::before {
    background: #0736DF;
}

ul#main-menu > li:nth-child(3) > a::before {
    background: #C9DD41;
}

ul#main-menu > li:nth-child(4) > a::before {
    background: #6E00ED;
}

ul#main-menu ul.sub-menu li a {
    color: #C6C6C6;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.898px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-left: 30px;
}

ul.sub-menu {
    display: flex;
    list-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    flex-direction: column;
}

          header.active .header-mobile-menu-button svg {
            transform: rotate(45deg);
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

          header#masthead.active {
            background: white;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

          .header-mobile-menu-button span {
            color: #FFF;
            leading-trim: both;
            text-edge: cap;
            font-family: Plain;
            font-size: 12.372px;
            font-style: normal;
            font-weight: 500;
            line-height: 23.895px;
            letter-spacing: -0.127px;
            text-transform: uppercase;
        }

                .header-inner {
            height: 100%;
            width: 100%;
            display: flex
;
            align-items: flex-start;
            justify-content: space-between;
        }

          .header-mobile-menu-button {
            display: flex
;
            flex-direction: column;
            height: 70px;
            width: 70px;
            align-items: center;
            justify-content: center;
            padding-top: 5px;
        }
  section.single-resource {
    padding-top: 50px !important;
}
  .header-vertical {
      display: none;
  }

  .hero-section-inner_background .button-wrapper {
    display: none;
}

.home-hero-section .button-wrapper {
    display: flex !important
}

  .home .header-vertical {
    position: absolute;
    height: 80vh;
    width: 122px;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9;
    padding-top: 121px;
}

  section.hero-section {
    padding-left: 0px;
}

section.standard {
  padding-left: 0px;
}

.header-menu {
  display: none;
}

.newsletter-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4rem;
}

    .header-left-logo {
        width: 70px !important;
        display: flex
;
        align-items: center;
        justify-content: center;
        height: 70px;
        padding-bottom: 0px;
    }

.header-left-logo a {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.header-left-logo a img {
  height: 4vw;
  width: auto;
}

footer#colophon {
  background: black;
  padding: 0px;
}

.footer-inner {
  padding: 52px 5% 57px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

ul#footer-menu > li > a {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 80.949px; */
    letter-spacing: -0.432px;
}
ul#footer-menu ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.70);
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 80.949px; */
  letter-spacing: -0.432px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: relative;
}

ul#footer-menuul.sub-menu {
  display: none;
  list-style: none;
  padding-left: 0px;
  padding-bottom: 30px;
  padding-top: 0px;
}

.footer-top-left img {
  width: 70px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}

.social-icons a svg {
  height: 20px;
  width: auto;
}

ul#footer-bottom-menu {
  padding-left: 83px;
}

ul#footer-bottom-menu li a {
  color: rgba(255, 255, 255, 0.65);
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 80.949px; */
  letter-spacing: -0.432px;
  /* justify-content: center; */
  /* align-items: center; */
}

.copyright {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* line-height: 80.949px; */
  letter-spacing: -0.432px;
}

.footer-bottom-left {
  order: 3;
}

.standard-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 83px;
  box-sizing: border-box;
  border-left: 1px solid #9e9e9e;
  /* padding-right: 0px; */
  width: 100%;
  flex: unset;
}

    section.hero-section.tracker-hero {
        display: flex;
        align-items: center;
        flex-direction: row;
        background: black;
        height: unset;
        flex-wrap: wrap;
        width: 100%;
    }

.tracker-hero-section {
  width: 100%;
  padding: 10vw 30px 0px 83px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.tracker--sections {
  padding-left: 0px;
  box-sizing: border-box;
  width: 100%;
}

.tracker--sections-inner {
  border-left: 0px solid #9E9E9E;
  width: 100%;
  padding-top: 0px;
  box-sizing: border-box;
}

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

.okr--block.row.justify-content-space-between > div {
  width: 100%;
  flex: unset;
  max-width: 100%;
}

.okr-section-item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 0px;
  box-sizing: border-box;
  margin-top: 15px;
}

.total-gigaton {
  padding-left: 0px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: 10px;
  max-width: 500px;
}

.standard-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 83px 5%;
  box-sizing: border-box;
  border-left: 1px solid #9e9e9e;
  /* padding-right: 0px; */
  width: 100%;
  flex: unset;
}

.standard-inner h2 br {
  display: none;
}

.standard-about-copy p {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.72px;
  width: 930px;
  float: right;
  max-width: 100%;
}

    section.hero-section {
        width: 100%;
        padding: 20% 5% 20% 5%;
        display: flex
;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: unset;
        background: #F4F4F4;
        margin-left: 0px;
        border-left: 0px;
    }

.hero-section {
  width: 100%;
  padding: 0% 0% 0% 0%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: unset;
  background: #F4F4F4;
}

.hero-section h1 span {
  padding: 10px 10px 0px;
  box-sizing: border-box;
  display: inline;
}

.hero-copy {
  color: black;
  font-family: Plain;
  font-size: 2.9vw;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.9px;
  padding: 15px 0px 0px 0px;
  box-sizing: border-box;
}

    .home .home-hero-section {
        padding-top: 83px;
        padding-left: 0px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        color: white;
        z-index: 2;
        position: relative;
        max-width: 100%;
    }



    .sticky-note {
    width: 100%;
    height: 50vh;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .home section.hero-section {
        /* background: black; */
        height: unset;
        width: 100vw;
        overflow: hidden;
        position: relative;
        padding: 40px 0px 0px 0px;
        box-sizing: border-box;
        /* background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%); */
        display: flex;
        align-items: center;
        flex-direction: row;
        min-height: unset;
        margin-left: 0px;
        border-left: 0px;
        padding-left: 83px;
        flex-wrap: wrap;
    }

.header-left-logo a img {
  height: 4vw;
  width: auto;
  opacity: 1 !important;
}

.home .home-hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.4px;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
}

    .hero-section-inner_background {
        position: absolute;
        width: 100%;
        /* background: white; */
        height: calc(25vh - 37px);
        /* top: 0; */
        left: 0;
        display: none;
    }






@media all and (max-width: 900px) {

  .hero-section h1 {
    color: black;
    leading-trim: inherit;
    text-edge: cap;
    font-family: Plain;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -2.4px;
    /* width: 100%; */
    padding: 0px;
}

.action-guide-subnav {
    width: 100%;
}

    .standard-about-copy p {
        color: #000;
        leading-trim: both;
        text-edge: cap;
        font-family: Plain;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.72px;
        width: 930px;
        float: right;
        max-width: 100%;
        margin-bottom: 30px;
    }

.action-guide-subnav-title {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 35px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 39px!important;
    letter-spacing: -1.62px;
    text-align: center;
    margin-bottom: 50px;
}

    .hero-section h1 span {
        padding: 10px 10px 0px;
        box-sizing: border-box;
        display: inline;
        /* width: 100%; */
        float: left;
        margin-top: -10px;
    }

  .hero-section.full {
    width: 100%;
    padding: 100px 0px 5% 0px;
    box-sizing: border-box;
}
    section.hero-section {
        min-height: unset;
        width: calc(100%);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #F4F4F4;
        border-left: 0px solid black;
        margin-left: 0px;
    }

  section.single-resource {
    padding-top: 30px !important;
}

  .home-slide-image {
    width: 100%;
}

.slide-caption {
    width: 100%;
    padding-left: 0%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.slide-caption p {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.standard-eyebrow {
    color: #000;
    font-family: Plain;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.54px;
    background: #FFE95A;
    height: 45px;
    padding: 13px 15px 10px;
}


.footer-cta-inner form {
    width: 90% !important;
    display: flex !important
;
    gap: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto;
}

.input--submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slide-caption h3 {
        leading-trim: both;
        text-edge: cap;
        font-family: Plain;
        font-size: 29px;
        font-style: normal;
        font-weight: 500;
        line-height: 31px;
        padding-bottom: 15px;
    }

.home-slide-inner {
    width: 100%;
    display: flex;
    max-width: 100%;
    align-items: flex-start !important;
    flex-wrap: wrap;
}

.home-slide-image {
    width: 100%;
}

  .okr-hero-list {
    width: 100%;
    padding: 5% 5% 5% 5%;
    flex-wrap: wrap;
    gap: 12px;
}

  .tracker-hero-section {
    width: 100%;
    padding: 10vw 5% 0px 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
  .newsletter-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 4rem;
}

.standard-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 63px 5%;
  box-sizing: border-box;
  border-left: 1px solid #9e9e9e;
  /* padding-right: 0px; */
  width: 100%;
  flex: unset;
}

.standard-inner > h2 {
  color: #000;
  leading-trim: initial;
  text-edge: unset;
  font-family: "Plain", sans-serif;
  font-size: 43px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.62px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  padding: 0px;
}

.footer-cta-inner p {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 48.5px;
  letter-spacing: -0.9px;
  width: 100%;
}

.footer-cta-inner h2 {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 57.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 71px;
  letter-spacing: -1.35px;
  padding: 0px;
}

.footer-cta-inner form {
  width: 90%;
  display: flex;
  gap: 20px;
  align-items: flex-end;
  justify-content: center;
}

    .home section.hero-section {
        /* background: black; */
        height: unset;
        width: 100vw;
        overflow: hidden;
        position: relative;
        padding: 0px 0px 0px 0px;
        box-sizing: border-box;
        /* background: linear-gradient(270deg, #FF2929 0%, #FFE95A 42.5%, #93E5F9 87%); */
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        min-height: 100vh !important;
        /* padding-top: 50px; */
    }

    .hero-section-inner_background {
        position: absolute;
        width: 100%;
        /* background: white; */
        height: calc(72vh - 30px);
        /* top: 0; */
        left: 0;
    }

    .home .home-hero-section {
        padding-top: 0px;
        padding-left: 5%;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        color: white;
        z-index: 2;
        position: relative;
        order: 1;
        padding-right: 5%;
        padding-bottom: 0px;
        padding-top: 80px;
    }

    .sticky-note {
        width: 100%;
        order: 1;
        flex: unset;
    }

        .sticky-note img {
            width: 90%;
            float: right;
            margin-top: 9vw;
            height: auto;
        }

                .okr-dot-wrapper {
            display: flex
;
            align-items: center;
            justify-content: center;
            width: 50%;
            height: 120px;
        }

                .standard-inner > h2 {
            color: #000;
            leading-trim: initial;
            text-edge: unset;
            font-family: "Plain", sans-serif;
            font-size: 43px;
            font-style: normal;
            font-weight: 500;
            line-height: 44px;
            letter-spacing: -1.62px;
            margin-top: 20px;
            margin-bottom: 20px;
            -webkit-text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            text-rendering: auto;
            padding: 0px;
            max-width: 100%;
        }

        .action-guide-content {
    width: 100%;
}

        .action-guide-gutter {
    display: none;
}

                .tracker-hero-section h1 {
            color: #FFF !important;
            leading-trim: both;
            text-edge: cap;
            font-family: Plain;
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            line-height: 48px;
            letter-spacing: -2.24px;
            padding: 0px;
        }

.home .home-hero-section h1 {
  color: black;
  leading-trim: inherit;
  text-edge: cap;
  font-family: Plain;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -2.4px;
  width: 75%;
  padding: 0px;
  margin-bottom: 40px;
}

#okr-more-news, #okr-list-2-columns {
  .posts-container {
      column-count: 1;
      column-gap: 0;
  }
}

.team-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 50px;
}

.standard-inner {
  border-left: 0px solid #9e9e9e;
}

.row .author-section-image {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 20px;
}

.row .author-section-copy {
  padding-right: 5%;
  padding-left: 5%;
}

.row.row-reverse .author-section-image {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 20px;
}

.row.row-reverse .author-section-copy {
  padding-right: 5%;
  padding-left: 5%;
}

div#support ul {
  list-style: none;
  padding-left: 0px;
  column-count: 1;
}

.order_locations {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  margin: 30px 0px;
  gap: 50px;
}

.key-result--status {
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

}














@media all and (max-width: 768px) {

  .team-image {
    overflow: hidden;
    border-radius: 50%;
    height: 80vw;
    width: 80vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

  .footer-cta-inner h2 {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 40.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 57px;
    letter-spacing: -1.35px;
    padding: 0px;
}

  .footer-cta-inner p {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 40.5px;
    letter-spacing: -0.9px;
    width: 100%;
}

  .order_locations {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    margin: 30px 0px;
    gap: 30px;
}

.single--newsletter .content-body table td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.book-image-holder {
    width: 75vw;
    height: 60vw;
}

.team-column {
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

        .team-section {
            display: grid
;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
            margin-top: 50px;
            width: 100%;
        }

  main {
    width: 100%;
    flex: unset;
}

  section.standard {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    flex-wrap: wrap;
}

.okr-dots {
  width: 100%;
  /* height: 100%; */
  display: flex;
  flex-wrap: wrap;
  padding: 0% 5% 5% 5%;
  box-sizing: border-box;
  height: auto;
  float: left;
}

.okr--block .okr--key-result .key-result--info:after {
  content: "";
  display: block;
  padding-bottom: 1rem;
  margin-bottom: 0.75rem;
  margin-left: 0rem;
  border-bottom: 1px dashed grey;
}

.okr--block .okr--key-results .updated, .okr--block .okr--key-results .key-result--info .description {
  padding-left: 0px;
}

  .the_plan_home {
    display: none;
}

    .okr-dot-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 33.3333%;
        height: 120px;
    }

.button-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-cta-inner form {
  width: 90%;
  display: flex;
  gap: 20px;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-cta-input {
  width: 100%;
  flex: unset;
}

.tracker-hero-section h1 {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: Plain;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -2.24px;
  padding: 0px;
}

.tracker-hero-copy {
  color: #FFF;
  font-family: Plain;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.9px;
  padding: 20px 0px 30px 0px;
  box-sizing: border-box;
}

.okr-hero-list {
  width: 100%;
  padding: 5% 5% 5% 5%;
  flex-wrap: wrap;
  gap: 12px;
  display: none;
}

.footer-inner {
        padding: 52px 5% 57px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 50px;
        display: none;
    }

    .footer-mobile-inner {
        display: flex !important;
        flex-direction: column;
        padding: 48px 23px;
        gap: 10px;
    }

    ul#footer-menu li a {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.34px;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

ul#footer-menu li {
    flex: unset;
    width: 100%;
}

ul#footer-bottom-menu {
        padding-left: 0px;
    }

ul#footer-bottom-menu {
        padding-left: 0px;
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
        justify-content: flex-start;
    }


    .social-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

    .social-icons a svg {
        height: 30px;
        width: auto;
    }

        ul#footer-bottom-menu li a {
        color: rgba(255, 255, 255, 0.65);
        leading-trim: both;
        text-edge: cap;
        font-family: Plain;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        /* line-height: 80.949px; */
        letter-spacing: -0.432px;
        /* justify-content: center; */
        /* align-items: center; */
    }

header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    /* min-height: 123px; */
    width: 100%;
    z-index: 10;
    background: black;
    height: 70px;
    padding-top: 0px;
}

.header-left-logo a img {
        height: 50px;
        width: auto;
        opacity: 1 !important;
    }

.header-left-logo {
        width: 70px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        padding-bottom: 0px;
    }

    .header-mobile-menu-button {
        display: flex;
        flex-direction: column;
        height: 70px;
        width: 70px;
        align-items: center;
        justify-content: center;
        padding-top: 5px;
    }

.header-mobile-menu-button span {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 12.372px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.895px;
    letter-spacing: -0.127px;
    text-transform: uppercase;
}

.header-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

header#masthead.active {
    background: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.header-alt-logo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 10;
}

header.active .header-alt-logo {
    display: block!important;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 10;
}

.header-alt-logo a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: .6px;
}

.header-alt-logo a img {
    height: 50px;
    width: auto;
    opacity: 1 !important;
}

header .header-mobile-menu-button svg {
  transform: rotate(0deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

header.active .header-mobile-menu-button svg {
  transform: rotate(45deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

header.active .header-mobile-menu-button span {
  color: #000;

leading-trim: both;

text-edge: cap;
font-family: Plain;
/* font-size: 6.372px; */
font-style: normal;
font-weight: 500;
line-height: 23.895px; /* 375% */
letter-spacing: -0.127px;
text-transform: uppercase;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


div#wpadminbar {
    display: none;
}

    .header-menu-mobile {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background: black;
        z-index: 6;
    }

ul#main-menu {
    gap: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px 50px;
    box-sizing: border-box;
    margin-bottom: 0px;
    list-style: none;
    flex-direction: column;
    height: 100dvh;
    padding-top: 100px;
    padding-bottom: 100px;
}

 ul#main-menu li a {
    height: 22px;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.898px;
    letter-spacing: -0.48px;
    padding-left: 30px;
    position: relative;
}

ul#main-menu > li > a::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #ce1a11;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    top: 3px;
}

ul#main-menu > li:nth-child(2) > a::before {
    background: #0736DF;
}

ul#main-menu > li:nth-child(3) > a::before {
    background: #C9DD41;
}

ul#main-menu > li:nth-child(4) > a::before {
    background: #6E00ED;
}

ul#main-menu ul.sub-menu li a {
    color: #C6C6C6;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.898px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-left: 30px;
}

ul.sub-menu {
    display: flex;
    list-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    flex-direction: column;
}

.button-wrapper a {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 14.336px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.387px;
    border-radius: 37.464px;
    padding: 0px 18px 0px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.see-more-posts button, .see-more-resources button {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 14.336px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.387px;
    border-radius: 37.464px;
    padding: 0px 18px 0px;
    height: 40px;
    display: flex;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    /* border: 2.417px solid #CE1A10; */
    background: #CE1A10;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 0px;
}

.standard-copy {
    margin-bottom: 20px;
}

.standard-content h2 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 41px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 43px!important;
    letter-spacing: -1.62px;
    max-width: 1150px;
}

.standard-content h4 {
    color: #CE1A10;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 28px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 32px!important;
    letter-spacing: -0.2px;
    /* text-decoration-line: underline; */
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.standard-divider {
    width: 100%;
    height: 1px;
    background: #9E9E9E;
    z-index: -1;
}

.standard-content p {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Plain;
    font-size: 19px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 26px!important;
    letter-spacing: -0.6px;
}

div#about {
    padding-bottom: 83px;
}

.standard-content {
    width: calc(100%)!important;
}

.hero-section.full {
        width: 100%;
        padding: 50px 0px 5% 0px;
        box-sizing: border-box;
    }

    .hero-copy {
        color: black;
        font-family: Plain;
        font-size: 23px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        letter-spacing: -0.9px;
        padding: 15px 0px 0px 0px;
        box-sizing: border-box;
    }

    .newsletter_hero_signup {
    width: 100%;
    margin-top: 50px;
}

.page-template-template-newsletter .hero-section.full h1 {
    width: 67%;
    font-size: 41px;
    padding-top: 50px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

    .hero-section h1 {
        color: black;
        leading-trim: inherit;
        text-edge: cap;
        font-family: Plain;
        font-size: 41px;
        font-style: normal;
        font-weight: 500;
        line-height: 114%;
        letter-spacing: -2.4px;
        /* width: 100%; */
        padding: 0px;
    }
.col-12 {
    padding: 0px;
}

.filter--container {
    padding: 0px 15px;
}

.featured-posts.col-lg-4.col-xl-4 {
    display: none;
}
}