/*!
Theme Name: PocRepublic 2021
Theme URI: https://pocrepublic.com/
Author: FortyAU
Author URI: https://fortyau.com/
Description: Description
Version: 0.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pocrepublic
Tags:
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
:root {
    --theme-color-primary: #F34E1E;
    --theme-color-primary-hover: #D63E14;
    --theme-color-secondary: #0ACE82;
    --theme-color-secondary-hover: #09B572;
    --theme-color-navy: #0B0624;
    --theme-color-footer-bg: #0B0624;

    /* B2B-IQ Brand Color Scheme Tokens */
    --color-orange: #F34E1E;
    --color-charcoal: #262422;
    --color-white: #ffffff;
    --color-yellow: #FCFE7E;
    --color-daisy: #FDFE74;
    --color-bone: #ddd8c2;
    --color-bone-dark: #c6c2ae;
    --color-purple: #C9BBFC;
    --color-melrose: #C7BEF9;
    --color-indigo: #A259FF;
    --color-green: #0ACE82;
    --color-mint: #7FF3B8;
    --color-aquamarine: #45F6B3;
    --color-red: #FF7261;
    --color-blue: #86CBFE;
    --color-sail: #AFE3FC;

    /* Typography Font Family Tokens */
    --font-headline: "Bebas Neue", sans-serif;
    --font-sans-serif: "Montserrat", sans-serif;

    /* Border Radius Tokens */
    --border-radius: 5px;
    --border-radius-lg: 15px;
    --border-radius-xl: 30px;
    --border-radius-image: 120px;

    /* Spacing / Gap Tokens */
    --gap-xs: 10px;
    --gap-sm: 25px;
    --gap: 40px;
    --gap-lg: 60px;
    --gap-xl: 80px;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    max-width: 100%;
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@media(prefers-reduced-motion: reduce) {
    * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important
    }
}

.screen-reader-text,
.is-premium aside .search-bar label,
.is-premium main .search-bar label,
.area-resource-library aside .search-bar label,
.area-resource-library main .search-bar label,
.search .search-bar label,
.error404 .layout .content-main .search-bar label,
.site-header .search-dropdown .search-bar label,
.list-featured figure figcaption,
.list-featured article .date-published>span,
.list-featured article .url,
.list-featured article .discussion-url {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus,
.is-premium aside .search-bar label:focus,
.is-premium main .search-bar label:focus,
.area-resource-library aside .search-bar label:focus,
.area-resource-library main .search-bar label:focus,
.search .search-bar label:focus,
.error404 .layout .content-main .search-bar label:focus,
.site-header .search-dropdown .search-bar label:focus,
.list-featured figure figcaption:focus,
.list-featured article .date-published>span:focus,
.list-featured article .url:focus,
.list-featured article .discussion-url:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    scroll-behavior: smooth
}

body {
    line-height: 1.5;
    text-rendering: optimizeSpeed
}

@media(min-width: 980px) {
    body main {
        min-height: calc(100vh - 468px - 70px)
    }
}

@media(min-width: 980px) {
    body.admin-bar main {
        min-height: calc(100vh - 468px - 70px - 32px)
    }
}

img {
    background: var(--theme-color-primary-hover);
    display: block;
    height: auto;
    vertical-align: bottom;
    width: 100%
}

img:-moz-loading {
    visibility: hidden
}

a {
    color: var(--theme-color-primary);
    text-decoration: none;
    transition: .15s ease-out color
}

a svg {
    transition: .15s ease-out fill
}

a svg circle {
    transition: .15s ease-out stroke
}

a:hover {
    cursor: pointer;
    text-decoration: underline;
    transition: .05s ease-out color
}

a:hover svg {
    transition: .05s ease-out fill
}

a:hover svg circle {
    transition: .05s ease-out stroke
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

p {
    font-size: 1rem
}

section {
    margin-bottom: 1.875rem
}

ul,
ol {
    margin: 0 0 10px 25px;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 100;
    line-height: 1.2;
    margin: 0 0 .625rem;
    text-transform: uppercase;
}

h1 {
    font-size: 3.5rem;
    margin-bottom: 1.25rem
}

h2 {
    font-size: 2.25rem;
    margin-bottom: .9375rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.35rem
}

h5 {
    font-size: 1.15rem
}

h6 {
    font-size: 1rem
}

@font-face {
    font-display: swap;
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Bebas_Neue/BebasNeue-Regular.ttf") format("truetype");
}

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

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/Montserrat/static/Montserrat-Italic.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Montserrat/static/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/Montserrat/static/Montserrat-Black.ttf") format("truetype");
}

body {
    background: #fff;
    color: var(--theme-color-navy);
    font-family: "Montserrat", sans-serif
}

code,
pre {
    color: #778596;
    font-family: monospace, serif;
    font-size: 14px
}

strong {
    font-weight: 700
}

.section-heading {
    color: #374257;
    border-bottom: 1px solid #374257;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    font-weight: 300
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-out-in {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tabs {
    display: grid;
    grid-template-columns: fit-content(8ch) 1fr
}

.tabs>div {
    display: contents
}

.tabs label[role=tab] {
    cursor: pointer
}

.tabs label[role=tab]:hover {
    text-decoration: underline
}

.tabs input[type=radio] {
    position: fixed;
    top: -1000px
}

.tabs input[type=radio]:focus-visible~div[role=tabpanel]::after {
    border-radius: 3px;
    bottom: -10px;
    content: "";
    left: -10px;
    outline: 2px dotted var(--theme-color-primary-hover);
    position: absolute;
    right: -5px;
    top: 0
}

.tabs input[type=radio]:checked~div[role=tabpanel] {
    display: block
}

.tabs div[role=tabpanel] {
    display: none;
    grid-column-end: span 2;
    order: 1;
    position: relative
}

.lds-ring {
    display: flex;
    position: relative;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 8px;
    border: 8px solid var(--theme-color-secondary);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--theme-color-secondary) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.d-flex {
    display: flex
}

.d-none {
    display: none
}

.align-items-center {
    align-items: center
}

.justify-content-center {
    justify-content: center
}

.pr-1 {
    padding-right: 1rem !important
}

.pr-2 {
    padding-right: 2rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-2 {
    margin-top: 2rem !important
}

.mr-1 {
    margin-right: 1rem !important
}

.mr-2 {
    margin-right: 2rem !important
}

.px-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-6 {
    padding-right: 6rem !important;
    padding-left: 6rem !important
}

.h-100 {
    height: 100%
}

.flex-direction-column {
    flex-direction: column
}

.text-muted {
    color: #757575
}

.text-small {
    font-size: .75rem
}

.text-center {
    text-align: center
}

.my-2 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.header-banner {
    width: 100%;
    padding: .25rem .75rem
}

.header-banner-warning {
    background: #ff9800;
    color: #fff
}

.header-banner-warning a {
    color: blue
}

.font-weight-bold {
    font-weight: bold
}

.layout {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 980px) {
    .layout {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .layout {
        /* max-width: 1440px; */
        max-width: 1480px;
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 980px) {
    .layout-half {
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 980px) {
    .layout-thirds {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

@media(min-width: 980px) {
    .layout-three {
        column-gap: 25px;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        padding-top: 32px;
    }
}

/* Resource page hero section: reduce gap between the 3 columns to match homepage spacing */
.resources-page .layout.layout-three {
    padding-top: 32px;
    padding-bottom: 0px;
    align-items: flex-start;
    gap: 24px
}

@media(min-width: 980px) {
    .resources-page .layout.layout-three {
        column-gap: 24px
    }
}

@media(min-width: 980px) {
    .layout-one-thirds {
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.layout-thirds>div:last-child iframe,
main.layout.article .content-main aside iframe {
    margin: 0 0 30px 0
}

.layout-thirds>div:last-child .wordp-target iframe,
main.layout.article .content-main aside .wordp-target iframe {
    margin-bottom: 0
}

.callout-featured .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.callout-featured .view-more {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px
}

.callout-featured .view-more:focus {
    outline: none
}

.callout-featured .view-more:active,
.callout-featured .view-more:focus,
.callout-featured .view-more:focus-visible,
.callout-featured .view-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.callout-featured .view-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.callout-featured .view-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.callout-featured .view-more span {
    position: relative;
    transform: translate(0, 1px)
}

.callout-featured .view-more:active,
.callout-featured .view-more:focus,
.callout-featured .view-more:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.callout-featured .view-more:active {
    transform: scale(0.9)
}

.callout-featured h4 {
    color: var(--theme-color-navy);
    font-size: 16px;
    font-weight: 700;
    line-height: 17.6px;
    margin: 10px 0 15px;
    text-align: center
}

.callout-featured h4 a {
    color: inherit
}

.callout-featured h4 a:hover {
    color: var(--theme-color-primary);
    text-decoration: none
}

#wpadminbar {
    position: sticky;
    top: 0
}

:root {
    --admin-offset: 0px
}

.admin-bar {
    --admin-offset: 46px
}

@media screen and (min-width: 784px) {
    .admin-bar {
        --admin-offset: 32px
    }
}

#masthead {
    position: sticky;
    width: 100%;
    z-index: 1000;
    top: var(--admin-offset, 0px);
    background: #fff;
    border-bottom: 1px solid #e6e4ec;
    font-family: var(--font-headline);
    letter-spacing: 1px;
}

.site-header {
    align-items: center;
    box-sizing: border-box;
    color: var(--theme-color-navy);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    padding: 0 24px;
    line-height: 1;
    z-index: 1000
}

.site-header>* {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center
}

.site-header .trigger {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0
}

.site-header .trigger>label {
    padding: 24px
}

.site-header>nav {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    order: 1
}

@media(min-width: 1350px) {
    .site-header>nav {
        padding: 0 10px;
        flex-grow: 1;
        order: unset;
        justify-content: flex-end
    }
}

.site-header>nav>ul>li {
    height: 100%
}

.site-header>nav>ul>li>a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 24px 0
}

@media(min-width: 980px) {
    .site-header {
        padding: 0 108px;
        height: 70px
    }

    .site-header>* {
        padding: 24px
    }

    .site-header h2 {
        padding: 0
    }
}

@media(min-width: 1440px) {
    .site-header {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 108px
    }
}

.site-header>h2 {
    line-height: 0;
    margin: 0;
    flex-grow: 1;
    justify-content: start
}

@media(min-width: 1350px) {
    .site-header>h2 {
        flex-grow: unset
    }
}

.site-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%
}

.site-header li a,
.site-header .optional-dropdown a {
    color: var(--theme-color-navy)
}

.site-header li a:hover,
.site-header .optional-dropdown a:hover {
    color: #374257;
    text-decoration: none
}

.site-header button:hover,
.site-header .trigger:hover,
.site-header .trigger>label:hover {
    cursor: pointer
}

.site-header .go-premium-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    padding: 8px 32px;
    height: auto
}

.site-header .go-premium-btn:focus {
    outline: none
}

.site-header .go-premium-btn:active,
.site-header .go-premium-btn:focus,
.site-header .go-premium-btn:focus-visible,
.site-header .go-premium-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.site-header .go-premium-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.site-header .go-premium-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .site-header .go-premium-btn {
        width: auto !important
    }
}

.site-header .go-premium-btn:active,
.site-header .go-premium-btn:focus,
.site-header .go-premium-btn:focus-visible,
.site-header .go-premium-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.site-header .go-premium-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

@media screen and (min-width: 1350px) {
    .site-header .go-premium-btn.mobile-only {
        display: none
    }
}

@media screen and (max-width: 1349px) {
    .site-header .go-premium-btn.desktop-only {
        display: none
    }
}

.site-header .go-premium-btn.desktop-only .premium-btn-span {
    text-wrap: nowrap
}

.site-header>.go-premium-btn {
    margin-left: 18px;
    padding: 8px 20px
}

.site-header svg {
    fill: #7a7a7a;
    height: 20px;
    width: 20px
}

.site-header .logo {
    line-height: 0;
    vertical-align: middle
}

@media(min-width: 1350px) {
    .site-header .logo {
        width: auto
    }
}

.site-header .logo svg {
    fill: var(--theme-color-primary-hover);
    height: 32px;
    width: 126px
}

.site-header .logo svg:hover {
    opacity: .8
}

@media(min-width: 1350px) {
    .site-header>h2 .logo svg {
        height: 40px;
        width: 165px
    }
}

@media screen and (max-width: 1349px) {
    .site-header .logo-premium {
        display: none
    }
}

.site-header .logo-premium svg {
    fill: #6329ae
}

.site-header .trigger {
    background: #fff
}

@media(min-width: 1350px) {
    .site-header .trigger {
        position: relative;
        width: unset
    }
}

.site-header .trigger>label {
    align-items: center;
    display: flex;
    justify-content: center
}

.site-header .trigger>label>div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

@media screen and (min-width: 1350px) {
    .site-header .trigger>label>div svg {
        display: none
    }
}

@media screen and (max-width: 1349px) {
    .site-header .trigger>label>div span {
        display: none
    }
}

.site-header .trigger.optional-trigger .more-btn svg {
    width: 24px;
    height: 24px
}

.site-header .trigger.optional-trigger .more-btn span {
    margin-right: 10px
}

.site-header .trigger.optional-trigger .more-btn span::after {
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: inherit;
    content: "";
    left: 68px;
    position: absolute;
    top: 48%
}

@media(hover: hover) {
    .site-header .trigger.optional-trigger:hover .more-btn span {
        color: #374257
    }

    .site-header .trigger.optional-trigger:hover .more-btn span::after {
        fill: #374257;
        top: 40%;
        transform: rotate(180deg)
    }

    .site-header .trigger.optional-trigger:hover .dropdown {
        display: flex
    }
}

.site-header input[type=checkbox] {
    display: none
}

.site-header input[type=checkbox]:checked~.dropdown {
    display: block
}

.site-header input[type=checkbox]:checked~.dropdown.optional-dropdown {
    display: flex
}

.site-header .dropdown {
    position: absolute;
    z-index: 3;
    background-color: #fff;
    border-top: 1px solid #e6e4ec;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    cursor: default;
    display: none;
    font-weight: 600;
    left: 0;
    overflow: scroll;
    overflow: initial;
    padding: 20px 32px;
    top: 100%;
    width: 100%
}

.site-header .static-items,
.site-header .optional-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

@media screen and (max-width: 1349px) {

    .site-header .static-items.optional-items-main,
    .site-header .optional-items.optional-items-main {
        display: none
    }
}

.site-header .static-items li,
.site-header .optional-items li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap
}

.site-header .static-items a,
.site-header .optional-items a {
    padding: 0 14px
}

.site-header .optional-items {
    flex-grow: 1;
    flex-wrap: wrap;
    column-gap: 4px;
    height: 100%;
    justify-content: flex-start;
    min-width: 20px;
    overflow: hidden
}

.site-header .optional-items.optional-items-main {
    flex-grow: unset;
    width: unset;
    font-weight: 400;
}

.site-header .optional-items.optional-items-main li.current-menu-item a {
    color: var(--theme-color-primary) !important;
    border-bottom: 3px solid var(--theme-color-primary);
}

.site-header .menu-header-main-container li.current-menu-item a {
    color: var(--theme-color-primary) !important;
    border-bottom: 3px solid var(--theme-color-primary);
}

.site-header .optional-dropdown {
    columns: 2;
    line-height: 175%;
    white-space: nowrap;
    width: 100%;
    flex-direction: column;
    row-gap: 16px;
    max-height: calc(100vh - 70px);
    overflow-y: auto
}

.site-header .optional-dropdown .go-premium-btn {
    margin-top: 16px
}

.site-header .optional-dropdown .optional-dropdown-left {
    order: 1
}

@media(min-width: 980px) {
    .site-header .optional-dropdown {
        row-gap: 24px;
        padding: 20px 108px
    }

    .site-header .optional-dropdown .go-premium-btn {
        margin-top: 24px;
        width: 50% !important
    }
}

@media(min-width: 1350px) {
    .site-header .optional-dropdown {
        flex-direction: row;
        width: auto;
        column-gap: 32px;
        row-gap: unset;
        padding: 20px 32px
    }

    .site-header .optional-dropdown .optional-dropdown-left {
        order: unset
    }

    .site-header .optional-dropdown>div:first-of-type {
        border-right: 1px solid #f7f7f7;
        padding-right: 32px
    }
}

.site-header .optional-dropdown .optional-items {
    flex-direction: column;
    align-items: start
}

@media screen and (min-width: 1350px) {
    .site-header .optional-dropdown .optional-items.mobile-only {
        display: none
    }
}

@media screen and (max-width: 1349px) {
    .site-header .optional-dropdown .optional-items.desktop-only {
        display: none
    }
}

.site-header .optional-dropdown .arrow-round {
    height: 9px;
    width: 9px
}

.site-header .optional-dropdown a,
.site-header .optional-dropdown span {
    break-inside: avoid;
    display: block;
    padding: 0 0 8px 0;
    font-weight: 400
}

.site-header .optional-dropdown a.optional-item-bold,
.site-header .optional-dropdown span.optional-item-bold {
    font-weight: 700
}

.site-header .optional-dropdown a.go-premium-btn,
.site-header .optional-dropdown span.go-premium-btn {
    padding: 8px 32px
}

.site-header .optional-dropdown a.premium-btn-span,
.site-header .optional-dropdown span.premium-btn-span {
    color: #fff;
    padding: 0;
    text-wrap: nowrap
}

.site-header .optional-dropdown span {
    color: var(--theme-color-primary);
    font-weight: 700
}

.header-archive {
    padding: 0;
    margin: 0
}

.header-archive .archive-heading {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

.header-archive .archive-heading h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

.header-archive .archive-heading .category-label {
    font-size: 1.25rem;
    color: var(--theme-color-primary)
}

.header-archive section {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0
}

@media(min-width: 980px) {
    .header-archive section {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        justify-content: flex-start
    }
}

.header-archive section h2 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

.header-archive section h2 h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

.header-archive p {
    color: var(--theme-color-navy);
    font-size: 1.0625em;
    font-weight: 200;
    line-height: 1.4;
    margin: 0;
    padding-left: 0;
    text-align: justify
}

.header-archive .related-topics ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    padding: 0
}

@media(min-width: 980px) {
    .header-archive .related-topics ul {
        padding: .5rem 0
    }
}

.header-archive .related-topics ul li {
    margin: .5rem 1.25rem 0 0
}

@media(min-width: 980px) {
    .header-archive .related-topics ul li {
        margin: .5rem 0 0 1.25rem
    }
}

.header-archive .related-topics ul li a {
    color: var(--theme-color-navy);
    font-size: 1em
}

.header-archive .related-topics ul li a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.header-archive .related-topics ul li:first-of-type {
    color: var(--theme-color-primary-hover);
    font-size: .875em;
    font-weight: 800;
    margin-left: 0;
    text-transform: uppercase
}

.list-block-icons {
    margin-bottom: 2rem;
    width: 100%
}

.list-block-icons ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width: 980px) {
    .list-block-icons ul {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.list-block-icons ul li {
    text-align: center
}

@media(min-width: 980px) {
    .list-block-icons ul li {
        max-width: 48%
    }

    .list-block-icons ul li:nth-child(odd) {
        margin-right: 1rem
    }
}

.list-block-icons-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
    text-align: center
}

@media(min-width: 980px) {
    .list-block-icons-item {
        margin-bottom: 0
    }
}

.list-block-icons-item a {
    color: var(--theme-color-navy)
}

.list-block-icons-item p {
    margin: 0
}

@media(min-width: 980px) {
    .list-block-icons-item p {
        margin: 0 0 .625rem;
        min-height: 8rem
    }
}

.list-block-icons-item svg {
    fill: var(--theme-color-secondary);
    height: 4rem;
    width: 4rem
}

.list-block-icons-item svg circle {
    stroke: var(--theme-color-secondary);
    stroke-width: 2
}

.list-block-icons-item h3 {
    color: var(--theme-color-navy);
    font-size: 1.5em;
    margin: 0
}

.list-block-icons-item h3 span {
    display: flex
}

.list-chosen.list-card ul,
.list-chosen.list-card-alt ul {
    margin: 0
}

.list-chosen.list-card ul li,
.list-chosen.list-card-alt ul li {
    list-style: none
}

.list-chosen.list-card ul li article,
.list-chosen.list-card-alt ul li article {
    position: relative;
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    row-gap: 0;
    display: grid;
    grid-template-rows: auto auto;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    color: var(--theme-color-navy)
}

.list-chosen.list-card ul li article header,
.list-chosen.list-card-alt ul li article header {
    overflow: hidden;
    font-weight: 700
}

.list-chosen.list-card ul li article header .article-section,
.list-chosen.list-card ul li article header .category-title,
.list-chosen.list-card-alt ul li article header .article-section,
.list-chosen.list-card-alt ul li article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.list-chosen.list-card ul li article header .headline,
.list-chosen.list-card ul li article header a,
.list-chosen.list-card-alt ul li article header .headline,
.list-chosen.list-card-alt ul li article header a {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.list-chosen.list-card ul li article .group,
.list-chosen.list-card-alt ul li article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.list-chosen.list-card ul li article .group footer,
.list-chosen.list-card-alt ul li article .group footer {
    display: flex;
    flex-direction: column
}

.list-chosen.list-card ul li article .group footer .byline,
.list-chosen.list-card-alt ul li article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.list-chosen.list-card ul li article .group footer .byline::after,
.list-chosen.list-card-alt ul li article .group footer .byline::after {
    display: none
}

.list-chosen.list-card ul li article .group footer .byline a,
.list-chosen.list-card-alt ul li article .group footer .byline a {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.list-chosen.list-card ul li article .group footer .byline .date-published>span,
.list-chosen.list-card ul li article .group footer .byline .date-modified,
.list-chosen.list-card-alt ul li article .group footer .byline .date-published>span,
.list-chosen.list-card-alt ul li article .group footer .byline .date-modified {
    display: none
}

.list-chosen.list-card ul li article figure,
.list-chosen.list-card-alt ul li article figure {
    margin: 0;
    width: 100%;
    overflow: hidden
}

.list-chosen.list-card ul li article figure figcaption,
.list-chosen.list-card-alt ul li article figure figcaption {
    display: none
}

.list-chosen.list-card ul li article .group,
.list-chosen.list-card-alt ul li article .group {
    padding: 20px
}

.list-chosen.list-card ul li article .group header .category-title,
.list-chosen.list-card-alt ul li article .group header .category-title {
    display: none
}

.list-chosen.list-card ul li article .group header .headline a,
.list-chosen.list-card-alt ul li article .group header .headline a {
    color: var(--theme-color-navy)
}

.list-chosen.list-card ul li article .group header .headline a:hover,
.list-chosen.list-card-alt ul li article .group header .headline a:hover {
    color: #374257
}

.list-chosen.list-card ul li article .group .abstract,
.list-chosen.list-card-alt ul li article .group .abstract {
    margin-bottom: 0
}

.list-chosen.list-card ul li article .group footer .url,
.list-chosen.list-card ul li article .group footer .view-category,
.list-chosen.list-card-alt ul li article .group footer .url,
.list-chosen.list-card-alt ul li article .group footer .view-category {
    display: none
}

.list-chosen.list-card ul {
    display: flex;
    gap: 5px;
    flex-direction: column
}

.list-chosen.list-card ul li article figure {
    border-radius: 8px 8px 0px 0px
}

.list-chosen.list-card ul li article .group {
    padding: 16px 20px 20px 20px
}

.list-chosen.list-card ul li article .group header a {
    margin-top: 4px;
    margin-bottom: 10px
}

.list-chosen.list-card ul li article .group .abstract {
    display: none
}

.list-chosen.list-card-alt ul li article figure {
    grid-row: 2/2;
    margin-bottom: 0;
    border-radius: 0px 0px 8px 8px
}

.list-chosen.list-card-alt ul li article header a {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 125%
}

@media only screen and (max-width: 1230px) {
    .list-chosen.list-card-alt ul li article header a {
        font-size: 24px
    }
}

.list-chosen.list-card-alt ul li article .abstract>p {
    margin-top: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.list-featured {
    font-weight: 300
}

.list-featured button.load-more {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    display: block;
    margin: 0 auto
}

.list-featured button.load-more:focus {
    outline: none
}

.list-featured button.load-more:active,
.list-featured button.load-more:focus,
.list-featured button.load-more:focus-visible,
.list-featured button.load-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.list-featured button.load-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.list-featured button.load-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.list-featured button.load-more span {
    position: relative;
    transform: translate(0, 1px)
}

.list-featured button.load-more:active,
.list-featured button.load-more:focus,
.list-featured button.load-more:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.list-featured button.load-more:active {
    transform: scale(0.9)
}

.list-featured p {
    margin: 0
}

.list-featured p.item-excerpt {
    margin-bottom: .3125rem
}

.list-featured ul {
    margin: 0 0 1.25rem
}

.list-featured li {
    display: flex;
    margin-bottom: 40px
}

.list-featured article {
    /* column-gap: 108px; */
    column-gap: 20px;
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0
}

.list-featured article header {
    overflow: hidden
}

.list-featured article header .article-section {
    display: none
}

.list-featured article .headline {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: -5px 0 5px 0;
    padding: 0
}

@media(min-width: 980px) {
    .list-featured article .headline {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px
    }
}

.list-featured article .headline a {
    color: var(--theme-color-navy)
}

.list-featured article .headline a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.list-featured article .is-premium-flag {
    position: relative
}

.list-featured article .is-premium-flag svg {
    fill: var(--theme-color-primary);
    height: 28px;
    width: 125px
}

.list-featured article .is-premium-flag::after {
    background: var(--theme-color-primary);
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100vw
}

.list-featured article .article-summary {
    display: none
}

@media(min-width: 980px) {
    .list-featured article .article-summary {
        display: block
    }
}

.list-featured article .article-summary p {
    line-height: 28px;
    margin-bottom: 5px
}

.list-featured article footer {
    color: #778596
}

.list-featured article footer .byline::after {
    color: #c7c0ce;
    /* content: " ·"; */
    font-size: 20px;
    line-height: 1rem
}

.list-featured article section {
    margin-bottom: 0
}

.list-featured article .byline {
    display: inline
}

.list-featured article .byline a:focus,
.list-featured article .byline a:focus-visible,
.list-featured article .byline a:hover {
    color: #0c1417;
    text-decoration: none
}

.list-featured article .date-modified {
    display: none
}

.list-featured article .view-category {
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    display: block;
    text-transform: uppercase
}

.list-featured figure {
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0;
    max-width: 270px;
    width: 60px
}

@media(min-width: 980px) {
    .list-featured figure {
        width: 170px
    }
}

@media(min-width: 1230px) {
    .list-featured figure {
        width: 270px
    }
}

.list-featured figure .image {
    display: block;
    height: auto;
    position: relative;
    width: 100%
}

.list-featured figure .image::after {
    background: #1865a8;
    background: linear-gradient(to bottom, #1865a8 0%, #58aefa 100%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s
}

.list-featured figure .image:hover::after {
    opacity: 0
}

.list-featured figure.resource-img:not(.has-placeholder) {
    background-color: var(--theme-color-primary-hover);
    max-height: 45px;
    overflow: hidden;
    position: relative
}

@media(min-width: 980px) {
    .list-featured figure.resource-img:not(.has-placeholder) {
        max-height: 127px
    }
}

@media(min-width: 1230px) {
    .list-featured figure.resource-img:not(.has-placeholder) {
        max-height: 203px
    }
}

.list-featured figure.resource-img:not(.has-placeholder) a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.list-featured figure.resource-img:not(.has-placeholder) picture {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    position: absolute;
    top: 0
}

.list-featured figure.resource-img:not(.has-placeholder) img {
    display: none;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    right: 50%;
    transform: translate(-50%, 0);
    width: auto !important
}

.list-featured .premium-banner {
    position: relative
}

.list-featured .premium-banner svg {
    fill: #6329ae;
    height: 28px;
    width: 125px
}

.list-featured .premium-banner::before {
    background-color: #6329ae;
    content: "";
    height: 1px;
    left: 135px;
    position: absolute;
    right: 0;
    top: 37%
}

.list-featured.list-excerpt figure,
.list-featured.list-excerpt-alt figure {
    width: 60px
}

@media(min-width: 980px) {

    .list-featured.list-excerpt figure,
    .list-featured.list-excerpt-alt figure {
        width: 170px
    }
}

@media(min-width: 1230px) {
    .list-featured.list-excerpt figure {
        width: 270px
    }
}

.list-featured.list-excerpt-alt figure {
    grid-column: 2/3
}

.list-featured.list-excerpt-alt article {
    grid-template-columns: 1fr auto;
    width: 100%
}

.list-featured.list-excerpt-alt article .view-category {
    display: none
}

.list-featured #native-big-grid,
.list-featured #native-main-well {
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

.list-featured.list-heading-alt li:not(:last-child),
.list-featured.list-heading li:not(:last-child) {
    border-bottom: solid 1px #dedede;
    padding-bottom: 21px;
    margin-bottom: 21px
}

.list-featured.list-heading-alt li figure,
.list-featured.list-heading li figure {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

.list-featured.list-heading-alt li figure .image,
.list-featured.list-heading li figure .image {
    height: 100%
}

.list-featured.list-heading-alt li figure .image img,
.list-featured.list-heading li figure .image img {
    height: 100%;
    object-fit: cover
}

.list-featured.list-heading-alt li .headline a,
.list-featured.list-heading li .headline a {
    color: var(--theme-color-navy)
}

.list-featured.list-heading-alt li .headline a:hover,
.list-featured.list-heading li .headline a:hover {
    color: #374257
}

.list-featured.list-heading-alt article {
    grid-template-columns: 1fr auto;
    column-gap: 24px;
    width: 100%;
    color: var(--theme-color-navy)
}

.list-featured.list-heading-alt article figure {
    grid-column: 2/3
}

.list-featured.list-heading-alt article .headline {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.list-featured.list-heading-alt article footer {
    font-size: .87rem;
    color: var(--theme-color-navy)
}

.list-featured.list-heading-alt article footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.list-featured.list-heading-alt article footer .byline::after {
    display: none
}

.list-featured.list-heading-alt article footer .byline a {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.list-featured.list-heading-alt article .category-title,
.list-featured.list-heading-alt article .abstract,
.list-featured.list-heading-alt article .view-category {
    display: none
}

@media only screen and (min-width: 980px)and (max-width: 1230px) {
    .list-featured.list-heading-alt article {
        column-gap: 0
    }

    .list-featured.list-heading-alt article figure {
        display: none
    }
}

.list-featured.list-card {
    overflow: hidden
}

.list-featured.list-card ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list-featured.list-card li {
    flex: 1;
    max-width: 213px;
    width: 100%
}

@media(min-width: 1230px) {
    .list-featured.list-card li {
        max-width: 270px
    }
}

@media(max-width: 980px) {
    .list-featured.list-card {
        margin-right: -10px
    }

    .list-featured.list-card ul {
        display: block;
        white-space: nowrap;
        width: auto
    }

    .list-featured.list-card ul li {
        display: inline-block;
        max-width: none;
        padding-right: 20px;
        width: 70vw
    }
}

.list-featured.list-card .headline {
    margin-top: 0
}

.list-featured.list-card article {
    grid-template-columns: auto;
    grid-template-rows: auto auto 1fr;
    width: 100%
}

.list-featured.list-card article .abstract {
    display: none
}

.list-featured.list-card article .byline {
    display: block;
    font-size: 14px
}

.list-featured.list-card article .byline a {
    color: #778596
}

.list-featured.list-card article .byline::after,
.list-featured.list-card article .url,
.list-featured.list-card article .view-category {
    display: none
}

.list-featured.list-card article figure {
    grid-row: 1/1;
    margin-bottom: 1rem;
    width: 100%
}

@media(max-width: 980px) {
    .list-featured.list-card article figure {
        max-width: 100%
    }

    .list-featured.list-card article figure img {
        height: auto
    }
}

.list-featured.list-card article figure.resource-img:not(.has-placeholder) {
    height: 203px;
    width: 100%
}

@media(min-width: 980px) {
    .list-featured.list-card article figure.resource-img:not(.has-placeholder) {
        max-width: 213px
    }
}

@media(min-width: 1230px) {
    .list-featured.list-card article figure.resource-img:not(.has-placeholder) {
        max-width: 270px
    }
}

.list-featured.list-card article h3 {
    font-size: 16px;
    line-height: 1.25
}

.is-premium .section-heading span {
    padding-top: 0
}

.is-premium article .headline a:hover {
    color: #f60
}

.is-premium article .is-premium-flag,
.is-premium article .byline,
.is-premium article .date-published,
.is-premium article .view-category svg {
    display: none
}

.is-premium article .view-category span {
    color: #e6e4ec
}

.is-premium .list-featured.list-card {
    width: 100%
}

@media(max-width: 980px) {
    .is-premium .list-featured.list-card {
        margin-right: 0
    }

    .is-premium .list-featured.list-card ul {
        display: flex;
        flex-wrap: wrap
    }

    .is-premium .list-featured.list-card ul li {
        flex: 0 1 calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .is-premium .list-featured.list-card ul li article header {
        white-space: normal
    }
}

@media(max-width: 640px) {
    .is-premium .list-featured.list-card ul {
        display: block;
        white-space: normal
    }

    .is-premium .list-featured.list-card ul li {
        width: 100%
    }
}

.is-premium .list-featured.list-card figure {
    max-height: none;
    width: 100%
}

@media(max-width: 980px) {
    .is-premium .upcoming-content {
        margin-bottom: 2rem
    }
}

.area-resource-library .list-featured {
    color: #47515a
}

@media(max-width: 980px) {
    .area-resource-library .list-featured li {
        border-bottom: 1px solid #e6e4ec;
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }

    .area-resource-library .list-featured li .button {
        display: none
    }
}

.area-resource-library .list-featured article {
    display: flex;
    flex-direction: column;
    width: 100%
}

.area-resource-library .list-featured article .view-category,
.area-resource-library .list-featured article figure {
    display: none
}

.area-resource-library .list-featured article header {
    order: 0
}

.area-resource-library .list-featured article footer {
    order: 1
}

.area-resource-library .list-featured article section {
    order: 2
}

.area-resource-library .list-featured article p {
    line-height: 1.5;
    margin-bottom: 10px
}

.area-resource-library .list-featured li {
    align-items: flex-start;
    flex-direction: column
}

.area-resource-library .list-featured .button {
    order: 99;
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    border-width: 2px;
    font-weight: 500;
    justify-content: center;
    min-width: 140px;
    width: 15ch;
    text-transform: uppercase
}

.area-resource-library .list-featured .button:focus {
    outline: none
}

.area-resource-library .list-featured .button:active,
.area-resource-library .list-featured .button:focus,
.area-resource-library .list-featured .button:focus-visible,
.area-resource-library .list-featured .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.area-resource-library .list-featured .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.area-resource-library .list-featured .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.area-resource-library .list-featured .button:focus-visible,
.area-resource-library .list-featured .button:hover {
    background: var(--theme-color-secondary);
    box-shadow: none;
    color: #fff
}

@media(max-width: 980px) {
    .area-resource-library .list-featured .button {
        display: none
    }
}

.area-resource-library .list-featured .button.is-premium {
    border-color: #6329ae;
    color: #6329ae
}

.area-resource-library .list-featured .button.is-premium:hover,
.area-resource-library .list-featured .button.is-premium:focus,
.area-resource-library .list-featured .button.is-premium:focus-visible {
    background: #6329ae;
    color: #fff
}

.area-resource-library .list-featured .headline {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 0
}

@media(min-width: 980px) {
    .area-resource-library .list-featured .headline {
        font-size: 30px
    }
}

.list-featured-editors-picks {
    margin-bottom: 50px
}

.list-featured-editors-picks .is-premium-flag {
    display: none
}

.list-featured-editors-picks .list-featured ul {
    display: flex;
    flex-wrap: wrap
}

.list-featured-editors-picks .list-featured li {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 50%
}

.list-featured-editors-picks .list-featured li article {
    display: flex;
    flex-direction: column
}

.list-featured-editors-picks .list-featured li article figure {
    margin-bottom: 20px;
    width: 100%
}

.list-featured-editors-picks .list-featured li .article-summary,
.list-featured-editors-picks .list-featured li footer {
    display: none
}

.list-featured-editors-picks .list-featured li .headline {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 0
}

@media(min-width: 980px) {
    .list-featured-editors-picks.orientation-vertical .list-featured ul {
        display: block
    }
}

@media(min-width: 980px) {
    .list-featured-editors-picks.orientation-vertical .list-featured li {
        padding: 0;
        width: 100%
    }
}

@media(min-width: 980px) {
    .list-featured-editors-picks.orientation-vertical .list-featured li article {
        column-gap: 30px;
        display: grid;
        grid-template-rows: repeat(2, auto)
    }
}

.list-featured-editors-picks.orientation-vertical .list-featured li article header,
.list-featured-editors-picks.orientation-vertical .list-featured li article figure {
    grid-row: 1/2
}

.list-featured-editors-picks.orientation-vertical .list-featured li article header {
    margin: 0;
    padding: 0
}

@media(max-width: 980px) {
    .list-featured-editors-picks.orientation-vertical .list-featured li article figure {
        max-width: 100%
    }
}

@media(min-width: 980px) {
    .list-featured-editors-picks.orientation-vertical .list-featured li article figure {
        margin-bottom: 0;
        width: 180px
    }
}

@media(min-width: 980px) {
    .list-featured-editors-picks.orientation-horizontal .list-featured li {
        padding: 0 30px 0 0;
        width: 16.6666%
    }
}

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

.icon-list a {
    color: #bbdef4;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none
}

.icon-list li {
    align-items: center;
    display: flex;
    margin-bottom: 1rem;
    position: relative
}

.icon-list li:last-child {
    margin-bottom: 0
}

.icon-list li svg {
    display: flex;
    flex: 0 0 3rem;
    margin-right: 1rem
}

.list-icons {
    background: #32689c;
    color: #fff
}

.list-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 10px 0 0
}

.list-icons a {
    color: #bbdef4;
    text-decoration: none
}

.list-icons li {
    display: flex;
    padding: 10px 10px 20px
}

.list-icons svg {
    fill: #fff;
    height: 20px;
    width: 20px
}

.list-icons svg.paperclip {
    transform: rotate(40deg)
}

.list-icons h2 {
    background: var(--theme-color-primary-hover);
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
    padding: 18px;
    text-transform: uppercase
}

.list-icons h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 18.7px;
    margin-bottom: 0
}

.list-icons h3 a {
    color: inherit
}

.list-icons p {
    color: #a8b2bf;
    font-size: 14px;
    margin: 0
}

.list-icons p a:hover {
    color: #fff
}

.list-icons .icon {
    margin: 0 20px 0 10px
}

.list-icons .content {
    width: calc(100% - 75px)
}

.list-icons .view-more {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    font-size: .75rem
}

.list-icons .view-more:focus {
    outline: none
}

.list-icons .view-more:active,
.list-icons .view-more:focus,
.list-icons .view-more:focus-visible,
.list-icons .view-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.list-icons .view-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.list-icons .view-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.list-newsletters-item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-direction: column-reverse;
    width: 100%
}

@media(min-width: 640px) {
    .list-newsletters-item {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 33.125rem;
        position: relative;
        overflow: hidden
    }
}

.list-newsletters-item .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    margin: 0;
    width: 100%
}

@media(min-width: 640px) {
    .list-newsletters-item .content {
        height: 100%;
        flex: 1;
        min-width: 50%;
        width: unset
    }
}

@media(min-width: 980px) {
    .list-newsletters-item .content {
        min-width: unset
    }
}

.list-newsletters-item .content .copy {
    padding: 1.875rem
}

@media(min-width: 640px) {
    .list-newsletters-item .content .copy {
        height: 13rem
    }
}

@media(min-width: 980px) {
    .list-newsletters-item .content .copy {
        height: 15rem
    }
}

.list-newsletters-item .content .copy h3 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-primary-hover);
    font-weight: 200
}

.list-newsletters-item .content .copy p {
    font-size: .75em;
    font-weight: 300;
    margin: 0 0 .5rem 0
}

@media(min-width: 980px) {
    .list-newsletters-item .content .copy p {
        font-size: 1em
    }
}

.list-newsletters-item .content .copy .interval {
    font-size: .75em
}

.list-newsletters-item .content footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #e4eaef;
    box-sizing: border-box;
    padding: 1.875rem;
    width: 100%
}

.list-newsletters-item .content footer form {
    display: block;
    width: calc(100% - 3.75rem)
}

.list-newsletters-item .content footer a.subscribe,
.list-newsletters-item .content footer button.subscribe,
.list-newsletters-item .content footer label.subscribe {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    display: block;
    border-radius: 0;
    height: auto;
    width: 100%
}

.list-newsletters-item .content footer a.subscribe:focus,
.list-newsletters-item .content footer button.subscribe:focus,
.list-newsletters-item .content footer label.subscribe:focus {
    outline: none
}

.list-newsletters-item .content footer a.subscribe:active,
.list-newsletters-item .content footer a.subscribe:focus,
.list-newsletters-item .content footer a.subscribe:focus-visible,
.list-newsletters-item .content footer a.subscribe:hover,
.list-newsletters-item .content footer button.subscribe:active,
.list-newsletters-item .content footer button.subscribe:focus,
.list-newsletters-item .content footer button.subscribe:focus-visible,
.list-newsletters-item .content footer button.subscribe:hover,
.list-newsletters-item .content footer label.subscribe:active,
.list-newsletters-item .content footer label.subscribe:focus,
.list-newsletters-item .content footer label.subscribe:focus-visible,
.list-newsletters-item .content footer label.subscribe:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.list-newsletters-item .content footer a.subscribe:active,
.list-newsletters-item .content footer button.subscribe:active,
.list-newsletters-item .content footer label.subscribe:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.list-newsletters-item .content footer a.subscribe:disabled,
.list-newsletters-item .content footer button.subscribe:disabled,
.list-newsletters-item .content footer label.subscribe:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.list-newsletters-item .content footer a.subscribe:hover,
.list-newsletters-item .content footer button.subscribe:hover,
.list-newsletters-item .content footer label.subscribe:hover {
    cursor: pointer
}

.list-newsletters-item .content footer a.subscribe.active,
.list-newsletters-item .content footer button.subscribe.active,
.list-newsletters-item .content footer label.subscribe.active {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: var(--theme-color-navy)
}

.list-newsletters-item .content footer a.subscribe.active:hover,
.list-newsletters-item .content footer button.subscribe.active:hover,
.list-newsletters-item .content footer label.subscribe.active:hover {
    background: #e0e0e0;
    border: 1px solid #e0e0e0
}

.list-newsletters-item .content footer a.subscribe,
.list-newsletters-item .content footer label.subscribe {
    margin: 0 1.875rem
}

.list-newsletters-item .img-placeholder {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 15rem;
    margin: 0;
    width: 100%
}

@media(min-width: 640px) {
    .list-newsletters-item .img-placeholder {
        height: 100%;
        flex: 1;
        padding: 1.875rem
    }
}

@media(min-width: 980px) {
    .list-newsletters-item .img-placeholder {
        flex: 2
    }
}

.list-newsletters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    width: 100%
}

.list-newsletters:last-child {
    margin-bottom: 0
}

.list-newsletters li {
    width: 100%
}

.horizontal-list-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width: 980px) {
    .horizontal-list-icons ul {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .horizontal-list-icons ul li {
        padding-bottom: 0
    }
}

.horizontal-list-icons ul li {
    display: inline-flex;
    flex: 1;
    padding-bottom: .75rem
}

@media(min-width: 980px) {
    .horizontal-list-icons ul li {
        padding-bottom: 1rem
    }
}

.horizontal-list-icons ul li article {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.horizontal-list-icons ul li article a {
    padding-right: 1rem
}

.horizontal-list-icons ul li article a svg {
    fill: var(--theme-color-primary-hover);
    height: 1.25rem;
    position: relative;
    top: .25rem;
    width: 1.25rem
}

.horizontal-list-icons ul li article .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.horizontal-list-icons ul li article .content h3 {
    line-height: 1.3;
    margin: 0
}

.horizontal-list-icons ul li article .content h3 a {
    color: var(--theme-color-navy)
}

.horizontal-list-icons ul li article .content h3 a:hover {
    color: var(--theme-color-navy);
    text-decoration: underline
}

.horizontal-list-icons ul li article .content p {
    color: #778596;
    font-size: .8125em;
    font-weight: 300;
    margin: 0
}

.horizontal-list-icons ul li article .content p a {
    color: var(--theme-color-primary-hover);
    margin: 0;
    padding: 0
}

.horizontal-list-icons ul li article .content p a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: underline
}

.horizontal-list-icons ul li article .content p .byline {
    display: inline
}

.article-list-simple article figure,
.article-list-simple article .article-section,
.article-list-simple article .article-summary,
.article-list-simple article footer {
    display: none
}

.article-list-simple ul {
    list-style-type: disc;
    margin-bottom: 2rem
}

@media(min-width: 980px) {
    .article-list-simple ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }
}

.article-list-simple li {
    display: list-item
}

@media(min-width: 980px) {
    .article-list-simple li {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 calc(50% - .5rem);
        margin: 0 1rem .5rem 0
    }

    .article-list-simple li:nth-child(2n) {
        margin-right: 0
    }
}

.article-list-simple h3 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 980px) {
    .article-list-simple h3 a {
        color: var(--theme-color-navy)
    }
}

.pagination {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: center;
    padding: 2rem 0
}

@media(min-width: 640px) {
    .pagination {
        justify-content: flex-start
    }
}

@media(min-width: 980px) {
    .pagination {
        justify-content: space-between
    }
}

.pagination .pagination-links {
    display: flex;
    justify-content: center;
    width: 100%
}

@media(min-width: 640px) {
    .pagination .pagination-links {
        justify-content: flex-start
    }
}

.pagination .pagination-links ul {
    list-style: none;
    display: flex;
    gap: .5rem;
    margin: 0
}

.pagination .pagination-links ul li {
    font-size: .875rem
}

.pagination .pagination-links ul li span:not(.ellipsis),
.pagination .pagination-links ul li a {
    border: 1px solid var(--theme-color-primary);
    border-radius: 100%;
    aspect-ratio: 1/1
}

.pagination .pagination-links ul li span:not(.ellipsis).current,
.pagination .pagination-links ul li a.current {
    border: none;
    background: linear-gradient(180deg, var(--theme-color-primary) 0%, rgba(8, 107, 219, 0.5) 100%);
    color: #fff
}

.pagination .pagination-links ul li span:not(.ellipsis):hover:not(.current),
.pagination .pagination-links ul li a:hover:not(.current) {
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    background-color: rgba(8, 107, 219, .1)
}

.pagination .pagination-links ul li:last-of-type {
    margin-right: .625rem
}

.pagination .pagination-links ul li span.ellipsis {
    box-sizing: border-box;
    height: 100%
}

.pagination span:not(.page-count),
.pagination a {
    color: var(--theme-color-primary);
    align-items: center;
    display: flex;
    justify-content: center;
    transition: none;
    width: 1.875rem;
    padding: .4375rem;
    height: 37px;
}

.pagination span:not(.page-count),
.pagination span:not(.page-count):hover,
.pagination span:not(.page-count):focus,
.pagination span:not(.page-count):active,
.pagination a,
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
    text-decoration: none
}

.pagination .page-count {
    text-wrap: nowrap;
    color: var(--theme-color-navy)
}

@media screen and (max-width: 979px) {
    .pagination .page-count {
        display: none
    }
}

.listicle .view-more {
    font-weight: 700
}

@media(min-width: 980px) {
    .listicle .view-more {
        border: none;
        display: inline-flex;
        padding: .5rem 2rem;
        border-radius: 1.875rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.75;
        box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
        background-color: #cf3a09;
        color: #fff;
        flex-wrap: wrap;
        width: 12.5rem
    }

    .listicle .view-more:focus,
    .listicle .view-more:focus-visible,
    .listicle .view-more:hover {
        box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
        cursor: pointer;
        text-decoration: none;
        transition: ease-out .025s;
        transition-property: box-shadow, background-color
    }

    .listicle .view-more:focus,
    .listicle .view-more:focus-visible,
    .listicle .view-more:hover {
        background-color: #fe693c
    }
}

.listicle.listicle-item {
    margin-bottom: 30px
}

.listicle.listicle-item::before {
    content: "";
    display: block;
    height: 100px;
    margin-top: -100px;
    position: relative;
    visibility: hidden;
    width: 0
}

.ta-comparison-table .listicle.listicle-button {
    display: inline-block
}

.ta-comparison-table .listicle.listicle-button .view-more {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff;
    padding: .25rem 1rem;
    font-size: 1rem;
    width: auto;
    line-height: 1.75em
}

.ta-comparison-table .listicle.listicle-button .view-more:focus,
.ta-comparison-table .listicle.listicle-button .view-more:focus-visible,
.ta-comparison-table .listicle.listicle-button .view-more:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.ta-comparison-table .listicle.listicle-button .view-more:focus,
.ta-comparison-table .listicle.listicle-button .view-more:focus-visible,
.ta-comparison-table .listicle.listicle-button .view-more:hover {
    background-color: #fe693c
}

.ta-comparison-table .listicle.listicle-hyperlink {
    display: inline-block
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more {
    color: var(--theme-color-secondary);
    font-size: 13px;
    font-weight: bold;
    line-height: 1.25rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .5rem;
    background-color: rgba(0, 0, 0, 0);
    color: #cf3a09;
    box-shadow: unset;
    padding: unset;
    font-size: .875rem;
    width: auto;
    text-transform: unset;
    text-align: center
}

@media(min-width: 980px) {
    .ta-comparison-table .listicle.listicle-hyperlink .view-more {
        line-height: 1.5rem
    }
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more svg {
    fill: var(--theme-color-secondary);
    height: 1.25rem;
    margin-right: .3125rem;
    transition: transform ease-out .05s;
    vertical-align: middle;
    width: 1.25rem
}

@media(min-width: 980px) {
    .ta-comparison-table .listicle.listicle-hyperlink .view-more svg {
        height: 1.5rem;
        width: 1.5rem
    }
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more:active,
.ta-comparison-table .listicle.listicle-hyperlink .view-more:focus,
.ta-comparison-table .listicle.listicle-hyperlink .view-more:hover {
    outline: none;
    text-decoration: underline
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more:active span {
    color: var(--theme-color-secondary-hover)
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more:active svg {
    fill: var(--theme-color-secondary-hover);
    transform: scale(0.9)
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more .button-svg {
    display: flex;
    line-height: 1.125rem
}

.ta-comparison-table .listicle.listicle-hyperlink .view-more svg,
.ta-comparison-table .listicle.listicle-hyperlink .view-more:active svg {
    height: .625rem;
    width: .75rem;
    fill: #cf3a09;
    margin: 0
}

.listicle-precap {
    margin-bottom: 1.25rem
}

.listicle-precap .listicle-precap-item {
    padding: .1rem 0
}

.listicle-precap a {
    text-decoration: none;
    font-weight: 700
}

.listicle-precap a:hover {
    color: var(--theme-color-navy)
}

.listicle-precap .listicle-more-items {
    border-top: 1px solid #e6e4ec;
    padding: .75rem 0 0
}

.listicle-precap .listicle-more-items .listicle-precap-item:first-child {
    border-top: 0;
    padding-top: 0
}

.listicle-precap .listicle-more-items ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none
}

.listicle-precap #more-items-trigger {
    display: none
}

.listicle-precap #more-items-trigger:checked~label {
    display: none
}

.listicle-precap #more-items-trigger:checked~ul {
    display: block
}

.listicle-precap label[for=more-items-trigger] {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500
}

.listicle-precap label[for=more-items-trigger]:hover {
    color: var(--theme-color-primary)
}

.link-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2rem
}

.link-tabs li {
    margin: 0 .3rem .3rem 0
}

.link-tabs a {
    border: 1px solid #e4eaef;
    font-size: 12px;
    font-weight: 900;
    outline: 0;
    padding: 1rem;
    text-transform: uppercase;
    white-space: nowrap
}

.link-tabs a:focus-visible {
    border: 1px solid var(--theme-color-primary-hover)
}

.link-tabs a:hover,
.link-tabs a.active {
    background-color: var(--theme-color-primary-hover);
    border-color: var(--theme-color-primary-hover);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rbg(0 0 0/30%)
}

.link-tabs a:hover:focus-visible,
.link-tabs a.active:focus-visible {
    background: #bbdef4;
    color: #32689c
}

@media(min-width: 980px) {
    .link-tabs a {
        padding: .6rem 1.2rem
    }
}

.hero {
    border-bottom: 1px solid #e4eaef;
    padding-bottom: .5rem;
    width: 100%
}

.hero h2 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-primary-hover);
    font-size: 1.6875em;
    margin: 0
}

@media(min-width: 980px) {
    .hero h2 {
        font-size: 2.625em
    }
}

.share-bar ul {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0
}

.share-bar ul li {
    align-items: center;
    border: 1px solid var(--theme-color-primary);
    border-radius: .375rem;
    box-sizing: border-box;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    width: 1.875rem
}

.share-bar ul li:last-child {
    margin-right: 0
}

.share-bar ul li svg {
    fill: var(--theme-color-primary)
}

.share-bar ul li a,
.share-bar ul li label.open-label .label-content-wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.share-bar ul li a:hover,
.share-bar ul li label.open-label .label-content-wrap:hover {
    opacity: .5
}

.share-bar ul li .share-email-modal-trigger {
    height: 100%;
    width: 100%
}

.share-bar ul li .share-email-modal-trigger h2,
.share-bar ul li .share-email-modal-trigger p {
    color: #fff
}

.share-bar ul li label.open-label {
    height: 100%;
    width: 100%
}

.share-bar ul li svg {
    height: 16px;
    width: 16px
}

.archive .share-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 1rem 0
}

@media(min-width: 980px) {
    .archive .share-bar ul {
        margin: 1rem 0
    }
}

.archive .share-bar ul::after {
    display: none
}

.archive .share-bar ul li {
    align-items: center;
    border: 0;
    display: inline-flex;
    height: auto;
    justify-content: flex-start;
    margin-left: 1.25rem;
    width: auto
}

.archive .share-bar ul li:first-of-type {
    margin-left: 0
}

@media(min-width: 980px) {
    .archive .share-bar ul li:first-of-type {
        margin-left: 1.25rem
    }
}

.archive .share-bar ul li a>svg,
.archive .share-bar ul li a .label-content-wrap svg,
.archive .share-bar ul li .share-email-modal-trigger>svg,
.archive .share-bar ul li .share-email-modal-trigger .label-content-wrap svg {
    fill: var(--theme-color-primary-hover);
    height: 1em;
    width: 1em
}

.archive .share-bar ul li a:hover,
.archive .share-bar ul li a .label-content-wrap:hover,
.archive .share-bar ul li .share-email-modal-trigger:hover,
.archive .share-bar ul li .share-email-modal-trigger .label-content-wrap:hover {
    opacity: 1
}

.archive .share-bar ul li a:hover svg,
.archive .share-bar ul li a .label-content-wrap:hover svg,
.archive .share-bar ul li .share-email-modal-trigger:hover svg,
.archive .share-bar ul li .share-email-modal-trigger .label-content-wrap:hover svg {
    opacity: .8
}

.list-categories {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.list-categories li {
    display: flex;
    list-style: none;
    margin: 0 10px 10px 0
}

.list-categories a {
    border: 2px solid var(--theme-color-primary-hover);
    color: var(--theme-color-primary-hover);
    font-size: 14px;
    font-weight: 800;
    padding: 5px;
    text-transform: uppercase;
    white-space: nowrap
}

.list-categories a:hover {
    border-color: var(--theme-color-navy);
    color: var(--theme-color-navy);
    text-decoration: none
}

.list-categories a.primary {
    border-color: #778596;
    color: #778596
}

.list-categories a.primary:hover {
    border-color: var(--theme-color-navy);
    color: var(--theme-color-navy);
    text-decoration: none
}

@media(max-width: 980px) {
    .section-list-topics {
        display: none
    }
}

.list-topics {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    font-size: 18px;
    font-weight: 300;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    line-height: 1.5
}

.list-topics li {
    height: 50px
}

.list-topics a {
    color: var(--theme-color-navy)
}

.list-topics a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.list-topics select {
    background-color: #fff;
    border: 1px solid #e6e4ec;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #47515a;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    width: auto
}

.no-js .list-topics select {
    display: none
}

.trigger input.tr-modal-trigger {
    display: none
}

.trigger input.tr-modal-trigger:checked~.tr-modal {
    display: block
}

.trigger label.open-label {
    cursor: pointer
}

.trigger .tr-modal {
    background: #0f2533;
    border: none;
    bottom: 0;
    color: #fff;
    display: none;
    font-weight: 400;
    height: 100vh;
    left: 0;
    padding: 50px 10px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(1px);
    z-index: 9999999
}

.trigger .tr-modal .close {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px
}

@media(min-width: 980px) {
    .trigger .tr-modal .close {
        right: 50px;
        top: 50px
    }
}

.trigger .tr-modal .close svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.trigger .tr-modal>div {
    margin: 0 auto;
    max-width: 350px;
    white-space: normal
}

@media(min-width: 980px) {
    .trigger .tr-modal>div {
        padding-top: calc(17vh - 50px)
    }
}

.trigger .tr-modal h2 {
    font-size: 1.9rem;
    font-weight: 300;
    margin-bottom: 0
}

.trigger .tr-modal p {
    font-size: 15px
}

.trigger .tr-modal .read-write,
.trigger .tr-modal .readonly {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    height: 45px;
    margin-bottom: 5px;
    outline: 0;
    padding: 0 15px;
    width: 100%
}

.trigger .tr-modal .read-write::placeholder,
.trigger .tr-modal .readonly::placeholder {
    color: #fff
}

.trigger .tr-modal .readonly {
    border-color: #778596
}

.trigger .tr-modal input:-webkit-autofill,
.trigger .tr-modal input:-webkit-autofill:hover,
.trigger .tr-modal input:-webkit-autofill:focus,
.trigger .tr-modal input:-webkit-autofill:active,
.trigger .tr-modal input:-internal-autofill-selected {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    transition: background-color 5000s ease-in-out 0s
}

.trigger .tr-modal .premium-element {
    display: none
}

.trigger .tr-modal .btn-trigger {
    background: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    display: block;
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
    position: static;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.trigger .tr-modal .btn-trigger:hover {
    cursor: pointer
}

.trigger .tr-modal .btn-trigger.email {
    animation: formFadeIn .05s .6s ease-in 1 forwards
}

.trigger .tr-modal .btn-trigger:disabled {
    cursor: not-allowed;
    opacity: 60%
}

.trigger .tr-modal .join-signin-wrap>input#email-trigger[type=checkbox] {
    display: none
}

.trigger .tr-modal .join-signin-wrap>input#email-trigger[type=checkbox]:checked~.join-signin-email {
    display: block
}

.trigger .tr-modal .join-signin-wrap>input#email-trigger[type=checkbox]:checked~.join-signin-options {
    display: none
}

.trigger .tr-modal .join-signin-wrap .tr-spinner {
    margin-top: 15px
}

.trigger .tr-modal .join-signin-wrap .error-message {
    color: #ff3918;
    font-size: 13px;
    font-weight: 300
}

.trigger .tr-modal .join-signin-wrap .join-signin-options,
.trigger .tr-modal .join-signin-wrap .join-signin-email,
.trigger .tr-modal .join-signin-wrap .signin-email,
.trigger .tr-modal .join-signin-wrap .join-email,
.trigger .tr-modal .join-signin-wrap .reset-pw,
.trigger .tr-modal .join-signin-wrap .error-message {
    display: none
}

.trigger .tr-modal .join-signin-wrap .join-signin-options.active,
.trigger .tr-modal .join-signin-wrap .join-signin-email.active,
.trigger .tr-modal .join-signin-wrap .signin-email.active,
.trigger .tr-modal .join-signin-wrap .join-email.active,
.trigger .tr-modal .join-signin-wrap .reset-pw.active,
.trigger .tr-modal .join-signin-wrap .error-message.active {
    display: block
}

.trigger .tr-modal .join-signin-wrap .join-signin-options h1,
.trigger .tr-modal .join-signin-wrap .join-signin-email h1,
.trigger .tr-modal .join-signin-wrap .signin-email h1,
.trigger .tr-modal .join-signin-wrap .join-email h1,
.trigger .tr-modal .join-signin-wrap .reset-pw h1,
.trigger .tr-modal .join-signin-wrap .error-message h1 {
    display: none
}

.trigger .tr-modal .join-signin-wrap form#forgot-pw {
    text-align: center
}

.trigger .tr-modal .join-signin-wrap form#forgot-pw .forgot-pw {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 200;
    margin-top: 20px;
    text-decoration: underline
}

.trigger .tr-modal .join-signin-wrap .join-signin-options label[for=email-trigger] .email {
    box-sizing: border-box;
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase
}

.trigger .tr-modal .join-signin-wrap .join-signin-options div.nsl-container.nsl-container-block .nsl-container-buttons {
    padding: 0;
    width: 100%
}

.trigger .tr-modal .join-signin-wrap .join-signin-options div.nsl-container-block .nsl-container-buttons a {
    margin-bottom: 0
}

.trigger .tr-modal .join-signin-wrap .join-signin-options div.nsl-container .nsl-button {
    border-radius: 0
}

.trigger .tr-modal .join-signin-wrap .join-signin-options div.nsl-container svg {
    display: none
}

.trigger .tr-modal .join-signin-wrap .join-signin-options div.nsl-container .nsl-button-default div.nsl-button-label-container {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase
}

.trigger .tr-modal .join-signin-wrap .reset-pw .reset-pw-msg {
    font-weight: 300
}

.trigger .tr-modal .join-signin-wrap .signin-email .btn-trigger {
    margin-bottom: 5px
}

.trigger .tr-modal .join-signin-wrap .join-email select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,3 10,3 5,8'/></svg>");
    background-position: right 15px top 50%;
    background-repeat: no-repeat
}

.trigger .tr-modal .join-signin-wrap .join-email select option {
    color: #000
}

.trigger .tr-modal .join-signin-wrap .join-email label[for=tos] input[type=checkbox],
.trigger .tr-modal .join-signin-wrap .join-email label[for=social_tos] input[type=checkbox] {
    display: none
}

.trigger .tr-modal .join-signin-wrap .join-email label[for=tos] input[type=checkbox]:checked~.terms-of-service::before,
.trigger .tr-modal .join-signin-wrap .join-email label[for=social_tos] input[type=checkbox]:checked~.terms-of-service::before {
    content: "✓"
}

.trigger .tr-modal .join-signin-wrap .join-email label[for=tos] .terms-of-service::before,
.trigger .tr-modal .join-signin-wrap .join-email label[for=social_tos] .terms-of-service::before {
    border: 2px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    content: "";
    display: block;
    float: left;
    height: 15px;
    margin: 4px 12px 0 0;
    padding: 2px 0 0 2px;
    width: 15px
}

.trigger .tr-modal .join-signin-wrap .join-email label[for=tos] .terms-of-service p,
.trigger .tr-modal .join-signin-wrap .join-email label[for=social_tos] .terms-of-service p {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 5px 0
}

.trigger .tr-modal .join-signin-wrap .join-email label[for=tos] .terms-of-service p a,
.trigger .tr-modal .join-signin-wrap .join-email label[for=social_tos] .terms-of-service p a {
    color: #fff;
    text-decoration: underline
}

.tr-spinner {
    display: none;
    height: 4rem;
    text-align: center;
    width: 100%
}

.tr-spinner.show {
    display: block
}

.tr-spinner svg {
    fill: var(--theme-color-secondary);
    height: 4rem;
    width: 4rem
}

.pinbox {
    border-bottom: 1px solid #7a7a7a;
    border-top: 1px solid #7a7a7a;
    padding: 2rem 0;
    width: 100%
}

.pinbox .heading {
    font-size: 1.125rem;
    line-height: 1.25
}

.pinbox ul {
    list-style: none;
    margin: 0
}

.pinbox ul li {
    background-image: url("./inc/svgs/list-arrow.svg");
    background-position: 0;
    background-repeat: no-repeat;
    line-height: 1.75;
    margin-bottom: .5rem;
    padding-left: 1.5rem
}

.pinbox ul li svg {
    fill: var(--theme-color-primary)
}

.pinbox ul li a {
    font-size: 1rem;
    font-weight: 700;
    color: var(--theme-color-primary)
}

.site-footer {
    background-color: var(--theme-color-footer-bg);
    color: #fff;
    font-family: var(--font-sans-serif);
    width: 100%;
    position: absolute
}

#masthead button,
#masthead input,
#masthead select,
#masthead textarea,
.site-footer button,
.site-footer input,
.site-footer select,
.site-footer textarea {
    font-family: var(--font-sans-serif)
}

.site-footer>div {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding: 3rem 1.5rem;
    margin-bottom: 30px
}

@media(min-width: 980px) {
    .site-footer>div {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .site-footer>div {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 768px) {
    .site-footer>div {
        margin-bottom: 70px
    }

}

.site-footer:not(.dynamic-footer) {
    max-width: 100%;
}

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

.site-footer .left-column {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    gap: 1.5rem
}

.site-footer .left-column .tr-footer-heading a {
    display: flex;
    font-weight: 700;
    font-size: 1.5rem;
    gap: 6px
}

.site-footer .left-column .tr-footer-heading a:hover {
    text-decoration: none
}

.site-footer .left-column .tr-footer-heading a svg {
    fill: #fff;
    height: 2.5rem;
    width: 2.5rem
}

.site-footer .left-column .social-links>ul {
    display: flex;
    flex-wrap: wrap;
    margin: .5rem 0;
    column-gap: 1rem
}

.site-footer .left-column .social-links>ul li {
    margin: .5rem 0
}

.site-footer .left-column .social-links>ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: .75rem
}

.site-footer .left-column .social-links>ul li a svg {
    height: 24px;
    width: 24px;
    fill: #fff
}

.site-footer .left-column .inmobi-consent {
    font-size: 14px;
    display: flex;
    justify-content: center;
    width: 100%
}

.site-footer .left-column .inmobi-consent #choice-footer-msg a {
    color: #56a1f6
}

.site-footer a {
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

.site-footer a:hover {
    text-decoration: underline
}

.site-footer .footer-content {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 0px
}

@media(min-width: 640px) {
    .site-footer .footer-content {
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0px
    }
}

.site-footer .footer-content .col-2 {
    column-gap: 108px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.site-footer nav {
    font-size: 1rem
}

.site-footer nav span {
    font-weight: 700
}

.site-footer nav li {
    margin: .5rem 0
}

.site-footer .organization {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
    font-size: 14px
}

@media(min-width: 640px) {
    .site-footer .organization {
        flex-direction: row;
        justify-content: space-between
    }
}

.site-footer .organization .legal>ul {
    display: flex
}

.site-footer .organization .legal>ul li {
    margin: 0 .5rem
}

.promo-banner {
    background: linear-gradient(180deg, var(--theme-color-primary) 0%, #044997 100%);
    box-sizing: border-box;
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.promo-banner ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.promo-banner .button {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #fff;
    color: var(--theme-color-navy)
}

.promo-banner .button:focus,
.promo-banner .button:focus-visible,
.promo-banner .button:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.promo-banner .button:focus,
.promo-banner .button:focus-visible,
.promo-banner .button:hover {
    background-color: #f7f7f7
}

@media(min-width: 640px) {
    .promo-banner .button {
        max-width: 7rem
    }
}

.promo-banner .layout {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media(max-width: 980px) {
    .promo-banner .layout {
        padding: 0 1.5rem
    }
}

@media(min-width: 640px) {
    .promo-banner .layout {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 1fr
    }
}

.promo-banner .content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.promo-banner .content .subscribe {
    font-weight: 700;
    line-height: 1.25
}

@media(min-width: 980px) {
    .promo-banner .content .subscribe {
        font-size: 1.25rem
    }
}

.promo-banner .content .actions {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media(min-width: 980px) {
    .promo-banner .content .actions {
        flex-direction: row;
        gap: 1rem
    }
}

.promo-banner .content .actions a {
    color: #fff;
    font-weight: 700;
    line-height: 1.75
}

.promo-banner .content .actions a:focus,
.promo-banner .content .actions a:focus-visible,
.promo-banner .content .actions a:hover {
    text-decoration: none
}

.promo-banner .content .actions a:focus span,
.promo-banner .content .actions a:focus-visible span,
.promo-banner .content .actions a:hover span {
    text-decoration: underline
}

.promo-banner .content .actions a svg {
    fill: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem
}

.promo-banner img {
    border-radius: .8125rem;
    background: none;
    max-width: 37.5rem
}

.promo-banner .headline {
    font-size: 1.5rem;
    font-weight: 700
}

@media(min-width: 980px) {
    .promo-banner .headline {
        font-size: 2.25rem;
        line-height: 1.25
    }
}

.promo-banner.lg {
    background-color: #6329ae radial-gradient(circle at 5% 13%, #0b7bd2, #3d41b4 40%, #591fa4 101%);
    background-image: url("inc/images/promo-bg-premium-lg.jpg");
    background-position: 0 50%;
    background-size: cover;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    height: 480px
}

@media(max-width: 980px) {
    .promo-banner.lg {
        background-position-x: -620px
    }

    .promo-banner.lg .layout {
        padding: 60px 40px 30px
    }
}

@media(min-width: 980px) {
    .promo-banner.lg .button {
        max-width: 360px
    }
}

@media(min-width: 1230px) {
    .promo-banner.lg .button {
        margin-right: 10vw
    }
}

.promo-banner.lg .headline {
    font-size: 26px
}

@media(min-width: 980px) {
    .promo-banner.lg .headline {
        font-size: 44px;
        line-height: 54px
    }
}

.promo-banner.lg .content {
    max-width: 570px;
    text-align: left
}

@media(max-width: 980px) {
    .promo-banner.lg .content {
        margin-bottom: 40px
    }
}

.promo-banner.lg .logo-premium {
    height: 60px;
    width: 180px
}

@media(min-width: 980px) {
    .promo-banner.lg .logo-premium {
        margin: -80px 0 20px 0
    }
}

.promo-banner.download {
    background: #6329ae radial-gradient(circle at 5% 13%, #0b7bd2, #3d41b4 40%, #591fa4 101%);
    height: auto
}

.promo-banner.download .layout {
    padding: 50px
}

@media(min-width: 980px) {
    .promo-banner.download .layout {
        margin: 5rem auto;
        padding: 0
    }
}

.promo-banner.download .button {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin: 30px 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.promo-banner.download .button:focus {
    outline: none
}

.promo-banner.download .button:active,
.promo-banner.download .button:focus,
.promo-banner.download .button:focus-visible,
.promo-banner.download .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.promo-banner.download .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.promo-banner.download .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.promo-banner.download .button:focus-visible,
.promo-banner.download .button:hover {
    background: #fff;
    box-shadow: none;
    color: #6329ae
}

.promo-banner.download .button:last-child {
    margin-bottom: 0
}

.promo-banner.download img {
    background: rgba(0, 0, 0, 0);
    width: 100%
}

@media(min-width: 980px) {
    .promo-banner.download img {
        max-width: calc(100% - 620px)
    }
}

.promo-banner.download li {
    margin-bottom: .5rem
}

.promo-banner.download li:last-child {
    margin-bottom: 0
}

.promo-banner.download .content {
    box-sizing: border-box;
    margin-right: 30px;
    width: 100%
}

@media(min-width: 980px) {
    .promo-banner.download .content {
        width: 570px
    }
}

.promo-banner.download p {
    font-size: 17px;
    font-weight: 300
}

.promo-section {
    font-weight: 300;
    margin-bottom: 40px;
    padding: 0 !important
}

@media(min-width: 980px) {
    .promo-section {
        column-gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

.promo-section p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 10px
}

.promo-section .interval {
    color: #778596
}

.promo-section .promo-unit {
    margin-bottom: 50px
}

.promo-section .promo-unit.newsletter-signup>div {
    display: contents
}

@media(min-width: 980px) {
    .promo-section .promo-unit {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        margin-bottom: 0
    }

    .promo-section .promo-unit h2 {
        grid-column: 1/3;
        grid-row: 1/1
    }
}

.promo-section h3 {
    color: var(--theme-color-primary-hover);
    font-size: 35px;
    font-weight: 100;
    line-height: 1.1
}

.promo-section h3.is-premium {
    color: #6329ae
}

.promo-section .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.promo-section .button:focus {
    outline: none
}

.promo-section .button.button-premium {
    background-color: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
    font-size: 12px
}

.promo-section .button.button-premium:focus {
    outline: none
}

.promo-section .button.button-premium:active,
.promo-section .button.button-premium:focus,
.promo-section .button.button-premium:focus-visible,
.promo-section .button.button-premium:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.promo-section .button.button-premium:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.promo-section .button.button-premium:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.promo-section .button.button-premium:hover {
    background: #6329ae
}

.promo-section form {
    display: contents
}

.promo-section .button {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    width: auto;
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
    font-size: 12px;
    justify-content: center;
    line-height: 1.4;
    min-width: -moz-available;
    padding: 10px 20px;
    text-align: center;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.promo-section .button:hover {
    box-shadow: 0 6px 8px -5px rgba(14, 6, 24, .5);
    cursor: pointer
}

@media(max-width: 980px) {
    .promo-section .content {
        order: 1
    }
}

.promo-section .actions {
    background: url("inc/images/promo-tr-premium.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

@media(max-width: 980px) {
    .promo-section .actions {
        height: 100%;
        margin-bottom: 10px;
        padding-bottom: 75%;
        width: 100%
    }
}

@media(min-width: 980px) {
    .promo-section .actions {
        height: 160px;
        margin-left: 20px;
        width: 220px
    }
}

@media(min-width: 1230px) {
    .promo-section .actions {
        height: 215px;
        width: 285px
    }
}

@media(max-width: 980px) {
    .promo-section .promo-unit {
        display: flex;
        flex-direction: column
    }

    .promo-section .section-heading {
        order: 0
    }

    .promo-section .actions {
        order: 1
    }

    .promo-section .content {
        order: 2
    }
}

.promo-section .newsletter-signup .actions {
    background-image: url("inc/images/promo-bg-subscribe.jpg")
}

.promo-section .newsletter-signup .actions .button.active {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: var(--theme-color-navy)
}

.promo-section .newsletter-signup .actions svg {
    fill: #fff;
    height: 14px;
    margin-bottom: -3px;
    width: 14px
}

.upcoming-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 1.25rem
}

.upcoming-content .section-heading {
    width: 100%;
    margin: 0
}

.upcoming-content ul {
    list-style: none;
    max-height: 52.5rem;
    overflow: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.upcoming-content ul li {
    display: flex;
    gap: 1rem;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

.upcoming-content ul li .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    border-radius: .5rem 0rem 0rem .5rem;
    background-color: #374257;
    color: #fff;
    font-weight: 700;
    line-height: 1.25
}

.upcoming-content ul li .date .month {
    font-size: 1.125rem
}

.upcoming-content ul li .date .day {
    font-size: 1.5rem
}

.upcoming-content ul li .details {
    display: flex;
    width: 11.5rem;
    padding: .5rem .5rem .5rem 0;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.75
}

.upcoming-content ul li .details .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.upcoming-content ul li .details .price {
    color: var(--theme-color-primary)
}

.upcoming-content ul li:last-child {
    margin-bottom: 0
}

.upcoming-content .button {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff
}

.upcoming-content .button:focus,
.upcoming-content .button:focus-visible,
.upcoming-content .button:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.upcoming-content .button:focus,
.upcoming-content .button:focus-visible,
.upcoming-content .button:hover {
    background-color: #fe693c
}

.benefit-matrix {
    column-gap: 108px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr
}

@media(min-width: 980px) {
    .benefit-matrix {
        grid-template-columns: 520px 1fr
    }
}

.benefit-matrix .features {
    display: flex;
    flex-direction: row;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: -6rem
}

@media(max-width: 980px) {
    .benefit-matrix .features {
        margin: -6rem 20px 0
    }
}

.benefit-matrix .features .feature {
    flex: 1;
    margin-right: 1rem
}

.benefit-matrix .features .feature:first-child svg {
    fill: var(--theme-color-primary-hover)
}

.benefit-matrix .features .feature:last-child {
    margin-right: 0
}

.benefit-matrix .features .feature:last-child svg {
    fill: #6329ae
}

.benefit-matrix .features h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    padding: 0 .75rem;
    text-align: left;
    text-transform: uppercase
}

.benefit-matrix .features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 40px 0 rgba(199, 187, 255, .26)
}

.benefit-matrix .features li {
    align-items: center;
    border-bottom: 1px solid #e6e4ec;
    display: flex;
    line-height: 1.25;
    padding: 30px 10px
}

.benefit-matrix .features li .enabled,
.benefit-matrix .features li .feature {
    margin: 0 6px
}

.benefit-matrix .features li .enabled {
    width: 24px
}

.benefit-matrix .features li .feature {
    flex: 1
}

.benefit-matrix .features li svg {
    height: 16px;
    width: 16px
}

.benefit-matrix .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.benefit-matrix .content p {
    color: #778596;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.89;
    margin: 50px 40px
}

.benefit-matrix .content .statistics {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #6329ae;
    display: flex;
    flex-direction: row;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    justify-content: space-evenly
}

.benefit-matrix .content .statistics li {
    display: flex;
    flex-direction: column
}

.benefit-matrix .content .statistics .qty,
.benefit-matrix .content .statistics .metric {
    line-height: 1
}

.benefit-matrix .content .statistics .qty {
    font-size: 76px
}

.benefit-matrix .content .statistics .metric {
    font-size: 14px
}

.benefit-matrix .content .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 60px;
    margin: 50px auto;
    max-width: 370px;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

.benefit-matrix .content .button:focus {
    outline: none
}

.benefit-matrix .content .button:active,
.benefit-matrix .content .button:focus,
.benefit-matrix .content .button:focus-visible,
.benefit-matrix .content .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.benefit-matrix .content .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.benefit-matrix .content .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.filter {
    display: flex;
    font-size: 12px;
    font-weight: 300;
    margin: 30px 0;
    margin-top: 0;
    width: 100%;
    z-index: 10
}

.filter form {
    display: contents
}

.filter a,
.filter button,
.filter .filter-toggle-mobile {
    color: #cad6de;
    font-size: 13px
}

.filter a,
.filter .filter-toggle-mobile,
.filter .parameter {
    padding: 13px 25px
}

.filter .parameter,
.filter .nothing {
    position: relative;
    z-index: 10
}

.filter .parameter {
    display: flex;
    flex-direction: row;
    line-height: 1.5
}

.filter .parameter .filter-term-group {
    height: auto;
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 1s ease-in
}

.filter .parameter .filter-term-group.is-hidden {
    max-height: 0
}

.filter .parameter svg {
    fill: #cad6de
}

.filter .parameter strong,
.filter .parameter span {
    position: relative;
    z-index: 100
}

@media(min-width: 980px) {

    .filter .parameter strong,
    .filter .parameter span {
        pointer-events: none
    }
}

.filter .parameter .label {
    margin-right: .25rem
}

.filter .parameter .setting {
    position: relative
}

@media(max-width: 980px) {
    .filter .parameter .setting {
        flex: 1;
        padding-left: 1rem
    }
}

@media(min-width: 980px) {
    .filter .parameter .setting {
        padding-right: 1rem
    }
}

.filter .parameter label.filter-trigger {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.filter .parameter label.filter-trigger:hover {
    cursor: pointer
}

.filter .parameter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: auto;
    z-index: 1
}

.filter .parameter ul button {
    border: 0;
    display: inline-block;
    outline: none;
    text-shadow: none;
    width: 100%
}

.filter .parameter ul button:hover {
    cursor: pointer
}

.filter .parameter ul a,
.filter .parameter ul button {
    display: block;
    font-size: 16px;
    line-height: 42px;
    min-width: 180px;
    padding: 0 20px;
    white-space: nowrap
}

.filter .parameter ul a:hover,
.filter .parameter ul button:hover {
    text-decoration: none
}

.filter input[type=reset] {
    display: none
}

.filter input[type=radio] {
    display: none
}

.filter input[type=radio].filter-radio-trigger:checked~label[for=filter-deselect] {
    display: none
}

.filter input[type=radio].filter-radio-trigger:checked+.parameter ul {
    display: block
}

.filter input[type=radio].filter-radio-trigger:checked+.parameter ul::before {
    content: "";
    display: block;
    height: 44px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -44px;
    z-index: 1
}

.no-js .filter ul button.load-more {
    display: none
}

.no-js .filter .filter .parameter .filter-term-group.is-hidden {
    max-height: none
}

.no-js .filter input[type=radio] {
    display: none
}

.no-js .filter input[type=radio].filter-radio-trigger:checked~label[for=filter-deselect] {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5
}

.auth-modal__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, .5);
    z-index: 1001;
    overflow: hidden auto;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 300
}

.auth-modal__wrapper.open {
    display: flex
}

.join-signin-modal-trigger {
    margin-left: 18px
}

.sign_up_link--mobile {
    display: flex;
    width: 100%;
    padding: 1rem 5px;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--theme-color-primary);
    font-weight: 700
}

.sign_up_link--mobile:hover * {
    color: #044997
}

.sign_up_link--desktop {
    display: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    height: auto;
    padding: 1rem 5px;
    position: static;
    white-space: nowrap;
    width: 100%;
    color: var(--theme-color-primary);
    font-weight: 700
}

.sign_up_link--desktop:hover {
    color: #044997
}

.auth-modal__wrapper .auth-modal__card {
    --gap: 1rem;
    --margin: 1.25rem;
    display: none;
    gap: var(--gap);
    grid-template-columns: 100%;
    box-sizing: border-box;
    background: #fff;
    margin: var(--margin);
    padding: var(--margin);
    border-radius: var(--gap);
    position: relative;
    text-align: center;
    max-width: calc(100vw - var(--margin)*2);
    justify-content: space-evenly;
    justify-items: center
}

.auth-modal__wrapper .auth-modal__card.show {
    display: grid
}

.auth-modal__wrapper .auth-modal__close {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    gap: .25rem;
    height: 1rem;
    padding: .5rem;
    font-weight: bold;
    font-size: 1rem;
    color: #333;
    cursor: pointer
}

.auth-modal__wrapper .auth-modal__close>svg {
    height: 100%
}

.auth-modal__wrapper svg.tr-logo {
    fill: var(--theme-color-primary-hover);
    max-width: 265px;
    margin: 0 auto
}

.auth-modal__wrapper .sr-only {
    display: none
}

.auth-modal__wrapper input,
.auth-modal__wrapper select {
    box-sizing: border-box;
    padding: .75rem 1rem;
    width: 100%;
    border-radius: .25rem;
    border: 1px solid #a7a7a7
}

.auth-modal__wrapper input:focus-visible,
.auth-modal__wrapper select:focus-visible {
    border-color: var(--theme-color-primary-hover)
}

.auth-modal__wrapper input.invalid,
.auth-modal__wrapper select.invalid {
    border-color: #ea3223
}

.auth-modal__wrapper p {
    margin: 0
}

.auth-modal__wrapper a {
    font-weight: bold
}

.auth-modal__wrapper input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem
}

.auth-modal__wrapper label.checkbox {
    display: flex;
    column-gap: .5rem;
    align-items: flex-start;
    text-align: left;
    user-select: none;
    cursor: pointer
}

.auth-modal__wrapper label.checkbox input[type=checkbox] {
    margin-top: .25rem;
    flex-shrink: 0
}

.auth-modal__wrapper .validation {
    display: none;
    text-align: left;
    margin-left: 2ch;
    margin-bottom: 0
}

.auth-modal__wrapper .validation.show {
    display: block
}

.auth-modal__wrapper .validation li {
    padding-inline-start: 1ch
}

.auth-modal__wrapper .validation .valid {
    list-style-type: "✔";
    color: var(--theme-color-secondary)
}

.auth-modal__wrapper .validation .invalid {
    list-style-type: "✖";
    color: #ea3223
}

.auth-modal__wrapper form {
    display: grid;
    gap: var(--gap);
    justify-items: stretch;
    justify-content: center
}

.auth-modal__wrapper form .errors {
    display: none;
    color: #ea3223
}

.auth-modal__wrapper form .errors.show {
    display: block
}

.auth-modal__wrapper form .input-group {
    display: grid;
    gap: calc(var(--gap)/4);
    align-items: start
}

.auth-modal__wrapper form .input-group label {
    justify-self: start
}

.auth-modal__wrapper button,
.auth-modal__wrapper .primary-button {
    display: flex;
    place-items: center;
    place-content: center;
    color: #fff;
    background-color: var(--theme-color-primary-hover);
    padding: 1rem;
    border: none;
    border-radius: .5rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    position: relative
}

.auth-modal__wrapper button:hover,
.auth-modal__wrapper button:active,
.auth-modal__wrapper button:focus,
.auth-modal__wrapper .primary-button:hover,
.auth-modal__wrapper .primary-button:active,
.auth-modal__wrapper .primary-button:focus {
    background-color: #32689c
}

.auth-modal__wrapper button .tr-spinner,
.auth-modal__wrapper .primary-button .tr-spinner {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 1rem
}

.auth-modal__wrapper button .tr-spinner svg,
.auth-modal__wrapper .primary-button .tr-spinner svg {
    width: 25px;
    height: 25px
}

.auth-modal__wrapper .steps {
    background-color: #f2f5f8;
    padding: var(--margin);
    padding-bottom: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: calc(var(--margin)*-1);
    margin-bottom: 0;
    width: 100%
}

.auth-modal__wrapper .steps .step {
    padding: .75rem;
    cursor: pointer
}

.auth-modal__wrapper .steps .step .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    aspect-ratio: 1/1;
    padding: .5rem;
    color: #fff;
    background-color: #a7a7a7;
    border-radius: 100%;
    overflow: hidden;
    font-weight: bold;
    margin-right: .5rem
}

.auth-modal__wrapper .steps .step.active {
    border-bottom: 3px solid var(--theme-color-primary-hover)
}

.auth-modal__wrapper .steps .step.active .number {
    background-color: var(--theme-color-primary-hover)
}

.auth-modal__wrapper .steps .step.complete {
    opacity: .5
}

.auth-modal__wrapper .auth-modal__card .newsletters {
    display: grid;
    gap: 1rem;
    width: 100%;
    height: 100%
}

.auth-modal__wrapper .auth-modal__card .newsletters .nl-row {
    display: grid;
    grid-template-columns: 90% min-content;
    text-align: left;
    padding-bottom: .5rem;
    align-items: center;
    justify-content: space-between
}

.auth-modal__wrapper .nsl-container.nsl-container-block .nsl-container-buttons {
    padding: 0;
    width: 100%;
    gap: 1rem
}

.auth-modal__wrapper .nsl-container.nsl-container-block .nsl-container-buttons a {
    margin: 0
}

@media(max-width: 640px) {
    .auth-modal__wrapper .sm-hidden {
        display: none
    }
}

@media(min-width: 980px) {
    .sign_up_link--mobile {
        display: none
    }

    .sign_up_link--desktop {
        display: block
    }

    .auth-modal__wrapper .auth-modal__card.profile form {
        width: 600px
    }
}

@media(min-width: 640px) {
    .auth-modal__wrapper .auth-modal__card {
        --margin: 2rem;
        min-width: 600px;
        max-width: 800px
    }

    .auth-modal__wrapper .auth-modal__card form {
        width: 400px
    }

    .auth-modal__wrapper .auth-modal__card.profile form {
        grid-template-columns: 50% 50%
    }

    .auth-modal__wrapper .auth-modal__card .newsletters {
        gap: .5rem
    }

    .auth-modal__wrapper .auth-modal__card .newsletters .nl-row {
        padding-bottom: .25rem
    }

    .auth-modal__wrapper .nsl-container.nsl-container-block .nsl-container-buttons {
        grid-template-columns: repeat(2, minmax(145px, auto))
    }
}

.tr-star-ratings {
    align-items: center;
    column-gap: .2em;
    display: inline-flex
}

.tr-star-ratings__stars,
.tr-star-ratings__star,
.tr-star-ratings__body {
    align-items: center;
    display: inline-flex
}

.tr-star-ratings__body {
    font-weight: 600;
    font-size: 1rem
}

.tr-star-ratings__rate-leading {
    color: var(--theme-color-primary)
}

.tr-star-ratings svg {
    height: 1em;
    width: 1em;
    fill: var(--theme-color-primary)
}

.filter.filter-light {
    align-items: center;
    font-size: 14px;
    margin: 0 0 30px 0;
    white-space: nowrap;
    width: auto
}

.filter.filter-light .nothing {
    flex: 1
}

.filter.filter-light .sortby-label {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.filter.filter-light .clear-params {
    color: #47515a
}

.filter.filter-light .clear-params svg {
    border: 1px solid #47515a;
    border-radius: 100%
}

.filter.filter-light .clear-params svg use {
    fill: #47515a
}

.filter.filter-light .clear-params svg circle {
    fill: #fff
}

.filter.filter-light .clear-params:focus,
.filter.filter-light .clear-params:hover {
    color: #3289c8;
    text-decoration: none
}

.filter.filter-light .clear-params:focus svg,
.filter.filter-light .clear-params:hover svg {
    border: 1px solid #3289c8
}

.filter.filter-light .clear-params:focus svg use,
.filter.filter-light .clear-params:hover svg use {
    fill: #3289c8
}

.filter.filter-light .clear-params:active {
    color: #0e0618
}

.filter.filter-light .clear-params-text {
    color: #47515a
}

.filter.filter-light .filter-title {
    color: var(--theme-color-primary-hover);
    font-weight: 700;
    text-transform: uppercase
}

.filter.filter-light .parameter {
    align-items: center;
    color: #0c1417;
    font-size: 16px;
    padding: 0 12px
}

.filter.filter-light .parameter .label {
    font-weight: 300;
    pointer-events: none
}

.filter.filter-light .parameter .setting {
    padding-right: .25rem
}

.filter.filter-light .parameter .setting select {
    opacity: 0;
    position: absolute;
    width: 1px
}

.filter.filter-light .parameter svg {
    fill: #778596;
    margin-left: 4px;
    transform: rotate(90deg)
}

.filter.filter-light .parameter svg circle {
    fill: none;
    stroke: #e4eaef
}

.filter.filter-light ul {
    background: #fff;
    border-top: 5px solid var(--theme-color-primary-hover);
    box-shadow: 0 5px 15px 2px #e0e0e0;
    min-width: 260px;
    padding: 20px 0
}

.filter.filter-light ul button {
    background: rgba(0, 0, 0, 0);
    font-weight: 300;
    text-align: left
}

.filter.filter-light ul button,
.filter.filter-light ul a {
    color: var(--theme-color-primary-hover);
    padding-bottom: 7.5px;
    padding-top: 5px
}

.filter.filter-light ul button:hover,
.filter.filter-light ul a:hover {
    color: #778596
}

.filter.filter-light .filter-radio-trigger:checked+.parameter svg {
    fill: var(--theme-color-primary-hover);
    transform: rotate(270deg)
}

.filter.filter-light .filter-radio-trigger:checked+.parameter svg circle {
    stroke: var(--theme-color-primary-hover)
}

.filter.filter-light.mobile-toggle-on {
    background-color: #fff;
    flex-direction: column
}

.filter.filter-light.mobile-toggle-on .filter-toggle-mobile {
    flex: 1;
    position: relative
}

.filter.filter-light.mobile-toggle-on .filter-toggle-mobile::after {
    border: solid 4px;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -3px);
    width: 0;
    right: 1rem
}

.filter.filter-light.mobile-toggle-on .filter-toggle-mobile:hover {
    cursor: pointer
}

@media(max-width: 980px) {
    .filter.filter-light.mobile-toggle-on {
        background-color: var(--theme-color-primary-hover);
        align-items: inherit;
        width: 100%
    }

    .filter.filter-light.mobile-toggle-on .filter-title {
        position: absolute;
        display: block;
        width: 1px;
        height: 1px;
        padding: 0;
        opacity: 0
    }

    .filter.filter-light.mobile-toggle-on form {
        border-top: 1px solid rgba(0, 0, 0, 0);
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease-out
    }

    .filter.filter-light.mobile-toggle-on label.filter-trigger {
        color: #fff;
        display: block;
        opacity: 0
    }

    .filter.filter-light.mobile-toggle-on input.filter-toggle {
        display: none
    }

    .filter.filter-light.mobile-toggle-on .filter-toggle-mobile {
        color: #fff;
        flex: 1;
        position: relative
    }

    .filter.filter-light.mobile-toggle-on .parameter {
        color: #fff;
        font-size: .75rem;
        padding: 13px 25px
    }

    .filter.filter-light.mobile-toggle-on .parameter .label {
        font-weight: 700;
        margin-right: .25rem;
        text-transform: uppercase
    }

    .filter.filter-light.mobile-toggle-on .parameter svg {
        display: none
    }

    .filter.filter-light.mobile-toggle-on .parameter .setting {
        flex: 1;
        padding: 0
    }

    .filter.filter-light.mobile-toggle-on .parameter .setting select {
        color: #fff;
        opacity: 1;
        position: relative;
        width: 100%
    }

    .filter.filter-light.mobile-toggle-on .clear-params {
        color: #e0e0e0;
        border-top: 1px solid rgba(202, 214, 222, .5);
        display: flex
    }

    .filter.filter-light.mobile-toggle-on .clear-params .clear-params-text {
        color: #e0e0e0
    }

    .filter.filter-light.mobile-toggle-on .clear-params span {
        flex: 1
    }

    .filter.filter-light.mobile-toggle-on .clear-params svg {
        border-color: #e0e0e0;
        margin-left: .25rem;
        opacity: .5
    }

    .filter.filter-light.mobile-toggle-on .clear-params svg circle {
        fill: rgba(0, 0, 0, 0)
    }

    .filter.filter-light.mobile-toggle-on .clear-params svg use {
        fill: #fff
    }

    .filter.filter-light.mobile-toggle-on .clear-params:focus .clear-params-text,
    .filter.filter-light.mobile-toggle-on .clear-params:hover .clear-params-text {
        color: #fff;
        text-decoration: none
    }

    .filter.filter-light.mobile-toggle-on .clear-params:focus svg,
    .filter.filter-light.mobile-toggle-on .clear-params:hover svg {
        border-color: #fff;
        opacity: .7
    }

    .filter.filter-light.mobile-toggle-on .clear-params:active {
        opacity: 1
    }
}

.filter.filter-light.mobile-toggle-on .filter-toggle-mobile {
    flex: 1;
    padding: 13px 25px;
    position: relative
}

.filter.filter-light.mobile-toggle-on .filter-toggle-mobile .filters-shown {
    display: none
}

.filter.filter-light.mobile-toggle-on input.filter-toggle:checked+.filter-toggle-mobile::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
    top: 2px;
    transform: none;
    top: 50%;
    transform: translate(0, -5px)
}

.filter.filter-light.mobile-toggle-on input.filter-toggle:checked+.filter-toggle-mobile .filters-hidden {
    display: none
}

.filter.filter-light.mobile-toggle-on input.filter-toggle:checked+.filter-toggle-mobile .filters-shown {
    display: inline
}

.filter.filter-light.mobile-toggle-on input.filter-toggle:checked~form {
    border-top: 1px solid rgba(202, 214, 222, .5);
    max-height: 1000px
}

@media(max-width: 980px) {
    .filter.filter-light.mobile-toggle-on {
        padding: 0
    }

    .filter.filter-light.mobile-toggle-on .parameter ul {
        display: none
    }

    .filter.filter-light.mobile-toggle-on .setting>span {
        display: none
    }

    .filter.filter-light.mobile-toggle-on select {
        appearance: none;
        background: rgba(0, 0, 0, 0);
        border: none;
        margin: 0;
        outline: none;
        padding: 0;
        width: 100%
    }

    .filter.filter-light.mobile-toggle-on select:hover {
        cursor: pointer
    }
}

@media(min-width: 980px) {
    .filter.filter-light.mobile-toggle-on {
        flex-direction: row
    }

    .filter.filter-light.mobile-toggle-on .filter-toggle-mobile {
        display: none
    }

    .filter.filter-light.mobile-toggle-on form {
        border-top: 0;
        display: contents;
        max-height: none;
        overflow: visible
    }

    .filter.filter-light.mobile-toggle-on select {
        display: none
    }

    .filter.filter-light.mobile-toggle-on .filter-toggle {
        opacity: 0;
        position: absolute;
        width: 1px;
        height: 1px
    }
}

@media(max-width: 980px) {
    .filter.filter-light.mobile-toggle-on input[type=radio].filter-radio-trigger:checked+.parameter ul {
        display: none
    }
}

@media(min-width: 980px) {
    .filter.filter-light.mobile-toggle-on input[type=radio].filter-radio-trigger:checked+.parameter .setting::after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
        top: 2px;
        transform: none
    }
}

.trending {
    margin-bottom: 30px
}

.trending h2 {
    color: var(--theme-color-primary-hover);
    font-size: 1rem;
    font-weight: inherit;
    margin: 30px 0;
    text-transform: uppercase
}

.trending .content-trending {
    display: flex;
    flex-wrap: wrap
}

.trending .item {
    background-color: #0d1a20;
    color: #fff;
    height: 160px;
    line-height: 1.2;
    overflow: hidden;
    position: relative;
    width: 50%
}

@media(min-width: 980px) {
    .trending .item {
        height: 240px;
        width: 25%
    }
}

.trending .item figure {
    display: contents
}

.trending .item img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    opacity: .3;
    transform: scale(1.5)
}

.trending .item:hover {
    color: #fff
}

.trending .item:hover h3 {
    color: #fff
}

.trending .content {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.trending .content span {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

.trending .content h3 {
    color: #bbdef4;
    font-size: 14px;
    line-height: inherit;
    margin-top: .25rem;
    text-transform: none
}

@media(min-width: 980px) {
    .trending .content h3 {
        font-size: 1rem
    }
}

.trending .content .paperclip {
    fill: #fff;
    height: 18px;
    transform: rotate(40deg);
    width: 18px
}

.member-menu {
    font-weight: 400;
    width: 70px
}

@media(min-width: 980px) {
    .member-menu {
        position: relative
    }
}

.member-menu:hover .trigger svg {
    fill: #0c1417
}

@media(hover: hover) {
    .member-menu:hover .content {
        display: block
    }
}

.member-menu a:focus-visible,
.member-menu a:hover {
    color: var(--theme-color-secondary);
    text-decoration: none
}

.member-menu a:focus-visible {
    outline: none;
    text-decoration: underline
}

.member-menu .dropdown {
    bottom: auto;
    min-width: 350px;
    padding: 0;
    right: -1px
}

@media(min-width: 980px) {
    .member-menu .dropdown {
        left: auto
    }
}

.member-menu .profile {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 1.5rem
}

.member-menu .profile>div {
    display: flex;
    flex: 1;
    flex-direction: column
}

.member-menu .profile span {
    font-size: 25px;
    overflow: hidden;
    width: 100%
}

.member-menu .avatar {
    border-radius: 100%;
    display: block;
    height: 70px;
    overflow: hidden;
    width: 70px
}

.member-menu ul {
    border-bottom: 1px solid #e6e4ec;
    border-top: 1px solid #e6e4ec;
    padding: 1.25rem 0
}

.member-menu ul a {
    display: block;
    padding: 1.25rem
}

.member-menu .actions {
    padding: 1.875rem;
    text-align: center
}

.member-menu .actions .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    box-sizing: border-box;
    display: block;
    width: 100%
}

.member-menu .actions .button:focus {
    outline: none
}

.member-menu .actions .button:active,
.member-menu .actions .button:focus,
.member-menu .actions .button:focus-visible,
.member-menu .actions .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.member-menu .actions .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.member-menu .actions .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.member-menu .actions .button:focus-visible,
.member-menu .actions .button:hover {
    background: var(--theme-color-secondary);
    box-shadow: none;
    color: #fff
}

.site-header .search-trigger {
    margin-left: 18px
}

.site-header .search-trigger>label {
    background-color: #f7f7f7;
    border-radius: 40px;
    padding: 14px 15px
}

.site-header .search-trigger>label span {
    margin-left: 8px
}

@media screen and (max-width: 1349px) {
    .site-header .search-trigger>label span {
        display: none
    }
}

.site-header .search-trigger .action-close {
    display: none
}

@media(min-width: 980px) {
    .site-header .search-trigger {
        position: static
    }

    .site-header .search-trigger input:checked~label .action-open {
        display: none
    }

    .site-header .search-trigger input:checked~label .action-close {
        display: block
    }
}

@media(min-width: 1230px) {
    .site-header .search-trigger {
        position: relative
    }
}

.site-header .search-trigger:hover .action-close,
.site-header .search-trigger:hover .action-open {
    fill: #0c1417
}

.site-header .search-dropdown {
    left: unset;
    right: 0
}

@media(min-width: 980px) {
    .site-header .search-dropdown {
        transform: translateX(-50%);
        width: 900px;
        left: 50%;
        right: unset
    }
}

@media(min-width: 1230px) {
    .site-header .search-dropdown {
        transform: none;
        left: unset;
        right: 0
    }
}

.site-header .search-dropdown .search-bar {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
    margin-bottom: 0
}

.site-header .search-dropdown .search-bar input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: box-shadow ease-in .1s;
    width: 100%
}

.site-header .search-dropdown .search-bar input[type=search]::-ms-clear,
.site-header .search-dropdown .search-bar input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.site-header .search-dropdown .search-bar input[type=search]::-webkit-search-decoration,
.site-header .search-dropdown .search-bar input[type=search]::-webkit-search-cancel-button,
.site-header .search-dropdown .search-bar input[type=search]::-webkit-search-results-button,
.site-header .search-dropdown .search-bar input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.site-header .search-dropdown .search-bar input[type=search]::placeholder {
    color: #778596;
    font-weight: 100
}

.site-header .search-dropdown .search-bar input[type=search]:focus {
    box-shadow: 0 0 5px rgba(32, 119, 186, .75);
    outline: 0
}

.site-header .search-dropdown .search-bar input[type=search] {
    border: 2px solid var(--theme-color-primary-hover);
    border-radius: 3.125rem;
    color: var(--theme-color-primary-hover);
    font-size: 1.25em;
    padding: .75rem 3rem .75rem 1.25rem;
    width: 100%
}

.site-header .search-dropdown .search-bar button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    z-index: 500;
    line-height: 2.5em;
    right: 6px;
    top: 50%;
    transform: translate(0, -50%);
    transition: transform ease-in .1s;
    width: 2.5em
}

.site-header .search-dropdown .search-bar button:hover {
    cursor: pointer
}

.site-header .search-dropdown .search-bar button:disabled {
    cursor: inherit
}

.site-header .search-dropdown .search-bar button:disabled svg {
    fill: #778596
}

.site-header .search-dropdown .search-bar button:disabled:hover {
    cursor: default
}

.site-header .search-dropdown .search-bar button:disabled:active,
.site-header .search-dropdown .search-bar button:disabled:focus-visible {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.site-header .search-dropdown .search-bar button svg {
    fill: var(--theme-color-primary-hover);
    height: 1.125rem;
    transform: translate(0, 3px);
    width: 1.125rem
}

.site-header .search-dropdown .search-bar button:not([disabled]):active {
    transform: scale(0.9) translate(0, -55%);
    transition: transform ease-in .05s
}

.site-header .search-dropdown .search-bar button:not([disabled]):hover,
.site-header .search-dropdown .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary-hover);
    border-radius: 100%;
    outline: none
}

.site-header .search-dropdown .search-bar button:not([disabled]):hover svg,
.site-header .search-dropdown .search-bar button:not([disabled]):focus-visible svg {
    fill: #fff
}

.share-email-modal-content p {
    margin-top: 0
}

.share-email-modal-content form.share-email-form textarea.readonly {
    height: 100px;
    margin-bottom: 0;
    padding: 5px 15px
}

.share-email-modal-content form.share-email-form input[type=submit] {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: center
}

.share-email-modal-content form.share-email-form input[type=submit]:focus {
    outline: none
}

.share-email-modal-content form.share-email-form input[type=submit]:active,
.share-email-modal-content form.share-email-form input[type=submit]:focus,
.share-email-modal-content form.share-email-form input[type=submit]:focus-visible,
.share-email-modal-content form.share-email-form input[type=submit]:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.share-email-modal-content form.share-email-form input[type=submit]:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.share-email-modal-content form.share-email-form input[type=submit]:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.share-email-modal-content form.share-email-form .response-msg {
    display: none
}

.share-email-modal-content form.share-email-form .response-msg.error {
    color: #ff3918
}

.email-author-modal-content form.email-author-form textarea.read-write {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px
}

.email-author-modal-content form.email-author-form input[type=submit] {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: center
}

.email-author-modal-content form.email-author-form input[type=submit]:focus {
    outline: none
}

.email-author-modal-content form.email-author-form input[type=submit]:active,
.email-author-modal-content form.email-author-form input[type=submit]:focus,
.email-author-modal-content form.email-author-form input[type=submit]:focus-visible,
.email-author-modal-content form.email-author-form input[type=submit]:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.email-author-modal-content form.email-author-form input[type=submit]:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.email-author-modal-content form.email-author-form input[type=submit]:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.email-author-modal-content form.email-author-form .response-msg {
    display: none
}

.email-author-modal-content form.email-author-form .response-msg.error {
    color: #ff3918
}

:root {
    --ad-border-color: #efefef
}

.wordp-mpu-bottom {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.extended-sidebar .sticky-mpu-bottom,
.archive-sections>aside .sticky-mpu-bottom {
    position: fixed;
    top: 150px
}

.extended-sidebar .absolute-mpu-bottom,
.archive-sections>aside .absolute-mpu-bottom {
    position: absolute;
    bottom: 0
}

.extended-sidebar .adjust-for-sticky,
.archive-sections>aside .adjust-for-sticky {
    position: relative;
    bottom: 280px
}

.home #primary .layout-thirds>div:nth-child(2) {
    height: 90%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.home #primary .layout-thirds #native-rr-article {
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    max-width: 300px
}

.single-post .content-main>aside.extended-sidebar {
    display: grid;
    grid-template-rows: 1.5fr 1fr 1fr
}

.list-featured aside {
    position: relative
}

.home .layout-thirds>div.extended-sidebar,
.topic-template .content-main .extended-sidebar {
    display: flex;
    flex-direction: column
}

.home .layout-thirds>div.extended-sidebar>div:last-child,
.topic-template .content-main .extended-sidebar>div:last-child {
    flex: 1
}

#nav-ad {
    width: 100%;
    background: #f2f2f2;
    --placeholder-height: 65px;
    height: var(--cc-sbillboard-max-height, var(--placeholder-height))
}

@media screen and (min-width: 375px) {
    #nav-ad {
        --placeholder-height: 72px
    }
}

@media screen and (min-width: 425px) {
    #nav-ad {
        --placeholder-height: 81px
    }
}

@media screen and (min-width: 768px) {
    #nav-ad {
        --placeholder-height: 146px
    }
}

@media screen and (min-width: 1024px) {
    #nav-ad {
        --placeholder-height: 192px
    }
}

@media screen and (min-width: 1440px) {
    #nav-ad {
        --placeholder-height: 95px
    }
}

body #leader-plus-top,
body #mpu-plus-top,
body #mpu-middle,
body #mpu-bottom {
    min-height: 50px
}

@media screen and (min-width: 481px),
not (pointer: none) {

    body #leader-plus-top,
    body #leader-plus-middle,
    body #leader-bottom {
        min-height: 90px
    }
}

#native-big-grid {
    position: relative;
    width: 100%
}

#native-big-grid,
#native-big-grid iframe {
    height: 100%
}

@media screen and (min-width: 1230px) {

    #native-main-well,
    #native-main-well iframe,
    #native-big-grid,
    #native-big-grid iframe {
        height: 13.5rem
    }
}

@media screen and (min-width: 636px)and (max-width: 780px) {

    #native-main-well,
    #native-main-well iframe,
    #native-big-grid,
    #native-big-grid iframe {
        height: 13.5rem
    }
}

#native-rr-article iframe,
#native-main-well iframe,
#native-boap iframe,
#native-study-guide iframe,
#native-in-article iframe {
    width: 100%
}

#native-rr-article>div,
#native-big-grid iframe,
#native-big-grid>div {
    width: 100%
}

#native-boap iframe {
    width: 100%
}

#bottom-footer-fixed-slot {
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--ad-border-color);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 5
}

#bottom-footer-fixed-slot span.ta-close-button {
    border: 1px solid var(--ad-border-color);
    border-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    height: 1.5rem !important;
    font-size: 1.5rem;
    left: 1em;
    line-height: 15px !important;
    margin-left: 0 !important;
    position: absolute !important;
    right: auto !important;
    top: -1.5rem;
    width: 2rem !important
}

.featured-articles-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.featured-articles-section .featured-article {
    display: flex;
    flex-direction: column
}

.featured-articles-section .featured-article .article-summary {
    display: block
}

.featured-articles-section .featured-article .article-summary p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5
}

@media(min-width: 640px) {
    .featured-articles-section {
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .featured-articles-section .editors-picks-article-list {
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem
    }
}

.featured-articles-section article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.featured-articles-section article figure,
.featured-articles-section article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.featured-articles-section article .view-category,
.featured-articles-section article .date-published>span,
.featured-articles-section article .url,
.featured-articles-section article figcaption,
.featured-articles-section article .article-section,
.featured-articles-section article .article-summary,
.featured-articles-section article .date-modified {
    display: none
}

.featured-articles-section article header {
    overflow: hidden;
    font-weight: 700
}

.featured-articles-section article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.featured-articles-section article header .headline,
.featured-articles-section article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.featured-articles-section article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.featured-articles-section article .group footer {
    display: flex;
    flex-direction: column
}

.featured-articles-section article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.featured-articles-section article .group footer .byline::after {
    display: none
}

.featured-articles-section article .group footer .byline a,
.featured-articles-section article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.featured-articles-section article figure,
.featured-articles-section article img {
    border-radius: 8px 8px 0 0
}

.featured-articles-section article .group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem 1.25rem
}

.featured-articles-section article .group footer {
    display: flex;
    flex-direction: column
}

.featured-articles-section .editors-picks {
    display: flex;
    flex-direction: column
}

.featured-articles-section .editors-picks ul {
    margin: 0
}

.featured-articles-section .editors-picks ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.5rem
}

@media(min-width: 640px) {
    .featured-articles-section .editors-picks ul li {
        margin-bottom: 0
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.experts-carousel {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 1.5rem;
    font-weight: 700
}

.experts-carousel h2 {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--theme-color-navy);
    font-size: 2.25rem;
    line-height: 125%;
    text-align: center;
    color: var(--theme-color-navy)
}

.experts-carousel .blurb {
    display: none
}

.experts-carousel .blurb p {
    margin: 0;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 175%;
    text-align: center
}

.experts-carousel .blurb p:not(:first-child) {
    margin-top: 2rem
}

.experts-carousel .carousel .splide__arrow {
    width: 2rem;
    height: 2rem;
    background: none;
    border: none;
    border-radius: 0
}

.experts-carousel .carousel .splide__arrow svg {
    width: 100%;
    height: 100%
}

.experts-carousel .carousel .splide__arrow--prev {
    left: 0
}

.experts-carousel .carousel .splide__arrow--next {
    right: 0
}

.experts-carousel .carousel .carousel-item {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    max-width: 20rem;
    opacity: .75;
    transition: opacity .25s ease-in-out
}

.experts-carousel .carousel .carousel-item:hover {
    text-decoration: none !important
}

.experts-carousel .carousel .carousel-item picture {
    grid-row: 1/-1;
    grid-column: 1;
    align-self: center;
    justify-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9rem;
    height: 9rem;
    margin-bottom: 2rem
}

.experts-carousel .carousel .carousel-item picture .expert-profile-img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    object-fit: cover;
    transition-property: width, height;
    transition: .25s ease-in-out
}

.experts-carousel .carousel .carousel-item .expert-name {
    margin: 0;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 125%;
    text-align: center;
    color: var(--theme-color-primary)
}

.experts-carousel .carousel .carousel-item .expert-title {
    font-size: 1rem;
    line-height: 175%;
    text-align: center;
    color: var(--theme-color-navy)
}

.experts-carousel .carousel .carousel-item.is-active {
    opacity: 1
}

.experts-carousel .carousel .carousel-item.is-active .expert-profile-img {
    width: 100%;
    height: 100%
}

.experts-carousel .carousel .carousel-item.is-active .expert-name {
    font-size: 1.25rem
}

@media screen and (min-width: 768px) {
    .experts-carousel {
        padding: 2rem 1.5rem
    }

    .experts-carousel h2 {
        font-size: 1.5rem
    }

    .experts-carousel .carousel .splide__track {
        width: 90%;
        margin: auto
    }

    .experts-carousel .carousel .splide__track::before,
    .experts-carousel .carousel .splide__track::after {
        position: absolute;
        top: 0;
        display: block;
        width: 10vw;
        height: 100%;
        content: "";
        z-index: 1
    }

    .experts-carousel .carousel .splide__track::before {
        left: 0;
        background: linear-gradient(to right, white, rgba(255, 255, 255, 0))
    }

    .experts-carousel .carousel .splide__track::after {
        right: 0;
        background: linear-gradient(to left, white, rgba(255, 255, 255, 0))
    }

    .experts-carousel .carousel .splide__list {
        gap: 2.5rem
    }

    .experts-carousel .carousel .carousel-item {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 5rem 1fr;
        column-gap: 1.5rem;
        row-gap: .5rem;
        max-width: 15rem
    }

    .experts-carousel .carousel .carousel-item picture {
        width: 5rem;
        height: 5rem;
        margin: 0
    }

    .experts-carousel .carousel .carousel-item picture .expert-profile-img {
        width: 4rem;
        height: 4rem
    }

    .experts-carousel .carousel .carousel-item .expert-name {
        grid-column: 2;
        align-self: end;
        margin-bottom: 0;
        font-size: 1.125rem;
        text-align: left
    }

    .experts-carousel .carousel .carousel-item .expert-title {
        text-align: left
    }
}

@media screen and (min-width: 1024px) {
    .experts-carousel {
        padding: 4.375rem 6.75rem
    }

    .experts-carousel h2 {
        font-size: 2.25rem
    }

    .experts-carousel .blurb {
        display: block
    }

    .experts-carousel .carousel .splide__list {
        gap: 3.625rem
    }

    .experts-carousel .carousel .carousel-item {
        grid-template-columns: 9rem 1fr;
        max-width: 20rem
    }

    .experts-carousel .carousel .carousel-item picture {
        width: 9rem;
        height: 9rem;
        margin: 0
    }

    .experts-carousel .carousel .carousel-item picture .expert-profile-img {
        width: 8rem;
        height: 8rem
    }
}

.abt__wrapper.abt_padded {
    padding-top: var(--wp--preset--spacing--50) !important;
    padding-bottom: var(--wp--preset--spacing--50) !important
}

.abt__wrapper.abt_spaced--top {
    margin-top: 48px
}

.abt__wrapper.abt_spaced--bottom {
    margin-bottom: 48px
}

.abt {
    padding: 0 24px 48px
}

@media(min-width: 980px) {
    .abt {
        width: calc(100% - 216px);
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 48px;
        /* max-width: 1224px */
        max-width: 1480px;
    }
}

.abt .abt_header {
    padding-bottom: var(--wp--preset--spacing--50);
    margin-bottom: 0
}

.abt .abt_header .section-heading {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.abt .abt_header .section-heading big {
    font-size: var(--wp--preset--font-size--x-large)
}

.abt .abt_header .abt-subheading {
    margin-top: var(--wp--preset--spacing--50);
    font-weight: 400
}

.abt-posts-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-y: auto;
    gap: 24px;
    width: calc(100% + 24px);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.abt-posts-container::-webkit-scrollbar {
    display: none
}

@media(min-width: 980px) {
    .abt-posts-container {
        width: 100%
    }
}

.abt-posts-container.abt-noposts:before {
    content: "Failed to load posts.";
    display: block;
    width: 100%
}

.abt-posts-container:after {
    content: ""
}

@media(min-width: 980px) {
    .abt-posts-container:after {
        display: none
    }
}

.abt-posts-container__card {
    background-color: var(--wp--preset--color--white);
    margin-bottom: 24px;
    min-width: 290px;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    border-radius: 8px;
    overflow: hidden
}

.abt-posts-container__card:first-child {
    margin-left: 5px
}

.abt-posts-container__card:last-child {
    margin-right: 5px
}

@media(min-width: 980px) {
    .abt-posts-container__card {
        min-width: 0;
        width: calc(25% - 20px)
    }
}

.abt-posts-container__card.abt-hidden {
    display: none
}

.abt-posts-container__card--title {
    line-height: 125%;
    -webkit-line-clamp: 2
}

.abt-posts-container__card--excerpt {
    line-height: 175%;
    -webkit-line-clamp: 3
}

.abt-posts-container__card--title,
.abt-posts-container__card--excerpt {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.abt-posts-container__card--author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45%;
    color: #cf3a09;
    font-weight: 700
}

.abt-posts-container__card--author:not(.content-type)::before {
    content: "By ";
    font-weight: 300;
    color: var(--theme-color-navy)
}

.abt-posts-container__card--author,
.abt-posts-container__card--published-date {
    display: inline-block
}

.abt-posts-container__card--published-date {
    padding-left: 16px;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap
}

.abt-posts-container__card--content-container {
    padding: 20px;
    color: var(--theme-color-navy)
}

.abt-posts-container__card--img-wrap {
    height: 200px;
    overflow: hidden;
    position: relative
}

.abt-posts-container__card--image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover
}

.abt-posts-container__card--link:hover {
    text-decoration: none
}

.abt__topics {
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
    display: flex;
    flex-wrap: nowrap;
    overflow-y: auto;
    gap: 32px;
    width: 100%;
    gap: 16px 32px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.abt__topics::-webkit-scrollbar {
    display: none
}

.abt__topics.draggable {
    cursor: grab;
    user-select: none
}

.abt__topics.draggable.active {
    cursor: grabbing
}

.abt__topics--load-posts-button {
    border-radius: 30px;
    border: 1px solid var(--theme-color-primary);
    padding: 8px 16px;
    background: rgba(0, 0, 0, 0);
    color: var(--theme-color-primary);
    font-weight: 700;
    transition: .3s all;
    flex: 0 0 auto
}

.abt__topics--load-posts-button:hover {
    cursor: pointer;
    background: var(--theme-color-primary);
    color: #fff
}

.abt__topics--load-posts-button.active {
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    background-color: var(--theme-color-primary);
    color: #fff
}

.abt__no-topics {
    padding-top: var(--wp--preset--spacing--50)
}

.abt-loading {
    opacity: .5
}

#view-all-articles-by-category,
.view-all-articles-by-category {
    border-radius: 30px;
    background: #cf3a09;
    padding: 8px 32px;
    justify-content: center;
    display: flex;
    color: #fff;
    text-align: center;
    transition: .3s all
}

@media(min-width: 640px) {

    #view-all-articles-by-category,
    .view-all-articles-by-category {
        float: right;
        width: auto
    }
}

#view-all-articles-by-category:hover,
.view-all-articles-by-category:hover {
    cursor: pointer;
    text-decoration: none;
    background: #cb4200;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

.video-component {
    background: linear-gradient(180deg, var(--theme-color-primary) 0%, #044997 100%);
    padding: 50px 24px;
    margin-bottom: 48px
}

.video-component__title {
    color: #fff
}

.video-component__view-all {
    color: #fff
}

@media(min-width: 980px) {
    .video-component__view-all {
        float: right;
        margin-top: -32px
    }
}

.video-component__view-all:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M11.8538 5.85378L7.35375 10.3538C7.25993 10.4476 7.13268 10.5003 7 10.5003C6.86732 10.5003 6.74007 10.4476 6.64625 10.3538C6.55243 10.26 6.49972 10.1327 6.49972 10C6.49972 9.86735 6.55243 9.7401 6.64625 9.64628L10.2931 6.00003H0.5C0.367392 6.00003 0.240215 5.94736 0.146447 5.85359C0.0526785 5.75982 0 5.63264 0 5.50003C0 5.36743 0.0526785 5.24025 0.146447 5.14648C0.240215 5.05271 0.367392 5.00003 0.5 5.00003H10.2931L6.64625 1.35378C6.55243 1.25996 6.49972 1.13272 6.49972 1.00003C6.49972 0.867352 6.55243 0.740104 6.64625 0.646284C6.74007 0.552464 6.86732 0.499756 7 0.499756C7.13268 0.499756 7.25993 0.552464 7.35375 0.646284L11.8538 5.14628C11.9002 5.19272 11.9371 5.24786 11.9623 5.30856C11.9874 5.36926 12.0004 5.43433 12.0004 5.50003C12.0004 5.56574 11.9874 5.63081 11.9623 5.6915C11.9371 5.7522 11.9002 5.80735 11.8538 5.85378Z" fill="white"/></svg>');
    font-weight: 300;
    display: inline-block;
    height: 24px;
    padding-left: 16px;
    transition: .3s all ease-in-out
}

.video-component__view-all:hover::after {
    transform: translateX(4px)
}

.video-component__featured {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.56) 100%);
    border-radius: 8px;
    padding: 24px;
    display: inline-flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap
}

@media(min-width: 640px) {
    .video-component__featured {
        flex-wrap: nowrap
    }
}

@media(min-width: 980px) {
    .video-component__featured {
        padding: 70px 104px
    }
}

@media(min-width: 980px) {
    .video-component__featured--image {
        width: 50%
    }
}

.video-component__featured--image-thumbnail {
    border-radius: 8px;
    object-fit: cover
}

@media(min-width: 980px) {
    .video-component__featured--content {
        width: 50%
    }
}

.video-component__featured--content-category {
    color: var(--theme-color-primary)
}

.video-component__featured--content-title {
    color: var(--theme-color-navy);
    margin-bottom: 24px
}

@media(min-width: 980px) {
    .video-component__featured--content-title {
        font-size: 1.875rem;
        line-height: 125%
    }
}

.video-component__featured--content-excerpt {
    color: var(--theme-color-navy);
    margin-bottom: 24px
}

@media(min-width: 980px) {
    .video-component__featured--content-excerpt {
        font-size: 1.125rem;
        line-height: 125%
    }
}

.video-component__featured--content-link a {
    color: var(--theme-color-navy);
    font-weight: 700
}

.video-component__featured--content-link a::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M11.8538 5.35372L7.35375 9.85372C7.25993 9.94754 7.13268 10.0003 7 10.0003C6.86732 10.0003 6.74007 9.94754 6.64625 9.85372C6.55243 9.7599 6.49972 9.63266 6.49972 9.49997C6.49972 9.36729 6.55243 9.24004 6.64625 9.14622L10.2931 5.49997H0.5C0.367392 5.49997 0.240215 5.44729 0.146447 5.35353C0.0526785 5.25976 0 5.13258 0 4.99997C0 4.86736 0.0526785 4.74019 0.146447 4.64642C0.240215 4.55265 0.367392 4.49997 0.5 4.49997H10.2931L6.64625 0.853723C6.55243 0.759902 6.49972 0.632655 6.49972 0.499973C6.49972 0.367291 6.55243 0.240043 6.64625 0.146223C6.74007 0.0524025 6.86732 -0.000305176 7 -0.000305176C7.13268 -0.000305176 7.25993 0.0524025 7.35375 0.146223L11.8538 4.64622C11.9002 4.69266 11.9371 4.7478 11.9623 4.8085C11.9874 4.8692 12.0004 4.93427 12.0004 4.99997C12.0004 5.06568 11.9874 5.13074 11.9623 5.19144C11.9371 5.25214 11.9002 5.30729 11.8538 5.35372Z" fill="%23000E2A"/></svg>');
    font-weight: 300;
    color: var(--theme-color-navy);
    display: inline-block;
    height: 24px;
    padding-left: 16px;
    transition: .3s all ease-in-out
}

.video-component__featured--content-link a:hover::after {
    transform: translateX(4px)
}

.video-component__latest-title {
    color: #fff;
    margin: 24px 0
}

.video-component__latest-videos {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 24px
}

@media(min-width: 640px) {
    .video-component__latest-videos {
        grid-auto-columns: 1fr;
        grid-auto-flow: column
    }
}

.video-component__latest-videos--video {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 640px) {
    .video-component__latest-videos--video {
        flex-wrap: nowrap
    }
}

.video-component__latest-videos--video-image {
    width: 100%
}

@media(min-width: 640px) {
    .video-component__latest-videos--video-image {
        width: 42%
    }
}

.video-component__latest-videos--video-image-thumbnail {
    width: 100%;
    height: 100%;
    max-height: 181px;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    .video-component__latest-videos--video-image-thumbnail {
        max-height: 100%
    }
}

.video-component__latest-videos--video-content {
    width: 100%;
    padding: 24px;
    background-color: #fff;
    display: grid
}

@media(min-width: 640px) {
    .video-component__latest-videos--video-content {
        width: 58%
    }
}

.video-component__latest-videos--video-content-title {
    color: var(--theme-color-navy);
    font-size: 1.125rem;
    line-height: 125%
}

.video-component__latest-videos--video-content-link {
    margin-bottom: 0;
    align-self: end
}

.video-component__latest-videos--video-content-link a {
    color: #cf3a09;
    font-weight: 700
}

.video-component__latest-videos--video-content-link a::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M11.8538 5.35372L7.35375 9.85372C7.25993 9.94754 7.13268 10.0003 7 10.0003C6.86732 10.0003 6.74007 9.94754 6.64625 9.85372C6.55243 9.7599 6.49972 9.63266 6.49972 9.49997C6.49972 9.36729 6.55243 9.24004 6.64625 9.14622L10.2931 5.49997H0.5C0.367392 5.49997 0.240215 5.44729 0.146447 5.35353C0.0526785 5.25976 0 5.13258 0 4.99997C0 4.86736 0.0526785 4.74019 0.146447 4.64642C0.240215 4.55265 0.367392 4.49997 0.5 4.49997H10.2931L6.64625 0.853723C6.55243 0.759902 6.49972 0.632655 6.49972 0.499973C6.49972 0.367291 6.55243 0.240043 6.64625 0.146223C6.74007 0.0524025 6.86732 -0.000305176 7 -0.000305176C7.13268 -0.000305176 7.25993 0.0524025 7.35375 0.146223L11.8538 4.64622C11.9002 4.69266 11.9371 4.7478 11.9623 4.8085C11.9874 4.8692 12.0004 4.93427 12.0004 4.99997C12.0004 5.06568 11.9874 5.13074 11.9623 5.19144C11.9371 5.25214 11.9002 5.30729 11.8538 5.35372Z" fill="%23CF3A09"/></svg>');
    height: 24px;
    width: 24px;
    float: right;
    transition: .3s all ease-in-out
}

.video-component__latest-videos--video-content-link a:hover::after {
    transform: translateX(4px)
}

.wp-block-ta-affiliate-widget-affiliate-boost.component-styles {
    --list-icon-color: var(--theme-color-primary);
    --border-color: #E9E9E9;
    --tooltip-background-color: #E1ECFA;
    border-radius: 8px
}

.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .logo-container .logo img {
    max-width: 100% !important;
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0)
}

.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff
}

.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:focus,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:focus-visible,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:hover,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:focus,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:focus-visible,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:focus,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:focus-visible,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-block-button:hover,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:focus,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:focus-visible,
.wp-block-ta-affiliate-widget-affiliate-boost.component-styles .container .features-container .wp-element-button:hover {
    background-color: #fe693c
}

div.overflow-container.table-border {
    border-radius: 8px
}

.ta-comparison-table {
    --ta-comparison-table-sticky-top-offset: 70px
}

.ta-comparison-table thead tr td {
    font-size: 18px;
    line-height: 1.25
}

.ta-comparison-table tr.table-row-sponsor td:before {
    padding: 2px
}

.ta-comparison-table tr th,
.ta-comparison-table tr td {
    font-size: 16px;
    min-width: 150px;
    line-height: 1.75
}

.ta-comparison-table tr th img,
.ta-comparison-table tr td img {
    margin: auto !important;
    background: none;
    width: auto;
    height: auto
}

.ta-comparison-table tr th span.tr-star-ratings__star,
.ta-comparison-table tr td span.tr-star-ratings__star {
    padding: 0 1.5px
}

.ta-comparison-table tr th span.tr-star-ratings__star svg,
.ta-comparison-table tr td span.tr-star-ratings__star svg {
    width: 16px;
    height: 16px
}

.ta-comparison-table tr.table-row-sponsor {
    border: 2px solid var(--theme-color-primary)
}

.trcom-info-icon-container {
    position: relative;
    display: inline-block;
    cursor: default
}

.trcom-info-icon-container svg {
    top: .4em;
    position: relative
}

.trcom-info-icon-container svg path {
    fill: #7a7a7a
}

.trcom-info-icon-container .trcom-info-icon {
    top: auto
}

.trcom-info-icon-container .trcom-info-icon a:hover {
    text-decoration: none
}

.trcom-info-icon-container .trcom-info-content {
    top: 38px;
    left: auto;
    transform: translateX(0)
}

.trcom-info-icon-container:hover path {
    fill: #cf3a09
}

.trcom-info-icon-container:hover .trcom-info-content {
    display: flex
}

table .trcom-info-content {
    display: none !important
}

.trcom-info-content {
    position: absolute;
    width: 240px;
    max-width: 100vw;
    padding: 1rem;
    z-index: 9999;
    font-size: .875rem;
    color: var(--theme-color-navy);
    gap: .5rem;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: .5rem;
    box-shadow: 0 4px 8px 0px rgba(34, 34, 34, .12)
}

.trcom-info-content strong {
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 1rem
}

.trcom-info-content.active-tooltip {
    display: flex
}

.trcom-info-content.tooltip-centered {
    left: 50%;
    transform: translateX(-50%)
}

.wp-block-ta-designed-component-aws-partners-live.component-styles {
    --aws-partners-live-button-width: 280px;
    --aws-partners-live-button-bg-color: #CF3A09;
    --aws-partners-live-button-text-color: #F7F7F7;
    background-image: url(//assets.pocrepublic.com/uploads/TR-aws-partners-bg_mobile.png);
    margin-bottom: 1.875rem
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-heading {
    text-align: center
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-heading h2 {
    font-size: var(--wp--preset--font-size--large);
    line-height: 1.25
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-heading p {
    font-size: 18px;
    line-height: 1.25;
    margin-top: 0
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-cta .wp-element-button {
    border-radius: 30px;
    box-shadow: 0 5px 8px 0px rgba(34, 34, 34, .2);
    padding: 8px 10px
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-cta .wp-element-button:hover,
.wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-cta .wp-element-button:active {
    --aws-partners-live-button-bg-color: #FE693C;
    opacity: 1
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .dc-aws-partners-live-agendas ul li {
    margin-left: 0
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .dc-aws-partners-live-agendas ul li span {
    font-size: 14px;
    font-weight: normal
}

.wp-block-ta-designed-component-aws-partners-live.component-styles .dc-aws-partners-live-agendas ul li .agenda-label {
    font-size: 20px
}

@media screen and (min-width: 782px) {
    .wp-block-ta-designed-component-aws-partners-live.component-styles {
        background-image: url(//assets.pocrepublic.com/uploads/TR-aws-partners-bg_desktop.png)
    }

    .wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-heading {
        text-align: center
    }

    .wp-block-ta-designed-component-aws-partners-live.component-styles .ta-dc-component-heading h2 {
        font-size: var(--wp--preset--font-size--x-large)
    }

    .wp-block-ta-designed-component-aws-partners-live.component-styles .dc-aws-partners-live-agendas ul li span {
        font-size: 16px
    }
}

.error404 .layout {
    padding-top: .625rem
}

@media(min-width: 980px) {
    .error404 .layout {
        padding-top: 1rem
    }
}

.error404 .layout .content-main .search-bar {
    position: relative;
    width: 100%;
    margin-bottom: 2rem
}

.error404 .layout .content-main .search-bar input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: box-shadow ease-in .1s;
    width: 100%
}

.error404 .layout .content-main .search-bar input[type=search]::-ms-clear,
.error404 .layout .content-main .search-bar input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.error404 .layout .content-main .search-bar input[type=search]::-webkit-search-decoration,
.error404 .layout .content-main .search-bar input[type=search]::-webkit-search-cancel-button,
.error404 .layout .content-main .search-bar input[type=search]::-webkit-search-results-button,
.error404 .layout .content-main .search-bar input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.error404 .layout .content-main .search-bar input[type=search]::placeholder {
    color: #778596;
    font-weight: 100
}

.error404 .layout .content-main .search-bar input[type=search]:focus {
    box-shadow: 0 0 5px rgba(32, 119, 186, .75);
    outline: 0
}

.error404 .layout .content-main .search-bar input[type=search] {
    border: 2px solid var(--theme-color-primary-hover);
    border-radius: 3.125rem;
    color: var(--theme-color-primary-hover);
    font-size: 1.25em;
    padding: .75rem 3rem .75rem 1.25rem;
    width: 100%
}

.error404 .layout .content-main .search-bar button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    z-index: 500;
    line-height: 2.5em;
    right: 6px;
    top: 50%;
    transform: translate(0, -50%);
    transition: transform ease-in .1s;
    width: 2.5em
}

.error404 .layout .content-main .search-bar button:hover {
    cursor: pointer
}

.error404 .layout .content-main .search-bar button:disabled {
    cursor: inherit
}

.error404 .layout .content-main .search-bar button:disabled svg {
    fill: #778596
}

.error404 .layout .content-main .search-bar button:disabled:hover {
    cursor: default
}

.error404 .layout .content-main .search-bar button:disabled:active,
.error404 .layout .content-main .search-bar button:disabled:focus-visible {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.error404 .layout .content-main .search-bar button svg {
    fill: var(--theme-color-primary-hover);
    height: 1.125rem;
    transform: translate(0, 3px);
    width: 1.125rem
}

.error404 .layout .content-main .search-bar button:not([disabled]):active {
    transform: scale(0.9) translate(0, -55%);
    transition: transform ease-in .05s
}

.error404 .layout .content-main .search-bar button:not([disabled]):hover,
.error404 .layout .content-main .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary-hover);
    border-radius: 100%;
    outline: none
}

.error404 .layout .content-main .search-bar button:not([disabled]):hover svg,
.error404 .layout .content-main .search-bar button:not([disabled]):focus-visible svg {
    fill: #fff
}

.error404 .layout .content-main .see-all {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    display: flex;
    margin: 0 auto
}

.error404 .layout .content-main .see-all:focus {
    outline: none
}

.error404 .layout .content-main .see-all:active,
.error404 .layout .content-main .see-all:focus,
.error404 .layout .content-main .see-all:focus-visible,
.error404 .layout .content-main .see-all:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.error404 .layout .content-main .see-all:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.error404 .layout .content-main .see-all:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.error404 .layout .content-main .see-all span {
    position: relative;
    transform: translate(0, 1px)
}

.error404 .layout .content-main .see-all:active,
.error404 .layout .content-main .see-all:focus,
.error404 .layout .content-main .see-all:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.error404 .layout .content-main .see-all:active {
    transform: scale(0.9)
}

.error404 .hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-image: url("inc/images/hero-404-bg_640.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 5rem 0 0 0;
    width: 100%
}

@media(min-width: 980px) {
    .error404 .hero {
        background-image: url("inc/images/hero-404-bg_1024.jpg")
    }
}

@media(min-width: 1230px) {
    .error404 .hero {
        background-image: url("inc/images/hero-404-bg_1200.jpg")
    }
}

@media(min-width: 1440px) {
    .error404 .hero {
        background-image: url("inc/images/hero-404-bg_1600.jpg")
    }
}

.error404 .hero header h2 {
    color: #fff;
    font-size: 6.25rem;
    font-weight: 800;
    margin: 0 0 -1rem 0;
    padding: 0;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .error404 .hero header h2 {
        font-size: 11.25em;
        margin: 0 0 -2rem 0
    }
}

.error404 .hero section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(29, 91, 137, .5);
    margin: 0;
    padding: 1.25rem 0;
    width: 100%
}

.error404 .hero section h3 {
    color: #fff;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 1;
    margin: 0
}

@media(min-width: 980px) {
    .error404 .hero section h3 {
        font-size: 3.75em
    }
}

.error404 .hero section p {
    color: #fff;
    font-size: .9375em;
    line-height: 1.2;
    margin: 0
}

@media(min-width: 980px) {
    .error404 .hero section p {
        font-size: 1.125em
    }
}

.content-about-us .about-us {
    margin: 0
}

.content-about-us .about-us .section-layout {
    position: relative;
    z-index: 10;
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .about-us .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .about-us .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .about-us .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .about-us .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout p {
        margin-bottom: 1.88rem
    }
}

.content-about-us .about-us .section-layout .section-content {
    margin: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout .section-content {
        margin-bottom: 0
    }
}

.content-about-us .about-us .section-layout .section-content .policy-links {
    list-style: none;
    margin: 0;
    padding: 0;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.88rem;
    margin: 0;
    margin-bottom: 1.88rem
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout .section-content .policy-links {
        flex-direction: row
    }
}

.content-about-us .about-us .section-layout .section-content .policy-links li a {
    display: flex;
    align-items: center;
    gap: .38rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 125%;
    text-decoration: none;
    color: var(--theme-color-primary)
}

.content-about-us .about-us .section-layout .section-content .policy-links li a svg {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--theme-color-primary)
}

.content-about-us .about-us .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .about-us .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .about-us .section-layout .section-content .cta-btn:active,
.content-about-us .about-us .section-layout .section-content .cta-btn:focus,
.content-about-us .about-us .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .about-us .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .about-us .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .about-us .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .about-us .section-layout .section-content .cta-btn:active,
.content-about-us .about-us .section-layout .section-content .cta-btn:focus,
.content-about-us .about-us .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .about-us .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .about-us .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .about-us .section-layout section:last-of-type {
    margin: 0;
    width: 100%
}

@media(min-width: 980px) {
    .content-about-us .about-us .section-layout section:last-of-type {
        width: 50%
    }
}

.content-about-us .about-us .section-layout section:last-of-type .iframe-section-inner {
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    overflow: hidden
}

.content-about-us .about-us .section-layout section:last-of-type .iframe-section-inner .iframe-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.content-about-us .about-us .section-layout section:last-of-type .iframe-section-inner .iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.content-about-us .membership {
    margin: 0;
    margin-bottom: 2rem;
    background: var(--theme-color-primary);
    background: linear-gradient(180deg, var(--theme-color-primary) 0%, #044997 100%)
}

@media(min-width: 980px) {
    .content-about-us .membership {
        margin-bottom: 3.12rem
    }
}

.content-about-us .membership .section-layout {
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .membership .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .membership .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .membership .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .membership .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout p {
        margin-bottom: 1.88rem
    }
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout {
        flex-direction: row-reverse;
        align-items: stretch
    }
}

.content-about-us .membership .section-layout .section-content {
    margin: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout .section-content {
        margin-bottom: 0
    }
}

.content-about-us .membership .section-layout .section-content h2,
.content-about-us .membership .section-layout .section-content p,
.content-about-us .membership .section-layout .section-content li {
    color: #fff
}

.content-about-us .membership .section-layout .section-content ul {
    padding-bottom: 20px
}

.content-about-us .membership .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .membership .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .membership .section-layout .section-content .cta-btn:active,
.content-about-us .membership .section-layout .section-content .cta-btn:focus,
.content-about-us .membership .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .membership .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .membership .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .membership .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .membership .section-layout .section-content .cta-btn:active,
.content-about-us .membership .section-layout .section-content .cta-btn:focus,
.content-about-us .membership .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .membership .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .membership .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .membership .section-layout section:last-of-type {
    width: 100%;
    margin: 0
}

.content-about-us .membership .section-layout section:last-of-type img {
    width: 100%;
    height: 14.5rem;
    border-radius: .5rem;
    object-fit: cover
}

@media(min-width: 980px) {
    .content-about-us .membership .section-layout section:last-of-type {
        width: 50%
    }

    .content-about-us .membership .section-layout section:last-of-type img {
        height: 100%
    }
}

.content-about-us .editorial-team {
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width: 980px) {
    .content-about-us .editorial-team {
        margin-bottom: 3.12rem
    }
}

.content-about-us .editorial-team .section-layout {
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem;
    padding-block: 0
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .editorial-team .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .editorial-team .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .editorial-team .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .editorial-team .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout p {
        margin-bottom: 1.88rem
    }
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:active,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:focus,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:active,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:focus,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .editorial-team .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .editorial-team .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .editorial-team .section-layout .site-services {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto;
    margin: 0;
    width: 100%
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        z-index: 5;
        height: 100%;
        width: 50%
    }
}

.content-about-us .editorial-team .section-layout .site-services h2 {
    width: 100%
}

.content-about-us .editorial-team .section-layout .site-services ul {
    list-style: none;
    margin: 0;
    padding: 0;
    --service-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--service-columns), minmax(0, 1fr));
    width: 100%;
    gap: 1.25rem
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul {
        --service-columns: 3;
        gap: 1.5rem
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    margin: 0;
    padding: 1rem .75rem;
    border-radius: .5rem;
    background: #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li {
        padding: 2rem
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li .service-icon {
    display: grid;
    grid-template: 1fr/1fr;
    justify-items: center;
    align-items: center
}

.content-about-us .editorial-team .section-layout .site-services ul li .service-icon>* {
    grid-row: 1;
    grid-column: 1
}

.content-about-us .editorial-team .section-layout .site-services ul li .service-icon svg:first-child {
    width: 3.75rem;
    height: 3.75rem;
    fill: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li .service-icon svg:first-child {
        width: 6.25rem;
        height: 6.25rem
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li .service-icon svg:last-child {
    width: 1.875rem;
    height: 1.875rem;
    fill: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li .service-icon svg:last-child {
        width: 3.125rem;
        height: 3.125rem
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li h3 {
    display: flex;
    align-items: center;
    height: 4.625rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 125%;
    text-align: center
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li h3 {
        height: 4.625rem;
        font-size: 1.5rem
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li a {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    width: 90% !important;
    white-space: pre
}

.content-about-us .editorial-team .section-layout .site-services ul li a:focus {
    outline: none
}

.content-about-us .editorial-team .section-layout .site-services ul li a:active,
.content-about-us .editorial-team .section-layout .site-services ul li a:focus,
.content-about-us .editorial-team .section-layout .site-services ul li a:focus-visible,
.content-about-us .editorial-team .section-layout .site-services ul li a:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .editorial-team .section-layout .site-services ul li a:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .editorial-team .section-layout .site-services ul li a:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li a {
        width: auto !important
    }
}

.content-about-us .editorial-team .section-layout .site-services ul li a:active,
.content-about-us .editorial-team .section-layout .site-services ul li a:focus,
.content-about-us .editorial-team .section-layout .site-services ul li a:focus-visible,
.content-about-us .editorial-team .section-layout .site-services ul li a:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .editorial-team .section-layout .site-services ul li a:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .editorial-team .section-layout .site-services ul li a span {
    display: none
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li a span {
        display: initial
    }
}

@media(min-width: 980px) {
    .content-about-us .editorial-team .section-layout .site-services ul li a {
        width: 100% !important
    }
}

.content-about-us .advertise {
    margin: 0;
    margin-bottom: 2rem;
    background: rgba(8, 107, 219, .1)
}

@media(min-width: 980px) {
    .content-about-us .advertise {
        margin-bottom: 3.12rem
    }
}

.content-about-us .advertise .section-layout {
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .advertise .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .advertise .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .advertise .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .advertise .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout p {
        margin-bottom: 1.88rem
    }
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout {
        flex-direction: row
    }
}

.content-about-us .advertise .section-layout .section-content {
    margin: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout .section-content {
        margin-bottom: 0
    }
}

.content-about-us .advertise .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .advertise .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .advertise .section-layout .section-content .cta-btn:active,
.content-about-us .advertise .section-layout .section-content .cta-btn:focus,
.content-about-us .advertise .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .advertise .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .advertise .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .advertise .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .advertise .section-layout .section-content .cta-btn:active,
.content-about-us .advertise .section-layout .section-content .cta-btn:focus,
.content-about-us .advertise .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .advertise .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .advertise .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .advertise .section-layout section:last-of-type {
    width: 100%;
    margin: 0
}

.content-about-us .advertise .section-layout section:last-of-type img {
    width: 100%;
    height: 14.5rem;
    border-radius: .5rem;
    object-fit: cover
}

@media(min-width: 980px) {
    .content-about-us .advertise .section-layout section:last-of-type {
        width: 50%
    }

    .content-about-us .advertise .section-layout section:last-of-type img {
        min-height: 21.5rem;
        height: 100%
    }
}

.content-about-us .academy {
    margin: 0;
    margin-bottom: 2rem;
    background: rgba(0, 0, 0, 0)
}

@media(min-width: 980px) {
    .content-about-us .academy {
        margin-bottom: 3.12rem
    }
}

.content-about-us .academy .section-layout {
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .academy .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .academy .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .academy .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .academy .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout p {
        margin-bottom: 1.88rem
    }
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout {
        flex-direction: row-reverse
    }
}

.content-about-us .academy .section-layout .section-content {
    margin: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout .section-content {
        margin-bottom: 0
    }
}

.content-about-us .academy .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .academy .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .academy .section-layout .section-content .cta-btn:active,
.content-about-us .academy .section-layout .section-content .cta-btn:focus,
.content-about-us .academy .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .academy .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .academy .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .academy .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .academy .section-layout .section-content .cta-btn:active,
.content-about-us .academy .section-layout .section-content .cta-btn:focus,
.content-about-us .academy .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .academy .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .academy .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .academy .section-layout section:last-of-type {
    width: 100%;
    margin: 0
}

.content-about-us .academy .section-layout section:last-of-type img {
    width: 100%;
    height: 14.5rem;
    border-radius: .5rem;
    object-fit: cover
}

@media(min-width: 980px) {
    .content-about-us .academy .section-layout section:last-of-type {
        width: 50%
    }

    .content-about-us .academy .section-layout section:last-of-type img {
        min-height: 21.5rem;
        height: 100%
    }
}

.content-about-us .stay-connected {
    margin: 0;
    margin-bottom: 2rem;
    background: rgba(8, 107, 219, .1);
    margin-bottom: 0 !important
}

@media(min-width: 980px) {
    .content-about-us .stay-connected {
        margin-bottom: 3.12rem
    }
}

.content-about-us .stay-connected .section-layout {
    max-width: 1224px;
    height: 100%;
    margin: 0 auto;
    padding: 1.88rem 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1.5rem;
        padding: 4.375rem 6.75rem
    }

    .content-about-us .stay-connected .section-layout section {
        flex: 1 1 50%
    }
}

.content-about-us .stay-connected .section-layout h2 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: "Mulish", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-navy)
}

.content-about-us .stay-connected .section-layout h2 small {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 125%;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout h2 {
        margin-bottom: 1.25rem;
        font-size: 2.75rem
    }
}

.content-about-us .stay-connected .section-layout p {
    margin: 0;
    margin-bottom: 2rem;
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout p {
        margin-bottom: 1.88rem
    }
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout {
        flex-direction: row
    }
}

.content-about-us .stay-connected .section-layout .section-content {
    margin: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout .section-content {
        margin-bottom: 0
    }
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:focus {
    outline: none
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:active,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:focus,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout .section-content .cta-btn {
        width: auto !important
    }
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:active,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:focus,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:focus-visible,
.content-about-us .stay-connected .section-layout .section-content .cta-btn:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-about-us .stay-connected .section-layout .section-content .cta-btn:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-about-us .stay-connected .section-layout section:last-of-type {
    width: 100%;
    margin: 0
}

.content-about-us .stay-connected .section-layout section:last-of-type img {
    width: 100%;
    height: 14.5rem;
    border-radius: .5rem;
    object-fit: cover
}

@media(min-width: 980px) {
    .content-about-us .stay-connected .section-layout section:last-of-type {
        width: 50%
    }

    .content-about-us .stay-connected .section-layout section:last-of-type img {
        min-height: 21.5rem;
        height: 100%
    }
}

.content-about-us .stay-connected ul {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin: 0;
    list-style: none;
    flex-wrap: wrap
}

@media(min-width: 980px) {
    .content-about-us .stay-connected ul {
        justify-content: flex-start
    }
}

.content-about-us .stay-connected ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.8125rem;
    height: 2.8125rem;
    padding: .375rem;
    border: 1px solid var(--theme-color-primary);
    border-radius: .375rem
}

.content-about-us .stay-connected ul li a {
    display: block;
    width: 2.125rem;
    height: 2.125rem
}

.content-about-us .stay-connected ul li a svg {
    fill: var(--theme-color-primary)
}

.content-about-us .ad-space {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #101a20;
    margin: 0;
    max-height: 600;
    padding: 1rem 0
}

.about-us-page-background {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    z-index: 0
}

.about-us-page-background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width: 980px) {
    .about-us-page-background {
        display: block
    }
}

.editorial-team .about-us-page-background {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: red;
    z-index: 0
}

@media(min-width: 980px) {
    .editorial-team .about-us-page-background {
        display: block
    }
}

.editorial-team .about-us-page-background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.newsletters_main {
    background: #0d1a20;
    margin-top: 60px
}

@media(min-width: 980px) {
    .newsletters_main {
        margin-top: 0
    }
}

.newsletters_main header {
    padding-top: 30px
}

.newsletters_main header p.welcome {
    color: #a8b2bf;
    font-size: .85rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 1024px;
    text-align: center
}

.newsletters_main header p.welcome::after {
    content: "";
    display: block;
    max-width: 250px;
    background-color: #0e0618;
    height: 1px;
    margin: 20px auto
}

@media(min-width: 980px) {
    .newsletters_main header p.welcome {
        font-size: 1rem;
        line-height: 1.4
    }
}

.newsletters_main header h2 {
    color: var(--theme-color-primary-hover);
    font-size: 1.5rem;
    font-weight: 200;
    margin-bottom: .7rem;
    text-align: center
}

@media(min-width: 980px) {
    .newsletters_main header h2 {
        font-size: 3rem
    }
}

.newsletters_main header .newsletter_login {
    align-items: center;
    display: flex;
    justify-content: center
}

.newsletters_main header .newsletter_login a,
.newsletters_main header .newsletter_login label {
    color: var(--theme-color-secondary);
    cursor: pointer;
    font-size: .85rem;
    font-weight: bold;
    white-space: nowrap
}

@media(min-width: 980px) {

    .newsletters_main header .newsletter_login a,
    .newsletters_main header .newsletter_login label {
        font-size: 1rem
    }
}

.newsletters_main header .newsletter_login svg {
    fill: var(--theme-color-secondary);
    height: 1.4em;
    margin: 0 .2em;
    width: 1.4em
}

.newsletters_main header .newsletter_login p {
    color: #fff;
    margin: 0;
    font-size: .85rem;
    font-weight: 300
}

@media(min-width: 980px) {
    .newsletters_main header .newsletter_login p {
        font-size: 1rem
    }
}

.archive-newsletters {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 2rem;
    width: 100%
}

.archive-newsletters .newsletter-lists {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    justify-content: center
}

@media(min-width: 640px) {
    .archive-newsletters .newsletter-lists {
        padding: 10px
    }
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists {
        max-width: 80%
    }
}

@media(min-width: 1230px) {
    .archive-newsletters .newsletter-lists {
        max-width: 64%
    }
}

.archive-newsletters .newsletter-lists .featured-newsletters {
    margin-bottom: 0
}

.archive-newsletters .newsletter-lists .layout {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters {
        margin-right: 0
    }
}

@media(min-width: 1230px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters {
        margin-right: 0
    }
}

@media(min-width: 1440px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters {
        margin-right: 0
    }
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    width: 100%
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters:last-child {
    margin-bottom: 0
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li {
    width: 100%
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li {
    max-width: 100%
}

@media(min-width: 640px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li {
        max-width: 48.5%
    }
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li .list-newsletters-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-direction: column-reverse
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li .list-newsletters-item .content .copy h3 {
    font-size: 1.375em;
    font-weight: 200
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li .list-newsletters-item .content .copy h3 {
        color: var(--theme-color-navy);
        font-family: "Mulish", sans-serif;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.25;
        font-size: 1.5rem;
        font-weight: 200
    }
}

.archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li .list-newsletters-item .img-placeholder {
    margin: 0;
    width: 100%
}

@media(min-width: 640px) {
    .archive-newsletters .newsletter-lists .layout .recommended-newsletters .list-newsletters li .list-newsletters-item .img-placeholder {
        height: 12.813rem
    }
}

.archive-newsletters .newsletter-lists .layout label {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    background: rgba(0, 0, 0, 0);
    margin: 0
}

.archive-newsletters .newsletter-lists .layout label:focus {
    outline: none
}

.archive-newsletters .newsletter-lists .layout label:active,
.archive-newsletters .newsletter-lists .layout label:focus,
.archive-newsletters .newsletter-lists .layout label:focus-visible,
.archive-newsletters .newsletter-lists .layout label:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.archive-newsletters .newsletter-lists .layout label:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.archive-newsletters .newsletter-lists .layout label:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.archive-newsletters .newsletter-lists .layout label span {
    position: relative;
    transform: translate(0, 1px)
}

.archive-newsletters .newsletter-lists .layout label:active,
.archive-newsletters .newsletter-lists .layout label:focus,
.archive-newsletters .newsletter-lists .layout label:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.archive-newsletters .newsletter-lists .layout label:active {
    transform: scale(0.9)
}

.archive-newsletters .newsletter-lists .layout label:hover {
    cursor: pointer
}

.archive-newsletters .newsletter-lists .layout #load-more {
    display: none
}

.archive-newsletters .newsletter-lists .layout #load-more:checked~label {
    display: none
}

.archive-newsletters .newsletter-lists .layout #load-more:checked~.general-newsletters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists .layout #load-more:checked~.general-newsletters {
        margin-right: 0
    }
}

@media(min-width: 1230px) {
    .archive-newsletters .newsletter-lists .layout #load-more:checked~.general-newsletters {
        margin-right: 0
    }
}

@media(min-width: 1440px) {
    .archive-newsletters .newsletter-lists .layout #load-more:checked~.general-newsletters {
        margin-right: 0
    }
}

.archive-newsletters .newsletter-lists .layout .general-newsletters {
    background: #fff;
    display: none;
    position: relative;
    padding: 1rem 0 0 0
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .section-heading {
    width: calc(100% - 4rem);
    margin: 1rem 2rem -1rem 2rem;
    display: block
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    background: #fff
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters:last-child {
    margin-bottom: 0
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li {
    width: 100%
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li {
    max-width: 100%
}

@media(min-width: 640px) {
    .archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li {
        max-width: 48.5%
    }
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-direction: column-reverse
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .content .copy h3 {
    font-size: 1.375em;
    font-weight: 200
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .content .copy h3 {
        color: var(--theme-color-navy);
        font-family: "Mulish", sans-serif;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.25;
        font-size: 1.5rem;
        font-weight: 200
    }
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .img-placeholder {
    margin: 0;
    width: 100%
}

@media(min-width: 640px) {
    .archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .img-placeholder {
        height: 12.813rem
    }
}

@media(min-width: 980px) {
    .archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters {
        padding: 0
    }
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item {
    height: unset;
    margin: 0
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .img-placeholder {
    display: none
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters li .list-newsletters-item .content .copy .section-heading {
    display: none
}

.archive-newsletters .newsletter-lists .layout .general-newsletters .list-newsletters section.content {
    min-width: 100%
}

body.author main {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 980px) {
    body.author main {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    body.author main {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

body.author main .author .author-info {
    display: flex;
    justify-content: center;
    padding: 2rem 0 0 0
}

@media(min-width: 640px) {
    body.author main .author .author-info {
        justify-content: flex-start
    }
}

body.author main .author .author-info .author-hero {
    color: var(--theme-color-navy);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

@media(min-width: 640px) {
    body.author main .author .author-info .author-hero {
        justify-content: flex-start;
        flex-direction: row
    }
}

body.author main .author .author-info .author-hero figure {
    margin: 0
}

body.author main .author .author-info .author-hero figure img {
    border-radius: 100%;
    height: 152px;
    width: 152px
}

@media(min-width: 640px) {
    body.author main .author .author-info .author-hero figure img {
        height: 176px;
        width: 176px
    }
}

@media(min-width: 980px) {
    body.author main .author .author-info .author-hero figure img {
        height: 205px;
        width: 205px
    }
}

@media(min-width: 640px) {
    body.author main .author .author-info .author-hero figure {
        margin: 0 1.5rem 0 0
    }
}

body.author main .author .author-info .author-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

@media(min-width: 640px) {
    body.author main .author .author-info .author-details {
        align-items: flex-start
    }
}

body.author main .author .author-info .author-details h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    white-space: nowrap
}

body.author main .author .author-info .author-details .author-title {
    font-size: 1.25rem;
    line-height: 1.25
}

body.author main .author .author-info .author-details ul.social-links {
    display: flex;
    justify-content: center;
    list-style-type: none;
    gap: 1rem;
    margin: 0
}

@media(min-width: 980px) {
    body.author main .author .author-info .author-details ul.social-links {
        justify-content: flex-start
    }
}

body.author main .author .author-info .author-details ul.social-links .social-link {
    border: 1px solid var(--theme-color-primary);
    border-radius: .375rem;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

body.author main .author .author-info .author-details ul.social-links .social-link:hover {
    transition: all .3s ease-in-out;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    transform: scale(1.1);
    opacity: .7
}

body.author main .author .author-info .author-details ul.social-links .social-link a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    justify-content: center;
    align-items: center
}

body.author main .author .author-info .author-details ul.social-links .social-link a svg {
    height: 16px;
    width: 16px;
    margin-bottom: 0;
    fill: var(--theme-color-primary)
}

body.author main .author .author-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.5rem
}

@media(min-width: 980px) {
    body.author main .author .author-content {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

body.author main .author .author-content #author-bio-tab {
    position: relative
}

body.author main .author .author-content #author-bio-tab .tab {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body.author main .author .author-content #author-bio-tab .tab button {
    background-color: inherit;
    border: none;
    cursor: pointer;
    padding: 14px 16px;
    margin: 0;
    transition: .3s;
    position: relative;
    z-index: 2;
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    outline: none
}

body.author main .author .author-content #author-bio-tab .tab button:hover {
    opacity: .5
}

body.author main .author .author-content #author-bio-tab .tab button:focus:not(:focus-visible) span {
    outline: none
}

body.author main .author .author-content #author-bio-tab .tab button:focus span {
    outline: 2px solid #113f63;
    border-radius: 1px
}

body.author main .author .author-content #author-bio-tab .tab button.active {
    color: var(--theme-color-primary);
    border-bottom: 3px solid var(--theme-color-primary)
}

@media(min-width: 980px) {
    body.author main .author .author-content #author-bio-tab .tab button:first-child {
        padding-left: 0
    }
}

body.author main .author .author-content #author-bio-tab .author-tab-content {
    display: none;
    padding: 30px 0;
    border-top: 1px solid var(--theme-color-navy)
}

body.author main .author .author-content #author-bio-tab .author-tab-content.active {
    display: block
}

body.author main .author .author-content #author-bio-tab .author-tab-content .author-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

body.author main .author .author-content #author-bio-tab .author-tab-content .author-summary p,
body.author main .author .author-content #author-bio-tab .author-tab-content .author-summary li {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

body.author main .author .author-content #author-bio-tab .author-tab-content .author-summary ul {
    margin: 0 1rem
}

body.author main .author .author-content #author-bio-tab .author-tab-content .author-summary span {
    font-size: 1.25rem;
    font-weight: 700
}

body.author main .author .author-content #author-bio-tab .tr-latest-label {
    border-bottom: 1px solid var(--theme-color-navy);
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0 0 1.25rem 0
}

body.author main .author .author-content #author-bio-tab article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

body.author main .author .author-content #author-bio-tab article figure,
body.author main .author .author-content #author-bio-tab article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

body.author main .author .author-content #author-bio-tab article .view-category,
body.author main .author .author-content #author-bio-tab article .date-published>span,
body.author main .author .author-content #author-bio-tab article .url,
body.author main .author .author-content #author-bio-tab article figcaption,
body.author main .author .author-content #author-bio-tab article .article-section,
body.author main .author .author-content #author-bio-tab article .article-summary,
body.author main .author .author-content #author-bio-tab article .date-modified {
    display: none
}

body.author main .author .author-content #author-bio-tab article header {
    overflow: hidden;
    font-weight: 700
}

body.author main .author .author-content #author-bio-tab article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

body.author main .author .author-content #author-bio-tab article header .headline,
body.author main .author .author-content #author-bio-tab article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

body.author main .author .author-content #author-bio-tab article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

body.author main .author .author-content #author-bio-tab article .group footer {
    display: flex;
    flex-direction: column
}

body.author main .author .author-content #author-bio-tab article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

body.author main .author .author-content #author-bio-tab article .group footer .byline::after {
    display: none
}

body.author main .author .author-content #author-bio-tab article .group footer .byline a,
body.author main .author .author-content #author-bio-tab article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

body.author main .author .author-content #author-bio-tab article.is-premium header {
    width: 100%
}

body.author main .author .author-content #author-bio-tab article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

body.author main .author .author-content #author-bio-tab article.is-premium header span.is-premium-flag::after {
    top: 40%
}

body.author main .author .author-content #author-bio-tab article.is-premium header .article-section {
    display: none !important
}

body.author main .author .author-content #author-bio-tab article a {
    width: 100%;
    height: 100%
}

body.author main .author .author-content #author-bio-tab article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

body.author main .author .author-content #author-bio-tab article picture,
body.author main .author .author-content #author-bio-tab article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    body.author main .author .author-content #author-bio-tab article {
        width: 100%;
        height: auto
    }

    body.author main .author .author-content #author-bio-tab article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    body.author main .author .author-content #author-bio-tab article figure {
        max-width: 18rem
    }
}

body.author main .author .author-content #author-bio-tab article .category-title {
    display: none
}

body.author main .author .author-content #author-bio-tab article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    body.author main .author .author-content #author-bio-tab article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    body.author main .author .author-content #author-bio-tab article .group .article-summary {
        display: block
    }

    body.author main .author .author-content #author-bio-tab article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    body.author main .author .author-content #author-bio-tab article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.home .layout.layout-three {
    padding-top: 32px;
    padding-bottom: 0px;
    align-items: stretch;
    display: grid;
    gap: 24px
}

.home .layout.layout-three>div {
    display: flex;
    flex-direction: column;
}

.home .layout.layout-three>div>section {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.home .layout.layout-three>div>section>ul {
    flex-grow: 1;
}

.home .layout.layout-three>div>section>div {
    margin-top: auto;
}

.home .wp-block-columns {
    align-items: stretch !important;
}

.home .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

.home .wp-block-column>div {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.home .wp-block-column>div>section {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.home .wp-block-column>div>section>ul {
    flex-grow: 1 !important;
}

.home .wp-block-column>div>section>div {
    /* margin-top: auto !important; */
    margin-top: 20px !important;
}

.home .layout.layout-three .homepage-heading h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 32px;
    color: var(--theme-color-primary);
    font-family: "Mulish", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 700
}

.home .layout.layout-three .homepage-heading h1 small {
    color: #374257;
    font-size: 20px
}

@media only screen and (min-width: 980px)and (max-width: 1230px) {
    .home .layout.layout-three .homepage-heading h1 {
        font-size: 24px
    }
}

@media only screen and (max-width: 979px) {
    .home .layout.layout-three:first-of-type {
        padding-left: 24px;
        padding-right: 24px
    }

    .home .layout.layout-three:first-of-type div:nth-child(1) {
        order: 3
    }

    .home .layout.layout-three:first-of-type div:nth-child(2) {
        order: 1
    }

    .home .layout.layout-three:first-of-type div:nth-child(3) {
        order: 2
    }

    .home .layout.layout-three:first-of-type .homepage-heading {
        display: none
    }
}

.home .layout .list-featured.list-excerpt article {
    width: 100%;
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

.home .layout .list-featured.list-excerpt article figure,
.home .layout .list-featured.list-excerpt article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.home .layout .list-featured.list-excerpt article .view-category,
.home .layout .list-featured.list-excerpt article .date-published>span,
.home .layout .list-featured.list-excerpt article .url,
.home .layout .list-featured.list-excerpt article figcaption,
.home .layout .list-featured.list-excerpt article .article-section,
.home .layout .list-featured.list-excerpt article .article-summary,
.home .layout .list-featured.list-excerpt article .date-modified {
    display: none
}

.home .layout .list-featured.list-excerpt article header {
    overflow: hidden;
    font-weight: 700
}

.home .layout .list-featured.list-excerpt article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.home .layout .list-featured.list-excerpt article header .headline,
.home .layout .list-featured.list-excerpt article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.home .layout .list-featured.list-excerpt article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.home .layout .list-featured.list-excerpt article .group footer {
    display: flex;
    flex-direction: column
}

.home .layout .list-featured.list-excerpt article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.home .layout .list-featured.list-excerpt article .group footer .byline::after {
    display: none
}

.home .layout .list-featured.list-excerpt article .group footer .byline a,
.home .layout .list-featured.list-excerpt article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.home .layout .list-featured.list-excerpt article.is-premium header {
    width: 100%
}

.home .layout .list-featured.list-excerpt article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

.home .layout .list-featured.list-excerpt article.is-premium header span.is-premium-flag::after {
    top: 40%
}

.home .layout .list-featured.list-excerpt article.is-premium header .article-section {
    display: none !important
}

.home .layout .list-featured.list-excerpt article a {
    width: 100%;
    height: 100%
}

.home .layout .list-featured.list-excerpt article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

.home .layout .list-featured.list-excerpt article picture,
.home .layout .list-featured.list-excerpt article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    .home .layout .list-featured.list-excerpt article {
        width: 100%;
        height: auto
    }

    .home .layout .list-featured.list-excerpt article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    .home .layout .list-featured.list-excerpt article figure {
        max-width: 18rem
    }
}

.home .layout .list-featured.list-excerpt article .category-title {
    display: none
}

.home .layout .list-featured.list-excerpt article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    .home .layout .list-featured.list-excerpt article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    .home .layout .list-featured.list-excerpt article .group .article-summary {
        display: block
    }

    .home .layout .list-featured.list-excerpt article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    .home .layout .list-featured.list-excerpt article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.home .layout .list-featured.list-excerpt article .headline {
    margin-bottom: 0
}

.home .layout .list-featured.list-excerpt article .abstract {
    padding-top: 8px
}

.home .layout .list-featured.list-excerpt article .abstract>p {
    margin: 0
}

.home .layout .list-featured.list-excerpt article footer {
    margin-top: 16px
}

.home .site-footer {
    margin-top: 40px
}

#primary {
    position: relative
}

.search .search-bar {
    position: relative;
    width: 100%;
    margin-bottom: 2rem
}

.search .search-bar input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: box-shadow ease-in .1s;
    width: 100%
}

.search .search-bar input[type=search]::-ms-clear,
.search .search-bar input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.search .search-bar input[type=search]::-webkit-search-decoration,
.search .search-bar input[type=search]::-webkit-search-cancel-button,
.search .search-bar input[type=search]::-webkit-search-results-button,
.search .search-bar input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.search .search-bar input[type=search]::placeholder {
    color: #778596;
    font-weight: 100
}

.search .search-bar input[type=search]:focus {
    box-shadow: 0 0 5px rgba(32, 119, 186, .75);
    outline: 0
}

.search .search-bar input[type=search] {
    border: 2px solid var(--theme-color-primary-hover);
    border-radius: 3.125rem;
    color: var(--theme-color-primary-hover);
    font-size: 1.25em;
    padding: .75rem 3rem .75rem 1.25rem;
    width: 100%
}

.search .search-bar button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    z-index: 500;
    line-height: 2.5em;
    right: 6px;
    top: 50%;
    transform: translate(0, -50%);
    transition: transform ease-in .1s;
    width: 2.5em
}

.search .search-bar button:hover {
    cursor: pointer
}

.search .search-bar button:disabled {
    cursor: inherit
}

.search .search-bar button:disabled svg {
    fill: #778596
}

.search .search-bar button:disabled:hover {
    cursor: default
}

.search .search-bar button:disabled:active,
.search .search-bar button:disabled:focus-visible {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.search .search-bar button svg {
    fill: var(--theme-color-primary-hover);
    height: 1.125rem;
    transform: translate(0, 3px);
    width: 1.125rem
}

.search .search-bar button:not([disabled]):active {
    transform: scale(0.9) translate(0, -55%);
    transition: transform ease-in .05s
}

.search .search-bar button:not([disabled]):hover,
.search .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary-hover);
    border-radius: 100%;
    outline: none
}

.search .search-bar button:not([disabled]):hover svg,
.search .search-bar button:not([disabled]):focus-visible svg {
    fill: #fff
}

.search .pagination {
    margin-bottom: 10px
}

@media(min-width: 980px) {
    .search .pagination {
        margin-bottom: 30px
    }
}

.search-no-results .search-results-meta {
    margin: 10rem auto
}

.search-no-results .search-results-meta h3 {
    font-size: 27px
}

.search-no-results .search-results-meta p {
    font-weight: 300
}

.search-results main {
    margin-bottom: 2rem
}

.search-results main .search-results-meta h3 {
    font-size: 1.6875rem;
    padding: 2rem 0 1rem 0
}

.search-results main .search-results-meta .search-bar {
    margin-bottom: 2rem
}

@media(min-width: 980px) {
    .search-results main .search-results-meta .search-bar {
        margin-bottom: 3.12rem
    }
}

.search-results main .search-results-meta .search-bar label.search-group {
    all: unset;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
    border-radius: 99rem
}

.search-results main .search-results-meta .search-bar label.search-group:focus-within {
    border-color: var(--theme-color-primary)
}

.search-results main .search-results-meta .search-bar label.search-group svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #7a7a7a;
    cursor: pointer
}

.search-results main .search-results-meta .search-bar label.search-group input[type=search] {
    all: unset;
    font-size: 1rem;
    font-weight: 700;
    color: var(--theme-color-navy)
}

.search-results main .search-results-meta .search-bar label.search-group input[type=search]::placeholder {
    color: #374257
}

.search-results main .search-results-meta .search-bar label.search-group button {
    all: unset;
    margin: calc(-0.75rem - 1px) calc(-1rem - 1px);
    margin-left: auto;
    padding: .875rem 2rem;
    border-radius: 0rem 1.875rem 1.875rem 0rem;
    background: #cf3a09;
    color: #fff;
    cursor: pointer
}

.search-results main .search-results-meta .filter {
    margin-bottom: 3rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #374257;
    background: rgba(0, 0, 0, 0)
}

.search-results main .search-results-meta .filter.mobile-toggle-on .filter-toggle:checked+.filter-toggle-mobile {
    padding-bottom: .5rem
}

.search-results main .search-results-meta .filter.mobile-toggle-on .filter-toggle:checked+.filter-toggle-mobile::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--theme-color-primary) rgba(0, 0, 0, 0);
    transform: translateY(calc(-50% - 0.35rem))
}

.search-results main .search-results-meta .filter.mobile-toggle-on .filter-toggle:checked~form {
    padding: 1.25rem .25rem 0
}

.search-results main .search-results-meta .filter .filter-toggle-mobile {
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--theme-color-primary)
}

.search-results main .search-results-meta .filter .filter-toggle-mobile::after {
    border-width: .35rem;
    border-color: var(--theme-color-primary) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media(max-width: 980px) {
    .search-results main .search-results-meta .filter form .parameter {
        padding: 0
    }

    .search-results main .search-results-meta .filter form .parameter:not(:last-child) {
        padding-bottom: .75rem
    }

    .search-results main .search-results-meta .filter form .parameter .label {
        margin-right: .5rem;
        text-transform: capitalize
    }

    .search-results main .search-results-meta .filter form .parameter .sortby-label {
        position: relative;
        width: auto;
        height: auto;
        opacity: 1
    }
}

.search-results main .search-results-meta .filter form .parameter * {
    color: var(--theme-color-navy) !important
}

.search-results main .search-results-meta .filter form .clear-params {
    display: flex;
    padding: .25rem 0;
    border: none;
    font-size: .75rem
}

@media(min-width: 980px) {
    .search-results main .search-results-meta .filter form .clear-params {
        align-items: center;
        gap: .25rem;
        margin-left: auto;
        padding: 0;
        font-size: 1rem
    }
}

.search-results main .search-results-meta .filter form .clear-params * {
    flex: 0 0 auto
}

.search-results main .search-results-meta .filter form .clear-params span {
    color: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .search-results main .search-results-meta .filter form .clear-params span {
        color: inherit
    }
}

.search-results main .search-results-meta .filter form .clear-params svg {
    width: 1rem;
    height: 1rem
}

.search-results main .search-results-meta .filter form .clear-params svg use {
    fill: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .search-results main .search-results-meta .filter form .clear-params svg use {
        fill: inherit
    }
}

.search-results main .search-results-meta .filter form .clear-params svg circle {
    stroke: var(--theme-color-navy)
}

@media(min-width: 980px) {
    .search-results main .search-results-meta .filter form .clear-params svg circle {
        stroke: inherit
    }
}

.search-results main .search-results-meta .filter form .clear-params:hover span {
    color: var(--theme-color-primary)
}

.search-results main .search-results-meta .filter form .clear-params:hover svg use {
    fill: var(--theme-color-primary)
}

.search-results main .search-results-meta .filter form .clear-params:hover svg circle {
    stroke: var(--theme-color-primary)
}

.search-results main .search-results-meta .filter .filter-title {
    color: var(--theme-color-primary);
    text-transform: none
}

.search-results main .search-results-meta .filter .parameter svg {
    width: 1rem;
    height: 1rem;
    margin: 0
}

.search-results main .search-results-meta .filter .parameter svg circle {
    display: none
}

.search-results main .search-results-meta .filter .parameter svg use {
    x: .15em;
    y: unset;
    width: auto;
    height: auto
}

.search-results .search-results-list {
    margin: 0
}

@media(max-width: 980px) {
    .search-results .search-results-list .is-premium {
        grid-template-columns: auto;
        width: 100%
    }

    .search-results .search-results-list .is-premium header,
    .search-results .search-results-list .is-premium footer {
        grid-column: 1
    }
}

.search-results .search-results-list>li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem
}

.search-results .search-results-list>li article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    flex-direction: row;
    column-gap: 1rem
}

.search-results .search-results-list>li article figure,
.search-results .search-results-list>li article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.search-results .search-results-list>li article .view-category,
.search-results .search-results-list>li article .date-published>span,
.search-results .search-results-list>li article .url,
.search-results .search-results-list>li article figcaption,
.search-results .search-results-list>li article .article-section,
.search-results .search-results-list>li article .article-summary,
.search-results .search-results-list>li article .date-modified {
    display: none
}

.search-results .search-results-list>li article header {
    overflow: hidden;
    font-weight: 700
}

.search-results .search-results-list>li article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.search-results .search-results-list>li article header .headline,
.search-results .search-results-list>li article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.search-results .search-results-list>li article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.search-results .search-results-list>li article .group footer {
    display: flex;
    flex-direction: column
}

.search-results .search-results-list>li article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.search-results .search-results-list>li article .group footer .byline::after {
    display: none
}

.search-results .search-results-list>li article .group footer .byline a,
.search-results .search-results-list>li article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.search-results .search-results-list>li article.is-premium header {
    width: 100%
}

.search-results .search-results-list>li article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

.search-results .search-results-list>li article.is-premium header span.is-premium-flag::after {
    top: 40%
}

.search-results .search-results-list>li article.is-premium header .article-section {
    display: none !important
}

.search-results .search-results-list>li article a {
    width: 100%;
    height: 100%
}

.search-results .search-results-list>li article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

.search-results .search-results-list>li article picture,
.search-results .search-results-list>li article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    .search-results .search-results-list>li article {
        width: 100%;
        height: auto
    }

    .search-results .search-results-list>li article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article figure {
        max-width: 18rem
    }
}

.search-results .search-results-list>li article .category-title {
    display: none
}

.search-results .search-results-list>li article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article .group .article-summary {
        display: block
    }

    .search-results .search-results-list>li article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    .search-results .search-results-list>li article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.search-results .search-results-list>li article.is-resource .group footer,
.search-results .search-results-list>li article.is-premium .group footer {
    order: 3;
    margin: 0
}

.search-results .search-results-list>li article.is-resource .group .button,
.search-results .search-results-list>li article.is-premium .group .button {
    order: 2;
    margin-top: 0 !important;
    margin-bottom: 2rem
}

.search-results .search-results-list>li article figure {
    align-self: stretch;
    display: flex;
    object-fit: cover
}

.search-results .search-results-list>li article .group {
    display: flex !important
}

.search-results .search-results-list>li article .group header {
    order: 0
}

.search-results .search-results-list>li article .group header .article-section {
    display: none;
    margin-bottom: .5rem;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article .group header .article-section {
        display: block
    }
}

.search-results .search-results-list>li article .group .article-summary {
    order: 1
}

.search-results .search-results-list>li article .group .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    order: 2
}

.search-results .search-results-list>li article .group .button:focus {
    outline: none
}

.search-results .search-results-list>li article .group .button:active,
.search-results .search-results-list>li article .group .button:focus,
.search-results .search-results-list>li article .group .button:focus-visible,
.search-results .search-results-list>li article .group .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.search-results .search-results-list>li article .group .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.search-results .search-results-list>li article .group .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article .group .button {
        width: auto !important
    }
}

.search-results .search-results-list>li article .group .button:active,
.search-results .search-results-list>li article .group .button:focus,
.search-results .search-results-list>li article .group .button:focus-visible,
.search-results .search-results-list>li article .group .button:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.search-results .search-results-list>li article .group .button:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.search-results .search-results-list>li article .group footer {
    order: 2
}

.search-results .search-results-list>li article .group footer .provided-by {
    order: unset
}

.search-results .search-results-list>li article .group footer .provided-by a {
    color: var(--theme-color-primary)
}

.search-results .search-results-list>li article .group footer .provided-by a:hover {
    color: #cf3a09
}

@media(min-width: 980px) {
    .search-results .search-results-list>li article {
        column-gap: 1.25rem
    }
}

.search-results .search-results-list>li .headline {
    margin-bottom: 1rem
}

.search-results .search-results-list>li .article-summary {
    display: none;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    .search-results .search-results-list>li .article-summary {
        display: block
    }
}

@media(min-width: 980px) {
    .search-results.area-resource-library .content-main .search-results-meta {
        grid-column: 1/3
    }
}

.search-results.area-resource-library .search-results .section-heading {
    display: none
}

.search-results.area-resource-library .search-results article .headline {
    margin-top: 0
}

.search-results.area-resource-library .search-results article .headline a {
    color: #47515a
}

.search-results.area-resource-library .search-results article .group {
    display: contents
}

.search-results.area-resource-library .search-results-meta {
    margin-bottom: 30px
}

.search-results.area-resource-library .search-results-meta h3 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    font-size: 1.25rem
}

.search-results.area-resource-library .search-results-meta h3 h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

@media(min-width: 980px) {
    .search-results.area-resource-library .search-results-meta h3 {
        font-size: 1.6875rem
    }
}

@media(min-width: 980px) {
    .search-results.area-resource-library .search-results-list li {
        align-items: flex-start;
        flex-direction: column
    }

    .search-results.area-resource-library .search-results-list li article figure {
        max-height: unset
    }

    .search-results.area-resource-library .search-results-list li article .group .article-summary {
        margin-bottom: .75rem
    }

    .search-results.area-resource-library .search-results-list li article .group .button {
        margin-top: 1.5rem
    }
}

.topic-template header.layout {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

.topic-template header.layout h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

.topic-template header.layout h2 {
    font-size: 3rem
}

@media(min-width: 980px) {
    .topic-template .content-main {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

.topic-template .content-main .topic-post-item {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media(min-width: 640px) {
    .topic-template .content-main .topic-post-item {
        display: grid;
        grid-template-columns: 1fr 2.5fr;
        gap: 0
    }
}

.topic-template .content-main .topic-post-item .topic-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.topic-template .content-main .topic-post-item .topic-links h2 {
    font-size: 1.25rem;
    margin-bottom: 0
}

.topic-template .content-main .topic-post-item .topic-rss {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--theme-color-primary);
    border-radius: .375rem;
    width: 1.875rem;
    height: 1.875rem;
    padding: .3rem
}

.topic-template .content-main .topic-post-item .topic-rss svg {
    fill: var(--theme-color-primary)
}

.topic-template .content-main .topic-post-item article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

.topic-template .content-main .topic-post-item article figure,
.topic-template .content-main .topic-post-item article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.topic-template .content-main .topic-post-item article .view-category,
.topic-template .content-main .topic-post-item article .date-published>span,
.topic-template .content-main .topic-post-item article .url,
.topic-template .content-main .topic-post-item article figcaption,
.topic-template .content-main .topic-post-item article .article-section,
.topic-template .content-main .topic-post-item article .article-summary,
.topic-template .content-main .topic-post-item article .date-modified {
    display: none
}

.topic-template .content-main .topic-post-item article header {
    overflow: hidden;
    font-weight: 700
}

.topic-template .content-main .topic-post-item article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.topic-template .content-main .topic-post-item article header .headline,
.topic-template .content-main .topic-post-item article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.topic-template .content-main .topic-post-item article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.topic-template .content-main .topic-post-item article .group footer {
    display: flex;
    flex-direction: column
}

.topic-template .content-main .topic-post-item article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.topic-template .content-main .topic-post-item article .group footer .byline::after {
    display: none
}

.topic-template .content-main .topic-post-item article .group footer .byline a,
.topic-template .content-main .topic-post-item article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.topic-template .content-main .topic-post-item article.is-premium header {
    width: 100%
}

.topic-template .content-main .topic-post-item article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

.topic-template .content-main .topic-post-item article.is-premium header span.is-premium-flag::after {
    top: 40%
}

.topic-template .content-main .topic-post-item article.is-premium header .article-section {
    display: none !important
}

.topic-template .content-main .topic-post-item article a {
    width: 100%;
    height: 100%
}

.topic-template .content-main .topic-post-item article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

.topic-template .content-main .topic-post-item article picture,
.topic-template .content-main .topic-post-item article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    .topic-template .content-main .topic-post-item article {
        width: 100%;
        height: auto
    }

    .topic-template .content-main .topic-post-item article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    .topic-template .content-main .topic-post-item article figure {
        max-width: 18rem
    }
}

.topic-template .content-main .topic-post-item article .category-title {
    display: none
}

.topic-template .content-main .topic-post-item article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    .topic-template .content-main .topic-post-item article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    .topic-template .content-main .topic-post-item article .group .article-summary {
        display: block
    }

    .topic-template .content-main .topic-post-item article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    .topic-template .content-main .topic-post-item article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.topic-template .content-main .topic-post-item article figure,
.topic-template .content-main .topic-post-item article img {
    height: 100%;
    max-width: 10rem
}

.topic-template .content-main .list-featured-editors-picks ul article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    flex-direction: column;
    width: 100%
}

.topic-template .content-main .list-featured-editors-picks ul article figure,
.topic-template .content-main .list-featured-editors-picks ul article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.topic-template .content-main .list-featured-editors-picks ul article .view-category,
.topic-template .content-main .list-featured-editors-picks ul article .date-published>span,
.topic-template .content-main .list-featured-editors-picks ul article .url,
.topic-template .content-main .list-featured-editors-picks ul article figcaption,
.topic-template .content-main .list-featured-editors-picks ul article .article-section,
.topic-template .content-main .list-featured-editors-picks ul article .article-summary,
.topic-template .content-main .list-featured-editors-picks ul article .date-modified {
    display: none
}

.topic-template .content-main .list-featured-editors-picks ul article header {
    overflow: hidden;
    font-weight: 700
}

.topic-template .content-main .list-featured-editors-picks ul article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.topic-template .content-main .list-featured-editors-picks ul article header .headline,
.topic-template .content-main .list-featured-editors-picks ul article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.topic-template .content-main .list-featured-editors-picks ul article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.topic-template .content-main .list-featured-editors-picks ul article .group footer {
    display: flex;
    flex-direction: column
}

.topic-template .content-main .list-featured-editors-picks ul article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.topic-template .content-main .list-featured-editors-picks ul article .group footer .byline::after {
    display: none
}

.topic-template .content-main .list-featured-editors-picks ul article .group footer .byline a,
.topic-template .content-main .list-featured-editors-picks ul article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.topic-template .content-main .list-featured-editors-picks ul article figure,
.topic-template .content-main .list-featured-editors-picks ul article img {
    max-width: none;
    width: 100%;
    border-radius: 8px 8px 0 0
}

.topic-template .content-main .list-featured-editors-picks ul article .group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem 1.25rem
}

.topic-template .content-main .list-featured-editors-picks ul article .group footer {
    display: flex;
    flex-direction: column
}

.topic-template #leader-bottom {
    position: relative !important
}

body.ads-disabled .topic-template header.layout {
    padding-top: 3.125rem
}

.content-archive :not(:is(.category-archive *)).archive-sections {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1rem;
    position: relative
}

@media(min-width: 980px) {
    .content-archive :not(:is(.category-archive *)).archive-sections {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured .view-category {
    display: none
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources {
    margin-bottom: 40px
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources article {
    column-gap: 0
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources li {
    margin-bottom: 0;
    padding: 6px 0
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources h3 {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.2
}

@media(min-width: 980px) {
    .content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources {
        margin-right: -50%
    }

    .content-archive :not(:is(.category-archive *)).archive-sections .list-featured .related-resources li {
        padding: 0
    }
}

.content-archive :not(:is(.category-archive *)).archive-sections .list-featured aside {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1rem;
    width: 100%
}

.content-archive-video>header {
    background: var(--theme-color-navy);
    padding: 2rem 0;
    margin-bottom: 2rem
}

.content-archive-video>header .archive-video-slider {
    height: 311px;
    overflow-x: hidden;
    overflow-y: hidden
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider {
        height: 482px
    }
}

.content-archive-video>header .archive-video-slider .video-slider {
    height: 180px;
    padding-bottom: 131px
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider {
        height: 432px;
        padding-bottom: 50px
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 320px
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container {
        width: 768px
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide {
    height: 100%;
    opacity: .3;
    position: absolute;
    transition: left .5s ease, opacity .5s ease;
    width: 100%
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide.active {
    opacity: 1
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .poster-frame {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .poster-frame iframe {
    aspect-ratio: auto 768/432;
    height: auto;
    width: 100%
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details {
    left: 0;
    margin: 20px 10px;
    opacity: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 100%;
    visibility: hidden
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details {
        height: 50px;
        line-height: 50px;
        margin: 0;
        text-align: left
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details.active {
    opacity: 1;
    transition: opacity .5s .5s;
    visibility: visible
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details h2 {
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    height: 36px;
    margin: 0;
    text-align: left
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details h2 {
        display: block;
        font-weight: normal;
        height: inherit;
        line-height: inherit;
        overflow: hidden
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons {
    background: #0d1a20;
    height: 60px;
    line-height: 60px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons {
        height: inherit;
        line-height: inherit;
        position: absolute;
        right: 0;
        top: 0
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger {
    display: inline-block;
    margin: 0 8px;
    position: relative;
    text-align: center
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger:hover .popup {
    visibility: visible
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger svg {
    display: inline-block;
    fill: #fff;
    height: 1em;
    margin-right: 7px;
    vertical-align: middle;
    width: 1em
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger span {
    color: #fff;
    display: none;
    font-size: 13px;
    user-select: none
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger span {
        display: inline
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger.contact-link span {
    display: inline
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .popup {
    border-bottom: 3px solid var(--theme-color-primary-hover);
    bottom: 82%;
    left: 50%;
    position: absolute;
    visibility: hidden;
    z-index: 101
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .popup {
        bottom: 100%
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .popup::after {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid var(--theme-color-primary-hover);
    bottom: -7px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 50%;
    width: 0;
    z-index: 101
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .popup span {
    display: inline
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .popup p {
    color: #fff;
    font-size: 13px;
    margin: .5rem 0 0 0
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .about-popup {
    background: #0d1a20;
    box-sizing: border-box;
    color: #778596;
    display: list-item;
    font-weight: normal;
    line-height: 1.2;
    list-style-type: none;
    margin: 0;
    margin-left: -115px;
    padding: 20px;
    text-align: center;
    width: 320px
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .about-popup::after {
    right: 64%
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .about-popup .meta {
    font-size: inherit;
    line-height: 1.25;
    margin: 5px 0
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup {
    background: #0d1a20;
    height: 46px;
    padding: 10px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 156px
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup {
        overflow: visible
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul {
    list-style: none;
    margin: 0
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item {
    display: list-item;
    margin: 0;
    text-align: -webkit-match-parent;
    border: 0
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item a {
    border: 1px solid #c7c0ce;
    border-color: #778596;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: 0 3px;
    margin-right: 5px;
    position: relative;
    width: 40px;
    z-index: 1
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item a {
        height: 44px;
        width: 44px
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item a svg {
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item a:hover {
    border: 1px solid #fff
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item a:hover svg {
    fill: #fff
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item.facebook svg {
    fill: #3e5999
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item.twitter svg {
    fill: #5da7d8
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item.linkedin {
    order: 10
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item.linkedin svg {
    fill: #1674b1
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .video-slide .video-details .video-details-icons .trigger .sharebar-popup .share-bar ul .share-item.email {
    display: none
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .arrow-btn {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 50px;
    line-height: 54px;
    margin-top: 62px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    top: 100%;
    width: 50px
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .arrow-btn {
        margin-top: -25px;
        top: 50%
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .arrow-btn svg {
    display: inline-block;
    fill: #fff
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .arrow-btn:hover {
    border: 1px solid #fff
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .arrow-btn:hover svg {
    fill: #fff
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .prev-slide {
    left: 20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    visibility: hidden
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .prev-slide {
        left: -80px
    }
}

.content-archive-video>header .archive-video-slider .video-slider .content-container .next-slide {
    right: 20px
}

@media(min-width: 980px) {
    .content-archive-video>header .archive-video-slider .video-slider .content-container .next-slide {
        right: -80px
    }
}

.content-archive-video .layout.layout-thirds {
    display: grid;
    column-gap: 32px
}

.content-archive-video .layout.layout-thirds>div {
    grid-row: 2
}

.content-archive-video .layout.layout-thirds .extended-sidebar {
    grid-row: 1
}

@media(min-width: 980px) {
    .content-archive-video .layout.layout-thirds {
        grid-template-columns: auto 300px
    }

    .content-archive-video .layout.layout-thirds>div {
        grid-row: unset
    }

    .content-archive-video .layout.layout-thirds .extended-sidebar {
        grid-row: unset
    }
}

.content-archive-video .layout>div>section .video-article-summaries {
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1.5rem
}

.content-archive-video .layout>div>section .video-article-summaries>article {
    margin-bottom: 1rem;
    width: 100%;
    position: relative
}

.content-archive-video .layout>div>section .video-article-summaries>article figcaption {
    display: none
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure {
    margin: 0;
    position: relative;
    aspect-ratio: 16/9
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure picture img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z' fill='rgb(255, 255, 255)'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35% 35%;
    color: var(--theme-color-primary-hover);
    z-index: 500
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    width: 100%;
    background-image: linear-gradient(120deg, rgba(13, 31, 45, 0.7), rgba(13, 31, 45, 0.7))
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure:hover {
    cursor: pointer
}

.content-archive-video .layout>div>section .video-article-summaries>article>figure:hover::after,
.content-archive-video .layout>div>section .video-article-summaries>article>figure:hover::before {
    opacity: 0;
    z-index: -1
}

.content-archive-video .layout>div>section .video-article-summaries>article .group>header>span {
    display: none
}

.content-archive-video .layout>div>section .video-article-summaries>article .group>header .headline {
    font-size: 1.125em;
    line-height: 1.25;
    margin: .5rem 0 0 0
}

.content-archive-video .layout>div>section .video-article-summaries>article .group>header .headline a {
    color: #000
}

.content-archive-video .layout>div>section .video-article-summaries>article .group>header .headline a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.content-archive-video .layout>div>section .video-article-summaries>article .arrow-river,
.content-archive-video .layout>div>section .video-article-summaries>article .article-summary,
.content-archive-video .layout>div>section .video-article-summaries>article .byline,
.content-archive-video .layout>div>section .video-article-summaries>article .date-published>span,
.content-archive-video .layout>div>section .video-article-summaries>article .date-modified,
.content-archive-video .layout>div>section .video-article-summaries>article .discussion-url,
.content-archive-video .layout>div>section .video-article-summaries>article .url {
    display: none
}

.content-archive-video .layout>div>section .video-article-summaries>article .date-published,
.content-archive-video .layout>div>section .video-article-summaries>article .video-duration {
    color: #778596;
    font-size: .8125em;
    font-weight: 200
}

.content-archive-video .layout>div>section .video-article-summaries>article .video-duration::after {
    color: #778596;
    content: "/"
}

.content-archive-video .layout>div>section .video-article-summaries>article .view-category {
    display: block;
    font-size: .8125em
}

.content-archive-video .layout>div>section .video-article-summaries>article .view-category>span {
    display: none
}

@media(min-width: 640px) {
    .content-archive-video .layout>div>section .video-article-summaries {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1230px) {
    .content-archive-video .layout>div>section .video-article-summaries {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.content-archive-video .layout>div>section>footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem;
    width: 100%
}

.content-archive-video .layout>div>section>footer .load-more {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    display: none
}

.content-archive-video .layout>div>section>footer .load-more:focus {
    outline: none
}

.content-archive-video .layout>div>section>footer .load-more:active,
.content-archive-video .layout>div>section>footer .load-more:focus,
.content-archive-video .layout>div>section>footer .load-more:focus-visible,
.content-archive-video .layout>div>section>footer .load-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-archive-video .layout>div>section>footer .load-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-archive-video .layout>div>section>footer .load-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-archive-video .layout>div>section>footer .load-more {
        width: auto !important
    }
}

.content-archive-video .layout>div>section>footer .load-more:active,
.content-archive-video .layout>div>section>footer .load-more:focus,
.content-archive-video .layout>div>section>footer .load-more:focus-visible,
.content-archive-video .layout>div>section>footer .load-more:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-archive-video .layout>div>section>footer .load-more:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-archive-video .layout>div>section>footer .load-more:hover {
    cursor: pointer
}

.content-archive-video .layout .extended-sidebar .wordp-target {
    position: sticky;
    top: 6.5rem
}

#video-feedback-trigger-0 {
    display: none
}

#video-feedback-trigger-0:checked~.video-feedback-modal-0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-0 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-0 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-0 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-0 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-0 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-0 form {
        width: 350px
    }
}

.video-feedback-modal-0 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-0 form input[type=text],
.video-feedback-modal-0 form input[type=email],
.video-feedback-modal-0 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-0 form input[type=text]::placeholder,
.video-feedback-modal-0 form input[type=email]::placeholder,
.video-feedback-modal-0 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-0 form input[type=text]:focus-visible,
.video-feedback-modal-0 form input[type=email]:focus-visible,
.video-feedback-modal-0 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-0 form input[type=text].error,
.video-feedback-modal-0 form input[type=email].error,
.video-feedback-modal-0 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-0 form input {
    height: 45px
}

.video-feedback-modal-0 form textarea {
    padding-top: 15px
}

.video-feedback-modal-0 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-0 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-0 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-0 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-0 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-1 {
    display: none
}

#video-feedback-trigger-1:checked~.video-feedback-modal-1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-1 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-1 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-1 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-1 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-1 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-1 form {
        width: 350px
    }
}

.video-feedback-modal-1 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-1 form input[type=text],
.video-feedback-modal-1 form input[type=email],
.video-feedback-modal-1 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-1 form input[type=text]::placeholder,
.video-feedback-modal-1 form input[type=email]::placeholder,
.video-feedback-modal-1 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-1 form input[type=text]:focus-visible,
.video-feedback-modal-1 form input[type=email]:focus-visible,
.video-feedback-modal-1 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-1 form input[type=text].error,
.video-feedback-modal-1 form input[type=email].error,
.video-feedback-modal-1 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-1 form input {
    height: 45px
}

.video-feedback-modal-1 form textarea {
    padding-top: 15px
}

.video-feedback-modal-1 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-1 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-1 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-1 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-1 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-2 {
    display: none
}

#video-feedback-trigger-2:checked~.video-feedback-modal-2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-2 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-2 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-2 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-2 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-2 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-2 form {
        width: 350px
    }
}

.video-feedback-modal-2 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-2 form input[type=text],
.video-feedback-modal-2 form input[type=email],
.video-feedback-modal-2 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-2 form input[type=text]::placeholder,
.video-feedback-modal-2 form input[type=email]::placeholder,
.video-feedback-modal-2 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-2 form input[type=text]:focus-visible,
.video-feedback-modal-2 form input[type=email]:focus-visible,
.video-feedback-modal-2 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-2 form input[type=text].error,
.video-feedback-modal-2 form input[type=email].error,
.video-feedback-modal-2 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-2 form input {
    height: 45px
}

.video-feedback-modal-2 form textarea {
    padding-top: 15px
}

.video-feedback-modal-2 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-2 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-2 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-2 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-2 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-3 {
    display: none
}

#video-feedback-trigger-3:checked~.video-feedback-modal-3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-3 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-3 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-3 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-3 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-3 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-3 form {
        width: 350px
    }
}

.video-feedback-modal-3 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-3 form input[type=text],
.video-feedback-modal-3 form input[type=email],
.video-feedback-modal-3 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-3 form input[type=text]::placeholder,
.video-feedback-modal-3 form input[type=email]::placeholder,
.video-feedback-modal-3 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-3 form input[type=text]:focus-visible,
.video-feedback-modal-3 form input[type=email]:focus-visible,
.video-feedback-modal-3 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-3 form input[type=text].error,
.video-feedback-modal-3 form input[type=email].error,
.video-feedback-modal-3 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-3 form input {
    height: 45px
}

.video-feedback-modal-3 form textarea {
    padding-top: 15px
}

.video-feedback-modal-3 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-3 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-3 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-3 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-3 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-4 {
    display: none
}

#video-feedback-trigger-4:checked~.video-feedback-modal-4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-4 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-4 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-4 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-4 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-4 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-4 form {
        width: 350px
    }
}

.video-feedback-modal-4 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-4 form input[type=text],
.video-feedback-modal-4 form input[type=email],
.video-feedback-modal-4 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-4 form input[type=text]::placeholder,
.video-feedback-modal-4 form input[type=email]::placeholder,
.video-feedback-modal-4 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-4 form input[type=text]:focus-visible,
.video-feedback-modal-4 form input[type=email]:focus-visible,
.video-feedback-modal-4 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-4 form input[type=text].error,
.video-feedback-modal-4 form input[type=email].error,
.video-feedback-modal-4 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-4 form input {
    height: 45px
}

.video-feedback-modal-4 form textarea {
    padding-top: 15px
}

.video-feedback-modal-4 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-4 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-4 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-4 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-4 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-5 {
    display: none
}

#video-feedback-trigger-5:checked~.video-feedback-modal-5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-5 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-5 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-5 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-5 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-5 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-5 form {
        width: 350px
    }
}

.video-feedback-modal-5 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-5 form input[type=text],
.video-feedback-modal-5 form input[type=email],
.video-feedback-modal-5 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-5 form input[type=text]::placeholder,
.video-feedback-modal-5 form input[type=email]::placeholder,
.video-feedback-modal-5 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-5 form input[type=text]:focus-visible,
.video-feedback-modal-5 form input[type=email]:focus-visible,
.video-feedback-modal-5 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-5 form input[type=text].error,
.video-feedback-modal-5 form input[type=email].error,
.video-feedback-modal-5 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-5 form input {
    height: 45px
}

.video-feedback-modal-5 form textarea {
    padding-top: 15px
}

.video-feedback-modal-5 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-5 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-5 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-5 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-5 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-6 {
    display: none
}

#video-feedback-trigger-6:checked~.video-feedback-modal-6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-6 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-6 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-6 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-6 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-6 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-6 form {
        width: 350px
    }
}

.video-feedback-modal-6 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-6 form input[type=text],
.video-feedback-modal-6 form input[type=email],
.video-feedback-modal-6 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-6 form input[type=text]::placeholder,
.video-feedback-modal-6 form input[type=email]::placeholder,
.video-feedback-modal-6 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-6 form input[type=text]:focus-visible,
.video-feedback-modal-6 form input[type=email]:focus-visible,
.video-feedback-modal-6 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-6 form input[type=text].error,
.video-feedback-modal-6 form input[type=email].error,
.video-feedback-modal-6 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-6 form input {
    height: 45px
}

.video-feedback-modal-6 form textarea {
    padding-top: 15px
}

.video-feedback-modal-6 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-6 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-6 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-6 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-6 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-7 {
    display: none
}

#video-feedback-trigger-7:checked~.video-feedback-modal-7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-7 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-7 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-7 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-7 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-7 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-7 form {
        width: 350px
    }
}

.video-feedback-modal-7 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-7 form input[type=text],
.video-feedback-modal-7 form input[type=email],
.video-feedback-modal-7 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-7 form input[type=text]::placeholder,
.video-feedback-modal-7 form input[type=email]::placeholder,
.video-feedback-modal-7 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-7 form input[type=text]:focus-visible,
.video-feedback-modal-7 form input[type=email]:focus-visible,
.video-feedback-modal-7 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-7 form input[type=text].error,
.video-feedback-modal-7 form input[type=email].error,
.video-feedback-modal-7 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-7 form input {
    height: 45px
}

.video-feedback-modal-7 form textarea {
    padding-top: 15px
}

.video-feedback-modal-7 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-7 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-7 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-7 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-7 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-8 {
    display: none
}

#video-feedback-trigger-8:checked~.video-feedback-modal-8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-8 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-8 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-8 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-8 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-8 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-8 form {
        width: 350px
    }
}

.video-feedback-modal-8 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-8 form input[type=text],
.video-feedback-modal-8 form input[type=email],
.video-feedback-modal-8 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-8 form input[type=text]::placeholder,
.video-feedback-modal-8 form input[type=email]::placeholder,
.video-feedback-modal-8 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-8 form input[type=text]:focus-visible,
.video-feedback-modal-8 form input[type=email]:focus-visible,
.video-feedback-modal-8 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-8 form input[type=text].error,
.video-feedback-modal-8 form input[type=email].error,
.video-feedback-modal-8 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-8 form input {
    height: 45px
}

.video-feedback-modal-8 form textarea {
    padding-top: 15px
}

.video-feedback-modal-8 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-8 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-8 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-8 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-8 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-9 {
    display: none
}

#video-feedback-trigger-9:checked~.video-feedback-modal-9 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-9 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-9 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-9 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-9 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-9 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-9 form {
        width: 350px
    }
}

.video-feedback-modal-9 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-9 form input[type=text],
.video-feedback-modal-9 form input[type=email],
.video-feedback-modal-9 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-9 form input[type=text]::placeholder,
.video-feedback-modal-9 form input[type=email]::placeholder,
.video-feedback-modal-9 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-9 form input[type=text]:focus-visible,
.video-feedback-modal-9 form input[type=email]:focus-visible,
.video-feedback-modal-9 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-9 form input[type=text].error,
.video-feedback-modal-9 form input[type=email].error,
.video-feedback-modal-9 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-9 form input {
    height: 45px
}

.video-feedback-modal-9 form textarea {
    padding-top: 15px
}

.video-feedback-modal-9 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-9 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-9 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-9 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-9 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-10 {
    display: none
}

#video-feedback-trigger-10:checked~.video-feedback-modal-10 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-10 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-10 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-10 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-10 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-10 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-10 form {
        width: 350px
    }
}

.video-feedback-modal-10 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-10 form input[type=text],
.video-feedback-modal-10 form input[type=email],
.video-feedback-modal-10 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-10 form input[type=text]::placeholder,
.video-feedback-modal-10 form input[type=email]::placeholder,
.video-feedback-modal-10 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-10 form input[type=text]:focus-visible,
.video-feedback-modal-10 form input[type=email]:focus-visible,
.video-feedback-modal-10 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-10 form input[type=text].error,
.video-feedback-modal-10 form input[type=email].error,
.video-feedback-modal-10 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-10 form input {
    height: 45px
}

.video-feedback-modal-10 form textarea {
    padding-top: 15px
}

.video-feedback-modal-10 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-10 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-10 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-10 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-10 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-11 {
    display: none
}

#video-feedback-trigger-11:checked~.video-feedback-modal-11 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-11 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-11 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-11 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-11 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-11 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-11 form {
        width: 350px
    }
}

.video-feedback-modal-11 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-11 form input[type=text],
.video-feedback-modal-11 form input[type=email],
.video-feedback-modal-11 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-11 form input[type=text]::placeholder,
.video-feedback-modal-11 form input[type=email]::placeholder,
.video-feedback-modal-11 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-11 form input[type=text]:focus-visible,
.video-feedback-modal-11 form input[type=email]:focus-visible,
.video-feedback-modal-11 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-11 form input[type=text].error,
.video-feedback-modal-11 form input[type=email].error,
.video-feedback-modal-11 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-11 form input {
    height: 45px
}

.video-feedback-modal-11 form textarea {
    padding-top: 15px
}

.video-feedback-modal-11 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-11 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-11 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-11 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-11 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-12 {
    display: none
}

#video-feedback-trigger-12:checked~.video-feedback-modal-12 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-12 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-12 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-12 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-12 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-12 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-12 form {
        width: 350px
    }
}

.video-feedback-modal-12 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-12 form input[type=text],
.video-feedback-modal-12 form input[type=email],
.video-feedback-modal-12 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-12 form input[type=text]::placeholder,
.video-feedback-modal-12 form input[type=email]::placeholder,
.video-feedback-modal-12 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-12 form input[type=text]:focus-visible,
.video-feedback-modal-12 form input[type=email]:focus-visible,
.video-feedback-modal-12 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-12 form input[type=text].error,
.video-feedback-modal-12 form input[type=email].error,
.video-feedback-modal-12 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-12 form input {
    height: 45px
}

.video-feedback-modal-12 form textarea {
    padding-top: 15px
}

.video-feedback-modal-12 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-12 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-12 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-12 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-12 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-13 {
    display: none
}

#video-feedback-trigger-13:checked~.video-feedback-modal-13 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-13 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-13 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-13 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-13 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-13 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-13 form {
        width: 350px
    }
}

.video-feedback-modal-13 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-13 form input[type=text],
.video-feedback-modal-13 form input[type=email],
.video-feedback-modal-13 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-13 form input[type=text]::placeholder,
.video-feedback-modal-13 form input[type=email]::placeholder,
.video-feedback-modal-13 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-13 form input[type=text]:focus-visible,
.video-feedback-modal-13 form input[type=email]:focus-visible,
.video-feedback-modal-13 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-13 form input[type=text].error,
.video-feedback-modal-13 form input[type=email].error,
.video-feedback-modal-13 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-13 form input {
    height: 45px
}

.video-feedback-modal-13 form textarea {
    padding-top: 15px
}

.video-feedback-modal-13 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-13 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-13 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-13 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-13 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-14 {
    display: none
}

#video-feedback-trigger-14:checked~.video-feedback-modal-14 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-14 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-14 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-14 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-14 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-14 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-14 form {
        width: 350px
    }
}

.video-feedback-modal-14 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-14 form input[type=text],
.video-feedback-modal-14 form input[type=email],
.video-feedback-modal-14 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-14 form input[type=text]::placeholder,
.video-feedback-modal-14 form input[type=email]::placeholder,
.video-feedback-modal-14 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-14 form input[type=text]:focus-visible,
.video-feedback-modal-14 form input[type=email]:focus-visible,
.video-feedback-modal-14 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-14 form input[type=text].error,
.video-feedback-modal-14 form input[type=email].error,
.video-feedback-modal-14 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-14 form input {
    height: 45px
}

.video-feedback-modal-14 form textarea {
    padding-top: 15px
}

.video-feedback-modal-14 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-14 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-14 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-14 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-14 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-15 {
    display: none
}

#video-feedback-trigger-15:checked~.video-feedback-modal-15 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-15 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-15 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-15 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-15 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-15 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-15 form {
        width: 350px
    }
}

.video-feedback-modal-15 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-15 form input[type=text],
.video-feedback-modal-15 form input[type=email],
.video-feedback-modal-15 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-15 form input[type=text]::placeholder,
.video-feedback-modal-15 form input[type=email]::placeholder,
.video-feedback-modal-15 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-15 form input[type=text]:focus-visible,
.video-feedback-modal-15 form input[type=email]:focus-visible,
.video-feedback-modal-15 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-15 form input[type=text].error,
.video-feedback-modal-15 form input[type=email].error,
.video-feedback-modal-15 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-15 form input {
    height: 45px
}

.video-feedback-modal-15 form textarea {
    padding-top: 15px
}

.video-feedback-modal-15 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-15 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-15 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-15 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-15 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-16 {
    display: none
}

#video-feedback-trigger-16:checked~.video-feedback-modal-16 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-16 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-16 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-16 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-16 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-16 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-16 form {
        width: 350px
    }
}

.video-feedback-modal-16 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-16 form input[type=text],
.video-feedback-modal-16 form input[type=email],
.video-feedback-modal-16 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-16 form input[type=text]::placeholder,
.video-feedback-modal-16 form input[type=email]::placeholder,
.video-feedback-modal-16 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-16 form input[type=text]:focus-visible,
.video-feedback-modal-16 form input[type=email]:focus-visible,
.video-feedback-modal-16 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-16 form input[type=text].error,
.video-feedback-modal-16 form input[type=email].error,
.video-feedback-modal-16 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-16 form input {
    height: 45px
}

.video-feedback-modal-16 form textarea {
    padding-top: 15px
}

.video-feedback-modal-16 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-16 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-16 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-16 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-16 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-17 {
    display: none
}

#video-feedback-trigger-17:checked~.video-feedback-modal-17 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-17 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-17 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-17 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-17 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-17 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-17 form {
        width: 350px
    }
}

.video-feedback-modal-17 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-17 form input[type=text],
.video-feedback-modal-17 form input[type=email],
.video-feedback-modal-17 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-17 form input[type=text]::placeholder,
.video-feedback-modal-17 form input[type=email]::placeholder,
.video-feedback-modal-17 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-17 form input[type=text]:focus-visible,
.video-feedback-modal-17 form input[type=email]:focus-visible,
.video-feedback-modal-17 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-17 form input[type=text].error,
.video-feedback-modal-17 form input[type=email].error,
.video-feedback-modal-17 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-17 form input {
    height: 45px
}

.video-feedback-modal-17 form textarea {
    padding-top: 15px
}

.video-feedback-modal-17 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-17 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-17 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-17 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-17 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-18 {
    display: none
}

#video-feedback-trigger-18:checked~.video-feedback-modal-18 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-18 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-18 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-18 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-18 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-18 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-18 form {
        width: 350px
    }
}

.video-feedback-modal-18 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-18 form input[type=text],
.video-feedback-modal-18 form input[type=email],
.video-feedback-modal-18 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-18 form input[type=text]::placeholder,
.video-feedback-modal-18 form input[type=email]::placeholder,
.video-feedback-modal-18 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-18 form input[type=text]:focus-visible,
.video-feedback-modal-18 form input[type=email]:focus-visible,
.video-feedback-modal-18 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-18 form input[type=text].error,
.video-feedback-modal-18 form input[type=email].error,
.video-feedback-modal-18 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-18 form input {
    height: 45px
}

.video-feedback-modal-18 form textarea {
    padding-top: 15px
}

.video-feedback-modal-18 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-18 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-18 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-18 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-18 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-19 {
    display: none
}

#video-feedback-trigger-19:checked~.video-feedback-modal-19 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-19 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-19 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-19 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-19 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-19 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-19 form {
        width: 350px
    }
}

.video-feedback-modal-19 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-19 form input[type=text],
.video-feedback-modal-19 form input[type=email],
.video-feedback-modal-19 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-19 form input[type=text]::placeholder,
.video-feedback-modal-19 form input[type=email]::placeholder,
.video-feedback-modal-19 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-19 form input[type=text]:focus-visible,
.video-feedback-modal-19 form input[type=email]:focus-visible,
.video-feedback-modal-19 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-19 form input[type=text].error,
.video-feedback-modal-19 form input[type=email].error,
.video-feedback-modal-19 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-19 form input {
    height: 45px
}

.video-feedback-modal-19 form textarea {
    padding-top: 15px
}

.video-feedback-modal-19 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-19 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-19 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-19 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-19 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

#video-feedback-trigger-20 {
    display: none
}

#video-feedback-trigger-20:checked~.video-feedback-modal-20 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal-20 {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal-20 .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal-20 .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal-20 .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal-20 form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal-20 form {
        width: 350px
    }
}

.video-feedback-modal-20 form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal-20 form input[type=text],
.video-feedback-modal-20 form input[type=email],
.video-feedback-modal-20 form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal-20 form input[type=text]::placeholder,
.video-feedback-modal-20 form input[type=email]::placeholder,
.video-feedback-modal-20 form textarea::placeholder {
    color: #fff
}

.video-feedback-modal-20 form input[type=text]:focus-visible,
.video-feedback-modal-20 form input[type=email]:focus-visible,
.video-feedback-modal-20 form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal-20 form input[type=text].error,
.video-feedback-modal-20 form input[type=email].error,
.video-feedback-modal-20 form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal-20 form input {
    height: 45px
}

.video-feedback-modal-20 form textarea {
    padding-top: 15px
}

.video-feedback-modal-20 form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal-20 form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal-20 form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal-20 form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal-20 form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

.browse-sponsors-sidebar {
    max-width: 300px;
    margin: 0 auto 30px
}

.sp-browse-all-title {
    background-color: var(--theme-color-primary-hover);
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 11px 0
}

.sp-browse-all-title h4 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase
}

.sp-browse-all-links {
    padding: 0;
    margin: 0;
    vertical-align: top;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.sp-browse-all-links ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
    width: 100%
}

.sp-browse-all-links .sp-linkWrapper {
    border-top: solid 1px rgba(210, 215, 217, .75);
    margin-left: 0;
    width: 100%
}

.sp-browse-all-links .sp-linkWrapper:first-child {
    border-top: 0;
    padding-top: 0
}

.sp-browse-all-links .sp-linkWrapper a.sp-link {
    font-family: "Mulish", sans-serif, arial, sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: .3em .3em .3em 10px;
    display: block
}

.sp-browse-all-links .sp-linkWrapper a.sp-link:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

body.post-type-archive-sponsored .header-archive h2,
body.tax-sponsor .header-archive h2 {
    margin-top: 90px
}

body.post-type-archive-sponsored .archive-heading,
body.tax-sponsor .archive-heading {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

body.post-type-archive-sponsored .archive-heading h2 small,
body.tax-sponsor .archive-heading h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

body.post-type-archive-sponsored .list-featured.list-external article,
body.tax-sponsor .list-featured.list-external article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

body.post-type-archive-sponsored .list-featured.list-external article figure,
body.post-type-archive-sponsored .list-featured.list-external article img,
body.tax-sponsor .list-featured.list-external article figure,
body.tax-sponsor .list-featured.list-external article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

body.post-type-archive-sponsored .list-featured.list-external article .view-category,
body.post-type-archive-sponsored .list-featured.list-external article .date-published>span,
body.post-type-archive-sponsored .list-featured.list-external article .url,
body.post-type-archive-sponsored .list-featured.list-external article figcaption,
body.post-type-archive-sponsored .list-featured.list-external article .article-section,
body.post-type-archive-sponsored .list-featured.list-external article .article-summary,
body.post-type-archive-sponsored .list-featured.list-external article .date-modified,
body.tax-sponsor .list-featured.list-external article .view-category,
body.tax-sponsor .list-featured.list-external article .date-published>span,
body.tax-sponsor .list-featured.list-external article .url,
body.tax-sponsor .list-featured.list-external article figcaption,
body.tax-sponsor .list-featured.list-external article .article-section,
body.tax-sponsor .list-featured.list-external article .article-summary,
body.tax-sponsor .list-featured.list-external article .date-modified {
    display: none
}

body.post-type-archive-sponsored .list-featured.list-external article header,
body.tax-sponsor .list-featured.list-external article header {
    overflow: hidden;
    font-weight: 700
}

body.post-type-archive-sponsored .list-featured.list-external article header .category-title,
body.tax-sponsor .list-featured.list-external article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

body.post-type-archive-sponsored .list-featured.list-external article header .headline,
body.post-type-archive-sponsored .list-featured.list-external article header a,
body.tax-sponsor .list-featured.list-external article header .headline,
body.tax-sponsor .list-featured.list-external article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

body.post-type-archive-sponsored .list-featured.list-external article .group,
body.tax-sponsor .list-featured.list-external article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

body.post-type-archive-sponsored .list-featured.list-external article .group footer,
body.tax-sponsor .list-featured.list-external article .group footer {
    display: flex;
    flex-direction: column
}

body.post-type-archive-sponsored .list-featured.list-external article .group footer .byline,
body.tax-sponsor .list-featured.list-external article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

body.post-type-archive-sponsored .list-featured.list-external article .group footer .byline::after,
body.tax-sponsor .list-featured.list-external article .group footer .byline::after {
    display: none
}

body.post-type-archive-sponsored .list-featured.list-external article .group footer .byline a,
body.post-type-archive-sponsored .list-featured.list-external article .group footer .byline .no-link,
body.tax-sponsor .list-featured.list-external article .group footer .byline a,
body.tax-sponsor .list-featured.list-external article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

body.post-type-archive-sponsored .list-featured.list-external article.is-premium header,
body.tax-sponsor .list-featured.list-external article.is-premium header {
    width: 100%
}

body.post-type-archive-sponsored .list-featured.list-external article.is-premium header span.is-premium-flag,
body.tax-sponsor .list-featured.list-external article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

body.post-type-archive-sponsored .list-featured.list-external article.is-premium header span.is-premium-flag::after,
body.tax-sponsor .list-featured.list-external article.is-premium header span.is-premium-flag::after {
    top: 40%
}

body.post-type-archive-sponsored .list-featured.list-external article.is-premium header .article-section,
body.tax-sponsor .list-featured.list-external article.is-premium header .article-section {
    display: none !important
}

body.post-type-archive-sponsored .list-featured.list-external article a,
body.tax-sponsor .list-featured.list-external article a {
    width: 100%;
    height: 100%
}

body.post-type-archive-sponsored .list-featured.list-external article figure,
body.tax-sponsor .list-featured.list-external article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

body.post-type-archive-sponsored .list-featured.list-external article picture,
body.post-type-archive-sponsored .list-featured.list-external article img,
body.tax-sponsor .list-featured.list-external article picture,
body.tax-sponsor .list-featured.list-external article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {

    body.post-type-archive-sponsored .list-featured.list-external article,
    body.tax-sponsor .list-featured.list-external article {
        width: 100%;
        height: auto
    }

    body.post-type-archive-sponsored .list-featured.list-external article figure,
    body.tax-sponsor .list-featured.list-external article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {

    body.post-type-archive-sponsored .list-featured.list-external article figure,
    body.tax-sponsor .list-featured.list-external article figure {
        max-width: 18rem
    }
}

body.post-type-archive-sponsored .list-featured.list-external article .category-title,
body.tax-sponsor .list-featured.list-external article .category-title {
    display: none
}

body.post-type-archive-sponsored .list-featured.list-external article .group,
body.tax-sponsor .list-featured.list-external article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {

    body.post-type-archive-sponsored .list-featured.list-external article .group,
    body.tax-sponsor .list-featured.list-external article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {

    body.post-type-archive-sponsored .list-featured.list-external article .group .article-summary,
    body.tax-sponsor .list-featured.list-external article .group .article-summary {
        display: block
    }

    body.post-type-archive-sponsored .list-featured.list-external article .group .article-summary p,
    body.tax-sponsor .list-featured.list-external article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {

    body.post-type-archive-sponsored .list-featured.list-external article:not(:is(.is-premium)) .category-title,
    body.tax-sponsor .list-featured.list-external article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

body.post-type-archive-sponsored .list-featured.list-external article .group header .category-title,
body.tax-sponsor .list-featured.list-external article .group header .category-title {
    display: none
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources),
body.tax-sponsor .layout:has(.promo-premium-resources) {
    margin-bottom: 0;
    padding: 2rem 0
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .promo-premium-resources,
body.tax-sponsor .layout:has(.promo-premium-resources) .promo-premium-resources {
    gap: 1rem;
    margin-bottom: 0
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content,
body.tax-sponsor .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 0;
    margin-bottom: 0;
    background: unset;
    box-shadow: unset
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content>img,
body.tax-sponsor .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content>img {
    width: unset;
    border-radius: unset;
    max-height: 3.7rem;
    max-width: 100%
}

@media(min-width: 980px) {

    body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content,
    body.tax-sponsor .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content {
        flex-direction: row
    }
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .latest ul,
body.tax-sponsor .layout:has(.promo-premium-resources) .latest ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .latest ul li:last-child,
body.tax-sponsor .layout:has(.promo-premium-resources) .latest ul li:last-child {
    display: unset
}

@media(max-width: 980px) {

    body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .latest,
    body.tax-sponsor .layout:has(.promo-premium-resources) .latest {
        width: calc(100vw - 4rem)
    }

    body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .latest ul,
    body.tax-sponsor .layout:has(.promo-premium-resources) .latest ul {
        display: flex;
        flex-direction: row;
        overflow-y: auto
    }

    body.post-type-archive-sponsored .layout:has(.promo-premium-resources) .latest ul li,
    body.tax-sponsor .layout:has(.promo-premium-resources) .latest ul li {
        min-width: 300px
    }
}

@media(max-width: 980px) {

    body.post-type-archive-sponsored .layout:has(.promo-premium-resources),
    body.tax-sponsor .layout:has(.promo-premium-resources) {
        padding-left: 10px;
        padding-right: 10px
    }
}

.layout:has(.category-carousel) {
    max-width: 100%;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    flex-direction: column;
    background: rgba(8, 107, 219, .1)
}

@media(min-width: 980px) {
    .layout:has(.category-carousel) {
        padding: 3rem 0
    }
}

.layout:has(.category-carousel) .category-carousel {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 2rem;
    margin-bottom: 0
}

@media(min-width: 980px) {
    .layout:has(.category-carousel) .category-carousel {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .layout:has(.category-carousel) .category-carousel {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

.layout:has(.category-carousel) .category-carousel .featured-articles-section {
    grid-template-columns: unset
}

.layout:has(.category-carousel) .category-carousel .featured-articles-section section.archive-heading {
    margin-bottom: 0
}

.layout:has(.category-carousel) .category-carousel .featured-articles-section .featured-article {
    flex-direction: column;
    gap: 24px
}

.layout:has(.category-carousel) .category-carousel .featured-articles-section .featured-article article {
    height: unset;
    background-color: #fff
}

.layout:has(.category-carousel) .category-carousel .featured-articles-section .featured-article article .article-summary p {
    line-clamp: 4;
    -webkit-line-clamp: 4
}

@media(min-width: 640px) {
    .layout:has(.category-carousel) .category-carousel .featured-articles-section .featured-article {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 980px) {
    .layout:has(.category-carousel) .category-carousel .featured-articles-section .featured-article {
        display: flex;
        flex-direction: row
    }
}

.cta-layout-wrapper {
    border-bottom: 1px solid #ccc
}

.cta-layout-wrapper section.call-to-action {
    margin-top: 2.7rem;
    margin-bottom: 2.7rem
}

.cta-layout-wrapper section.call-to-action .cta-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-right: 3rem
}

@media(max-width: 980px) {
    .cta-layout-wrapper section.call-to-action .cta-section {
        grid-template-columns: unset;
        grid-template-rows: none;
        gap: 3rem;
        padding: 0
    }
}

.cta-layout-wrapper section.call-to-action .cta-section section.cta-description {
    margin-bottom: 0
}

.cta-layout-wrapper section.call-to-action .cta-section section.cta-description h2 {
    font-weight: 700;
    font-size: 2.125rem
}

.cta-layout-wrapper section.call-to-action .cta-section section.cta-description span {
    font-weight: 400;
    font-size: 1.25rem
}

.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media(min-width: 980px) {
    .cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper {
        justify-content: flex-end
    }
}

.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff;
    justify-content: center;
    padding: .5rem 1.5rem;
    line-height: 175%;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 1rem
}

.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:focus,
.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:focus-visible,
.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:focus,
.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:focus-visible,
.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn:hover {
    background-color: #fe693c
}

.cta-layout-wrapper section.call-to-action .cta-section .cta-wrapper .cta-btn svg {
    padding-right: 10px
}

.sidebar-resources {
    display: flex;
    flex-direction: column
}

.resources {
    display: flex;
    flex-direction: column
}

@media(min-width: 980px) {
    .resources {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 1230px) {
    .resources {
        grid-template-columns: repeat(5, 1fr)
    }
}

.sidebar-resources,
.resources {
    gap: 32px
}

.sidebar-resources article,
.resources article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

.sidebar-resources article figure,
.sidebar-resources article img,
.resources article figure,
.resources article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.sidebar-resources article .view-category,
.sidebar-resources article .date-published>span,
.sidebar-resources article .url,
.sidebar-resources article figcaption,
.sidebar-resources article .article-section,
.sidebar-resources article .article-summary,
.sidebar-resources article .date-modified,
.resources article .view-category,
.resources article .date-published>span,
.resources article .url,
.resources article figcaption,
.resources article .article-section,
.resources article .article-summary,
.resources article .date-modified {
    display: none
}

.sidebar-resources article header,
.resources article header {
    overflow: hidden;
    font-weight: 700
}

.sidebar-resources article header .category-title,
.resources article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.sidebar-resources article header .headline,
.sidebar-resources article header a,
.resources article header .headline,
.resources article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.sidebar-resources article .group,
.resources article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.sidebar-resources article .group footer,
.resources article .group footer {
    display: flex;
    flex-direction: column
}

.sidebar-resources article .group footer .byline,
.resources article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.sidebar-resources article .group footer .byline::after,
.resources article .group footer .byline::after {
    display: none
}

.sidebar-resources article .group footer .byline a,
.sidebar-resources article .group footer .byline .no-link,
.resources article .group footer .byline a,
.resources article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.sidebar-resources article.is-premium header,
.resources article.is-premium header {
    width: 100%
}

.sidebar-resources article.is-premium header span.is-premium-flag,
.resources article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

.sidebar-resources article.is-premium header span.is-premium-flag::after,
.resources article.is-premium header span.is-premium-flag::after {
    top: 40%
}

.sidebar-resources article.is-premium header .article-section,
.resources article.is-premium header .article-section {
    display: none !important
}

.sidebar-resources article a,
.resources article a {
    width: 100%;
    height: 100%
}

.sidebar-resources article figure,
.resources article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

.sidebar-resources article picture,
.sidebar-resources article img,
.resources article picture,
.resources article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {

    .sidebar-resources article,
    .resources article {
        width: 100%;
        height: auto
    }

    .sidebar-resources article figure,
    .resources article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {

    .sidebar-resources article figure,
    .resources article figure {
        max-width: 18rem
    }
}

.sidebar-resources article .category-title,
.resources article .category-title {
    display: none
}

.sidebar-resources article .group,
.resources article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {

    .sidebar-resources article .group,
    .resources article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {

    .sidebar-resources article .group .article-summary,
    .resources article .group .article-summary {
        display: block
    }

    .sidebar-resources article .group .article-summary p,
    .resources article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {

    .sidebar-resources article:not(:is(.is-premium)) .category-title,
    .resources article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.sidebar-resources article a,
.resources article a {
    text-decoration: none
}

.sidebar-resources article a .group,
.resources article a .group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem 1.25rem
}

.sidebar-resources article a .group footer span,
.resources article a .group footer span {
    color: #cf3a09;
    font-weight: 700;
    font-size: 14px
}

@media(max-width: 980px) {

    .sidebar-resources,
    .resources {
        margin-bottom: 32px
    }
}

body.sponsor-hub h2 {
    margin: 0
}

@media(max-width: 980px) {

    body.sponsor-hub .layout:has(.promo-premium-resources),
    body.sponsor-hub .layout {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

body.sponsor-hub main.layout {
    margin: 3rem auto;
    min-height: unset
}

@media(min-width: 980px) {
    body.sponsor-hub main.layout .archive-sections {
        column-gap: 60px;
        grid-template-columns: minmax(0px, 1.683fr) minmax(0px, 1fr)
    }
}

body.sponsor-hub main.layout .archive-sections .list-featured li {
    margin-bottom: 32px
}

body.sponsor-hub .archive-heading {
    margin-bottom: 2.5rem
}

body.sponsor-hub .archive-heading h2 {
    font-size: 2.725rem
}

body.sponsor-hub .archive-heading h2 small {
    padding-bottom: 0
}

main#primary.layout.article {
    display: flex;
    flex-direction: column
}

@media(max-width: 1230px) {
    main#primary.layout.article {
        max-width: 980px;
        padding: 0 1.25rem
    }
}

@media(min-width: 980px) {
    main#primary.layout.article {
        display: grid;
        column-gap: 1.5rem
    }

    main#primary.layout.article div:has(#leader-plus-top),
    main#primary.layout.article div:has(#leader-bottom) {
        grid-column: 1/span 2
    }

    main#primary.layout.article .article-heading {
        grid-column: 2
    }
}

main#primary.layout.article .article-heading {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 2rem
}

main#primary.layout.article .article-heading .article-header-main {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

main#primary.layout.article .article-heading .article-topic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    font-weight: 700
}

@media(min-width: 980px) {
    main#primary.layout.article .article-heading .article-topic {
        flex-direction: row;
        align-items: center
    }
}

main#primary.layout.article .article-heading .article-topic a {
    color: var(--theme-color-primary)
}

main#primary.layout.article .article-heading .article-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0
}

@media(min-width: 980px) {
    main#primary.layout.article .article-heading .article-title {
        font-size: 3rem
    }
}

@media(max-width: 980px) {
    main#primary.layout.article .article-heading .article-info-header {
        padding-bottom: 1.5rem
    }
}

main#primary.layout.article .article-heading .article-info-header .byline {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem
}

@media(min-width: 640px) {
    main#primary.layout.article .article-heading .article-info-header .byline {
        flex-direction: row
    }
}

main#primary.layout.article .article-heading .article-info-header .byline .dates {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none
}

@media(min-width: 640px) {
    main#primary.layout.article .article-heading .article-info-header .byline .dates:not(:last-child) {
        align-items: flex-start;
        border-right: 1px solid var(--theme-color-navy);
        padding-right: 2rem
    }
}

main#primary.layout.article .article-heading .article-info-header .byline .authors-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap
}

main#primary.layout.article .article-heading .article-info-header .byline .authors-wrapper .label {
    color: #7a7a7a;
    font-size: .75rem;
    line-height: 1.15;
    margin-bottom: .5rem
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info .author-meta,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info .author-meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: nowrap
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info .author-meta figure,
main#primary.layout.article .article-heading .article-info-header .byline .author-info .author-meta img,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info .author-meta figure,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info .author-meta img {
    margin: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 100%
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info figure,
main#primary.layout.article .article-heading .article-info-header .byline .author-info img,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info figure,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info img {
    margin: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 100%
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info .author-name,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info .author-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

main#primary.layout.article .article-heading .article-info-header .byline .author-info .author-name a,
main#primary.layout.article .article-heading .article-info-header .byline .coauthors-info .author-name a {
    color: #cf3a09;
    font-weight: 700
}

main#primary.layout.article .sidebar {
    display: flex;
    flex-direction: column;
    align-items: center
}

main#primary.layout.article .sidebar #sticky-sidebar {
    width: 100%
}

@media(min-width: 980px) {
    main#primary.layout.article .sidebar #sticky-sidebar {
        max-width: 18.75rem;
        position: sticky;
        top: 7.5rem
    }

    body.skybox-loaded:not(.skybox-closed) main#primary.layout.article .sidebar #sticky-sidebar {
        top: 16.5rem
    }
}

main#primary.layout.article #ez-toc-container {
    background-color: #fff;
    border-radius: .5rem;
    border: solid 1px #e9e9e9;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: flex;
    flex-direction: column;
    padding-bottom: 1.25rem;
    margin-top: 1.5rem
}

@media(min-width: 980px) {
    main#primary.layout.article #ez-toc-container {
        margin-top: 0
    }
}

@media(min-width: 1230px) {
    main#primary.layout.article #ez-toc-container {
        min-width: 18.625rem
    }
}

main#primary.layout.article #ez-toc-container .ez-toc-title-container {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 1.25rem
}

main#primary.layout.article #ez-toc-container .ez-toc-title-container .ez-toc-title {
    display: flex;
    justify-content: space-between;
    width: 100%
}

main#primary.layout.article #ez-toc-container .ez-toc-title-container .toggle-toc-btn {
    cursor: pointer;
    border: none;
    background: none;
    color: var(--theme-color-primary)
}

@media(min-width: 980px) {
    main#primary.layout.article #ez-toc-container .ez-toc-title-container .toggle-toc-btn {
        display: none
    }
}

main#primary.layout.article #ez-toc-container .ez-toc-list {
    list-style: none;
    margin: 0
}

main#primary.layout.article #ez-toc-container .ez-toc-list li {
    display: none
}

main#primary.layout.article #ez-toc-container .ez-toc-list li:has(>a.ez-toc-link.active) {
    display: block;
    padding: 0 1.25rem;
    border-left: 3px solid var(--theme-color-primary)
}

main#primary.layout.article #ez-toc-container .ez-toc-list.open li {
    display: block;
    padding: 1.25rem
}

@media(min-width: 980px) {
    main#primary.layout.article #ez-toc-container .ez-toc-list {
        display: block;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        list-style: none;
        margin: 0;
        max-height: 20rem;
        overflow-y: auto
    }

    main#primary.layout.article #ez-toc-container .ez-toc-list li {
        padding: 0 1.25rem;
        display: block
    }

    main#primary.layout.article #ez-toc-container .ez-toc-list li:has(>a.ez-toc-link.active) {
        border-left: 3px solid var(--theme-color-primary)
    }
}

main#primary.layout.article #ez-toc-container .ez-toc-link {
    font-weight: 400;
    color: var(--theme-color-navy)
}

main#primary.layout.article #ez-toc-container .ez-toc-link.active,
main#primary.layout.article #ez-toc-container .ez-toc-link:hover {
    font-weight: 700;
    color: var(--theme-color-primary);
    text-decoration: underline
}

@media(min-width: 980px) {
    main#primary.layout.article .content-main {
        max-width: 37.5rem
    }
}

@media(min-width: 1230px) {
    main#primary.layout.article .content-main {
        max-width: 47rem
    }
}

@media(min-width: 1350px) {
    main#primary.layout.article .content-main {
        max-width: 53.5rem
    }
}

@media(min-width: 1440px) {
    main#primary.layout.article .content-main {
        max-width: 56.25rem
    }
}

main#primary.layout.article .content-main .article-main {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 2rem
}

main#primary.layout.article .content-main .article-main .article-disclaimer {
    padding: .5rem 1rem;
    background-color: #f7f7f7;
    border-radius: .5rem;
    margin-top: .5rem
}

@media(min-width: 640px) {
    main#primary.layout.article .content-main .article-main .article-disclaimer {
        margin-top: 0
    }
}

main#primary.layout.article .content-main .article-main .article-summary {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25
}

main#primary.layout.article .content-main .article-main .article-body {
    margin-bottom: 0
}

main#primary.layout.article .content-main .article-main .article-body .wp-video {
    margin-bottom: 1.5rem
}

main#primary.layout.article .content-main .article-main .article-body h2[id]::before {
    content: "";
    display: block;
    height: 100px;
    margin-top: -100px;
    position: relative;
    visibility: hidden;
    width: 0
}

h2 main#primary.layout.article .content-main .article-main .article-body:not(li.listicle-precap-item) {
    font-weight: 700;
    font-size: 1.5rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list .icp-list-item {
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    padding: 1.25rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff;
    text-transform: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:focus,
main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:focus-visible,
main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:focus,
main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:focus-visible,
main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta:hover {
    background-color: #fe693c
}

main#primary.layout.article .content-main .article-main .article-body .icp-list div.icp-list-item-cta>svg {
    display: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff;
    text-transform: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:focus,
main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:focus-visible,
main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:focus,
main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:focus-visible,
main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a:hover {
    background-color: #fe693c
}

main#primary.layout.article .content-main .article-main .article-body .icp-list p.icp-list-item-cta>a::after {
    display: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list img.icp-list-image {
    background: none;
    max-width: 9.375rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) {
    margin-top: 2rem;
    background-color: #f7f7f7;
    padding: 1.5rem;
    border-radius: .5rem;
    justify-content: center;
    gap: 2rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .icp-list-headline {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .icp-list-item.item .icp-list-item-heading {
    font-size: 1.125rem;
    line-height: 1.25;
    margin-bottom: 0;
    text-align: left
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .icp-list-item.item .icp-list-item-heading a.icp-list-link {
    color: var(--theme-color-navy);
    text-decoration: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .icp-list-item.item .icp-list-item-logo {
    margin-top: 0
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) p.icp-list-item-cta>a {
    padding: .5rem .625rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .row {
    padding: 0
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) {
    margin-top: 2rem;
    background-color: #f7f7f7;
    padding: 1.5rem;
    border-radius: .5rem
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .disclosure,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .disclosure.toggle,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .disclosure-toggle::after {
    display: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .product-stats .stat-value .desktop-value {
    display: block !important
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .product-stats .stat-value .mobile-value {
    display: none !important
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) span.ad-disclosure,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) span.ad-disclosure {
    position: relative
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) span.ad-disclosure .toggle-disclosure,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) span.ad-disclosure .toggle-disclosure {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) span.ad-disclosure .disclosure-text,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) span.ad-disclosure .disclosure-text {
    display: none
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .ad-disclosure:hover>div,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .disclosure-text.open,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .ad-disclosure:hover>div,
main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .disclosure-text.open {
    display: block;
    position: absolute;
    font-weight: 400;
    font-size: .875rem;
    max-width: 28.125rem;
    margin: 0;
    padding: 1rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
    z-index: 2
}

@media(min-width: 980px) {

    main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .ad-disclosure:hover>div,
    main#primary.layout.article .content-main .article-main .article-body .icp-list-body-top3:has(.icp-list-item) .disclosure-text.open,
    main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .ad-disclosure:hover>div,
    main#primary.layout.article .content-main .article-main .article-body .icp-list-body-featured:has(.icp-list-item) .disclosure-text.open {
        width: 90vw
    }
}

main#primary.layout.article .content-main .article-main .article-body .icp-list-body-vertical img.icp-list-image {
    float: right;
    margin: 0 0 1rem 1rem
}

main#primary.layout.article .content-main .article-main .article-body .responsive-embed {
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

main#primary.layout.article .content-main .article-main .article-body .responsive-embed iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

main#primary.layout.article .content-main .article-main .article-body table:not(.ta-comparison-table) {
    overflow: auto;
    display: inline-block
}

main#primary.layout.article .content-main .article-main .article-body figure,
main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) {
    box-sizing: border-box;
    margin: 0 auto 20px;
    max-width: 17.5rem
}

@media(min-width: 640px) {

    main#primary.layout.article .content-main .article-main .article-body figure,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) {
        max-width: 30rem
    }

    main#primary.layout.article .content-main .article-main .article-body figure.alignright,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image).alignright {
        float: right;
        margin-left: 20px
    }

    main#primary.layout.article .content-main .article-main .article-body figure.alignleft,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image).alignleft {
        float: left;
        margin-right: 20px
    }

    main#primary.layout.article .content-main .article-main .article-body figure.aligncenter,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image).aligncenter {
        clear: both;
        margin: 40px auto 20px
    }
}

@media(min-width: 1230px) {

    main#primary.layout.article .content-main .article-main .article-body figure,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) {
        max-width: 43.75rem
    }
}

@media(min-width: 1440px) {

    main#primary.layout.article .content-main .article-main .article-body figure,
    main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) {
        max-width: 56rem
    }
}

main#primary.layout.article .content-main .article-main .article-body figure figcaption,
main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) figcaption {
    color: #778596;
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    text-align: center
}

main#primary.layout.article .content-main .article-main .article-body figure figcaption p,
main#primary.layout.article .content-main .article-main .article-body img:not(.icp-list-image) figcaption p {
    color: #778596;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    text-align: center
}

main#primary.layout.article .content-main .article-main .article-body footer {
    display: none
}

main#primary.layout.article .content-main .article-main section {
    border-bottom: 1px solid #7a7a7a;
    padding-bottom: 2rem
}

main#primary.layout.article .content-main .article-main .share {
    display: flex;
    align-items: center;
    gap: 2rem;
    font-weight: 700;
    padding-top: 2rem
}

main#primary.layout.article .content-main .article-main .also-see ul {
    list-style: none;
    margin: 0
}

main#primary.layout.article .content-main .article-main .also-see ul li {
    background-image: url("./inc/svgs/list-arrow.svg");
    background-position: 0;
    background-repeat: no-repeat;
    line-height: 1.75;
    margin-bottom: .5rem;
    padding-left: 1.5rem
}

main#primary.layout.article .content-main .article-main .also-see ul li svg {
    fill: var(--theme-color-primary)
}

main#primary.layout.article .content-main .article-main .also-see ul li a {
    font-size: 1rem;
    font-weight: 700;
    color: var(--theme-color-primary)
}

main#primary.layout.article .content-main .article-main .author-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    margin-bottom: 0;
    border-radius: 8px;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

@media(min-width: 980px) {
    main#primary.layout.article .content-main .article-main .author-info-box {
        flex-direction: row
    }
}

main#primary.layout.article .content-main .article-main .author-info-box img {
    width: 11.5rem;
    height: 11.5rem;
    margin: 0;
    border-radius: 100%
}

main#primary.layout.article .content-main .article-main .author-info-box .byline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media(min-width: 980px) {
    main#primary.layout.article .content-main .article-main .author-info-box .byline {
        align-items: flex-start
    }
}

main#primary.layout.article .content-main .article-main .author-info-box .byline .author-name {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25
}

main#primary.layout.article .content-main .article-main .author-info-box .byline .author-content-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: 100%
}

main#primary.layout.article .content-main .article-main .author-info-box .byline .author-content-link a {
    color: #cf3a09;
    font-weight: 700
}

main#primary.layout.article .content-main .article-main .author-info-box .byline .author-content-link svg {
    fill: #cf3a09
}

main#primary.layout.article #native-boap {
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

main#primary.layout.article #newsletter-exit-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s ease
}

main#primary.layout.article #newsletter-exit-modal.hidden {
    display: none
}

main#primary.layout.article #newsletter-exit-modal.visible {
    opacity: 1
}

main#primary.layout.article #newsletter-exit-modal .close-promo {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

@media(min-width: 640px) {
    main#primary.layout.article #newsletter-exit-modal .close-promo {
        right: 5px;
        top: 5px
    }
}

main#primary.layout.article #newsletter-exit-modal .promo-holder {
    position: relative;
    padding: 15px
}

@media(min-width: 640px) {
    main#primary.layout.article #newsletter-exit-modal .promo-holder {
        padding: 0px
    }
}

main#primary.layout.article #newsletter-exit-modal .overlayButton {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 0;
    border: none
}

main#primary.layout.article #newsletter-exit-modal .promo-unit {
    position: relative;
    z-index: 1;
    background-color: #fff;
    max-width: 770px;
    padding: 30px
}

main#primary.layout.article #newsletter-exit-modal .image-container figure {
    width: 100%;
    margin: 0
}

main#primary.layout.article.studio-a-article {
    padding-top: 3rem
}

@media(max-width: 980px) {
    main#primary.layout.article.studio-a-article .article-heading {
        gap: 1.5rem;
        padding-bottom: 0
    }

    main#primary.layout.article.studio-a-article .article-heading .article-header-main {
        gap: 1.5rem
    }

    main#primary.layout.article.studio-a-article .article-heading .article-info-header {
        padding-bottom: 0
    }

    main#primary.layout.article.studio-a-article .article-heading .article-info-header .byline {
        align-items: center;
        gap: 1rem
    }

    main#primary.layout.article.studio-a-article #ez-toc-container {
        margin: 1.5rem 0
    }

    main#primary.layout.article.studio-a-article .content-main .article-main {
        gap: 1.5rem
    }
}

body.ads-disabled main#primary.layout.article {
    margin-top: 50px;
    padding-bottom: 2rem
}

body.ads-disabled main#primary.layout.article .content-main {
    margin-bottom: 0
}

body.ads-disabled main#primary.layout.article .content-main .article-main {
    padding-bottom: 0
}

main#primary.article.trp-landing-article {
    margin-bottom: var(--wp--preset--spacing--60);
    grid-template-columns: 1fr;
    column-gap: 0
}

main#primary.article.trp-landing-article .article-heading,
main#primary.article.trp-landing-article .content-main {
    grid-column: 1/span 2;
    max-width: 100% !important;
    width: 900px;
    margin-left: auto;
    margin-right: auto
}

main#primary.article.trp-landing-article .content-main .article-main {
    padding-bottom: 0
}

main#primary.article.trp-landing-article .content-main .article-main section {
    border-bottom: 0px solid #7a7a7a;
    padding-bottom: 0rem
}

.content-single-video>header {
    background: var(--theme-color-navy);
    padding-top: 2rem;
    margin-bottom: 2rem
}

.content-single-video>header .video-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 48.75rem
}

.content-single-video>header .video-container iframe {
    height: 20rem
}

@media(min-width: 980px) {
    .content-single-video>header .video-container iframe {
        height: 27.5rem
    }
}

.content-single-video>header .video-container>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.content-single-video>header .video-container>div p {
    color: #fff;
    font-size: .8125em;
    margin: 1rem .5rem 0 .5rem
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div p {
        margin: 0
    }
}

.content-single-video>header .video-container>div ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: .5rem
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul {
        margin-left: 0
    }
}

.content-single-video>header .video-container>div ul li {
    align-items: center;
    display: inline-flex;
    height: 2.5rem;
    margin-left: .75rem;
    position: relative
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul li {
        height: 3.5rem
    }
}

.content-single-video>header .video-container>div ul li span {
    align-items: center;
    display: inline-flex
}

.content-single-video>header .video-container>div ul li span>input {
    display: none
}

.content-single-video>header .video-container>div ul li span>label {
    align-items: center;
    display: inline-flex
}

.content-single-video>header .video-container>div ul li span>label svg {
    bottom: 1px;
    fill: #fff;
    height: .938rem;
    margin: 0 .5rem 0 0;
    position: relative;
    width: .938rem
}

.content-single-video>header .video-container>div ul li span>label span {
    color: #fff;
    display: none;
    font-size: .8125em
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul li span>label span {
        display: inline
    }
}

.content-single-video>header .video-container>div ul li:last-of-type span a {
    display: inline
}

.content-single-video>header .video-container>div ul .about-link {
    margin-left: 0
}

.content-single-video>header .video-container>div ul .about-link:hover svg {
    fill: #fff
}

.content-single-video>header .video-container>div ul .about-link:hover span~.details-about {
    display: block
}

.content-single-video>header .video-container>div ul .about-link .details-about {
    background: #0f2533;
    border-bottom: 4px solid var(--theme-color-primary-hover);
    bottom: 3.5rem;
    display: none;
    padding: 1rem;
    position: absolute;
    right: -13.5rem;
    width: 20rem;
    z-index: 999
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .about-link .details-about {
        right: -9.5rem
    }
}

.content-single-video>header .video-container>div ul .about-link .details-about p {
    margin: .5rem 0;
    text-align: center
}

.content-single-video>header .video-container>div ul .about-link .details-about p:last-of-type {
    margin: 0
}

.content-single-video>header .video-container>div ul .about-link .details-about>svg {
    bottom: -0.7rem;
    fill: var(--theme-color-primary-hover);
    height: 8px;
    left: -2rem;
    position: absolute;
    transform: rotate(180deg)
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .about-link .details-about>svg {
        left: unset
    }
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item {
    border: 1px solid #778596;
    border-radius: 50%;
    height: 44px;
    margin: 0 3px;
    width: 44px
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item:hover {
    border: 1px solid #fff !important
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item:hover a svg {
    fill: #fff !important;
    filter: none !important
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item a svg {
    height: 16px;
    margin: 0 .5rem;
    width: 16px
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item.facebook a svg {
    fill: #3e5999
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item.linkedin {
    order: 10
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item.linkedin a svg {
    fill: #1674b1
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item.twitter a svg {
    fill: #5da7d8
}

.content-single-video>header .video-container>div ul .share-bar ul .share-item.email {
    display: none
}

.content-single-video>header .video-container>div ul .share-bar ul::after {
    display: none
}

.content-single-video>header .video-container>div ul .contact-link {
    font-size: 16px
}

.content-single-video>header .video-container>div ul .share-link:hover svg {
    fill: #fff
}

.content-single-video>header .video-container>div ul .share-link:hover span~.details-share {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.content-single-video>header .video-container>div ul .share-link .details-share {
    background: #0f2533;
    border-bottom: 4px solid var(--theme-color-primary-hover);
    display: none;
    padding: 1rem;
    position: absolute;
    right: -50px;
    top: -80px;
    z-index: 999
}

.content-single-video>header .video-container>div ul .share-link .details-share a {
    color: #fff;
    filter: brightness(0.85)
}

.content-single-video>header .video-container>div ul .share-link .details-share a svg {
    fill: #5da7d8;
    height: 3.125rem;
    margin: 0 .5rem;
    width: 3.125rem
}

.content-single-video>header .video-container>div ul .share-link .details-share a:first-of-type svg {
    fill: #3e5999
}

.content-single-video>header .video-container>div ul .share-link .details-share a:last-of-type svg {
    fill: #1674b1
}

.content-single-video>header .video-container>div ul .share-link .details-share a:hover {
    filter: brightness(1)
}

.content-single-video>header .video-container>div ul .share-link .details-share a:hover svg {
    fill: #fff
}

.content-single-video>header .video-container>div ul .share-link .details-share:hover {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.content-single-video>header .video-container>div ul .share-link .details-share>svg {
    bottom: -0.65rem;
    fill: var(--theme-color-primary-hover);
    height: 8px;
    position: absolute;
    right: 1.5rem;
    transform: rotate(180deg)
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .share-link .details-share>svg {
        right: -65px
    }
}

.content-single-video>header .video-container>div ul .contact-link {
    align-items: center;
    display: inline-flex
}

.content-single-video>header .video-container>div ul .contact-link svg {
    fill: var(--theme-color-primary-hover);
    height: .938rem;
    margin: 0 .5rem 0 0;
    position: relative;
    width: .938rem
}

.content-single-video>header .video-container>div ul .contact-link span {
    color: #fff;
    font-size: .8125em
}

.content-single-video>header .video-container>div ul .contact-link:hover {
    text-decoration: none
}

.content-single-video>header .video-container>div ul .contact-link:hover svg {
    fill: #fff
}

.content-single-video>header .video-container video {
    width: 100%
}

.content-single-video>header .video-container>div ul .about-link .details-about {
    right: -20.25rem;
    bottom: 2.5rem
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .about-link .details-about {
        right: -10rem;
        bottom: 3.5rem
    }
}

.content-single-video>header .video-container>div ul .about-link .details-about>svg {
    left: -138px
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .about-link .details-about>svg {
        left: 7px
    }
}

.content-single-video>header .video-container>div ul .share-link .details-share {
    bottom: 2.5rem;
    right: -120px;
    padding: 1rem 1rem 1rem .5rem
}

@media(min-width: 980px) {
    .content-single-video>header .video-container>div ul .share-link .details-share {
        right: -50px;
        top: -80px;
        bottom: unset;
        padding: 1rem
    }
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item {
    height: 44px;
    margin: 0 3px;
    width: 44px
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item:hover {
    border-color: #fff !important
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item:hover a svg {
    fill: #fff !important
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item a svg {
    height: 16px;
    width: 16px;
    margin: 0 .5rem
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item.facebook a svg {
    fill: #3e5999
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item.linkedin a svg {
    fill: #1674b1
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item.twitter a svg {
    fill: #5da7d8
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul .share-item.email {
    display: none
}

.content-single-video>header .video-container>div ul .share-link .details-share .share-bar ul::after {
    display: none
}

.content-single-video>header .video-container>div ul .share-link .details-share .contact-link {
    font-size: 16px
}

@media(max-width: 980px) {
    .content-single-video>header .video-container>div ul .share-link .details-share .triangle {
        right: -0.75rem
    }
}

.content-single-video>header .video-container .video-details {
    display: block
}

.content-single-video>header .video-container .video-details a {
    color: #fff
}

.content-single-video>header .video-container .video-details p {
    margin-bottom: .5rem
}

.content-single-video>header .video-container .video-details ul {
    display: block;
    list-style-type: disc;
    list-style-image: initial;
    list-style-position: inside
}

.content-single-video>header .video-container .video-details ul li {
    display: block;
    color: #fff;
    height: unset;
    font-size: .8125em
}

.content-single-video>header .related-videos {
    padding-bottom: 1rem;
    margin-top: 1.5rem
}

.content-single-video>header .related-videos .section-heading {
    color: #fff;
    border-color: #fff
}

.content-single-video>header .related-videos .video-related {
    margin: 0 0 70px;
    height: 220px;
    position: relative
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related {
        margin: 20px 100px 30px;
        height: 130px
    }
}

.content-single-video>header .related-videos .video-related .pages {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.content-single-video>header .related-videos .video-related .pages .slate {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.content-single-video>header .related-videos .video-related .pages .slate.active {
    visibility: visible;
    transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: 110px;
    float: left;
    color: inherit;
    position: relative;
    padding-left: 0px;
    box-sizing: border-box
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure {
    margin: 0 1rem 0 0
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure picture img {
    aspect-ratio: auto 270/200;
    width: 60px;
    height: auto;
    opacity: .5;
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure picture img {
        width: 175px;
        height: 135px
    }
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure figcaption {
    display: none
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure:hover {
    cursor: pointer
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure:hover::after,
.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:first-of-type>figure:hover::before {
    opacity: 0
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .headline {
    font-size: .9375em;
    line-height: 1.25;
    margin: 0;
    width: 100%
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .headline {
        font-size: 1.0625em;
        margin: .5rem 0 0 0
    }
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .headline a {
    color: #fff;
    filter: brightness(0.85);
    transition: .3s ease-out color;
    font-size: 15px
}

@media(min-width: 1230px) {
    .content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .headline a {
        font-size: inherit
    }
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .headline a:hover {
    text-decoration: none
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide>div:last-of-type .video-duration {
    color: #fff;
    display: block;
    font-size: .8125em;
    padding-top: .5rem;
    width: 100%
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide:hover {
    cursor: pointer
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide:hover>div:first-of-type>figure picture::after {
    display: none
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide:hover>div:first-of-type>figure picture img {
    opacity: 1 !important
}

.content-single-video>header .related-videos .video-related .pages .slate .video-slide:hover>div:last-of-type .headline a {
    filter: brightness(1)
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .pages .slate .video-slide {
        width: 50%;
        height: 130px
    }
}

.content-single-video>header .related-videos .video-related .arrow-btn {
    top: 100%;
    left: 50%;
    margin-top: 0px;
    margin-left: -25px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 54px
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .arrow-btn {
        top: 50%;
        margin-top: -25px
    }
}

.content-single-video>header .related-videos .video-related .arrow-btn.prev-arrow {
    left: 30%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .arrow-btn.prev-arrow {
        left: -80px;
        margin-left: 0
    }
}

.content-single-video>header .related-videos .video-related .arrow-btn.next-arrow {
    left: 70%
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-related .arrow-btn.next-arrow {
        right: -80px;
        left: auto;
        margin-left: 0
    }
}

.content-single-video>header .related-videos .video-related .arrow-btn svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: #fff
}

.content-single-video>header .related-videos .video-slider {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-slider {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start
    }
}

.content-single-video>header .related-videos .video-slider .arrow {
    height: 3.75rem;
    width: 3.75rem;
    fill: #fff;
    transition: none
}

.content-single-video>header .related-videos .video-slider .arrow circle {
    stroke: #fff
}

.content-single-video>header .related-videos .video-slider .arrow:hover {
    fill: #fff
}

.content-single-video>header .related-videos .video-slider .arrow:hover circle {
    stroke: #fff
}

.content-single-video>header .related-videos .video-slider .next-arrow {
    display: none;
    margin: 0 0 0 2rem;
    visibility: hidden
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-slider .next-arrow {
        display: block
    }
}

.content-single-video>header .related-videos .video-slider .prev-arrow {
    display: none;
    margin: 0 2rem 0 0;
    visibility: hidden
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-slider .prev-arrow {
        display: block
    }
}

.content-single-video>header .related-videos .video-slider .prev-arrow .arrow {
    transform: rotate(180deg)
}

.content-single-video>header .related-videos .video-slider nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%
}

@media(min-width: 980px) {
    .content-single-video>header .related-videos .video-slider nav {
        display: none
    }
}

.content-single-video>header .related-videos .video-slider nav .mobile-prev-arrow .arrow {
    transform: rotate(180deg)
}

.content-single-video .video-article-summaries {
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1.5rem
}

.content-single-video .video-article-summaries>article {
    margin-bottom: 1rem;
    width: 100%;
    position: relative
}

.content-single-video .video-article-summaries>article figcaption {
    display: none
}

.content-single-video .video-article-summaries>article>figure {
    margin: 0;
    position: relative;
    aspect-ratio: 16/9
}

.content-single-video .video-article-summaries>article>figure picture img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.content-single-video .video-article-summaries>article>figure::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z' fill='rgb(255, 255, 255)'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35% 35%;
    color: var(--theme-color-primary-hover);
    z-index: 500
}

.content-single-video .video-article-summaries>article>figure::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    width: 100%;
    background-image: linear-gradient(120deg, rgba(13, 31, 45, 0.7), rgba(13, 31, 45, 0.7))
}

.content-single-video .video-article-summaries>article>figure:hover {
    cursor: pointer
}

.content-single-video .video-article-summaries>article>figure:hover::after,
.content-single-video .video-article-summaries>article>figure:hover::before {
    opacity: 0;
    z-index: -1
}

.content-single-video .video-article-summaries>article .group>header>span {
    display: none
}

.content-single-video .video-article-summaries>article .group>header .headline {
    font-size: 1.125em;
    line-height: 1.25;
    margin: .5rem 0 0 0
}

.content-single-video .video-article-summaries>article .group>header .headline a {
    color: #000
}

.content-single-video .video-article-summaries>article .group>header .headline a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.content-single-video .video-article-summaries>article .arrow-river,
.content-single-video .video-article-summaries>article .article-summary,
.content-single-video .video-article-summaries>article .byline,
.content-single-video .video-article-summaries>article .date-published>span,
.content-single-video .video-article-summaries>article .date-modified,
.content-single-video .video-article-summaries>article .discussion-url,
.content-single-video .video-article-summaries>article .url {
    display: none
}

.content-single-video .video-article-summaries>article .date-published,
.content-single-video .video-article-summaries>article .video-duration {
    color: #778596;
    font-size: .8125em;
    font-weight: 200
}

.content-single-video .video-article-summaries>article .video-duration::after {
    color: #778596;
    content: "/"
}

.content-single-video .video-article-summaries>article .view-category {
    display: block;
    font-size: .8125em
}

.content-single-video .video-article-summaries>article .view-category>span {
    display: none
}

@media(min-width: 640px) {
    .content-single-video .video-article-summaries {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1230px) {
    .content-single-video .video-article-summaries {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.content-single-video .layout.layout-thirds {
    display: grid;
    column-gap: 32px
}

.content-single-video .layout.layout-thirds>div {
    grid-row: 2
}

.content-single-video .layout.layout-thirds .extended-sidebar {
    grid-row: 1
}

@media(min-width: 980px) {
    .content-single-video .layout.layout-thirds {
        grid-template-columns: auto 300px
    }

    .content-single-video .layout.layout-thirds>div {
        grid-row: unset
    }

    .content-single-video .layout.layout-thirds .extended-sidebar {
        grid-row: unset
    }
}

.content-single-video .layout>div>footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem;
    width: 100%
}

.content-single-video .layout>div>footer .load-more {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    justify-content: center;
    width: 100% !important;
    padding: .5rem 2rem;
    border: none;
    border-radius: 1.875rem;
    background: #cf3a09;
    font-size: 1rem;
    font-weight: 700;
    line-height: 175%;
    text-transform: none;
    color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    cursor: pointer
}

.content-single-video .layout>div>footer .load-more:focus {
    outline: none
}

.content-single-video .layout>div>footer .load-more:active,
.content-single-video .layout>div>footer .load-more:focus,
.content-single-video .layout>div>footer .load-more:focus-visible,
.content-single-video .layout>div>footer .load-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.content-single-video .layout>div>footer .load-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.content-single-video .layout>div>footer .load-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .content-single-video .layout>div>footer .load-more {
        width: auto !important
    }
}

.content-single-video .layout>div>footer .load-more:active,
.content-single-video .layout>div>footer .load-more:focus,
.content-single-video .layout>div>footer .load-more:focus-visible,
.content-single-video .layout>div>footer .load-more:hover {
    background-color: #f54d16;
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2)
}

.content-single-video .layout>div>footer .load-more:active {
    background-color: #f77247;
    border-color: unset;
    box-shadow: 0px 3px 3px 0px rgba(34, 34, 34, .25)
}

.content-single-video .layout>div>footer .load-more:hover {
    cursor: pointer
}

.content-single-video .layout .extended-sidebar .wordp-target {
    position: sticky;
    top: 6.5rem
}

#video-feedback-trigger-0 {
    display: none
}

#video-feedback-trigger-0:checked~.video-feedback-modal-0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-feedback-modal {
    background: #0f2533;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.video-feedback-modal .close-video-feedback-modal-btn {
    position: absolute;
    right: 15px;
    top: 15px
}

.video-feedback-modal .close-video-feedback-modal-btn:hover {
    cursor: pointer
}

.video-feedback-modal .close-video-feedback-modal-btn svg {
    fill: var(--theme-color-secondary);
    height: 20px;
    width: 20px
}

.video-feedback-modal form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10%;
    width: 300px
}

@media(min-width: 980px) {
    .video-feedback-modal form {
        width: 350px
    }
}

.video-feedback-modal form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

.video-feedback-modal form input[type=text],
.video-feedback-modal form input[type=email],
.video-feedback-modal form textarea {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 5px auto 0;
    padding-left: 15px;
    width: 100%
}

.video-feedback-modal form input[type=text]::placeholder,
.video-feedback-modal form input[type=email]::placeholder,
.video-feedback-modal form textarea::placeholder {
    color: #fff
}

.video-feedback-modal form input[type=text]:focus-visible,
.video-feedback-modal form input[type=email]:focus-visible,
.video-feedback-modal form textarea:focus-visible {
    outline: 0
}

.video-feedback-modal form input[type=text].error,
.video-feedback-modal form input[type=email].error,
.video-feedback-modal form textarea.error {
    border: 2px solid #ff3918
}

.video-feedback-modal form input {
    height: 45px
}

.video-feedback-modal form textarea {
    padding-top: 15px
}

.video-feedback-modal form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
    width: 322px
}

@media(min-width: 980px) {
    .video-feedback-modal form input[type=submit] {
        width: 371px
    }
}

.video-feedback-modal form input[type=submit]:focus-visible {
    outline: 0
}

.video-feedback-modal form input[type=submit]:hover {
    cursor: pointer
}

.video-feedback-modal form .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0
}

main#primary.layout.article.sponsored {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem
}

main#primary.layout.article.sponsored .sponsored-leader-image {
    padding-top: 30px
}

main#primary.layout.article.sponsored .sponsored-leader-image img {
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

main#primary.layout.article.sponsored .article-heading {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

main#primary.layout.article.sponsored .article-heading .heading-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0
}

@media(min-width: 980px) {
    main#primary.layout.article.sponsored .article-heading .heading-title {
        font-size: 3rem
    }
}

main#primary.layout.article.sponsored .article-heading .sponsored-disclaimer {
    font-weight: 700;
    margin-bottom: 0
}

main#primary.layout.article.sponsored .article-heading .article_info_header {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media(min-width: 640px) {
    main#primary.layout.article.sponsored .article-heading .article_info_header {
        flex-direction: row;
        align-items: center
    }
}

main#primary.layout.article.sponsored .article-heading .article_info_header .byline {
    display: flex;
    align-items: center
}

main#primary.layout.article.sponsored .author_avatar {
    margin: 0 .5rem 0 0
}

main#primary.layout.article.sponsored .author_avatar figure,
main#primary.layout.article.sponsored .author_avatar img {
    margin: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 100%
}

main#primary.layout.article.sponsored span.author {
    font-weight: 700
}

main#primary.layout.article.sponsored .sponsored-featured-image {
    width: 300px;
    height: auto;
    margin: 0 auto 20px;
    max-width: 100%
}

main#primary.layout.article.sponsored .tr-sponsored-post-label {
    color: var(--theme-color-primary);
    font-weight: 700
}

main#primary.layout.article.sponsored .content-main {
    display: flex;
    flex-direction: column
}

@media(min-width: 980px) {
    main#primary.layout.article.sponsored .content-main {
        flex-direction: row;
        align-items: flex-start;
        max-width: 100%;
        gap: 1.5rem
    }
}

main#primary.layout.article.sponsored .content-main .sponsored-twitter-feed {
    height: 300px;
    width: 300px;
    overflow-y: scroll;
    margin: 0 auto 20px;
    max-width: 100%
}

main#primary.layout.article.sponsored .content-main article {
    display: flex;
    flex-direction: column
}

main#primary.layout.article.sponsored .content-main article .article-summary {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 1.5rem
}

main#primary.layout.article.sponsored .content-main article figure,
main#primary.layout.article.sponsored .content-main article img {
    box-sizing: border-box;
    margin: 1.5rem auto 1.5rem;
    max-width: 17.5rem
}

main#primary.layout.article.sponsored .content-main article figure figcaption,
main#primary.layout.article.sponsored .content-main article img figcaption {
    text-align: center;
    font-size: .75rem
}

@media(min-width: 640px) {

    main#primary.layout.article.sponsored .content-main article figure,
    main#primary.layout.article.sponsored .content-main article img {
        max-width: 30rem
    }
}

@media(min-width: 1230px) {

    main#primary.layout.article.sponsored .content-main article figure,
    main#primary.layout.article.sponsored .content-main article img {
        max-width: 43.75rem
    }
}

@media(min-width: 1440px) {

    main#primary.layout.article.sponsored .content-main article figure,
    main#primary.layout.article.sponsored .content-main article img {
        max-width: 56rem
    }
}

main#primary.layout.article.sponsored .content-main article footer {
    display: none
}

main#primary.layout.article.sponsored .share {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
    border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a
}

@media(min-width: 640px) {
    main#primary.layout.article.sponsored .share {
        flex-direction: row;
        align-items: center
    }
}

main#primary.layout.article.sponsored .share .share-copy {
    font-weight: 700
}

main#primary.layout.article.sponsored .author_info_footer {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

main#primary.layout.article.sponsored .author_info_footer ul {
    list-style: none;
    margin: 0
}

main#primary.layout.article.sponsored .author_info_footer .share-bar {
    margin: 0 1rem 0 0
}

.archive-gallery header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e4eaef;
    margin-bottom: 2rem;
    padding-top: 2rem
}

.archive-gallery header h2 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    font-size: 27px
}

.archive-gallery header h2 h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

@media(min-width: 980px) {
    .archive-gallery header h2 {
        font-size: 42px
    }
}

@media(min-width: 1230px) {
    .archive-gallery header h2 {
        font-size: 50px
    }
}

.archive-gallery header .icon-rss {
    fill: #f60;
    height: 25px;
    width: 25px
}

@media(min-width: 980px) {
    .archive-gallery .content-main {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

.archive-gallery .content-main div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%
}

.archive-gallery .content-main div .featured-gallery {
    margin-bottom: 2rem;
    position: relative;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery:hover,
.archive-gallery .content-main div .featured-gallery:focus-visible {
    opacity: .8
}

.archive-gallery .content-main div .featured-gallery .gallery-count {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(50, 137, 200, .8);
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 500
}

.archive-gallery .content-main div .featured-gallery .gallery-count svg {
    fill: #fff;
    height: 30px;
    width: 30px
}

.archive-gallery .content-main div .featured-gallery .gallery-count span {
    color: #fff;
    font-size: 18px;
    font-weight: bold
}

.archive-gallery .content-main div .featured-gallery article {
    height: 100%;
    position: relative;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery article>figure {
    height: 100%;
    margin: 0;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery article>figure picture {
    height: 100%;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery article>figure picture img {
    height: 100%;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery article>figure figcaption {
    display: none
}

.archive-gallery .content-main div .featured-gallery article header {
    background: rgba(0, 0, 0, .6);
    border: none;
    bottom: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.archive-gallery .content-main div .featured-gallery article header h3 {
    font-size: 14px;
    margin: .5rem
}

.archive-gallery .content-main div .featured-gallery article header h3 a {
    color: #fff
}

.archive-gallery .content-main div .featured-gallery article header h3 a:hover {
    text-decoration: none
}

.archive-gallery .content-main div .featured-gallery article header span {
    display: none
}

.archive-gallery .content-main div .featured-gallery article .abstract {
    display: none
}

.archive-gallery .content-main div .featured-gallery article footer .byline,
.archive-gallery .content-main div .featured-gallery article footer .date-published,
.archive-gallery .content-main div .featured-gallery article footer .date-modified,
.archive-gallery .content-main div .featured-gallery article footer .url,
.archive-gallery .content-main div .featured-gallery article footer .discussion-url,
.archive-gallery .content-main div .featured-gallery article footer .view-category {
    display: none
}

.archive-gallery .content-main div .featured-gallery article header {
    padding: 10px
}

@media(min-width: 980px) {
    .archive-gallery .content-main div .featured-gallery article header {
        padding: 10px 20px
    }
}

.archive-gallery .content-main div .featured-gallery article header h3 a {
    font-size: 1.2rem;
    font-weight: 600
}

.archive-gallery .content-main div ul {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

@media(min-width: 980px) {
    .archive-gallery .content-main div ul {
        column-gap: 1.75rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: .25em
    }
}

.archive-gallery .content-main div ul li {
    margin-bottom: 1rem;
    position: relative;
    width: 100%
}

@media(min-width: 980px) {
    .archive-gallery .content-main div ul li {
        height: 225px
    }
}

@media(min-width: 1230px) {
    .archive-gallery .content-main div ul li {
        height: 278px
    }
}

.archive-gallery .content-main div ul li:hover,
.archive-gallery .content-main div ul li:focus-visible {
    opacity: .8
}

.archive-gallery .content-main div ul li .gallery-count {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(50, 137, 200, .8);
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 500
}

.archive-gallery .content-main div ul li .gallery-count svg {
    fill: #fff;
    height: 30px;
    width: 30px
}

.archive-gallery .content-main div ul li .gallery-count span {
    color: #fff;
    font-size: 18px;
    font-weight: bold
}

.archive-gallery .content-main div ul li article {
    height: 100%;
    position: relative;
    width: 100%
}

.archive-gallery .content-main div ul li article>figure {
    height: 100%;
    margin: 0;
    width: 100%
}

.archive-gallery .content-main div ul li article>figure picture {
    height: 100%;
    width: 100%
}

.archive-gallery .content-main div ul li article>figure picture img {
    height: 100%;
    width: 100%
}

.archive-gallery .content-main div ul li article>figure figcaption {
    display: none
}

.archive-gallery .content-main div ul li article header {
    background: rgba(0, 0, 0, .6);
    border: none;
    bottom: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.archive-gallery .content-main div ul li article header h3 {
    font-size: 14px;
    margin: .5rem
}

.archive-gallery .content-main div ul li article header h3 a {
    color: #fff
}

.archive-gallery .content-main div ul li article header h3 a:hover {
    text-decoration: none
}

.archive-gallery .content-main div ul li article header span {
    display: none
}

.archive-gallery .content-main div ul li article .abstract {
    display: none
}

.archive-gallery .content-main div ul li article footer .byline,
.archive-gallery .content-main div ul li article footer .date-published,
.archive-gallery .content-main div ul li article footer .date-modified,
.archive-gallery .content-main div ul li article footer .url,
.archive-gallery .content-main div ul li article footer .discussion-url,
.archive-gallery .content-main div ul li article footer .view-category {
    display: none
}

.archive-gallery .content-main div .load-more-btn {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    align-self: center;
    display: none
}

.archive-gallery .content-main div .load-more-btn:focus {
    outline: none
}

.archive-gallery .content-main div .load-more-btn:active,
.archive-gallery .content-main div .load-more-btn:focus,
.archive-gallery .content-main div .load-more-btn:focus-visible,
.archive-gallery .content-main div .load-more-btn:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.archive-gallery .content-main div .load-more-btn:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.archive-gallery .content-main div .load-more-btn:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.archive-gallery .content-main div .load-more-btn span {
    position: relative;
    transform: translate(0, 1px)
}

.archive-gallery .content-main div .load-more-btn:active,
.archive-gallery .content-main div .load-more-btn:focus,
.archive-gallery .content-main div .load-more-btn:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.archive-gallery .content-main div .load-more-btn:active {
    transform: scale(0.9)
}

.archive-gallery .content-main div .load-more-btn:hover {
    cursor: pointer
}

.single-gallery .gallery-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid #e4eaef;
    margin-bottom: 2rem;
    padding-top: 2rem
}

.single-gallery .gallery-header>div {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.single-gallery .gallery-header>div .topic-badge {
    background: var(--theme-color-secondary);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 1px 20px;
    text-transform: uppercase
}

.single-gallery .gallery-header>div .topic-badge:hover {
    text-decoration: none
}

.single-gallery .gallery-header h2 {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    font-size: 27px
}

.single-gallery .gallery-header h2 h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

@media(min-width: 980px) {
    .single-gallery .gallery-header h2 {
        font-size: 42px
    }
}

@media(min-width: 1230px) {
    .single-gallery .gallery-header h2 {
        font-size: 50px
    }
}

.single-gallery .gallery-header .icon-rss {
    fill: #f60;
    height: 25px;
    width: 25px
}

.single-gallery .gallery-header .author-attributes {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: .5rem
}

.single-gallery .gallery-header .author-attributes span {
    color: #778596;
    font-size: 14px;
    font-weight: 200;
    margin-right: .25rem
}

.single-gallery .gallery-header .author-attributes a {
    color: var(--theme-color-navy);
    font-size: 14px;
    font-weight: 200
}

.single-gallery .gallery-header .author-attributes a::after {
    background-color: #778596;
    border-radius: 50%;
    display: inline-block;
    height: 2px;
    width: 2px;
    bottom: 2.5px;
    content: "";
    margin: 0 .5rem;
    position: relative
}

.single-gallery .gallery-header .author-attributes a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.single-gallery .gallery-header .author-attributes time {
    color: #778596;
    font-size: 14px;
    font-weight: 200
}

.single-gallery .gallery-header .author-attributes .twitter-link::after {
    display: none
}

.single-gallery .gallery-header .author-attributes .twitter-link::before {
    background-color: #778596;
    border-radius: 50%;
    display: inline-block;
    height: 2px;
    width: 2px;
    bottom: 2.5px;
    content: "";
    margin: 0 .5rem;
    position: relative
}

.single-gallery .gallery-header .author-attributes .twitter-link svg {
    fill: #5da7d8;
    height: 15px;
    position: relative;
    top: 2px;
    width: 15px
}

@media(min-width: 980px) {
    .single-gallery .content-main {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

.single-gallery .content-main>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.single-gallery .content-main>div .gallery-slider {
    width: 100%
}

.single-gallery .content-main>div .gallery-slider .section-heading {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.single-gallery .content-main>div .gallery-slider .section-heading span {
    font-size: 14px
}

.single-gallery .content-main>div .gallery-slider .section-heading span .current-image {
    display: inline;
    padding-left: .25rem
}

.single-gallery .content-main>div .gallery-slider .section-heading nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10px
}

.single-gallery .content-main>div .gallery-slider .section-heading nav svg {
    fill: var(--theme-color-secondary);
    height: 12px;
    width: 12px
}

.single-gallery .content-main>div .gallery-slider .section-heading nav svg:first-of-type {
    transform: scale(-1, 1)
}

.single-gallery .content-main>div .gallery-slider .section-heading nav a,
.single-gallery .content-main>div .gallery-slider .section-heading nav .prev-link,
.single-gallery .content-main>div .gallery-slider .section-heading nav .next-link {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: var(--theme-color-secondary);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin: 0 .25rem;
    padding: 0;
    text-transform: uppercase
}

.single-gallery .content-main>div .gallery-slider .section-heading nav a:hover,
.single-gallery .content-main>div .gallery-slider .section-heading nav .prev-link:hover,
.single-gallery .content-main>div .gallery-slider .section-heading nav .next-link:hover {
    text-decoration: underline
}

.single-gallery .content-main>div .gallery-slider .slides .slide {
    -webkit-animation: fade-in .5s;
    -moz-animation: fade-in .5s;
    -ms-animation: fade-in .5s;
    -o-animation: fade-in .5s;
    animation: fade-in .5s;
    display: none
}

.single-gallery .content-main>div .gallery-slider .slides .slide.active {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container {
    position: relative;
    width: 100%
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #0f2533;
    opacity: .98;
    display: none;
    z-index: 9999
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark figure figcaption {
    display: none
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark figure img {
    max-height: 80vh;
    max-width: 80vw
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark h2 {
    color: #fff;
    font-size: 18px;
    padding: 0 1rem;
    margin-bottom: 0
}

@media(min-width: 980px) {
    .single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark h2 {
        font-size: 27px;
        max-width: 80%
    }
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .overlay-dark .credit {
    color: #fff;
    font-size: 1rem;
    font-weight: 100;
    opacity: .5
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .close-overlay {
    margin: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .close-overlay svg {
    background: rgba(0, 0, 0, 0);
    fill: var(--theme-color-secondary-hover);
    height: 20px;
    width: 20px
}

@media(min-width: 980px) {
    .single-gallery .content-main>div .gallery-slider .slides .slide .img-container .close-overlay svg {
        height: 35px;
        width: 35px
    }
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .close-overlay:hover {
    cursor: pointer
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .back-arrow {
    align-items: center;
    background: var(--theme-color-secondary);
    border: 0;
    border-radius: 55%;
    cursor: pointer;
    display: inline-flex;
    height: 70px;
    justify-content: center;
    position: absolute;
    width: 70px;
    z-index: 500;
    left: 3%;
    top: calc(50% - 35px);
    visibility: hidden
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .back-arrow:hover {
    background: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px #0e0600
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .back-arrow svg {
    fill: #fff;
    height: 40px;
    width: 40px
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .back-arrow svg {
    transform: scale(-1, 1)
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .next-arrow {
    align-items: center;
    background: var(--theme-color-secondary);
    border: 0;
    border-radius: 55%;
    cursor: pointer;
    display: inline-flex;
    height: 70px;
    justify-content: center;
    position: absolute;
    width: 70px;
    z-index: 500;
    right: 3%;
    top: calc(50% - 35px);
    visibility: hidden
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .next-arrow:hover {
    background: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px #0e0600
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container .next-arrow svg {
    fill: #fff;
    height: 40px;
    width: 40px
}

.single-gallery .content-main>div .gallery-slider .slides .slide .img-container:hover .back-arrow,
.single-gallery .content-main>div .gallery-slider .slides .slide .img-container:hover .next-arrow {
    visibility: visible
}

.single-gallery .content-main>div .gallery-slider .slides .slide:first-child .img-container .back-arrow {
    visibility: hidden
}

.single-gallery .content-main>div .gallery-slider .slides .slide:first-child .img-container .next-arrow {
    visibility: visible
}

.single-gallery .content-main>div .gallery-slider .slides .slide:last-child .img-container .back-arrow {
    visibility: visible
}

.single-gallery .content-main>div .gallery-slider .slides .slide:last-child .img-container .next-arrow {
    visibility: hidden
}

.single-gallery .content-main>div .gallery-slider .slides .slide .image-info h2 {
    margin: .5rem 0
}

.single-gallery .content-main>div .gallery-slider .slides .slide .image-info p,
.single-gallery .content-main>div .gallery-slider .slides .slide .image-info .credit {
    font-size: 18px;
    font-weight: 300;
    margin: .5rem 0
}

.single-gallery .content-main>div .list-categories {
    margin: 1rem 0
}

.single-gallery .content-main .share {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.single-gallery .content-main .share .share-bar ul {
    margin-bottom: 0
}

.single-gallery .content-main .share .share-copy {
    display: none
}

@media(min-width: 980px) {
    .single-gallery .content-main .share .share-copy {
        color: #778596;
        display: block;
        font-size: 1rem
    }
}

.single-gallery .content-main .author-info-footer {
    display: flex
}

.single-gallery .content-main .author-info-footer .author_avatar {
    margin: 0 30px 0 0
}

@media(min-width: 980px) {
    .single-gallery .content-main .author-info-footer .author_avatar {
        margin-right: 10px
    }
}

.single-gallery .content-main .author-info-footer .author_avatar figure {
    margin: 0
}

.single-gallery .content-main .author-info-footer .author_avatar figure img {
    border-radius: 100%;
    height: 70px;
    width: 70px
}

.single-gallery .content-main .author-info-footer .author_avatar figure figcaption {
    display: none
}

.single-gallery .content-main .author-info-footer .byline_wrap {
    font-size: 18px;
    font-weight: 700
}

.single-gallery .content-main .author-info-footer .author_description {
    color: #778596;
    font-size: 16px;
    font-weight: 300;
    line-height: 19.2px
}

.single-gallery .content-main .author-info-footer .author_links ul {
    display: flex;
    list-style: none;
    margin: 0 0 10px 0
}

.single-gallery .content-main .author-info-footer .author_links ul li {
    align-items: center;
    box-sizing: border-box;
    color: var(--theme-color-navy);
    display: flex;
    height: 46px;
    justify-content: center;
    margin-right: 5px
}

.single-gallery .content-main .author-info-footer .author_links ul li .email-author-modal-trigger .label-content-wrap {
    display: flex
}

.single-gallery .content-main .author-info-footer .author_links ul li,
.single-gallery .content-main .author-info-footer .author_links ul li a {
    color: var(--theme-color-navy);
    font-size: 16px
}

.single-gallery .content-main .author-info-footer .author_links ul li svg {
    fill: #778596;
    height: 20px;
    width: 20px
}

.single-gallery .content-main .author-info-footer .author_links .email {
    background: none;
    border: 0;
    height: 20px;
    padding: 0
}

.single-gallery .content-main .author-info-footer .author_links .separator {
    color: #778596;
    margin: 0 5px
}

.single-gallery .content-main .author-info-footer .author_links .twitter {
    height: 20px
}

.change-password-main header,
.change-email-main header,
.reset-password-main header {
    padding-top: 2rem
}

.change-password-main h2,
.change-email-main h2,
.reset-password-main h2 {
    border-bottom: 1px solid #e0e0e0;
    color: #3289c8;
    font-size: 3rem;
    font-weight: 200;
    letter-spacing: -0.04em;
    line-height: 1.1;
    padding-top: 10px;
    word-wrap: break-word
}

.change-password-main p,
.change-email-main p,
.reset-password-main p {
    color: var(--theme-color-navy);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 900px
}

.change-password-main form,
.change-email-main form,
.reset-password-main form {
    margin-bottom: 3rem
}

@media(min-width: 980px) {

    .change-password-main form,
    .change-email-main form,
    .reset-password-main form {
        max-width: 900px
    }
}

.change-password-main form input[type=email],
.change-password-main form input[type=password],
.change-email-main form input[type=email],
.change-email-main form input[type=password],
.reset-password-main form input[type=email],
.reset-password-main form input[type=password] {
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: block;
    font-weight: 300;
    height: 33px;
    padding: 4px 6px;
    margin-bottom: 10px;
    line-height: 1.5;
    width: 100%;
    vertical-align: middle
}

.change-password-main form input[type=submit],
.change-email-main form input[type=submit],
.reset-password-main form input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 10px 20px;
    width: 100%;
    text-transform: uppercase
}

@media(min-width: 980px) {

    .change-password-main form input[type=submit],
    .change-email-main form input[type=submit],
    .reset-password-main form input[type=submit] {
        font-size: .8rem;
        max-width: 370px
    }
}

.change-password-main form input[type=submit]:disabled,
.change-email-main form input[type=submit]:disabled,
.reset-password-main form input[type=submit]:disabled {
    opacity: 80%;
    cursor: not-allowed
}

.change-password-main .error-message,
.change-email-main .error-message,
.reset-password-main .error-message {
    color: #ff3918
}

.change-email-main h2,
.change-password-main h2 {
    color: var(--theme-color-navy);
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 20px
}

.change-email-main .msg-banner,
.change-password-main .msg-banner {
    background-color: #62c462;
    border-radius: 3px;
    color: #fff;
    font-size: .8rem;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 6px 12px
}

@media(min-width: 980px) {

    .change-email-main .msg-banner,
    .change-password-main .msg-banner {
        font-size: 1rem
    }
}

.change-email-main .msg-banner.error,
.change-password-main .msg-banner.error {
    background-color: #ee5f5b
}

@media(min-width: 980px) {

    .change-email-main form,
    .change-password-main form {
        max-width: 620px
    }
}

.change-email-main .view-profile {
    border: 1px solid #e0e0e0;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 1rem;
    outline: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    text-decoration: none
}

.change-email-main .view-profile:hover {
    background-color: var(--theme-color-primary);
    color: #fff
}

.content-rss-feeds .heading-title {
    color: var(--theme-color-primary-hover);
    font-size: 27px;
    font-weight: 200;
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0
}

@media(min-width: 980px) {
    .content-rss-feeds .heading-title {
        font-size: 42px
    }
}

@media(min-width: 1230px) {
    .content-rss-feeds .heading-title {
        font-size: 50px
    }
}

@media(min-width: 980px) {
    .content-rss-feeds .content-main {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

.content-rss-feeds .content-main div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.content-rss-feeds .content-main div p {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 10px
}

.content-rss-feeds .content-main div .section-heading {
    margin: 1rem 0 0 0;
    width: 100%
}

.content-rss-feeds .content-main div .section-heading:first-of-type {
    margin: 0
}

.content-rss-feeds .content-main div .rss-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.content-rss-feeds .content-main div .rss-list li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
    width: 100%
}

.content-rss-feeds .content-main div .rss-list li:last-of-type {
    border-bottom: 0
}

.content-rss-feeds .content-main div .rss-list li a {
    color: var(--theme-color-navy);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none
}

.content-rss-feeds .content-main div .rss-list li a svg {
    fill: #f60;
    height: 25px;
    vertical-align: middle;
    width: 25px
}

.content-rss-feeds .content-main div .rss-list li a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: underline
}

.content-rss-feeds .content-main div .rss-list li a:hover svg {
    fill: rgba(255, 102, 0, .7)
}

.content-rss-feeds .content-main div .rss-content {
    margin-top: 1rem
}

.content-rss-feeds .content-main div .rss-content ul li {
    font-weight: 300
}

body.is-premium.page-template-page-premium-about section.promo-banner:first-of-type {
    padding-top: 0
}

@media(min-width: 980px) {
    body.is-premium.page-template-page-premium-about section.promo-banner:first-of-type {
        padding-top: 6rem
    }
}

body.is-premium.page-template-page-premium-about .promo-banner.download img {
    max-width: unset
}

body.is-premium main#primary section.promo-banner {
    margin: 0
}

body.is-premium main#primary .layout.layout-whole {
    background: rgba(8, 107, 219, .1);
    max-width: 100%;
    padding: 0
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media(min-width: 980px) {
    body.is-premium main#primary .layout.layout-whole .list-chosen.list-card {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    body.is-premium main#primary .layout.layout-whole .list-chosen.list-card {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 640px) {
    body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article img {
    aspect-ratio: 4/3
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article .headline {
    margin: 0
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article .group>.article-summary.abstract {
    display: block
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article .group>.article-summary.abstract p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-top: 0
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article .byline {
    display: flex
}

body.is-premium main#primary .layout.layout-whole .list-chosen.list-card ul li>article .byline .date-published {
    display: block
}

body.is-premium main#primary .list-featured .section-heading,
body.is-premium main#primary .list-chosen .section-heading {
    border-bottom: none;
    color: var(--theme-color-navy);
    font-size: 3rem;
    padding: 0
}

body.is-premium main#primary .list-featured .section-heading small,
body.is-premium main#primary .list-chosen .section-heading small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary)
}

body.is-premium main#primary .layout.layout-thirds {
    gap: 1.5rem;
    padding-bottom: 3rem
}

body.is-premium main#primary .layout.layout-thirds .list-featured article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    width: 100%
}

body.is-premium main#primary .layout.layout-thirds .list-featured article figure,
body.is-premium main#primary .layout.layout-thirds .list-featured article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .view-category,
body.is-premium main#primary .layout.layout-thirds .list-featured article .date-published>span,
body.is-premium main#primary .layout.layout-thirds .list-featured article .url,
body.is-premium main#primary .layout.layout-thirds .list-featured article figcaption,
body.is-premium main#primary .layout.layout-thirds .list-featured article .article-section,
body.is-premium main#primary .layout.layout-thirds .list-featured article .article-summary,
body.is-premium main#primary .layout.layout-thirds .list-featured article .date-modified {
    display: none
}

body.is-premium main#primary .layout.layout-thirds .list-featured article header {
    overflow: hidden;
    font-weight: 700
}

body.is-premium main#primary .layout.layout-thirds .list-featured article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

body.is-premium main#primary .layout.layout-thirds .list-featured article header .headline,
body.is-premium main#primary .layout.layout-thirds .list-featured article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group footer {
    display: flex;
    flex-direction: column
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group footer .byline::after {
    display: none
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group footer .byline a,
body.is-premium main#primary .layout.layout-thirds .list-featured article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

body.is-premium main#primary .layout.layout-thirds .list-featured article.is-premium header {
    width: 100%
}

body.is-premium main#primary .layout.layout-thirds .list-featured article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

body.is-premium main#primary .layout.layout-thirds .list-featured article.is-premium header span.is-premium-flag::after {
    top: 40%
}

body.is-premium main#primary .layout.layout-thirds .list-featured article.is-premium header .article-section {
    display: none !important
}

body.is-premium main#primary .layout.layout-thirds .list-featured article a {
    width: 100%;
    height: 100%
}

body.is-premium main#primary .layout.layout-thirds .list-featured article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

body.is-premium main#primary .layout.layout-thirds .list-featured article picture,
body.is-premium main#primary .layout.layout-thirds .list-featured article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    body.is-premium main#primary .layout.layout-thirds .list-featured article {
        width: 100%;
        height: auto
    }

    body.is-premium main#primary .layout.layout-thirds .list-featured article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    body.is-premium main#primary .layout.layout-thirds .list-featured article figure {
        max-width: 18rem
    }
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .category-title {
    display: none
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    body.is-premium main#primary .layout.layout-thirds .list-featured article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    body.is-premium main#primary .layout.layout-thirds .list-featured article .group .article-summary {
        display: block
    }

    body.is-premium main#primary .layout.layout-thirds .list-featured article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    body.is-premium main#primary .layout.layout-thirds .list-featured article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

body.is-premium main#primary .layout.layout-thirds .list-featured article img {
    aspect-ratio: 4/3
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .is-premium-flag {
    display: none !important
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .category-title {
    display: block !important
}

body.is-premium main#primary .layout.layout-thirds .list-featured article .byline,
body.is-premium main#primary .layout.layout-thirds .list-featured article .date-published {
    display: block
}

.page-template-page-premium-about {
    margin-top: 0
}

.page-template-page-premium-about #masthead {
    position: absolute;
    top: -100%;
    z-index: 1
}

.page-template-page-premium-about .promo-banner.download .button,
.page-template-page-premium-about .button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300
}

.page-template-page-premium-about main aside {
    border-top: 1px solid #e4eaef;
    padding: 30px 0
}

.page-template-page-premium-about .promo-lists {
    font-family: "Roboto Condensed", sans-serif;
    padding: 60px 0 80px 0
}

.page-template-page-premium-about .promo-lists .layout {
    display: grid;
    grid-template-columns: 1fr
}

@media(min-width: 980px) {
    .page-template-page-premium-about .promo-lists .layout {
        grid-template-columns: 1fr 1fr;
        gap: 4rem
    }
}

.page-template-page-premium-about .promo-lists ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.page-template-page-premium-about .promo-lists ul li {
    color: #778596;
    font-size: 19px;
    line-height: 1.53;
    margin-bottom: 30px
}

.page-template-page-premium-about .promo-lists ul li:last-child {
    margin-bottom: 0
}

.page-template-page-premium-about .promo-lists ul li a {
    color: #0c1417
}

.page-template-page-premium-about .promo-lists ul li a:hover {
    color: #f60;
    text-decoration: none
}

.page-template-page-premium-about .promo-lists .button {
    display: none
}

.page-template-page-premium-about .promo-lists>.actions {
    display: flex;
    justify-content: center
}

.page-template-page-premium-about .promo-lists>.actions .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    display: flex;
    font-size: 18px;
    font-weight: 300;
    height: 60px;
    justify-content: center;
    margin: 40px 0 0 0;
    max-width: 530px;
    text-transform: none;
    width: 100%
}

.page-template-page-premium-about .promo-lists>.actions .button:focus {
    outline: none
}

.page-template-page-premium-about .promo-lists>.actions .button:active,
.page-template-page-premium-about .promo-lists>.actions .button:focus,
.page-template-page-premium-about .promo-lists>.actions .button:focus-visible,
.page-template-page-premium-about .promo-lists>.actions .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.page-template-page-premium-about .promo-lists>.actions .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.page-template-page-premium-about .promo-lists>.actions .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.page-template-page-premium-about .promo-lists h4 {
    color: #6329ae;
    font-size: 14px;
    font-weight: 100;
    margin: 0;
    padding: 30px 0;
    position: relative;
    text-transform: uppercase
}

.page-template-page-premium-about .promo-lists h4::before {
    background: #6329ae;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px
}

.page-template-page-premium-about .promo-lists h4 a {
    color: #6329ae
}

.page-template-page-premium-about .promo-lists h4 a:hover {
    color: var(--theme-color-secondary)
}

.page-template-page-premium-about .promo-unit .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    font-size: 18px;
    font-weight: 300;
    height: 60px;
    justify-content: center;
    width: 100%
}

.page-template-page-premium-about .promo-unit .button:focus {
    outline: none
}

.page-template-page-premium-about .promo-unit .button:active,
.page-template-page-premium-about .promo-unit .button:focus,
.page-template-page-premium-about .promo-unit .button:focus-visible,
.page-template-page-premium-about .promo-unit .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.page-template-page-premium-about .promo-unit .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.page-template-page-premium-about .promo-unit .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.page-template-page-premium-about .promo-unit .button:focus-visible,
.page-template-page-premium-about .promo-unit .button:hover {
    background: var(--theme-color-secondary);
    box-shadow: none;
    color: #fff
}

.page-template-page-premium-about .promo-unit .button:focus {
    color: #fff
}

.page-template-page-premium-about .promo-unit.newsletter-signup {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 570px;
    padding: 40px 20px 50px;
    width: 100%
}

.page-template-page-premium-about .newsletter-signup {
    color: #778596;
    text-align: center
}

.page-template-page-premium-about .newsletter-signup h2,
.page-template-page-premium-about .newsletter-signup .button svg,
.page-template-page-premium-about .newsletter-signup .interval {
    display: none
}

.page-template-page-premium-about .newsletter-signup p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px
}

.page-template-page-premium-about .newsletter-signup h3 {
    color: #0c1417;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 30px
}

.site-map ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px
}

.site-map a {
    font-size: 18px;
    font-weight: 300
}

.site-map li {
    padding: 10px 0
}

.site-map .section-heading span {
    padding-bottom: 10px
}

.site-map h4 {
    font-weight: 300
}

.site-map h4~ul {
    margin: 0 0 10px 1.25rem
}

.site-map .heading-title {
    border-bottom: 1px solid #e6e4ec;
    color: var(--theme-color-primary);
    font-size: 27px;
    font-weight: 200;
    line-height: 1.1;
    padding: 1.25rem 0 10px
}

@media(min-width: 980px) {
    .site-map .heading-title {
        font-size: 50px
    }
}

.social-registration-form-container .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    font-weight: 300
}

.social-registration-form-container .error-message.active {
    display: block
}

.social-registration {
    background: #0f2533;
    bottom: 0;
    color: #fff;
    left: 0;
    padding-top: 3rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999
}

.social-registration p {
    font-size: .9rem;
    font-weight: 300
}

.social-registration .layout {
    max-width: 350px
}

.social-registration .read-write,
.social-registration .readonly {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color-secondary);
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    height: 45px;
    margin-bottom: 5px;
    outline: 0;
    padding: 0 15px;
    width: 100%
}

.social-registration .read-write::placeholder,
.social-registration .readonly::placeholder {
    color: #fff
}

.social-registration .error-message {
    color: #ff3918;
    display: none;
    font-size: 13px;
    font-weight: 300
}

.social-registration .error-message.active {
    display: block
}

.social-registration form#social_registration_user select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,3 10,3 5,8'/></svg>");
    background-position: right 15px top 50%;
    background-repeat: no-repeat
}

.social-registration form#social_registration_user select option {
    color: #000
}

.social-registration form#social_registration_user label[for=tos] input[type=checkbox],
.social-registration form#social_registration_user label[for=social_tos] input[type=checkbox] {
    display: none
}

.social-registration form#social_registration_user label[for=tos] input[type=checkbox]:checked~.terms-of-service::before,
.social-registration form#social_registration_user label[for=social_tos] input[type=checkbox]:checked~.terms-of-service::before {
    content: "✓"
}

.social-registration form#social_registration_user label[for=tos] .terms-of-service::before,
.social-registration form#social_registration_user label[for=social_tos] .terms-of-service::before {
    border: 2px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    content: "";
    display: block;
    float: left;
    height: 15px;
    margin: 4px 12px 0 0;
    padding: 2px 0 0 2px;
    width: 15px
}

.social-registration form#social_registration_user label[for=tos] .terms-of-service p,
.social-registration form#social_registration_user label[for=social_tos] .terms-of-service p {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 5px 0
}

.social-registration form#social_registration_user label[for=tos] .terms-of-service p a,
.social-registration form#social_registration_user label[for=social_tos] .terms-of-service p a {
    color: #fff;
    text-decoration: underline
}

.social-registration form#registerform p {
    margin: 0
}

.social-registration form#registerform input[type=submit] {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    display: block;
    font-size: .9rem;
    font-weight: 300;
    text-align: center
}

.social-registration form#registerform input[type=submit]:focus {
    outline: none
}

.social-registration form#registerform input[type=submit]:active,
.social-registration form#registerform input[type=submit]:focus,
.social-registration form#registerform input[type=submit]:focus-visible,
.social-registration form#registerform input[type=submit]:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.social-registration form#registerform input[type=submit]:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.social-registration form#registerform input[type=submit]:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

body.page-template-page-reset,
body.page-template-page-register,
body.page-template-page-social-registration,
body.page-template-page-login {
    margin-top: 0
}

#login-register {
    position: relative;
    background: #3289c8;
    background: radial-gradient(circle, rgb(50, 137, 200) 45%, rgb(0, 0, 0) 100%);
    display: flex;
    align-items: center
}

@media(min-width: 980px) {
    #login-register {
        display: block;
        min-height: 100vh
    }
}

#login-register .nsl-container-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

@media(min-width: 640px) {
    #login-register .nsl-container-buttons {
        flex-wrap: nowrap
    }
}

#login-register .nsl-container-embedded-login-layout-below {
    padding: 0 !important
}

#login-register .wrapper {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    height: auto;
    z-index: 1;
    background-color: #fff;
    box-shadow: 10px 10px 37px 0px rgba(0, 0, 0, .32);
    -webkit-box-shadow: 10px 10px 37px 0px rgba(0, 0, 0, .32);
    -moz-box-shadow: 10px 10px 37px 0px rgba(0, 0, 0, .32);
    max-width: 1280px
}

@media(min-width: 980px) {
    #login-register .wrapper {
        display: flex;
        min-height: 100vh
    }
}

#login-register .image-container {
    overflow: hidden;
    display: none
}

@media(min-width: 980px) {
    #login-register .image-container {
        max-width: 50%;
        display: block;
        flex: 1
    }
}

#login-register .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#login-register .form-container {
    padding: 30px;
    display: flex;
    align-items: center
}

@media(min-width: 980px) {
    #login-register .form-container {
        max-width: 50%;
        flex: 1
    }
}

#login-register .form-container .g-recaptcha {
    margin-bottom: 1.5rem
}

#login-register .form-container .terms-of-service p {
    font-size: .85rem;
    line-height: 1.15
}

#login-register .form-container h1 {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 1.6875rem
}

#login-register .form-container h1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 5px;
    content: "";
    background-color: var(--theme-color-secondary)
}

#login-register .form-container h1.register-title {
    line-height: 1.1;
    margin-bottom: 30px
}

#login-register .form-container h1.register-title::after {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 5px;
    content: "";
    background-color: var(--theme-color-secondary)
}

#login-register .form-container .form-card {
    width: 100%;
    max-width: 400px;
    margin: auto
}

#login-register .form-container form input[type=email],
#login-register .form-container form input[type=text],
#login-register .form-container form input[type=password] {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    border-radius: 15px;
    padding: 1rem;
    box-sizing: border-box;
    border: solid 1px #000
}

#login-register .form-container form select {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    border-radius: 15px;
    padding: 1rem;
    box-sizing: border-box;
    border: solid 1px #000
}

#login-register .form-container form input[type=submit] {
    width: 100%;
    background-color: var(--theme-color-secondary);
    padding: 15px;
    border: none;
    border-radius: 15px;
    color: #fff;
    cursor: pointer
}

#login-register .form-container form input[type=submit]:hover {
    background-color: #0f2533
}

#login-register .form-container .error-join {
    margin-top: -1.25rem;
    font-size: .85rem;
    margin-bottom: 1.5rem;
    display: none;
    color: #ff3918;
    font-weight: 300
}

#login-register .form-container .error-join.show {
    display: block
}

#login-register .form-container .error-msg {
    color: #ff3918
}

#login-register .back-button-register {
    margin-bottom: 15px
}

#login-register .back-button-register button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    cursor: pointer
}

#login-register .back-button-register button svg {
    stroke: currentColor
}

#login-register .back-button-register button:hover {
    color: var(--theme-color-secondary)
}

#login-register .back-button-register span {
    line-height: 1;
    position: relative;
    top: 1px
}

#register-submit.hide {
    display: none
}

.content-archive {
    font-family: "Mulish", sans-serif;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0 1.5rem
}

@media(min-width: 980px) {
    .content-archive {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .content-archive {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

.content-archive .category-archive {
    display: flex;
    flex-direction: column
}

.content-archive .category-archive .archive-main {
    padding-top: 3.125rem
}

.content-archive .category-archive .archive-main .archive-heading {
    color: var(--theme-color-navy);
    font-family: "Mulish", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

.content-archive .category-archive .archive-main .archive-heading h2 small {
    display: block;
    font-size: 1.25rem;
    color: var(--theme-color-primary);
    padding-bottom: 1.25rem
}

.content-archive .category-archive .archive-sections {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width: 980px) {
    .content-archive .category-archive .archive-sections {
        justify-content: center;
        display: grid;
        grid-gap: 1.5rem
    }

    .content-archive .category-archive .archive-sections .articles-list {
        grid-column: 1
    }

    .content-archive .category-archive .archive-sections aside {
        grid-column: 2;
        max-width: 18.75rem;
        height: 100%
    }

    .content-archive .category-archive .archive-sections aside>div:last-child {
        position: sticky;
        top: 6.5rem
    }

    body.skybox-loaded:not(.skybox-closed) .content-archive .category-archive .archive-sections aside>div:last-child {
        top: 13.5rem
    }
}

.content-archive .category-archive .archive-sections #native-study-guide,
.content-archive .category-archive .archive-sections #native-rr-article {
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12)
}

.content-archive .category-archive .archive-sections .articles-list {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.content-archive .category-archive .archive-sections .articles-list .list-featured,
.content-archive .category-archive .archive-sections .articles-list ul {
    margin: 0
}

.content-archive .category-archive .archive-sections .articles-list article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

.content-archive .category-archive .archive-sections .articles-list article figure,
.content-archive .category-archive .archive-sections .articles-list article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.content-archive .category-archive .archive-sections .articles-list article .view-category,
.content-archive .category-archive .archive-sections .articles-list article .date-published>span,
.content-archive .category-archive .archive-sections .articles-list article .url,
.content-archive .category-archive .archive-sections .articles-list article figcaption,
.content-archive .category-archive .archive-sections .articles-list article .article-section,
.content-archive .category-archive .archive-sections .articles-list article .article-summary,
.content-archive .category-archive .archive-sections .articles-list article .date-modified {
    display: none
}

.content-archive .category-archive .archive-sections .articles-list article header {
    overflow: hidden;
    font-weight: 700
}

.content-archive .category-archive .archive-sections .articles-list article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.content-archive .category-archive .archive-sections .articles-list article header .headline,
.content-archive .category-archive .archive-sections .articles-list article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.content-archive .category-archive .archive-sections .articles-list article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.content-archive .category-archive .archive-sections .articles-list article .group footer {
    display: flex;
    flex-direction: column
}

.content-archive .category-archive .archive-sections .articles-list article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.content-archive .category-archive .archive-sections .articles-list article .group footer .byline::after {
    display: none
}

.content-archive .category-archive .archive-sections .articles-list article .group footer .byline a,
.content-archive .category-archive .archive-sections .articles-list article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

.content-archive .category-archive .archive-sections .articles-list article.is-premium header {
    width: 100%
}

.content-archive .category-archive .archive-sections .articles-list article.is-premium header span.is-premium-flag {
    display: inline-block;
    margin-bottom: .5rem
}

.content-archive .category-archive .archive-sections .articles-list article.is-premium header span.is-premium-flag::after {
    top: 40%
}

.content-archive .category-archive .archive-sections .articles-list article.is-premium header .article-section {
    display: none !important
}

.content-archive .category-archive .archive-sections .articles-list article a {
    width: 100%;
    height: 100%
}

.content-archive .category-archive .archive-sections .articles-list article figure {
    max-width: 7.5rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

.content-archive .category-archive .archive-sections .articles-list article picture,
.content-archive .category-archive .archive-sections .articles-list article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3
}

@media(min-width: 640px) {
    .content-archive .category-archive .archive-sections .articles-list article {
        width: 100%;
        height: auto
    }

    .content-archive .category-archive .archive-sections .articles-list article figure {
        max-width: 10rem
    }
}

@media(min-width: 980px) {
    .content-archive .category-archive .archive-sections .articles-list article figure {
        max-width: 18rem
    }
}

.content-archive .category-archive .archive-sections .articles-list article .category-title {
    display: none
}

.content-archive .category-archive .archive-sections .articles-list article .group {
    display: flex;
    flex: 1;
    padding-right: 1rem;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 980px) {
    .content-archive .category-archive .archive-sections .articles-list article .group {
        padding-right: 1.25rem
    }
}

@media(min-width: 980px) {
    .content-archive .category-archive .archive-sections .articles-list article .group .article-summary {
        display: block
    }

    .content-archive .category-archive .archive-sections .articles-list article .group .article-summary p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }
}

@media(min-width: 640px) {
    .content-archive .category-archive .archive-sections .articles-list article:not(:is(.is-premium)) .category-title {
        display: block
    }
}

.content-archive .category-archive .archive-sections .articles-list article figure {
    height: 100%
}

.content-archive .category-archive .archive-sections aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.area-resource-library .content-archive .header-archive {
    margin-bottom: 30px;
    padding-bottom: 15px
}

.area-resource-library .content-archive .header-archive h2 {
    border-bottom: 1px solid #e6e4ec;
    flex: 1;
    font-size: 48px;
    line-height: 1.4;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
    width: 100%
}

.area-resource-library .content-archive .header-archive p {
    color: #778596;
    font-size: 16px;
    font-weight: 300;
    text-align: left
}

@media(min-width: 980px) {
    .area-resource-library .content-archive .header-archive p {
        font-size: 24px;
        max-width: 90%
    }
}

.area-resource-library .content-archive .articles-list {
    width: 100%
}

.area-resource-library .content-archive .articles-list .section-heading {
    display: none
}

.area-resource-library .content-archive .articles-list .search-resources {
    margin: 0 auto 30px;
    padding: 0
}

.area-resource-library article .date-published,
.area-resource-library article .provided-by,
.area-resource-library article .byline {
    color: #778596;
    font-size: 14px;
    font-weight: 300;
    margin-right: .25em
}

.area-resource-library article .date-published::after,
.area-resource-library article .provided-by::after,
.area-resource-library article .byline::after {
    background-color: #778596;
    border-radius: 50%;
    display: inline-block;
    height: 2px;
    width: 2px
}

.area-resource-library article .date-published {
    order: 1
}

.area-resource-library article .provided-by {
    order: 2
}

.area-resource-library article .provided-by::after {
    display: none
}

.area-resource-library article .group {
    display: flex;
    flex-direction: column
}

.area-resource-library article .article-summary {
    order: 1
}

.area-resource-library article footer {
    display: flex;
    margin-bottom: 5px;
    order: 0
}

.area-resource-library .promo-banner {
    background: url("inc/images/resource-library-header.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 13px;
    height: auto;
    max-height: 411.5px;
    padding: 20px 0;
    text-align: center
}

@media(min-width: 980px) {
    .area-resource-library .promo-banner {
        font-size: 18px;
        padding: 30px 0 40px 0
    }
}

.area-resource-library .promo-banner .layout {
    flex-direction: column;
    max-width: 800px
}

@media(min-width: 980px) {
    .area-resource-library .promo-banner .layout {
        padding: 0
    }
}

.area-resource-library .promo-banner p {
    margin: 10px 0 0 0
}

.area-resource-library .promo-banner p,
.area-resource-library .promo-banner span {
    font-weight: 100
}

.area-resource-library .promo-banner .headline {
    font-size: 22px;
    font-weight: 100;
    line-height: 1;
    margin: 0;
    padding: 0
}

@media(min-width: 980px) {
    .area-resource-library .promo-banner .headline {
        font-size: 48px
    }
}

.area-resource-library .promo-banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    margin-top: 30px;
    width: 100%
}

@media(min-width: 980px) {
    .area-resource-library .promo-banner ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around
    }
}

.area-resource-library .promo-banner ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    white-space: wrap;
    width: 188px
}

.area-resource-library .promo-banner ul li span {
    font-size: 16px
}

.area-resource-library .promo-banner ul li strong {
    margin: .75rem 0 .25rem 0
}

.area-resource-library .promo-banner ul svg {
    height: 79px;
    width: 79px
}

.area-resource-library .promo-banner .actions {
    margin-top: 30px;
    width: auto
}

@media(min-width: 980px) {
    .area-resource-library .promo-banner .actions {
        max-width: 450px
    }
}

.area-resource-library .promo-banner .button {
    font-size: 16px;
    font-weight: 900;
    height: 45px;
    line-height: 45px;
    max-width: none;
    max-width: 100%;
    padding: 0 1rem;
    text-transform: uppercase;
    width: 450px
}

.layout:has(.promo-premium-resources) {
    max-width: 100%;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    flex-direction: column;
    background: linear-gradient(180deg, var(--theme-color-primary) 0%, #044997 100%);
    margin-bottom: 2rem
}

@media(min-width: 980px) {
    .layout:has(.promo-premium-resources) {
        padding: 4.375rem 0
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 2rem
}

@media(min-width: 980px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.56) 100%);
    border-radius: .5rem;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    padding: 1.5rem
}

@media(min-width: 640px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 1.5rem 3.75rem
    }
}

@media(min-width: 980px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content {
        padding: 4.5rem 6.5rem
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content img {
    border-radius: .75rem;
    background: none
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media(min-width: 640px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta {
        align-items: flex-start
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta h2 {
    color: var(--theme-color-navy);
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0
}

@media(min-width: 980px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta h2 {
        font-size: 2.25rem
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button {
    border: none;
    display: inline-flex;
    padding: .5rem 2rem;
    border-radius: 1.875rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75;
    box-shadow: 0px 5px 8px 0px rgba(34, 34, 34, .2);
    background-color: #cf3a09;
    color: #fff;
    justify-content: center;
    padding: .5rem 1.5rem;
    line-height: 175%
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:focus,
.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:focus-visible,
.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:hover {
    box-shadow: 0px 15px 20px 0px rgba(34, 34, 34, .2);
    cursor: pointer;
    text-decoration: none;
    transition: ease-out .025s;
    transition-property: box-shadow, background-color
}

.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:focus,
.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:focus-visible,
.layout:has(.promo-premium-resources) .promo-premium-resources .promo-content .premium-cta .button:hover {
    background-color: #fe693c
}

@media(min-width: 640px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .latest {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest h2 {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.25;
    display: none
}

@media(min-width: 640px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .latest h2 {
        display: block
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul li {
    width: 100%
}

@media(min-width: 640px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .latest ul {
        flex-direction: row;
        gap: 1.5rem
    }

    .layout:has(.promo-premium-resources) .promo-premium-resources .latest ul li:last-child {
        display: none
    }
}

@media(min-width: 1230px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .latest ul li:last-child {
        display: block
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article {
    position: relative;
    border-radius: .5rem;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, .12);
    display: grid;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    line-height: 1.5;
    row-gap: 0;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 6.5rem
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article figure,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article img {
    flex-shrink: 0;
    border-radius: 8px;
    grid-column: 1/1;
    grid-row: 1/4;
    margin: 0
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .view-category,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .date-published>span,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .url,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article figcaption,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .article-section,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .article-summary,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .date-modified {
    display: none
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article header {
    overflow: hidden;
    font-weight: 700
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article header .category-title {
    color: var(--theme-color-primary);
    font-size: 1rem;
    line-height: 1.25
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article header .headline,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article header a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--theme-color-navy);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 20px 0px
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group footer {
    display: flex;
    flex-direction: column
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group footer .byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group footer .byline::after {
    display: none
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group footer .byline a,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group footer .byline .no-link {
    color: #cf3a09;
    font-weight: 700;
    padding-right: 1rem
}

@media(min-width: 980px) {
    .layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article {
        height: 7.5rem
    }
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article .group {
    padding: .5rem .5rem .5rem 0
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article h3>a {
    font-size: 1rem;
    line-height: 125%
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article figure,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article img {
    height: 100%;
    object-fit: cover
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article.is-premium.is-resource .headline {
    margin: 0
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article.is-premium.is-resource .byline {
    flex-direction: column;
    align-items: flex-start
}

.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article.is-premium.is-resource a.button,
.layout:has(.promo-premium-resources) .promo-premium-resources .latest ul article.is-premium.is-resource span.content-type {
    display: none
}

.single-resource {
    background: #0c1417
}

.single-resource.single {
    overflow-x: hidden;
    width: 100vw
}

.single-resource aside {
    background: #fff;
    padding: 30px 0 20px 0
}

@media(min-width: 980px) {
    .single-resource aside .layout {
        column-gap: 108px;
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
}

@media(max-width: 1230px) {
    .single-resource aside .list-topics {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: repeat(4, auto)
    }

    .single-resource aside .list-topics select {
        width: 150px
    }
}

.single-resource #primary.layout {
    background: #fff;
    margin-bottom: 2rem;
    padding: 0
}

.single-resource .logo-vendor {
    background: rgba(0, 0, 0, 0);
    height: auto;
    margin: 0 auto;
    max-height: 100px;
    max-width: 200px;
    width: auto
}

.single-resource .resource {
    color: #47515a;
    display: flex;
    flex-direction: column;
    font-weight: 300
}

@media(min-width: 980px) {
    .single-resource .resource {
        column-gap: 108px;
        display: grid;
        column-gap: 108px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-columns: 55% 1fr;
        grid-template-rows: repeat(3, auto)
    }
}

.single-resource .resource .tr-breadcrumbs {
    padding: 20px 20px 0 20px
}

@media(min-width: 980px) {
    .single-resource .resource .tr-breadcrumbs {
        padding-left: 30px;
        padding-right: 30px
    }
}

.single-resource .resource .tr-breadcrumbs-wrapper ol {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

.single-resource .resource .tr-breadcrumbs-item,
.single-resource .resource .tr-breadcrumbs-item--separator {
    text-decoration: underline;
    font-size: 18px;
    line-height: 1.375rem;
    text-underline-offset: 2px
}

.single-resource .resource .tr-breadcrumbs-item--separator {
    text-decoration: none
}

.single-resource .resource .heading-title,
.single-resource .resource .content,
.single-resource .resource .meta {
    padding: 20px
}

.single-resource .resource .heading-title {
    color: var(--theme-color-primary-hover);
    font-size: 32px;
    font-weight: 200;
    line-height: 1.1;
    margin: 0;
    order: 0;
    padding-top: 1rem
}

@media(min-width: 980px) {
    .single-resource .resource .heading-title {
        padding: 1rem 30px 0 30px
    }
}

.single-resource .resource .content {
    margin-left: 10px;
    order: 10
}

.single-resource .resource .content img {
    height: auto;
    margin: 10px auto;
    width: auto
}

.single-resource .resource .content p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0
}

.single-resource .resource dd,
.single-resource .resource dt {
    font-size: 14px;
    margin-bottom: 2px
}

@media(min-width: 980px) {

    .single-resource .resource dd,
    .single-resource .resource dt {
        font-size: 18px;
        margin-bottom: 10px
    }
}

@media(min-width: 980px) {
    .single-resource .resource .detail-presentation {
        padding: 20px;
        padding-right: 0
    }
}

.single-resource .resource .actions {
    background: #e4eaef;
    padding: 20px
}

.single-resource .resource .actions p {
    margin: 20px 0 0
}

.single-resource .resource .paperclip {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-color-primary-hover);
    border-radius: 100%;
    fill: var(--theme-color-primary-hover);
    height: 3rem;
    padding: .75rem;
    width: 3rem;
    transform: rotate(45deg)
}

.single-resource .resource .heading-title,
.single-resource .resource>.details~.details {
    grid-column: 1/3
}

.single-resource .resource .details {
    order: 5;
    text-align: center
}

@media(min-width: 980px) {
    .single-resource .resource .details {
        order: 20
    }
}

.single-resource .resource .details.full-width {
    background: #e4eaef;
    order: 30
}

.single-resource .resource .details.full-width .detail-presentation {
    padding: 10px
}

.single-resource .resource .details dl {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.single-resource .resource .details dl dd {
    margin: 0
}

.single-resource .resource .details dl dd,
.single-resource .resource .details dl dt {
    box-sizing: border-box;
    flex: 50%;
    min-width: 50%
}

.single-resource .resource .details dl dt {
    padding-left: .25rem;
    text-align: left
}

.single-resource .resource .details dl dd {
    padding-right: .25rem;
    text-align: right
}

.single-resource .resource .details dt {
    font-weight: 700
}

.single-resource .resource .details .actions {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

@media(min-width: 980px) {
    .single-resource .resource .details .actions {
        max-width: 630px
    }
}

.single-resource .resource .details .actions div {
    padding-bottom: 15px;
    width: 100%
}

.single-resource .resource .details .meta a {
    color: unset;
    text-decoration: underline
}

.single-resource .resource .details .meta a:hover {
    text-decoration-color: var(--theme-color-primary)
}

.single-resource .resource .button {
    background-color: var(--theme-color-primary-hover);
    border: 1px solid var(--theme-color-primary-hover);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 0;
    display: flex;
    justify-content: center;
    padding: 1rem 3rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 18px;
    padding: 14px 10px;
    width: 100%
}

.single-resource .resource .button:focus {
    outline: none
}

.single-resource .resource .button:active,
.single-resource .resource .button:focus,
.single-resource .resource .button:focus-visible,
.single-resource .resource .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.single-resource .resource .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.single-resource .resource .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.single-resource .resource .button svg {
    display: inline-block;
    fill: #fff;
    height: 1.25em;
    margin-right: 1em;
    width: 1.25em
}

.single-resource .resource .button:hover,
.single-resource .resource .button:active {
    background: #479ddf;
    border-color: #479ddf
}

.single-resource .resource .button:hover {
    cursor: pointer
}

.single-resource .resource .button:focus-visible {
    background: var(--theme-color-primary-hover)
}

.single-resource .resource .button svg {
    height: 1.1em;
    width: 1.1em
}

@media(max-width: 980px) {
    .single-resource .resource .content {
        margin-left: 0
    }

    .single-resource .resource .details {
        margin: 0
    }
}

.single-resource.resource-post-action {
    background: #fff
}

.single-resource.resource-post-action .resource {
    display: block
}

.single-resource.resource-post-action .resource .heading-title,
.single-resource.resource-post-action .resource .content {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 980px) {
    .single-resource.resource-post-action .resource .content {
        display: flex
    }
}

.single-resource.resource-post-action .article-list-simple {
    margin: 0 0 20px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 980px) {
    .single-resource.resource-post-action .article-list-simple {
        margin-bottom: 30px
    }
}

.single-resource.resource-post-action main#primary {
    padding: 0 20px
}

@media(min-width: 980px) {
    .single-resource.resource-post-action main#primary {
        padding: 0 30px
    }
}

.single-resource.is-premium {
    background: #fff
}

.single-resource.is-premium #primary.layout,
.single-resource.is-premium aside .layout {
    width: 1148px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px
}

.single-resource.is-premium .heading-title {
    color: #0c1417;
    font-size: 32px
}

@media(min-width: 980px) {
    .single-resource.is-premium .heading-title {
        font-size: 56px;
        margin: 0 0 0;
        padding: 1rem 0 20px
    }
}

.single-resource.is-premium .share-bar {
    grid-column: 1/3;
    padding: 0 20px 20px 20px
}

.single-resource.is-premium .share-bar .twitter {
    order: 0
}

.single-resource.is-premium .share-bar .linkedin {
    order: 1
}

.single-resource.is-premium .share-bar .email {
    order: 2
}

@media(max-width: 980px) {
    .single-resource.is-premium .share-bar ul::before {
        flex: 1;
        text-align: center
    }

    .single-resource.is-premium .share-bar li {
        flex-grow: 1;
        width: auto
    }
}

@media(min-width: 980px) {
    .single-resource.is-premium .share-bar {
        padding: 0 0
    }
}

.single-resource.is-premium .resource {
    grid-template-columns: 1fr;
    column-gap: 0
}

.single-resource.is-premium .resource .tr-breadcrumbs,
.single-resource.is-premium .resource .content {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 980px) {
    .single-resource.is-premium .resource {
        grid-template-rows: repeat(5, auto)
    }
}

.single-resource.is-premium .resource .preview-cta {
    margin-top: 1rem;
    font-family: "Roboto Condensed", sans-serif
}

.single-resource.is-premium .resource .resource-info {
    text-align: center;
    color: #0c1417;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.single-resource.is-premium .resource .resource-info>div span {
    font-weight: 700
}

.single-resource.is-premium .resource .resource-info.no-preview-image {
    grid-column: 1;
    display: flex;
    column-gap: 2rem;
    row-gap: .5rem;
    flex-direction: column;
    text-align: left;
    margin: 1rem auto 20px;
    width: 100%
}

@media(min-width: 640px) {
    .single-resource.is-premium .resource .resource-info.no-preview-image {
        flex-direction: row
    }
}

.single-resource.is-premium .resource .content {
    padding: 1rem 0 4rem;
    margin: 0 auto
}

.single-resource.is-premium .resource .content:not(.has-preview-images) {
    grid-column: 1
}

.single-resource.is-premium .resource .content .ta-campaign-widget,
.single-resource.is-premium .resource .content>div[data-ajax-url] {
    display: none
}

.single-resource.is-premium .resource .content.has-preview-images {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 32px;
    row-gap: 2rem;
    padding: 20px 0 4rem
}

@media(min-width: 980px) {
    .single-resource.is-premium .resource .content.has-preview-images {
        grid-template-columns: 338px 1fr
    }
}

.single-resource.is-premium .resource .details {
    margin-top: 1rem
}

.single-resource.is-premium .resource .details.resource-details {
    margin-top: 30px
}

.single-resource.is-premium .resource .detail-presentation {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    position: relative;
    padding: 0
}

.single-resource.is-premium .resource .detail-presentation .actions {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem
}

@media(min-width: 980px) {
    .single-resource.is-premium .resource .detail-presentation .actions {
        gap: .5rem;
        flex-direction: row;
        max-width: 100%
    }
}

.single-resource.is-premium .resource .detail-presentation .actions .hr {
    display: block;
    font-size: 16px;
    line-height: 1;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.single-resource.is-premium .resource .detail-presentation .actions .hr span {
    display: inline-block;
    position: relative
}

.single-resource.is-premium .resource .detail-presentation .actions .hr span::before,
.single-resource.is-premium .resource .detail-presentation .actions .hr span::after {
    background: #e6e4ec;
    content: "";
    display: block;
    height: 1px;
    margin-top: -0.5px;
    opacity: .4;
    position: absolute;
    top: 50%;
    width: 100vw
}

.single-resource.is-premium .resource .detail-presentation .actions .hr span::before {
    margin-right: 1rem;
    right: 100%
}

.single-resource.is-premium .resource .detail-presentation .actions .hr span::after {
    left: 100%;
    margin-left: 1rem
}

.single-resource.is-premium .resource .detail-presentation .actions,
.single-resource.is-premium .resource .detail-presentation .meta {
    position: relative;
    z-index: 1
}

.single-resource.is-premium .resource .detail-presentation .meta a {
    color: unset;
    text-decoration: underline
}

.single-resource.is-premium .resource .detail-presentation .meta a:hover {
    text-decoration-color: var(--theme-color-primary)
}

.single-resource.is-premium .resource .detail-presentation p {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.1
}

.single-resource.is-premium .resource .detail-presentation p a {
    color: #fff;
    text-decoration: underline
}

.single-resource.is-premium .resource .detail-presentation p a:hover,
.single-resource.is-premium .resource .detail-presentation p a:focus,
.single-resource.is-premium .resource .detail-presentation p a:focus-visible {
    color: #f60
}

.single-resource.is-premium .resource .detail-presentation::before {
    background: #1c1328 no-repeat url("inc/images/abstract-laptop-keyboard.jpg");
    background-size: 100% auto;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    display: none
}

@media(max-width: 980px) {
    .single-resource.is-premium .resource .detail-presentation::before {
        right: 0
    }
}

@media(min-width: 980px) {
    .single-resource.is-premium .resource .detail-presentation::before {
        right: calc((100vw - 991px)*-0.5)
    }
}

@media(min-width: 1230px) {
    .single-resource.is-premium .resource .detail-presentation::before {
        right: calc((100vw - 1241px)*-0.5)
    }
}

.single-resource.is-premium .resource dd,
.single-resource.is-premium .resource dt {
    font-size: 18px;
    margin-bottom: 10px
}

.single-resource.is-premium .resource .button {
    font-size: 20px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    text-transform: none;
    white-space: nowrap
}

.single-resource.is-premium .resource .button.download {
    background-color: #f60;
    border: 1px solid #f60;
    color: #f60;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    border-width: 3px;
    font-size: 20px;
    font-weight: 300
}

.single-resource.is-premium .resource .button.download:focus {
    outline: none
}

.single-resource.is-premium .resource .button.download:active,
.single-resource.is-premium .resource .button.download:focus,
.single-resource.is-premium .resource .button.download:focus-visible,
.single-resource.is-premium .resource .button.download:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.single-resource.is-premium .resource .button.download:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.single-resource.is-premium .resource .button.download:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.single-resource.is-premium .resource .button.download:focus-visible,
.single-resource.is-premium .resource .button.download:hover {
    background: #f60;
    box-shadow: none;
    color: #fff
}

.single-resource.is-premium .resource .button.download:active,
.single-resource.is-premium .resource .button.download:focus {
    background: #f60;
    border-color: #f60;
    color: #fff
}

.single-resource.is-premium .resource .button.download:active {
    transform: scale(0.98)
}

.single-resource.is-premium .resource .button.download svg {
    display: none
}

.single-resource.is-premium .resource .button.subscribe {
    background: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border: none
}

.single-resource.is-premium .resource .button.subscribe:hover {
    background: #6329ae
}

.single-resource.is-premium .resource>.details~.details .detail-presentation {
    padding: 30px 0 20px
}

.single-resource.is-premium .resource>.details~.details .detail-presentation::before {
    background-position: left bottom;
    background-size: auto
}

@media(min-width: 980px) {
    .single-resource.is-premium .resource>.details~.details .detail-presentation::before {
        left: calc((100vw - 980px)*-0.5)
    }
}

@media(min-width: 1230px) {
    .single-resource.is-premium .resource>.details~.details .detail-presentation::before {
        left: calc((100vw - 1230px)*-0.5)
    }
}

.single-resource.is-premium .resource>.details~.details .detail-presentation .actions {
    max-width: 770px
}

.single-resource.is-premium aside.resource-library-single-aside-content {
    padding-top: 0
}

.single-resource.is-premium aside .layout {
    grid-template-columns: 1fr
}

.single-resource.is-premium aside button.load-more {
    background-color: #f60;
    border: 1px solid #f60;
    color: #f60;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 50px auto;
    max-width: 770px;
    white-space: nowrap;
    width: 100%
}

.single-resource.is-premium aside button.load-more:focus {
    outline: none
}

.single-resource.is-premium aside button.load-more:active,
.single-resource.is-premium aside button.load-more:focus,
.single-resource.is-premium aside button.load-more:focus-visible,
.single-resource.is-premium aside button.load-more:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.single-resource.is-premium aside button.load-more:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.single-resource.is-premium aside button.load-more:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.single-resource.is-premium aside button.load-more:focus-visible,
.single-resource.is-premium aside button.load-more:hover {
    background: #f60;
    box-shadow: none;
    color: #fff
}

.single-resource.is-premium aside button.load-more:active,
.single-resource.is-premium aside button.load-more:focus {
    background: #f60;
    border-color: #f60;
    color: #fff
}

.single-resource.is-premium aside button.load-more:active {
    transform: scale(0.98)
}

.single-resource.is-premium aside .copyright {
    align-items: center;
    color: var(--theme-color-navy);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 200;
    justify-items: center;
    margin-bottom: 20px
}

.single-resource.is-premium aside .copyright svg {
    fill: #6329ae;
    margin-bottom: 10px
}

.single-resource.is-premium .list-featured ul {
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px
}

@media(min-width: 980px) {
    .single-resource.is-premium .list-featured ul {
        column-gap: 37px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.single-resource.is-premium .list-featured li {
    margin-bottom: 0
}

.single-resource.is-premium .list-featured article {
    display: flex;
    flex-direction: column;
    width: 100%
}

.single-resource.is-premium .list-featured article footer {
    display: none
}

.single-resource.is-premium .list-featured article .headline {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 0
}

.single-resource.is-premium .list-featured figure {
    background: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    padding-bottom: 100%;
    width: 100%
}

.single-resource.is-premium .list-featured figure:not(.resource-img) {
    padding-bottom: initial
}

.area-resource-library aside .search-bar,
.area-resource-library main .search-bar {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem;
    margin-bottom: 60px
}

.area-resource-library aside .search-bar input[type=search],
.area-resource-library main .search-bar input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: box-shadow ease-in .1s;
    width: 100%
}

.area-resource-library aside .search-bar input[type=search]::-ms-clear,
.area-resource-library aside .search-bar input[type=search]::-ms-reveal,
.area-resource-library main .search-bar input[type=search]::-ms-clear,
.area-resource-library main .search-bar input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.area-resource-library aside .search-bar input[type=search]::-webkit-search-decoration,
.area-resource-library aside .search-bar input[type=search]::-webkit-search-cancel-button,
.area-resource-library aside .search-bar input[type=search]::-webkit-search-results-button,
.area-resource-library aside .search-bar input[type=search]::-webkit-search-results-decoration,
.area-resource-library main .search-bar input[type=search]::-webkit-search-decoration,
.area-resource-library main .search-bar input[type=search]::-webkit-search-cancel-button,
.area-resource-library main .search-bar input[type=search]::-webkit-search-results-button,
.area-resource-library main .search-bar input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.area-resource-library aside .search-bar input[type=search]::placeholder,
.area-resource-library main .search-bar input[type=search]::placeholder {
    color: #778596;
    font-weight: 100
}

.area-resource-library aside .search-bar input[type=search]:focus,
.area-resource-library main .search-bar input[type=search]:focus {
    box-shadow: 0 0 5px rgba(32, 119, 186, .75);
    outline: 0
}

.area-resource-library aside .search-bar input[type=search],
.area-resource-library main .search-bar input[type=search] {
    border: 1px solid #778596;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 100;
    height: 4.375rem;
    padding: 0 5rem 0 1.25rem
}

.area-resource-library aside .search-bar input[type=search]:focus,
.area-resource-library main .search-bar input[type=search]:focus {
    box-shadow: 0 0 4px rgba(119, 133, 150, .5);
    outline: none
}

.area-resource-library aside .search-bar button,
.area-resource-library main .search-bar button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    z-index: 500;
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0 1.5px 1.5px 0;
    display: flex;
    height: calc(100% - 2px);
    justify-content: center;
    right: 1px;
    top: 1px;
    transform: none;
    width: 4.375rem
}

.area-resource-library aside .search-bar button:hover,
.area-resource-library main .search-bar button:hover {
    cursor: pointer
}

.area-resource-library aside .search-bar button:disabled,
.area-resource-library main .search-bar button:disabled {
    cursor: inherit
}

.area-resource-library aside .search-bar button:disabled svg,
.area-resource-library main .search-bar button:disabled svg {
    fill: #778596
}

.area-resource-library aside .search-bar button:disabled:hover,
.area-resource-library main .search-bar button:disabled:hover {
    cursor: default
}

.area-resource-library aside .search-bar button:disabled:active,
.area-resource-library aside .search-bar button:disabled:focus-visible,
.area-resource-library main .search-bar button:disabled:active,
.area-resource-library main .search-bar button:disabled:focus-visible {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.area-resource-library aside .search-bar button svg,
.area-resource-library main .search-bar button svg {
    fill: #7a7a7a;
    height: 1.25rem;
    margin-top: -4px;
    width: 1.25rem
}

.area-resource-library aside .search-bar button:not([disabled]):active,
.area-resource-library aside .search-bar button:not([disabled]):focus-visible,
.area-resource-library main .search-bar button:not([disabled]):active,
.area-resource-library main .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary);
    border-radius: inherit;
    outline: 0
}

.area-resource-library aside .search-bar button:not([disabled]):active svg,
.area-resource-library aside .search-bar button:not([disabled]):focus-visible svg,
.area-resource-library main .search-bar button:not([disabled]):active svg,
.area-resource-library main .search-bar button:not([disabled]):focus-visible svg {
    fill: #fff
}

.area-resource-library aside .search-bar input[type=search],
.area-resource-library main .search-bar input[type=search] {
    border-color: #e6e4ec;
    border-radius: 0;
    color: var(--theme-color-primary-hover);
    font-size: 30px;
    height: 80px
}

.area-resource-library aside .search-bar input[type=search]:focus,
.area-resource-library main .search-bar input[type=search]:focus {
    box-shadow: none
}

.area-resource-library aside .search-bar input[type=search]::placeholder,
.area-resource-library main .search-bar input[type=search]::placeholder {
    color: var(--theme-color-primary-hover);
    opacity: 1
}

.area-resource-library aside .search-bar button,
.area-resource-library main .search-bar button {
    background: #fff;
    border-color: #e6e4ec
}

.area-resource-library aside .search-bar button svg,
.area-resource-library main .search-bar button svg {
    fill: var(--theme-color-primary-hover);
    margin-top: 0
}

.area-resource-library aside .search-bar button:not([disabled]):active,
.area-resource-library aside .search-bar button:not([disabled]):focus-visible,
.area-resource-library main .search-bar button:not([disabled]):active,
.area-resource-library main .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary-hover);
    border-color: var(--theme-color-primary-hover)
}

.area-resource-library .article-list-simple {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 980px) {
    .area-resource-library .article-list-simple {
        padding-left: 108px;
        padding-right: 108px
    }
}

@media(min-width: 1440px) {
    .area-resource-library .article-list-simple {
        max-width: 1440px;
        padding-left: 108px;
        padding-right: 108px
    }
}

.area-resource-library .article-list-simple ul {
    list-style: none;
    margin: 0
}

.area-resource-library .article-list-simple li {
    flex-direction: column;
    margin-bottom: 20px
}

.area-resource-library .article-list-simple .headline {
    color: var(--theme-color-navy);
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 5px
}

.area-resource-library .article-list-simple .headline a:hover {
    color: var(--theme-color-primary-hover);
    text-decoration: none
}

.area-resource-library .article-list-simple .button {
    align-items: center;
    color: var(--theme-color-secondary-hover);
    display: flex;
    font-size: 18px;
    font-weight: 100;
    text-transform: lowercase
}

.area-resource-library .article-list-simple .button svg {
    fill: var(--theme-color-secondary-hover);
    height: 46px;
    margin-left: .5rem;
    width: 46px
}

.area-resource-library .article-list-simple .button svg circle {
    stroke: var(--theme-color-secondary-hover);
    stroke-width: 3
}

.area-resource-library .article-list-simple .button:hover {
    color: #0c1417;
    text-decoration: none
}

.area-resource-library .article-list-simple .button:hover svg {
    fill: #0c1417
}

.area-resource-library .article-list-simple .button:hover svg circle {
    stroke: #0c1417
}

.area-resource-library .article-list-simple article .url,
.area-resource-library .article-list-simple article .date-published span,
.area-resource-library .article-list-simple article .date-modified {
    display: none
}

.area-resource-library .article-list-simple .date-published,
.area-resource-library .article-list-simple .provided-by,
.area-resource-library .article-list-simple .byline {
    font-size: 13px
}

.single-resource .resource .preview-images {
    margin: 0 auto 1rem;
    width: 338px;
    position: relative
}

.single-resource .resource .preview-images .preview-tag {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem;
    left: auto;
    border-radius: 50px;
    padding: .5rem 1rem;
    background-color: #cf3a09;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: normal
}

.single-resource .resource .preview-images .carousel {
    border: 2px solid #0c1417;
    width: calc(100% - 4px)
}

.single-resource .resource .preview-images .splide {
    position: relative
}

.single-resource .resource .preview-images .splide__arrows {
    padding: .5rem;
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: .75rem;
    justify-content: center;
    align-items: center;
    z-index: 2;
    border: 1px solid rgba(206, 58, 9, .9);
    border-radius: 50px;
    background-color: rgba(255, 255, 255, .8)
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow {
    width: 44px;
    height: 44px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: unset;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid rgba(206, 58, 9, .9);
    border-radius: 50px
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow:hover {
    background-color: rgba(207, 58, 9, .15)
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow svg {
    width: 100%;
    height: 100%
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow svg path {
    fill: #cf3a09
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow svg path:hover,
.single-resource .resource .preview-images .splide__arrows .splide__arrow svg path:focus,
.single-resource .resource .preview-images .splide__arrows .splide__arrow svg path:active {
    fill: #cf3a09
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow:disabled,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-first,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-last {
    opacity: 1;
    border-color: #7a7a7a;
    background-color: #e6e4ec
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow:disabled svg path,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-first svg path,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-last svg path {
    fill: #7a7a7a
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow:disabled svg path:hover,
.single-resource .resource .preview-images .splide__arrows .splide__arrow:disabled svg path:focus,
.single-resource .resource .preview-images .splide__arrows .splide__arrow:disabled svg path:active,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-first svg path:hover,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-first svg path:focus,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-first svg path:active,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-last svg path:hover,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-last svg path:focus,
.single-resource .resource .preview-images .splide__arrows .splide__arrow.is-last svg path:active {
    fill: #7a7a7a
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow-counter {
    font-size: 18px;
    line-height: normal;
    font-weight: 200;
    color: #0c1417;
    letter-spacing: -2px
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow--prev {
    left: 0
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow--next {
    right: 0
}

.single-resource .resource .preview-images .splide__arrows .splide__arrow--prev,
.single-resource .resource .preview-images .splide__arrows .splide__arrow--next {
    z-index: 1
}

.single-resource .resource .preview-images .carousel img {
    max-width: 100%;
    margin: 0
}

.accordion {
    background-color: #f1f5f8;
    padding: 20px 10px;
    margin-bottom: 20px
}

@media(min-width: 980px) {
    .accordion {
        padding: 30px;
        margin-bottom: 30px
    }
}

.accordion input.accordion-toggle-btn {
    display: none
}

.accordion input.accordion-toggle-btn:checked~.accordion-header label .hide-symbol.close {
    display: none
}

.accordion input.accordion-toggle-btn:checked~.accordion-header label .hide-symbol.open {
    display: block
}

.accordion input.accordion-toggle-btn:checked~.accordion-content {
    display: none
}

.accordion .accordion-header {
    align-items: center;
    color: var(--theme-color-secondary);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-transform: uppercase
}

.accordion .accordion-header h4 {
    font-size: .9rem;
    margin-top: 0
}

.accordion .accordion-header label {
    cursor: pointer
}

.accordion .accordion-header label h4 {
    align-items: center;
    color: var(--theme-color-secondary);
    display: flex
}

.accordion .accordion-header label h4 .text {
    display: none;
    margin-right: 5px
}

@media(min-width: 980px) {
    .accordion .accordion-header label h4 .text {
        display: block
    }
}

.accordion .accordion-header label h4 .hide-symbol {
    font-size: 1.8rem
}

.accordion .accordion-header label h4 .hide-symbol.close {
    display: block
}

.accordion .accordion-header label h4 .hide-symbol.open {
    display: none
}

.content_members .layout {
    padding: 0
}

.content_members .layout.banner {
    background-color: #62c462;
    color: #fff;
    display: none;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 6px 12px;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .content_members .layout.banner {
        font-size: 1rem
    }
}

.content_members .layout.banner.active {
    display: block
}

.content_members .layout.banner.error {
    background-color: #ee5f5b
}

.content_members h4 {
    font-size: .9rem;
    line-height: 1.2rem;
    margin: 1rem 0 0 0;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .content_members h4 {
        margin: 2rem 0 0 0
    }
}

.content_members p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0
}

.content_members input[type=submit] {
    background: var(--theme-color-secondary);
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 10px 20px;
    margin-top: 20px;
    width: 100%;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .content_members input[type=submit] {
        font-size: .8rem;
        max-width: 370px
    }
}

.content_members input[type=submit]:disabled {
    opacity: 80%;
    cursor: not-allowed
}

.content_members .error-msg {
    color: #ff3918
}

@media(min-width: 980px) {
    .content_members .field-group {
        display: flex;
        justify-content: space-between
    }
}

.content_members .field-group input,
.content_members .field-group select,
.content_members .field-group textarea {
    background: #f4f8f9;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    font-weight: 300;
    width: 100%
}

.content_members .field-group input:focus,
.content_members .field-group select:focus,
.content_members .field-group textarea:focus {
    box-shadow: 0 0 5px var(--theme-color-primary-hover);
    outline: 0
}

.content_members .field-group input::placeholder,
.content_members .field-group select::placeholder,
.content_members .field-group textarea::placeholder {
    font-style: italic;
    font-weight: 300
}

.content_members .search-bottom form {
    display: block;
    padding: 0 20px;
    position: relative
}

.content_members .search-bottom form label {
    display: none
}

.content_members .search-bottom form input {
    background: none;
    border: 2px solid var(--theme-color-primary);
    border-radius: 50px;
    color: #3289c8;
    display: inline-block;
    height: 40px;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 45px 5px 20px;
    margin: 0;
    outline: 0;
    width: 100%
}

.content_members .search-bottom form button {
    border: 0;
    position: absolute;
    right: 20px;
    top: 0;
    width: auto;
    padding: 10px 15px;
    background: none
}

.content_members .search-bottom form button svg {
    height: 18px;
    fill: var(--theme-color-primary);
    width: 18px
}

.members-action-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

@media(min-width: 980px) {
    .members-action-wrap {
        flex-direction: row;
        justify-content: space-between
    }
}

.members-action-wrap form {
    width: 100%
}

@media(min-width: 980px) {
    .members-action-wrap form {
        width: 48%
    }
}

.members-action-wrap form button {
    width: 100%
}

.members-action-wrap a,
.members-action-wrap button {
    align-items: center;
    background-color: #011629;
    border: 0;
    box-sizing: border-box;
    color: var(--theme-color-secondary);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 10px 0;
    text-decoration: none
}

.members-action-wrap a:hover,
.members-action-wrap button:hover {
    background-color: #052441
}

@media(min-width: 980px) {

    .members-action-wrap a,
    .members-action-wrap button {
        padding: 20px;
        margin: 20px 0;
        width: 48.5%
    }
}

.members-action-wrap a label,
.members-action-wrap button label {
    font-size: .9rem;
    line-height: .9rem;
    text-transform: uppercase;
    cursor: pointer
}

.members-action-wrap a svg,
.members-action-wrap button svg {
    fill: var(--theme-color-secondary);
    height: 40px;
    width: 40px
}

.members-header {
    background: url("./inc/images/member-bg-faded.jpeg");
    background-size: cover;
    color: #fff;
    margin-bottom: 0
}

.members-header .user_wrap {
    padding-bottom: 2rem
}

@media(min-width: 980px) {
    .members-header .user_wrap {
        display: flex
    }
}

.members-header .user_wrap figure {
    margin: 0 10px 10px 0;
    height: 70px;
    width: 70px;
    flex-shrink: 0;
    float: left
}

@media(min-width: 980px) {
    .members-header .user_wrap figure {
        height: 170px;
        float: none;
        margin: 0;
        width: 170px
    }
}

.members-header .user_wrap .user_info {
    margin-left: .9rem;
    padding-top: 1px
}

@media(min-width: 980px) {
    .members-header .user_wrap .user_info {
        margin: 2rem 0 2rem 2rem;
        max-width: 1000px;
        padding: 0
    }
}

.members-header .user_wrap .user_info h2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 200;
    line-height: 1.6rem;
    margin: 1rem 0
}

@media(min-width: 980px) {
    .members-header .user_wrap .user_info h2 {
        font-size: 3rem;
        margin-bottom: 1.5rem
    }
}

.members-header .user_wrap .user_info h2 span {
    display: flex
}

.members-header .user_wrap .user_info h2 .edit_btn {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 3px 10px;
    margin-left: .3rem
}

@media(min-width: 980px) {
    .members-header .user_wrap .user_info h2 .edit_btn {
        font-size: .8rem;
        padding: 6px 20px;
        margin-left: 1rem
    }
}

.members-header .user_wrap .user_info p {
    font-size: .9rem;
    font-weight: 300;
    margin: 0
}

.members-header .user_wrap .user_info p label {
    font-weight: 900
}

.members-header .member_tabs ul {
    display: flex;
    margin: 0
}

@media(min-width: 980px) {
    .members-header .member_tabs ul {
        justify-content: center
    }
}

.members-header .member_tabs ul li {
    display: flex;
    list-style: none;
    margin-right: 2px
}

.members-header .member_tabs a {
    align-items: center;
    color: #fff;
    cursor: pointer;
    background-color: var(--theme-color-primary-hover);
    display: flex;
    justify-content: center;
    height: 50px;
    width: 60px
}

.members-header .member_tabs a:hover {
    background-color: var(--theme-color-primary);
    text-decoration: none
}

.members-header .member_tabs a.active {
    background-color: #fff;
    color: #778596
}

.members-header .member_tabs a.active svg {
    fill: #778596
}

.members-header .member_tabs a.premium {
    width: 130px
}

.members-header .member_tabs a.premium label {
    display: none
}

.members-header .member_tabs a.premium.active svg {
    fill: #6329ae
}

.members-header .member_tabs a.premium svg {
    width: 100px;
    height: auto
}

@media(min-width: 980px) {
    .members-header .member_tabs a.premium svg {
        display: block
    }
}

@media(min-width: 980px) {
    .members-header .member_tabs a {
        width: 210px
    }

    .members-header .member_tabs a.premium {
        width: 210px
    }

    .members-header .member_tabs a.premium svg {
        width: 120px
    }
}

.members-header .member_tabs a label {
    cursor: pointer;
    display: none;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .members-header .member_tabs a label {
        display: block;
        font-size: .9rem;
        font-weight: 700
    }
}

.members-header .member_tabs a svg {
    fill: #fff;
    height: 24px;
    width: 24px
}

@media(min-width: 980px) {
    .members-header .member_tabs a svg {
        display: none
    }
}

.members_preferences .layout {
    padding: 0
}

.members_preferences .actions .button.button-premium {
    max-width: 100%
}

@media(min-width: 980px) {
    .members_preferences .contact-info form#contact-info {
        margin-top: 30px
    }
}

@media(min-width: 980px) {
    .members_preferences .contact-info p {
        max-width: 70%
    }
}

.members_preferences .contact-info .field-group {
    margin-top: 20px
}

@media(min-width: 980px) {
    .members_preferences .contact-info .field-group {
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px
    }
}

.members_preferences .contact-info .tou {
    margin-top: 20px
}

.members_preferences .contact-info input[type=text],
.members_preferences .contact-info select {
    font-size: 1rem;
    padding: 15px
}

@media(min-width: 980px) {

    .members_preferences .contact-info input[type=text],
    .members_preferences .contact-info select {
        width: 50%
    }
}

.members_preferences .contact-info label {
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase
}

@media(min-width: 980px) {
    .members_preferences .contact-info label {
        margin-right: 30px;
        text-align: right;
        width: 20%
    }
}

.members_preferences .contact-info select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f4f8f9 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23778596'><polygon points='0,3 10,3 5,8'/></svg>");
    background-position: right 15px top 50%;
    background-repeat: no-repeat
}

.members_preferences .profile-basics {
    padding: 0
}

.members_preferences .profile-basics form {
    box-sizing: border-box
}

.members_preferences .profile-basics form label {
    font-size: 1rem;
    font-weight: 300;
    margin-left: 10px
}

.members_preferences .profile-basics form .checkbox-wrap {
    display: flex
}

.members_preferences .profile-basics form .checkbox-wrap input[type=checkbox] {
    margin-top: 4px
}

@media(min-width: 980px) {
    .members_preferences .profile-basics form .field-group p {
        width: 50%
    }
}

.members_preferences .profile-basics form .field-group textarea {
    height: 80px;
    max-width: 100%;
    min-width: 100%;
    padding: 15px
}

@media(min-width: 980px) {
    .members_preferences .profile-basics form .field-group textarea {
        margin-left: 30px;
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.members_preferences .profile-basics form .field-group .social-group {
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    position: relative
}

@media(min-width: 980px) {
    .members_preferences .profile-basics form .field-group .social-group {
        margin-right: 60px;
        width: 33%
    }

    .members_preferences .profile-basics form .field-group .social-group:last-child {
        margin-right: 0
    }
}

.members_preferences .profile-basics form .field-group .social-group svg {
    height: 15px;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.members_preferences .profile-basics form .field-group .social-group svg.facebook {
    fill: #3e5999
}

.members_preferences .profile-basics form .field-group .social-group svg.linkedin {
    fill: #1674b1
}

.members_preferences .profile-basics form .field-group .social-group svg.twitter {
    fill: #5da7d8
}

.members_preferences .profile-basics form .field-group .social-group input {
    padding: 15px 15px 15px 45px
}

.members_newsletters section.layout {
    margin-top: 10px
}

.members_newsletters .list-newsletters input.newsletter-section-show-more {
    display: none
}

.members_newsletters .list-newsletters input.newsletter-section-show-more:checked~li {
    display: block
}

.members_newsletters .list-newsletters input.newsletter-section-show-more:checked~.show-more-wrap {
    display: none
}

.members_newsletters .list-newsletters li {
    display: none
}

.members_newsletters .list-newsletters li:nth-child(-n+5) {
    display: block
}

.members_newsletters .list-newsletters .show-more-wrap {
    display: flex;
    justify-content: center;
    width: 100%
}

.members_newsletters .list-newsletters .show-more-wrap label {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    background-color: rgba(0, 0, 0, 0)
}

.members_newsletters .list-newsletters .show-more-wrap label:focus {
    outline: none
}

.members_newsletters .list-newsletters .show-more-wrap label:active,
.members_newsletters .list-newsletters .show-more-wrap label:focus,
.members_newsletters .list-newsletters .show-more-wrap label:focus-visible,
.members_newsletters .list-newsletters .show-more-wrap label:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.members_newsletters .list-newsletters .show-more-wrap label:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.members_newsletters .list-newsletters .show-more-wrap label:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.members_newsletters .list-newsletters .show-more-wrap label span {
    position: relative;
    transform: translate(0, 1px)
}

.members_newsletters .list-newsletters .show-more-wrap label:active,
.members_newsletters .list-newsletters .show-more-wrap label:focus,
.members_newsletters .list-newsletters .show-more-wrap label:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.members_newsletters .list-newsletters .show-more-wrap label:active {
    transform: scale(0.9)
}

.members_newsletters .unsubscribe-all-newsletters button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    display: block;
    border-radius: 0;
    height: auto;
    width: 100%;
    border: 1px solid #f2f2f2;
    font-size: 1rem;
    background: #011629;
    color: #fff;
    width: 170px
}

.members_newsletters .unsubscribe-all-newsletters button:focus {
    outline: none
}

.members_newsletters .unsubscribe-all-newsletters button:active,
.members_newsletters .unsubscribe-all-newsletters button:focus,
.members_newsletters .unsubscribe-all-newsletters button:focus-visible,
.members_newsletters .unsubscribe-all-newsletters button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.members_newsletters .unsubscribe-all-newsletters button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.members_newsletters .unsubscribe-all-newsletters button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.members_newsletters .unsubscribe-all-newsletters button:hover {
    cursor: pointer;
    background: #e0e0e0;
    border: 1px solid #e0e0e0
}

@media(min-width: 980px) {
    .members_newsletters .unsubscribe-all-newsletters button {
        font-size: .8rem;
        padding: 10px 7px;
        width: 170px
    }
}

.members_newsletters .unsubscribe-all-newsletters .content {
    flex-direction: row !important;
    justify-content: start !important
}

@media(min-width: 980px) {
    .members_newsletters .unsubscribe-all-newsletters .content {
        justify-content: end !important
    }
}

.members_newsletters .list-newsletters-item {
    height: auto;
    margin: 20px 0
}

.members_newsletters .list-newsletters-item .content {
    background: rgba(0, 0, 0, 0)
}

@media(min-width: 980px) {
    .members_newsletters .list-newsletters-item .content {
        flex-direction: row;
        justify-content: space-between
    }
}

.members_newsletters .list-newsletters-item .content .copy {
    height: auto;
    padding: 0
}

.members_newsletters .list-newsletters-item .content .copy h3 {
    color: var(--theme-color-navy);
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase
}

.members_newsletters .list-newsletters-item .content .copy p {
    font-size: 1rem;
    margin: 0
}

.members_newsletters .list-newsletters-item .content .copy .interval {
    color: #778596;
    font-size: 1rem;
    font-weight: 300
}

.members_newsletters .list-newsletters-item .content footer {
    background: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 0
}

@media(min-width: 980px) {
    .members_newsletters .list-newsletters-item .content footer {
        margin-left: 2rem;
        width: auto
    }
}

.members_newsletters .list-newsletters-item .content footer button.subscribe {
    font-size: 1rem
}

@media(min-width: 980px) {
    .members_newsletters .list-newsletters-item .content footer button.subscribe {
        font-size: .8rem;
        padding: 10px 7px;
        width: 170px
    }
}

.members_newsletters .list-newsletters-item .content footer button.subscribe.active {
    background: #011629;
    color: #fff;
    width: 170px
}

.profile-contacts {
    padding: 1rem 0
}

.profile-contacts .no-contacts {
    color: #778596;
    font-size: 1.1rem;
    font-weight: 600
}

.profile-contacts form#message-user {
    margin-top: 1rem;
    margin-bottom: 3rem
}

.profile-contacts form#message-user input[type=text],
.profile-contacts form#message-user select,
.profile-contacts form#message-user textarea {
    border: 1px solid #c7c0ce;
    box-sizing: border-box;
    font-weight: 300;
    margin-top: 1rem;
    outline: 0;
    padding: 15px;
    width: 100%
}

.profile-contacts form#message-user input[type=text]::placeholder,
.profile-contacts form#message-user select::placeholder,
.profile-contacts form#message-user textarea::placeholder {
    color: #778596;
    font-style: italic;
    font-weight: 300
}

.profile-contacts form#message-user select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f4f8f9 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23778596'><polygon points='0,3 10,3 5,8'/></svg>");
    background-position: right 15px top 50%;
    background-repeat: no-repeat
}

.profile-contacts form#message-user textarea {
    height: 80px
}

.profile-contacts form#message-user .char-count {
    display: none
}

.profile-contacts form#message-user .char-count span {
    color: var(--theme-color-secondary);
    font-weight: 600
}

.profile-contacts form#message-user input#profile-contacts-tou {
    margin-top: 2rem
}

@media(min-width: 980px) {
    .profile-contacts form#message-user input#profile-contacts-tou {
        margin-left: 10%
    }
}

.profile-contacts form#message-user label[for=profile-contacts-tou] {
    font-weight: 300
}

.profile-contacts form#message-user input[type=submit] {
    display: inline-block;
    margin-left: 30px;
    max-width: 200px
}

.profile-contacts hr {
    background-color: #c7c0ce;
    border: 0;
    height: 1px;
    margin-bottom: 2rem
}

.profile-contacts h3 {
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase
}

.profile-contacts ul {
    margin: 0
}

@media(min-width: 980px) {
    .profile-contacts ul {
        display: flex;
        flex-wrap: wrap
    }
}

.profile-contacts ul li {
    display: flex;
    list-style: none;
    margin-bottom: 2rem
}

.profile-contacts ul li figure {
    height: 70px;
    margin: 0 2rem 0 0;
    width: 70px
}

@media(min-width: 980px) {
    .profile-contacts ul li figure {
        margin-right: 1.3rem
    }
}

.profile-contacts ul li .contact-info {
    line-height: 1.1rem
}

@media(min-width: 980px) {
    .profile-contacts ul li .contact-info {
        padding-right: 1rem;
        width: 130px
    }
}

.profile-contacts ul li .contact-info .username {
    font-size: 1rem
}

.profile-contacts ul li .contact-info form.follow-member.inline button,
.profile-contacts ul li .contact-info form.block-member.inline button {
    border: 0;
    color: var(--theme-color-primary);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 300;
    padding: 0;
    text-transform: lowercase
}

.profile-contacts ul li .contact-info form.follow-member.inline button span,
.profile-contacts ul li .contact-info form.block-member.inline button span {
    cursor: pointer
}

.profile-contacts ul li .contact-info form.follow-member.inline button:before,
.profile-contacts ul li .contact-info form.block-member.inline button:before {
    content: "(";
    color: var(--theme-color-navy)
}

.profile-contacts ul li .contact-info form.follow-member.inline button:after,
.profile-contacts ul li .contact-info form.block-member.inline button:after {
    content: ")";
    color: var(--theme-color-navy)
}

.community-member-posts {
    padding-top: 1rem
}

.community-member-posts ul {
    margin: 0
}

.community-member-posts ul li {
    list-style: none;
    margin-bottom: 30px
}

.community-member-posts ul li.no-posts a {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    margin-top: 1rem
}

.community-member-posts ul li.no-posts a:focus {
    outline: none
}

.community-member-posts ul li.no-posts a:active,
.community-member-posts ul li.no-posts a:focus,
.community-member-posts ul li.no-posts a:focus-visible,
.community-member-posts ul li.no-posts a:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.community-member-posts ul li.no-posts a:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.community-member-posts ul li.no-posts a:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.community-member-posts ul li.no-posts a:focus-visible,
.community-member-posts ul li.no-posts a:hover {
    background: var(--theme-color-secondary);
    box-shadow: none;
    color: #fff
}

.community-member-posts ul li h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0
}

.community-member-posts ul li h3 a {
    color: var(--theme-color-navy)
}

.community-member-posts ul li h4 {
    color: #778596;
    font-size: 1.1rem
}

.community-member-posts ul li p {
    color: #778596
}

.community-member-posts .show_more_btn_wrap {
    display: flex;
    justify-content: center
}

.community-member-posts .show_more_btn_wrap button {
    background-color: #fff;
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0 var(--theme-color-secondary);
    font-size: 11px;
    height: 60px;
    justify-content: center;
    line-height: 1.15;
    padding: 0;
    transition: all ease .4s;
    width: 60px;
    background: rgba(0, 0, 0, 0)
}

.community-member-posts .show_more_btn_wrap button:focus {
    outline: none
}

.community-member-posts .show_more_btn_wrap button:active,
.community-member-posts .show_more_btn_wrap button:focus,
.community-member-posts .show_more_btn_wrap button:focus-visible,
.community-member-posts .show_more_btn_wrap button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.community-member-posts .show_more_btn_wrap button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.community-member-posts .show_more_btn_wrap button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.community-member-posts .show_more_btn_wrap button span {
    position: relative;
    transform: translate(0, 1px)
}

.community-member-posts .show_more_btn_wrap button:active,
.community-member-posts .show_more_btn_wrap button:focus,
.community-member-posts .show_more_btn_wrap button:hover {
    box-shadow: inset 0 0 0 45px var(--theme-color-secondary);
    color: #fff;
    cursor: pointer;
    transition: all ease .4s
}

.community-member-posts .show_more_btn_wrap button:active {
    transform: scale(0.9)
}

#toggle-premium-subscription {
    display: none
}

#toggle-premium-subscription:checked+.modal-tr-premium {
    display: block
}

.modal-tr-premium {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    color: #0c1417;
    display: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    z-index: 1001
}

.modal-tr-premium .modal-content .close {
    border: 0;
    display: inline-block;
    outline: none;
    text-shadow: none;
    background: rgba(0, 0, 0, 0);
    color: #333;
    font-size: 1rem;
    font-weight: bold;
    font-family: "Mulish", sans-serif;
    line-height: 1
}

.modal-tr-premium .modal-content .close:hover {
    cursor: pointer
}

.modal-tr-premium .modal-content .close svg {
    fill: #333;
    height: .75rem;
    width: .75rem;
    padding-left: .5rem
}

.modal-tr-premium .modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.modal-tr-premium .modal-header label {
    display: flex !important;
    align-items: center;
    flex-direction: row
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .modal-header {
        padding-right: 2rem
    }

    .modal-tr-premium .modal-header h2 {
        font-size: 1.5rem;
        margin-bottom: .5rem
    }
}

.modal-tr-premium .modal-header h3 {
    flex: 1
}

.modal-tr-premium .modal-header .close {
    flex: 0
}

.modal-tr-premium h3,
.modal-tr-premium h4,
.modal-tr-premium dd {
    text-transform: uppercase
}

.modal-tr-premium .price {
    color: var(--theme-color-navy);
    font-size: 1rem
}

.modal-tr-premium .price .dollar {
    color: var(--theme-color-primary);
    font-size: 2.25rem
}

.modal-tr-premium .price .amount-total {
    color: var(--theme-color-primary);
    font-size: 2.25rem
}

.modal-tr-premium h4,
.modal-tr-premium ol {
    color: #766a84
}

.modal-tr-premium label a {
    color: #f60
}

.modal-tr-premium label a:hover {
    text-decoration: none
}

.modal-tr-premium label:hover {
    cursor: pointer
}

.modal-tr-premium p {
    font-size: 1rem;
    line-height: 1.75
}

.modal-tr-premium p a {
    color: inherit;
    text-decoration: underline
}

.modal-tr-premium h2 {
    font-size: 2.25rem;
    font-family: "Mulish", sans-serif
}

.modal-tr-premium h3 {
    color: #374257;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    text-transform: capitalize
}

.modal-tr-premium h4 {
    color: #374257;
    font-family: "Mulish", sans-serif;
    line-height: 1.75;
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize
}

.modal-tr-premium ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

.modal-tr-premium .mask {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(57, 44, 70, .8);
    pointer-events: none
}

.modal-tr-premium .modal-content {
    background: #fff;
    margin: 3rem auto;
    max-height: 80vh;
    max-width: 920px;
    overflow-y: auto;
    padding: 3.5rem 5rem;
    position: relative;
    z-index: 1010
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .modal-content {
        padding: 1rem
    }
}

.modal-tr-premium .container {
    max-width: 100%
}

@media(min-width: 980px) {
    .modal-tr-premium .container {
        display: flex;
        flex-direction: column;
        grid-template-columns: 400px auto;
        grid-template-rows: auto auto
    }

    .modal-tr-premium .container .modal-header {
        grid-column: 1/3
    }
}

.modal-tr-premium .step-container {
    position: absolute;
    top: 4rem;
    left: 2.5rem;
    width: 60px
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .step-container {
        display: none
    }
}

.modal-tr-premium .step-container span.step-number {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    font-family: "Mulish", sans-serif;
    color: var(--theme-color-primary);
    position: relative
}

.modal-tr-premium .step-container span.step-number:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    padding: 1rem;
    border: 2px solid var(--theme-color-primary);
    border-radius: 100px;
    position: absolute;
    top: -14px;
    left: -21px
}

.modal-tr-premium .step-directions {
    display: flex;
    flex-direction: column;
    width: 100%
}

.modal-tr-premium .step-directions h3 {
    font-family: "Mulish", sans-serif;
    color: var(--theme-color-navy);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .step-directions h3 {
        font-size: 1.25rem
    }
}

.modal-tr-premium .step-directions p {
    font-size: 1rem;
    color: #374257;
    line-height: 1.75
}

.modal-tr-premium .step-directions p.check-email {
    font-size: 1.15rem
}

.modal-tr-premium .payment-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    position: relative;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, .1);
    font-family: "Mulish", sans-serif;
    background-color: #f7f7f7;
    padding: 3rem 2rem 3rem 6rem;
    margin-bottom: 2rem;
    border-radius: 8px
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .payment-details {
        padding: 3rem 2rem
    }
}

.modal-tr-premium .payment-details .content-container {
    flex-direction: column;
    align-items: center
}

.modal-tr-premium .payment-details .introduction {
    text-align: left
}

.modal-tr-premium .payment-details .disclaimer p {
    padding: 0 0 .75rem 0;
    margin: 0;
    font-family: "Mulish", sans-serif;
    font-size: .75rem
}

.modal-tr-premium .payment-details label.tos {
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    color: var(--theme-color-navy);
    margin: 1rem auto
}

.modal-tr-premium .payment-details label.tos a {
    font-family: "Mulish", sans-serif;
    color: var(--theme-color-primary)
}

.modal-tr-premium .payment-options {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: "Mulish", sans-serif
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .payment-options {
        flex-direction: column;
        gap: 1rem
    }
}

.modal-tr-premium .payment-options .divider {
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-color-navy);
    margin: auto 1.5rem
}

.modal-tr-premium .payment-options .option {
    max-width: 288px
}

.modal-tr-premium .payment-options .option input[type=radio]:checked~span::after {
    content: "ed"
}

.modal-tr-premium .payment-options .option label {
    border-top: 1px solid #bdbdbd;
    align-items: center;
    display: block;
    margin: 16px auto;
    padding-top: 16px;
    width: 100%;
    color: var(--theme-color-primary);
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: capitalize
}

.modal-tr-premium .payment-options .option:last-child {
    margin-right: 0
}

.modal-tr-premium .payment-options .option:last-child::before,
.modal-tr-premium .payment-options .option:last-child::after {
    display: none
}

.modal-tr-premium .payment-options .option.option-single label {
    border-color: #bdbdbd
}

.modal-tr-premium .payment-options .option-single {
    flex-direction: column;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 8px;
    background-color: #fff;
    padding: 1.5rem 1rem;
    width: 100%;
    max-width: 320px
}

.modal-tr-premium .payment-options .option-single.selected {
    border: 2px solid var(--theme-color-primary)
}

.modal-tr-premium .payment-options .option-single h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
    color: var(--theme-color-navy)
}

.modal-tr-premium .payment-options .option-subscription {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 8px;
    background-color: #fff;
    padding: 1.5rem 1rem;
    width: 100%;
    max-width: 320px
}

.modal-tr-premium .payment-options .option-subscription.selected {
    border: 2px solid var(--theme-color-primary)
}

.modal-tr-premium .payment-options .option-subscription h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
    color: var(--theme-color-navy)
}

.modal-tr-premium .selected-option-single .option-show-subscription {
    display: none
}

.modal-tr-premium .selected-option-subscription .option-show-single {
    display: none
}

.modal-tr-premium .option-single,
.modal-tr-premium .payment-options .divider,
.modal-tr-premium .payment-options .option.option-subscription label {
    display: none
}

.modal-tr-premium .option-enable-single .option-single,
.modal-tr-premium .option-enable-single .payment-options .divider {
    display: flex
}

.modal-tr-premium .option-enable-single .payment-options .option.option-subscription label {
    display: block
}

.modal-tr-premium .email-verification {
    display: none;
    gap: 0rem;
    flex-direction: row;
    justify-content: space-around;
    text-align: left;
    background-color: #f7f7f7;
    padding: 3rem 2rem 3rem 6rem;
    margin-bottom: 2rem;
    border-radius: 15px;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, .1);
    position: relative
}

.modal-tr-premium .email-verification.required {
    display: flex
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .email-verification {
        flex-direction: column;
        padding: 3rem 2rem;
        text-align: center
    }
}

@media screen and (max-width: 979px) {
    .modal-tr-premium .email-verification {
        margin-top: 1.5rem
    }
}

.modal-tr-premium .email-verification .passcode-content {
    display: flex;
    flex-direction: column
}

.modal-tr-premium .email-verification .passcode-content h3 {
    text-align: center;
    margin-bottom: 2rem
}

.modal-tr-premium .email-verification p {
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: #374257
}

.modal-tr-premium .email-verification p.support {
    font-size: 1.1rem
}

.modal-tr-premium .email-verification p a.blue {
    color: var(--theme-color-primary)
}

.modal-tr-premium .email-verification img {
    width: 60px;
    height: auto;
    background: none;
    margin: 0 auto
}

.modal-tr-premium .email-verification .input-wrapper {
    text-align: center;
    width: 300px;
    margin: 0 auto;
    position: relative
}

.modal-tr-premium .email-verification .input-wrapper .passcode-input {
    width: 50px;
    height: 60px;
    font-size: 24px;
    font-weight: 600;
    font-family: "Mulish", sans-serif;
    text-align: center;
    margin: .25rem;
    border: 1.5px solid #c6c6c6;
    border-radius: 8px
}

.modal-tr-premium .email-verification .button.button-passcode {
    background-color: #cf3a09;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 8px 32px;
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75;
    margin: 0 auto 1rem;
    cursor: pointer;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, .1);
    position: relative
}

.modal-tr-premium .email-verification .otp-submit-wrapper {
    position: relative;
    margin-top: 1.5rem
}

.modal-tr-premium .email-verification .otp-submit-wrapper .tr-spinner {
    position: absolute;
    top: .75rem;
    left: 2.15rem;
    height: 1rem;
    z-index: 999;
    text-align: left
}

.modal-tr-premium .email-verification .otp-submit-wrapper .tr-spinner svg {
    height: 1.25rem;
    width: 1.25rem
}

.modal-tr-premium .email-verification .alert {
    display: none;
    font-family: "Mulish", sans-serif;
    color: red;
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    padding: 0;
    margin: .5rem auto 1rem
}

.modal-tr-premium .payment-info {
    gap: 1.5rem;
    background-color: #f7f7f7;
    padding: 3rem 2rem 3rem 6rem;
    margin-bottom: 2rem;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 980px) {
    .modal-tr-premium .payment-info {
        padding: 3rem 2rem
    }
}

.modal-tr-premium .payment-info h3 {
    margin-bottom: 2rem
}

.modal-tr-premium .payment-info h4 {
    font-size: 1.25rem;
    line-height: 1.25;
    padding-bottom: 1.5rem;
    margin: 0
}

.modal-tr-premium .payment-info label {
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--theme-color-navy);
    padding-bottom: 1rem;
    text-transform: capitalize
}

.modal-tr-premium .payment-info .field-group {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 1rem
}

.modal-tr-premium .payment-info .field-group label {
    padding-bottom: 1rem;
    margin-bottom: 0
}

.modal-tr-premium .payment-info .field-group label.required::after {
    content: "*";
    font-size: 1rem;
    color: #da1400;
    padding-left: .25rem
}

.modal-tr-premium .payment-info .field-group.cc-card {
    margin-bottom: 1rem
}

.modal-tr-premium .payment-info ul.payment-methods {
    margin: 0 0 1rem 0
}

.modal-tr-premium .payment-info .field-row-promo-code {
    align-items: center
}

.modal-tr-premium .payment-info .field-row-promo-code .button {
    background: rgba(0, 0, 0, 0);
    height: auto;
    font-size: 16px;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    line-height: 1.75;
    padding: 8px 32px;
    border-radius: 25px;
    margin-top: 1.5rem
}

.modal-tr-premium .payment-info input[type=text] {
    font-family: "Mulish", sans-serif;
    border: 1px solid #bdbdbd;
    border-radius: 6px !important;
    font-size: 16px !important;
    padding: .5rem 1rem !important;
    height: auto !important;
    margin-bottom: 1rem;
    color: var(--theme-color-navy)
}

.modal-tr-premium .payment-info select {
    font-family: "Mulish", sans-serif;
    border: 1px solid #bdbdbd;
    border-radius: 6px !important;
    font-size: 16px !important;
    padding: .5rem 1rem !important;
    margin-bottom: 1rem;
    border-bottom: 5px dashed #000
}

.modal-tr-premium .payment-info .cc-recurly {
    height: auto
}

.modal-tr-premium .payment-info .cc-recurly .recurly-element-card {
    border: 1px solid #bdbdbd;
    border-radius: 6px !important;
    height: 40px;
    padding: 0 1rem 0 0
}

.modal-tr-premium .payment-info .actions {
    margin: .75rem 0;
    width: auto;
    position: relative
}

.modal-tr-premium .payment-info .actions .button {
    position: relative;
    font-size: 20px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-transform: none;
    width: auto
}

.modal-tr-premium .payment-info .actions .button.button-premium {
    background: #cf3a09;
    height: auto;
    font-size: 16px;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    line-height: 1.75;
    padding: 8px 32px;
    border-radius: 25px;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, .1)
}

.modal-tr-premium .payment-info .actions .button.button-premium:hover {
    background: #f6602f
}

.modal-tr-premium .payment-info .actions .button.button-premium:focus {
    background: #f6602f
}

.modal-tr-premium .payment-info .actions .button.verification-failed {
    display: none;
    background: #7a7a7a;
    text-transform: capitalize;
    box-shadow: none
}

.modal-tr-premium .payment-info .actions .button.verification-failed:hover,
.modal-tr-premium .payment-info .actions .button.verification-failed:active,
.modal-tr-premium .payment-info .actions .button.verification-failed:focus {
    background: #7a7a7a;
    box-shadow: none;
    cursor: not-allowed
}

.modal-tr-premium .payment-info .actions .button.required {
    display: block
}

.modal-tr-premium .payment-info .actions .tr-spinner {
    position: absolute;
    top: .75rem;
    left: .55rem;
    height: 1rem;
    z-index: 999;
    text-align: left
}

.modal-tr-premium .payment-info .actions .tr-spinner svg {
    height: 1.25rem;
    width: 1.25rem
}

.edit-billing {
    font-family: "Roboto Condensed", sans-serif
}

.edit-billing.layout {
    padding: 40px 10px
}

@media(min-width: 980px) {
    .edit-billing.layout {
        padding: 40px 0 20px 0
    }
}

.edit-billing h4,
.edit-billing h3 {
    text-transform: uppercase
}

.edit-billing h4 {
    color: #766a84
}

.edit-billing h4 {
    margin-bottom: 20px
}

.edit-billing h3 {
    color: #6329ae;
    font-size: 16px;
    font-weight: 300
}

.form-payment {
    font-family: "Roboto Condensed", sans-serif
}

.form-payment .payment-methods {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin: 20px 0
}

.form-payment .payment-methods label {
    display: flex;
    flex-direction: row;
    white-space: nowrap
}

.form-payment .payment-methods li {
    margin-right: 30px
}

.form-payment .payment-methods li:last-child {
    margin-right: 0
}

.form-payment .payment-methods img {
    background: rgba(0, 0, 0, 0)
}

.form-payment .actions {
    position: relative
}

.form-payment .actions .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    display: block;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.form-payment .actions .button:focus {
    outline: none
}

.form-payment .actions .button span {
    color: #fff
}

.form-payment .actions .button.button-premium {
    background-color: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
    font-size: 20px;
    font-weight: 300;
    justify-content: center;
    padding: 8px 32px;
    text-transform: none
}

.form-payment .actions .button.button-premium:focus {
    outline: none
}

.form-payment .actions .button.button-premium:active,
.form-payment .actions .button.button-premium:focus,
.form-payment .actions .button.button-premium:focus-visible,
.form-payment .actions .button.button-premium:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.form-payment .actions .button.button-premium:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.form-payment .actions .button.button-premium:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.form-payment .actions .button.button-premium:hover {
    background: #6329ae;
    cursor: pointer
}

.form-payment .actions .button.button-premium .tr-spinner {
    position: absolute;
    top: .75rem;
    left: .55rem;
    height: 1rem;
    z-index: 999;
    text-align: left
}

.form-payment .actions .button.button-premium .tr-spinner svg {
    height: 1.25rem;
    width: 1.25rem
}

.form-payment .alert {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 10px
}

.form-payment .alert svg {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.form-payment .alert.alert-error {
    background: #da1400
}

.form-payment .field-group {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.form-payment .field-group.is-hidden {
    display: none
}

.form-payment .field-group .recurly-element-card,
.form-payment .field-group input[type=text],
.form-payment .field-group select,
.form-payment .field-group input[type=select] {
    background: #fff;
    border: 1px solid #b8aec4;
    border-radius: 2px;
    box-sizing: border-box;
    color: #766a84;
    font-size: 18px;
    font-style: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    padding: .5rem 1rem;
    width: 100%
}

.form-payment .field-group .recurly-element-card::placeholder,
.form-payment .field-group input[type=text]::placeholder,
.form-payment .field-group select::placeholder,
.form-payment .field-group input[type=select]::placeholder {
    color: #b8aec4;
    font-style: normal
}

.form-payment .field-group .recurly-element-card:focus,
.form-payment .field-group input[type=text]:focus,
.form-payment .field-group select:focus,
.form-payment .field-group input[type=select]:focus {
    border-color: #766a84;
    box-shadow: none;
    color: #766a84;
    outline: none
}

.form-payment .field-group .recurly-element-card {
    background: #fff;
    border: 1px solid #b8aec4;
    border-radius: 2px;
    box-sizing: border-box;
    color: #766a84;
    font-size: 18px;
    font-style: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    padding: .5rem 1rem;
    width: 100%;
    height: 60px
}

.form-payment .field-group .recurly-element-card::placeholder {
    color: #b8aec4;
    font-style: normal
}

.form-payment .field-group .recurly-element-card:focus {
    border-color: #766a84;
    box-shadow: none;
    color: #766a84;
    outline: none
}

.form-payment .field-group.has-error label {
    color: #da1400
}

.form-payment .field-group.has-error input,
.form-payment .field-group.has-error select,
.form-payment .field-group.has-error .recurly-element-card,
.form-payment .field-group.has-error input:focus {
    border-color: #da1400
}

.form-payment .field-row {
    display: flex;
    flex-direction: row
}

.form-payment .field-row .field-group {
    margin-right: 15px
}

.form-payment .field-row .field-group:last-child {
    margin-right: 0
}

.form-payment .field-row .field-half {
    flex: 50%;
    width: 50%
}

.form-payment .field-row-promo-code .field-promo-code {
    width: 70%
}

.form-payment .field-row-promo-code .button {
    background-color: #6329ae;
    border: 1px solid #6329ae;
    color: #6329ae;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    height: 60px;
    margin-top: 20px
}

.form-payment .field-row-promo-code .button:focus {
    outline: none
}

.form-payment .field-row-promo-code .button:active,
.form-payment .field-row-promo-code .button:focus,
.form-payment .field-row-promo-code .button:focus-visible,
.form-payment .field-row-promo-code .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.form-payment .field-row-promo-code .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.form-payment .field-row-promo-code .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.form-payment .field-row-promo-code .button:focus-visible,
.form-payment .field-row-promo-code .button:hover {
    background: #6329ae;
    box-shadow: none;
    color: #fff
}

.form-payment .field-row-promo-code .button:focus,
.form-payment .field-row-promo-code .button:active {
    background: #6329ae;
    color: #fff
}

.form-payment label {
    color: #766a84;
    font-size: 12px;
    font-weight: 100;
    line-height: 1.2;
    margin-bottom: 5px;
    text-transform: uppercase
}

.form-payment label.tos {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin: 15px 0 20px 0;
    text-transform: none
}

.form-payment label.tos:hover {
    cursor: pointer
}

.form-payment label.tos.has-error {
    color: #da1400
}

.form-payment label.tos.has-error input[type=checkbox] {
    border-color: #da1400
}

.form-payment .cc-recurly {
    height: 60px
}

.form-payment .recurly-element-card {
    padding: 0 10px
}

.form-payment input[type=radio],
.form-payment input[type=checkbox] {
    appearance: none;
    border: 1px solid #b8aec4;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    min-width: 20px;
    position: relative;
    width: 20px
}

.form-payment input[type=radio]:hover,
.form-payment input[type=checkbox]:hover {
    cursor: pointer
}

.form-payment input[type=radio]:focus,
.form-payment input[type=radio]:focus-visible,
.form-payment input[type=checkbox]:focus,
.form-payment input[type=checkbox]:focus-visible {
    border-color: #766a84
}

.form-payment input[type=radio]:checked::after,
.form-payment input[type=checkbox]:checked::after {
    background: #f60;
    border-radius: 100%;
    bottom: 3px;
    content: "";
    display: block;
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px
}

.form-payment input[type=checkbox][name=tos-agree] {
    border-radius: 0
}

.form-payment input[type=checkbox][name=tos-agree]:checked::after {
    border-radius: 0
}

.trigger .modal-tr-premium {
    background: rgba(57, 44, 70, .8);
    pointer-events: none
}

.trigger .modal-tr-premium .premium-element {
    display: block
}

.trigger .modal-tr-premium p {
    font-size: 14px;
    font-weight: 300
}

.trigger .modal-tr-premium .close {
    right: 30px;
    top: 30px
}

.trigger .modal-tr-premium .modal-content {
    color: #0c1417;
    left: 1vw;
    margin: 0;
    max-width: none;
    padding: 30px;
    pointer-events: initial;
    right: 1vw;
    width: calc(98vw - 90px)
}

@media(min-width: 980px) {
    .trigger .modal-tr-premium .modal-content {
        left: 30vw;
        right: 30vw;
        width: 40vw
    }
}

.trigger .modal-tr-premium .modal-content input[type=password],
.trigger .modal-tr-premium .modal-content input[type=text],
.trigger .modal-tr-premium .modal-content select,
.trigger .modal-tr-premium .modal-content input[type=email] {
    background: #fff;
    border: 1px solid #b8aec4;
    border-radius: 2px;
    box-sizing: border-box;
    color: #766a84;
    font-size: 18px;
    font-style: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    padding: .5rem 1rem;
    width: 100%;
    margin-bottom: 10px
}

.trigger .modal-tr-premium .modal-content input[type=password]::placeholder,
.trigger .modal-tr-premium .modal-content input[type=text]::placeholder,
.trigger .modal-tr-premium .modal-content select::placeholder,
.trigger .modal-tr-premium .modal-content input[type=email]::placeholder {
    color: #b8aec4;
    font-style: normal
}

.trigger .modal-tr-premium .modal-content input[type=password]:focus,
.trigger .modal-tr-premium .modal-content input[type=text]:focus,
.trigger .modal-tr-premium .modal-content select:focus,
.trigger .modal-tr-premium .modal-content input[type=email]:focus {
    border-color: #766a84;
    box-shadow: none;
    color: #766a84;
    outline: none
}

.trigger .modal-tr-premium .modal-content h2 {
    color: #b8aec4;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.trigger .modal-tr-premium .modal-content h2.premium-heading {
    color: #f60;
    font-size: 20px
}

.trigger .modal-tr-premium .modal-content .btn-trigger {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    background-color: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: #472278 linear-gradient(10deg, #472278 0%, #6329ae 100%);
    border-radius: 0;
    font-size: 20px;
    font-weight: 300;
    height: 60px;
    justify-content: center;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

.trigger .modal-tr-premium .modal-content .btn-trigger:focus {
    outline: none
}

.trigger .modal-tr-premium .modal-content .btn-trigger:focus {
    outline: none
}

.trigger .modal-tr-premium .modal-content .btn-trigger:active,
.trigger .modal-tr-premium .modal-content .btn-trigger:focus,
.trigger .modal-tr-premium .modal-content .btn-trigger:focus-visible,
.trigger .modal-tr-premium .modal-content .btn-trigger:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.trigger .modal-tr-premium .modal-content .btn-trigger:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.trigger .modal-tr-premium .modal-content .btn-trigger:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.trigger .modal-tr-premium .modal-content .btn-trigger:hover {
    background: #6329ae;
    cursor: pointer
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] {
    margin-bottom: 10px
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] input[type=checkbox] {
    appearance: none;
    border: 1px solid #b8aec4;
    border-radius: 100%;
    border-width: 1px;
    content: "";
    display: block;
    float: left;
    height: 18px;
    margin: 7px 8px 0 0;
    padding: 2px 0 0 2px;
    position: relative;
    width: 18px
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] input[type=checkbox]:checked::before {
    background: #f60;
    border-radius: 100%;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    width: 12px
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] input[type=checkbox]:checked~.terms-of-service::before {
    display: none
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] .terms-of-service {
    position: relative
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] .terms-of-service::before {
    display: none
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] .terms-of-service p {
    margin-bottom: 20px
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] .terms-of-service p a {
    color: #f60;
    text-decoration: none
}

.trigger .modal-tr-premium .join-signin-wrap .join-email label[for=tos] .terms-of-service p a:hover {
    text-decoration: underline
}

.trigger .modal-tr-premium .join-signin-wrap .signin-email.active {
    display: flex;
    flex-direction: column
}

.trigger .modal-tr-premium .join-signin-wrap .signin-email.active form#forgot-pw {
    order: 10;
    text-align: left
}

.trigger .modal-tr-premium .join-signin-wrap .signin-email.active form#forgot-pw .forgot-pw {
    color: #766a84;
    font-size: 14px;
    padding: 0;
    text-decoration: underline
}

.trigger .modal-tr-premium .join-signin-wrap .signin-email.active form#forgot-pw .forgot-pw:hover {
    color: #0c1417
}

.is-premium aside .search-bar,
.is-premium main .search-bar {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem
}

.is-premium aside .search-bar input[type=search],
.is-premium main .search-bar input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: box-shadow ease-in .1s;
    width: 100%
}

.is-premium aside .search-bar input[type=search]::-ms-clear,
.is-premium aside .search-bar input[type=search]::-ms-reveal,
.is-premium main .search-bar input[type=search]::-ms-clear,
.is-premium main .search-bar input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.is-premium aside .search-bar input[type=search]::-webkit-search-decoration,
.is-premium aside .search-bar input[type=search]::-webkit-search-cancel-button,
.is-premium aside .search-bar input[type=search]::-webkit-search-results-button,
.is-premium aside .search-bar input[type=search]::-webkit-search-results-decoration,
.is-premium main .search-bar input[type=search]::-webkit-search-decoration,
.is-premium main .search-bar input[type=search]::-webkit-search-cancel-button,
.is-premium main .search-bar input[type=search]::-webkit-search-results-button,
.is-premium main .search-bar input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.is-premium aside .search-bar input[type=search]::placeholder,
.is-premium main .search-bar input[type=search]::placeholder {
    color: #778596;
    font-weight: 100
}

.is-premium aside .search-bar input[type=search]:focus,
.is-premium main .search-bar input[type=search]:focus {
    box-shadow: 0 0 5px rgba(32, 119, 186, .75);
    outline: 0
}

.is-premium aside .search-bar input[type=search],
.is-premium main .search-bar input[type=search] {
    border: 1px solid #778596;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 100;
    height: 4.375rem;
    padding: 0 5rem 0 1.25rem
}

.is-premium aside .search-bar input[type=search]:focus,
.is-premium main .search-bar input[type=search]:focus {
    box-shadow: 0 0 4px rgba(119, 133, 150, .5);
    outline: none
}

.is-premium aside .search-bar button,
.is-premium main .search-bar button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    z-index: 500;
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0 1.5px 1.5px 0;
    display: flex;
    height: calc(100% - 2px);
    justify-content: center;
    right: 1px;
    top: 1px;
    transform: none;
    width: 4.375rem
}

.is-premium aside .search-bar button:hover,
.is-premium main .search-bar button:hover {
    cursor: pointer
}

.is-premium aside .search-bar button:disabled,
.is-premium main .search-bar button:disabled {
    cursor: inherit
}

.is-premium aside .search-bar button:disabled svg,
.is-premium main .search-bar button:disabled svg {
    fill: #778596
}

.is-premium aside .search-bar button:disabled:hover,
.is-premium main .search-bar button:disabled:hover {
    cursor: default
}

.is-premium aside .search-bar button:disabled:active,
.is-premium aside .search-bar button:disabled:focus-visible,
.is-premium main .search-bar button:disabled:active,
.is-premium main .search-bar button:disabled:focus-visible {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.is-premium aside .search-bar button svg,
.is-premium main .search-bar button svg {
    fill: #7a7a7a;
    height: 1.25rem;
    margin-top: -4px;
    width: 1.25rem
}

.is-premium aside .search-bar button:not([disabled]):active,
.is-premium aside .search-bar button:not([disabled]):focus-visible,
.is-premium main .search-bar button:not([disabled]):active,
.is-premium main .search-bar button:not([disabled]):focus-visible {
    background: var(--theme-color-primary);
    border-radius: inherit;
    outline: 0
}

.is-premium aside .search-bar button:not([disabled]):active svg,
.is-premium aside .search-bar button:not([disabled]):focus-visible svg,
.is-premium main .search-bar button:not([disabled]):active svg,
.is-premium main .search-bar button:not([disabled]):focus-visible svg {
    fill: #fff
}

.is-premium aside .search-bar input[type=search],
.is-premium main .search-bar input[type=search] {
    color: var(--theme-color-navy)
}

.is-premium aside .layout-thirds,
.is-premium main .layout-thirds {
    grid-template-columns: 3fr 1fr
}

.members-premium {
    overflow-x: hidden
}

.members-premium .premium-unsubscribed {
    background: url("./inc/images/promo-bg-premium-lg.jpg");
    background-size: cover;
    border-top: 1px solid #fff;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 0;
    min-height: 380px;
    overflow: hidden;
    padding: 0 20px
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .layout {
        display: flex
    }
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .heading-wrap {
        padding-right: 4rem
    }
}

.members-premium .premium-unsubscribed .heading-wrap svg {
    fill: #fff;
    height: 41px;
    margin-top: 50px;
    width: 170px
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .heading-wrap svg {
        margin-top: 80px
    }
}

.members-premium .premium-unsubscribed .heading-wrap h2 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: 0
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .heading-wrap h2 {
        font-size: 2.8rem;
        line-height: 3.4rem
    }
}

.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: #fff;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 300;
    justify-content: center;
    margin: 30px 0 20px 0;
    padding: 20px;
    text-transform: none
}

.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:focus {
    outline: none
}

.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:active,
.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:focus,
.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:focus-visible,
.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .heading-wrap label.subscribe_trigger {
        width: 370px
    }
}

.members-premium .premium-unsubscribed .heading-wrap .read-more {
    color: #fff;
    display: block;
    font-size: .8rem;
    margin-bottom: 30px;
    text-align: center
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .heading-wrap .read-more {
        width: 370px
    }
}

.members-premium .premium-unsubscribed .compare-list-wrap {
    display: flex
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .compare-list-wrap {
        margin-top: 30px
    }
}

.members-premium .premium-unsubscribed .compare-list-wrap .list {
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 50%
}

.members-premium .premium-unsubscribed .compare-list-wrap .list.premium ul li .check svg {
    fill: #5b259f
}

.members-premium .premium-unsubscribed .compare-list-wrap .list:first-child {
    padding-right: 7px
}

.members-premium .premium-unsubscribed .compare-list-wrap .list:last-child {
    padding-left: 7px
}

@media(min-width: 980px) {
    .members-premium .premium-unsubscribed .compare-list-wrap .list {
        width: 225px
    }

    .members-premium .premium-unsubscribed .compare-list-wrap .list:first-child {
        padding-right: 9px
    }

    .members-premium .premium-unsubscribed .compare-list-wrap .list:last-child {
        padding-left: 9px
    }
}

@media(min-width: 1230px) {
    .members-premium .premium-unsubscribed .compare-list-wrap .list {
        width: 270px
    }
}

.members-premium .premium-unsubscribed .compare-list-wrap .list h3 {
    color: #fff;
    font-size: .9rem;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: uppercase
}

.members-premium .premium-unsubscribed .compare-list-wrap .list ul {
    background: #fff;
    border-radius: 3px;
    margin-left: 0
}

.members-premium .premium-unsubscribed .compare-list-wrap .list ul li {
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    list-style: none;
    padding: 20px 15px
}

.members-premium .premium-unsubscribed .compare-list-wrap .list ul li .check {
    min-height: 24px;
    min-width: 16px;
    padding-right: 18px
}

.members-premium .premium-unsubscribed .compare-list-wrap .list ul li .check svg {
    fill: var(--theme-color-primary-hover);
    height: 12px;
    width: 16px
}

.members-premium .premium-unsubscribed .compare-list-wrap .list ul li .text {
    font-size: .85rem;
    font-weight: 300
}

.members-premium .premium-subscribed {
    font-family: "Roboto Condensed", sans-serif
}

@media(max-width: 980px) {
    .members-premium .premium-subscribed {
        padding: 0 10px
    }
}

.members-premium .premium-subscribed a {
    color: var(--theme-color-secondary)
}

.members-premium .premium-subscribed .button {
    background-color: var(--theme-color-secondary);
    border: 1px solid var(--theme-color-secondary);
    color: var(--theme-color-secondary);
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: box-shadow ease-out .1s, background-color ease-out .1s;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    box-sizing: border-box;
    justify-content: center;
    margin: 20px 0;
    width: 100%
}

.members-premium .premium-subscribed .button:focus {
    outline: none
}

.members-premium .premium-subscribed .button:active,
.members-premium .premium-subscribed .button:focus,
.members-premium .premium-subscribed .button:focus-visible,
.members-premium .premium-subscribed .button:hover {
    background-color: var(--theme-color-secondary-hover);
    box-shadow: 0 6px 8px -5px rgba(0, 14, 42, .5);
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow ease-out .025s, background-color ease-out .025s
}

.members-premium .premium-subscribed .button:active {
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
    box-shadow: inset 0 4px 4px -2px rgba(0, 14, 42, .1)
}

.members-premium .premium-subscribed .button:disabled {
    opacity: 80%;
    cursor: not-allowed !important
}

.members-premium .premium-subscribed .button:focus-visible,
.members-premium .premium-subscribed .button:hover {
    background: var(--theme-color-secondary);
    box-shadow: none;
    color: #fff
}

.members-premium .premium-subscribed .member-activity {
    padding: 20px 0 40px
}

.members-premium .premium-subscribed .member-activity h3 {
    color: #6329ae;
    font-weight: 300;
    padding: 30px 0;
    font-size: 14px;
    text-transform: uppercase
}

.members-premium .premium-subscribed .member-activity h3::before {
    display: none
}

.members-premium .premium-subscribed .member-activity .recent-downloads {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: grid;
    font-weight: 300;
    grid-gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .member-activity .recent-downloads {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(min-width: 1230px) {
    .members-premium .premium-subscribed .member-activity .recent-downloads {
        grid-gap: 30px;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.members-premium .premium-subscribed .member-activity .recent-downloads figure {
    height: 70px;
    margin: 0;
    margin-right: 10px;
    max-width: 70px;
    min-width: 70px;
    overflow: hidden;
    position: relative;
    width: 70px
}

.members-premium .premium-subscribed .member-activity .recent-downloads figure img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.members-premium .premium-subscribed .member-activity .recent-downloads li {
    align-items: center;
    display: flex;
    flex-direction: row
}

.members-premium .premium-subscribed .member-activity .recent-downloads .details {
    display: flex;
    flex-direction: column
}

.members-premium .premium-subscribed .member-activity .recent-downloads .details>a {
    color: var(--theme-color-navy);
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px
}

.members-premium .premium-subscribed .member-activity .recent-downloads .details>a:hover {
    color: #f60;
    text-decoration: none
}

.members-premium .premium-subscribed .member-activity .recent-downloads .meta {
    color: #766a84;
    font-size: 14px
}

.members-premium .premium-subscribed .account-billing-support {
    margin-top: 20px
}

.members-premium .premium-subscribed .account-billing-support input[name=account-billing-support] {
    display: none
}

.members-premium .premium-subscribed .account-billing-support input[id=account-billing-tab]:checked~.sub-tabs label[for=account-billing-tab] {
    border-bottom: 1px solid #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=account-billing-tab]:checked~.sub-tabs label[for=account-billing-tab] svg {
    fill: #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=account-billing-tab]:checked~.sub-tabs label[for=account-billing-tab] span {
    color: #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=account-billing-tab]:checked~.account-billing-content {
    display: flex
}

.members-premium .premium-subscribed .account-billing-support input[id=support-tab]:checked~.sub-tabs label[for=support-tab] {
    border-bottom: 1px solid #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=support-tab]:checked~.sub-tabs label[for=support-tab] svg {
    fill: #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=support-tab]:checked~.sub-tabs label[for=support-tab] span {
    color: #6329ae
}

.members-premium .premium-subscribed .account-billing-support input[id=support-tab]:checked~.support-content {
    display: flex
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    position: relative
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs::after {
    border-bottom: 1px solid #f2f2f2;
    bottom: 0;
    content: "";
    display: block;
    left: -25vw;
    position: absolute;
    width: 200vw;
    z-index: -1
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs label {
    display: flex;
    margin-right: 20px;
    padding-bottom: 20px
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs label:hover {
    border-bottom: 1px solid #6329ae;
    cursor: pointer
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs label svg {
    fill: var(--theme-color-navy);
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.members-premium .premium-subscribed .account-billing-support .sub-tabs label span {
    color: var(--theme-color-navy);
    font-size: .95rem;
    font-weight: 300;
    text-transform: uppercase
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content {
    display: none;
    flex-direction: column;
    font-weight: 300;
    padding-top: 20px
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content {
        flex-direction: row
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content p {
    margin-bottom: 10px
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content>.pane {
        margin-left: 40px
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content>.pane:first-child {
    margin-left: 0
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content h3 {
    color: #766a84;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices {
    margin-bottom: 1rem
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices {
        width: 50%
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices ul li {
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 50%
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices ul li h4 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: none
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-invoices ul li h4 {
        margin-top: 0
    }
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap {
        display: flex;
        width: 50%
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .billing {
    margin-bottom: 30px
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .billing {
        margin-right: 20px;
        width: 50%
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .billing .total-price {
    font-size: 1rem
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .billing .total-price .subscription-total {
    font-size: 30px
}

@media(min-width: 980px) {
    .members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .help {
        width: 50%
    }
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .help ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .help li {
    margin-bottom: 10px
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .help a {
    color: var(--theme-color-navy)
}

.members-premium .premium-subscribed .account-billing-support .account-billing-support-content .member-billing-account-wrap .help a:hover {
    color: #f60;
    text-decoration: none
}

@media (min-width: 1200px) {

    .site-footer:not(.dynamic-footer) {
        max-width: fit-content;
    }

    .site-footer:not(.dynamic-footer) {
        max-width: 100% !important;
    }

    .site-header {
        max-width: 100% !important;
    }
}

.container-us {
    max-width: 1224px;
    margin: 0 auto;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

/* Auth Page Link display rules */
.auth-page-link--mobile {
    display: flex;
    width: 100%;
    padding: 1rem 5px;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--theme-color-primary);
    font-weight: 700;
}

.auth-page-link--mobile:hover * {
    color: #044997;
}

.auth-page-link--desktop {
    display: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    height: auto;
    padding: 1rem 5px;
    position: static;
    white-space: nowrap;
    width: 100%;
    color: var(--theme-color-primary);
    font-weight: 700;
}

.auth-page-link--desktop:hover {
    color: #044997;
}

@media (min-width: 980px) {
    .auth-page-link--mobile {
        display: none !important;
    }

    .auth-page-link--desktop {
        display: block !important;
    }
}

/* ==========================================================================
   Universal Card and Image Alignment Enhancements
   Ensures card heights are uniform and images are centered (horizontally & vertically)
   ========================================================================== */
.list-chosen.list-card ul li {
    display: flex !important;
    flex-direction: column !important;
}

.list-chosen.list-card ul li article {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-start !important;
}

/* Enforce uniform aspect ratio/height on card images and center them */
.list-chosen.list-card ul li article figure {
    margin: 0 !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f1f5f9 !important;
}

.list-chosen.list-card ul li article figure a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.list-chosen.list-card ul li article figure picture.image {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
}

.list-chosen.list-card ul li article figure picture.image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Make text group fill the rest of the height and align footer at the bottom */
.list-chosen.list-card ul li article .group {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
}

.list-chosen.list-card ul li article .group footer {
    margin-top: auto !important;
}

/* Fix More dropdown caret alignment */
.site-header .trigger.optional-trigger .more-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

.site-header .trigger.optional-trigger .more-btn span {
    position: relative !important;
    padding-right: 14px !important;
    margin-right: 0 !important;
}

.site-header .trigger.optional-trigger .more-btn span::after {
    left: auto !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: transform 0.2s ease, top 0.2s ease !important;
}

/* Caret state adjustments for hover and open state */
.site-header input[type=checkbox]:checked~label .more-btn span::after {
    transform: translateY(-50%) rotate(180deg) !important;
    top: 40% !important;
}

@media (hover: hover) {
    .site-header .trigger.optional-trigger:hover .more-btn span::after {
        transform: translateY(-50%) rotate(180deg) !important;
        top: 40% !important;
    }
}

/* Homepage hero sections customization */

/* 1. Common styles for both News and Featured cards */
.homepage-news-card,
.homepage-featured-card {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    align-items: flex-start !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.homepage-news-card figure,
.homepage-featured-card figure {
    margin: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    background-color: #f1f5f9 !important;
    display: block !important;
}

.homepage-news-card figure a,
.homepage-news-card figure picture,
.homepage-news-card figure img,
.homepage-featured-card figure a,
.homepage-featured-card figure picture,
.homepage-featured-card figure img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.homepage-news-card .group,
.homepage-featured-card .group {
    flex: 1 1 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.homepage-news-card header,
.homepage-featured-card header {
    margin: 0 !important;
    padding: 0 !important;
}

.homepage-news-card .category-title,
.homepage-featured-card .category-title {
    margin-bottom: 4px !important;
    font-size: 0.8rem !important;
    color: #cf3a09 !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    display: block !important;
}

.homepage-news-card .category-title .date-span,
.homepage-featured-card .category-title .date-span {
    color: #778596 !important;
    font-weight: normal !important;
    margin-left: 6px !important;
    text-transform: none !important;
}

.homepage-news-card .headline,
.homepage-news-card .headline a,
.homepage-featured-card .headline,
.homepage-featured-card .headline a,
.list-chosen.list-card-alt ul li article.homepage-featured-card header .headline,
.list-chosen.list-card-alt ul li article.homepage-featured-card header .headline a {
    font-weight: 300 !important;
    line-height: 1.3 !important;
    margin: 0 0 6px 0 !important;
    color: var(--theme-color-navy) !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.homepage-news-card .headline a:hover,
.homepage-featured-card .headline a:hover,
.homepage-blog-card .headline a:hover {
    color: #cf3a09 !important;
    text-decoration: underline !important;
}

/* 2. Specific styles for News section */
.homepage-news-card figure {
    flex: 0 0 80px !important;
    width: 80px !important;
    height: 55px !important;
}

.homepage-news-card .headline,
.homepage-news-card .headline a {
    font-size: 1.1rem !important;
}

.homepage-news-card .abstract {
    display: none !important;
}

/* 3. Specific styles for Featured section */
.homepage-featured-card figure {
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 100px !important;
}

.homepage-featured-card .headline,
.homepage-featured-card .headline a,
.list-chosen.list-card-alt ul li article.homepage-featured-card header .headline,
.list-chosen.list-card-alt ul li article.homepage-featured-card header .headline a {
    font-size: 1.25rem !important;
}

/* Hide description in Featured section too */
.homepage-featured-card .abstract,
.list-chosen.list-card-alt ul li article.homepage-featured-card .group .abstract {
    display: none !important;
}

/* 4. Blog section bullet and title side-by-side alignment */
.homepage-blog-card .headline {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.homepage-blog-card .headline a {
    font-size: 1.1rem !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    color: var(--theme-color-navy) !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.homepage-blog-card .abstract {
    display: none !important;
}

/* Hide extra metadata, category sections, views, footer buttons in homepage featured card */
.homepage-featured-card footer,
.homepage-featured-card .article-section,
.homepage-featured-card figcaption {
    display: none !important;
}

/* Featured section list adjustment */
.list-chosen.list-card-alt ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.list-chosen.list-card-alt ul li {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    padding-bottom: 15px !important;
    display: block !important;
}

.list-chosen.list-card-alt ul li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================================================
   RESOURCE LIBRARY PAGE STYLES
   ========================================================================== */
.resource-library-page-container {
    max-width: 1224px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.rl-header-section {
    margin-bottom: 30px;
}

.rl-badge {
    display: inline-block;
    background-color: var(--theme-color-primary);
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    letter-spacing: 0.05em;
    border-radius: 2px;
}

.rl-divider {
    border: 0;
    height: 1px;
    background-color: var(--theme-color-primary);
    margin: 15px 0 25px 0;
}

.rl-section-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: 2rem;
    color: var(--theme-color-primary);
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-weight: 300;
    letter-spacing: 0.02em;
}

.rl-resources-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 50px;
}

@media (max-width: 979px) {
    .rl-resources-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 590px) {
    .rl-resources-grid {
        grid-template-columns: 1fr;
    }
}

.rl-resource-card {
    display: flex;
    flex-direction: column;
}

.rl-card-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.rl-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.rl-resource-card:hover .rl-card-image-wrapper img {
    transform: scale(1.05);
}

.rl-premium-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #6b21a8;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 8px;
    letter-spacing: 0.05em;
    z-index: 2;
    border-bottom-left-radius: 4px;
}

.rl-category-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-color: var(--theme-color-primary);
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 8px;
    letter-spacing: 0.05em;
    z-index: 2;
    border-radius: 2px;
    text-decoration: none;
}

.rl-category-badge:hover {
    background-color: var(--theme-color-navy);
}

.rl-card-title {
    margin: 12px 0 0 0;
    font-family: "Montserrat", sans-serif;
    font-size: 0.95rem;
    line-height: 1.4;
    font-weight: 300;
}

.rl-card-title a {
    color: var(--theme-color-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.rl-card-title a:hover {
    color: var(--theme-color-primary);
}

.rl-browse-section {
    margin-top: 50px;
}

.rl-topics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media (max-width: 979px) {
    .rl-topics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 590px) {
    .rl-topics-grid {
        grid-template-columns: 1fr;
    }
}

.rl-topic-item {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.rl-topic-item:hover {
    border-color: var(--theme-color-primary);
    box-shadow: 0 4px 12px rgba(8, 107, 219, 0.08);
}

.rl-bullet {
    color: var(--theme-color-primary);
    font-size: 1.1rem;
    line-height: 1;
}

.rl-topic-link {
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--theme-color-primary);
    text-decoration: none;
}

.rl-topic-link:hover {
    color: var(--theme-color-navy);
    text-decoration: underline;
}

.rl-no-posts {
    font-family: "Montserrat", sans-serif;
    font-size: 0.95rem;
    color: #778596;
    margin: 20px 0;
}

/* ==========================================
   MOBILE HEADER & DRAWER SYSTEM
   ========================================== */

/* Initially hide on desktop */
.mobile-site-header,
.mobile-drawer-overlay,
.mobile-nav-drawer {
    display: none;
}

@media (max-width: 979px) {

    /* Hide desktop site header */
    .site-header {
        display: none !important;
    }

    /* Show mobile site header */
    .mobile-site-header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        height: 60px;
        background: #ffffff;
        border-bottom: 1px solid #e2e7eb;
        position: sticky;
        top: 0;
        z-index: 999;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    }

    .mobile-header-actions {
        display: flex;
        align-items: center;
        gap: 16px;
        height: 100%;
    }

    .mobile-search-toggle,
    .mobile-menu-hamburger {
        background: none;
        border: none;
        padding: 8px;
        cursor: pointer;
        color: var(--theme-color-navy, #000e2a);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-signin-btn {
        font-family: var(--font-headline, inherit);
        font-size: 14px;
        font-weight: 700;
        color: var(--theme-color-primary, #F34E1E);
        text-transform: uppercase;
        text-decoration: none;
        padding: 6px 12px;
        border: 1px solid var(--theme-color-primary, #F34E1E);
        border-radius: 4px;
        transition: all 0.2s ease;
    }

    .mobile-signin-btn:hover {
        background: var(--theme-color-primary, #F34E1E);
        color: #ffffff;
    }

    .mobile-menu-hamburger {
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 16px;
        padding: 0;
    }

    .mobile-menu-hamburger .hamburger-bar {
        width: 100%;
        height: 2px;
        background-color: var(--theme-color-navy, #000e2a);
        transition: all 0.3s ease;
    }

    /* Mobile Drawer Overlay */
    .mobile-drawer-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 14, 42, 0.4);
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .mobile-drawer-overlay.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    /* Mobile Navigation Drawer */
    .mobile-nav-drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -320px;
        width: 300px;
        height: 100%;
        background-color: #ffffff;
        z-index: 1001;
        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.08);
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .mobile-nav-drawer.is-open {
        right: 0;
    }

    .mobile-nav-drawer .drawer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid #f1f3f5;
    }

    .mobile-nav-drawer .drawer-title {
        font-family: var(--font-headline, inherit);
        font-size: 18px;
        font-weight: 700;
        color: var(--theme-color-navy, #000e2a);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .mobile-nav-drawer .drawer-close-btn {
        background: none;
        border: none;
        font-size: 28px;
        font-weight: 300;
        cursor: pointer;
        color: #778596;
        padding: 0;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-nav-drawer .drawer-body {
        flex: 1;
        overflow-y: auto;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* Search bar inside drawer */
    .drawer-search-bar {
        display: flex;
        position: relative;
        width: 100%;
    }

    .drawer-search-bar input[type="search"] {
        width: 100%;
        padding: 10px 40px 10px 14px;
        font-size: 14px;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        background-color: #f8fafc;
        color: var(--theme-color-navy, #000e2a);
        outline: none;
        transition: border-color 0.2s ease;
    }

    .drawer-search-bar input[type="search"]:focus {
        border-color: var(--theme-color-primary, #F34E1E);
        background-color: #ffffff;
    }

    .drawer-search-bar button {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background: none;
        border: none;
        padding: 0 14px;
        cursor: pointer;
        color: #778596;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Main Menu Links */
    .drawer-menu-main {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .drawer-menu-main li {
        width: 100%;
    }

    .drawer-menu-main li a {
        display: block;
        padding: 10px 12px;
        font-size: 16px;
        font-weight: 600;
        color: var(--theme-color-navy, #000e2a);
        text-decoration: none;
        border-radius: 6px;
        transition: background 0.2s ease, color 0.2s ease;
    }

    .drawer-menu-main li a:hover,
    .drawer-menu-main li.active a {
        background-color: #fff1ed;
        color: var(--theme-color-primary, #F34E1E);
    }

    /* Accordions styling */
    .drawer-accordions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-top: 1px solid #f1f3f5;
        padding-top: 16px;
    }

    .drawer-accordion-item {
        border-bottom: 1px solid #f8fafc;
    }

    .drawer-accordion-item .accordion-trigger {
        width: 100%;
        background: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 10px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #778596;
        cursor: pointer;
        text-align: left;
    }

    .drawer-accordion-item .accordion-trigger .chevron {
        font-size: 10px;
        transition: transform 0.2s ease;
        color: #a0aec0;
    }

    .drawer-accordion-item.active .accordion-trigger {
        color: var(--theme-color-navy, #000e2a);
    }

    .drawer-accordion-item.active .accordion-trigger .chevron {
        transform: rotate(180deg);
        color: var(--theme-color-primary, #F34E1E);
    }

    .drawer-accordion-item .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        background-color: #fbfcfd;
        border-radius: 6px;
    }

    .drawer-accordion-item .accordion-content ul {
        list-style: none;
        padding: 8px 12px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .drawer-accordion-item .accordion-content ul li a {
        display: block;
        padding: 8px 10px;
        font-size: 14px;
        font-weight: 500;
        color: #4a5568;
        text-decoration: none;
        border-radius: 4px;
    }

    .drawer-accordion-item .accordion-content ul li a:hover {
        background-color: #edf2f7;
        color: var(--theme-color-navy, #000e2a);
    }

    .drawer-accordion-item .accordion-content ul li a.view-all-link {
        font-weight: 700;
        color: var(--theme-color-primary, #F34E1E);
    }

    /* Drawer Footer Account Section */
    .mobile-nav-drawer .drawer-footer {
        margin-top: auto;
        border-top: 1px solid #f1f3f5;
        padding-top: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .drawer-btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-decoration: none;
        border-radius: 6px;
        box-sizing: border-box;
        transition: all 0.2s ease;
    }

    .drawer-btn-login {
        background-color: var(--theme-color-primary, #F34E1E);
        color: #ffffff !important;
    }

    .drawer-btn-login:hover {
        background-color: #d63d12;
    }

    .drawer-btn-profile {
        background-color: #edf2f7;
        color: var(--theme-color-navy, #000e2a) !important;
    }

    .drawer-btn-profile:hover {
        background-color: #e2e8f0;
    }

    .drawer-btn-logout {
        border: 1px solid #e2e8f0;
        color: #e53e3e !important;
        background-color: transparent;
    }

    .drawer-btn-logout:hover {
        background-color: #fff5f5;
    }

    .resource-list {
        margin-top: 50px;
    }
}

.page-numbers {
    border: 1px solid var(--theme-color-primary);
    border-radius: 100%;
    aspect-ratio: 1 / 1;
}

#primary {
    padding: 0 15px;
}

footer .byline span[property="name"],
footer .byline .content-type,
.abt-posts-container__card--author {
    display: none !important;
}

.abt-posts-container__card--published-date {
    padding-left: 0px;
}