.font-heading {
    font-family: "Libre Franklin", sans-serif
}

.font-paragraph {
    font-family: "Noto Serif", serif
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

select {
    text-transform: none
}

button,
html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: border-box
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

table {
    width: 100%
}

td,
th {
    text-align: left;
    vertical-align: middle
}

td>*,
th>* {
    vertical-align: middle
}

td:last-child,
th:last-child {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.collapse-narrow {
    display: none
}

@media (min-width: 1024px) {
    .collapse-narrow {
        display: block
    }
}

@media (min-width: 1024px) {
    .narrow-only {
        display: none
    }
}

.is-narrow .narrow-only {
    display: block
}

.is-narrow .collapse-narrow,
.collapse-narrow--table-row,
.is-narrow .collapse-narrow--table-row {
    display: none
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none
    }
}

.desktop-only {
    display: none
}

@media (min-width: 1024px) {
    .desktop-only {
        display: block
    }
}

.text-hidden {
    text-indent: -9999px;
    white-space: nowrap
}

main.error {
    min-height: 400px;
    padding: 16px
}

@media (min-width: 1024px) {
    main.error {
        padding: 48px
    }
}

.dropcap {
    float: left;
    font-size: 600%;
    line-height: 85%;
    padding-right: 16px
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.overflow-hidden {
    overflow: hidden
}

.editorial-program-link {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    align-items: center;
    display: flex;
    margin: 24px 0 16px
}

.editorial-program-link:hover,
.editorial-program-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

@media (min-width: 1024px) {
    .editorial-program-link {
        margin: 0 0 16px
    }
}

@media (min-width: 1024px) {
    .gallery-container .editorial-program-link {
        margin: 32px 0 -8px
    }
}

.editorial-program-name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 8px
}

.editorial-program-name:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.editorial-program-name:active {
    opacity: .8
}

.editorial-program-logo {
    height: 48px;
    width: auto
}

body {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Roboto", "HelveticaNeue", sans-serif
}

pre,
code {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    font-family: Consolas, Monaco, monospace;
    padding: 0 4px
}

.component-search .search-container {
    display: block
}

p,
ol,
ul {
    font-family: "Noto Serif", serif;
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 28px;
    margin-top: 16px;
    margin-bottom: 16px
}

.mdex-test .article-content-container ol li {
    counter-increment: item;
    list-style-type: none;
    margin-top: 16px;
    margin-bottom: 16px;
    text-indent: -24px
}

.mdex-test .article-content-container ol li:before {
    content: counter(item) ".";
    display: inline;
    font-weight: bold;
    padding-right: 8px
}

.mdex-test .article-content-container ul:not(.byline-section):not(.value-list):not(.project-meta-list):not(.checklist-supplies-list):not(.carouselNav__list):not(.carouselNav__list):not(.value-list.vertical):not(.seeMoreValues__list) li {
    /* counter-increment: item;
    list-style-type: none; */
    margin-top: 12px;
    margin-bottom: 12px;
    /* text-indent: -16px; */
}

/* .mdex-test .article-content-container ul:not(.byline-section):not(.value-list):not(.project-meta-list):not(.checklist-supplies-list):not(.carouselNav__list):not(.carouselNav__list):not(.value-list.vertical):not(.seeMoreValues__list) li:before {
    content: '\2022';
    display: inline;
    padding-right: 8px;
    vertical-align: top
} */

.mdex-test .article-content-container ul:not(.byline-section):not(.value-list):not(.project-meta-list):not(.checklist-supplies-list):not(.carouselNav__list):not(.carouselNav__list):not(.value-list.vertical):not(.seeMoreValues__list) li p {
    display: inline-block;
    width: calc(100% - 20px);
    text-indent: 0
}

body .content .video-transcript .heading h3 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px
}

body .content .video-transcript .content {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;
    text-align: left
}

a {
    color: rgba(0, 0, 0, 0.95);
    font-weight: 500;
    text-decoration: none
}

a:hover,
a:active,
a:focus {
    color: #0F7BAE
}

a:visited {
    color: #fbd9ce
}

a.dark {
    color: #282f2f
}

a.dark:hover {
    color: rgba(0, 0, 0, 0.65)
}

a.bold {
    font-weight: 700
}

.text-align-center {
    text-align: center
}

figure {
    margin: 0
}

.list li {
    margin-top: 8px;
    margin-bottom: 8px
}

.dek {
    color: #282f2f;
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px
}

.branding-body-text {
    color: rgba(0, 0, 0, 0.95)
}

.bg-branding-body-text {
    background-color: rgba(0, 0, 0, 0.95)
}

.branding-accent-text {
    color: rgba(0, 0, 0, 0.95)
}

.bg-branding-accent-text {
    background-color: rgba(0, 0, 0, 0.95)
}

.branding-accent-text-hover {
    color: rgba(0, 0, 0, 0.95)
}

.bg-branding-accent-text-hover {
    background-color: #1A9EB9
}

.branding-primary-text {
    color: #282f2f
}

.bg-branding-primary-text {
    background-color: #282f2f
}

.branding-primary {
    color: #fff
}

.bg-branding-primary {
    background-color: #fff
}

.branding-body {
    color: #fff
}

.bg-branding-body {
    background-color: #fff
}

.branding-background {
    color: #fff
}

.branding-accent {
    color: rgba(0, 0, 0, 0.95)
}

.bg-branding-accent {
    background-color: rgba(0, 0, 0, 0.95)
}

.bg-branding-accent-hover {
    background-color: #1A9EB9
}

.bg-branding-secondary-accent {
    background-color: #ff0048
}

.bg-branding-secondary-accent-hover {
    background-color: #D4023D
}

.brand-color-gray-1 {
    color: rgba(0, 0, 0, 0.05)
}

.brand-color-gray-2 {
    color: rgba(0, 0, 0, 0.15)
}

.brand-color-gray-3 {
    color: rgba(0, 0, 0, 0.3)
}

.brand-color-gray-4 {
    color: rgba(0, 0, 0, 0.47)
}

.brand-color-gray-5 {
    color: rgba(0, 0, 0, 0.65)
}

.brand-color-gray-6 {
    color: rgba(0, 0, 0, 0.8)
}

.bg-brand-color-gray-1 {
    background: rgba(0, 0, 0, 0.05)
}

.bg-brand-color-gray-2 {
    background: rgba(0, 0, 0, 0.15)
}

.bg-brand-color-gray-3 {
    background: rgba(0, 0, 0, 0.3)
}

.bg-brand-color-gray-4 {
    background: rgba(0, 0, 0, 0.47)
}

.bg-brand-color-gray-5 {
    background: rgba(0, 0, 0, 0.65)
}

.bg-brand-color-gray-6 {
    background: rgba(0, 0, 0, 0.8)
}

.bg-brand-color-light {
    background: #fff
}

.bg-brand-color-dark {
    background: #282f2f
}

h1,
.heading-1 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    h1,
    .heading-1 {
        font-size: 48px;
        line-height: 52px
    }
}

h2,
.heading-2 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    h2,
    .heading-2 {
        font-size: 36px;
        line-height: 44px
    }
}

h3,
.heading-3 {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

h4,
.heading-4 {
    font-size: 28px
}

h5,
.heading-5 {
    font-size: 24px
}

h6,
.heading-6 {
    font-size: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.heading-1 a,
.heading-2 a,
.heading-3 a,
.heading-4 a,
.heading-5 a,
.heading-6 a {
    color: inherit;
    font-weight: 700
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.heading-1 a:hover,
.heading-2 a:hover,
.heading-3 a:hover,
.heading-4 a:hover,
.heading-5 a:hover,
.heading-6 a:hover {
    color: rgba(0, 0, 0, 0.65)
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
    margin-top: 32px;
    margin-bottom: 32px
}

.subtitle {
    font-size: 18px;
    font-weight: 500;
    font-family: "Noto Serif", serif;
    color: rgba(0, 0, 0, 0.65);
    text-transform: capitalize;
    margin-bottom: 12px
}

.subtitle-twitter {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #1DA1F2
}

.page-title {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 35px;
    text-transform: capitalize;
    text-align: center
}

.page-title.page-title-24 {
    font-size: 24px
}

@media (min-width: 1024px) {
    .page-title {
        text-align: left
    }
}

.page-title-twitter-logo {
    text-align: left;
    margin: 24px 0 0 8px;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
    text-transform: capitalize;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 44px
}

@media (min-width: 1024px) {
    .page-title-twitter-logo {
        margin: auto
    }
}

.page-title-twitter-inline-logo {
    text-align: left;
    margin: 24px 0 0 8px;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 48px;
    color: #1DA1F2
}

@media (min-width: 1024px) {
    .page-title-twitter-inline-logo {
        margin: auto
    }
}

.page-title-twitter-inline-logo .twitter-logo-svg {
    width: 36px;
    height: 36px;
    top: 2px;
    position: relative
}

.section-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-left: 8px solid #282f2f;
    margin: 0;
    padding-left: 10px
}

.tile-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #282f2f;
    line-height: 16px
}

.style-orange a {
    color: rgba(0, 0, 0, 0.95)
}

.style-orange a:hover {
    color: #1A9EB9
}

.style-uppercase {
    text-transform: uppercase
}

a.style-orange {
    color: rgba(0, 0, 0, 0.95)
}

a.style-orange:hover {
    color: #1A9EB9
}

a.style-black {
    color: #282f2f
}

a.style-black:hover {
    color: rgba(0, 0, 0, 0.65)
}

.heading-list,
.heading-recirc-list {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.heading-eyebrow {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.eyebrow-link {
    color: #f9f7f0
}

.heading-menu {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    display: none;
    color: rgba(0, 0, 0, 0.65)
}

@media (min-width: 360px) {
    .heading-menu {
        display: block
    }
}

.heading-tiny {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.65)
}

.heading-label {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.65)
}

.heading-label-small {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px
}

.heading-label-twitter {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.65);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px
}

@media (min-width: 768px) {
    .heading-label-twitter {
        font-size: 14px;
        line-height: 20px
    }
}

.heading-content {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px
}

@media (min-width: 768px) {
    .heading-content {
        font-size: 24px;
        line-height: 34px
    }
}

@media (min-width: 1024px) {
    .heading-content {
        font-size: 39px;
        line-height: 47px
    }
}

.heading-content-small {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px
}

@media (min-width: 768px) {
    .heading-content-small {
        font-size: 24px;
        line-height: 34px
    }
}

@media (min-width: 1024px) {
    .heading-content-small {
        line-height: 30px
    }
}

.heading-content-smaller {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.heading-content-tiny {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3em
}

.heading-content-tiny-light {
    font-family: "Noto Serif", serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em
}

.heading-bucket,
.heading-bucket a {
    font-size: 36px;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: .5px;
    font-weight: 700
}

.heading-gallery {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    color: #282f2f
}

.heading-byline {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65)
}

.heading-tiny-team {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600
}

.heading-article-byline {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding-top: 6px
}

@media (min-width: 768px) {
    .heading-article-byline {
        font-size: 20px;
        line-height: 24px;
        padding-top: 0
    }
}

.body-caption,
.body-credit {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    float: left;
    line-height: 16px;
    letter-spacing: 0
}

.body-caption {
    color: rgba(0, 0, 0, 0.95)
}

.body-caption-small {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.65)
}

.body-credit {
    color: rgba(0, 0, 0, 0.65)
}

.credit {
    font-family: "Libre Franklin", sans-serif;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 1024px) {
    .credit {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .credit {
        padding-left: 0;
        padding-right: 4px
    }
}

.body-fine-print {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    line-height: 8px;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.65)
}

@media (min-width: 1024px) {
    .body-fine-print {
        font-size: 12px;
        line-height: 10px;
        font-weight: 400
    }
}

.body-bold-fine-print {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.65)
}

@media (min-width: 1024px) {
    .body-bold-fine-print {
        font-size: 12px;
        line-height: 10px
    }
}

.btn-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 16px 10px 16px
}

.rule-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.rule-bottom-light {
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.font-weight-thin {
    font-weight: 300
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-book {
    font-weight: 400
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-demi {
    font-weight: 600
}

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

.font-weight-heavy {
    font-weight: 700
}

.scale-10 {
    font-size: 10px
}

.scale-12 {
    font-size: 12px
}

.scale-14 {
    font-size: 14px
}

.scale-16 {
    font-size: 16px
}

.scale-20 {
    font-size: 20px
}

.scale-24 {
    font-size: 24px
}

.scale-28 {
    font-size: 28px
}

.scale-32 {
    font-size: 32px
}

.scale-39 {
    font-size: 39px
}

.scale-45 {
    font-size: 45px
}

.scale-56 {
    font-size: 56px
}

.scale-64 {
    font-size: 64px
}

.scale-79 {
    font-size: 79px
}

.scale-90 {
    font-size: 90px
}

.sr-heading {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.margin-4 {
    margin: 4px
}

.margin-4-left {
    margin-left: 4px
}

.margin-4-right {
    margin-right: 4px
}

.margin-4-top {
    margin-top: 4px
}

.margin-4-bottom {
    margin-bottom: 4px
}

.margin-4-tb {
    margin-top: 4px;
    margin-bottom: 4px
}

.margin-4-lr {
    margin-left: 4px;
    margin-right: 4px
}

.padding-4 {
    padding: 4px
}

.padding-4-left {
    padding-left: 4px
}

.padding-4-right {
    padding-right: 4px
}

.padding-4-top {
    padding-top: 4px
}

.padding-4-bottom {
    padding-bottom: 4px
}

.padding-4-tb {
    padding-top: 4px;
    padding-bottom: 4px
}

.padding-4-lr {
    padding-left: 4px;
    padding-right: 4px
}

.margin-8 {
    margin: 8px
}

.margin-8-left {
    margin-left: 8px
}

.margin-8-right {
    margin-right: 8px
}

.margin-8-top {
    margin-top: 8px
}

.margin-8-bottom {
    margin-bottom: 8px
}

.margin-8-tb {
    margin-top: 8px;
    margin-bottom: 8px
}

.margin-8-lr {
    margin-left: 8px;
    margin-right: 8px
}

.padding-8 {
    padding: 8px
}

.padding-8-left {
    padding-left: 8px
}

.padding-8-right {
    padding-right: 8px
}

.padding-8-top {
    padding-top: 8px
}

.padding-8-bottom {
    padding-bottom: 8px
}

.padding-8-tb {
    padding-top: 8px;
    padding-bottom: 8px
}

.padding-8-lr {
    padding-left: 8px;
    padding-right: 8px
}

.margin-12 {
    margin: 12px
}

.margin-12-left {
    margin-left: 12px
}

.margin-12-right {
    margin-right: 12px
}

.margin-12-top {
    margin-top: 12px
}

.margin-12-bottom {
    margin-bottom: 12px
}

.margin-12-tb {
    margin-top: 12px;
    margin-bottom: 12px
}

.margin-12-lr {
    margin-left: 12px;
    margin-right: 12px
}

.padding-12 {
    padding: 12px
}

.padding-12-left {
    padding-left: 12px
}

.padding-12-right {
    padding-right: 12px
}

.padding-12-top {
    padding-top: 12px
}

.padding-12-bottom {
    padding-bottom: 12px
}

.padding-12-tb {
    padding-top: 12px;
    padding-bottom: 12px
}

.padding-12-lr {
    padding-left: 12px;
    padding-right: 12px
}

.margin-16 {
    margin: 16px
}

.margin-16-left {
    margin-left: 16px
}

.margin-16-right {
    margin-right: 16px
}

.margin-16-top {
    margin-top: 16px
}

.margin-16-bottom {
    margin-bottom: 16px
}

.margin-16-tb {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin-16-lr {
    margin-left: 16px;
    margin-right: 16px
}

.padding-16 {
    padding: 16px
}

.padding-16-left {
    padding-left: 16px
}

.padding-16-right {
    padding-right: 16px
}

.padding-16-top {
    padding-top: 16px
}

.padding-16-bottom {
    padding-bottom: 16px
}

.padding-16-tb {
    padding-top: 16px;
    padding-bottom: 16px
}

.padding-16-lr {
    padding-left: 16px;
    padding-right: 16px
}

.margin-20 {
    margin: 20px
}

.margin-20-left {
    margin-left: 20px
}

.margin-20-right {
    margin-right: 20px
}

.margin-20-top {
    margin-top: 20px
}

.margin-20-bottom {
    margin-bottom: 20px
}

.margin-20-tb {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-20-lr {
    margin-left: 20px;
    margin-right: 20px
}

.padding-20 {
    padding: 20px
}

.padding-20-left {
    padding-left: 20px
}

.padding-20-right {
    padding-right: 20px
}

.padding-20-top {
    padding-top: 20px
}

.padding-20-bottom {
    padding-bottom: 20px
}

.padding-20-tb {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding-20-lr {
    padding-left: 20px;
    padding-right: 20px
}

.margin-24 {
    margin: 24px
}

.margin-24-left {
    margin-left: 24px
}

.margin-24-right {
    margin-right: 24px
}

.margin-24-top {
    margin-top: 24px
}

.margin-24-bottom {
    margin-bottom: 24px
}

.margin-24-tb {
    margin-top: 24px;
    margin-bottom: 24px
}

.margin-24-lr {
    margin-left: 24px;
    margin-right: 24px
}

.padding-24 {
    padding: 24px
}

.padding-24-left {
    padding-left: 24px
}

.padding-24-right {
    padding-right: 24px
}

.padding-24-top {
    padding-top: 24px
}

.padding-24-bottom {
    padding-bottom: 24px
}

.padding-24-tb {
    padding-top: 24px;
    padding-bottom: 24px
}

.padding-24-lr {
    padding-left: 24px;
    padding-right: 24px
}

.margin-28 {
    margin: 28px
}

.margin-28-left {
    margin-left: 28px
}

.margin-28-right {
    margin-right: 28px
}

.margin-28-top {
    margin-top: 28px
}

.margin-28-bottom {
    margin-bottom: 28px
}

.margin-28-tb {
    margin-top: 28px;
    margin-bottom: 28px
}

.margin-28-lr {
    margin-left: 28px;
    margin-right: 28px
}

.padding-28 {
    padding: 28px
}

.padding-28-left {
    padding-left: 28px
}

.padding-28-right {
    padding-right: 28px
}

.padding-28-top {
    padding-top: 28px
}

.padding-28-bottom {
    padding-bottom: 28px
}

.padding-28-tb {
    padding-top: 28px;
    padding-bottom: 28px
}

.padding-28-lr {
    padding-left: 28px;
    padding-right: 28px
}

.margin-32 {
    margin: 32px
}

.margin-32-left {
    margin-left: 32px
}

.margin-32-right {
    margin-right: 32px
}

.margin-32-top {
    margin-top: 32px
}

.margin-32-bottom {
    margin-bottom: 32px
}

.margin-32-tb {
    margin-top: 32px;
    margin-bottom: 32px
}

.margin-32-lr {
    margin-left: 32px;
    margin-right: 32px
}

.padding-32 {
    padding: 32px
}

.padding-32-left {
    padding-left: 32px
}

.padding-32-right {
    padding-right: 32px
}

.padding-32-top {
    padding-top: 32px
}

.padding-32-bottom {
    padding-bottom: 32px
}

.padding-32-tb {
    padding-top: 32px;
    padding-bottom: 32px
}

.padding-32-lr {
    padding-left: 32px;
    padding-right: 32px
}

.margin-36 {
    margin: 36px
}

.margin-36-left {
    margin-left: 36px
}

.margin-36-right {
    margin-right: 36px
}

.margin-36-top {
    margin-top: 36px
}

.margin-36-bottom {
    margin-bottom: 36px
}

.margin-36-tb {
    margin-top: 36px;
    margin-bottom: 36px
}

.margin-36-lr {
    margin-left: 36px;
    margin-right: 36px
}

.padding-36 {
    padding: 36px
}

.padding-36-left {
    padding-left: 36px
}

.padding-36-right {
    padding-right: 36px
}

.padding-36-top {
    padding-top: 36px
}

.padding-36-bottom {
    padding-bottom: 36px
}

.padding-36-tb {
    padding-top: 36px;
    padding-bottom: 36px
}

.padding-36-lr {
    padding-left: 36px;
    padding-right: 36px
}

.margin-40 {
    margin: 40px
}

.margin-40-left {
    margin-left: 40px
}

.margin-40-right {
    margin-right: 40px
}

.margin-40-top {
    margin-top: 40px
}

.margin-40-bottom {
    margin-bottom: 40px
}

.margin-40-tb {
    margin-top: 40px;
    margin-bottom: 40px
}

.margin-40-lr {
    margin-left: 40px;
    margin-right: 40px
}

.padding-40 {
    padding: 40px
}

.padding-40-left {
    padding-left: 40px
}

.padding-40-right {
    padding-right: 40px
}

.padding-40-top {
    padding-top: 40px
}

.padding-40-bottom {
    padding-bottom: 40px
}

.padding-40-tb {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding-40-lr {
    padding-left: 40px;
    padding-right: 40px
}

.margin-44 {
    margin: 44px
}

.margin-44-left {
    margin-left: 44px
}

.margin-44-right {
    margin-right: 44px
}

.margin-44-top {
    margin-top: 44px
}

.margin-44-bottom {
    margin-bottom: 44px
}

.margin-44-tb {
    margin-top: 44px;
    margin-bottom: 44px
}

.margin-44-lr {
    margin-left: 44px;
    margin-right: 44px
}

.padding-44 {
    padding: 44px
}

.padding-44-left {
    padding-left: 44px
}

.padding-44-right {
    padding-right: 44px
}

.padding-44-top {
    padding-top: 44px
}

.padding-44-bottom {
    padding-bottom: 44px
}

.padding-44-tb {
    padding-top: 44px;
    padding-bottom: 44px
}

.padding-44-lr {
    padding-left: 44px;
    padding-right: 44px
}

.margin-48 {
    margin: 48px
}

.margin-48-left {
    margin-left: 48px
}

.margin-48-right {
    margin-right: 48px
}

.margin-48-top {
    margin-top: 48px
}

.margin-48-bottom {
    margin-bottom: 48px
}

.margin-48-tb {
    margin-top: 48px;
    margin-bottom: 48px
}

.margin-48-lr {
    margin-left: 48px;
    margin-right: 48px
}

.padding-48 {
    padding: 48px
}

.padding-48-left {
    padding-left: 48px
}

.padding-48-right {
    padding-right: 48px
}

.padding-48-top {
    padding-top: 48px
}

.padding-48-bottom {
    padding-bottom: 48px
}

.padding-48-tb {
    padding-top: 48px;
    padding-bottom: 48px
}

.padding-48-lr {
    padding-left: 48px;
    padding-right: 48px
}

.margin-56 {
    margin: 56px
}

.margin-56-left {
    margin-left: 56px
}

.margin-56-right {
    margin-right: 56px
}

.margin-56-top {
    margin-top: 56px
}

.margin-56-bottom {
    margin-bottom: 56px
}

.margin-56-tb {
    margin-top: 56px;
    margin-bottom: 56px
}

.margin-56-lr {
    margin-left: 56px;
    margin-right: 56px
}

.padding-56 {
    padding: 56px
}

.padding-56-left {
    padding-left: 56px
}

.padding-56-right {
    padding-right: 56px
}

.padding-56-top {
    padding-top: 56px
}

.padding-56-bottom {
    padding-bottom: 56px
}

.padding-56-tb {
    padding-top: 56px;
    padding-bottom: 56px
}

.padding-56-lr {
    padding-left: 56px;
    padding-right: 56px
}

.margin-64 {
    margin: 64px
}

.margin-64-left {
    margin-left: 64px
}

.margin-64-right {
    margin-right: 64px
}

.margin-64-top {
    margin-top: 64px
}

.margin-64-bottom {
    margin-bottom: 64px
}

.margin-64-tb {
    margin-top: 64px;
    margin-bottom: 64px
}

.margin-64-lr {
    margin-left: 64px;
    margin-right: 64px
}

.padding-64 {
    padding: 64px
}

.padding-64-left {
    padding-left: 64px
}

.padding-64-right {
    padding-right: 64px
}

.padding-64-top {
    padding-top: 64px
}

.padding-64-bottom {
    padding-bottom: 64px
}

.padding-64-tb {
    padding-top: 64px;
    padding-bottom: 64px
}

.padding-64-lr {
    padding-left: 64px;
    padding-right: 64px
}

.margin-0-auto {
    margin: 0 auto
}

.center-pseudo {
    display: inline-block;
    text-align: center
}

.center-pseudo::before {
    content: ''
}

@media (min-width: 1024px) {
    .grid-item {
        float: left
    }
    .grid-item.no-float {
        float: none
    }
    .grid-item.grid-1-of-8 {
        width: 12.5%
    }
    .grid-item.grid-2-of-8 {
        width: 25%
    }
    .grid-item.grid-3-of-8 {
        width: 37.5%
    }
    .grid-item.grid-4-of-8 {
        width: 50%
    }
    .grid-item.grid-5-of-8 {
        width: 62.5%
    }
    .grid-item.grid-6-of-8 {
        width: 75%
    }
    .grid-item.grid-7-of-8 {
        width: 87.5%
    }
    .grid-item.grid-8-of-8 {
        width: 100%
    }
    .grid-item.grid-1-of-16 {
        width: 6.25%
    }
    .grid-item.grid-2-of-16 {
        width: 12.5%
    }
    .grid-item.grid-3-of-16 {
        width: 18.75%
    }
    .grid-item.grid-4-of-16 {
        width: 25%
    }
    .grid-item.grid-5-of-16 {
        width: 31.25%
    }
    .grid-item.grid-6-of-16 {
        width: 37.5%
    }
    .grid-item.grid-7-of-16 {
        width: 43.75%
    }
    .grid-item.grid-8-of-16 {
        width: 50%
    }
    .grid-item.grid-9-of-16 {
        width: 56.25%
    }
    .grid-item.grid-10-of-16 {
        width: 62.5%
    }
    .grid-item.grid-11-of-16 {
        width: 68.75%
    }
    .grid-item.grid-12-of-16 {
        width: 75%
    }
    .grid-item.grid-13-of-16 {
        width: 81.25%
    }
    .grid-item.grid-14-of-16 {
        width: 87.5%
    }
    .grid-item.grid-15-of-16 {
        width: 93.75%
    }
    .grid-item.grid-16-of-16 {
        width: 100%
    }
}

.border {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15)
}

.border-top,
.border-tb,
.border-tl,
.border-tlr,
.border-tr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.15)
}

.border-bottom,
.border-tb,
.border-bl,
.border-blr,
.border-br,
.search-result.image-top,
.component.recirc-list .recirc-article-list,
.component.recirc-list .tile-recirc:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.15)
}

.border-left,
.border-lr,
.border-tl,
.border-tlr,
.border-bl,
.border-blr,
.search-results-pagination .page+.page {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(0, 0, 0, 0.15)
}

.border-right,
.border-lr,
.border-tr,
.border-tlr,
.border-br,
.border-blr {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(0, 0, 0, 0.15)
}

.bottom-rule {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.top-rule {
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.icon {
    border: none;
    background: none;
    line-height: 0;
    display: inline-block
}

.icon.size-24px svg {
    width: 24px;
    height: 24px
}

.icon.size-36px svg {
    width: 36px;
    height: 36px
}

.icon.size-48px svg {
    width: 48px;
    height: 48px
}

.icon.auto-size svg {
    width: auto;
    height: auto
}

@media (min-width: 1024px) {
    .mobile-only .icon {
        display: none
    }
}

.desktop-only .icon {
    display: none
}

@media (min-width: 1024px) {
    .desktop-only .icon {
        display: inline-block
    }
}

.icon-fansided svg {
    height: 18px;
    width: 80px
}

.social-icon.color-light path,
.social-icon.color-light rect,
.social-icon.color-light ellipse,
.social-icon.color-light line,
.social-icon.color-light polyline,
.social-icon.color-light polygon {
    fill: #fff
}

.social-icon.color-gray-1 path,
.social-icon.color-gray-1 rect,
.social-icon.color-gray-1 ellipse,
.social-icon.color-gray-1 line,
.social-icon.color-gray-1 polyline,
.social-icon.color-gray-1 polygon {
    fill: rgba(0, 0, 0, 0.05)
}

.social-icon.color-gray-2 path,
.social-icon.color-gray-2 rect,
.social-icon.color-gray-2 ellipse,
.social-icon.color-gray-2 line,
.social-icon.color-gray-2 polyline,
.social-icon.color-gray-2 polygon {
    fill: rgba(0, 0, 0, 0.15)
}

.social-icon.color-gray-3 path,
.social-icon.color-gray-3 rect,
.social-icon.color-gray-3 ellipse,
.social-icon.color-gray-3 line,
.social-icon.color-gray-3 polyline,
.social-icon.color-gray-3 polygon {
    fill: rgba(0, 0, 0, 0.3)
}

.social-icon.color-gray-4 path,
.social-icon.color-gray-4 rect,
.social-icon.color-gray-4 ellipse,
.social-icon.color-gray-4 line,
.social-icon.color-gray-4 polyline,
.social-icon.color-gray-4 polygon {
    fill: rgba(0, 0, 0, 0.47)
}

.social-icon.color-gray-5 path,
.social-icon.color-gray-5 rect,
.social-icon.color-gray-5 ellipse,
.social-icon.color-gray-5 line,
.social-icon.color-gray-5 polyline,
.social-icon.color-gray-5 polygon {
    fill: rgba(0, 0, 0, 0.65)
}

.social-icon.color-gray-5 path,
.social-icon.color-gray-5 rect,
.social-icon.color-gray-5 ellipse,
.social-icon.color-gray-5 line,
.social-icon.color-gray-5 polyline,
.social-icon.color-gray-5 polygon {
    fill: rgba(0, 0, 0, 0.8)
}

.social-icon.color-dark path,
.social-icon.color-dark rect,
.social-icon.color-dark ellipse,
.social-icon.color-dark line,
.social-icon.color-dark polyline,
.social-icon.color-dark polygon {
    fill: #282f2f
}

.social-icon.color-accent path,
.social-icon.color-accent rect,
.social-icon.color-accent ellipse,
.social-icon.color-accent line,
.social-icon.color-accent polyline,
.social-icon.color-accent polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.social-icon.color-accent-hover path,
.social-icon.color-accent-hover rect,
.social-icon.color-accent-hover ellipse,
.social-icon.color-accent-hover line,
.social-icon.color-accent-hover polyline,
.social-icon.color-accent-hover polygon {
    fill: #1A9EB9
}

.social-icon.color-secondary-accent path,
.social-icon.color-secondary-accent rect,
.social-icon.color-secondary-accent ellipse,
.social-icon.color-secondary-accent line,
.social-icon.color-secondary-accent polyline,
.social-icon.color-secondary-accent polygon {
    fill: #ff0048
}

.social-icon.color-hrule path,
.social-icon.color-hrule rect,
.social-icon.color-hrule ellipse,
.social-icon.color-hrule line,
.social-icon.color-hrule polyline,
.social-icon.color-hrule polygon {
    fill: rgba(0, 0, 0, 0.15)
}

.social-icon.color-ribbon-primary path,
.social-icon.color-ribbon-primary rect,
.social-icon.color-ribbon-primary ellipse,
.social-icon.color-ribbon-primary line,
.social-icon.color-ribbon-primary polyline,
.social-icon.color-ribbon-primary polygon {
    fill: #fff
}

.social-icon.color-ribbon-primary-text path,
.social-icon.color-ribbon-primary-text rect,
.social-icon.color-ribbon-primary-text ellipse,
.social-icon.color-ribbon-primary-text line,
.social-icon.color-ribbon-primary-text polyline,
.social-icon.color-ribbon-primary-text polygon {
    fill: #282f2f
}

.social-icon.color-backdrop path,
.social-icon.color-backdrop rect,
.social-icon.color-backdrop ellipse,
.social-icon.color-backdrop line,
.social-icon.color-backdrop polyline,
.social-icon.color-backdrop polygon {
    fill: #fff
}

.social-icon.color-foreground path,
.social-icon.color-foreground rect,
.social-icon.color-foreground ellipse,
.social-icon.color-foreground line,
.social-icon.color-foreground polyline,
.social-icon.color-foreground polygon {
    fill: #fff
}

.social-icon.color-body-text path,
.social-icon.color-body-text rect,
.social-icon.color-body-text ellipse,
.social-icon.color-body-text line,
.social-icon.color-body-text polyline,
.social-icon.color-body-text polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.social-icon.color-header-text path,
.social-icon.color-header-text rect,
.social-icon.color-header-text ellipse,
.social-icon.color-header-text line,
.social-icon.color-header-text polyline,
.social-icon.color-header-text polygon {
    fill: #282f2f
}

.social-icon.color-auth path,
.social-icon.color-auth rect,
.social-icon.color-auth ellipse,
.social-icon.color-auth line,
.social-icon.color-auth polyline,
.social-icon.color-auth polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.social-icon.color-navigation path,
.social-icon.color-navigation rect,
.social-icon.color-navigation ellipse,
.social-icon.color-navigation line,
.social-icon.color-navigation polyline,
.social-icon.color-navigation polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.social-icon.color-gray-6 path,
.social-icon.color-gray-6 rect,
.social-icon.color-gray-6 ellipse,
.social-icon.color-gray-6 line,
.social-icon.color-gray-6 polyline,
.social-icon.color-gray-6 polygon {
    fill: rgba(0, 0, 0, 0.65)
}

.social-stroke-icon.color-accent g>path:first-child {
    stroke: rgba(0, 0, 0, 0.95)
}

.social-stroke-icon.color-accent g>path:not(:first-child),
.social-stroke-icon.color-accent g>ellipse,
.social-stroke-icon.color-accent g>circle {
    fill: rgba(0, 0, 0, 0.95)
}

.social-stroke-icon.color-dark g>path:first-child {
    stroke: #282f2f
}

.social-stroke-icon.color-dark g>path:not(:first-child),
.social-stroke-icon.color-dark g>ellipse,
.social-stroke-icon.color-dark g>circle {
    fill: #282f2f
}

.utility-icon.color-light path,
.utility-icon.color-light rect,
.utility-icon.color-light ellipse,
.utility-icon.color-light line,
.utility-icon.color-light polyline,
.utility-icon.color-light polygon {
    fill: #fff
}

.utility-icon.color-gray-1 path,
.utility-icon.color-gray-1 rect,
.utility-icon.color-gray-1 ellipse,
.utility-icon.color-gray-1 line,
.utility-icon.color-gray-1 polyline,
.utility-icon.color-gray-1 polygon {
    fill: rgba(0, 0, 0, 0.05)
}

.utility-icon.color-gray-2 path,
.utility-icon.color-gray-2 rect,
.utility-icon.color-gray-2 ellipse,
.utility-icon.color-gray-2 line,
.utility-icon.color-gray-2 polyline,
.utility-icon.color-gray-2 polygon {
    fill: rgba(0, 0, 0, 0.15)
}

.utility-icon.color-gray-3 path,
.utility-icon.color-gray-3 rect,
.utility-icon.color-gray-3 ellipse,
.utility-icon.color-gray-3 line,
.utility-icon.color-gray-3 polyline,
.utility-icon.color-gray-3 polygon {
    fill: rgba(0, 0, 0, 0.3)
}

.utility-icon.color-gray-4 path,
.utility-icon.color-gray-4 rect,
.utility-icon.color-gray-4 ellipse,
.utility-icon.color-gray-4 line,
.utility-icon.color-gray-4 polyline,
.utility-icon.color-gray-4 polygon {
    fill: rgba(0, 0, 0, 0.47)
}

.utility-icon.color-gray-5 path,
.utility-icon.color-gray-5 rect,
.utility-icon.color-gray-5 ellipse,
.utility-icon.color-gray-5 line,
.utility-icon.color-gray-5 polyline,
.utility-icon.color-gray-5 polygon {
    fill: rgba(0, 0, 0, 0.65)
}

.utility-icon.color-gray-5 path,
.utility-icon.color-gray-5 rect,
.utility-icon.color-gray-5 ellipse,
.utility-icon.color-gray-5 line,
.utility-icon.color-gray-5 polyline,
.utility-icon.color-gray-5 polygon {
    fill: rgba(0, 0, 0, 0.8)
}

.utility-icon.color-dark path,
.utility-icon.color-dark rect,
.utility-icon.color-dark ellipse,
.utility-icon.color-dark line,
.utility-icon.color-dark polyline,
.utility-icon.color-dark polygon {
    fill: #282f2f
}

.utility-icon.color-accent path,
.utility-icon.color-accent rect,
.utility-icon.color-accent ellipse,
.utility-icon.color-accent line,
.utility-icon.color-accent polyline,
.utility-icon.color-accent polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.utility-icon.color-accent-hover path,
.utility-icon.color-accent-hover rect,
.utility-icon.color-accent-hover ellipse,
.utility-icon.color-accent-hover line,
.utility-icon.color-accent-hover polyline,
.utility-icon.color-accent-hover polygon {
    fill: #1A9EB9
}

.utility-icon.color-secondary-accent path,
.utility-icon.color-secondary-accent rect,
.utility-icon.color-secondary-accent ellipse,
.utility-icon.color-secondary-accent line,
.utility-icon.color-secondary-accent polyline,
.utility-icon.color-secondary-accent polygon {
    fill: #ff0048
}

.utility-icon.color-hrule path,
.utility-icon.color-hrule rect,
.utility-icon.color-hrule ellipse,
.utility-icon.color-hrule line,
.utility-icon.color-hrule polyline,
.utility-icon.color-hrule polygon {
    fill: rgba(0, 0, 0, 0.15)
}

.utility-icon.color-ribbon-primary path,
.utility-icon.color-ribbon-primary rect,
.utility-icon.color-ribbon-primary ellipse,
.utility-icon.color-ribbon-primary line,
.utility-icon.color-ribbon-primary polyline,
.utility-icon.color-ribbon-primary polygon {
    fill: #fff
}

.utility-icon.color-ribbon-primary-text path,
.utility-icon.color-ribbon-primary-text rect,
.utility-icon.color-ribbon-primary-text ellipse,
.utility-icon.color-ribbon-primary-text line,
.utility-icon.color-ribbon-primary-text polyline,
.utility-icon.color-ribbon-primary-text polygon {
    fill: #282f2f
}

.utility-icon.color-backdrop path,
.utility-icon.color-backdrop rect,
.utility-icon.color-backdrop ellipse,
.utility-icon.color-backdrop line,
.utility-icon.color-backdrop polyline,
.utility-icon.color-backdrop polygon {
    fill: #fff
}

.utility-icon.color-foreground path,
.utility-icon.color-foreground rect,
.utility-icon.color-foreground ellipse,
.utility-icon.color-foreground line,
.utility-icon.color-foreground polyline,
.utility-icon.color-foreground polygon {
    fill: #fff
}

.utility-icon.color-body-text path,
.utility-icon.color-body-text rect,
.utility-icon.color-body-text ellipse,
.utility-icon.color-body-text line,
.utility-icon.color-body-text polyline,
.utility-icon.color-body-text polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.utility-icon.color-header-text path,
.utility-icon.color-header-text rect,
.utility-icon.color-header-text ellipse,
.utility-icon.color-header-text line,
.utility-icon.color-header-text polyline,
.utility-icon.color-header-text polygon {
    fill: #282f2f
}

.utility-icon.color-auth path,
.utility-icon.color-auth rect,
.utility-icon.color-auth ellipse,
.utility-icon.color-auth line,
.utility-icon.color-auth polyline,
.utility-icon.color-auth polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.utility-icon.color-navigation path,
.utility-icon.color-navigation rect,
.utility-icon.color-navigation ellipse,
.utility-icon.color-navigation line,
.utility-icon.color-navigation polyline,
.utility-icon.color-navigation polygon {
    fill: rgba(0, 0, 0, 0.95)
}

.utility-icon.color-gray-6 path,
.utility-icon.color-gray-6 rect,
.utility-icon.color-gray-6 ellipse,
.utility-icon.color-gray-6 line,
.utility-icon.color-gray-6 polyline,
.utility-icon.color-gray-6 polygon {
    fill: rgba(0, 0, 0, 0.65)
}

.icon-pinterest:hover path {
    fill: #f3f3f2
}

.image-flair .mobile-only .icon-camera-square-solid g circle {
    fill: rgba(0, 0, 0, 0.95)
}

.image-flair .mobile-only .icon-camera-square-solid g path {
    fill: #fff
}

[class*="icon-print"] .icon-stroke,
[class*="icon-email"] .icon-stroke {
    stroke: rgba(0, 0, 0, 0.65)
}

[class*="icon-print"] .icon-fill,
[class*="icon-email"] .icon-fill {
    fill: rgba(0, 0, 0, 0.65)
}

[class*="icon-print"]:hover .icon-stroke,
[class*="icon-email"]:hover .icon-stroke {
    stroke: rgba(0, 0, 0, 0.3)
}

[class*="icon-print"]:hover .icon-fill,
[class*="icon-email"]:hover .icon-fill {
    fill: rgba(0, 0, 0, 0.3)
}

.icon-facebook-circle-solid path:first-child {
    fill: #3B5998
}

.icon-facebook-circle-solid:hover path:first-child {
    fill: #253d70
}

.icon-twitter-circle-solid path:first-child {
    fill: #1DA1F2
}

.icon-twitter-circle-solid:hover path:first-child {
    fill: #1091E0
}

.icon-instagram-circle-solid path:first-child {
    fill: #b900b4
}

.icon-instagram-circle-solid:hover path:first-child {
    fill: #9B0096
}

.icon-pinterest-circle-solid path:first-child {
    fill: #bd071d
}

.icon-favorite-circle-solid path:first-child {
    fill: #f9f7f0
}

.icon-pinterest-circle-solid:hover path:first-child {
    fill: #9C0618
}

.icon-linkedin-circle-solid path:first-child {
    fill: #0177b5
}

.icon-linkedin-circle-solid:hover path:first-child {
    fill: #026193
}

.icon-website-circle-solid path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.icon-website-circle-solid:hover path:first-child {
    fill: rgba(0, 0, 0, 0.3)
}

.icon-youtube-circle-solid path:first-child {
    fill: #bd071d
}

.icon-youtube-circle-solid:hover path:first-child {
    fill: #E10101
}

.icon-reddit-circle-solid path:first-child {
    fill: #ff4500
}

.icon-reddit-circle-solid:hover path:first-child {
    fill: #E13D00
}

.icon-googleplus-circle-solid path:first-child {
    fill: #e0483a
}

.icon-googleplus-circle-solid:hover path:first-child {
    fill: #C43D30
}

.icon-tumblr-circle-solid path:first-child {
    fill: #34465d
}

.icon-tumblr-circle-solid:hover path:first-child {
    fill: #233042
}

.icon-whatsapp-circle-solid path:first-child {
    fill: #25d366
}

.icon-whatsapp-circle-solid:hover path:first-child {
    fill: #199c4a
}

.icon-snapchat-circle-solid path:first-child {
    fill: #fffb01
}

.icon-snapchat-circle-solid:hover path:first-child {
    fill: #ffda2b
}

img.icon-pinterest-circle-solid:hover {
    opacity: 0.9
}

[class*="icon-print"] {
    display: none
}

@media (min-width: 768px) {
    [class*="icon-print"] {
        display: block
    }
}

.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.display-flex,
.search-results-container,
body>.facet-menu-options .options-container,
.search-result.image-top,
.search-results-pagination {
    display: flex
}

.flex-vertically-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.partial.headshot,
.component.headshot {
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    overflow: hidden
}

.partial.headshot img,
.component.headshot img {
    width: 100%
}

.partial.headshot img.missing,
.component.headshot img.missing {
    width: auto;
    margin-left: 4px;
    height: 26px;
    margin-top: 10px
}

.partial.headshot.medium,
.component.headshot.medium {
    width: 72px;
    height: 72px
}

.partial.headshot.medium img.missing,
.component.headshot.medium img.missing {
    height: 72px;
    width: 72px;
    margin-left: 0;
    margin-top: 6px
}

@media (min-width: 768px) {
    .partial.headshot.reporter,
    .component.headshot.reporter {
        width: 104px;
        height: 104px
    }
    .partial.headshot.reporter img.missing,
    .component.headshot.reporter img.missing {
        height: 104px;
        margin-left: 9px
    }
}

.partial.headshot.pitcher,
.partial.headshot.roster-player,
.component.headshot.pitcher,
.component.headshot.roster-player {
    position: relative;
    width: 42px;
    height: 42px
}

.partial.headshot.pitcher img,
.partial.headshot.roster-player img,
.component.headshot.pitcher img,
.component.headshot.roster-player img {
    width: initial;
    max-width: 49px;
    position: absolute;
    top: 3px;
    left: -3px
}

.partial.headshot.extra-large-roster-player,
.component.headshot.extra-large-roster-player {
    position: relative;
    width: 100px;
    height: 100px
}

.partial.headshot.extra-large-roster-player img,
.component.headshot.extra-large-roster-player img {
    width: initial;
    max-width: 100px;
    position: absolute;
    top: 3px;
    left: -3px
}

.partial.headshot.extra-large-roster-player img.missing,
.component.headshot.extra-large-roster-player img.missing {
    height: 72px;
    width: 72px;
    margin-left: 14px;
    margin-top: 18px
}

.partial.list-item,
.component.list-item {
    position: relative
}

.partial.list-item .media-img,
.component.list-item .media-img {
    width: 100px;
    height: 100px;
    margin-right: 0
}

.partial.list-item .small-flair,
.partial.list-item .medium-flair,
.component.list-item .small-flair,
.component.list-item .medium-flair {
    position: absolute;
    bottom: 0;
    left: 0
}

.partial.list-item .small-flair,
.component.list-item .small-flair {
    display: none
}

@media (min-width: 1024px) {
    .partial.list-item.xl,
    .component.list-item.xl {
        min-height: 112px
    }
    .partial.list-item.xl .media-img,
    .component.list-item.xl .media-img {
        width: 112px;
        height: 112px
    }
}

.partial.list-item.list-item-vertical,
.component.list-item.list-item-vertical {
    display: inline-table;
    align-items: stretch
}

.partial.reporter-list-item,
.component.reporter-list-item {
    position: relative;
    overflow: hidden
}

.partial.tile .media-img,
.partial.list-item .media-img,
.partial.list-item.xl .media-img,
.component.tile .media-img,
.component.list-item .media-img,
.component.list-item.xl .media-img {
    position: relative
}

.partial.tile .missing-image img,
.partial.list-item .missing-image img,
.partial.list-item.xl .missing-image img,
.component.tile .missing-image img,
.component.list-item .missing-image img,
.component.list-item.xl .missing-image img {
    max-width: 100%;
    width: 100%;
    display: block
}

.partial.tile .missing-image span.icon,
.partial.list-item .missing-image span.icon,
.partial.list-item.xl .missing-image span.icon,
.component.tile .missing-image span.icon,
.component.list-item .missing-image span.icon,
.component.list-item.xl .missing-image span.icon {
    position: absolute;
    bottom: 0
}

.partial.tile .image-flair,
.partial.list-item .image-flair,
.partial.list-item.xl .image-flair,
.component.tile .image-flair,
.component.list-item .image-flair,
.component.list-item.xl .image-flair {
    margin: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex
}

@media (min-width: 768px) {
    .partial.tile .image-flair,
    .partial.list-item .image-flair,
    .partial.list-item.xl .image-flair,
    .component.tile .image-flair,
    .component.list-item .image-flair,
    .component.list-item.xl .image-flair {
        margin: 0
    }
}

.partial.tile .image-flair .duration,
.partial.list-item .image-flair .duration,
.partial.list-item.xl .image-flair .duration,
.component.tile .image-flair .duration,
.component.list-item .image-flair .duration,
.component.list-item.xl .image-flair .duration {
    color: #fff;
    background: rgba(40, 47, 47, 0.8);
    padding: 6px 8px
}

.partial.tile.list-item .image-flair,
.partial.list-item.list-item .image-flair,
.partial.list-item.xl.list-item .image-flair,
.component.tile.list-item .image-flair,
.component.list-item.list-item .image-flair,
.component.list-item.xl.list-item .image-flair {
    margin: 0
}

.partial.tile .external-logo,
.partial.list-item .external-logo,
.partial.list-item.xl .external-logo,
.component.tile .external-logo,
.component.list-item .external-logo,
.component.list-item.xl .external-logo {
    position: absolute;
    max-width: 40px;
    max-height: 40px;
    left: 0;
    bottom: 0
}

.partial.tile .external-logo img,
.partial.list-item .external-logo img,
.partial.list-item.xl .external-logo img,
.component.tile .external-logo img,
.component.list-item .external-logo img,
.component.list-item.xl .external-logo img {
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 360px) {
    .partial.tile .mobile-only,
    .partial.list-item .mobile-only,
    .partial.list-item.xl .mobile-only,
    .component.tile .mobile-only,
    .component.list-item .mobile-only,
    .component.list-item.xl .mobile-only {
        display: block
    }
    .partial.tile .tablet-only,
    .partial.list-item .tablet-only,
    .partial.list-item.xl .tablet-only,
    .component.tile .tablet-only,
    .component.list-item .tablet-only,
    .component.list-item.xl .tablet-only {
        display: none
    }
    .partial.tile .desktop-only,
    .partial.list-item .desktop-only,
    .partial.list-item.xl .desktop-only,
    .component.tile .desktop-only,
    .component.list-item .desktop-only,
    .component.list-item.xl .desktop-only {
        display: none
    }
}

@media (min-width: 360px) {
    .partial.tile .mobile-only,
    .partial.list-item .mobile-only,
    .partial.list-item.xl .mobile-only,
    .component.tile .mobile-only,
    .component.list-item .mobile-only,
    .component.list-item.xl .mobile-only {
        display: block
    }
    .partial.tile .tablet-only,
    .partial.list-item .tablet-only,
    .partial.list-item.xl .tablet-only,
    .component.tile .tablet-only,
    .component.list-item .tablet-only,
    .component.list-item.xl .tablet-only {
        display: none
    }
    .partial.tile .desktop-only,
    .partial.list-item .desktop-only,
    .partial.list-item.xl .desktop-only,
    .component.tile .desktop-only,
    .component.list-item .desktop-only,
    .component.list-item.xl .desktop-only {
        display: none
    }
}

@media (min-width: 768px) {
    .partial.tile .mobile-only,
    .partial.list-item .mobile-only,
    .partial.list-item.xl .mobile-only,
    .component.tile .mobile-only,
    .component.list-item .mobile-only,
    .component.list-item.xl .mobile-only {
        display: none
    }
    .partial.tile .tablet-only,
    .partial.list-item .tablet-only,
    .partial.list-item.xl .tablet-only,
    .component.tile .tablet-only,
    .component.list-item .tablet-only,
    .component.list-item.xl .tablet-only {
        display: block
    }
    .partial.tile .desktop-only,
    .partial.list-item .desktop-only,
    .partial.list-item.xl .desktop-only,
    .component.tile .desktop-only,
    .component.list-item .desktop-only,
    .component.list-item.xl .desktop-only {
        display: none
    }
}

@media (min-width: 1024px) {
    .partial.tile .tablet-only,
    .partial.list-item .tablet-only,
    .partial.list-item.xl .tablet-only,
    .component.tile .tablet-only,
    .component.list-item .tablet-only,
    .component.list-item.xl .tablet-only {
        display: none
    }
    .partial.tile .desktop-only,
    .partial.list-item .desktop-only,
    .partial.list-item.xl .desktop-only,
    .component.tile .desktop-only,
    .component.list-item .desktop-only,
    .component.list-item.xl .desktop-only {
        display: block
    }
}

.partial.tout,
.component.tout {
    text-align: center;
    margin: 0 auto
}

.partial.tout h3,
.component.tout h3 {
    margin-top: 0;
    margin-bottom: 12px
}

.partial.tout .tout-content,
.component.tout .tout-content {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 20px
}

.partial.tout button,
.partial.tout .button-style,
.component.tout button,
.component.tout .button-style {
    border: none;
    background: none;
    color: rgba(0, 0, 0, 0.95);
    white-space: nowrap;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    color: inherit
}

.partial.tout button a,
.partial.tout .button-style a,
.component.tout button a,
.component.tout .button-style a {
    border: 2px solid rgba(0, 0, 0, 0.95);
    border-radius: 3px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 10px 12px;
    transition: all 0.1s ease-in-out;
    color: inherit
}

.partial.tout button a:hover,
.partial.tout .button-style a:hover,
.component.tout button a:hover,
.component.tout .button-style a:hover {
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

.partial.shop-it-button,
.component.shop-it-button {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    overflow: visible
}

.partial.shop-it-button .price,
.component.shop-it-button .price {
    color: rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-weight: 400
}

.partial.shop-it-button .price.after-headline,
.component.shop-it-button .price.after-headline {
    margin-top: 0
}

.partial.shop-it-button:not(.gallery) .price,
.component.shop-it-button:not(.gallery) .price {
    margin-top: 32px
}

.partial.shop-it-button .retailer a,
.component.shop-it-button .retailer a {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.partial.shop-it-button .retailer a:visited,
.component.shop-it-button .retailer a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.partial.shop-it-button .retailer a:hover,
.component.shop-it-button .retailer a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.partial.shop-it-button .price,
.partial.shop-it-button .retailer-brand,
.component.shop-it-button .price,
.component.shop-it-button .retailer-brand {
    display: block
}

.partial.shop-it-button .shop-it,
.component.shop-it-button .shop-it {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: block;
    margin: 8px 4px 0;
    white-space: nowrap;
    width: 130px
}

.partial.shop-it-button .shop-it:focus,
.component.shop-it-button .shop-it:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.shop-it-button .shop-it:active,
.component.shop-it-button .shop-it:active {
    opacity: .8
}

.partial.shop-it-button .shop-it:focus,
.component.shop-it-button .shop-it:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.shop-it-button .shop-it:active,
.component.shop-it-button .shop-it:active {
    opacity: .8
}

.partial.shop-it-button .shop-it:visited,
.component.shop-it-button .shop-it:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.partial.shop-it-button .shop-it:hover,
.partial.shop-it-button .shop-it:active,
.partial.shop-it-button .shop-it:focus,
.component.shop-it-button .shop-it:hover,
.component.shop-it-button .shop-it:active,
.component.shop-it-button .shop-it:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.partial.shop-it-button .external-message,
.component.shop-it-button .external-message {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.tile .recipe-attribution,
.component.tile .recipe-attribution {
    text-transform: uppercase;
    font-size: 11px
}

.partial.tile .recipe-attribution-prefix,
.component.tile .recipe-attribution-prefix {
    color: rgba(0, 0, 0, 0.3)
}

.partial.tile .recipe-attribution-branding,
.component.tile .recipe-attribution-branding {
    font-weight: 700;
    white-space: nowrap
}

.partial.ecommerce .ecommerce-info,
.component.ecommerce .ecommerce-info {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    letter-spacing: .5px;
    color: #f9f7f0;
    font-weight: 700
}

.partial.ecommerce .ecommerce-info a,
.component.ecommerce .ecommerce-info a {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit
}

.partial.ecommerce .ecommerce-info a:visited,
.component.ecommerce .ecommerce-info a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.partial.ecommerce .ecommerce-info a:hover,
.component.ecommerce .ecommerce-info a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.partial.ecommerce .ecommerce-button-outer,
.component.ecommerce .ecommerce-button-outer {
    margin-top: 28px
}

.partial.ecommerce .ecommerce-button-outer .ecommerce-button,
.component.ecommerce .ecommerce-button-outer .ecommerce-button {
    border: 2px solid #ff0048;
    font-family: "Noto Serif", serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    color: #282f2f;
    padding: 12px 16px
}

.partial.ecommerce .ecommerce-button-outer .ecommerce-button:hover,
.component.ecommerce .ecommerce-button-outer .ecommerce-button:hover {
    background-color: #f9f7f0;
    color: #fff
}

.list-item-vertical-5-across .partial.list-item-vertical {
    width: calc(20% - 8px)
}

.image-flair-color-twitter-blue .image-flair .play-icon-bg {
    fill: #1DA1F2 !important
}

.author-block {
    display: flex;
    align-items: center
}

.author-block .component.profile-pic,
.author-block .author-link {
    margin-right: 10px;
    margin-left: 0
}

.author-block .profile-pic img {
    width: 48px;
    height: 48px
}

.author-block .author-name-title {
    flex: none
}

.svg-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.external-link-warning {
    display: block
}

.external-link-warning .external-message {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden
}

.external-link-warning:hover,
.external-link-warning:visited,
.external-link-warning:active,
.external-link-warning:focus {
    z-index: 2;
    display: block
}

.external-link-warning .external-message {
    border: 1px solid #fbd9ce;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.95)
}

.external-link-warning:hover,
.external-link-warning:visited,
.external-link-warning:active,
.external-link-warning:focus {
    z-index: 2
}

.external-link-warning:hover .external-message,
.external-link-warning:visited .external-message,
.external-link-warning:active .external-message,
.external-link-warning:focus .external-message {
    position: absolute;
    top: 44px;
    left: 135px
}

.external-link-warning .external-message {
    z-index: 100;
    width: 150px;
    background-color: #fff
}

.external-link-warning .external-link-icon svg {
    margin-bottom: -8px
}

@media (min-width: 768px) {
    .article-info .headline-wrapper {
        display: flex;
        align-items: center
    }
}

.icon-hexagon {
    -webkit-filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.3))
}

.icon-hexagon__hexagon {
    fill: #FCE93B;
    stroke: #FCE93B;
    stroke-width: 1px;
    stroke-linejoin: round
}

.icon-hexagon__text {
    fill: rgba(0, 0, 0, 0.95);
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 26px;
    font-weight: 700
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    .recipe {
        margin: 0 !important
    }
    nav.main {
        text-align: right !important;
        position: absolute !important;
        margin-top: 12px !important
    }
    nav.main .subcontainer {
        margin-right: 12px !important;
        padding-right: 0 !important
    }
    nav.main.full-size-nav-enabled .subcontainer {
        overflow: visible !important
    }
    nav.main .primary-links,
    nav.main .search-container,
    nav.main .menu {
        display: none !important
    }
    nav.main .logo {
        width: 100%;
        margin: 16px -16px !important
    }
    nav.main.full-size-nav-enabled .full-logo,
    nav.main .full-logo.desktop-only {
        display: block !important
    }
    nav.main.full-size-nav-enabled .logo.tall-only .full-logo,
    nav.main .full-logo.mobile-only {
        display: none !important
    }
    nav.main.full-size-nav-enabled .logo.short-only {
        opacity: 1
    }
    .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
        display: none !important
    }
    .grid-item.grid-4-of-16 {
        width: 40% !important
    }
    .grid-item.grid-7-of-16 {
        width: 60% !important
    }
    .partial.recipe-ingredients {
        padding-top: 0 !important
    }
    .partial.recipe-ingredients h3 {
        margin-bottom: 0 !important
    }
    .recipe-instructions h3 {
        margin-bottom: 0 !important
    }
    .recipe-content .recipe-header {
        width: 72% !important
    }
    .recipe-content .recipe-top {
        display: block !important
    }
    .recipe-content .article-info {
        padding-top: 0 !important
    }
    .recipe-content .credit {
        padding: 0 !important
    }
    .container-full-width {
        padding: 0 !important
    }
    .grid-item {
        float: left
    }
    .grid-item.grid-1-of-8 {
        width: 12.5%
    }
    .grid-item.grid-2-of-8 {
        width: 25%
    }
    .grid-item.grid-3-of-8 {
        width: 37.5%
    }
    .grid-item.grid-4-of-8 {
        width: 50%
    }
    .grid-item.grid-5-of-8 {
        width: 62.5%
    }
    .grid-item.grid-6-of-8 {
        width: 75%
    }
    .grid-item.grid-7-of-8 {
        width: 87.5%
    }
    .grid-item.grid-8-of-8 {
        width: 100%
    }
    .component.expander .expander-inner {
        max-height: none !important;
        overflow: auto !important
    }
    .component.expander .expander-inner:after {
        display: none !important
    }
    .component.expander .expander-inner p {
        margin: 0;
        font-size: 14px !important;
        line-height: 1.5 !important
    }
    .component.video {
        display: none !important
    }
    .template.recipe {
        line-height: 1.5 !important
    }
    .template.recipe .recipe-content {
        width: 100% !important
    }
    .template.recipe .recipe-top {
        max-width: none;
        margin: 24px 0 0 12px !important
    }
    .template.recipe .heading-content {
        text-align: left
    }
    .template.recipe .headline {
        font-size: 24px !important;
        max-width: 500px
    }
    .template.recipe .lead-media {
        max-height: 212px !important
    }
    .template.recipe .image-container {
        display: none
    }
    .template.recipe .recipe-review-container {
        display: none
    }
    .template.recipe .recipe-meta-container {
        text-align: left !important;
        border-bottom: 1px solid;
        border-top: 1px solid rgba(0, 0, 0, 0.95);
        padding: 12px 0 !important;
        margin-top: 0 !important;
        margin-right: 24px !important
    }
    .template.recipe .recipe-meta-item {
        display: inline !important;
        float: left !important;
        width: auto !important;
        margin-right: 12px
    }
    .template.recipe .recipe-meta-item .recipe-meta-item-header {
        font-size: 12px;
        width: 100%;
        text-align: left
    }
    .template.recipe .recipe-meta-item .recipe-meta-item-body {
        font-size: 14px;
        float: left
    }
    .template.recipe .recipe-summary {
        margin-top: 12px !important
    }
    .template.recipe .recipe-ingredients-instructions {
        padding-top: 12px !important
    }
    .template.recipe .recipe-ingredients-instructions .sidebar {
        width: 40% !important
    }
    .template.recipe .recipe-ingredients-instructions .recipe-steps {
        width: 60% !important;
        margin-left: 0 !important;
        padding-left: 0 !important
    }
    .template.recipe .recipe-ingredients-instructions .recipe-steps .title-text {
        font-size: 16px !important
    }
    .template.recipe .previous-magazine-dates {
        margin-left: 16px !important
    }
    .template.recipe .recipe-author-date-attribution {
        text-align: left !important;
        padding: 0 !important
    }
    .template.recipe .recipe-author-date-attribution .recipe-by {
        display: none !important
    }
    .template.recipe .recipe-author-date-attribution br {
        display: none !important
    }
    .template.recipe .recipe-author-date-attribution .recipe-author:after,
    .template.recipe .recipe-author-date-attribution .recipe-date:after {
        content: ' | '
    }
    .template.recipe .recipe-author-date-attribution .recipe-author:last-child:after,
    .template.recipe .recipe-author-date-attribution .recipe-date:last-child:after {
        content: ''
    }
    .under-nav,
    .bottom-recirc,
    .separator-line,
    .above-footer,
    #footer-gum-gum,
    #page-segment-values,
    #ratings-reviews,
    .ratings-reviews,
    .sppre_ticker,
    .spot-im-stars-rating-module,
    .spot-im-frame-inpage,
    .chicory-order-ingredients {
        display: none !important
    }
    .partial.recipe-ingredients h2 {
        font-size: 16px !important;
        margin-bottom: 16px !important
    }
    .partial.recipe-ingredients .ingredients ul {
        margin-bottom: 24px !important
    }
    .partial.recipe-ingredients .ingredients ul li {
        padding: 4px 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important
    }
    .partial.recipe-ingredients .ingredients ul li:last-child {
        border-bottom: 0
    }
    .recipe-instructions {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 16px !important;
        margin-right: 16px !important
    }
    .recipe-instructions h2,
    .recipe-instructions h3,
    .recipe-instructions h4 {
        font-size: 16px !important;
        margin-bottom: 16px !important
    }
    .recipe-instructions .step {
        margin-top: 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        letter-spacing: .5px !important
    }
    .recipe-instructions .step p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        letter-spacing: .5px !important;
        margin-bottom: 16px !important;
        display: inline
    }
    .recipe-instructions .step .title-text {
        display: inline !important;
        margin-right: 8px !important
    }
    .recipe-nutrition-dropdown {
        border: 1px solid #000;
        padding: 8px !important;
        float: left
    }
    .recipe-nutrition-dropdown .content {
        display: block !important
    }
    .recipe-nutrition-dropdown .accordion-arrow {
        display: none !important
    }
    .recipe-nutrition-dropdown .heading h3 {
        text-align: left !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important
    }
    .recipe-nutrition-dropdown .recipe-nutrition ul li {
        border-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        padding: 0 !important;
        width: auto !important;
        float: left
    }
    .recipe-nutrition-dropdown .recipe-nutrition ul li:after {
        content: ',';
        margin-right: 2px
    }
    .recipe-nutrition-dropdown .recipe-nutrition ul li:last-child:after {
        content: '.'
    }
    footer,
    .build-a-meal,
    .component.feed,
    .component.outbrain,
    .component.breadcrumbs,
    .ad-wrapper,
    .teads-inread,
    .image.inline,
    .expander-button,
    .share,
    .icon-search,
    .tags,
    .recirculation-wrapper,
    .oembed,
    .docked-sharebar,
    .docked-sharebar-docking-container,
    .ugc-comments-content-container,
    .component.disqus-comments,
    .gallery-content,
    .gallery,
    .feed,
    .inline-article,
    .links-list,
    .footer-test,
    .divider-wrapper,
    .menu,
    .menu-subscribe,
    .icon,
    .logo,
    .sticky-action-bar,
    .project-callout-wrapper-video,
    .menu-subscribe,
    .article-right-rail.two-col-right-rail.sidebar-item,
    .main-new,
    .component.video,
    .autoAdvancePrintStyle,
    .karma-auto-advance-placeholder,
    .auto-advance-segment-values,
    .component.navigation-test,
    .primary-bylines.byline-section {
        display: none !important
    }
}

.input-label {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase
}

.standard-input {
    border: none;
    border-bottom: 1px solid #282f2f;
    margin-bottom: 16px;
    width: 100%;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 20px;
    padding-bottom: 5px
}

.standard-input:focus {
    outline: none
}

.standard-input.tight-bottom {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .standard-input.tight-bottom {
        margin-bottom: 0
    }
}

.standard-input::-webkit-input-placeholder {
    text-align: left
}

.standard-input::-moz-placeholder {
    text-align: left
}

.standard-input:-ms-input-placeholder {
    text-align: left
}

.standard-input::-ms-input-placeholder {
    text-align: left
}

.standard-input::placeholder {
    text-align: left
}

.search-results .standard-input,
main.writers .standard-input {
    background-color: rgba(0, 0, 0, 0)
}

input[type=checkbox].standard {
    display: none
}

input[type=checkbox].standard+label {
    display: inline-block;
    margin-left: 24px;
    cursor: pointer
}

input[type=checkbox].standard+label:before {
    content: ' ';
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    float: left;
    margin-left: -24px;
    width: 15px;
    height: 15px;
    vertical-align: top
}

input[type=checkbox].standard:checked+label:before {
    background: rgba(0, 0, 0, 0.95);
    background-image: url("../img/icons/checkmark.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%
}

.partial.header-banner,
.component.banner {
    font-family: "Libre Franklin", sans-serif;
    padding: 0;
    position: relative;
    margin: 24px 0
}

.partial.header-banner .image-banner,
.component.banner .image-banner {
    max-width: 100%;
    margin: 0 auto
}

.partial.header-banner .image-banner .full-width,
.component.banner .image-banner .full-width {
    min-height: 160px
}

.partial.header-banner .image-banner.mobile-only,
.component.banner .image-banner.mobile-only {
    display: block
}

.partial.header-banner .ad-container.type-120x60,
.component.banner .ad-container.type-120x60 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.partial.header-banner .lead-headline,
.component.banner .lead-headline {
    text-align: center;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 48px;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 300;
    text-transform: capitalize;
    color: #282f2f;
    letter-spacing: 0
}

.partial.header-banner .lead-subtitle,
.component.banner .lead-subtitle {
    text-align: center;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 0 8px;
    color: #282f2f
}

@media (min-width: 1024px) {
    .partial.header-banner .lead-subtitle,
    .component.banner .lead-subtitle {
        margin: 0 48px
    }
}

.partial.header-banner .sponsor-banner,
.component.banner .sponsor-banner {
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 32px 0;
    position: relative
}

.partial.header-banner .sponsor-banner>section,
.component.banner .sponsor-banner>section {
    position: relative
}

.partial.header-banner .sponsor-banner:before,
.component.banner .sponsor-banner:before {
    content: "";
    background-color: rgba(40, 47, 47, 0.4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.partial.header-banner .sponsor-banner .lead-headline,
.component.banner .sponsor-banner .lead-headline {
    color: #fff
}

.partial.header-banner .sponsor-banner .lead-subtitle,
.component.banner .sponsor-banner .lead-subtitle {
    color: #fff
}

.partial.header-banner .sponsor-banner .sponsor,
.component.banner .sponsor-banner .sponsor {
    font-size: 12px;
    letter-spacing: 0
}

.partial.header-banner .image-banner+.package-image-headline,
.component.banner .image-banner+.package-image-headline {
    position: absolute;
    background: transparent;
    top: 10px
}

.partial.header-banner .image-banner+.package-image-headline .lead-headline,
.component.banner .image-banner+.package-image-headline .lead-headline {
    color: #fff
}

.partial.header-banner .image-banner+.package-image-headline .lead-subtitle,
.component.banner .image-banner+.package-image-headline .lead-subtitle {
    color: #fff
}

.partial.header-banner .package-image-headline,
.component.banner .package-image-headline {
    max-width: 100%;
    margin: 0 auto;
    padding: 0
}

@media (min-width: 1024px) {
    .partial.header-banner .image-banner,
    .component.banner .image-banner {
        max-height: initial
    }
    .partial.header-banner .image-banner.mobile-only,
    .component.banner .image-banner.mobile-only {
        display: none
    }
    .partial.header-banner.sinow,
    .partial.header-banner.mma,
    .component.banner.sinow,
    .component.banner.mma {
        max-width: 1400px
    }
}

.component.banner {
    margin-bottom: 0
}

.component.banner.has-image-text {
    overflow: hidden;
    background-color: rgba(40, 47, 47, 0.4);
    margin-top: 0;
    margin-bottom: 24px
}

.component.banner.has-image-text .banner-text {
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
    background: transparent;
    z-index: 200
}

.component.banner.has-image-text .banner-text .lead-headline,
.component.banner.has-image-text .banner-text .lead-subtitle,
.component.banner.has-image-text .banner-text .banner-sponsor-prefix {
    color: #fff
}

.component.banner.has-image-text .banner-text .breadcrumbs a {
    color: #fff
}

.component.banner.has-image-text .banner-text .breadcrumbs a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.component.banner.has-image-text .banner-text .breadcrumbs li::after {
    background-color: #fff
}

.component.banner.has-image-text .banner-image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.component.banner.has-image-text .banner-image .lazy-image,
.component.banner.has-image-text .banner-image .inner-container {
    height: 100%
}

.component.banner.has-image-text .banner-image img {
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    width: auto
}

@media (min-width: 1024px) {
    .component.banner.has-image-text .banner-image img {
        width: 100%
    }
}

.component.banner.has-image-text .banner-image:after {
    content: '';
    background-color: rgba(40, 47, 47, 0.4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 100
}

.component.banner .lead-subtitle {
    max-width: 832px;
    margin: 0 auto;
    padding: 0 16px;
    line-height: 28px
}

.component.banner .lead-subtitle p {
    margin: 0;
    font-size: 16px
}

.component.banner .breadcrumbs {
    margin-bottom: 8px
}

.component.banner .banner-image img {
    width: auto;
    margin: 0 auto
}

.component.banner .banner-text {
    padding-top: 0;
    padding-bottom: 24px;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .component.banner .banner-text {
        padding-bottom: 0
    }
}

.component.banner .banner-text .expander-inner {
    max-height: 84px
}

.component.banner .banner-text .expander-inner:after {
    box-shadow: none;
    background: transparent
}

.component.banner .component.lazy-image.no-scale.rendered {
    padding-bottom: 0
}

.component.banner .component.lazy-image.no-scale.rendered img {
    position: relative
}

.component.banner .banner-sponsor {
    text-align: center;
    font-size: 12px;
    max-width: 200px;
    margin: 0 auto
}

.component.banner .banner-sponsor img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width: 1024px) {
    .component.banner .banner-sponsor-left,
    .component.banner .banner-sponsor-right {
        position: relative
    }
    .component.banner .banner-sponsor-left .lead-headline,
    .component.banner .banner-sponsor-left .lead-subtitle,
    .component.banner .banner-sponsor-left .breadcrumbs,
    .component.banner .banner-sponsor-right .lead-headline,
    .component.banner .banner-sponsor-right .lead-subtitle,
    .component.banner .banner-sponsor-right .breadcrumbs {
        margin-left: 216px;
        margin-right: 216px
    }
    .component.banner .banner-sponsor-left .banner-sponsor,
    .component.banner .banner-sponsor-right .banner-sponsor {
        position: absolute;
        top: 32px
    }
    .component.banner .banner-sponsor-left .banner-sponsor {
        left: 16px
    }
    .component.banner .banner-sponsor-right .banner-sponsor {
        right: 16px
    }
}

.component.promo-banner {
    font-family: "Libre Franklin", sans-serif;
    padding: 0;
    position: relative;
    margin: 24px 0;
    background-color: #000;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    min-height: 48px
}

.component.promo-banner .banner-inner {
    position: relative;
    width: 100%
}

.component.promo-banner .banner-link {
    width: 100%;
    height: 100%;
    display: block
}

.component.promo-banner .banner-title {
    background-color: #ff0048;
    color: #000;
    float: left;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 8px 12px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    width: 32%;
    height: 100%
}

.component.promo-banner .banner-title p {
    font-size: 16px;
    left: 50%;
    line-height: 18px;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.component.promo-banner .banner-divider {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 4px;
    position: absolute;
    left: calc(32% - 4px)
}

.component.promo-banner .banner-divider .st0 {
    fill: #ff0048;
    overflow: hidden
}

.component.promo-banner .banner-copy {
    position: relative;
    color: #fff;
    float: left;
    font-weight: 400;
    padding: 0 16px;
    width: 68%;
    transform: translateY(-50%);
    top: 50%
}

.component.promo-banner .banner-copy .banner-text {
    margin-right: 8px
}

.component.promo-banner .banner-cta {
    color: #ff0048;
    font-size: 10px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.component.promo-banner .banner-cta:hover {
    color: #ff336d
}

@media (min-width: 768px) {
    .component.promo-banner {
        font-size: 16px;
        line-height: 16px
    }
    .component.promo-banner .banner-title {
        width: 200px
    }
    .component.promo-banner .banner-title p {
        text-align: center
    }
    .component.promo-banner .banner-divider {
        left: 196px
    }
    .component.promo-banner .banner-cta {
        font-size: 12px
    }
}

@media (min-width: 1024px) {
    .component.promo-banner .banner-title {
        text-align: right;
        width: 224px
    }
    .component.promo-banner .banner-title p {
        text-align: right
    }
    .component.promo-banner .banner-divider {
        left: 220px
    }
}

meta:first-of-type {
    font-family: 'mobile'
}

@media (min-width: 768px) {
    meta:first-of-type {
        font-family: 'tablet'
    }
}

@media (min-width: 1024px) {
    meta:first-of-type {
        font-family: 'narrow-desktop'
    }
}

@media (min-width: 1162px) {
    meta:first-of-type {
        font-family: 'wide-desktop'
    }
}

@media (min-width: 1279px) {
    meta:first-of-type {
        font-family: 'super-wide-desktop'
    }
}

@-webkit-keyframes photoLoading {
    0% {
        background-position: 100%
    }
    100% {
        background-position: 50%
    }
}

@keyframes photoLoading {
    0% {
        background-position: 100%
    }
    100% {
        background-position: 50%
    }
}

@-webkit-keyframes loaderSpin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes up {
    0% {
        transform: translate(-50%, 120%);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: translate(-50%, -120%);
        opacity: 0
    }
}

@keyframes up {
    0% {
        transform: translate(-50%, 120%);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: translate(-50%, -120%);
        opacity: 0
    }
}

@-webkit-keyframes swivelRight {
    0% {
        transform: rotate(5deg)
    }
    50% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(5deg)
    }
}

@keyframes swivelRight {
    0% {
        transform: rotate(5deg)
    }
    50% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(5deg)
    }
}

@-webkit-keyframes swivelLeft {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}

@keyframes swivelLeft {
    0% {
        transform: rotate(-5deg)
    }
    50% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(-5deg)
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.section {
    clear: both;
    padding: 0;
    margin: 0
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.col:first-child {
    margin-left: 0
}

.group:before,
.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.span_6_of_6 {
    width: 100%
}

.span_5_of_6 {
    width: 83.06%
}

.span_4_of_6 {
    width: 66.13%
}

.span_3_of_6 {
    width: 49.2%
}

.span_2_of_6 {
    width: 32.26%
}

.span_1_of_6 {
    width: 15.33%
}

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%
    }
    .span_1_of_6,
    .span_2_of_6,
    .span_3_of_6,
    .span_4_of_6,
    .span_5_of_6,
    .span_6_of_6 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .sidebar {
        float: left
    }
}

@media (min-width: 1024px) {
    .sidebar-right {
        float: right
    }
}

.sidebar-item {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .sidebar-item {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .sidebar-item {
        max-width: 300px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .sidebar-item:not(: first-child):last-child {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .template-gallery .sidebar-item {
        margin-right: inherit
    }
}

@media (min-width: 1279px) {
    .template-gallery .sidebar-item {
        margin-right: auto
    }
}

.sidebar-item .component.newsletter-callout {
    border-top: 6px solid rgba(0, 0, 0, 0.95);
    display: none;
    margin: 40px auto 40px;
    padding: 24px;
    text-align: center
}

@media (min-width: 1024px) {
    .sidebar-item .component.newsletter-callout {
        display: block
    }
}

.sidebar-item .component.newsletter-callout h3 {
    font-size: 24px;
    font-weight: 700
}

.sidebar-item .component.newsletter-callout .tout-content {
    margin-bottom: 28px
}

.sidebar-item .component.newsletter-callout button,
.sidebar-item .component.newsletter-callout .button-style {
    background: #f9f7f0;
    border: none;
    border-radius: 3px;
    color: #fff;
    width: 150px
}

.sidebar-item .component.newsletter-callout button:hover a,
.sidebar-item .component.newsletter-callout .button-style:hover a {
    background: #D4023D
}

.sidebar-item .component.newsletter-callout button a,
.sidebar-item .component.newsletter-callout .button-style a {
    border: none
}

.sidebar-item .component.outbrain-rail-sticky {
    width: 300px
}

.subhead-heading {
    margin-top: 0
}

.container-full-width {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    box-shadow: none;
    margin-bottom: 4px
}

.container-full-width.sticky-secondary-nav {
    max-width: 100%
}

.container-full-width .content,
.container-full-width .sidebar {
    margin: 0 auto
}

.container-full-width:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .container-full-width {
        padding: 24px;
        margin: 0 auto;
        margin-bottom: 4px
    }
}

.container-full-width.full-page {
    width: 100%;
    height: calc(100vh - 116px);
    padding-right: 0
}

.container-full-width.full-page .sidebar {
    padding-right: 16px;
    height: calc(100vh - 116px);
    overflow: auto
}

.container-full-width.full-page .content {
    height: calc(100vh - 116px)
}

.container-full-width.full-page .with-sidebar-right .sidebar {
    text-align: left
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar>.content,
    .container-full-width.with-sidebar.component.grid>.heading,
    .container-full-width.with-sidebar.component.grid>.more-link,
    .container-full-width.with-sidebar-right>.content,
    .container-full-width.with-sidebar-right.component.grid>.heading,
    .container-full-width.with-sidebar-right.component.grid>.more-link {
        float: left;
        width: 62.5%
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .container-full-width.with-sidebar>.content,
    .container-full-width.with-sidebar.component.grid>.heading,
    .container-full-width.with-sidebar.component.grid>.more-link,
    .container-full-width.with-sidebar-right>.content,
    .container-full-width.with-sidebar-right.component.grid>.heading,
    .container-full-width.with-sidebar-right.component.grid>.more-link {
        width: calc(100% - 330px)
    }
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar>.sidebar,
    .container-full-width.with-sidebar-right>.sidebar {
        float: left;
        width: 37.5%;
        padding-left: 32px
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .container-full-width.with-sidebar>.sidebar,
    .container-full-width.with-sidebar-right>.sidebar {
        width: 330px
    }
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar .sidebar>div,
    .container-full-width.with-sidebar-right .sidebar>div {
        margin-left: auto;
        margin-right: auto
    }
    .container-full-width.with-sidebar .article-content,
    .container-full-width.with-sidebar>.article-content,
    .container-full-width.with-sidebar-right .article-content,
    .container-full-width.with-sidebar-right>.article-content {
        float: left;
        width: calc(100% - 320px);
        min-width: 0;
        max-width: 800px
    }
    .container-full-width.with-sidebar>.article-small-sidebar,
    .container-full-width.with-sidebar-right>.article-small-sidebar {
        width: 300px
    }
    .container-full-width.with-sidebar>.content {
        float: right
    }
    .container-full-width.with-sidebar-right>.content {
        float: left
    }
}

body {
    background: #fff
}

.container-full-width.no-pad {
    padding: 0
}

.container-full-width.no-border {
    border: none
}

.container-full-width.no-background {
    background-color: inherit
}

.variable-columns .content-item {
    float: left;
    width: 33%
}

.variable-columns.two-columns .content-item {
    width: 33%
}

.bucket {
    position: relative;
    box-shadow: none
}

.bucket+.bucket {
    margin-top: 16px
}

@media (min-width: 1024px) {
    .bucket.standard .tile,
    .bucket.skybox .tile {
        float: left
    }
    .bucket.standard .tile .headline,
    .bucket.skybox .tile .headline {
        font-family: "Libre Franklin", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px
    }
    .bucket.standard .tile:nth-of-type(1),
    .bucket.skybox .tile:nth-of-type(1) {
        width: 37.5%
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .bucket.standard .tile:nth-of-type(1),
    .bucket.skybox .tile:nth-of-type(1) {
        padding-right: 12px
    }
    .bucket.standard .tile:nth-of-type(1) .media-body,
    .bucket.skybox .tile:nth-of-type(1) .media-body {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .bucket.standard .tile:nth-of-type(2),
    .bucket.skybox .tile:nth-of-type(2) {
        width: 37.5%;
        padding-left: 12px
    }
    .bucket.standard .tile:nth-of-type(2) .media-body,
    .bucket.skybox .tile:nth-of-type(2) .media-body {
        margin-left: 0;
        margin-right: 0
    }
    .bucket.standard .tile:nth-of-type(2) .component.native-ad,
    .bucket.skybox .tile:nth-of-type(2) .component.native-ad {
        width: calc(100% - 12px);
        left: 8px
    }
    .bucket.standard .list-container,
    .bucket.skybox .list-container {
        float: left;
        padding-left: 24px;
        width: 25%
    }
    .bucket.standard .list-container .list-item:first-of-type,
    .bucket.skybox .list-container .list-item:first-of-type {
        border-top: none;
        padding-top: 0
    }
}

.no-headline .article-info {
    display: none
}

.bucket.skybox .section.group .heading {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase
}

.bucket.skybox .section.group .heading::after {
    content: "";
    display: block;
    padding-top: 16px;
    border-bottom: 4px solid #282f2f
}

.bucket.skybox .section.group .tile:nth-of-type(1) .heading::after {
    border-bottom-color: #9652e7
}

.bucket.skybox .section.group .tile:nth-of-type(2) .heading::after {
    border-bottom-color: #1dcc87
}

.bucket.skybox .section.group .list-container .heading::after {
    border-bottom-color: #2f76e8
}

.bucket.skybox .section.group .list-container {
    width: 100%
}

@media (min-width: 1024px) {
    .bucket.skybox .tile:nth-of-type(2) .headline {
        font-size: 20px
    }
    .bucket.skybox .section.group .heading {
        font-size: 16px
    }
    .bucket.skybox .section.group .heading::after {
        padding-top: 8px
    }
    .bucket.skybox .tile:nth-of-type(1) {
        width: 33%;
        padding-left: 0;
        padding-right: 16px
    }
    .bucket.skybox .tile:nth-of-type(2) {
        width: 33%;
        padding-left: 0;
        padding-right: 16px
    }
    .bucket.skybox .section.group .list-container {
        width: 33%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .bucket.skybox.grid-3x3x3 .section.group .list-container:nth-child(1) {
        padding-right: 16px
    }
    .bucket.skybox.grid-3x3x3 .section.group .list-container:nth-child(2) {
        padding-left: 8px;
        padding-right: 8px
    }
    .bucket.skybox.grid-3x3x3 .section.group .list-container:nth-child(3) {
        padding-left: 16px
    }
}

.bucket-pad-mobile {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .bucket-pad-mobile {
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
}

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

.bucket.carousel .sidebar {
    display: none
}

@media (min-width: 1024px) {
    .bucket.carousel .sidebar {
        width: 31.25%;
        display: block;
        padding-left: 24px
    }
}

@media (min-width: 1024px) {
    .bucket.carousel .hidden {
        display: none
    }
}

.bucket.carousel .selected {
    box-shadow: -8px 0 0 0 rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .bucket.carousel .content {
        width: 68.75%
    }
}

@media (min-width: 1024px) {
    .bucket.columns .tile,
    .bucket.tout-cards .tile {
        width: 25.5%;
        float: left;
        padding-right: 24px
    }
    .bucket.columns .tile:last-child,
    .bucket.tout-cards .tile:last-child {
        padding-right: 0;
        width: 23.5%
    }
    .bucket.columns .tile .headline,
    .bucket.tout-cards .tile .headline {
        font-family: "Libre Franklin", sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .5px
    }
    .bucket.columns .tile .component.native-ad,
    .bucket.tout-cards .tile .component.native-ad {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .bucket.columns {
        font-size: 0
    }
    .bucket.columns .tile {
        width: 25.5%;
        float: none;
        display: inline-block;
        vertical-align: top
    }
    .bucket.columns .tile:nth-of-type(4n+0) {
        padding-right: 0;
        width: 23.5%
    }
    .bucket.columns.grid-3x1 .tile,
    .bucket.columns.grid-3x2 .tile {
        width: 34%
    }
    .bucket.columns.grid-3x1 .tile:nth-of-type(4n+0),
    .bucket.columns.grid-3x2 .tile:nth-of-type(4n+0) {
        padding-right: 24px;
        width: 34%
    }
    .bucket.columns.grid-3x1 .tile:nth-of-type(3n+0),
    .bucket.columns.grid-3x2 .tile:nth-of-type(3n+0) {
        padding-right: 0;
        width: 32%
    }
}

.bucket.columns.transparent-background {
    background: transparent
}

@media (min-width: 1024px) {
    .bucket.grid .content {
        font-size: 0
    }
    .bucket.grid .tile {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: calc(25% + 6px);
        padding-right: 24px
    }
    .bucket.grid .tile:nth-of-type(4n+0) {
        padding-right: 0;
        width: calc(25% - 18px)
    }
    .bucket.grid[data-items_per_row="5"] .tile {
        width: calc(20% + 5px)
    }
    .bucket.grid[data-items_per_row="5"] .tile:nth-of-type(4n+0) {
        padding-right: 24px;
        width: calc(20% + 5px)
    }
    .bucket.grid[data-items_per_row="5"] .tile:nth-of-type(5n+0) {
        padding-right: 0;
        width: calc(20% - 20px)
    }
    .bucket.grid[data-items_per_row="4"] .tile {
        width: calc(25% + 6px)
    }
    .bucket.grid[data-items_per_row="4"] .tile:nth-of-type(4n+0) {
        padding-right: 0;
        width: calc(25% - 18px)
    }
    .bucket.grid[data-items_per_row="3"] .tile {
        width: calc(100%/3 + 8px)
    }
    .bucket.grid[data-items_per_row="3"] .tile:nth-of-type(4n+0) {
        padding-right: 24px;
        width: calc(100%/3 + 8px)
    }
    .bucket.grid[data-items_per_row="3"] .tile:nth-of-type(3n+0) {
        padding-right: 0;
        width: calc(100%/3 - 16px)
    }
    .bucket.grid[data-items_per_row="2"] .tile {
        width: calc(50% + 12px)
    }
    .bucket.grid[data-items_per_row="2"] .tile:nth-of-type(4n+0) {
        width: calc(50% + 12px)
    }
    .bucket.grid[data-items_per_row="2"] .tile:nth-of-type(2n+0) {
        padding-right: 0;
        width: calc(50% - 12px)
    }
    .bucket.grid[data-items_per_row="1"] .tile {
        width: 100%;
        padding-right: 0
    }
    .bucket.grid[data-items_per_row="1"] .tile:nth-of-type(4n+0) {
        padding-right: 0;
        width: 100%
    }
    .bucket.grid[data-items_per_row="5"] .heading-content,
    .bucket.grid[data-items_per_row="4"] .heading-content,
    .bucket.grid[data-items_per_row="3"] .heading-content,
    .bucket.grid[data-items_per_row="2"].with-sidebar-right .heading-content {
        font-size: 20px;
        line-height: 24px
    }
}

.bucket.grid.transparent-background {
    background: transparent
}

.bucket.grid[data-link_position="bottom"] .more-link {
    float: right
}

.component.bucket.war-image .hero .component.lazy-image.marquee_large_2x {
    padding-bottom: 49.5%
}

.bucket.watch .content {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory
}

.bucket.watch .content article {
    -webkit-scroll-snap-coordinate: 0% 0%
}

@media (min-width: 360px) {
    .bucket.watch .content {
        display: block;
        min-width: 100%
    }
}

@media (min-width: 1024px) {
    .bucket.watch .content {
        display: flex;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        border: none
    }
}

.bucket.watch .tile {
    white-space: normal;
    padding-right: 0;
    min-width: 100%
}

@media (min-width: 360px) {
    .bucket.watch .tile {
        min-width: 100%
    }
}

@media (min-width: 1024px) {
    .bucket.watch .tile {
        margin-right: 24px;
        min-width: calc(33.33% - 16px)
    }
}

.bucket.watch .tile .heading-content {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .5px
}

.bucket.watch .tile .component.native-ad {
    width: calc(100% - 12px)
}

.bucket.war-image .hero .tile,
.bucket.war-barge .hero .tile {
    position: relative
}

@media (min-width: 1024px) {
    .bucket.war-image .hero .tile h3,
    .bucket.war-barge .hero .tile h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.bucket.war-image .heading,
.bucket.war-barge .heading {
    display: none
}

@media (min-width: 768px) {
    .bucket.war-image .hero .media-body,
    .bucket.war-barge .hero .media-body {
        position: absolute;
        bottom: 40px;
        left: 40px;
        background: #fff;
        padding: 32px;
        width: 50%
    }
}

.bucket.one-up {
    padding-bottom: 0
}

.bucket.one-up .tile:not([data-display_option='inline_video']) {
    position: relative
}

@media (min-width: 1024px) {
    .bucket.one-up .tile:not([data-display_option='inline_video']) .cta-link {
        font-size: 16px
    }
}

.bucket.one-up .tile:not([data-display_option='inline_video']) .media-body {
    margin-bottom: 0
}

@media (min-width: 1162px) {
    .bucket.one-up .tile:not([data-display_option='inline_video']) .media-body {
        position: absolute;
        bottom: 40px;
        left: 40px;
        background: #fff;
        padding: 32px;
        width: 50%
    }
}

@media (min-width: 1162px) {
    .bucket.one-up .tile:not([data-display_option='inline_video']) .media-img {
        margin-bottom: 0
    }
}

.bucket.one-up.with-sidebar-right .hero {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .bucket.one-up.with-sidebar-right .hero {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .bucket.one-up:not(.with-sidebar-right) .tile:not([data-display_option='inline_video']) .media-body {
        position: absolute;
        bottom: 40px;
        left: 40px;
        background: #fff;
        padding: 32px;
        width: 50%
    }
}

.bucket.war-image .partial.tile.media {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .bucket.war-image .partial.tile.media .media-img {
        margin-bottom: 0
    }
}

.bucket-tab {
    cursor: pointer;
    position: relative;
    margin-bottom: 8px
}

.bucket-tab:hover:not(.selected) {
    box-shadow: -8px 0 0 0 rgba(0, 0, 0, 0.15)
}

.overlay-headline {
    width: 100%;
    color: #fff;
    position: absolute;
    background: rgba(40, 47, 47, 0.8);
    left: 0;
    bottom: 0
}

.bucket .more-link {
    display: block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 16px 0
}

@media (min-width: 768px) {
    .bucket .more-link {
        display: table-cell;
        text-align: right;
        vertical-align: baseline;
        white-space: nowrap;
        padding: 0 16px 0 0
    }
}

@media (min-width: 1024px) {
    .bucket .more-link {
        padding: 0
    }
}

.bucket .heading .type-120x60 {
    position: absolute;
    top: -24px;
    right: 0
}

.bucket .heading .heading-bucket {
    margin: 0
}

.bucket .heading .heading-bucket svg {
    height: 100px
}

@media (min-width: 768px) {
    .bucket .heading {
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .bucket .heading .with-more-link {
        display: table-cell;
        width: 75%
    }
}

@media (min-width: 1024px) {
    .bucket .heading .heading-bucket {
        margin: 24px 0 0 0
    }
}

.bucket.two-column:after {
    content: "";
    display: table;
    clear: both
}

.bucket.two-column .headline {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .5px
}

@media (min-width: 1024px) {
    .bucket.two-column .tile {
        width: 50%;
        float: left
    }
    .bucket.two-column .tile:nth-child(odd) {
        clear: left;
        padding-right: 16px
    }
    .bucket.two-column .tile:nth-child(even) {
        padding-left: 16px
    }
}

.well {
    padding-bottom: 16px
}

@media (min-width: 1024px) {
    .well {
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .well .heading-content {
        font-size: 32px;
        line-height: 42px
    }
}

.bucket-margin {
    margin-left: 16px;
    margin-right: 16px
}

@media (min-width: 768px) {
    .bucket-margin {
        margin-left: 24px;
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .bucket-margin {
        margin-left: 0;
        margin-right: 0
    }
}

.bucket.promo {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 24px;
    color: #282f2f
}

.bucket.promo.container-full-width {
    padding: 24px
}

.bucket.promo .promo-image img {
    max-width: 100%
}

.bucket.promo .promo-list-item {
    position: relative;
    margin-top: 16px;
    width: 100%
}

.bucket.promo .promo-list-item .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.bucket.promo .promo-list-item .promo-list-item-info {
    padding-left: 56px;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 16px
}

.bucket.promo .promo-list-item .promo-list-item-info .heading {
    font-weight: 700;
    color: #282f2f
}

.bucket.promo .promo-list-item .promo-list-item-info .text {
    color: rgba(0, 0, 0, 0.65);
    padding-top: 4px
}

.bucket.promo .full-width-media {
    width: calc(100% + 48px);
    max-width: calc(100% + 48px);
    transform: translateX(-24px)
}

.bucket.promo .app-links {
    font-size: 0;
    width: 298px
}

.bucket.promo .app-links .icon-app-store {
    margin-right: 8px
}

@media (min-width: 1024px) {
    .bucket.promo.container-full-width {
        padding: 32px
    }
    .bucket.promo .promo-image,
    .bucket.promo .promo-list,
    .bucket.promo .promo-info {
        float: left;
        width: 30%;
        padding-right: 32px
    }
    .bucket.promo .promo-info {
        width: 40%
    }
    .bucket.promo .promo-list {
        padding-right: 0
    }
}

.bucket.recipe-search {
    background: rgba(255, 0, 72, 0.8);
    height: 150px;
    text-align: center;
    overflow: hidden;
    margin-top: 0;
    transform: translateZ(0)
}

.bucket.recipe-search:before {
    content: '';
    position: absolute;
    top: -200%;
    left: -50%;
    width: 200%;
    height: 700%;
    display: block;
    background-image: url("../img/foodpattern.png");
    opacity: 0.1;
    transform: rotate(-30deg)
}

.bucket.recipe-search .container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    vertical-align: middle
}

.bucket.recipe-search .container .search.desktop-only {
    display: none
}

.bucket.recipe-search .container .search.tablet-only {
    display: block
}

.bucket.recipe-search .find-recipe {
    display: none
}

.bucket.recipe-search .search-field {
    width: calc(100% - 32px);
    outline: none;
    background: #fff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.47);
    font-family: "Noto Serif", serif;
    height: 50px;
    border-radius: 5px;
    color: #282f2f;
    padding-left: 12px
}

.bucket.recipe-search .search-field::-webkit-input-placeholder {
    font-style: italic
}

.bucket.recipe-search .search-field::-moz-placeholder {
    font-style: italic
}

.bucket.recipe-search .search-field:-ms-input-placeholder {
    font-style: italic
}

.bucket.recipe-search .search-field::-ms-input-placeholder {
    font-style: italic
}

.bucket.recipe-search .search-field::placeholder {
    font-style: italic
}

.bucket.recipe-search .button {
    border: none;
    background: transparent;
    position: absolute;
    right: 32px;
    top: 15px;
    padding: 0
}

.bucket.recipe-search .button svg {
    width: 20px;
    height: 20px
}

.bucket.recipe-search .text-label {
    display: block;
    color: #fff;
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    margin-bottom: 6px
}

.bucket.recipe-search .topic-search {
    overflow-x: auto;
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    margin: 0 auto
}

.bucket.recipe-search .topic-search button {
    background: #D4023D;
    border-radius: 5px;
    line-height: 32px;
    padding: 0 8px;
    color: #fff;
    border: none;
    margin-right: 4px
}

.bucket.recipe-search .topic-search button .button-text {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Noto Serif", serif;
    font-size: 11px
}

@media (min-width: 768px) {
    .bucket.recipe-search {
        height: 177px
    }
    .bucket.recipe-search .container .search.desktop-only {
        display: block
    }
    .bucket.recipe-search .container .search.tablet-only {
        display: none
    }
    .bucket.recipe-search .find-recipe {
        display: inline-block;
        font-size: 32px;
        line-height: 40px;
        font-family: "Libre Franklin", sans-serif;
        font-weight: 700;
        color: #fff;
        margin-right: 12px;
        vertical-align: middle
    }
    .bucket.recipe-search .search-field {
        border-radius: 5px 0 0 5px;
        border-right-width: 0;
        width: 55%;
        padding-right: 50px
    }
    .bucket.recipe-search .button {
        background: #d4023d;
        height: 50px;
        width: 50px;
        border-radius: 0 5px 5px 0;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.47);
        position: static;
        vertical-align: top
    }
    .bucket.recipe-search .button .icon-search {
        display: block !important
    }
    .bucket.recipe-search .button svg {
        width: 20px;
        height: 20px
    }
    .bucket.recipe-search .text-label {
        display: inline-block;
        margin-bottom: 0;
        line-height: 32px
    }
    .bucket.recipe-search .topic-search {
        text-align: center;
        width: auto
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .bucket.recipe-search .text-label {
        font-size: 16px
    }
}

.component.grid-2x2 .grid-2x2-list {
    display: flex;
    flex-wrap: wrap
}

.component.grid-2x2 .grid-2x2-list .list-item {
    width: 100%
}

@media (min-width: 1024px) {
    .component.grid-2x2 .grid-2x2-list .list-item {
        width: calc(50% - 12px);
        margin-right: 24px
    }
    .component.grid-2x2 .grid-2x2-list .list-item:nth-child(odd) {
        margin-right: 0
    }
}

.bucket.hide-deks .article-info-extended,
.barge.hide-deks .article-info-extended {
    display: none
}

.bucket.text-link-bucket {
    display: flex;
    flex-wrap: wrap;
    text-transform: capitalize
}

.bucket.text-link-bucket .text-link-left {
    text-align: center;
    align-items: center;
    flex: 0 0 100%
}

.bucket.text-link-bucket .text-link-left .lazy-image {
    position: unset
}

.bucket.text-link-bucket .text-link-left .lazy-image .inner-container {
    position: unset
}

@media (min-width: 360px) {
    .bucket.text-link-bucket .text-link-left {
        position: relative;
        overflow: hidden;
        width: 200px;
        height: 300px
    }
}

@media (min-width: 450px) {
    .bucket.text-link-bucket .text-link-left {
        height: 400px
    }
}

@media (min-width: 600px) {
    .bucket.text-link-bucket .text-link-left {
        height: 500px
    }
}

@media (min-width: 720px) {
    .bucket.text-link-bucket .text-link-left {
        height: 600px
    }
}

@media (min-width: 768px) {
    .bucket.text-link-bucket .text-link-left {
        height: 710px
    }
}

@media (min-width: 1024px) {
    .bucket.text-link-bucket .text-link-left {
        width: 100%;
        height: auto
    }
}

.bucket.text-link-bucket .text-link-left img {
    width: 100%;
    height: auto
}

@media (min-width: 360px) {
    .bucket.text-link-bucket .text-link-left img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: none;
        max-height: none
    }
}

@media (min-width: 1024px) {
    .bucket.text-link-bucket .text-link-left img {
        position: relative;
        transform: none;
        left: unset;
        top: unset;
        max-width: 100%;
        max-height: 100%
    }
}

@media (min-width: 1024px) {
    .bucket.text-link-bucket .text-link-left {
        flex: 1 1 30%
    }
}

.bucket.text-link-bucket .links-items {
    align-items: center;
    flex: 0 0 100%;
    padding: 0 16px
}

@media (min-width: 768px) {
    .bucket.text-link-bucket .links-items {
        padding: 0 32px
    }
}

.bucket.text-link-bucket .links-items p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.bucket.text-link-bucket .links-items .headline {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    font-size: 28px
}

.bucket.text-link-bucket .links-items .deck-link {
    font-size: 12px;
    font-weight: 700
}

.bucket.text-link-bucket .links-items .text-link-2x2 {
    display: flex;
    flex-wrap: wrap
}

.bucket.text-link-bucket .links-items .text-link-2x2-list {
    word-wrap: break-word;
    width: calc((100% - 72px) / 3);
    margin-right: 24px
}

.bucket.text-link-bucket .links-items .text-link-2x2-list .headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase
}

.bucket.text-link-bucket .links-items .text-link-2x2-list .list-item {
    font-size: 14px
}

.bucket.text-link-bucket .links-items .text-link-2x2-list .list-item a {
    color: inherit
}

.bucket.text-link-bucket .links-items .text-link-2x2-list .list-item a:hover {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 360px) {
    .bucket.text-link-bucket .links-items .text-link-2x2-list {
        flex: 0 0 100%;
        padding-bottom: 16px
    }
}

@media (min-width: 768px) {
    .bucket.text-link-bucket .links-items .text-link-2x2-list {
        flex: 0 0 auto
    }
}

.bucket.text-link-bucket .links-items .text-link-2x2-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.bucket.text-link-bucket .text-link-right {
    background: rgba(0, 0, 0, 0.2)
}

@media (min-width: 1024px) {
    .bucket.text-link-bucket .text-link-right {
        flex: 1 1 63%
    }
}

.bucket.text-link-bucket .text-link-right .text-link-2x2-list {
    width: calc(50% - 12px)
}

.bucket.text-link-bucket .text-link-right .text-link-2x2-list:nth-child(even) {
    margin-right: 0
}

.bucket.tout-cards .tile {
    margin-bottom: 18px
}

.bucket.tout-cards .tile .button-style a:after {
    content: "→"
}

@media (min-width: 1024px) {
    .bucket.tout-cards .tile {
        border: 1px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 0;
        padding: 18px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)
    }
    .bucket.tout-cards .tile.tout-no-image {
        border: 0;
        box-shadow: none
    }
    .bucket.tout-cards .tile.tout-no-image:first-child {
        padding-left: 0
    }
    .bucket.tout-cards .tile.tout-no-image .headline {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width: 1024px) {
    .bucket.tout-cards.touts-x3 .content {
        display: -moz-flex;
        display: flex;
        flex-wrap: wrap
    }
}

.bucket.tout-cards.touts-x3 .tile {
    margin-bottom: 28px
}

@media (min-width: 1024px) {
    .bucket.tout-cards.touts-x3 .tile {
        width: 31.75%;
        margin-left: 2.375%;
        min-height: 328px
    }
    .bucket.tout-cards.touts-x3 .tile:nth-child(3n+1) {
        margin-left: 0
    }
    .bucket.tout-cards.touts-x3 .tile:nth-child(3n+0) {
        padding-right: 18px
    }
}

.bucket.tout-cards.touts-x4 {
    margin-bottom: 18px
}

@media (min-width: 1024px) {
    .bucket.tout-cards.touts-x4 .content {
        display: -moz-flex;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .bucket.tout-cards.touts-x4 .tile {
        width: 23%;
        margin-left: 2.5%;
        min-height: 290px
    }
    .bucket.tout-cards.touts-x4 .tile:nth-child(4n+1) {
        margin-left: 0
    }
    .bucket.tout-cards.touts-x4 .tile:nth-child(4n+0) {
        padding-right: 18px
    }
}

.bucket.landing-hero {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .bucket.landing-hero {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .bucket.landing-hero .component.video .video-inner-container {
        padding-bottom: 33.25%
    }
}

.bucket.landing-hero.with-sidebar-right .content {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .bucket.landing-hero.with-sidebar-right .content {
        width: calc(100% - 330px)
    }
}

@media (min-width: 768px) {
    .bucket.landing-hero.with-sidebar-right .content .video-inner-container {
        padding-bottom: 45.25%
    }
}

.bucket.landing-hero.with-sidebar-right .sidebar-right {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .bucket.landing-hero.with-sidebar-right .sidebar-right {
        padding-left: 24px
    }
}

.bucket.landing-hero .content {
    position: relative
}

.bucket.landing-hero .button-style a:after {
    content: "→"
}

.bucket.landing-hero .media-display {
    max-height: 400px;
    overflow: hidden
}

.bucket.landing-hero .media-display.hero-video {
    max-height: none
}

.bucket.landing-hero .hero-video .media-body {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    background-color: transparent;
    color: #282f2f;
    padding: 0;
    text-align: left;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 1024px) {
    .bucket.landing-hero .hero-video .media-body {
        padding-left: 0;
        padding-right: 0
    }
}

.bucket.landing-hero .hero-video .media-body .media-heading {
    font-size: 24px;
    line-height: 30px
}

.bucket.landing-hero .hero-video .video-inner-container .inner-container img {
    max-width: none
}

.bucket.landing-hero .media-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    margin: 0;
    padding: 24px;
    text-align: center;
    width: 80%
}

.bucket.landing-hero .media-body .media-heading {
    font-size: 20px;
    line-height: 30px
}

@media (min-width: 768px) {
    .bucket.landing-hero .media-body .media-heading {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width: 1024px) {
    .bucket.landing-hero .media-body {
        width: 70%
    }
    .bucket.landing-hero .media-body .media-heading {
        font-size: 34px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .bucket.image-link-tout.grid-3x1 .promo-tout,
    .bucket.image-link-tout.grid-3x2 .promo-tout {
        width: 30%
    }
    .bucket.image-link-tout.grid-4x1 .promo-tout,
    .bucket.image-link-tout.grid-4x2 .promo-tout {
        width: 22%
    }
    .bucket.image-link-tout.grid-4x2 .section.group,
    .bucket.image-link-tout.grid-3x2 .section.group {
        flex-wrap: wrap
    }
    .bucket.image-link-tout .section.group {
        display: flex;
        justify-content: space-around
    }
    .bucket.image-link-tout .section.group::before {
        content: none
    }
}

.bucket .sidebar .ad-container+.ad-sticky-container {
    margin-top: 16px
}

.section-container {
    overflow: hidden
}

.section-container:first-child {
    margin-top: 0
}

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

.two-col.main {
    max-width: 720px
}

.media {
    display: flex;
    align-content: flex-start
}

.media-body {
    flex: 1
}

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

.media-img {
    display: block
}

.media-img>img {
    max-width: 100%
}

.media.media-wrap:after {
    content: "";
    display: table;
    clear: both
}

.media.inline {
    display: inline-flex
}

.media-wrap .media-body {
    display: block;
    text-align: left
}

.media-wrap .media-body:after {
    content: "";
    display: table;
    clear: both
}

.media-wrap .media-img {
    float: left;
    display: block;
    padding-right: 10px
}

.image-right>.media-wrap .media-img {
    float: right;
    margin-right: 0;
    padding-left: 10px
}

.image-top>.media-wrap .media-img {
    float: none;
    padding: 0
}

.image-top {
    display: block
}

.image-top .media-img {
    margin-right: 0
}

.media-heading {
    display: block;
    margin-top: 0
}

.stacked {
    display: block;
    margin: 0
}

.stacked .media-img,
.stacked .media-body {
    float: none;
    display: block;
    margin-right: 0
}

.barge-pad-mobile {
    margin-left: 16px;
    margin-right: 16px;
    line-height: 20px
}

@media (min-width: 768px) {
    .barge-pad-mobile {
        margin-left: 24px;
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .barge-pad-mobile {
        margin-left: 0;
        margin-right: 0
    }
}

.article-info-extended.has-list-items {
    margin-bottom: 24px
}

@media (min-width: 1162px) {
    .article-info-extended.has-list-items {
        padding-top: 8px;
        padding-right: 24px
    }
}

@media (min-width: 1162px) {
    .article-info-list-items.has-list-items {
        padding-top: 12px
    }
    .article-info-list-items.has-list-items .list-item .media-body {
        margin-right: 0
    }
}

@media (min-width: 1162px) {
    .article-info-list-items.has-list-items,
    .article-info-extended.has-list-items {
        float: left;
        width: 50%;
        padding-bottom: 0
    }
}

.article-info-list-items article:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .barge .marquee {
        display: flex;
        flex-wrap: wrap
    }
    .barge .marquee .tile {
        width: calc(50% - 24px)
    }
    .barge .marquee .tile:first-child {
        margin-right: 24px
    }
    .barge .pair {
        display: flex;
        flex-wrap: wrap
    }
    .barge .pair .tile {
        width: calc(50% - 12px)
    }
    .barge .pair .tile:nth-child(2n) {
        margin-right: 24px
    }
    .barge .pair .tile:first-child {
        width: 100%;
        padding: 0
    }
    .mini-barge .marquee .tile {
        width: calc(50% - 12px);
        margin-right: 24px
    }
    .mini-barge .marquee .tile:first-child {
        width: 100%
    }
    .mini-barge .marquee .tile:nth-of-type(2n) {
        margin-right: 0
    }
    .mini-barge .marquee .tile:nth-child(3) {
        padding-right: 0
    }
    .mini-barge .marquee .tile:nth-child(3) .component.native-ad {
        width: calc(100% - 16px)
    }
    .war-barge .marquee .tile {
        width: calc(33.33% - 16px);
        padding-left: 0;
        margin-right: 24px
    }
    .war-barge .marquee .tile:nth-child(2) .component.native-ad {
        width: calc(100% - 65px);
        left: 8px
    }
    .war-barge .marquee .tile:nth-child(4) {
        margin-right: 0
    }
    .marquee-barge {
        padding-top: 0
    }
    .marquee-barge .hero:after {
        content: "";
        display: table;
        clear: both
    }
    .marquee-barge .hero .media-img {
        margin-left: -32px;
        margin-right: -32px
    }
    .marquee-barge .hero .media-body.article-info {
        float: left;
        width: calc(100% - 324px);
        margin-bottom: 24px
    }
    .marquee-barge .hero .ad-container {
        float: right
    }
    .marquee-barge .marquee:after {
        content: "";
        display: table;
        clear: both
    }
    .marquee-barge .marquee .tile:nth-child(1),
    .marquee-barge .marquee .tile:nth-child(2),
    .marquee-barge .marquee .tile:nth-child(3) {
        flex-grow: 1;
        width: 33%;
        padding: 0
    }
    .marquee-barge .marquee .tile:nth-child(1) {
        padding-right: 16px
    }
    .marquee-barge .marquee .tile:nth-child(2) {
        padding-left: 8px;
        padding-right: 8px
    }
    .marquee-barge .marquee .tile:nth-child(3) {
        padding-left: 16px
    }
    .marquee-barge .pair .tile:nth-child(1),
    .marquee-barge .pair .tile:nth-child(2) {
        flex-grow: 1;
        width: 50%;
        padding: 0
    }
    .marquee-barge .pair .tile:nth-child(1) {
        padding-right: 8px
    }
    .marquee-barge .pair .tile:nth-child(2) {
        padding-left: 8px
    }
    .barge.container-full-width .sidebar {
        padding-left: 24px
    }
    .barge.container-full-width .component.outbrain {
        display: none
    }
    .hero-grid.container-full-width.with-sidebar-right .content {
        position: relative;
        width: 100%;
        float: none
    }
    .hero-grid.container-full-width.with-sidebar-right .content .partial.hero .article-info {
        display: none
    }
    .hero-grid.container-full-width.with-sidebar-right .content.left-rail {
        max-width: calc(100% - 324px);
        float: left
    }
    .hero-grid.container-full-width.with-sidebar-right .content.left-rail .partial.marquee:after,
    .hero-grid.container-full-width.with-sidebar-right .content.left-rail .partial.marquee:first-child:after {
        content: "";
        display: table;
        clear: both
    }
    .hero-grid.container-full-width.with-sidebar-right .content.left-rail .partial.marquee article,
    .hero-grid.container-full-width.with-sidebar-right .content.left-rail .partial.marquee:first-child article {
        float: left;
        margin-right: 0;
        padding-right: 24px;
        width: 50%
    }
    .hero-grid.container-full-width.with-sidebar-right .sidebar {
        float: left;
        max-width: 324px
    }
    .standard-barge.swimsuit .partial.marquee .tile,
    .image-link-barge .partial.marquee .tile {
        margin-right: 24px
    }
    .image-link-barge .content.left-rail .promo-tout {
        float: left;
        width: 50%;
        clear: unset;
        height: 400px;
        padding-right: 24px
    }
}

.image-link-barge .promo-tout {
    float: left;
    width: 50%
}

@media (max-width: 360px) {
    .image-link-barge .content.left-rail {
        display: flex;
        flex-wrap: wrap
    }
    .image-link-barge .content.left-rail .promo-tout {
        display: inline-block;
        padding: 0 10px;
        margin: 10px 0
    }
    .image-link-barge .sidebar {
        clear: both
    }
}

.war-barge .content.left-rail {
    width: 100%
}

.overlay-component {
    position: fixed;
    top: 56px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 500;
    -webkit-overflow-scrolling: touch;
    -webkit-animation: fadeOut 0.5s 1 forwards;
    animation: fadeOut 0.5s 1 forwards
}

@media (min-width: 1024px) {
    .overlay-component {
        top: 0;
        overflow-y: hidden
    }
}

.overlay-component.active {
    display: block;
    -webkit-animation: fadeIn 0.5s 1 forwards;
    animation: fadeIn 0.5s 1 forwards
}

.overlay-component .overlay-popup {
    background-color: #fff;
    z-index: 400;
    width: 100%;
    min-height: 100%;
    max-height: calc(100% - 16px);
    height: auto;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    top: 0
}

@media (min-width: 1024px) {
    .overlay-component .overlay-popup {
        width: auto;
        height: auto;
        min-height: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.25)
    }
}

.recirc-container .component.bucket {
    max-width: 100%
}

.bottom-recirc {
    display: flex;
    flex-wrap: wrap
}

.bottom-recirc .feed-subtitle {
    flex-basis: 100%;
    font-family: "Libre Franklin", sans-serif
}

.bottom-recirc .partial.tile {
    margin-right: 0;
    margin-bottom: 24px;
    width: 100%
}

.bottom-recirc .partial.tile .image-flair {
    margin: 0
}

@media (min-width: 360px) {
    .bottom-recirc .partial.tile {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 16px;
        margin-bottom: 16px
    }
    .bottom-recirc .partial.tile .media-img {
        width: 100px;
        margin-left: 16px;
        float: right
    }
}

@media (min-width: 768px) {
    .bottom-recirc .partial.tile .media-img {
        width: calc(33.33% - 11px)
    }
}

@media (min-width: 1024px) {
    .bottom-recirc .partial.tile {
        border-bottom: 0;
        width: calc((100% - 32px)/3);
        margin-right: 16px
    }
    .bottom-recirc .partial.tile:nth-of-type(3n) {
        margin-right: 0
    }
    .bottom-recirc .partial.tile .media-img {
        width: 100%;
        margin-left: 0%;
        float: none
    }
}

.bottom-recirc .partial.tile .summary {
    display: none
}

.bottom-recirc .partial.tile h3,
.bottom-recirc .partial.tile .heading-3 {
    font-size: 16px;
    line-height: 1.38
}

.bottom-recirc .partial.tile h3 a,
.bottom-recirc .partial.tile .heading-3 a {
    font-weight: 700
}

.bottom-recirc .partial.tile .media-img {
    margin-bottom: 8px
}

.bottom-recirc .partial.tile .media-body {
    margin: 0
}

.bottom-recirc .partial.tile .media-body a:not(.eyebrow-link) {
    margin-bottom: 4px
}

.bottom-recirc .partial.tile .heading-byline {
    color: rgba(0, 0, 0, 0.3);
    font-family: "Noto Serif", serif;
    font-style: 400
}

.bottom-recirc .partial.tile .heading-byline strong {
    font-weight: 400
}

.shopping-module .component.bucket {
    max-width: 100%
}

.shopping-module-grid {
    overflow: hidden
}

.shopping-module-grid .partial.product-tile,
.shopping-module-grid .component.product-tile {
    float: left;
    padding-right: 16px;
    width: 50%
}

.shopping-module-grid .partial.product-tile:nth-of-type(2n+1),
.shopping-module-grid .component.product-tile:nth-of-type(2n+1) {
    clear: both
}

@media (min-width: 768px) {
    .shopping-module-grid .partial.product-tile,
    .shopping-module-grid .component.product-tile {
        width: 33.33%
    }
    .shopping-module-grid .partial.product-tile:nth-of-type(2n+1),
    .shopping-module-grid .component.product-tile:nth-of-type(2n+1) {
        clear: none
    }
    .shopping-module-grid .partial.product-tile:nth-of-type(3n+1),
    .shopping-module-grid .component.product-tile:nth-of-type(3n+1) {
        clear: both
    }
}

.shopping-module-grid .shopping-module-three-tile-border,
.shopping-module-grid .shopping-module-two-tile-border {
    display: none
}

.mdex-test .component.shopping-module .heading-content-small {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test .component.shopping-module .product-tile {
    padding: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.mdex-test .component.shopping-module .product-tile .product-image,
.mdex-test .component.shopping-module .product-tile .article-info {
    border: none;
    max-width: 140px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .mdex-test .component.shopping-module .product-tile .product-image,
    .mdex-test .component.shopping-module .product-tile .article-info {
        max-width: 180px
    }
}

@media (min-width: 1024px) {
    .mdex-test .component.shopping-module .product-tile .product-image,
    .mdex-test .component.shopping-module .product-tile .article-info {
        max-width: 160px
    }
}

@media (min-width: 1162px) {
    .mdex-test .component.shopping-module .product-tile .product-image,
    .mdex-test .component.shopping-module .product-tile .article-info {
        max-width: 180px
    }
}

.mdex-test .component.shopping-module .product-tile:first-of-type,
.mdex-test .component.shopping-module .product-tile:nth-of-type(2n+1) {
    border-left: none
}

@media (min-width: 768px) {
    .mdex-test .component.shopping-module .product-tile:nth-of-type(2n+1) {
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+1) {
        border-left: none;
        width: calc(33.33% - 10px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+1) .product-image,
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+1) .article-info {
        float: left;
        margin-left: 0
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+2) {
        width: calc(33.33% + 20px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+3) {
        width: calc(33.33% - 10px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+3) .product-image,
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+3) .article-info {
        float: right;
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+1) {
        width: calc(33.33% - 12px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+2) {
        width: calc(33.33% + 24px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+3) {
        width: calc(33.33% - 12px)
    }
}

@media (min-width: 1162px) {
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+1) {
        width: calc(33.33% - 10px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+2) {
        width: calc(33.33% + 20px)
    }
    .mdex-test .component.shopping-module .product-tile:nth-of-type(3n+3) {
        width: calc(33.33% - 10px)
    }
}

.mdex-test .component.shopping-module .product-tile .headline a,
.mdex-test .component.shopping-module .product-tile .price {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test .component.shopping-module .product-tile .price {
    border-right: none;
    display: inline-block
}

.mdex-test .component.shopping-module .product-tile .brand {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    padding-top: 2px;
    text-transform: none;
    display: inline-block
}

.mdex-test .component.shopping-module .product-tile .brand-price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.mdex-test .component.shopping-module .product-tile .shop-it {
    border: solid 2px rgba(0, 0, 0, 0.95);
    font-family: "Noto Serif", serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.54;
    letter-spacing: 0.9px;
    text-align: center;
    display: block;
    margin-top: 16px;
    padding: 12px 0;
    text-align: center;
    width: 127px;
    color: #282f2f
}

.mdex-test .component.shopping-module .product-tile .shop-it:hover {
    background-color: #282f2f;
    color: #fff
}

.mdex-test .component.shopping-module .product-tile .shop-it .icon {
    display: none
}

.mdex-test .component.shopping-module .shopping-module-three-tile-border,
.mdex-test .component.shopping-module .shopping-module-two-tile-border {
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    margin: 10px 0 20px
}

.mdex-test .component.shopping-module .shopping-module-three-tile-border {
    display: none
}

@media only screen and (min-width: 768px) {
    .mdex-test .component.shopping-module .shopping-module-three-tile-border {
        display: block
    }
    .mdex-test .component.shopping-module .shopping-module-two-tile-border {
        display: none
    }
}

.component.sticky-secondary-nav.no-max-width {
    max-width: 100%
}

.secondary-nav {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
    -webkit-padding-start: 0
}

.secondary-nav li {
    display: inline-block;
    list-style: none;
    margin-left: 20px
}

.secondary-nav li:nth-child(1) {
    margin-left: 0
}

.secondary-nav li a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 1px
}

.secondary-nav li a:hover {
    color: #1A9EB9
}

.secondary-nav.secondary-nav-fixed {
    position: fixed;
    z-index: 300;
    top: 60px;
    background: #fff;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 8px;
    padding-bottom: 8px
}

.sticky-secondary-nav .secondary-nav-logo {
    position: fixed;
    right: 5px;
    top: 60px;
    z-index: 1000;
    display: none
}

.sticky-secondary-nav .secondary-nav-logo img {
    width: 30px
}

@media (min-width: 1024px) {
    .sticky-secondary-nav .secondary-nav-logo.show {
        display: block
    }
}

.sticky-secondary-nav .secondary-nav-logo-text {
    font-family: "Noto Serif", serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 9px;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 3px;
    text-align: center;
    float: left
}

@media (min-width: 1024px) {
    .sidebar {
        float: left
    }
}

@media (min-width: 1024px) {
    .sidebar-right {
        float: right
    }
}

.sidebar-item {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .sidebar-item {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .sidebar-item {
        max-width: 300px;
        padding-left: 0;
        padding-right: 0
    }
}

.sidebar-item .component.newsletter-callout {
    border-top: 6px solid rgba(0, 0, 0, 0.95);
    display: none;
    margin: 40px auto 40px;
    padding: 24px;
    text-align: center
}

@media (min-width: 1024px) {
    .sidebar-item .component.newsletter-callout {
        display: block
    }
}

.sidebar-item .component.newsletter-callout h3 {
    font-size: 24px;
    font-weight: 700
}

.sidebar-item .component.newsletter-callout .tout-content {
    margin-bottom: 28px
}

.sidebar-item .component.newsletter-callout button,
.sidebar-item .component.newsletter-callout .button-style {
    background: #f9f7f0;
    border: none;
    border-radius: 3px;
    color: #fff;
    width: 150px
}

.sidebar-item .component.newsletter-callout button:hover a,
.sidebar-item .component.newsletter-callout .button-style:hover a {
    background: #D4023D
}

.sidebar-item .component.newsletter-callout button a,
.sidebar-item .component.newsletter-callout .button-style a {
    border: none
}

.template-section.karma-site-container.docked .secondary-nav.secondary-nav-fixed {
    top: 182px
}

.optional-dek-header-wrapper {
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative
}

.optional-dek-header-left {
    overflow: hidden;
    width: 100%;
    float: left
}

.optional-dek-header-right {
    text-align: center;
    margin-bottom: 20px
}

.optional-dek-header-right p {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "Droid Sans", sans-serif;
    font-size: 12px
}

@media (min-width: 1024px) {
    .optional-dek-header-right {
        position: absolute;
        right: 1%;
        margin-bottom: 0
    }
}

.optional-dek-header {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.optional-dek-header-logo {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.optional-dek-header-logo .component.lazy-image img {
    width: 100px
}

.optional-dek-header-logo .inline-thumb {
    width: auto;
    text-align: center;
    display: inline-block
}

.optional-dek-header-logo .secondary-nav-thumb img {
    width: 25px
}

.optional-dek-header-title {
    display: inline-block;
    clear: none;
    text-align: center;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .optional-dek-header-title {
        width: auto
    }
}

.optional-dek-header-title span {
    font-size: 32px;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .optional-dek-header-title span {
        font-size: 38px
    }
}

.optional-dek-header-dek {
    float: left;
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 12%;
    text-align: center
}

@media (min-width: 1024px) {
    .optional-dek-header-dek {
        padding: 0 14%
    }
}

.optional-dek-header-dek span {
    font-size: 18px;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.95);
    text-align: center;
    display: block
}

.optional-dek-links {
    float: left;
    display: block;
    text-align: center;
    margin: 20px 0;
    width: 100%
}

.optional-dek-links ul {
    list-style: none;
    margin: 0 45px;
    padding: 0
}

.optional-dek-links ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 10px;
    width: 100%;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    margin: 0
}

@media (min-width: 768px) {
    .optional-dek-links ul li {
        width: auto
    }
}

.optional-dek-social {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 24px
}

.optional-dek-social .component {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.optional-dek-social .component .social-container {
    justify-content: center
}

.optional-dek-ad {
    width: 100%;
    float: none;
    display: block;
    text-align: center
}

@media (min-width: 1024px) {
    .optional-dek-ad {
        width: 300px;
        float: left
    }
}

.optional-dek .sidebar {
    text-align: center
}

.bucket.carousel {
    margin-bottom: 0;
    margin-top: 0
}

.bucket.carousel-headline {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.bucket.carousel-headline .heading {
    margin-bottom: 0
}

.bucket.carousel-headline .heading-bucket {
    margin: 0
}

@media (min-width: 1024px) {
    .bucket.carousel .content {
        width: calc(100% - 250px);
        float: left
    }
}

.bucket.carousel .content .media-display.hidden {
    display: none
}

.bucket.carousel .content .media-display:last-child {
    margin-right: 0
}

.bucket.carousel .sidebar {
    overflow: hidden;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .bucket.carousel .sidebar {
        position: absolute;
        top: 24px;
        right: 24px;
        bottom: 24px;
        overflow-x: hidden;
        overflow-y: auto;
        white-space: initial;
        width: 226px;
        padding-left: 0
    }
}

.bucket.carousel .sidebar .bucket-tab {
    width: 100%;
    max-width: 260px;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    white-space: initial;
    box-shadow: none
}

.bucket.carousel .sidebar .bucket-tab:last-child {
    margin-right: 0
}

@media (min-width: 1024px) {
    .bucket.carousel .sidebar .bucket-tab {
        box-shadow: initial;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.bucket.carousel .sidebar .bucket-tab .heading-2 {
    margin-top: 0;
    margin-bottom: 0
}

.bucket.carousel .sidebar .overlay-headline {
    position: relative;
    color: rgba(0, 0, 0, 0.95);
    background: none
}

@media (min-width: 1024px) {
    .bucket.carousel.with-headline .sidebar {
        top: 92px
    }
}

.template-two-col .two-col-inner {
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0
}

.template-two-col.container-full-width,
.template-two-col .container-full-width {
    width: auto;
    max-width: calc(1100px + 64px);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    overflow: visible
}

@media (min-width: 1024px) {
    .template-two-col.container-full-width .two-col-content {
        flex: 1;
        padding: 0;
        width: auto;
        margin-right: 24px
    }
}

@media (min-width: 1162px) {
    .template-two-col.container-full-width .two-col-content {
        margin-right: 80px;
        padding: 0;
        width: auto
    }
}

@media (min-width: 1279px) {
    .template-two-col.container-full-width .two-subcol-content {
        flex: 1;
        margin-right: 80px;
        padding: 0;
        width: auto
    }
}

@media (min-width: 1024px) {
    .template-two-col .two-col-content-wrapper {
        display: flex
    }
}

@media (min-width: 1162px) {
    .template-two-col .two-col-content-wrapper {
        padding-right: 0
    }
}

.template-two-col .two-col-content-wrapper .two-col-content-container .component.video:not(.lead-media) {
    padding-top: 32px
}

@media (min-width: 1279px) {
    .template-two-col .two-subcol-content-wrapper {
        display: flex;
        padding-right: 0
    }
}

.template-two-col .content {
    margin: 24px 16px;
    width: auto;
    max-width: none
}

.template-two-col .content.content-breadcrumbs .breadcrumb-list {
    padding: 12px 0
}

@media (min-width: 1024px) {
    .template-two-col .content.content-breadcrumbs .breadcrumb-list {
        padding: 8px 0 0
    }
}

@media (min-width: 768px) {
    .template-two-col .content {
        max-width: 640px;
        margin: 12px auto
    }
}

@media (min-width: 1024px) {
    .template-two-col .content {
        max-width: 1100px;
        margin: 32px 24px
    }
    .template-two-col .content:not(.last) {
        display: flex
    }
}

@media (min-width: 1162px) {
    .template-two-col .content {
        margin: 32px auto
    }
}

.template-two-col .two-col-main-content {
    margin-top: 0
}

.template-two-col .two-col-social {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .template-two-col .two-col-social {
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .template-two-col .two-col-social {
        margin-right: 24px;
        margin-bottom: 0;
        flex: 0 0 48px;
        position: relative
    }
}

@media (min-width: 1162px) {
    .template-two-col .two-col-social {
        margin-right: 32px
    }
}

.template-two-col .docked-sharebar .sharebar-modal {
    display: none
}

@media (min-width: 1024px) {
    .template-two-col .docked-sharebar.docked {
        position: fixed;
        top: 80px
    }
    .template-two-col .docked-sharebar.docked.with-leaderboard {
        top: 200px
    }
    .template-two-col .docked-sharebar.bottom {
        position: absolute;
        bottom: 0
    }
}

.template-two-col .two-col-content-container {
    min-width: 0;
    max-width: 640px
}

@media (min-width: 1024px) {
    .template-two-col .two-col-right-rail {
        flex: 0 0 300px
    }
    .template-two-col .two-col-right-rail>.ad {
        display: block;
        margin-bottom: 24px
    }
}

.template-two-col .sm-card-player iframe {
    max-width: 640px;
    width: 100% !important
}

.template-two-col .content-full-width .image-wrap-container {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 1024px) {
    .template-two-col .content-full-width .image-wrap-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1162px) {
    .template-two-col .content-full-width .image-wrap-container {
        padding-left: 0;
        padding-right: 0
    }
}

.template-two-col .image-expander .image-wrapper:not(:last-child) {
    margin-right: 16px
}

@media (min-width: 1024px) {
    .template-two-col .image-expander .image-wrapper:not(: last-child) {
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .template-two-col .component.lazy-image {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .template-two-col .content-full-width .component.lazy-image {
        max-width: 100%
    }
}

.template-two-col .recirculation-wrapper {
    clear: both
}

.two-col-container .breadcrumbs .breadcrumbs-align-shift {
    display: none
}

.two-col-container .breadcrumbs__container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: auto
}

@media (min-width: 1024px) {
    .two-col-container .breadcrumbs__container {
        justify-content: flex-start
    }
}

.two-col-container .breadcrumbs__list {
    display: flex;
    padding: 0;
    margin: 0;
    white-space: nowrap
}

.two-col-container .breadcrumbs__title {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px
}

.two-col-container .breadcrumbs__icon {
    align-items: center;
    justify-content: center;
    color: #1a7f82;
    display: inline-flex;
    margin: 0 4px;
    position: relative;
    top: -1px
}

.two-col-container .breadcrumbs__icon svg {
    height: inherit;
    width: 24px
}

.two-col-container .breadcrumbs__icon svg path,
.two-col-container .breadcrumbs__icon svg circle {
    fill: #1a7f82
}

.two-col-container .breadcrumbs__icon--last {
    display: none
}

.two-col-container .breadcrumbs__link {
    align-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.95);
    display: inline-flex
}

.two-col-container .breadcrumbs__link .breadcrumbs__title {
    padding-bottom: 1px
}

.two-col-container .breadcrumbs__link:active .breadcrumbs__title,
.two-col-container .breadcrumbs__link:hover .breadcrumbs__title,
.two-col-container .breadcrumbs__link:focus .breadcrumbs__title {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95)
}

.two-col-container .breadcrumbs__item {
    align-content: center;
    list-style-type: none
}

.two-col-container .breadcrumbs__item--last .breadcrumbs__link {
    color: rgba(0, 0, 0, 0.95)
}

.two-col-container .breadcrumbs__item--last .breadcrumbs__title:active,
.two-col-container .breadcrumbs__item--last .breadcrumbs__title:hover,
.two-col-container .breadcrumbs__item--last .breadcrumbs__title:focus {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .two-col-container .breadcrumbs {
        flex: 1 100%
    }
}

.two-col-container .main-header,
.two-col-container .project-heading,
.two-col-container .project-part-container {
    text-align: left;
    margin: 0;
    padding-bottom: 16px;
    max-width: 712px
}

@media (min-width: 1024px) {
    .two-col-container .main-header,
    .two-col-container .project-heading,
    .two-col-container .project-part-container {
        flex: 1 100%;
        padding-bottom: 32px;
        padding-right: 12px
    }
}

@media (min-width: 1162px) {
    .two-col-container .main-header,
    .two-col-container .project-heading,
    .two-col-container .project-part-container {
        padding-right: 0
    }
}

.two-col-container .main-header nav,
.two-col-container .project-heading nav,
.two-col-container .project-part-container nav {
    display: inline
}

.two-col-container .main-header .headline,
.two-col-container .project-heading .headline,
.two-col-container .project-part-container .headline {
    margin-top: 0
}

.two-col-container .main-header .dek,
.two-col-container .project-heading .dek,
.two-col-container .project-part-container .dek {
    margin-bottom: 0
}

.two-col-container .main-header .disclosure-inner,
.two-col-container .project-heading .disclosure-inner,
.two-col-container .project-part-container .disclosure-inner {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.two-col-container .author {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0
}

.two-col-container .author .author-text {
    text-align: left
}

.two-col-container .author .author-text .author-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    border: none;
    color: rgba(0, 0, 0, 0.95)
}

.two-col-container .author a.author-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.two-col-container .author a.author-name:hover,
.two-col-container .author a.author-name:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.two-col-container .author a.author-name:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .author a.author-name:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .author .timestamp {
    color: rgba(0, 0, 0, 0.65);
    display: block;
    padding: 0;
    margin-top: 8px
}

@media (min-width: 768px) {
    .two-col-container .author .author-name+.timestamp,
    .two-col-container .author .author-credit+.timestamp {
        display: inline;
        margin-left: 8px;
        padding-left: 12px;
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

.two-col-container .two-col-content-container>p>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h1>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h2>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h3>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h4>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h5>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>h6>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>ul li>a:not(.component):not(.shop-it):not(.author-page),
.two-col-container .two-col-content-container>ol li>a:not(.component):not(.shop-it):not(.author-page) {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.two-col-container .two-col-content-container>p>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h1>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h2>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h3>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h4>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h5>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>h6>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>ul li>a:not(.component):not(.shop-it):not(.author-page):visited,
.two-col-container .two-col-content-container>ol li>a:not(.component):not(.shop-it):not(.author-page):visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .two-col-content-container>p>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>p>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h1>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h1>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h2>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h2>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h3>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h3>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h4>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h4>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h5>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h5>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>h6>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>h6>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>ul li>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>ul li>a:not(.component):not(.shop-it):not(.author-page):focus,
.two-col-container .two-col-content-container>ol li>a:not(.component):not(.shop-it):not(.author-page):hover,
.two-col-container .two-col-content-container>ol li>a:not(.component):not(.shop-it):not(.author-page):focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.two-col-container .two-col-content-container>p>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h1>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h2>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h3>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h4>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h5>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>h6>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>ul li>a:not(.component):not(.shop-it):not(.author-page):active,
.two-col-container .two-col-content-container>ol li>a:not(.component):not(.shop-it):not(.author-page):active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .two-col-content-container p {
    margin-bottom: 0
}

.two-col-container .two-col-content-container p a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.two-col-container .two-col-content-container p a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .two-col-content-container p a:hover,
.two-col-container .two-col-content-container p a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.two-col-container .two-col-content-container p a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.two-col-container .two-col-content-container p img {
    max-width: 100%
}

.two-col-container .two-col-content-container p:first-child,
.two-col-container .two-col-content-container p:first-of-type {
    margin-top: 0
}

.two-col-container .two-col-content-container p:last-of-type {
    margin-bottom: 0
}

.two-col-container .two-col-content-container h2,
.two-col-container .two-col-content-container h3,
.two-col-container .two-col-content-container h4,
.two-col-container .two-col-content-container h5,
.two-col-container .two-col-content-container h6 {
    margin-top: 48px;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .two-col-container .two-col-content-container>h2:first-child,
    .two-col-container .two-col-content-container>h3:first-child,
    .two-col-container .two-col-content-container>h4:first-child,
    .two-col-container .two-col-content-container>h5:first-child,
    .two-col-container .two-col-content-container>h6:first-child {
        margin-top: 0
    }
}

.two-col-container .two-col-content-container h2+* {
    margin-top: 0
}

.two-col-container .two-col-content-container .instream-ad {
    margin-top: 0;
    margin-bottom: 0
}

.two-col-container .two-col-content-container .instream-ad>div {
    margin-top: 40px
}

.two-col-container .two-col-content-container iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    border: 0
}

.two-col-container .two-col-content-container iframe.instagram-media,
.two-col-container .two-col-content-container blockquote.instagram-media,
.two-col-container .two-col-content-container iframe[src^="https://www.facebook.com/"] {
    margin: 28px 0 !important
}

.two-col-container .component.gallery:not(.top-level) {
    height: auto
}

.two-col-container .component.breadcrumbs nav {
    margin: 0
}

.two-col-container .image-expander img {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.two-col-container .image-wrap-container {
    padding-top: 12px;
    display: block;
    background: transparent;
    text-align: left
}

.two-col-container .image-wrap-container .body-caption,
.two-col-container .image-wrap-container .body-credit {
    color: rgba(0, 0, 0, 0.65);
    display: inline;
    float: none
}

.two-col-container .image-wrap-container .body-caption {
    padding-right: 8px
}

.two-col-container .image-wrap-container .body-credit {
    text-transform: uppercase
}

.two-col-container .image-wrap-container .body-credit:before {
    content: 'Photo: '
}

.two-col-container .component.lazy-image {
    min-height: auto;
    margin-bottom: 0
}

.two-col-container .component.lazy-image.no-upscale.rendered {
    display: block
}

.two-col-container .component.lazy-image .image-background-container {
    background: rgba(0, 0, 0, 0.05)
}

.two-col-container .component.lazy-image .image-background-container .inner-container {
    display: table;
    margin: auto
}

.two-col-container .component.lazy-image .image-wrap-container {
    display: block;
    width: 100%
}

.two-col-container .component.lazy-image .body-caption {
    padding-left: 0
}

.two-col-container .partial.lead-image {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .two-col-container .partial.lead-image.align-right,
    .two-col-container .partial.lead-image.align-left {
        margin-top: 0;
        width: 100%
    }
    .two-col-container .partial.lead-image.align-right {
        float: none;
        margin-left: 0
    }
    .two-col-container .partial.lead-image.align-left {
        float: none;
        margin-right: 0
    }
}

.mdex-test .template-two-col .two-col-container>.content .padded {
    min-width: 0;
    max-width: none
}

.mdex-test .template-two-col .two-col-container>.content .padded.component.oembed {
    padding-left: 0;
    padding-right: 0
}

.mdex-test .template-two-col .two-col-container>.content .dek,
.mdex-test .template-two-col .two-col-container>.content .author,
.mdex-test .template-two-col .two-col-container>.content .disclosure {
    padding-left: 0;
    padding-right: 0
}

.mdex-test .template-two-col .two-col-container>.content .dek {
    text-align: left
}

.mdex-test .template-two-col .two-col-container>.content .lead-image {
    min-height: auto;
    margin-bottom: 0
}

@media (min-width: 1162px) {
    .container-full-width.with-sidebar>.article.content,
    .container-full-width.with-sidebar>.article-content,
    .container-full-width.with-sidebar-right>.article.content,
    .container-full-width.with-sidebar-right>.article-content {
        width: 68.75%
    }
    .container-full-width.with-sidebar>.article.sidebar,
    .container-full-width.with-sidebar-right>.article.sidebar {
        width: 31.25%
    }
}

main.article .padded,
.mdex-test .article-container>.content .padded {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

main.article .padded a[name]:empty,
main.article .padded span[id]:empty,
.mdex-test .article-container>.content .padded a[name]:empty,
.mdex-test .article-container>.content .padded span[id]:empty {
    display: block;
    position: relative;
    top: -48px;
    visibility: hidden
}

@media (min-width: 768px) {
    main.article .padded a[name]:empty,
    main.article .padded span[id]:empty,
    .mdex-test .article-container>.content .padded a[name]:empty,
    .mdex-test .article-container>.content .padded span[id]:empty {
        top: calc(-48px - 90px - 32px)
    }
}

main.article .padded .full-width-media,
.mdex-test .article-container>.content .padded .full-width-media {
    max-width: calc(100% + 32px);
    transform: translateX(-16px);
    width: calc(100% + 32px)
}

main.article .padded .full-width-media .lazy-image,
.mdex-test .article-container>.content .padded .full-width-media .lazy-image {
    display: table
}

@media (min-width: 768px) {
    main.article .padded .full-width-media.gallery,
    .mdex-test .article-container>.content .padded .full-width-media.gallery {
        padding-left: 16px;
        padding-right: 16px
    }
    main.article .padded .full-width-media.gallery .slide-info,
    main.article .padded .full-width-media.gallery .subheading-gallery,
    main.article .padded .full-width-media.gallery .caption,
    .mdex-test .article-container>.content .padded .full-width-media.gallery .slide-info,
    .mdex-test .article-container>.content .padded .full-width-media.gallery .subheading-gallery,
    .mdex-test .article-container>.content .padded .full-width-media.gallery .caption {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    main.article .padded .full-width-media.gallery,
    .mdex-test .article-container>.content .padded .full-width-media.gallery {
        padding-left: 0;
        padding-right: 0
    }
}

main.article .padded .full-width-media.gallery .owl-prev.disabled,
.mdex-test .article-container>.content .padded .full-width-media.gallery .owl-prev.disabled {
    display: none
}

@media (min-width: 768px) {
    main.article .padded,
    .mdex-test .article-container>.content .padded {
        min-width: 768px;
        max-width: 1024px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    main.article .padded,
    .mdex-test .article-container>.content .padded {
        min-width: 651px;
        max-width: none;
        padding-left: 56px;
        padding-right: 56px
    }
    main.article .padded .full-width-media,
    .mdex-test .article-container>.content .padded .full-width-media {
        max-width: calc(100% + 112px);
        transform: translateX(-56px);
        width: calc(100% + 112px)
    }
}

main.article .lead-media,
.mdex-test .article-container>.content .lead-media {
    margin-bottom: 32px
}

main.article .lead-media .project-helper-text,
.mdex-test .article-container>.content .lead-media .project-helper-text {
    color: rgba(0, 0, 0, 0.65);
    font-family: "Noto Serif", serif;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    padding-top: 8px;
    text-align: center
}

@media (min-width: 768px) {
    main.article .headline-wrapper .headline,
    .mdex-test .article-container>.content .headline-wrapper .headline {
        margin-bottom: 0
    }
}

main.article .dek,
.mdex-test .article-container>.content .dek {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

@media (min-width: 1024px) {
    main.article .dek,
    .mdex-test .article-container>.content .dek {
        padding-left: 56px;
        padding-right: 56px;
        text-align: left
    }
}

main.article .type-120x60,
.mdex-test .article-container>.content .type-120x60 {
    position: absolute;
    right: -24px;
    top: -16px
}

main.article .quick-hit h4,
.mdex-test .article-container>.content .quick-hit h4 {
    color: rgba(0, 0, 0, 0.95)
}

main.article .quick-hit li,
.mdex-test .article-container>.content .quick-hit li {
    color: rgba(0, 0, 0, 0.65);
    display: list-item;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    margin-left: 20px
}

main.article .intro-top,
.mdex-test .article-container>.content .intro-top {
    margin-bottom: 0;
    position: relative
}

main.article .article.content.body .type-300x250,
main.article .article.content.body .ad-container[data-dimensions="300x250"],
.mdex-test .article-container>.content .article.content.body .type-300x250,
.mdex-test .article-container>.content .article.content.body .ad-container[data-dimensions="300x250"] {
    min-height: 268px
}

@media (max-width: 768px) {
    main.article .article.content.body .type-300x250,
    main.article .article.content.body .ad-container[data-dimensions="300x250"],
    .mdex-test .article-container>.content .article.content.body .type-300x250,
    .mdex-test .article-container>.content .article.content.body .ad-container[data-dimensions="300x250"] {
        left: 50%;
        margin-left: -50vw;
        max-width: 100vw;
        position: relative;
        width: 100vw
    }
}

main.article .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail,
.mdex-test .article-container>.content .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail {
    margin-top: -8px;
    z-index: 101 !important
}

@media (min-width: 768px) {
    main.article .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail,
    .mdex-test .article-container>.content .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail {
        background-color: rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        margin-left: -20px;
        padding: 16px 0;
        width: 100%
    }
}

@media (min-width: 1024px) {
    main.article .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail,
    .mdex-test .article-container>.content .article.content.body .ad-sticky-container .ad-container.ads-sticky-rail {
        background-color: #fff;
        border-bottom: 0;
        margin-left: -56px;
        padding: 8px 0 16px;
        width: 800px
    }
}

main.article .article.content.body .component.lazy-image>img,
.mdex-test .article-container>.content .article.content.body .component.lazy-image>img {
    max-height: none;
    width: auto
}

main.article .article.content.body .image-wrapper,
.mdex-test .article-container>.content .article.content.body .image-wrapper {
    background-color: #fff;
    position: relative
}

main.article .article.content.body .component.expander .expander-inner,
.mdex-test .article-container>.content .article.content.body .component.expander .expander-inner {
    max-height: none
}

main.article .article.content.body .component.expander .expander-button,
.mdex-test .article-container>.content .article.content.body .component.expander .expander-button {
    border-top: 1px solid rgba(0, 0, 0, 0.95);
    margin-top: 24px
}

main.article .article.content.body .component.expander .expander-button .open-button,
.mdex-test .article-container>.content .article.content.body .component.expander .expander-button .open-button {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.95);
    border-radius: 100px;
    display: table;
    height: 44px;
    margin: -30px 0 auto;
    padding-top: 13px;
    text-align: center;
    width: 220px
}

@media (min-width: 1024px) {
    main.article .article.content.body .component.expander .expander-button,
    .mdex-test .article-container>.content .article.content.body .component.expander .expander-button {
        display: none
    }
}

main.article .article-small-sidebar .component.outbrain,
.mdex-test .article-container>.content .article-small-sidebar .component.outbrain {
    display: none
}

@media (min-width: 1024px) {
    main.article .article-small-sidebar .component.outbrain,
    .mdex-test .article-container>.content .article-small-sidebar .component.outbrain {
        display: block
    }
}

main.article .faceted-search-widget-divider,
.mdex-test .article-container>.content .faceted-search-widget-divider {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 24px 0 16px
}

@media (min-width: 768px) {
    main.article .faceted-search-widget-divider,
    .mdex-test .article-container>.content .faceted-search-widget-divider {
        display: none
    }
}

@media (min-width: 768px) {
    main.article .faceted-search-widget,
    .mdex-test .article-container>.content .faceted-search-widget {
        max-width: none
    }
}

main.article .embed-megaphone,
.mdex-test .article-container>.content .embed-megaphone {
    margin: 24px 0
}

main.article .embed-megaphone iframe,
.mdex-test .article-container>.content .embed-megaphone iframe {
    height: 206px;
    width: 100%
}

.author {
    font-family: "Noto Serif", serif;
    letter-spacing: .5px
}

@media (min-width: 1024px) {
    .author {
        letter-spacing: .5px
    }
}

.author .author-name {
    font-weight: 700;
    text-transform: uppercase
}

.author .author-name .byline-comma {
    font-weight: 400
}

.author .timestamp {
    color: rgba(0, 0, 0, 0.65)
}

.author .author-text {
    text-align: center
}

@media (min-width: 1024px) {
    .author .author-text {
        text-align: left
    }
}

.author .author-text>div {
    display: inline-block;
    padding: 2px
}

.author .icon-twitter {
    height: 20px;
    width: 20px;
    vertical-align: middle
}

.author .icon-twitter svg {
    transform: scale(0.5);
    position: relative;
    left: -8px;
    top: -9px
}

.article-header {
    margin: 0 auto;
    max-width: 840px
}

@media (min-width: 1024px) {
    .article-header {
        margin: inherit
    }
}

.article-header .article-info {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .article-header .article-info {
        padding-top: 32px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .article-header .article-info {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .body.content:not(.gallery) {
        margin-bottom: 12px
    }
}

.body.content:not(.gallery)>* {
    margin-left: auto;
    margin-right: auto
}

.body.content:not(.gallery) img {
    max-width: 100%
}

.body.content:not(.gallery) p a {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95);
    font-weight: 400;
    padding: 1px 0;
    transition: all .1s ease-in-out
}

.body.content:not(.gallery) p a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.body.content:not(.gallery) .ad-container {
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 9999px;
    padding: 0
}

.body.content:not(.gallery) h1:not(.headline) {
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: 24px
}

.body.content:not(.gallery) h2:not(.headline):not(.subheading-gallery) {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body.content:not(.gallery) h3:not(.headline) {
    font-size: 18.72px;
    margin-top: 16px;
    margin-bottom: 16px
}

.body.content:not(.gallery) h4:not(.headline) {
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 12px
}

.body.content:not(.gallery) h5:not(.headline) {
    font-size: 13.28px;
    margin-top: 12px;
    margin-bottom: 12px
}

.body.content:not(.gallery) h6:not(.headline) {
    font-size: 10.72px;
    margin-top: 12px;
    margin-bottom: 12px
}

.body.content:not(.gallery) blockquote {
    margin: 0 auto
}

.body.content:not(.gallery) blockquote a {
    box-shadow: none;
    color: rgba(0, 0, 0, 0.95)
}

.body.content:not(.gallery) blockquote a:hover {
    color: #1A9EB9
}

.body.content:not(.gallery) blockquote p>em,
.body.content:not(.gallery) blockquote i {
    font-style: normal
}

.body.content:not(.gallery) hr {
    background-image: url("../img/icons/line-break.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    display: block;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 24px
}

.body.content:not(.gallery) .full-width-media {
    margin-top: 16px;
    margin-bottom: 16px
}

.body.content:not(.gallery) iframe {
    border: 0;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.body.content:not(.gallery) .full-width-media.component {
    margin-top: 1em;
    margin-bottom: 1em
}

.body.content:not(.gallery) .inline.image,
.body.content:not(.gallery) .ad-container {
    max-width: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .body.content:not(.gallery) .inline.image.align-img,
    .body.content:not(.gallery) .ad-container.align-img {
        max-width: 100%;
        width: auto
    }
    .body.content:not(.gallery) .inline.image.align-img .lazy-image img,
    .body.content:not(.gallery) .ad-container.align-img .lazy-image img {
        max-height: none
    }
    .body.content:not(.gallery) .inline.image.align-img.align-center,
    .body.content:not(.gallery) .ad-container.align-img.align-center {
        margin: 0 auto
    }
    .body.content:not(.gallery) .inline.image.align-img.align-right,
    .body.content:not(.gallery) .ad-container.align-img.align-right {
        float: right;
        margin: 8px 0 16px 16px
    }
    .body.content:not(.gallery) .inline.image.align-img.align-left,
    .body.content:not(.gallery) .ad-container.align-img.align-left {
        float: left;
        margin: 8px 16px 16px 0
    }
}

@media (min-width: 1024px) {
    .body.content:not(.gallery) .inline.image,
    .body.content:not(.gallery) .ad-container {
        margin-left: -56px;
        max-width: calc(100% + 112px);
        padding: 0;
        width: calc(100% + 112px)
    }
}

.body.content:not(.gallery) .inline-article {
    overflow: auto;
    line-height: 1.16
}

.body.content:not(.gallery) .inline-article .secondary-text {
    color: rgba(0, 0, 0, 0.95)
}

.body.content:not(.gallery) .inline-article a {
    color: rgba(0, 0, 0, 0.95)
}

.body.content:not(.gallery) .inline-article a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.body.content:not(.gallery) .si-list .table-wrap {
    overflow: scroll
}

.body.content:not(.gallery) .si-list table {
    min-width: 560px
}

.body.content:not(.gallery) .si-list .list {
    width: 100%
}

.body.content:not(.gallery) .si-list .ad-container {
    display: none
}

.body.content:not(.gallery) .si-list .rank {
    font-family: "Libre Franklin", sans-serif;
    font-feature-settings: "tnum";
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 16px;
    margin: 0;
    margin-right: 8px;
    min-width: 24px;
    text-align: right
}

.body.content:not(.gallery) .si-list .rank:after {
    content: "."
}

.body.content:not(.gallery) .si-list .thumb {
    float: right;
    width: 40px;
    height: auto
}

@media (min-width: 1024px) {
    .body.content:not(.gallery) .si-list .thumb {
        margin-left: 16px;
        width: 88px
    }
}

.body.content:not(.gallery) .si-list .thumb>p {
    display: none
}

.body.content:not(.gallery) .si-list .info {
    float: none;
    margin-bottom: 16px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .body.content:not(.gallery) .si-list .info {
        margin-bottom: 32px
    }
}

.body.content:not(.gallery) .si-list .team-name,
.body.content:not(.gallery) .si-list .title-wrap {
    color: #282f2f;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.body.content:not(.gallery) .si-list .team-name .number,
.body.content:not(.gallery) .si-list .title-wrap .number {
    display: none
}

.body.content:not(.gallery) .si-list .position,
.body.content:not(.gallery) .si-list .record,
.body.content:not(.gallery) .si-list .subtitle {
    color: rgba(0, 0, 0, 0.65);
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase
}

.body.content:not(.gallery) .si-list .blurb {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 12px;
    padding-top: 12px
}

.body.content:not(.gallery) .si-list .blurb+.blurb {
    border-top: 0 solid rgba(0, 0, 0, 0.15);
    margin-top: 0;
    padding-top: 0
}

@media (min-width: 1024px) {
    .body.content:not(.gallery) .si-list .blurb {
        margin-right: 104px
    }
}

.body.content:not(.gallery) .si-list hr,
.body.content:not(.gallery) .si-list .updown,
.body.content:not(.gallery) .si-list .body-credit {
    display: none
}

.body.content:not(.gallery) .si-list .inline.image {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.body.content:not(.gallery) .si-list .margin-16-tb {
    margin: 0
}

.body.content:not(.gallery) .podcastplayer-showcase iframe {
    min-height: 225px;
    width: 100%
}

.btn {
    background: #fff;
    border: 2px #282f2f solid;
    border-radius: 3px;
    color: #282f2f
}

.btn:hover {
    background: #282f2f;
    color: #fff
}

.bio-zone {
    color: rgba(0, 0, 0, 0.65);
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 24px
}

.emojione {
    height: 20px
}

.bio-zone .byline {
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 768px) {
    .bio-zone .byline {
        font-size: 18px
    }
}

.bio-zone .headshot {
    margin-right: 24px
}

.bio-zone .headshot img {
    margin: 0 auto;
    position: relative
}

main.article.native .article-headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    main.article.native .article-headline {
        font-size: 32px;
        line-height: 36px
    }
}

main.article.native .section-content {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 1024px) {
    main.article.native .section-content {
        width: 68.75%;
        float: left;
        padding-left: 32px;
        padding-right: 32px
    }
}

main.article.native .section-content .author-profile.prx-location {
    right: 24px
}

@media (min-width: 1024px) {
    main.article.native .section-content .author-profile.prx-location {
        right: 32px
    }
}

main.article.native .sidebar.sidebar-right {
    max-width: 100%
}

@media (min-width: 1024px) {
    main.article.native .sidebar.sidebar-right {
        width: 31.25%
    }
}

main.article.native .ad-sponsored-logo {
    margin-top: 20px
}

.article-info-extended {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0
}

.bottom-recirc .component.outbrain {
    margin-bottom: 32px;
    width: 100%
}

@media (min-width: 768px) {
    .bottom-recirc .component.outbrain {
        margin-bottom: 40px;
        padding: 0 36px
    }
}

@media (min-width: 1024px) {
    .bottom-recirc .component.outbrain {
        padding-top: 4px
    }
}

.padded-mobile {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .padded-mobile {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .padded-mobile {
        padding-left: 0;
        padding-right: 0
    }
}

.content.article,
.content.gallery,
.content.recipe {
    margin: 0 auto;
    max-width: 1120px
}

.content.article .disclosure,
.content.gallery .disclosure,
.content.recipe .disclosure {
    color: rgba(0, 0, 0, 0.3);
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .5px;
    line-height: 20px;
    margin-bottom: 24px
}

.content.article.tags,
.content.gallery.tags,
.content.recipe.tags {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%
}

.content.article.tags .component,
.content.gallery.tags .component,
.content.recipe.tags .component {
    border-top: 1px solid #d7d7d9;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 16px
}

.content.article.tags .component .tag-list,
.content.gallery.tags .component .tag-list,
.content.recipe.tags .component .tag-list {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .content.article.tags .component,
    .content.gallery.tags .component,
    .content.recipe.tags .component {
        margin-left: 24px;
        margin-right: 24px
    }
    .content.article.tags .tag-list,
    .content.gallery.tags .tag-list,
    .content.recipe.tags .tag-list {
        margin-bottom: 12px
    }
}

@media (min-width: 1024px) {
    .content.article.tags,
    .content.gallery.tags,
    .content.recipe.tags {
        max-width: 800px
    }
    .content.article.tags .component,
    .content.gallery.tags .component,
    .content.recipe.tags .component {
        margin-left: 0;
        margin-right: 0
    }
    .content.article.tags .component .tag-list,
    .content.gallery.tags .component .tag-list,
    .content.recipe.tags .component .tag-list {
        margin-bottom: 28px
    }
}

.content.article div.padded p,
.content.article div.padded .caption,
.content.article div.padded .inline-article,
.content.article div.padded .component.video,
.content.article div.padded .disclosure-inner {
    max-width: 640px
}

.content.article div.padded .pullquote {
    border: none;
    margin-left: 0;
    max-width: 640px;
    text-align: center
}

.content.article div.padded .pullquote.quote-icon {
    background-image: url("../img/icons/quotemark.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 4%
}

.content.article div.padded .pullquote .pullquote-content {
    font-weight: 400;
    padding-top: 16px
}

@media (min-width: 1024px) {
    .content.article div.padded .pullquote .pullquote-content {
        padding-top: 24px
    }
}

.content.article div.padded .pullquote .pullquote-attribution {
    text-transform: uppercase
}

.content.article div.padded .blockquote {
    border-left: 1px solid rgba(0, 0, 0, 0.47);
    text-align: left
}

.content.article div.padded .media-item.media-video {
    margin: 0;
    max-width: 640px
}

.content.article div.padded .inline.image {
    max-width: 640px
}

@media (min-width: 1162px) {
    .content.article div.padded .inline.image {
        margin: 0
    }
}

@media (min-width: 768px) {
    .content.article div.padded .embed-instagram iframe.instagram-media.instagram-media-rendered {
        margin: 0 !important;
        max-width: 640px !important
    }
}

.content.article div.padded .gallery.full-width-media,
.content.article div.padded .component.inline-article {
    max-width: 640px
}

@media (min-width: 1024px) {
    .content.article div.padded .gallery.full-width-media,
    .content.article div.padded .component.inline-article {
        margin: 0 0 0 56px
    }
}

.content.article div.padded .gallery.full-width-media .media-body,
.content.article div.padded .component.inline-article .media-body {
    align-self: center;
    display: flex;
    flex-direction: column
}

.content.article div.padded .links-list.full-width-media {
    max-width: 640px
}

@media (min-width: 1024px) {
    .content.article div.padded .links-list.full-width-media {
        margin: 0 0 0 56px;
        padding: 0 8px
    }
}

.content.article .component.lazy-image .body-credit {
    margin-left: 0
}

@media (min-width: 1162px) {
    .content.article .component.lazy-image .image-wrap-container .body-caption {
        font-size: 14px;
        letter-spacing: .5px
    }
}

.content.article .shop-it-button {
    color: rgba(0, 0, 0, 0.47);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase
}

.content.article .shop-it-button .price {
    margin-left: 16px
}

.content.article .shop-it-button .shop-it {
    border: 1px solid #282f2f;
    margin: 16px auto 0
}

.recipe-content .content.article.tags {
    float: none
}

.recipe-content .content.article.tags .component .tag-list {
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .recipe-content .content.article .component {
        margin-left: 24px;
        margin-right: 24px
    }
}

.edit-link {
    align-items: center;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    display: none;
    font-family: "Noto Serif", serif;
    padding: 6px;
    position: absolute;
    z-index: 100
}

.edit-link:hover {
    color: #fff
}

.edit-link.is-fixed {
    position: fixed;
    bottom: 12px;
    left: 12px
}

.edit-link svg {
    width: 36px;
    height: 36px
}

.edit-link svg path {
    fill: #fff
}

.edit-link span {
    padding-left: 6px
}

.links-list-li svg {
    display: none
}

.is-logged-in .article-info:hover .edit-link,
.is-logged-in .listicle__item:hover .edit-link,
.is-logged-in .partial.lead-image:hover .edit-link,
.is-logged-in .js-media-content:hover .edit-link {
    display: flex
}

.is-logged-in .edit-link.is-fixed {
    display: flex
}

.attribution-text {
    text-align: center
}

@media (min-width: 1024px) {
    .attribution-text {
        text-align: left
    }
}

.attribution-text .attribution-type-text {
    color: rgba(0, 0, 0, 0.47);
    text-transform: uppercase
}

.attribution-text a {
    color: rgba(0, 0, 0, 0.95);
    font-weight: 700;
    letter-spacing: .5px
}

.syndication-attribution-text {
    padding-bottom: 20px
}

.syndication-attribution-text .syndication-attribution-type-text {
    text-transform: capitalize;
    font-style: italic;
    font-family: "Noto Serif", serif
}

.syndication-attribution-text a {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-weight: 700;
    letter-spacing: .5px
}

body.generic .article-content,
body.template-generic .article-content {
    margin: auto;
    max-width: 840px
}

body.generic .article-content .oembed,
body.template-generic .article-content .oembed {
    margin-bottom: 40px
}

.template-article .article.content.body .component.inline.image .image-wrapper {
    background-color: rgba(0, 0, 0, 0.05)
}

.template-article .article.content.body .component.inline.image .image-wrap-container {
    background-color: #fff;
    display: block
}

.mdex-test.template-article {
    overflow-x: hidden
}

.mdex-test.template-article .two-col-content-container a:hover {
    box-shadow: none
}

.mdex-test.template-article .entityTout.component .entityTout__link {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    box-shadow: none;
    display: block;
    margin: 16px 0 12px
}

.mdex-test.template-article .entityTout.component .entityTout__link:hover,
.mdex-test.template-article .entityTout.component .entityTout__link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

@media (min-width: 768px) {
    .mdex-test.template-article .entityTout.component .entityTout__link {
        margin-top: 0
    }
}

.mdex-test.template-article .component.breadcrumbs .breadcrumbs__container {
    justify-content: flex-start
}

.mdex-test.template-article .recirculation__wrapper--bottom {
    display: none
}

.mdex-test.template-article .has-ugc-comments .recirculation__wrapper--bottom {
    display: block
}

.mdex-test.template-article .original-source {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    padding-top: 8px;
    text-transform: uppercase
}

.mdex-test.template-article .karma-rail-docking-element {
    display: none
}

@media (min-width: 1024px) {
    .mdex-test.template-article .karma-rail-docking-element {
        display: block
    }
}

.mdex-test.template-article .outbrain__below-article-container {
    margin: 0 auto;
    max-width: 1100px
}

.mdex-test.template-article .outbrain__below-article-divider {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    left: -16px;
    margin: 40px 0;
    position: relative;
    width: 100vw
}

@media (min-width: 768px) {
    .mdex-test.template-article .outbrain__below-article-divider {
        left: calc(-1 * ((100vw - 640px) / 2));
        margin: 48px 0
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-article .outbrain__below-article-divider {
        left: -24px;
        margin: 56px 0
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-article .outbrain__below-article-divider {
        left: calc(-1 * ((100vw - 1100px) / 2));
        margin: 64px 0
    }
}

.mdex-test.template-article .outbrain__below-article-widget {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .mdex-test.template-article .article-container .content.content-breadcrumbs,
    .mdex-test.template-article .article-container .content.two-col-main-content {
        margin: 24px auto
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-article .article-container {
        margin: 0 auto;
        max-width: 1100px;
        padding: 0 24px
    }
    .mdex-test.template-article .article-container .content.content-breadcrumbs {
        margin-left: 0
    }
    .mdex-test.template-article .article-container .content.content-breadcrumbs .component.breadcrumbs {
        flex: 0 0 auto;
        max-width: 720px;
        overflow: hidden;
        width: calc(100vw - 396px)
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-article .article-container {
        margin: 0 auto;
        max-width: 1100px;
        padding: 0
    }
}

.template-two-col .two-col-content-wrapper .article-content-container .component.inline.image,
.template-two-col .two-col-content-wrapper .article-content-container .video-wrapper-full,
.template-two-col .two-col-content-wrapper .article-content-container .component.video:not(.lead-media) {
    margin-top: 48px;
    padding-top: 0
}

.template-two-col .two-col-content-wrapper .article-content-container .component.inline.image:first-child,
.template-two-col .two-col-content-wrapper .article-content-container .video-wrapper-full:first-child,
.template-two-col .two-col-content-wrapper .article-content-container .component.video:not(.lead-media):first-child {
    margin-top: 0
}

.template-two-col .two-col-content-wrapper .article-content-container .instream-ad.sister-ad+.sister-ad {
    margin-left: 24px
}

.template-two-col .two-col-content-wrapper .article-content-empty-body {
    min-height: 320px;
    width: 100%
}

@media (min-width: 768px) {
    .template-two-col .two-col-content-wrapper .article-content-empty-body {
        width: 640px;
        height: 100%
    }
    .template-two-col .two-col-content-wrapper .article-content-empty-body .tablet-ad {
        display: block
    }
}

@media (min-width: 1024px) {
    .template-two-col .two-col-content-wrapper .article-content-empty-body .tablet-ad {
        display: none
    }
}

.mdex-test .article-content-container h2.lead-media-heading {
    margin: 0 0 48px
}

.content.article .component.breadcrumbs .breadcrumbs__container,
.content.gallery .component.breadcrumbs .breadcrumbs__container,
.template-section .component.breadcrumbs .breadcrumbs__container {
    justify-content: center
}

main.writers .content.padded {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 1024px) {
    main.writers .content.padded {
        padding-left: 0;
        padding-right: 0
    }
}

main.writers .headline {
    text-align: center;
    font-size: 24px;
    line-height: 24px
}

@media (min-width: 1024px) {
    main.writers .headline {
        text-align: left;
        font-size: 24px;
        line-height: 24px
    }
}

main.writers .tab-menu {
    width: 100%
}

main.writers .tab-rail {
    opacity: 1;
    transition: opacity 400ms ease-in-out
}

main.writers .headshot.image img {
    height: 100%
}

.quick-filter-active main.writers .tab-rail {
    opacity: 0
}

.quick-filter-active main.writers .tab-content .tab-content-container {
    height: auto !important
}

.quick-filter-active main.writers .tab-content .tab-content-slide {
    width: 100% !important;
    height: auto !important;
    left: initial !important;
    position: relative
}

.quick-filter-active main.writers .tab-content .tab-content-group {
    float: none;
    display: inline
}

main.writer .heading-main {
    width: 100%
}

@media (min-width: 1024px) {
    main.writer .heading-main {
        text-align: center
    }
}

main.writer .heading-main-inner {
    max-width: 350px
}

@media (min-width: 1024px) {
    main.writer .heading-main-inner {
        width: auto;
        max-width: initial;
        display: inline-block
    }
    main.writer .heading-main-inner:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    main.writer .partial.headshot {
        float: left;
        margin-right: 24px
    }
}

main.writer .partial.headshot .missing {
    height: 64px;
    width: 64px;
    margin-left: 1px;
    margin-top: 6px
}

main.writer .heading-writer-name {
    font-size: 32px;
    font-weight: 500;
    font-family: "Libre Franklin", sans-serif
}

@media (min-width: 1024px) {
    main.writer .heading-writer-name {
        position: relative;
        float: left;
        max-width: 400px
    }
}

main.writer .heading-writer-name .heading-content {
    margin-top: 0;
    margin-bottom: 0
}

main.writer .button.favorite {
    text-align: left;
    margin: 8px auto
}

@media (min-width: 1024px) {
    main.writer .button.favorite {
        position: absolute;
        width: 160px;
        left: -48px;
        top: 56px;
        margin: auto;
        border: none
    }
}

main.writer .bio {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #282f2f;
    max-width: 480px
}

.vjs-control-bar:not(.vjs-ad-control-bar) .vjs-play-progress,
.vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected,
.vjs-volume-level,
.vjs-big-play-button {
    background-color: rgba(0, 0, 0, 0.95) !important
}

.jumpstart-video .video-js .vjs-big-play-button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    margin-top: 0;
    margin-left: 0;
    transform: translate(-50%, -50%)
}

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.vjs-control-text {
    color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.container-full-width main.content.gallery {
    position: relative
}

.container-full-width main.content.gallery .heading-content {
    letter-spacing: .5px
}

.container-full-width main.content.gallery .article-header {
    margin-bottom: 20px
}

.container-full-width main.content.gallery .article-header .intro.article-info {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    .container-full-width main.content.gallery .article-header .intro.article-info {
        padding-left: 44px;
        padding-right: 44px
    }
}

@media (min-width: 1024px) {
    .container-full-width main.content.gallery .article-header .intro.article-info {
        padding-left: 0;
        padding-right: 0
    }
}

.container-full-width main.content.gallery .component.expander {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .container-full-width main.content.gallery .component.expander {
        padding-left: 44px;
        padding-right: 44px
    }
}

@media (min-width: 1024px) {
    .container-full-width main.content.gallery .component.expander {
        padding-left: 0;
        padding-right: 0
    }
}

.container-full-width main.content.gallery .dek,
.container-full-width main.content.gallery .author-text,
.container-full-width main.content.gallery .attribution-text {
    text-align: center
}

.container-full-width main.content.gallery .article-content .bottom-recirc .component.outbrain {
    padding: 0
}

@media (min-width: 1024px) {
    .container-full-width main.content.gallery .article-content .component.expander {
        padding-left: 24px;
        padding-right: 24px
    }
    .container-full-width main.content.gallery .article-content .dek,
    .container-full-width main.content.gallery .article-content .author-text {
        text-align: left
    }
}

.container-full-width main.content.gallery .article-content .intro p:first-child,
.container-full-width main.content.gallery .article-content .intro ul:first-child,
.container-full-width main.content.gallery .article-content .intro ol:first-child {
    margin-top: 0
}

.container-full-width main.content.gallery .sidebar {
    position: absolute;
    top: 0;
    right: 0
}

.container-full-width main.content.gallery .article-slide .headline-link {
    color: #282f2f
}

.container-full-width main.content.gallery .article-slide .headline-link:hover {
    color: rgba(0, 0, 0, 0.95)
}

.container-full-width main.content.gallery .horizontal-gallery-outbrain {
    display: none
}

.container-full-width main.content.gallery .outbrain-container.padded-mobile {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .container-full-width main.content.gallery .outbrain-container.padded-mobile {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .container-full-width main.content.gallery .outbrain-container.padded-mobile {
        padding-left: 0;
        padding-right: 0
    }
}

.container-full-width main.content.gallery .vertical-slide .media-img {
    background-color: #fff
}

.container-full-width.component.horizontal-gallery,
.container-full-width .component.horizontal-gallery {
    display: none
}

@media (min-width: 1024px) {
    .container-full-width.component.horizontal-gallery,
    .container-full-width .component.horizontal-gallery {
        display: block;
        max-width: 1120px;
        padding: 0 0 32px 0
    }
    .container-full-width.component.horizontal-gallery.hidden,
    .container-full-width .component.horizontal-gallery.hidden {
        display: none
    }
    .container-full-width.component.horizontal-gallery.top-level .gallery-content .gallery-container,
    .container-full-width .component.horizontal-gallery.top-level .gallery-content .gallery-container {
        padding: 10px;
        background: rgba(0, 0, 0, 0.07)
    }
    .container-full-width.component.horizontal-gallery.top-level .gallery-content .owl-prev,
    .container-full-width.component.horizontal-gallery.top-level .gallery-content .owl-next,
    .container-full-width .component.horizontal-gallery.top-level .gallery-content .owl-prev,
    .container-full-width .component.horizontal-gallery.top-level .gallery-content .owl-next {
        top: 50%
    }
    .container-full-width.component.horizontal-gallery .media-img img,
    .container-full-width .component.horizontal-gallery .media-img img {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .container-full-width.component.horizontal-gallery main.content.gallery,
    .container-full-width .component.horizontal-gallery main.content.gallery {
        max-width: 1120px
    }
    .container-full-width.component.horizontal-gallery main.content.gallery .article-content,
    .container-full-width .component.horizontal-gallery main.content.gallery .article-content {
        max-width: 1120px
    }
}

.container-full-width.component.horizontal-gallery main.content.gallery .horizontal-gallery-outbrain,
.container-full-width .component.horizontal-gallery main.content.gallery .horizontal-gallery-outbrain {
    display: block
}

.container-full-width.component.horizontal-gallery main.content.gallery .vertical-gallery-outbrain,
.container-full-width .component.horizontal-gallery main.content.gallery .vertical-gallery-outbrain {
    display: none
}

.container-full-width.component.horizontal-gallery main.content.gallery .component.gallery,
.container-full-width .component.horizontal-gallery main.content.gallery .component.gallery {
    display: none
}

.container-full-width.component.horizontal-gallery main.content.gallery .component.vertical-gallery,
.container-full-width .component.horizontal-gallery main.content.gallery .component.vertical-gallery {
    display: block
}

@media (min-width: 1024px) {
    .container-full-width.component.horizontal-gallery main.content.gallery .component.vertical-gallery,
    .container-full-width .component.horizontal-gallery main.content.gallery .component.vertical-gallery {
        display: none
    }
}

@media (min-width: 1024px) {
    .container-full-width.component.horizontal-gallery main.content.gallery .sidebar-right .component.feed,
    .container-full-width .component.horizontal-gallery main.content.gallery .sidebar-right .component.feed {
        display: none
    }
}

.container-full-width.vertical-gallery main.content.gallery .intro .ad-sticky-container .ad-container.ads-sticky-rail,
.container-full-width.vertical-gallery main.content.gallery .component.vertical-gallery .ad-sticky-container .ad-container.ads-sticky-rail {
    z-index: 101 !important;
    margin-top: -8px
}

@media (min-width: 768px) {
    .container-full-width.vertical-gallery main.content.gallery .intro .ad-sticky-container .ad-container.ads-sticky-rail,
    .container-full-width.vertical-gallery main.content.gallery .component.vertical-gallery .ad-sticky-container .ad-container.ads-sticky-rail {
        background-color: rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 16px 0;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .container-full-width.vertical-gallery main.content.gallery .intro .ad-sticky-container .ad-container.ads-sticky-rail,
    .container-full-width.vertical-gallery main.content.gallery .component.vertical-gallery .ad-sticky-container .ad-container.ads-sticky-rail {
        background-color: #fff;
        border-bottom: 0;
        padding: 8px 0 16px;
        width: 800px
    }
}

@media (min-width: 1024px) {
    .container-full-width.vertical-gallery main.content.gallery .intro .ad-sticky-container .ad-container.ads-sticky-rail {
        margin-left: -24px
    }
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar>main.gallery.content,
    .container-full-width.with-sidebar-right>main.gallery.content {
        width: 100%
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .container-full-width.with-sidebar>main.gallery.content,
    .container-full-width.with-sidebar-right>main.gallery.content {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar>main.gallery.content .component.tags,
    .container-full-width.with-sidebar>main.gallery.content .content-heading-container,
    .container-full-width.with-sidebar>main.gallery.content .partner-content-header .partner-image,
    .container-full-width.with-sidebar-right>main.gallery.content .component.tags,
    .container-full-width.with-sidebar-right>main.gallery.content .content-heading-container,
    .container-full-width.with-sidebar-right>main.gallery.content .partner-content-header .partner-image {
        width: 62.5%
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .container-full-width.with-sidebar>main.gallery.content .component.tags,
    .container-full-width.with-sidebar>main.gallery.content .content-heading-container,
    .container-full-width.with-sidebar>main.gallery.content .partner-content-header .partner-image,
    .container-full-width.with-sidebar-right>main.gallery.content .component.tags,
    .container-full-width.with-sidebar-right>main.gallery.content .content-heading-container,
    .container-full-width.with-sidebar-right>main.gallery.content .partner-content-header .partner-image {
        width: 68.75%
    }
}

@media (min-width: 1024px) {
    .container-full-width.with-sidebar>main.gallery.content .padded,
    .container-full-width.with-sidebar-right>main.gallery.content .padded {
        padding-left: 0;
        padding-right: 0
    }
    .body.content .intro .video {
        margin-bottom: 48px
    }
    .body.content .component.gallery.full-width-media {
        margin-top: 0
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .intro-article .padded.intro {
        padding: 0 56px
    }
}

.gallery-details .credit {
    color: rgba(0, 0, 0, 0.8)
}

.template-gallery .disclosure-inner {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.template-gallery .recirculation__wrapper--bottom {
    display: none
}

@media (min-width: 1162px) {
    .template-gallery .recirculation__wrapper--bottom {
        display: block
    }
}

.container-frame {
    background-color: #fff;
    position: absolute;
    top: 104px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.container-frame iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .container-frame {
        top: 150px
    }
}

.search-container {
    width: 200px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .search-container {
        margin: 0
    }
}

.component.search .input-label {
    display: none
}

.search-term {
    font-style: italic
}

.search-results .count {
    font-family: "Noto Serif", serif;
    color: rgba(0, 0, 0, 0.47);
    font-weight: 400;
    font-size: 10px
}

.search-image {
    background: rgba(0, 0, 0, 0.05)
}

.search-image img {
    margin: 0 auto
}

.padded {
    padding-left: 24px;
    padding-right: 24px
}

.error.content {
    text-align: left;
    max-width: 768px;
    margin: 0 auto
}

.error.content .error-code {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 32px
}

.error.content .headline {
    margin: 16px 0;
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .error.content .headline {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width: 768px) {
    .error.content .headline {
        margin-bottom: 24px
    }
}

.error.content .error-home-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.error.content .error-home-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.error.content .error-home-button:active {
    opacity: .8
}

.error.content .error-home-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.error.content .error-home-button:active {
    opacity: .8
}

.error.content .error-home-button:visited {
    background: #1a7f82;
    color: #fff
}

.error.content .error-home-button:hover,
.error.content .error-home-button:active,
.error.content .error-home-button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.error.content .error-message {
    margin: 0 0 40px
}

@media (min-width: 768px) {
    .error.content .error-message {
        margin-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .error.content .error-message {
        margin-bottom: 64px
    }
}

.error.content .headline,
.error.content .error-code,
.error.content .error-message,
.error.content .error-text {
    text-align: left
}

@media (min-width: 768px) {
    .error.content .headline,
    .error.content .error-code,
    .error.content .error-message,
    .error.content .error-text {
        text-align: center
    }
}

.error.content p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 24px 0
}

.error.content .standard-input {
    background-color: rgba(0, 0, 0, 0)
}

.error .error-suggestions-list {
    margin: 44px 0;
    padding: 0;
    list-style-type: none
}

@media (min-width: 768px) {
    .error .error-suggestions-list {
        margin-left: auto;
        margin-right: auto;
        width: 480px
    }
}

@media (min-width: 768px) {
    .error .error-suggestions-list-item {
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
    .error .error-suggestions-list-item:first-of-type,
    .error .error-suggestions-list-item:last-of-type {
        border: none
    }
}

.error .error-suggestions-list-item-link {
    color: rgba(0, 0, 0, 0.95);
    display: block;
    padding: 12px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

.error .error-suggestions-list-item-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.error .error-suggestions-list-item-link:active {
    opacity: .8
}

.error .error-suggestions-list-item-link:hover,
.error .error-suggestions-list-item-link:active,
.error .error-suggestions-list-item-link:focus {
    text-decoration: underline;
    background-color: #F2F2F2
}

.search-container {
    width: 100%
}

@media (min-width: 768px) {
    .search-container {
        width: calc(100% - 96px)
    }
}

@media (min-width: 1024px) {
    .search-container {
        width: 100%
    }
}

.search-error {
    margin: 40px auto 0
}

.search-error .input .input-container.with-submit .search-input {
    padding: 14px 16px
}

.holder {
    margin: 0 auto;
    width: 100%;
    max-width: 768px
}

.link-container {
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .link-container {
        width: 50%
    }
}

.link-list {
    font-family: "Noto Serif", serif;
    margin-bottom: 24px;
    text-align: left;
    width: 100%;
    float: left
}

.link-list li {
    display: list-item;
    font-size: 14px
}

.link-list a {
    display: inline-block
}

.inline-image {
    max-width: calc(100% + 48px);
    width: calc(100% + 48px);
    margin-left: -24px
}

@media (min-width: 1024px) {
    .inline-image {
        max-width: 768px;
        margin-left: 0
    }
}

.link-callout {
    padding: 12px 40px;
    width: 176px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 12px
}

.link-callout:hover {
    background-color: rgba(0, 0, 0, 0.95);
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.95)
}

.err-container.hidden {
    display: none
}

.invalid-message {
    background-color: #c00;
    color: #fff;
    display: none;
    font-size: 12px;
    margin-top: 8px;
    padding: 12px;
    position: absolute;
    z-index: 100
}

.invalid-message.non-overlap {
    margin-bottom: 8px;
    position: relative
}

.invalid-message.before:before {
    border-bottom: 8px solid #c00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -.5rem;
    top: -.5rem;
    z-index: 10
}

.invalid-message.after {
    margin-top: -40px
}

.invalid-message.after:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #c00;
    bottom: -.5rem;
    content: "";
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    z-index: 10
}

#contact-form-container h2.headline-medium {
    font-family: "industry-si", "HelveticaNeue", sans-serif;
    font-size: 18pt
}

#contact-form-container .contact-form .ui-input-field,
#contact-form-container .contact-form .ui-textarea,
#contact-form-container .contact-form .ui-input-select,
#contact-form-container .contact-form .ui-button-prev-next,
#contact-form-container .contact-form .simple-dropdown,
#contact-form-container .contact-form .ui-input label {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important
}

#contact-form-container .contact-wrapper #contact-form-container .col .contact-form input {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important
}

.contact-wrapper #contact-form-container .contact-form input[type='submit'] {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important;
    font-weight: 100;
    font-size: 22pt;
    height: 70px;
    padding-bottom: 75px
}

body .container-sport #about-us-container h2.headline-medium {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important;
    font-size: 22pt
}

body .container-sport #about-us .col.left span,
body .container-sport #about-us .col.right span,
body .container-sport #about-us .col.right span p {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important
}

body .global-footer div.footer-content {
    display: none
}

body #contact-confirmation .caption p {
    font-family: "industry-si", "HelveticaNeue", sans-serif !important
}

html.full-page-iframe,
html.full-page-iframe body {
    margin: 0;
    padding: 0
}

html.full-page-iframe .full-page-iframe-content,
html.full-page-iframe body .full-page-iframe-content {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html.full-page-iframe .body-only,
html.full-page-iframe body .body-only {
    margin: 0;
    padding: 0
}

.container-full-width .recipe.template {
    margin-top: 24px
}

@media (min-width: 1024px) {
    .container-full-width .recipe.template {
        margin-top: 4px
    }
}

.recipe.template {
    max-width: 1120px;
    margin: 0 auto
}

.recipe-top {
    max-width: 283px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .recipe-top {
        max-width: none
    }
}

.recipe-top .recipe-header .breadcrumbs {
    line-height: 16px
}

.recipe-top .recipe-review-container {
    margin-bottom: 24px
}

.recipe-top .recipe-review-container .reviews {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.recipe-top .recipe-review-container .reviews .total {
    order: 1;
    font-size: 12px;
    line-height: 21px
}

.recipe-top .recipe-review-container .reviews .total a {
    color: rgba(0, 0, 0, 0.3);
    font-family: "Noto Serif", serif;
    line-height: 16px;
    letter-spacing: .5px
}

@media (min-width: 768px) {
    .recipe-top .recipe-review-container .reviews .total {
        order: 0
    }
}

.recipe-top .recipe-review-container .reviews .rating {
    display: flex;
    order: 0
}

@media (min-width: 768px) {
    .recipe-top .recipe-review-container .reviews .rating {
        order: 1
    }
}

.recipe-top .recipe-review-container .reviews .rating .star {
    display: inline-block;
    margin: 0 5px 0 0;
    float: left
}

.recipe-top .recipe-review-container .reviews .rating .star:last-child {
    margin-right: 10px
}

.recipe-top .recipe-review-container .reviews .rating .star svg {
    fill: rgba(0, 0, 0, 0.15)
}

.recipe-top .recipe-review-container .reviews .rating .star.on svg {
    fill: #ffcf50
}

@media (min-width: 768px) {
    .recipe-top .recipe-review-container .reviews .rating .star:first-child {
        margin-left: 10.5px
    }
    .recipe-top .recipe-review-container .reviews .rating .star:last-child {
        margin-right: 25px
    }
}

.recipe-top .recipe-review-container .reviews .add-review {
    order: 2;
    margin-top: 16px
}

@media (min-width: 768px) {
    .recipe-top .recipe-review-container .reviews .add-review {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .recipe-top .recipe-review-container .reviews .add-review .add-review-link {
        font-size: 12px;
        line-height: 21px
    }
}

.recipe-top .recipe-review-container .reviews .add-review .add-review-link .add-review-icon {
    padding: 0 4px 0 0
}

.recipe-top .recipe-review-container .reviews .add-review .add-review-link .add-review-icon svg {
    width: auto
}

.recipe-top .recipe-review-container .reviews .add-review .add-review-link .add-review-icon svg path {
    fill: rgba(0, 0, 0, 0.95)
}

.recipe-top .recipe-review-container .reviews .add-review .add-review-link a {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 600
}

@media (min-width: 1024px) {
    .recipe-content {
        float: left;
        max-width: calc(100% - 320px)
    }
}

.recipe-content .image-container .lead-media {
    margin-bottom: 0
}

.recipe-content .image-container .component.lazy-image.no-upscale {
    display: flex;
    max-height: none;
    background-color: rgba(0, 0, 0, 0.05)
}

.recipe-content .image-container .credit {
    height: 32px;
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 16px;
    letter-spacing: 0
}

.recipe-content .recipe-meta-container {
    padding: 24px 0;
    margin: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .recipe-content .recipe-meta-container {
        padding: 24px 0 16px 0;
        margin-right: 24px;
        margin-left: 24px;
        display: flex
    }
}

@media (min-width: 1024px) {
    .recipe-content .recipe-meta-container {
        margin: 16px 0
    }
}

.recipe-content .recipe-meta-item {
    margin: 0
}

.recipe-content .recipe-meta-item:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .recipe-content .recipe-meta-item {
        width: 50%;
        float: left
    }
    .recipe-content .recipe-meta-item .recipe-meta-item-header {
        float: none
    }
    .recipe-content .recipe-meta-item .recipe-meta-item-header:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .recipe-content .recipe-meta-item {
        margin: 0
    }
}

.recipe-content .recipe-meta-item-header,
.recipe-content .recipe-meta-item-body {
    font-weight: 500;
    text-align: center;
    font-size: 16px
}

@media (min-width: 768px) {
    .recipe-content .recipe-meta-item-header,
    .recipe-content .recipe-meta-item-body {
        text-align: left;
        line-height: 16px
    }
}

.recipe-content .recipe-meta-item-header {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    letter-spacing: .5px;
    color: #282f2f;
    margin-bottom: 4px;
    margin-right: 10px;
    float: left;
    clear: left
}

.recipe-content .recipe-meta-item-body {
    text-align: left;
    font-family: "Noto Serif", serif;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .recipe-content .recipe-meta-item-body {
        font-weight: normal
    }
}

@media (min-width: 1024px) {
    .recipe-content .recipe-meta-item-body {
        text-align: left;
        font-size: 16px
    }
}

.recipe-content .author-social-container {
    display: border-box;
    margin: 0 16px
}

@media (min-width: 768px) {
    .recipe-content .author-social-container {
        display: flex;
        justify-content: space-between;
        margin: 0 24px
    }
}

@media (min-width: 1024px) {
    .recipe-content .author-social-container {
        margin: 0
    }
}

.recipe-content .author-social-container .recipe-author-date-attribution {
    font-style: 400;
    letter-spacing: .5px;
    font-family: "Noto Serif", serif;
    font-size: 12px;
    text-align: center;
    line-height: 1.5
}

@media (min-width: 768px) {
    .recipe-content .author-social-container .recipe-author-date-attribution {
        text-align: left
    }
}

.recipe-content .author-social-container .recipe-author-date-attribution .author {
    margin: 0;
    padding: 0;
    min-width: inherit
}

@media (min-width: 768px) {
    .recipe-content .author-social-container .recipe-author-date-attribution .author-text {
        text-align: left
    }
}

.recipe-content .author-social-container .recipe-author-date-attribution .recipe-author a {
    font-weight: 700;
    text-decoration: none
}

.recipe-content .author-social-container .recipe-author-date-attribution .recipe-date,
.recipe-content .author-social-container .recipe-author-date-attribution .recipe-by {
    color: rgba(0, 0, 0, 0.47)
}

.recipe-content .author-social-container .recipe-author-date-attribution .recipe-date {
    padding-left: 3px
}

.recipe-content .author-social-container .recipe-author-date-attribution .recipe-date a {
    margin-left: 8px
}

.recipe-content .author-social-container .recipe-author-date-attribution .recipe-attribution a {
    color: #282f2f;
    text-transform: uppercase;
    font-weight: 700
}

.recipe-content .author-social-container .share {
    padding-top: 12px
}

@media (min-width: 768px) {
    .recipe-content .author-social-container .share {
        padding-top: 0
    }
}

.recipe-content .author-social-container .share .social-container {
    justify-content: center
}

.recipe-content .recipe-summary {
    margin: 16px 16px
}

@media (min-width: 768px) {
    .recipe-content .recipe-summary {
        margin: 16px 24px 0
    }
}

@media (min-width: 1024px) {
    .recipe-content .recipe-summary {
        margin: 16px 0
    }
}

.recipe-content .recipe-summary p:empty {
    display: none
}

@media (min-width: 1024px) {
    .recipe-content .recipe-steps {
        float: right
    }
}

.recipe-content h2.recipe-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #282f2f;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 16px
}

@media (max-width: 1024px) {
    .recipe-content h2.recipe-name {
        margin: 0 24px
    }
}

@media (max-width: 1024px) and (max-width: 720px) {
    .recipe-content h2.recipe-name {
        margin: 0 16px
    }
}

@media (min-width: 768px) {
    .recipe-content .recipe-ingredients-instructions {
        padding-top: 16px
    }
}

.recipe-content .recipe-ingredients-instructions .sidebar {
    padding-bottom: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 768px) {
    .recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-top: 0;
        padding-right: 28px
    }
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients p a,
.recipe-content .recipe-ingredients-instructions .recipe-instructions p a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    font-weight: 400
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients p a:hover,
.recipe-content .recipe-ingredients-instructions .recipe-instructions p a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients.body.content h2,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients.body.content h3,
.recipe-content .recipe-ingredients-instructions .recipe-instructions.body.content h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions.body.content h3 {
    margin-top: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h2,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h3,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h3 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #282f2f
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h2 a,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h3 a,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h2 a,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h3 a {
    color: rgba(0, 0, 0, 0.95)
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h2 a:hover,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h3 a:hover,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h2 a:hover,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h3 a:hover {
    color: #1A9EB9
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .5px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step p,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    margin: 12px 0 28px 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step p:empty,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step p:empty {
    display: none
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step:last-child,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step:last-child {
    margin-bottom: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step:last-child p:last-child,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step:last-child p:last-child {
    margin-bottom: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h2 {
    margin-top: 14px;
    margin-bottom: 28px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h3,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h3 {
    margin-top: 36px;
    margin-bottom: 20px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients h3+.step,
.recipe-content .recipe-ingredients-instructions .recipe-instructions h3+.step {
    margin-top: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients h2,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients .title-text,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step h2,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step .title-text,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients .title-text,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step .title-text {
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 700;
    color: #282f2f;
    margin: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients h2,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients h2,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step h2 {
    text-transform: uppercase
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients ul,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step ul,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients ul,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step ul {
    padding: 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients ul li,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step ul li,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients ul li,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step ul li {
    display: inline-block;
    width: 100%;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: rgba(0, 0, 0, 0.95);
    padding: 18px 0 12px 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients ul li:last-child,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step ul li:last-child,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients ul li:last-child,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step ul li:last-child {
    border-bottom-style: none
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients:last-child ul,
.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .step:last-child ul,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .ingredients:last-child ul,
.recipe-content .recipe-ingredients-instructions .recipe-instructions .step:last-child ul {
    margin-bottom: 10px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-ingredients .ingredients ul li {
    padding: 12px 0
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul {
    padding: 0;
    margin: 24px 0 7px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul li::before {
    content: "\25CF ";
    color: rgba(0, 0, 0, 0.95);
    font-size: 11px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul li {
    display: inline;
    width: 100%;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    color: rgba(0, 0, 0, 0.95);
    padding: 12px 0 0 4px
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul li:first-child {
    padding-top: 0
}

.recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown {
    border: solid 1px rgba(0, 0, 0, 0.15);
    padding: 10px 10px 10px 1em
}

@media (min-width: 1024px) {
    .recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown {
        margin-right: 28px;
        padding-right: 28px
    }
}

.recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown .heading h2 {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .5px;
    font-weight: 700;
    color: #282f2f;
    text-align: right;
    margin: 0 0 0 0
}

@media (min-width: 1024px) {
    .recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown .heading h2 {
        margin: 0 0 48px 0
    }
}

.recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown.dropdown-open h3 {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.recipe-content .recipe-ingredients-instructions .component.dropdown.recipe-nutrition-dropdown .heading h3 {
    font-size: 16px;
    padding: 14px 0 13px;
    text-align: left;
    margin: -9px 0 -5px 0;
    display: flex;
    justify-content: space-between
}

.recipe-content .previous-magazine,
.recipe-content .cookbook-source>p {
    font-family: "Noto Serif", serif;
    color: rgba(0, 0, 0, 0.47);
    line-height: 20px;
    letter-spacing: .5px;
    font-size: 12px;
    margin: 20px 0
}

.recipe-content .bottom-recirc {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .recipe-bottom {
        clear: both;
        max-width: 800px
    }
}

.recipe-bottom .recipe-tags .tags .tags-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.0;
    letter-spacing: .5px;
    font-family: "Noto Serif", serif;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .container-full-width .recipe-instructions.content {
        max-width: 580px
    }
}

.separator-line {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05)
}

@media (min-width: 1024px) {
    .separator-line {
        height: 2px;
        margin-bottom: 20px
    }
}

.social-share-icons-padding {
    padding-bottom: 24px
}

@media (min-width: 1024px) {
    .social-share-icons-padding {
        padding-bottom: 0
    }
}

.chicory-order-ingredients .power-div {
    padding-top: 28px
}

@media (min-width: 1024px) {
    .chicory-order-ingredients .power-div {
        padding-top: 48px
    }
}

.chicory-button-container {
    padding-top: 28px;
    text-align: center
}

@media (min-width: 1024px) {
    .chicory-button-container {
        padding-right: 28px
    }
}

.chicory-button-container button {
    display: block;
    line-height: 48px;
    border: 2px solid rgba(0, 0, 0, 0.95);
    background: #fff;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Noto Serif", serif;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

@media (min-width: 768px) {
    .chicory-button-container button {
        width: 236px
    }
}

@media (min-width: 1024px) {
    .chicory-button-container button {
        width: 100%
    }
}

.chicory-button-container button:hover {
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

.chicory-button-container button+a:after {
    display: block;
    content: '';
    border-bottom: 1px solid rgba(0, 0, 0, 0.47);
    padding-bottom: 18px
}

.recipe-component {
    float: none
}

.recipe-component .recipe-meta-container {
    margin: 1em 0 0 0
}

.recipe-component .recipe-ingredients-instructions {
    margin-top: -1em;
    margin-bottom: 1em
}

.recipe-component .recipe-ingredients-instructions .padded-mobile {
    padding-left: 0;
    padding-right: 0
}

main.listicle .type-728x90,
main.listicle .ad-container[data-dimensions="728x90"] {
    min-width: 0
}

main.listicle .type-300x250,
main.listicle .ad-container[data-dimensions="300x250"] {
    min-height: 250px
}

main.listicle .padded {
    padding: 0 16px
}

@media (min-width: 768px) {
    main.listicle .padded {
        padding: 0 24px
    }
}

@media (min-width: 1024px) {
    main.listicle .padded {
        padding: 0
    }
}

main.listicle .lead-media .credit {
    color: #595959;
    height: 32px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 4px
}

main.listicle .lead-media .credit.body-caption {
    padding-left: 0
}

main.listicle .lead-media .image-wrap-container {
    display: flex;
    flex-wrap: wrap;
    padding-left: 16px
}

@media (min-width: 768px) {
    main.listicle .lead-media .image-wrap-container {
        padding-left: 24px
    }
}

@media (min-width: 1024px) {
    main.listicle .lead-media .image-wrap-container {
        padding-left: 0
    }
}

main.listicle .dek {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

@media (min-width: 1024px) {
    main.listicle .dek {
        text-align: left;
        padding-left: 40px;
        padding-right: 40px
    }
}

main.listicle .subheadline {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.95);
    margin-top: 4px
}

@media (min-width: 768px) {
    main.listicle .subheadline {
        margin-top: 16px
    }
}

main.listicle .author {
    margin: 16px 0
}

main.listicle .author-text {
    font-size: 12px;
    text-align: left
}

main.listicle a.author-name {
    color: #fbd9ce
}

main.listicle .disclosure {
    color: rgba(0, 0, 0, 0.3);
    font-style: italic;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    margin-bottom: 0
}

main.listicle .article-small-sidebar {
    display: none
}

@media (min-width: 1024px) {
    main.listicle .article-small-sidebar {
        display: block
    }
}

main.listicle .article-small-sidebar .component.outbrain {
    padding-bottom: 48px
}

main.listicle .bottom-recirc {
    margin-top: 22px
}

@media (min-width: 1024px) {
    main.listicle .bottom-recirc {
        margin-top: 42px
    }
}

.listicle-introduction {
    font-family: "Noto Serif", serif;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: .5px
}

.listicle-introduction a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.listicle-introduction a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.listicle-introduction a:hover,
.listicle-introduction a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.listicle-introduction a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.media-position-top .oembed.full-width-media,
.media-position-left .oembed.full-width-media,
.media-position-right .oembed.full-width-media {
    padding: 0
}

.media-position-top {
    min-width: 100%;
    margin-top: 8px
}

@media (min-width: 768px) {
    .media-position-top {
        margin-top: 12px
    }
}

.media-position-top .media-container {
    margin-bottom: 12px
}

.media-position-top .media-container>.full-width-media>.media-facebook-post {
    text-align: center
}

.media-position-top .media-container img {
    margin: 0 auto
}

.media-position-top .media-container .image-container {
    display: flex;
    justify-content: center;
    background: #fff
}

.media-position-top .media-container .credit {
    padding-left: 16px
}

@media (min-width: 768px) {
    .media-position-top .media-container .credit {
        padding-left: 24px
    }
}

@media (min-width: 1024px) {
    .media-position-top .media-container .credit {
        padding-left: 0
    }
}

.media-position-left,
.media-position-right {
    margin: 8px 0
}

.media-position-left .credit,
.media-position-right .credit {
    padding-left: 16px
}

@media (min-width: 768px) {
    .media-position-left,
    .media-position-right {
        margin: 0;
        min-width: 50%;
        max-width: 50%
    }
    .media-position-left .credit,
    .media-position-right .credit {
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .media-position-left,
    .media-position-right {
        padding: 0
    }
}

@media (min-width: 768px) {
    .media-position-left {
        float: left;
        padding-left: 24px
    }
    .media-position-left .media-container {
        margin-right: 20px
    }
}

@media (min-width: 1024px) {
    .media-position-left {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .media-position-right {
        float: right;
        padding-right: 24px
    }
    .media-position-right .media-container {
        margin-left: 20px
    }
}

@media (min-width: 1024px) {
    .media-position-right {
        padding-right: 0
    }
}

.listicle-item-content .listicle-text p:not(:first-child) {
    margin-top: 24px
}

.listicle-item-content p {
    margin-top: 0
}

.listicle-item {
    margin-top: 24px
}

.listicle-item .credit {
    color: rgba(0, 0, 0, 0.65);
    margin-top: 4px;
    text-align: left;
    padding-left: 0
}

.listicle-item .item-title {
    padding: 0 16px
}

@media (min-width: 768px) {
    .listicle-item .item-title {
        padding: 0 24px
    }
}

@media (min-width: 1024px) {
    .listicle-item .item-title {
        padding: 0
    }
}

.listicle-item .item-title h2 {
    display: flex;
    align-items: center;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .listicle-item .item-title.media-right {
        float: left;
        min-width: 50%;
        max-width: 50%;
        padding-left: 24px;
        padding-right: 0
    }
    .listicle-item .item-title.media-right .subheadline {
        margin: 8px 0
    }
    .listicle-item .item-title.media-right .primary,
    .listicle-item .item-title.media-right .secondary {
        align-self: flex-start
    }
}

@media (min-width: 1024px) {
    .listicle-item .item-title.media-right {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .listicle-item .item-title.media-left {
        float: right;
        min-width: 50%;
        max-width: 50%;
        padding-right: 24px;
        padding-left: 0
    }
    .listicle-item .item-title.media-left .subheadline {
        margin: 8px 0
    }
    .listicle-item .item-title.media-left .primary,
    .listicle-item .item-title.media-left .secondary {
        align-self: flex-start
    }
}

@media (min-width: 1024px) {
    .listicle-item .item-title.media-left {
        padding-right: 0
    }
}

.listicle-item .headline {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 32px;
    margin: 8px 0 0
}

.listicle-item .listicle-ranking {
    font-family: "Libre Franklin", sans-serif;
    line-height: 80px;
    font-size: 72px;
    font-style: normal;
    letter-spacing: .5px;
    font-weight: 700;
    margin-right: 16px
}

.listicle-item .primary {
    color: rgba(0, 0, 0, 0.95)
}

.listicle-item .secondary {
    color: #f9f7f0
}

.listicle-item .centered {
    margin: auto
}

.component.listicle:last-child .listicle-item-content {
    margin-bottom: 0
}

.topic-page .partial.header-banner {
    margin: 16px 0
}

@media (min-width: 768px) {
    .topic-page .bottom-recirc {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 1024px) {
    .topic-page .bottom-recirc {
        padding-left: 0;
        padding-right: 0
    }
}

.topic-page .bottom-recirc .partial.tile {
    width: 100%;
    padding-right: 0;
    border: solid 1px rgba(0, 0, 0, 0.15);
    margin-left: 8px;
    margin-right: 8px
}

.topic-page .bottom-recirc .partial.tile .media-img {
    display: block;
    flex: 1
}

.topic-page .bottom-recirc .partial.tile .media-body {
    margin-left: 8px;
    margin-right: 8px
}

@media (min-width: 360px) {
    .topic-page .bottom-recirc .partial.tile {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 8px
    }
    .topic-page .bottom-recirc .partial.tile .media-img {
        width: 100%;
        margin-left: 0;
        float: none
    }
}

@media (min-width: 768px) {
    .topic-page .bottom-recirc .partial.tile {
        width: calc((100% - 32px)/3);
        display: block;
        margin-left: 0;
        margin-right: 16px;
        margin-bottom: 32px
    }
    .topic-page .bottom-recirc .partial.tile:nth-of-type(3n) {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .topic-page .bottom-recirc .partial.tile {
        width: calc((100% - 48px)/4);
        display: block;
        border: solid 1px rgba(0, 0, 0, 0.15)
    }
    .topic-page .bottom-recirc .partial.tile:nth-of-type(3n) {
        margin-right: 16px
    }
    .topic-page .bottom-recirc .partial.tile:nth-of-type(4n) {
        margin-right: 0
    }
}

.topic-page .bottom-recirc.upper-right-space .partial.tile,
.topic-page .bottom-recirc.has-ad .partial.tile {
    order: 1
}

.topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(n+3),
.topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(n+3) {
    order: 3
}

@media (min-width: 768px) {
    .topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(3n+5),
    .topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(3n+5) {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(3n+5),
    .topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(3n+5) {
        margin-right: 16px
    }
    .topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(4n+7),
    .topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(4n+7) {
        margin-right: 0
    }
}

.topic-page .bottom-recirc.upper-right-space .ad-container,
.topic-page .bottom-recirc.has-ad .ad-container {
    margin: 0 auto 24px auto;
    max-width: none;
    order: 2
}

@media (min-width: 768px) {
    .topic-page .bottom-recirc.upper-right-space .ad-container,
    .topic-page .bottom-recirc.has-ad .ad-container {
        margin-left: 0;
        margin-bottom: 32px
    }
}

@media (min-width: 768px) {
    .topic-page .bottom-recirc.upper-right-space .partial.tile,
    .topic-page .bottom-recirc.has-ad .partial.tile {
        width: calc((100% - 332px) / 2);
        max-width: 300px;
        margin-right: 16px
    }
    .topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(3),
    .topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(3) {
        order: 3
    }
}

@media (min-width: 1024px) {
    .topic-page .bottom-recirc.upper-right-space .partial.tile,
    .topic-page .bottom-recirc.has-ad .partial.tile {
        width: calc((100% - 348px) / 3);
        max-width: none
    }
    .topic-page .bottom-recirc.upper-right-space .partial.tile:nth-of-type(3),
    .topic-page .bottom-recirc.has-ad .partial.tile:nth-of-type(3) {
        order: 1
    }
}

.topic-page .more-sub-nav {
    font-size: 12px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase
}

.topic-page .more-sub-nav .more-sub-nav-url {
    color: rgba(0, 0, 0, 0.65)
}

.topic-page .topic-sub-nav-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 16px
}

.topic-page .topic-sub-nav-container.desktop {
    margin-bottom: 0
}

.topic-page .topic-sub-nav-container .chip {
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    display: none;
    padding: 8px 16px;
    margin-bottom: 8px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase
}

.topic-page .topic-sub-nav-container .chip.active,
.topic-page .topic-sub-nav-container .chip:hover {
    background-color: #1A9EB9;
    color: #fff
}

.topic-page .topic-sub-nav-container .chip+.chip-show-all {
    display: none
}

@media (min-width: 768px) {
    .topic-page .topic-sub-nav-container .chip+.chip-show-all {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .topic-page .topic-sub-nav-container .chip {
        display: inline-block
    }
}

.topic-page .topic-sub-nav-container .chip-show-all {
    display: none;
    font-size: 12px;
    font-weight: bold;
    color: inherit;
    padding: 10px 0 1px 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .topic-page .topic-sub-nav-container .topic-dropdown {
        display: none
    }
}

.topic-page .topic-sub-nav-container .topic-dropdown .topic-list {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-image: url("../img/icons/menu-line.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) center;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    width: 95%;
    padding: 8px 16px;
    height: 48px
}

@media (min-width: 1024px) {
    .topic-page .topic-sub-nav-container .topic-dropdown .topic-list {
        width: calc(20% - 8px)
    }
}

.topic-page .topic-sub-nav-container .topic-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none
}

.topic-page .topic-sub-nav-container .topic-dropdown .icon-down {
    margin-left: -28px
}

.topic-page .topic-sub-nav-container .topic-dropdown svg {
    transition: transform 300ms ease
}

.topic-page .topic-sub-nav-container .topic-dropdown:selected {
    border-color: rgba(0, 0, 0, 0.95)
}

.topic-page .topic-sub-nav-container .topic-dropdown:selected svg {
    transform: rotate(180deg)
}

.template-tags.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-tags.scroll-up .component.navigation-test .menu-subscribe,
.template-section.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-section.scroll-up .component.navigation-test .menu-subscribe,
.template-channel.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-channel.scroll-up .component.navigation-test .menu-subscribe {
    display: block
}

.hub-nav {
    display: none
}

@media (min-width: 1024px) {
    .hub-nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15)
    }
    .hub-nav .hub-nav-tile:last-child {
        margin-right: 0
    }
}

.ecommerce-hub {
    padding-top: 32px;
    margin-bottom: 32px
}

@media (min-width: 1024px) {
    .ecommerce-hub {
        padding-top: 0
    }
}

.ecommerce-hub .container-full-width {
    overflow: visible
}

.ecommerce-hub .component.content-loader button,
.ecommerce-hub .hub-button {
    font-family: "Noto Serif", serif;
    background: rgba(0, 0, 0, 0.95);
    border: 2px solid rgba(0, 0, 0, 0.95);
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 8px 0;
    transition: all 0.1s ease-in-out;
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .ecommerce-hub .component.content-loader button,
    .ecommerce-hub .hub-button {
        padding: 8px 20px;
        width: auto
    }
}

.ecommerce-hub .component.content-loader button:hover,
.ecommerce-hub .hub-button:hover {
    background: #fff;
    color: rgba(0, 0, 0, 0.95)
}

.ecommerce-hub .component.content-loader button:hover a,
.ecommerce-hub .hub-button:hover a {
    color: rgba(0, 0, 0, 0.95)
}

.ecommerce-hub .component.content-loader button a,
.ecommerce-hub .hub-button a {
    color: #fff;
    font-weight: 500
}

.ecommerce-hub .component.content-loader {
    text-align: center
}

.ecommerce-hub .hub-button-arrow a:after {
    content: '>';
    display: inline-block;
    font-size: 17px;
    margin-left: 4px;
    position: relative;
    top: 2px
}

.ecommerce-hub header {
    text-align: center
}

.ecommerce-hub .body {
    max-width: 720px;
    margin: 0 auto 16px
}

.ecommerce-hub .body p {
    font-family: "Noto Serif", serif;
    margin: 0
}

.ecommerce-hub .product-tiles .heading-eyebrow:first-child {
    color: rgba(0, 0, 0, 0.95)
}

.ecommerce-hub .product-tiles .product-image {
    float: left;
    width: 120px;
    margin: 0 8px 0 0
}

.ecommerce-hub .product-tiles .product-tile {
    margin-bottom: 16px
}

.ecommerce-hub .product-tiles .media-body {
    margin-left: 128px
}

@media (min-width: 1024px) {
    .ecommerce-hub .product-tiles {
        margin: 0 -1% 0 0;
        display: flex;
        flex-wrap: wrap;
        min-height: 200px
    }
    .ecommerce-hub .product-tiles .product-image {
        float: none;
        width: auto;
        margin: 0 0 8px 0
    }
    .ecommerce-hub .product-tiles .product-tile {
        width: 19%;
        margin-right: 1%;
        margin-bottom: 24px
    }
    .ecommerce-hub .product-tiles .ad-container {
        width: 39%;
        margin: 0
    }
    .ecommerce-hub .product-tiles .media-body {
        margin-left: 0
    }
}

.ecommerce-hub .features .tags {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px
}

@media (min-width: 768px) {
    .ecommerce-hub .features .hub-tiles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .ecommerce-hub .features .hub-tiles .hub-tile {
        width: 32%
    }
}

.ecommerce-hub .product-types {
    min-height: 130px
}

.ecommerce-hub .product-types .heading-3 {
    text-align: center;
    margin-top: 0
}

.ecommerce-hub .product-types .hub-refine-wrap {
    background: #fff;
    z-index: 101
}

.ecommerce-hub .product-types .hub-refine-wrap.refine-fixed {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    padding: 8px;
    box-shadow: 0 0 8px rgba(40, 47, 47, 0.3)
}

.ecommerce-hub .product-types .hub-refine-wrap.refine-fixed .hub-refine {
    width: 100%;
    margin: 0
}

.ecommerce-hub .product-types .hub-refine-wrap.refine-fixed .hub-refine-inner {
    height: 100%;
    overflow-y: auto
}

.ecommerce-hub .product-types .hub-refine-wrap.refine-open {
    height: calc(100% - 98px)
}

.ecommerce-hub .product-types .hub-refine {
    position: relative;
    z-index: 101
}

.ecommerce-hub .product-types .hub-refine>.heading {
    text-transform: uppercase;
    height: 35px;
    padding: 10px 16px;
    border: 1px solid rgba(0, 0, 0, 0.95)
}

.ecommerce-hub .product-types .hub-refine button {
    float: right
}

.ecommerce-hub .product-types .hub-refine h3 {
    font-family: "Noto Serif", serif;
    font-weight: 600
}

.ecommerce-hub .product-types .hub-refine.dropdown-open>.heading {
    background: rgba(0, 0, 0, 0.95)
}

.ecommerce-hub .product-types .hub-refine.dropdown-open>.heading h3 {
    color: #fff
}

.ecommerce-hub .product-types .hub-refine-tags {
    line-height: 34px;
    margin: 8px 0 0;
    font-size: 14px;
    font-family: "Noto Serif", serif;
    font-weight: 500
}

.ecommerce-hub .product-types .hub-refine-tag {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 70px
}

.ecommerce-hub .product-types .hub-refine-tag-close {
    position: relative;
    top: 1px
}

@media (min-width: 1024px) {
    .ecommerce-hub .product-types {
        min-height: 0
    }
    .ecommerce-hub .product-types .heading-3 {
        float: left;
        text-align: left
    }
    .ecommerce-hub .product-types .hub-refine {
        float: right;
        width: 300px;
        margin: 8px 0 0 0
    }
    .ecommerce-hub .product-types .hub-refine>.content {
        position: absolute;
        top: 35px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1
    }
    .ecommerce-hub .product-types .hub-refine-tags {
        float: right;
        margin: 8px 8px 0
    }
}

.ecommerce-hub .seo-text h2 {
    font-size: 32px
}

.ecommerce-hub .seo-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    font-family: "Noto Serif", serif
}

.ecommerce-hub .seo-text li {
    width: 100%
}

@media (min-width: 768px) {
    .ecommerce-hub .seo-text li {
        width: 33.33%
    }
}

body.template-longform main.longform .article.longform {
    margin: 0;
    max-width: none
}

body.template-longform main.longform .article.longform>.component,
body.template-longform main.longform .article.longform>h3,
body.template-longform main.longform .article.longform>.pullquote {
    margin: 0 auto 32px;
    max-width: 885px;
    padding-left: 24px;
    padding-right: 24px
}

body.template-longform main.longform .article.longform .image-wrap-container .credit {
    padding: 8px 0;
    width: 100%
}

body.template-longform main.longform .article.longform p {
    box-sizing: content-box;
    font-family: Georgia, serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

body.template-longform main.longform .article.longform iframe {
    display: block;
    margin: auto
}

body.template-longform main.longform .article.longform .pullquote {
    margin-left: 16px
}

body.template-longform main.longform .article.longform .pullquote .pullquote-content p {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 1024px) {
    body.template-longform main.longform .article.longform .pullquote .pullquote-content p {
        border: none
    }
}

@media (min-width: 1024px) {
    body.template-longform main.longform .article.longform .pullquote {
        margin-left: auto;
        padding-right: 150px;
        text-align: left
    }
}

body.template-longform main.longform .article.longform .full-width-media .media-item .twitter-tweet-rendered {
    margin: 0 auto
}

body.template-longform main.longform .article.longform .component.inline.image {
    max-width: 620px
}

body.template-longform main.longform .article.longform .component.inline.image .image-wrapper {
    background: transparent
}

.white-background {
    background-color: #fff !important;
    color: rgba(0, 0, 0, 0.95)
}

.black-background {
    background-color: rgba(0, 0, 0, 0.95) !important;
    color: #fff
}

.black-background>* {
    border: none
}

.template-longform:not(.mdex-test) .component.breadcrumbs .breadcrumbs__container {
    justify-content: center
}

body.template-longform.mdex-test .longformContent__container--paragraph a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

body.template-longform.mdex-test .longformContent__container--paragraph a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

body.template-longform.mdex-test .longformContent__container--paragraph a:hover,
body.template-longform.mdex-test .longformContent__container--paragraph a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

body.template-longform.mdex-test .longformContent__container--paragraph a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

body.template-longform.mdex-test .checklist-supplies-checkbox-label {
    border-bottom: none
}

body.template-longform.mdex-test .container-full-width {
    background: none;
    margin-bottom: 64px;
    max-width: none;
    padding: 0
}

body.template-longform.mdex-test .longformContent .contentCallout {
    padding: 16px
}

@media (min-width: 1024px) {
    body.template-longform.mdex-test .longformContent .contentCallout {
        padding: 32px 0
    }
}

body.template-longform.mdex-test .longformContent .disclosure-inner {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 48px;
    text-align: center
}

body.template-longform.mdex-test .longformContent__container {
    padding: 0 16px
}

body.template-longform.mdex-test .longformContent__container.full-width {
    padding: 0
}

body.template-longform.mdex-test .longformContent__container.full-width .image-composite-heading {
    padding: 0 16px
}

@media (min-width: 768px) {
    body.template-longform.mdex-test .longformContent__container.full-width {
        max-width: none
    }
}

body.template-longform.mdex-test .longformContent__container .disclosure-inner a:not(.component.popup),
body.template-longform.mdex-test .longformContent__container--paragraph a:not(.component.popup),
body.template-longform.mdex-test .longformContent__container--listicle a:not(.component.popup),
body.template-longform.mdex-test .longformContent__container--checklist a:not(.component.popup),
body.template-longform.mdex-test .longformContent__container--heading a:not(.component.popup) {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

body.template-longform.mdex-test .longformContent__container .disclosure-inner a:not(.component.popup):visited,
body.template-longform.mdex-test .longformContent__container--paragraph a:not(.component.popup):visited,
body.template-longform.mdex-test .longformContent__container--listicle a:not(.component.popup):visited,
body.template-longform.mdex-test .longformContent__container--checklist a:not(.component.popup):visited,
body.template-longform.mdex-test .longformContent__container--heading a:not(.component.popup):visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

body.template-longform.mdex-test .longformContent__container .disclosure-inner a:not(.component.popup):hover,
body.template-longform.mdex-test .longformContent__container .disclosure-inner a:not(.component.popup):focus,
body.template-longform.mdex-test .longformContent__container--paragraph a:not(.component.popup):hover,
body.template-longform.mdex-test .longformContent__container--paragraph a:not(.component.popup):focus,
body.template-longform.mdex-test .longformContent__container--listicle a:not(.component.popup):hover,
body.template-longform.mdex-test .longformContent__container--listicle a:not(.component.popup):focus,
body.template-longform.mdex-test .longformContent__container--checklist a:not(.component.popup):hover,
body.template-longform.mdex-test .longformContent__container--checklist a:not(.component.popup):focus,
body.template-longform.mdex-test .longformContent__container--heading a:not(.component.popup):hover,
body.template-longform.mdex-test .longformContent__container--heading a:not(.component.popup):focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

body.template-longform.mdex-test .longformContent__container .disclosure-inner a:not(.component.popup):active,
body.template-longform.mdex-test .longformContent__container--paragraph a:not(.component.popup):active,
body.template-longform.mdex-test .longformContent__container--listicle a:not(.component.popup):active,
body.template-longform.mdex-test .longformContent__container--checklist a:not(.component.popup):active,
body.template-longform.mdex-test .longformContent__container--heading a:not(.component.popup):active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

body.template-longform.mdex-test .longformContent__container .image-composite-heading {
    margin: 0 auto 32px
}

@media (min-width: 768px) {
    body.template-longform.mdex-test .longformContent__container {
        padding: 0;
        margin: 0 auto;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    body.template-longform.mdex-test .longformContent__container {
        max-width: 580px
    }
    body.template-longform.mdex-test .longformContent__container--pullquote,
    body.template-longform.mdex-test .longformContent__container--toutCards,
    body.template-longform.mdex-test .longformContent__container--imageComposite.full-width,
    body.template-longform.mdex-test .longformContent__container--image.full-width {
        max-width: 1024px
    }
    body.template-longform.mdex-test .longformContent__container--pullquote h2,
    body.template-longform.mdex-test .longformContent__container--toutCards h2,
    body.template-longform.mdex-test .longformContent__container--imageComposite.full-width h2,
    body.template-longform.mdex-test .longformContent__container--image.full-width h2 {
        max-width: 580px
    }
}

@media (min-width: 1279px) {
    body.template-longform.mdex-test .longformContent__container {
        max-width: 640px
    }
    body.template-longform.mdex-test .longformContent__container--pullquote,
    body.template-longform.mdex-test .longformContent__container--toutCards,
    body.template-longform.mdex-test .longformContent__container--imageComposite.full-width,
    body.template-longform.mdex-test .longformContent__container--image.full-width {
        max-width: 1100px
    }
    body.template-longform.mdex-test .longformContent__container--pullquote h2,
    body.template-longform.mdex-test .longformContent__container--toutCards h2,
    body.template-longform.mdex-test .longformContent__container--imageComposite.full-width h2,
    body.template-longform.mdex-test .longformContent__container--image.full-width h2 {
        max-width: 640px
    }
}

body.template-longform.mdex-test .longformContent__container--paragraph {
    margin: 48px auto
}

body.template-longform.mdex-test .longformContent__container--pullquote .pullquote-content {
    margin: 0
}

body.template-longform.mdex-test .longformContent__container--contentCallout {
    max-width: unset;
    padding: 0
}

body.template-longform.mdex-test .longformContent__container--contentCallout .pullquote {
    text-align: center
}

body.template-longform.mdex-test .longformContent__container--contentCallout .pullquote-attribution {
    text-align: center
}

body.template-longform.mdex-test .longformContent__container--button {
    margin: 24px auto
}

body.template-longform.mdex-test .recirculation-wrapper {
    margin: 0 16px
}

@media (min-width: 768px) {
    body.template-longform.mdex-test .component.footer-test .footer-test .footer-copyright {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    body.template-longform.mdex-test .component.footer-test .footer-test .footer-copyright {
        max-width: 1024px
    }
}

@media (min-width: 1162px) {
    body.template-longform.mdex-test .component.footer-test .footer-test .footer-copyright {
        max-width: 1100px
    }
}

.glossary {
    padding: 0 16px 16px 16px
}

@media (min-width: 768px) {
    .glossary {
        padding: 0 24px 24px 24px
    }
}

@media (min-width: 1024px) {
    .glossary {
        padding: 0
    }
}

.glossary .content-body {
    padding: 0 24px
}

.glossary-tags ul {
    list-style: none;
    padding: 0;
    margin-top: 16px
}

.glossary-tags ul li {
    display: inline-block
}

.glossary-tags ul li .show-more {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.glossary-tags ul.more-item {
    float: left;
    width: 60%;
    margin: 0
}

@media (min-width: 768px) {
    .glossary-tags ul.more-item {
        width: 85%
    }
}

.glossary-tags .tag-link {
    background: none;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 8px 16px 8px;
    transition: all 0.1s ease-in-out;
    white-space: nowrap;
    display: inline-block;
    text-transform: uppercase
}

.glossary-tags .tag-link:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.95)
}

.glossary-tags .tag-border {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.glossary-tags .read-more {
    float: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase
}

.glossary-letter {
    font-family: "Noto Serif", serif;
    font-size: 24px;
    font-weight: 500
}

main.place {
    padding-top: 24px
}

@media (min-width: 1024px) {
    main.place {
        padding-top: 0
    }
}

main.place .breadcrumbs {
    margin-bottom: 24px
}

main.place address {
    font-family: "Libre Franklin", sans-serif;
    font-style: normal;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    main.place address {
        margin-bottom: 0
    }
}

main.place .location-card {
    overflow: hidden;
    font-family: "Libre Franklin", sans-serif;
    padding-top: 16px;
    width: 100%
}

@media (min-width: 1024px) {
    main.place .location-card {
        padding-top: 32px
    }
}

@media (min-width: 1024px) {
    main.place .location-card .location-image {
        padding-right: 32px
    }
}

main.place .location-card .location-features {
    margin-top: 8px
}

@media (min-width: 1024px) {
    main.place .location-card .location-features {
        margin-top: 0
    }
}

main.place .location-card .feature-name {
    font-size: 16px;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-weight: 700
}

main.place .location-card .feature-desc {
    font-size: 16px;
    margin-bottom: 24px
}

main.place .location-card .image-wrap-container {
    display: block
}

main.place .map-button {
    display: none;
    float: left;
    margin: 10px 0 0 24px
}

@media (min-width: 1024px) {
    main.place .map-button {
        display: block
    }
}

main.place .category-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center
}

main.place .category-nav .category-nav-item {
    display: inline-block;
    width: 45%;
    margin: 4px
}

@media (min-width: 768px) {
    main.place .category-nav .category-nav-item {
        width: 30%
    }
}

@media (min-width: 1024px) {
    main.place .category-nav .category-nav-item {
        width: auto;
        margin: 0 4px
    }
}

main.place .category-nav .category-nav-link {
    text-transform: uppercase;
    border: 2px solid rgba(0, 0, 0, 0.95);
    border-radius: 3px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 10px 12px;
    transition: all 0.1s ease-in-out
}

main.place .category-nav .category-nav-link:hover,
main.place .category-nav .category-nav-link.active {
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

main.place .article-header {
    max-width: none
}

main.place .article-header .article-info {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

main.place .article-header .headline {
    margin-top: 0;
    float: left
}

main.place .article-header .intro-top {
    margin: 0
}

main.place .article-header .share {
    width: 100%;
    margin: 4px 0 8px
}

main.place .bottom-recirc .component.outbrain {
    padding: 0
}

main.place .body.content p {
    margin-top: 0
}

main.place .bottom-recirc {
    width: 100%
}

main.place .icon-external {
    padding-left: 0
}

.partial.map-button {
    color: rgba(0, 0, 0, 0.95);
    cursor: pointer
}

.partial.map-button .icon-map {
    float: left
}

.partial.map-button .icon-map svg {
    fill: rgba(0, 0, 0, 0.95)
}

.partial.map-button .icon-map-label {
    display: inline;
    padding: 4px
}

.partial.map-button:hover {
    color: #1A9EB9
}

.partial.map-button:hover svg {
    fill: #1A9EB9
}

main.subscription .banner {
    padding: 0 16px;
    margin: 24px 0
}

@media (min-width: 768px) {
    main.subscription .banner {
        padding: 0 32px
    }
}

main.subscription .banner .lead-headline {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .2px
}

@media (min-width: 768px) {
    main.subscription .banner .lead-headline {
        font-size: 36px
    }
}

main.subscription .grid {
    text-align: center
}

main.subscription .full-width-promo {
    background-color: rgba(128, 128, 128, 0.95)
}

main.subscription .tile .media-img {
    height: auto
}

main.subscription .tile .heading-content {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.2px
}

main.subscription .tile .media-body {
    width: 60%;
    margin: 0 auto
}

main.subscription .tile .cta-link {
    text-transform: uppercase;
    border: 2px solid rgba(0, 0, 0, 0.95);
    border-radius: 3px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 10px 12px;
    transition: all 0.1s ease-in-out;
    max-width: 70%;
    margin: 16px auto
}

main.subscription .tile.left_item img,
main.subscription .tile.right_item img,
main.subscription .tile.main_item img,
main.subscription .tile.promo_item img {
    width: auto;
    margin: 0 auto
}

main.subscription .tile.left_item .media-body:after,
main.subscription .tile.main_item .media-body:after {
    content: "";
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin: 32px 50px
}

main.subscription .summary.desktop-only {
    display: block
}

main.subscription .summary.mobile-only {
    display: none
}

@media (min-width: 768px) {
    main.subscription .grid {
        max-width: 768px
    }
    main.subscription .grid[data-items_per_row="3"] {
        padding: 24px 0
    }
    main.subscription .full-width-promo {
        text-align: center;
        max-width: unset
    }
    main.subscription .full-width-promo .tile {
        max-width: 520px;
        width: auto;
        display: inline-block;
        float: none;
        vertical-align: top
    }
    main.subscription .full-width-promo .tile .media-img {
        height: auto;
        width: 48%;
        float: left
    }
    main.subscription .full-width-promo .tile .media-body {
        width: 48%;
        float: left;
        text-align: left
    }
    main.subscription .full-width-promo .tile .cta-link {
        text-align: center;
        margin: 16px 0
    }
    main.subscription .tile .media-body {
        width: auto
    }
    main.subscription .tile.left_item img,
    main.subscription .tile.right_item img {
        transform: scale(0.7);
        transform-origin: bottom center
    }
    main.subscription .tile.left_item .media-body:after,
    main.subscription .tile.main_item .media-body:after {
        border-bottom: none;
        display: none
    }
    main.subscription .tile.promo_item img {
        margin: 0
    }
}

@media (min-width: 1024px) {
    main.subscription .grid {
        max-width: 900px
    }
    main.subscription .grid.full-width-promo {
        max-width: unset
    }
}

main.subscription .secondary-nav {
    border-bottom: 0;
    margin: 24px auto;
    display: flex;
    flex-direction: column
}

main.subscription .secondary-nav li {
    margin-left: 0
}

main.subscription .secondary-nav li a {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 400;
    line-height: 2.3;
    letter-spacing: 0.8px;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    main.subscription .secondary-nav {
        display: block
    }
    main.subscription .secondary-nav li {
        margin-left: 20px
    }
    main.subscription .secondary-nav li:nth-child(1) {
        margin-left: 0
    }
}

main.subscription .secondary-nav-fixed {
    position: inherit;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none
}

main.subscription .bucket.grid[data-items_per_row="3"] .tile.media {
    display: block;
    float: none;
    vertical-align: top;
    width: calc(100%)
}

@media (min-width: 768px) {
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: calc(100%/3 - 4px)
    }
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media:nth-of-type(4n+0) {
        padding-right: 24px;
        width: calc(100%/3 - 4px)
    }
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media:nth-of-type(3n+0) {
        padding-right: 0;
        width: calc(100%/3 - 8px)
    }
}

@media (min-width: 1024px) {
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: calc(100%/3 + 8px)
    }
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media:nth-of-type(4n+0) {
        padding-right: 24px;
        width: calc(100%/3 + 8px)
    }
    main.subscription .bucket.grid[data-items_per_row="3"] .tile.media:nth-of-type(3n+0) {
        padding-right: 0;
        width: calc(100%/3 - 16px)
    }
}

main.subscription+.above-footer {
    display: none
}

main.subscription+.ad+.above-footer {
    display: none
}

main.subscription {
    padding-bottom: 0
}

main.subscription+.above-footer+footer {
    padding-top: 0
}

main.subscription+.ad+.above-footer+footer {
    padding-top: 0
}

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

body.is-from-eu .livefyre-hamburger-menu {
    display: none
}

body.is-from-eu #hambMyAccount,
body.is-from-eu #hambLogout,
body.is-from-eu #hambSignin,
body.is-from-eu #hambRegister {
    display: none
}

body.is-from-eu .fyre-reviews-write {
    display: none
}

body.is-from-eu .ratings-reviews .comment-btn-wrap {
    display: none
}

body.is-from-eu .ratings-reviews .five-star-wrap.profile_rating_container {
    display: none
}

body.is-from-eu .ratings-reviews .five-star-wrap.profile_rating_container+.separator-line {
    display: none
}

body.is-from-eu .recipe-review-container .add-review {
    display: none
}

.mdex-test.template-gallery {
    overflow-x: hidden
}

.mdex-test.template-gallery img {
    max-width: 100%
}

.mdex-test.template-gallery .container-full-width {
    margin: 0 auto;
    padding: 24px 16px 0;
    overflow: visible
}

@media (min-width: 768px) {
    .mdex-test.template-gallery .container-full-width {
        max-width: 640px;
        padding: 24px 0
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-gallery .container-full-width {
        max-width: 1088px;
        padding: 32px 24px 0
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-gallery .container-full-width {
        max-width: 1226px;
        padding: 32px 32px 0
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-gallery .container-full-width {
        max-width: 1310px;
        padding: 32px 32px 0;
        overflow: visible
    }
}

.mdex-test.template-gallery .container-full-width .is-logged-in .article-info:hover .edit-link,
.mdex-test.template-gallery .container-full-width .is-logged-in .listicle__item:hover .edit-link,
.mdex-test.template-gallery .container-full-width .is-logged-in .partial.lead-image:hover .edit-link,
.mdex-test.template-gallery .container-full-width .is-logged-in .js-media-content:hover .edit-link {
    display: flex
}

.mdex-test.template-gallery .container-full-width .is-logged-in .edit-link.is-fixed {
    display: flex
}

@media (min-width: 1162px) {
    .mdex-test.template-gallery .gallery-all-slides {
        max-width: 1100px;
        margin: 0 auto
    }
}

.mdex-test.template-gallery .component.breadcrumbs .breadcrumbs__container {
    justify-content: flex-start
}

.mdex-test.template-gallery .gallery-main-container .glide-slide-content {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media (min-width: 1024px) {
    .mdex-test.template-gallery .gallery-main-container {
        display: flex;
        justify-content: space-between
    }
}

.mdex-test.template-gallery .gallery-main-container .sidebar-item {
    display: none
}

@media (min-width: 1024px) {
    .mdex-test.template-gallery .gallery-main-container .sidebar-item {
        display: block;
        flex: 0 0 300px;
        margin: 0 0 0 24px
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-gallery .gallery-main-container .sidebar-item {
        margin: 0 0 0 32px
    }
}

.mdex-test.template-gallery .gallery-main-container .component.gallery-test .component.outbrain {
    margin-top: 32px
}

.mdex-test .dek {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test p:first-child {
    margin-top: 0
}

.mdex-test p img {
    max-width: 100%
}

.mdex-test h1 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .mdex-test h1 {
        font-size: 48px;
        line-height: 52px
    }
}

.mdex-test .article-content-container h2 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .mdex-test .article-content-container h2 {
        font-size: 36px;
        line-height: 44px
    }
}

.mdex-test .article-content-container h3 {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

.mdex-test .article-content-container .component.button {
    margin-top: 48px
}

.mdex-test h4,
.mdex-test h5,
.mdex-test h6 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0
}

.template-category-page.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-category-page.scroll-up .component.navigation-test .menu-subscribe,
.template-aggregate.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-aggregate.scroll-up .component.navigation-test .menu-subscribe {
    display: block
}

.template-category-page .component.lazy-image-udf.placeholder .inner-container img,
.template-aggregate .component.lazy-image-udf.placeholder .inner-container img {
    display: none
}

.template-category-page .container-full-width,
.template-aggregate .container-full-width {
    background: none;
    margin-bottom: 0;
    max-width: none;
    padding: 0
}

.template-category-page .category-page-item-image-text,
.template-aggregate .category-page-item-image-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.template-category-page .category-page-item-image-link,
.template-aggregate .category-page-item-image-link {
    display: block
}

.template-category-page .category-page-item-title,
.template-aggregate .category-page-item-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: inline;
    margin: 0
}

.template-category-page .category-page-item-title:visited,
.template-aggregate .category-page-item-title:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.template-category-page .category-page-item-title:hover,
.template-category-page .category-page-item-title:active,
.template-category-page .category-page-item-title:focus,
.template-aggregate .category-page-item-title:hover,
.template-aggregate .category-page-item-title:active,
.template-aggregate .category-page-item-title:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.template-category-page .category-page-item-description,
.template-aggregate .category-page-item-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Noto Serif", serif;
    line-height: 28px;
    margin: 8px 0 0
}

.template-category-page .category-page-item-readmore,
.template-aggregate .category-page-item-readmore {
    display: none
}

.template-category-page .category-page-item .popular__listItemDifficulty-easy .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-hard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-easy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-hard .project-meta-item-value:after {
    content: '';
    speak: none;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 10px;
    left: 0
}

.template-category-page .category-page-item .popular__listItemDifficulty-easy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-easy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.15), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.template-category-page .category-page-item .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.template-category-page .category-page-item .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.template-category-page .category-page-item .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.template-category-page .category-page-item .popular__listItemDifficulty-hard .project-meta-item-value:after,
.template-aggregate .category-page-item .popular__listItemDifficulty-hard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.65)
}

.template-category-page .category-page-item-difficulty,
.template-aggregate .category-page-item-difficulty {
    margin-top: 8px
}

.template-category-page .category-page-item-difficulty .project-meta-item-value,
.template-aggregate .category-page-item-difficulty .project-meta-item-value {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    position: relative
}

.template-category-page .category-page-item-difficulty .project-meta-item-value:before,
.template-aggregate .category-page-item-difficulty .project-meta-item-value:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    speak: none;
    width: 24px
}

.template-category-page .faceted-search-widget,
.template-aggregate .faceted-search-widget {
    margin: 0 16px 48px 16px
}

.template-category-page .faceted-search-widget-divider,
.template-aggregate .faceted-search-widget-divider {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .template-category-page .faceted-search-widget,
    .template-aggregate .faceted-search-widget {
        margin: 48px auto
    }
}

.template-category-page .definition-list-contents,
.template-aggregate .definition-list-contents {
    font-weight: 400
}

.template-category-page .definition-list-wrapper,
.template-aggregate .definition-list-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 16px
}

@media (min-width: 768px) {
    .template-category-page .definition-list-wrapper,
    .template-aggregate .definition-list-wrapper {
        padding: 0 24px
    }
}

.template-category-page .definition-list-item,
.template-aggregate .definition-list-item {
    padding: 16px 0
}

.template-category-page .definition-list-item:nth-child(odd),
.template-aggregate .definition-list-item:nth-child(odd) {
    padding-right: 24px
}

.template-category-page .definition-list-item:last-child:nth-child(even),
.template-category-page .definition-list-item:last-child:nth-child(odd),
.template-category-page .definition-list-item:nth-last-child(2):nth-child(odd),
.template-aggregate .definition-list-item:last-child:nth-child(even),
.template-aggregate .definition-list-item:last-child:nth-child(odd),
.template-aggregate .definition-list-item:nth-last-child(2):nth-child(odd) {
    border-bottom: none
}

.template-category-page .faqs-list,
.template-aggregate .faqs-list {
    margin-bottom: -24px
}

.template-category-page .category-page-back,
.template-aggregate .category-page-back {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    align-content: center;
    display: flex;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.template-category-page .category-page-back:hover,
.template-category-page .category-page-back:visited,
.template-aggregate .category-page-back:hover,
.template-aggregate .category-page-back:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.template-category-page .category-page-back-arrow,
.template-aggregate .category-page-back-arrow {
    margin-right: 8px
}

.template-category-page .category-page-back-arrow svg,
.template-aggregate .category-page-back-arrow svg {
    width: 20px;
    height: 20px
}

.template-category-page .category-page-list-related.category-page-related-page2plus,
.template-aggregate .category-page-list-related.category-page-related-page2plus {
    background-color: transparent;
    margin: 0 auto;
    padding: 0 16px 32px
}

.template-category-page .category-page-list-related.category-page-related-page2plus::before,
.template-category-page .category-page-list-related.category-page-related-page2plus::after,
.template-aggregate .category-page-list-related.category-page-related-page2plus::before,
.template-aggregate .category-page-list-related.category-page-related-page2plus::after {
    display: none
}

.template-category-page .category-page-list-related-nav-container,
.template-aggregate .category-page-list-related-nav-container {
    text-align: center;
    padding: 32px 0 0 0
}

.template-category-page .category-page-list-related-nav-prev-button,
.template-category-page .category-page-list-related-nav-next-button,
.template-aggregate .category-page-list-related-nav-prev-button,
.template-aggregate .category-page-list-related-nav-next-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.template-category-page .category-page-list-related-nav-prev-button:focus,
.template-category-page .category-page-list-related-nav-next-button:focus,
.template-aggregate .category-page-list-related-nav-prev-button:focus,
.template-aggregate .category-page-list-related-nav-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.template-category-page .category-page-list-related-nav-prev-button:active,
.template-category-page .category-page-list-related-nav-next-button:active,
.template-aggregate .category-page-list-related-nav-prev-button:active,
.template-aggregate .category-page-list-related-nav-next-button:active {
    opacity: .8
}

.template-category-page .category-page-list-related-nav-prev-button:focus,
.template-category-page .category-page-list-related-nav-next-button:focus,
.template-aggregate .category-page-list-related-nav-prev-button:focus,
.template-aggregate .category-page-list-related-nav-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.template-category-page .category-page-list-related-nav-prev-button:active,
.template-category-page .category-page-list-related-nav-next-button:active,
.template-aggregate .category-page-list-related-nav-prev-button:active,
.template-aggregate .category-page-list-related-nav-next-button:active {
    opacity: .8
}

.template-category-page .category-page-list-related-nav-prev-button:visited,
.template-category-page .category-page-list-related-nav-next-button:visited,
.template-aggregate .category-page-list-related-nav-prev-button:visited,
.template-aggregate .category-page-list-related-nav-next-button:visited {
    background: #1a7f82;
    color: #fff
}

.template-category-page .category-page-list-related-nav-prev-button:hover,
.template-category-page .category-page-list-related-nav-prev-button:active,
.template-category-page .category-page-list-related-nav-prev-button:focus,
.template-category-page .category-page-list-related-nav-next-button:hover,
.template-category-page .category-page-list-related-nav-next-button:active,
.template-category-page .category-page-list-related-nav-next-button:focus,
.template-aggregate .category-page-list-related-nav-prev-button:hover,
.template-aggregate .category-page-list-related-nav-prev-button:active,
.template-aggregate .category-page-list-related-nav-prev-button:focus,
.template-aggregate .category-page-list-related-nav-next-button:hover,
.template-aggregate .category-page-list-related-nav-next-button:active,
.template-aggregate .category-page-list-related-nav-next-button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.template-category-page .category-page-list-related-nav-prev-button,
.template-aggregate .category-page-list-related-nav-prev-button {
    margin-right: 8px
}

.template-category-page .category-page-list-related-nav-next-button,
.template-aggregate .category-page-list-related-nav-next-button {
    margin-left: 8px
}

.template-category-page .category-page-list-related .icon-hexagon,
.template-aggregate .category-page-list-related .icon-hexagon {
    width: 38px;
    top: 0;
    right: 10px
}

.template-category-page .category-page-list-aside.karma-sticky-rail::after,
.template-aggregate .category-page-list-aside.karma-sticky-rail::after {
    display: none
}

@media (min-width: 768px) {
    .template-category-page .category-page-list-related-nav-container,
    .template-aggregate .category-page-list-related-nav-container {
        padding: 64px 0 0 0
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-list-related.category-page-related-page2plus,
    .template-aggregate .category-page-list-related.category-page-related-page2plus {
        display: flex;
        max-width: 1088px;
        padding: 0 64px 32px 64px
    }
    .template-category-page .category-page-aside.karma-sticky-rail,
    .template-aggregate .category-page-aside.karma-sticky-rail {
        flex: 0 0 300px
    }
}

.template-category-page .component.breadcrumbs,
.template-aggregate .component.breadcrumbs {
    justify-content: left
}

.template-category-page .hero-wrapper-square,
.template-aggregate .hero-wrapper-square {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .template-category-page .hero-wrapper-square,
    .template-aggregate .hero-wrapper-square {
        max-width: 1088px;
        padding: 0 24px
    }
}

@media (min-width: 1162px) {
    .template-category-page .hero-wrapper-square,
    .template-aggregate .hero-wrapper-square {
        max-width: 1226px;
        padding: 0 32px
    }
}

@media (min-width: 1279px) {
    .template-category-page .hero-wrapper-square,
    .template-aggregate .hero-wrapper-square {
        max-width: 1310px;
        padding: 0 32px
    }
}

.template-category-page .hero-wrapper-horizontal,
.template-aggregate .hero-wrapper-horizontal {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .template-category-page .hero-wrapper-horizontal,
    .template-aggregate .hero-wrapper-horizontal {
        max-width: 1088px;
        padding: 0 24px
    }
}

@media (min-width: 1162px) {
    .template-category-page .hero-wrapper-horizontal,
    .template-aggregate .hero-wrapper-horizontal {
        max-width: 1226px;
        padding: 0 32px
    }
}

@media (min-width: 1279px) {
    .template-category-page .hero-wrapper-horizontal,
    .template-aggregate .hero-wrapper-horizontal {
        max-width: 1310px;
        padding: 0 32px
    }
}

.template-category-page .hero-wrapper-horizontal .video-header,
.template-aggregate .hero-wrapper-horizontal .video-header {
    margin: 0 auto;
    max-width: 522px;
    width: 100%
}

@media (min-width: 1024px) {
    .template-category-page .hero-wrapper-horizontal .video-header,
    .template-aggregate .hero-wrapper-horizontal .video-header {
        margin: 24px 0
    }
}

.template-category-page .hero-wrapper-horizontal .video-header .margin-32-bottom.lead-media,
.template-aggregate .hero-wrapper-horizontal .video-header .margin-32-bottom.lead-media {
    margin-bottom: 24px
}

.template-category-page .category-page-header-hero.full-width-image,
.template-aggregate .category-page-header-hero.full-width-image {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: cover;
    display: flex;
    height: 320px;
    width: 100%
}

.template-category-page .category-page-header-hero.square-image,
.template-aggregate .category-page-header-hero.square-image {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: contain;
    display: flex;
    height: 320px;
    margin: 24px 0 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-header-hero.square-image,
    .template-aggregate .category-page-header-hero.square-image {
        background-size: contain
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-header-hero.square-image,
    .template-aggregate .category-page-header-hero.square-image {
        background-size: cover;
        margin: 24px 0;
        width: 320px
    }
}

.template-category-page .category-page-header-hero.horizontal-image,
.template-aggregate .category-page-header-hero.horizontal-image {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
    display: flex;
    height: 320px;
    margin: 24px 0 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-header-hero.horizontal-image,
    .template-aggregate .category-page-header-hero.horizontal-image {
        background-size: auto
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-header-hero.horizontal-image,
    .template-aggregate .category-page-header-hero.horizontal-image {
        background-size: cover;
        margin: 24px 0;
        width: 480px
    }
}

.template-category-page .category-page-header-no-hero,
.template-aggregate .category-page-header-no-hero {
    background-color: #f9f7f0;
    display: flex;
    height: 160px;
    width: 100%
}

.template-category-page .category-page-header-group,
.template-aggregate .category-page-header-group {
    display: flex;
    flex-direction: column;
    width: 100%
}

.template-category-page .category-page-heading,
.template-aggregate .category-page-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .template-category-page .category-page-heading,
    .template-aggregate .category-page-heading {
        font-size: 48px;
        line-height: 52px
    }
}

.template-category-page .category-page-dek,
.template-aggregate .category-page-dek {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    margin-top: 8px;
    order: 3
}

.template-category-page .category-page-header,
.template-aggregate .category-page-header {
    display: flex;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.template-category-page .category-page-header .component.share-new,
.template-aggregate .category-page-header .component.share-new {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 0;
    height: 32px;
    width: 48px;
    overflow: hidden;
    box-shadow: -20px 0 10px 1px #fff;
    order: 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-header .component.share-new,
    .template-aggregate .category-page-header .component.share-new {
        right: 24px;
        top: 24px
    }
}

.template-category-page .category-page-header .component.share-new.circle .icon>a,
.template-aggregate .category-page-header .component.share-new.circle .icon>a {
    border-width: 0
}

.template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle,
.template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle {
    width: 80px;
    height: auto;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 8px
}

.template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply,
.template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
    display: flex;
    flex-direction: column
}

.template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text,
.template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: -4px
}

@media (min-width: 768px) {
    .template-category-page .category-page-header .component.share-new,
    .template-aggregate .category-page-header .component.share-new {
        width: 72px;
        padding-right: 0;
        align-self: flex-end
    }
    .template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply,
    .template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
        flex-direction: row
    }
    .template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply svg,
    .template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply svg {
        width: 24px;
        height: 24px
    }
    .template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text,
    .template-aggregate .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        margin-top: 0;
        margin-left: 4px;
        width: 100%;
        bottom: 0
    }
}

.template-category-page .category-page-header .component.breadcrumbs,
.template-aggregate .category-page-header .component.breadcrumbs {
    position: relative;
    width: 100%
}

.template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container,
.template-aggregate .category-page-header .component.breadcrumbs .breadcrumbs__container {
    justify-content: left;
    overflow: hidden;
    width: calc(100% - 60px)
}

.template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container .breadcrumbs__list,
.template-aggregate .category-page-header .component.breadcrumbs .breadcrumbs__container .breadcrumbs__list {
    display: flex;
    height: 48px;
    overflow-x: auto;
    margin-bottom: -17px;
    white-space: nowrap
}

.template-category-page .category-page-header.layout-full-width,
.template-aggregate .category-page-header.layout-full-width {
    padding: 0 24px 40px;
    background-color: #fff
}

.template-category-page .category-page-header.layout-full-width .category-page-header-group .category-page-header-content,
.template-aggregate .category-page-header.layout-full-width .category-page-header-group .category-page-header-content {
    padding: 0 16px
}

.template-category-page .category-page-header.layout-full-width .category-page-header-group.full-width-group,
.template-aggregate .category-page-header.layout-full-width .category-page-header-group.full-width-group {
    margin-top: -80px;
    background-color: #fff
}

.template-category-page .category-page-header.layout-full-width .category-page-header-group.full-width-group .breadcrumbs,
.template-aggregate .category-page-header.layout-full-width .category-page-header-group.full-width-group .breadcrumbs {
    padding-top: 16px;
    padding-left: 16px
}

@media (min-width: 768px) {
    .template-category-page .category-page-header.layout-full-width .category-page-header-group.full-width-group .breadcrumbs,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group.full-width-group .breadcrumbs {
        padding-top: 24px;
        padding-left: 24px
    }
}

.template-category-page .category-page-header.layout-no-image,
.template-aggregate .category-page-header.layout-no-image {
    padding: 0 24px 40px;
    background-color: #fff
}

.template-category-page .category-page-header.layout-no-image .category-page-header-group.no-image-group,
.template-aggregate .category-page-header.layout-no-image .category-page-header-group.no-image-group {
    background-color: #fff;
    margin: -80px auto 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

@media (min-width: 1024px) {
    .template-category-page .category-page-header.layout-no-image .category-page-header-group.no-image-group,
    .template-aggregate .category-page-header.layout-no-image .category-page-header-group.no-image-group {
        margin-left: 0
    }
}

.template-category-page .category-page-header.layout-no-image .category-page-header-group.no-image-group .breadcrumbs,
.template-aggregate .category-page-header.layout-no-image .category-page-header-group.no-image-group .breadcrumbs {
    padding-top: 16px
}

@media (min-width: 768px) {
    .template-category-page .category-page-header.layout-no-image .category-page-header-group.no-image-group .breadcrumbs,
    .template-aggregate .category-page-header.layout-no-image .category-page-header-group.no-image-group .breadcrumbs {
        padding-top: 24px
    }
}

.template-category-page .category-page-header.layout-square,
.template-category-page .category-page-header.layout-horizontal,
.template-aggregate .category-page-header.layout-square,
.template-aggregate .category-page-header.layout-horizontal {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 16px
}

.template-category-page .category-page-header.layout-square .category-page-heading,
.template-category-page .category-page-header.layout-horizontal .category-page-heading,
.template-aggregate .category-page-header.layout-square .category-page-heading,
.template-aggregate .category-page-header.layout-horizontal .category-page-heading {
    margin-bottom: 0
}

.template-category-page .category-page-header.layout-square .category-page-header-image,
.template-category-page .category-page-header.layout-horizontal .category-page-header-image,
.template-aggregate .category-page-header.layout-square .category-page-header-image,
.template-aggregate .category-page-header.layout-horizontal .category-page-header-image {
    margin-top: 24px
}

.template-category-page .category-page-header .category-page-header-image-layout,
.template-aggregate .category-page-header .category-page-header-image-layout {
    display: flex;
    flex-direction: column
}

.template-category-page .category-page-header .category-page-header-image-layout .category-page-header-image,
.template-aggregate .category-page-header .category-page-header-image-layout .category-page-header-image {
    order: 1
}

.template-category-page .category-page-header .category-page-header-image-layout .category-page-heading-sponsor-wrapper,
.template-aggregate .category-page-header .category-page-header-image-layout .category-page-heading-sponsor-wrapper {
    display: flex;
    flex-direction: column
}

.template-category-page .category-page-header .horizontal-group,
.template-aggregate .category-page-header .horizontal-group {
    background-color: #fff;
    padding-top: 16px;
    padding-left: 16px
}

.template-category-page .category-page-header .square-group,
.template-aggregate .category-page-header .square-group {
    background-color: #fff;
    padding-top: 16px;
    padding-left: 16px
}

.template-category-page .category-page-header .no-image-group,
.template-aggregate .category-page-header .no-image-group {
    padding: 0 16px 16px
}

@media (min-width: 768px) {
    .template-category-page .category-page-header .no-image-group,
    .template-aggregate .category-page-header .no-image-group {
        padding: 0 24px 24px
    }
}

.template-category-page .category-page-header .full-width-group,
.template-aggregate .category-page-header .full-width-group {
    padding: 0;
    margin: auto
}

.template-category-page .category-page-header .category-page-header-group,
.template-aggregate .category-page-header .category-page-header-group {
    position: relative
}

.template-category-page .category-page-header .category-page-header-group.square-group,
.template-category-page .category-page-header .category-page-header-group.horizontal-group,
.template-category-page .category-page-header .category-page-header-group.no-image-group,
.template-category-page .category-page-header .category-page-header-group.full-width-group,
.template-aggregate .category-page-header .category-page-header-group.square-group,
.template-aggregate .category-page-header .category-page-header-group.horizontal-group,
.template-aggregate .category-page-header .category-page-header-group.no-image-group,
.template-aggregate .category-page-header .category-page-header-group.full-width-group {
    border-left: 4px solid rgba(0, 0, 0, 0.95);
    margin-bottom: 32px;
    box-shadow: none
}

.template-category-page .category-page-header .sponsor-logo,
.template-aggregate .category-page-header .sponsor-logo {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    order: 2
}

@media (min-width: 768px) {
    .template-category-page .category-page-header .category-page-header-image-layout,
    .template-aggregate .category-page-header .category-page-header-image-layout {
        flex-direction: row;
        flex-wrap: wrap
    }
    .template-category-page .category-page-header .category-page-header-image-layout .component.share-new,
    .template-aggregate .category-page-header .category-page-header-image-layout .component.share-new {
        justify-content: flex-end;
        flex: 0 1 100%;
        height: 42px;
        margin-bottom: 22px;
        overflow: hidden
    }
    .template-category-page .category-page-header .category-page-header-image-layout .category-page-header-image,
    .template-aggregate .category-page-header .category-page-header-image-layout .category-page-header-image {
        order: 0
    }
    .template-category-page .category-page-header .category-page-header-image-layout .category-page-heading-sponsor-wrapper,
    .template-aggregate .category-page-header .category-page-header-image-layout .category-page-heading-sponsor-wrapper {
        display: block
    }
    .template-category-page .category-page-header .component.breadcrumbs,
    .template-aggregate .category-page-header .component.breadcrumbs {
        align-self: flex-start
    }
    .template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container,
    .template-aggregate .category-page-header .component.breadcrumbs .breadcrumbs__container {
        width: calc(100% - 54px);
        display: inline-flex
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container,
    .template-aggregate .category-page-header .component.breadcrumbs .breadcrumbs__container {
        width: calc(100% - 80px)
    }
}

@media (min-width: 768px) {
    .template-category-page .category-page-header.layout-no-image .category-page-header-image-layout,
    .template-aggregate .category-page-header.layout-no-image .category-page-header-image-layout {
        display: flex
    }
    .template-category-page .category-page-header.layout-no-image .category-page-header-group .category-page-header-content,
    .template-aggregate .category-page-header.layout-no-image .category-page-header-group .category-page-header-content {
        width: 100%
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-full-width {
        padding: 0 0 40px;
        width: 640px
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group {
        padding: 0;
        background-color: #fff;
        width: 640px
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group .category-page-header-content,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group .category-page-header-content {
        padding: 0 24px;
        width: 100%
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group.full-width-group,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group.full-width-group {
        padding-bottom: 24px
    }
    .template-category-page .category-page-header .horizontal-group,
    .template-category-page .category-page-header .square-group,
    .template-aggregate .category-page-header .horizontal-group,
    .template-aggregate .category-page-header .square-group {
        margin-top: 0
    }
    .template-category-page .category-page-header.layout-square,
    .template-category-page .category-page-header.layout-horizontal,
    .template-aggregate .category-page-header.layout-square,
    .template-aggregate .category-page-header.layout-horizontal {
        max-width: 640px;
        display: block;
        padding: 0
    }
    .template-category-page .category-page-header.layout-square .category-page-header-image,
    .template-category-page .category-page-header.layout-horizontal .category-page-header-image,
    .template-aggregate .category-page-header.layout-square .category-page-header-image,
    .template-aggregate .category-page-header.layout-horizontal .category-page-header-image {
        margin: 16px 0 0 0;
        float: left
    }
    .template-category-page .category-page-header.layout-square .category-page-header-group,
    .template-category-page .category-page-header.layout-horizontal .category-page-header-group,
    .template-aggregate .category-page-header.layout-square .category-page-header-group,
    .template-aggregate .category-page-header.layout-horizontal .category-page-header-group {
        text-align: left;
        overflow: hidden
    }
    .template-category-page .category-page-header.layout-square .category-page-header-image-layout,
    .template-category-page .category-page-header.layout-horizontal .category-page-header-image-layout,
    .template-aggregate .category-page-header.layout-square .category-page-header-image-layout,
    .template-aggregate .category-page-header.layout-horizontal .category-page-header-image-layout {
        display: block
    }
    .template-category-page .category-page-header.layout-square .component.breadcrumbs,
    .template-category-page .category-page-header.layout-horizontal .component.breadcrumbs,
    .template-aggregate .category-page-header.layout-square .component.breadcrumbs,
    .template-aggregate .category-page-header.layout-horizontal .component.breadcrumbs {
        text-align: left
    }
    .template-category-page .category-page-header.layout-square .component.breadcrumbs .breadcrumb-container,
    .template-category-page .category-page-header.layout-horizontal .component.breadcrumbs .breadcrumb-container,
    .template-aggregate .category-page-header.layout-square .component.breadcrumbs .breadcrumb-container,
    .template-aggregate .category-page-header.layout-horizontal .component.breadcrumbs .breadcrumb-container {
        margin: 0
    }
    .template-category-page .category-page-header.layout-square .component.breadcrumbs .breadcrumb-list,
    .template-category-page .category-page-header.layout-horizontal .component.breadcrumbs .breadcrumb-list,
    .template-aggregate .category-page-header.layout-square .component.breadcrumbs .breadcrumb-list,
    .template-aggregate .category-page-header.layout-horizontal .component.breadcrumbs .breadcrumb-list {
        justify-content: flex-start
    }
    .template-category-page .category-page-header.layout-square .component.share-new.circle .icon:first-of-type a,
    .template-category-page .category-page-header.layout-horizontal .component.share-new.circle .icon:first-of-type a,
    .template-aggregate .category-page-header.layout-square .component.share-new.circle .icon:first-of-type a,
    .template-aggregate .category-page-header.layout-horizontal .component.share-new.circle .icon:first-of-type a {
        width: auto
    }
    .template-category-page .category-page-header.layout-square .component.share-new .icon.shareicon-modal-toggle,
    .template-category-page .category-page-header.layout-horizontal .component.share-new .icon.shareicon-modal-toggle,
    .template-aggregate .category-page-header.layout-square .component.share-new .icon.shareicon-modal-toggle,
    .template-aggregate .category-page-header.layout-horizontal .component.share-new .icon.shareicon-modal-toggle {
        border: none;
        width: auto;
        min-width: 80px;
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
    .template-category-page .category-page-header.layout-square .component.share-new .icon>a,
    .template-category-page .category-page-header.layout-horizontal .component.share-new .icon>a,
    .template-aggregate .category-page-header.layout-square .component.share-new .icon>a,
    .template-aggregate .category-page-header.layout-horizontal .component.share-new .icon>a {
        border: none
    }
    .template-category-page .category-page-header .sponsor-logo,
    .template-aggregate .category-page-header .sponsor-logo {
        display: block;
        float: right;
        margin: 0 0 16px 16px
    }
    .template-category-page .category-page-header .no-image-group,
    .template-aggregate .category-page-header .no-image-group {
        padding-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-header.layout-square,
    .template-category-page .category-page-header.layout-horizontal,
    .template-aggregate .category-page-header.layout-square,
    .template-aggregate .category-page-header.layout-horizontal {
        width: auto;
        padding: 0 24px 32px;
        max-width: 1088px
    }
    .template-category-page .category-page-header.layout-square,
    .template-aggregate .category-page-header.layout-square {
        min-height: 296px
    }
    .template-category-page .category-page-header .no-image-group,
    .template-aggregate .category-page-header .no-image-group {
        padding: 0 24px 24px;
        max-width: 1088px;
        width: 100%
    }
    .template-category-page .category-page-header .square-group,
    .template-aggregate .category-page-header .square-group {
        background: #fff;
        margin-top: -320px;
        padding: 24px;
        width: calc(100% - 296px);
        max-width: calc(1088px - 80px);
        position: relative;
        left: 296px
    }
    .template-category-page .category-page-header .horizontal-group,
    .template-aggregate .category-page-header .horizontal-group {
        background: #fff;
        margin-top: -320px;
        padding: 24px;
        width: calc(100% - 456px);
        max-width: calc(1246px - 80px);
        position: relative;
        left: 456px
    }
    .template-category-page .category-page-header .horizontal-group.video,
    .template-aggregate .category-page-header .horizontal-group.video {
        width: calc(100% - 546px);
        left: 546px
    }
    .template-category-page .category-page-header .horizontal-group.video .category-page-header-content,
    .template-aggregate .category-page-header .horizontal-group.video .category-page-header-content {
        min-height: 250px
    }
    .template-category-page .category-page-header .full-width-group,
    .template-aggregate .category-page-header .full-width-group {
        margin: 0
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-full-width {
        width: 1088px;
        padding-left: 24px;
        margin-left: auto
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group {
        width: calc(1088px - 2 * 24px)
    }
}

@media (min-width: 1162px) {
    .template-category-page .category-page-header.layout-square,
    .template-category-page .category-page-header.layout-horizontal,
    .template-aggregate .category-page-header.layout-square,
    .template-aggregate .category-page-header.layout-horizontal {
        padding: 0 32px 32px;
        max-width: 1226px
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-full-width {
        width: 1226px;
        padding-left: 32px;
        margin-left: auto
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group {
        width: calc(1226px - 2 * 32px)
    }
}

@media (min-width: 1279px) {
    .template-category-page .category-page-header.layout-square,
    .template-category-page .category-page-header.layout-horizontal,
    .template-aggregate .category-page-header.layout-square,
    .template-aggregate .category-page-header.layout-horizontal {
        padding: 0 32px 32px;
        max-width: 1310px
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-full-width {
        width: 1310px;
        padding-left: 0
    }
    .template-category-page .category-page-header.layout-full-width .category-page-header-group,
    .template-aggregate .category-page-header.layout-full-width .category-page-header-group {
        width: 1310px
    }
}

.template-category-page .template-category-page .topics-carousel.category-page-topics,
.template-category-page .template-aggregate .topics-carousel.category-page-topics,
.template-aggregate .template-category-page .topics-carousel.category-page-topics,
.template-aggregate .template-aggregate .topics-carousel.category-page-topics {
    clear: both;
    margin-bottom: 64px;
    width: auto
}

.template-category-page .template-category-page .topics-carousel.category-page-topics.home-page-topics,
.template-category-page .template-aggregate .topics-carousel.category-page-topics.home-page-topics,
.template-aggregate .template-category-page .topics-carousel.category-page-topics.home-page-topics,
.template-aggregate .template-aggregate .topics-carousel.category-page-topics.home-page-topics {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .template-category-page .template-category-page .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics {
        margin-bottom: 64px;
        max-width: calc(640px + 32px);
        padding-bottom: 0
    }
    .template-category-page .template-category-page .topics-carousel.category-page-topics.home-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics.home-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics.home-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics.home-page-topics {
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .template-category-page .template-category-page .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics {
        max-width: 1088px
    }
}

@media (min-width: 1162px) {
    .template-category-page .template-category-page .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics {
        max-width: 1226px
    }
    .template-category-page .template-category-page .topics-carousel.category-page-topics.home-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics.home-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics.home-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics.home-page-topics {
        margin-bottom: 48px
    }
}

@media (min-width: 1279px) {
    .template-category-page .template-category-page .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .topics-carousel.category-page-topics {
        max-width: 1310px
    }
}

.template-category-page .template-category-page .category-page-body.home-page-topics,
.template-category-page .template-aggregate .category-page-body.home-page-topics,
.template-aggregate .template-category-page .category-page-body.home-page-topics,
.template-aggregate .template-aggregate .category-page-body.home-page-topics {
    position: relative;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    margin-top: 40px
}

.template-category-page .template-category-page .category-page-body.home-page-topics:before,
.template-category-page .template-aggregate .category-page-body.home-page-topics:before,
.template-aggregate .template-category-page .category-page-body.home-page-topics:before,
.template-aggregate .template-aggregate .category-page-body.home-page-topics:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media (min-width: 768px) {
    .template-category-page .template-category-page .category-page-body.home-page-topics,
    .template-category-page .template-aggregate .category-page-body.home-page-topics,
    .template-aggregate .template-category-page .category-page-body.home-page-topics,
    .template-aggregate .template-aggregate .category-page-body.home-page-topics {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .template-category-page .template-category-page .category-page-body.home-page-topics,
    .template-category-page .template-aggregate .category-page-body.home-page-topics,
    .template-aggregate .template-category-page .category-page-body.home-page-topics,
    .template-aggregate .template-aggregate .category-page-body.home-page-topics {
        margin-top: 56px
    }
}

@media (min-width: 1162px) {
    .template-category-page .template-category-page .category-page-body.home-page-topics,
    .template-category-page .template-aggregate .category-page-body.home-page-topics,
    .template-aggregate .template-category-page .category-page-body.home-page-topics,
    .template-aggregate .template-aggregate .category-page-body.home-page-topics {
        margin-top: 64px
    }
}

.template-category-page .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
.template-category-page .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics,
.template-aggregate .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
.template-aggregate .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .template-category-page .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics {
        margin-bottom: 32px
    }
}

@media (min-width: 1162px) {
    .template-category-page .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-category-page .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-aggregate .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics,
    .template-aggregate .template-aggregate .category-page-body.home-page-topics .topics-carousel.category-page-topics {
        margin-bottom: 48px
    }
}

.template-category-page .category-page-aside:after,
.template-aggregate .category-page-aside:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.template-category-page .category-page-body,
.template-aggregate .category-page-body {
    padding: 0 16px 64px
}

.template-category-page .category-page-leaderboard-ad-wrapper,
.template-aggregate .category-page-leaderboard-ad-wrapper {
    display: none;
    margin-bottom: 64px
}

@media (min-width: 768px) {
    .template-category-page .category-page-leaderboard-ad-wrapper,
    .template-aggregate .category-page-leaderboard-ad-wrapper {
        display: block
    }
}

.template-category-page .category-page-entity-block__header,
.template-aggregate .category-page-entity-block__header {
    align-items: center;
    background: rgba(0, 0, 0, 0.95);
    display: flex
}

.template-category-page .category-page-entity-block__header-thumbnail,
.template-aggregate .category-page-entity-block__header-thumbnail {
    height: 56px
}

.template-category-page .category-page-entity-block__header-thumbnail img,
.template-aggregate .category-page-entity-block__header-thumbnail img {
    width: 56px;
    height: 56px
}

.template-category-page .category-page-entity-block__header-title,
.template-aggregate .category-page-entity-block__header-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    margin-left: 16px
}

.template-category-page .category-page-entity-block .category-page-aside,
.template-aggregate .category-page-entity-block .category-page-aside {
    padding-top: 64px
}

.template-category-page .category-page-entity-block .component.faqs,
.template-aggregate .category-page-entity-block .component.faqs {
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 40px;
    padding: 16px
}

.template-category-page .category-page-entity-block .component.faqs .faqs-list-item:last-child,
.template-aggregate .category-page-entity-block .component.faqs .faqs-list-item:last-child {
    border-bottom: none
}

.template-category-page .category-page-entity-aside,
.template-aggregate .category-page-entity-aside {
    display: none
}

@media (min-width: 1024px) {
    .template-category-page .category-page-entity-aside,
    .template-aggregate .category-page-entity-aside {
        display: block
    }
}

@media (min-width: 768px) {
    .template-category-page .template-category-page,
    .template-category-page .template-aggregate,
    .template-aggregate .template-category-page,
    .template-aggregate .template-aggregate {
        overflow-x: hidden
    }
    .template-category-page .category-page-body:not(.category-page-list-related),
    .template-category-page .category-page-list-inner,
    .template-aggregate .category-page-body:not(.category-page-list-related),
    .template-aggregate .category-page-list-inner {
        margin: 0 auto;
        max-width: calc(640px + 32px)
    }
    .template-category-page .category-page-list-aside .ad-container,
    .template-category-page .category-page-list-related-aside .ad-container,
    .template-aggregate .category-page-list-aside .ad-container,
    .template-aggregate .category-page-list-related-aside .ad-container {
        margin: 0
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .template-category-page .category-page-entity,
    .template-aggregate .category-page-entity {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1246px
    }
}

@media (min-width: 768px) {
    .template-category-page .category-page-entity-block,
    .template-aggregate .category-page-entity-block {
        max-width: 640px;
        width: 100%
    }
    .template-category-page .category-page-entity-block .category-page-aside,
    .template-aggregate .category-page-entity-block .category-page-aside {
        display: flex;
        flex-flow: row wrap
    }
    .template-category-page .category-page-entity-block .component.faqs,
    .template-aggregate .category-page-entity-block .component.faqs {
        margin-top: 64px;
        padding: 24px
    }
    .template-category-page .category-page-entity-aside:after,
    .template-aggregate .category-page-entity-aside:after {
        color: #595959;
        font-size: 12px;
        font-family: "Libre Franklin", sans-serif;
        line-height: 1.33;
        text-align: center;
        text-transform: uppercase;
        content: 'Advertisement';
        display: block;
        padding: 0 4px 4px;
        margin-top: 4px;
        width: 100%
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .template-category-page .category-page-entity-aside,
    .template-aggregate .category-page-entity-aside {
        width: 300px
    }
}

@media (min-width: 768px) {
    .template-category-page .category-page-entity-aside .ad-container+.ad-container,
    .template-aggregate .category-page-entity-aside .ad-container+.ad-container {
        margin-top: 24px
    }
    .template-category-page .no-image-group,
    .template-aggregate .no-image-group {
        width: 640px
    }
}

@media (min-width: 360px) {
    .template-category-page .container-full-width .category-page-heading,
    .template-aggregate .container-full-width .category-page-heading {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0;
        margin-bottom: 0;
        order: 1
    }
}

@media (min-width: 360px) and (min-width: 768px) {
    .template-category-page .container-full-width .category-page-heading,
    .template-aggregate .container-full-width .category-page-heading {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-body:not(.category-page-list-related),
    .template-category-page .category-page-list-inner,
    .template-aggregate .category-page-body:not(.category-page-list-related),
    .template-aggregate .category-page-list-inner {
        max-width: 1088px;
        padding: 0 24px 64px;
        width: auto
    }
    .template-category-page .category-page-body:not(.category-page-list-related).reverse-colors,
    .template-category-page .category-page-list-inner.reverse-colors,
    .template-aggregate .category-page-body:not(.category-page-list-related).reverse-colors,
    .template-aggregate .category-page-list-inner.reverse-colors {
        padding-top: 40px;
        padding-bottom: 32px
    }
    .template-category-page .category-page-header-group.no-image-group,
    .template-aggregate .category-page-header-group.no-image-group {
        max-width: 652px
    }
    .template-category-page .category-page-header-group.full-width-group,
    .template-aggregate .category-page-header-group.full-width-group {
        max-width: 652px
    }
    .template-category-page .category-page-body.category-page-topics,
    .template-aggregate .category-page-body.category-page-topics {
        padding: 0 24px
    }
    .template-category-page .container-full-width .category-page-heading,
    .template-aggregate .container-full-width .category-page-heading {
        font-size: 36px;
        line-height: 44px
    }
    .template-category-page .container-full-width .category-page-entity-block,
    .template-aggregate .container-full-width .category-page-entity-block {
        max-width: 100%;
        width: calc(100% - 324px)
    }
    .template-category-page .container-full-width .category-page-entity-block .category-page-aside,
    .template-aggregate .container-full-width .category-page-entity-block .category-page-aside {
        display: none
    }
    .template-category-page .container-full-width .category-page-entity,
    .template-category-page .container-full-width .category-page-list,
    .template-aggregate .container-full-width .category-page-entity,
    .template-aggregate .container-full-width .category-page-list {
        margin-top: 64px
    }
}

@media (min-width: 1162px) {
    .template-category-page .category-page-body:not(.category-page-list-related),
    .template-category-page .category-page-list-inner,
    .template-aggregate .category-page-body:not(.category-page-list-related),
    .template-aggregate .category-page-list-inner {
        max-width: 1226px;
        padding: 0 32px 64px
    }
    .template-category-page .category-page-header-group.no-image-group,
    .template-aggregate .category-page-header-group.no-image-group {
        max-width: 882px
    }
    .template-category-page .category-page-header-group.full-width-group,
    .template-aggregate .category-page-header-group.full-width-group {
        max-width: 882px
    }
    .template-category-page .category-page-body.category-page-topics,
    .template-aggregate .category-page-body.category-page-topics {
        padding: 0 32px
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-category-page .category-page-header.layout-no-image,
    .template-aggregate .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-no-image {
        max-width: 1226px;
        padding: 0 32px 64px
    }
}

@media (min-width: 1279px) {
    .template-category-page .category-page-body:not(.category-page-list-related),
    .template-category-page .category-page-list-inner,
    .template-aggregate .category-page-body:not(.category-page-list-related),
    .template-aggregate .category-page-list-inner {
        max-width: 1310px;
        padding: 0 32px 64px
    }
    .template-category-page .category-page-body.category-page-topics,
    .template-aggregate .category-page-body.category-page-topics {
        padding: 0 32px
    }
    .template-category-page .category-page-header.layout-full-width,
    .template-category-page .category-page-header.layout-no-image,
    .template-aggregate .category-page-header.layout-full-width,
    .template-aggregate .category-page-header.layout-no-image {
        max-width: 1310px;
        padding: 0 32px 64px
    }
}

.template-category-page .category-page-videos.category-page-body,
.template-category-page .category-page-blocks.category-page-body,
.template-aggregate .category-page-videos.category-page-body,
.template-aggregate .category-page-blocks.category-page-body {
    position: relative;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    margin-top: 0;
    padding-top: 64px
}

.template-category-page .category-page-videos.category-page-body:before,
.template-category-page .category-page-blocks.category-page-body:before,
.template-aggregate .category-page-videos.category-page-body:before,
.template-aggregate .category-page-blocks.category-page-body:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-videos.category-page-body:before,
    .template-category-page .category-page-blocks.category-page-body:before,
    .template-aggregate .category-page-videos.category-page-body:before,
    .template-aggregate .category-page-blocks.category-page-body:before {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-videos.category-page-body:before,
    .template-category-page .category-page-blocks.category-page-body:before,
    .template-aggregate .category-page-videos.category-page-body:before,
    .template-aggregate .category-page-blocks.category-page-body:before {
        max-width: calc(100% - 64px)
    }
}

.template-category-page .category-page-videos.category-page-body.no-divider,
.template-category-page .category-page-blocks.category-page-body.no-divider,
.template-aggregate .category-page-videos.category-page-body.no-divider,
.template-aggregate .category-page-blocks.category-page-body.no-divider {
    border-top: none;
    padding-top: 0
}

.template-category-page .category-page-videos.category-page-body.no-divider:after,
.template-category-page .category-page-videos.category-page-body.no-divider:before,
.template-category-page .category-page-blocks.category-page-body.no-divider:after,
.template-category-page .category-page-blocks.category-page-body.no-divider:before,
.template-aggregate .category-page-videos.category-page-body.no-divider:after,
.template-aggregate .category-page-videos.category-page-body.no-divider:before,
.template-aggregate .category-page-blocks.category-page-body.no-divider:after,
.template-aggregate .category-page-blocks.category-page-body.no-divider:before {
    background: none
}

.template-category-page .category-page-subnav,
.template-aggregate .category-page-subnav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.template-category-page .category-page-subnav__header,
.template-aggregate .category-page-subnav__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 24px 0 24px
}

@media (min-width: 768px) {
    .template-category-page .category-page-subnav__header,
    .template-aggregate .category-page-subnav__header {
        margin-top: 32px
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-subnav__header,
    .template-aggregate .category-page-subnav__header {
        flex-direction: row;
        margin-top: 40px
    }
}

@media (min-width: 1162px) {
    .template-category-page .category-page-subnav__header,
    .template-aggregate .category-page-subnav__header {
        margin-top: 48px
    }
}

.template-category-page .category-page-subnav__header svg,
.template-aggregate .category-page-subnav__header svg {
    width: 278px;
    height: 20px
}

@media (min-width: 768px) {
    .template-category-page .category-page-subnav__header svg,
    .template-aggregate .category-page-subnav__header svg {
        width: 389px;
        height: 28px
    }
}

.template-category-page .category-page-subnav__headerText,
.template-aggregate .category-page-subnav__headerText {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    letter-spacing: 400;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .template-category-page .category-page-subnav__headerText,
    .template-aggregate .category-page-subnav__headerText {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .template-category-page .category-page-subnav__headerText,
    .template-aggregate .category-page-subnav__headerText {
        display: flex;
        margin-right: 16px;
        margin-top: 0;
        margin-bottom: 0
    }
    .template-category-page .category-page-subnav__headerText:after,
    .template-aggregate .category-page-subnav__headerText:after {
        content: ' ';
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        height: 32px;
        margin-left: 16px;
        margin-top: 8px
    }
}

.template-category-page .component.navigation-test .container,
.template-aggregate .component.navigation-test .container {
    padding: 0 16px
}

@media (min-width: 768px) {
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: 640px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: calc(976px + 48px);
        padding: 0 24px
    }
}

@media (min-width: 1162px) {
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: calc(1246px + 64px);
        padding: 0 32px
    }
}

.template-category-page .category-page-videos-date,
.template-aggregate .category-page-videos-date {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fbd9ce;
    margin: 8px 0 0
}

.mdex-test.template-recipe {
    overflow-x: hidden
}

.mdex-test.template-recipe.print-preview h1 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 8px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.print-preview h1 {
        font-size: 32px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe.print-preview h1 {
        font-size: 36px;
        line-height: 44px
    }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical {
    justify-content: space-between
}

@media (min-width: 360px) {
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical {
        justify-content: left
    }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite {
    margin-right: 6px
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a {
    width: 76px
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a.saved {
    width: 82px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a {
        width: 48px
    }
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a.saved {
        width: 48px
    }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-pinterest {
    width: 68px;
    margin-right: 6px;
    display: flex
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print {
    width: 80px;
    margin-right: 6px
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print a {
    width: auto
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .shareicon-modal-toggle {
    width: 80px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite,
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-pinterest,
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print,
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .shareicon-modal-toggle {
        width: 48px;
        height: 58px;
        margin-right: 0
    }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag .icon-share-check {
    display: none
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag.saved .icon-share-check {
    display: block;
    width: 24px;
    height: 22px
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag.saved .icon-share-check path {
    stroke: #1a7f82;
    stroke-width: 2px
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag span {
    padding-right: 0
}

@media (max-width: 400px) {
    .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag span {
        padding-right: 8px
    }
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text {
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .profile-pic img {
    border-radius: 100%
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name,
.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link,
.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-byline-prefix {
    font-size: 16px;
    font-weight: 400
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-credit {
    font-style: italic
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .syndication {
    margin-top: 15px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
        margin: 0 auto;
        max-width: 640px
    }
    .mdex-test.template-recipe .template-two-col .content {
        margin: 24px auto
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
        max-width: 1088px;
        padding: 0 24px
    }
    .mdex-test.template-recipe .template-two-col .content {
        margin: 32px auto 0;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
        max-width: 1226px;
        padding: 0 32px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
        max-width: 1310px;
        padding: 0 32px
    }
    .mdex-test.template-recipe .template-two-col.container-full-width,
    .mdex-test.template-recipe .template-two-col .container-full-width,
    .mdex-test.template-recipe .template-two-col .content {
        max-width: 1310px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .template-two-col.container-full-width .two-col-content {
        margin-right: 24px
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .template-two-col.container-full-width .two-col-content {
        margin-right: 32px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recirculation-wrapper {
        margin: 0 -24px;
        width: 100vw
    }
    .mdex-test.template-recipe .recirculation-wrapper .recirculation {
        max-width: 1088px;
        padding: 0 24px
    }
}

.mdex-test.template-recipe .component.breadcrumbs .breadcrumbs__container {
    justify-content: flex-start
}

.mdex-test.template-recipe .recipe-content .section-headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 16px
}

.mdex-test.template-recipe .recipe-content .section-headline ~ ul:first-of-type,
.mdex-test.template-recipe .recipe-content .section-headline ~ p:first-of-type {
    margin-top: 24px
}

.mdex-test.template-recipe .recipe-content h2.section-headline {
    display: inline-block;
    margin-top: 0;
    padding-top: 16px
}

.mdex-test.template-recipe .recipe-content h2.section-headline,
.mdex-test.template-recipe .recipe-content .section-headline h2 {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content {
        float: left;
        max-width: 640px
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .recipe-content {
        max-width: 882px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-content {
        max-width: none
    }
}

.mdex-test.template-recipe .recipe-content-container {
    width: 100%
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .recipe-content-container {
        width: 640px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-content-container {
        width: 100%
    }
}

.mdex-test.template-recipe .recipe-content-container #nutrition {
    position: absolute;
    top: -60px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container #nutrition {
        top: -190px
    }
}

.mdex-test.template-recipe .recipe-content-container .container {
    border-top: 2px solid rgba(0, 0, 0, 0.15);
    flex: 1 1 100%;
    margin-top: 24px;
    position: relative
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container .container:first-child {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content-container .container:first-child {
        margin-top: 24px
    }
}

.mdex-test.template-recipe .recipe-content-container .container.nutrition-section,
.mdex-test.template-recipe .recipe-content-container .container.recipe-instructions,
.mdex-test.template-recipe .recipe-content-container .container.recipe-note {
    max-width: 640px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content-container .container {
        flex: 1
    }
}

.mdex-test.template-recipe .recipe-content-container .container .section-icon {
    position: absolute;
    right: 0;
    top: -23px;
    padding-left: 5px;
    background-color: #fff
}

.mdex-test.template-recipe .recipe-content-container .container .section-icon.icon-chef {
    top: -20px
}

.mdex-test.template-recipe .recipe-content-container .container .section-icon g,
.mdex-test.template-recipe .recipe-content-container .container .section-icon path {
    fill: #fff
}

.mdex-test.template-recipe .recipe-content-container .container .section-icon.icon-edit {
    padding-left: 8px
}

.mdex-test.template-recipe .recipe-content-container .container .section-icon.icon-background-round svg {
    background: #fbd9ce;
    border-radius: 50%;
    padding-top: 4px;
    padding-left: 4px
}

.mdex-test.template-recipe .recipe-content-container .recipes-reviews-container {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 64px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new {
    border-top: 2px solid #D9D9D9;
    position: relative;
    flex: 1 1 100%;
    margin-bottom: 0
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new:before {
    border-radius: 100%;
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #D9D9D9;
    box-shadow: 0 0 0 4px #fff;
    top: -5px;
    left: 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new {
        flex: 1
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new {
        flex: 1 1 100%;
        margin-bottom: 48px
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new {
        flex: 1
    }
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new .section-headline {
    margin-top: 8px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new .section-subheadline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 16px 0
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new .ingredients-section {
    margin-bottom: 0;
    padding-left: 0
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__container {
    margin-top: 24px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:focus,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:active,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:focus,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:active,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:visited,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:hover,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:active,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:focus,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:hover,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:active,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-button-text,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-success-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    letter-spacing: .5px;
    line-height: 22px;
    height: 20px;
    width: 233px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-button-text:focus,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-success-text:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-button-text:active,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-success-text:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-button-icon,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list-success-icon {
    margin-left: 4px;
    position: relative;
    top: 5px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-success {
    display: none;
    margin-right: 24px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-success {
        margin-bottom: 24px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-success {
        margin-bottom: 0
    }
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-success-text {
    height: 36px;
    width: 157px
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items {
    display: none
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button {
    height: 48px;
    width: 155px
}

.mdex-test.template-recipe .recipe-content-container .recipe-complex-header {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    margin: 0 auto
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-complex-header {
        font-size: 36px;
        line-height: 44px
    }
}

.mdex-test.template-recipe .recipe-content-container .recipe-shopper-wrapper {
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-shopper-wrapper {
        display: flex
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .recipe-content-container .recipe-shopper-wrapper {
        display: flex
    }
}

.mdex-test.template-recipe .recipe-content-container .recipe-shopper-wrapper .ingredients-item .checkbox-list .checkbox-list-checkmark {
    display: flex
}

.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::before,
.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::after {
    position: absolute
}

.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::before {
    transform: translate(0%, -50%);
    top: 50%
}

.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::after {
    transform: rotate(45deg) translateY(-100%);
    top: 50%;
    left: 0
}

.mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
    max-width: 280px;
    flex: 0 0 100%;
    align-self: flex-start;
    margin: 40px auto 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
        margin-left: 24px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
        margin-left: 0
    }
}

@media (min-width: 1162px) {
    .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
        margin-left: 32px
    }
}

.mdex-test.template-recipe .recipe-content-container .recipe-ad-container .tablet-ad:nth-child(2) {
    margin-right: 24px
}

.mdex-test.template-recipe .lead-content-wrapper {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .lead-content-wrapper {
        margin-bottom: 44px
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .lead-content-wrapper {
        margin-bottom: 24px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .lead-content-wrapper.two-col-style {
        display: flex
    }
    .mdex-test.template-recipe .lead-content-wrapper.two-col-style .recipe-meta-container.two-subcol-content {
        display: block
    }
    .mdex-test.template-recipe .lead-content-wrapper.two-col-style .primary-media-section {
        flex: 1;
        margin-right: 32px
    }
    .mdex-test.template-recipe .lead-content-wrapper.two-col-style .lead-content-aside-wrapper {
        width: 220px;
        flex: 0 0 220px;
        margin: 0;
        display: flex;
        flex-direction: column
    }
    .mdex-test.template-recipe .lead-content-wrapper.two-col-style .lead-content-aside-wrapper .recipe-tout-image {
        margin: 24px 0 0;
        width: 220px
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .lead-content-wrapper.full-width-style .lead-content-aside-wrapper .recipe-info-section {
        flex: 1
    }
}

.mdex-test.template-recipe .recipe-tout-image {
    margin-top: 24px
}

.mdex-test.template-recipe .lead-content-aside-wrapper {
    display: block
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .lead-content-aside-wrapper {
        display: flex
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .lead-content-aside-wrapper.video-with-tout-image {
        display: flex
    }
    .mdex-test.template-recipe .lead-content-aside-wrapper .recipe-tout-image {
        width: 192px;
        margin-top: 0;
        margin-left: 24px
    }
    .mdex-test.template-recipe .lead-content-aside-wrapper .recipe-tout-image.recipe-info-items-1 {
        width: 128px
    }
    .mdex-test.template-recipe .lead-content-aside-wrapper .recipe-tout-image.recipe-info-items-2 {
        width: 168px
    }
    .mdex-test.template-recipe .lead-content-aside-wrapper .recipe-tout-image.recipe-info-items-3 {
        width: 208px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .image-container .component.lazy-image {
        width: 550px
    }
}

.mdex-test.template-recipe .image-container .component.lazy-image.no-upscale img {
    max-width: 550px;
    height: auto
}

@media (min-width: 360px) {
    .mdex-test.template-recipe .image-container .component.lazy-image.no-upscale img {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .image-container .component.lazy-image.no-upscale img {
        max-width: 550px
    }
}

.mdex-test.template-recipe .image-container a {
    bottom: auto;
    right: auto
}

.mdex-test.template-recipe .image-container.ugc-upload-button {
    cursor: pointer
}

.mdex-test.template-recipe .image-container .recipe-fallback-image {
    pointer-events: none
}

.mdex-test.template-recipe .recipe-summary {
    margin: 0
}

.mdex-test.template-recipe .recipe-summary p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Noto Serif", serif
}

.mdex-test.template-recipe .recipe-summary a {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82;
    text-decoration: none
}

.mdex-test.template-recipe .recipe-summary a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-summary a:hover {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.mdex-test.template-recipe .recipe-source {
    font-style: italic
}

.mdex-test.template-recipe .primary-media-section {
    margin-bottom: 24px
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .primary-media-section {
        margin-bottom: 0
    }
}

.mdex-test.template-recipe .primary-media-section .component.lazy-image.lazy-image-udf.image-loaded {
    cursor: pointer
}

.mdex-test.template-recipe .primary-media-section .recipe-helper-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    font-style: italic;
    text-align: center
}

.mdex-test.template-recipe .recipe-blog-content {
    width: 100%;
    position: relative;
    margin-top: 64px
}

.mdex-test.template-recipe .recipe-blog-content::after {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    content: '';
    display: block;
    margin: 64px 0 0 calc(50% - 50vw);
    width: 100vw
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-blog-content::after {
        width: 100%;
        margin-left: inherit
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-blog-content-button {
        position: relative;
        width: 80%
    }
}

.mdex-test.template-recipe .recipe-blog-content-button::before {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    content: '';
    display: block;
    margin-bottom: 70px;
    width: 100vw;
    margin-left: calc(50% - 50vw)
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-blog-content-button::before {
        width: 100%;
        margin-left: inherit
    }
}

.mdex-test.template-recipe .recipe-blog-content-button .recipe-skip-blog-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 217px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.95);
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer
}

.mdex-test.template-recipe .recipe-blog-content-button .recipe-skip-blog-content:hover {
    background-color: #fbd9ce
}

.mdex-test.template-recipe .recipe-blog-content-button .recipe-skip-blog-content-icon {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.mdex-test.template-recipe .recipe-blog-content-button .recipe-skip-blog-content-button {
    width: 113px;
    height: 28px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.56;
    color: #fff
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-blog-content-body {
        width: 80%
    }
}

.mdex-test.template-recipe .recipe-blog-content p {
    margin-bottom: 0
}

.mdex-test.template-recipe .recipe-blog-content p:first-of-type {
    margin-top: 0
}

.mdex-test.template-recipe .recipe-blog-content p a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.mdex-test.template-recipe .recipe-blog-content p a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-blog-content p a:hover,
.mdex-test.template-recipe .recipe-blog-content p a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.mdex-test.template-recipe .recipe-blog-content p a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .heading-content {
    margin-bottom: 0
}

.mdex-test.template-recipe .recipe-info-section {
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 24px;
    position: relative
}

.mdex-test.template-recipe .recipe-info-section .time-stats {
    position: absolute;
    background-color: #fff;
    background-position: center center;
    right: -3px;
    top: -3px
}

.mdex-test.template-recipe .recipe-info-section .time-stats g {
    fill: #fff
}

.mdex-test.template-recipe .recipe-info-section .time-stats.icon-background-round svg {
    background: #fbd9ce;
    border-radius: 50%;
    padding-top: 4px;
    padding-left: 4px
}

.mdex-test.template-recipe .recipe-meta-container.two-subcol-content {
    border: none;
    padding: 0;
    margin: 0
}

.mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper {
    margin: 0;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper {
        width: 50%
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper {
        width: 100%
    }
}

.mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper .recipe-meta-item {
    width: 100%;
    padding-bottom: 16px
}

.mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper .recipe-meta-item-header {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95);
    float: left;
    margin-bottom: 0;
    margin-right: 4px
}

.mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper .recipe-meta-item-body {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper:first-child {
        padding-right: 20px
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-meta-container .two-subcol-content-wrapper {
        width: 100%
    }
}

.mdex-test.template-recipe .nutrition-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 16px
}

.mdex-test.template-recipe .nutrition-info .nutrition-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.95);
    font-style: normal;
    text-transform: capitalize;
    vertical-align: baseline
}

.mdex-test.template-recipe .nutrition-info .nutrition-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .nutrition-info .nutrition-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .section-headline {
    overflow: hidden
}

.mdex-test.template-recipe .section-headline h2 {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    float: none
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .section-headline h2 {
        float: left
    }
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    float: none;
    justify-content: center;
    margin-top: 16px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .section-headline .recipe-adjust-servings {
        float: right
    }
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size {
    width: 112px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    float: left;
    display: flex;
    text-align: center;
    align-items: center
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-minus,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-quantity,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-plus {
    flex-grow: 1;
    width: 33%
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-minus,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-plus {
    background: rgba(0, 0, 0, 0.05);
    border: none;
    height: 100%;
    position: relative
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-minus svg,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-plus svg {
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-minus svg path,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-plus svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-minus--text,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-plus--text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__size-quantity {
    font-size: 16px;
    line-height: 24px
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    height: 36px;
    width: 67px;
    letter-spacing: .5px;
    padding: 0
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:active {
    opacity: .8
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:active {
    opacity: .8
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:hover,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:active,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__original-serving,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    clear: both;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: 0;
    padding-top: 8px;
    text-align: center
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .section-headline .recipe-adjust-servings__original-serving,
    .mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message {
        text-align: right
    }
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message {
    display: none
}

.mdex-test.template-recipe .section-headline .nutrition-help-link {
    height: 24px;
    margin-left: 0;
    text-decoration: none
}

.mdex-test.template-recipe .section-headline .nutrition-help-link path {
    fill: #595959
}

.mdex-test.template-recipe .section-headline .recipe-ratings {
    display: flex
}

.mdex-test.template-recipe .recipe-nutrition-section {
    margin-top: 24px
}

.mdex-test.template-recipe .recipe-nutrition-section-link {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none;
    margin-left: 4px
}

.mdex-test.template-recipe .recipe-nutrition-section-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-nutrition-section-link:hover,
.mdex-test.template-recipe .recipe-nutrition-section-link:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.mdex-test.template-recipe .recipe-nutrition-section-link:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .section-label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 6px
}

.mdex-test.template-recipe .section-label .nutrition-exchanges {
    display: inline-block
}

.mdex-test.template-recipe .section-body {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Noto Serif", serif;
    margin-top: 8px
}

.mdex-test.template-recipe .section-body.checked {
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .ingredients-section .container,
.mdex-test.template-recipe .favorite-collections-section .container {
    list-style: none
}

.mdex-test.template-recipe .ingredients-section .container .step-label,
.mdex-test.template-recipe .favorite-collections-section .container .step-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    width: 100%
}

.mdex-test.template-recipe .ingredients-section .ingredients-item,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item {
    padding-right: 36px
}

.mdex-test.template-recipe .ingredients-section .ingredients-item,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item {
    list-style: none;
    margin-bottom: 48px;
    position: relative
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    background-color: transparent;
    border: solid 1px #f9f7f0;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::before,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::before {
    border-color: transparent;
    background-color: transparent
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-input:checked+.checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    width: 8px;
    height: 16px
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-input:focus+.checkbox-list-checkmark:before,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-input:focus+.checkbox-list-checkmark:before,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-input:focus+.checkbox-list-checkmark:before,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-input:focus+.checkbox-list-checkmark:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-input,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-input,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-input,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-checkmark,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-checkmark,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-checkmark,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-checkmark {
    position: relative;
    padding-left: 36px;
    cursor: pointer
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-checkmark::after {
    position: absolute;
    top: 2px;
    left: 3px;
    content: '';
    display: inline-block
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-checkmark::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0)
}

.mdex-test.template-recipe .ingredients-section .ingredients-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item .checkbox-list-checkmark::after,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item .checkbox-list-checkmark::after {
    opacity: 1
}

.mdex-test.template-recipe .ingredients-section .ingredients-item-name,
.mdex-test.template-recipe .ingredients-section .favorite-collections-item-name,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item-name,
.mdex-test.template-recipe .favorite-collections-section .favorite-collections-item-name {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test.template-recipe .ingredients-section .ingredients-item:last-child,
.mdex-test.template-recipe .favorite-collections-section .ingredients-item:last-child {
    margin-bottom: 0
}

.mdex-test.template-recipe .recipe-instructions {
    margin-bottom: 64px
}

.mdex-test.template-recipe .recipe-instructions .instructions-section {
    list-style: none;
    padding-left: 0
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item {
    list-style: none;
    margin-bottom: 40px;
    margin-top: 40px;
    position: relative
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    background-color: transparent;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input:checked+.checkbox-list-checkmark::before {
    border-color: rgba(0, 0, 0, 0);
    background-color: #f9f7f0
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    left: 6px
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input:focus+.checkbox-list-checkmark:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark {
    position: relative;
    padding-left: 32px;
    cursor: pointer
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark::after {
    position: absolute;
    top: -2px;
    left: 0;
    content: '';
    display: inline-block
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark::before {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark::after {
    opacity: 1
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-checkmark::after {
    top: 0;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    transform: rotate(45deg)
}

.mdex-test.template-recipe .recipe-instructions .instructions-section-item:first-child {
    margin-top: 0
}

.mdex-test.template-recipe .recipe-instructions .instructions-section .checkbox-list-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.mdex-test.template-recipe .recipe-instructions .instructions-section .print-preview-ad-slug {
    display: none
}

.mdex-test.template-recipe .recipe-instructions .instructions-section .checkbox-list.checked {
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .recipe-notes {
    margin-bottom: 64px
}

.mdex-test.template-recipe .recipe-reviews.hidden .inner-container {
    display: none
}

.mdex-test.template-recipe .recipe-reviews .loader {
    display: none;
    margin: 24px auto
}

.mdex-test.template-recipe .recipe-reviews+.recipe-ad-wrapper {
    padding-top: 24px
}

.mdex-test.template-recipe .recipe-reviews+.recipe-ad-wrapper .mobile-ad[data-tier='3'] {
    margin-bottom: 24px
}

.mdex-test.template-recipe .recipe-review-overall-rating {
    width: 100%;
    display: flex
}

.mdex-test.template-recipe .recipe-review-overall-rating .section-headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 8px 24px 0
}

.mdex-test.template-recipe .recipe-review-overall-rating .recipe-ratings {
    margin: 0
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews {
    display: inline-block;
    margin-left: auto;
    line-height: 32px
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg g,
.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg path {
    fill: #fff
}

.mdex-test.template-recipe .recipe-review-top-reviews {
    background: rgba(251, 217, 206, 0.1);
    padding: 24px;
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-review-top-reviews {
        margin-left: 0;
        margin-right: 0
    }
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-my-review {
    padding: 36px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    display: flex
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    text-transform: none;
    margin: 8px 16px
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:visited {
    background: #1a7f82;
    color: #fff
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:hover,
.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:active,
.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review-icon svg {
    border: 1px solid #595959;
    border-radius: 50%
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-reviews-inner {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-reviews-row {
    display: flex;
    flex-direction: column
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-reviews-row {
        flex-direction: row
    }
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item {
    padding: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    order: 2
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item {
        order: 0;
        flex: 1 1 0;
        border: 0
    }
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item-header {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-style: italic;
    text-align: center;
    margin: 0 0 16px
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item-header {
        text-align: left
    }
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item-ratings {
    display: flex;
    justify-content: center;
    order: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 0;
    padding-right: 0
}

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item-ratings .recipe-ratings-list {
    width: 247px
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-top-item-ratings {
        border: 0;
        order: 0
    }
}

.mdex-test.template-recipe .recipe-reviews-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 12px
}

.mdex-test.template-recipe .recipe-reviews-info .sort-title-reviews {
    display: none
}

.mdex-test.template-recipe .recipe-reviews-info .sort-options {
    right: 0;
    left: auto
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-reviews-info .sort-options {
        right: auto;
        left: 0
    }
}

.mdex-test.template-recipe .recipe-reviews-counter {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test.template-recipe .recipe-reviewed-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between
}

.mdex-test.template-recipe .recipe-reviewed-items .recipe-review-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe .recipe-reviewed-items--grid {
        flex-direction: row
    }
    .mdex-test.template-recipe .recipe-reviewed-items--grid:after,
    .mdex-test.template-recipe .recipe-reviewed-items--grid .recipe-review-wrapper {
        width: calc((100% - 128px) / 3)
    }
    .mdex-test.template-recipe .recipe-reviewed-items--grid:after {
        content: '';
        display: block
    }
}

.mdex-test.template-recipe .recipe-review-back {
    display: flex;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-review-back path {
    fill: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .recipe-review-back-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 8px
}

.mdex-test.template-recipe .recipe-reviews-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
    text-transform: none
}

.mdex-test.template-recipe .recipe-reviews-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-reviews-link:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-reviews-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe .recipe-reviews-link:active {
    opacity: .8
}

.mdex-test.template-recipe .recipe-reviews-link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.mdex-test.template-recipe .recipe-reviews-link:hover,
.mdex-test.template-recipe .recipe-reviews-link:active,
.mdex-test.template-recipe .recipe-reviews-link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.mdex-test.template-recipe .recipe-reviews-button {
    margin-top: 32px;
    text-align: center
}

.mdex-test.template-recipe .recipe-ad-wrapper {
    background: rgba(0, 0, 0, 0.05);
    padding: 24px 0 0 0;
    text-align: center;
    padding-top: 0
}

.mdex-test.template-recipe .recipe-ad-wrapper:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-ad-wrapper.full-width {
        position: relative;
        display: flex;
        justify-content: center;
        padding: 24px 0
    }
    .mdex-test.template-recipe .recipe-ad-wrapper.full-width .ad-wrapper:nth-child(odd) {
        margin-right: 24px
    }
    .mdex-test.template-recipe .recipe-ad-wrapper.full-width:after {
        position: absolute;
        bottom: 0
    }
}

.mdex-test.template-recipe .two-col-right-rail {
    display: none
}

.mdex-test.template-recipe .two-col-right-rail .recipe-ad-wrapper {
    background: none
}

.mdex-test.template-recipe .two-col-right-rail .ad-wrapper {
    margin-bottom: 40px
}

.mdex-test.template-recipe .two-col-right-rail .ad-wrapper:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .two-col-right-rail {
        display: block
    }
}

.mdex-test.template-recipe .recipe-review-container {
    display: block
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-review-container {
        display: flex;
        align-items: center
    }
}

.mdex-test.template-recipe .recipe-review-container .component.recipe-ratings {
    margin-right: 16px
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
    display: inline-block;
    margin-bottom: 18px
}

@media (max-width: 768px) {
    .mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
        position: relative;
        bottom: 7px
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
        margin-bottom: 0
    }
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item {
    display: flex;
    align-items: center
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-item {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link-divider {
    display: inline-block;
    height: 24px;
    width: 1px;
    background: rgba(0, 0, 0, 0.15);
    margin: 0 12px
}

.mdex-test.template-recipe .partial.recipe-made-button {
    position: relative;
    height: 50px;
    width: 100%
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 173px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #1a7f82;
    cursor: pointer;
    text-transform: capitalize
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper .button-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper .icon {
    margin-right: 8px
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper .icon:nth-child(2) {
    display: none
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper .icon svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox {
    opacity: 0;
    position: absolute;
    top: 0
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox:checked ~ .button-text-wrapper {
    border: 2px solid #595959;
    background: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox:checked ~ .button-text-wrapper .button-text {
    color: #fff
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox:checked ~ .button-text-wrapper .icon:first-child {
    display: none
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox:checked ~ .button-text-wrapper .icon:nth-child(2) {
    display: inline
}

.mdex-test.template-recipe .partial.recipe-made-button .button-checkbox:checked ~ .button-text-wrapper .icon:nth-child(2) svg path {
    fill: #fff
}

.mdex-test.template-recipe .partial.recipe-made-button .recipe-made-label {
    display: flex;
    justify-content: center
}

.mdex-test.template-recipe .partial.recipe-play-button {
    position: relative;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #1a7f82;
    cursor: pointer;
    text-transform: capitalize
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .button-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .icon {
    margin-right: 8px
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .icon:nth-child(2) {
    display: none
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .icon svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox {
    opacity: 0;
    position: absolute;
    top: 0
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox:checked ~ .button-text-wrapper {
    border: 2px solid #595959;
    background: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox:checked ~ .button-text-wrapper .button-text {
    color: #fff
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox:checked ~ .button-text-wrapper .icon:first-child {
    display: none
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox:checked ~ .button-text-wrapper .icon:nth-child(2) {
    display: inline
}

.mdex-test.template-recipe .partial.recipe-play-button .button-checkbox:checked ~ .button-text-wrapper .icon:nth-child(2) svg path {
    fill: #fff
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper {
    background: rgba(0, 0, 0, 0.95);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border: 2px solid rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .icon svg path {
    fill: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .icon svg circle {
    fill: #fff
}

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .button-text {
    color: #fff
}

.mdex-test.template-recipe .pagination-numbers {
    margin-top: 32px
}

.mdex-test.template-recipe.modal-active .modal .icon-close svg {
    height: 14px;
    width: 14px
}

.mdex-test.template-recipe.modal-active .dialog-close-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    position: absolute;
    top: 24px;
    right: 24px;
    color: #fff
}

.mdex-test.template-recipe.modal-active .close {
    width: 120px
}

.mdex-test.template-recipe.modal-active.ugc-modal {
    overflow: hidden
}

.mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal {
    position: fixed;
    display: block;
    width: 100vw;
    height: 80vh;
    max-width: 100%;
    max-height: 750px
}

.mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #fff;
    overflow-y: auto
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal {
        height: 80vh;
        max-width: 992px
    }
}

.mdex-test.template-recipe.modal-active.nutrition-modal {
    overflow: hidden
}

.mdex-test.template-recipe.modal-active.nutrition-modal .close {
    right: 16px;
    bottom: 20px;
    top: 0;
    height: 40px
}

.mdex-test.template-recipe.modal-active.nutrition-modal .close path {
    fill: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal {
    position: fixed;
    display: block;
    width: 100vw;
    overflow: hidden;
    max-width: 400px;
    height: 80vh;
    min-width: 300px
}

.mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal .content {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal {
        max-width: 400px
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .close path {
    fill: #fff
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal {
    position: fixed;
    display: block;
    width: 100vw;
    height: 90vh;
    padding-top: 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal {
        max-width: 736px;
        max-height: 636px
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .dialog-close-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-container {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 16px 16px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-container {
        padding: 32px 0 32px 32px
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 24px;
    padding-left: 16px;
    order: 2;
    flex: 1 1 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-title {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-title {
        padding-bottom: 32px;
        padding-left: 0;
        flex: 10 0 100%;
        order: 1
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-image {
    padding-bottom: 24px;
    width: 100px;
    order: 1
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-image {
        padding-bottom: 0;
        width: 300px;
        order: 2
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-selection {
    order: 3;
    width: 100%
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-selection {
        margin-left: 32px;
        width: 340px
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-divider {
    border-top: 2px solid #D9D9D9;
    position: relative;
    padding-bottom: 24px
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-divider:before {
    border-radius: 100%;
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #D9D9D9;
    box-shadow: 0 0 0 4px #fff;
    top: -5px;
    left: 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-divider {
        padding-top: 0
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-subtitle {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    letter-spacing: .5px;
    padding-bottom: 24px
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-header {
    background-color: #f9f7f0;
    padding-left: 32px;
    padding-right: 32px;
    color: #fff;
    height: 48px;
    display: flex;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    letter-spacing: .5px
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-header svg {
    margin: 8px 8px 0 0
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-header svg path {
    fill: #fff
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-header .favorite-collections-header-text {
    align-self: center
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-section {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 196px;
    overflow-y: auto
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-item:not(last-child) {
    margin-bottom: 24px
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-item.sample {
    display: none
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-collection {
    padding: 16px 0;
    position: relative
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-error {
    color: #c00
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    letter-spacing: .5px;
    padding: 10px 44px 10px 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-input::placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-icon {
    position: absolute;
    right: 12px;
    top: 30px;
    border-radius: 4px;
    line-height: 0;
    background-color: #f9f7f0;
    cursor: pointer
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-add-icon svg path {
    fill: #fff
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer {
    padding: 0 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer {
        padding: 0 32px 32px
    }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-remove {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-remove:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-remove:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done {
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    text-transform: none
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:active {
    opacity: .8
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:active {
    opacity: .8
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:visited {
    background: #1a7f82;
    color: #fff
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:hover,
.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:active,
.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe.modal-active.save-success-modal .close path {
    fill: #fff
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal {
    position: fixed;
    display: block;
    width: 100vw;
    height: 80vh
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal {
        max-width: 400px;
        max-height: 498px
    }
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9f7f0;
    overflow-y: auto;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .content {
        padding: 30px 60px
    }
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-icon {
    align-self: center;
    margin-bottom: 32px
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-icon svg {
    background: #fff;
    padding: 18px;
    border-radius: 50%
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-icon svg path {
    fill: #f9f7f0
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title a {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 -1px 0 #fff
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title a:hover,
.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title a:visited {
    color: #fff;
    box-shadow: inset 0 -1px 0 #fff
}

.mdex-test.template-recipe.reviews-page-active .recipe-wrapper,
.mdex-test.template-recipe.reviews-page-active .main-reviews {
    display: none
}

.mdex-test.template-recipe.reviews-page-active .recipe-reviewed-items {
    flex-direction: column
}

.mdex-test.template-recipe.reviews-page-active .recipe-reviewed-items .karma-ad {
    margin-top: 32px
}

.mdex-test.template-recipe.reviews-page-active .recipe-reviews>.inner-container {
    display: block;
    min-height: 560px
}

.mdex-test.template-recipe.reviews-page-active .recipes-reviews-container {
    border-top: 0;
    padding-top: 0;
    margin-top: 24px;
    max-width: 640px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe.reviews-page-active .recipes-reviews-container {
        margin-top: 32px
    }
}

.mdex-test.template-recipe.reviews-page-active .recipe-review-overall-rating {
    margin: 24px 0;
    align-items: baseline;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe.reviews-page-active .recipe-review-overall-rating {
        margin: 32px 0
    }
}

@media (min-width: 1279px) {
    .mdex-test.template-recipe.reviews-page-active .recipe-review-wrapper {
        width: auto
    }
}

.mdex-test.template-recipe.reviews-page-active .section-headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.reviews-page-active .section-headline {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe.reviews-page-active .section-headline {
        margin-bottom: 0;
        width: auto
    }
}

.mdex-test.template-recipe.reviews-page-active .review-headline-count {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-weight: 400
}

.mdex-test.template-recipe.reviews-page-active .recipe-reviews.hidden .loader {
    display: block
}

.mdex-test.template-recipe.reviews-page-active .recipe-reviews.hidden .recipes-reviews-container {
    display: none
}

.mdex-test.template-recipe .print-preview-full-width {
    background: rgba(0, 0, 0, 0.05)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview {
    background: none;
    padding-top: 24px;
    padding-bottom: 32px;
    margin-bottom: 64px
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview {
        padding-top: 32px
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar {
    max-width: 640px;
    margin: 0 auto 24px;
    display: flex;
    flex-basis: 640px;
    justify-content: space-between
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new.square .icon>a {
    height: 44px;
    justify-content: left;
    flex-direction: row
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new.square .icon>a .icon-text {
        bottom: 0;
        position: static
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-favorite>a {
    width: 76px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-favorite>a.saved {
    width: 82px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-pinterest>a,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-facebook>a {
    width: 68px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .icon-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-favorite .shareicon-favorite-link-tag,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon .display-block {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 800;
    border-radius: 4px;
    height: 44px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button:last-child {
    margin-right: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.font {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.print {
    width: 80px;
    border: rgba(0, 0, 0, 0.65) solid 1px;
    background-color: #fff
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.print:hover,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.print:active,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.print:focus {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button.print svg {
    width: 21px;
    height: 21px;
    margin-right: 8px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-headline-logo svg {
    width: 83px;
    height: 32px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container {
    background: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content {
    max-width: 1004px;
    margin-top: 0
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content {
        padding-top: 32px
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper {
    display: flex;
    flex-flow: row wrap
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper {
        flex-flow: initial
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-left-column {
    display: flex;
    flex-wrap: wrap
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-left-column .recipe-content {
    position: relative
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-left-column .instructions-section #div-gpt-mob-square-fixed {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-ad-slug {
    display: block;
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 4px;
    font-style: italic
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-ad-slug {
        display: none
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement {
    max-width: 640px;
    margin: 0 auto 24px;
    display: flex;
    flex-basis: 640px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement .monetate {
    padding-top: 24px;
    padding-bottom: 8px;
    flex: 0 0 100%;
    text-align: center
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement .recipe-marketing-text {
    flex: 0 0 100%;
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    font-style: italic
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail {
    display: none;
    flex-basis: 300px;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail {
        display: block
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail .recipe-ad-wrapper {
    padding-top: 44px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail .recipe-ad-wrapper span {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    font-style: italic;
    margin-bottom: 4px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-ad-container {
    display: none
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-ad-container {
        display: block
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-shopper-wrapper {
    margin: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle {
    background: #fff;
    max-width: 640px;
    padding: 24px;
    margin: 0 auto;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    display: block
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox {
    border: none;
    padding: 0;
    margin: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox__legend {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 2.0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox__legend {
        float: left
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section {
        justify-content: space-evenly
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item {
    list-style: none;
    width: 50%
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    background-color: transparent;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input:checked+.checkbox-list-checkmark::before {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    left: 6px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input:focus+.checkbox-list-checkmark:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark {
    position: relative;
    padding-left: 26px;
    cursor: pointer
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark::before,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark::after {
    position: absolute;
    top: -1px;
    left: 0;
    content: '';
    display: inline-block
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark::before {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 2px solid rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark::after {
    opacity: 1
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-checkmark::after {
    top: 0;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    transform: rotate(45deg)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list-input:checked+.checkbox-list-checkmark::after {
    top: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item:not(: last-child) {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item {
        width: auto;
        margin-bottom: 0
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list {
    margin-bottom: 0;
    padding-left: 24px;
    font-size: 16px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox .recipe-content-toggle-section .recipe-content-toggle-item .checkbox-list .checkbox-list-input {
    top: 4px;
    left: 4px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content {
    background: #fff;
    max-width: 640px;
    padding: 24px;
    margin: 0 auto;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .section-headline {
    margin: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-summary p {
    line-height: 28px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_images .primary-media-section {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_tips .recipe-notes {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_nutrition .nutrition-section {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_sales .recipe-shopper-container,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_sales .cal-on-sale-tag {
    display: none
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content.print_hide_sales .ingredients-section {
        -moz-column-count: 2;
        column-count: 2
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-nutrition-section {
    margin-top: 24px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-ratings {
    margin: 0 0 8px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-ratings .icon-down-triangle {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-summary::before {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-copyright-text {
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    flex-wrap: wrap;
    margin-top: 32px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content .recipe-copyright-text__brand:first-letter {
    text-transform: capitalize
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .author .author-byline-prefix,
.mdex-test.template-recipe .recipe-wrapper.print-preview .author .author-name {
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
    letter-spacing: .5px
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .summary-container {
        display: inline-flex
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .summary-container img {
    min-width: 180px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .summary-container .credit {
    display: block;
    padding-left: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section {
    margin: 0
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section .social-icon,
.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section .icon {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section .component.video {
    max-width: 180px;
    width: 100%
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section .component.video .vjs-poster {
    z-index: 1000
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-info-section {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    border: none;
    padding: 0
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-info-section {
        flex: 2;
        margin-top: 0
    }
    .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-info-section .two-subcol-content {
        display: flex
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .nutrition-section .recipe-nutrition-section-link {
    display: none
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad {
    max-width: 100%;
    width: 624px;
    margin: 64px auto 0;
    text-align: center
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad {
        max-width: none
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-3,
.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-5 {
    float: none
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-3,
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-5 {
        float: left;
        margin-top: 0
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-4,
.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-6 {
    float: none
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-4,
    .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad #div-gpt-square-fixed-6 {
        float: right;
        margin-top: 0
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad span {
    display: block;
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad span:first-child {
    margin-bottom: 4px;
    font-style: italic
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad span:last-child {
    font-size: 12px;
    margin-top: 4px
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .two-subcol-content-wrapper .image-container {
    width: 100%;
    max-width: 180px;
    position: relative
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .two-subcol-content-wrapper .image-container .credit {
    bottom: 0;
    height: auto;
    left: 0;
    margin-bottom: -16px;
    position: absolute
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-wrapper.print-preview .two-subcol-content-wrapper {
        display: block;
        padding-right: 0
    }
    .mdex-test.template-recipe .recipe-wrapper.print-preview .two-subcol-content-wrapper .image-container {
        max-width: none
    }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-adjust-servings,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-shopping-list__add-all-button,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-adjust-servings__original-serving,
.mdex-test.template-recipe .recipe-wrapper.print-preview .component.call-to-action {
    display: none
}

.mdex-test.template-recipe .ng-dialog {
    margin: 0 auto;
    max-width: 400px;
    min-height: 300px;
    min-width: 300px
}

.mdex-test.template-recipe .ng-dialog-content {
    background-color: #fff;
    padding: 5px 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-nutrition {
    padding: 4px 16px 16px;
    background-color: #fff
}

.mdex-test.template-recipe .recipe-nutrition .recipe-title {
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 24px
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-top {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0
}

.mdex-test.template-recipe .recipe-nutrition .about {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 4px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.mdex-test.template-recipe .recipe-nutrition .about a {
    display: inline;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.mdex-test.template-recipe .recipe-nutrition .about a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.mdex-test.template-recipe .recipe-nutrition .about a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-bottom-row {
    display: flex;
    font-size: 14px
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-bottom-row .note-identifier {
    flex-shrink: 0;
    display: block;
    width: 15px
}

.mdex-test.template-recipe .recipe-nutrition .indent {
    margin-left: 16px
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-body-label {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-align: right;
    padding: 4px 0
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-body,
.mdex-test.template-recipe .recipe-nutrition .nutrition-body-label {
    border-bottom: 3px solid rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-nutrition .nutrition_h1 {
    font-weight: 600
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row,
.mdex-test.template-recipe .recipe-nutrition .nutrition-bottom {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row .nutrition-body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row .nutrition-body .daily-value {
    font-size: 14px;
    text-align: right
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row .nutrient-name {
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize
}

.mdex-test.template-recipe .recipe-nutrition .nutrition-row .nutrient-value {
    font-weight: 400;
    margin-left: 5px
}

.mdex-test.template-recipe .recipe-content .primary-media-section.primary-media-with-filmstrip .component.lazy-image {
    background-color: #fff;
    padding: 0
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content .primary-media-section.primary-media-with-filmstrip .component.lazy-image {
        max-width: 100%;
        width: auto
    }
}

@media (min-width: 768px) {
    .mdex-test.template-recipe .recipe-content .primary-media-section.primary-media-with-filmstrip .component.lazy-image .inner-container.image-overlay {
        max-width: 550px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-recipe .recipe-content .primary-media-section.primary-media-with-filmstrip .component.lazy-image .inner-container.image-overlay {
        max-width: 100%;
        width: 100%
    }
}

.mdex-test.template-recipe .nutrition-profile {
    font-family: "Roboto", "HelveticaNeue", sans-serif
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-text {
    height: 24px;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95);
    display: inline-block
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link {
    display: inline-block
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link a.external-link {
    top: 3px;
    width: 14px;
    height: 14px;
    display: block;
    position: relative
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link svg {
    width: 14px;
    height: 14px;
    fill: rgba(0, 0, 0, 0.65)
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-list {
    padding-left: 4px
}

@media (max-width: 1279px) {
    .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .right-column,
    .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .left-column {
        vertical-align: top;
        display: inline-block
    }
    .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .right-column {
        padding-left: 4px
    }
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-item {
    color: rgba(0, 0, 0, 0.95);
    height: 20px;
    font-size: 14px;
    padding-top: 16px;
    padding-bottom: 16px
}

.mdex-test.template-recipe .instructions-section__fieldset,
.mdex-test.template-recipe .ingredients-section__fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.mdex-test.template-recipe .instructions-section__legend,
.mdex-test.template-recipe .ingredients-section__legend {
    margin-bottom: 0
}

.mdex-test.template-recipe .original-source {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 16px;
    padding-top: 16px
}

.recipe-subrecipes .subrecipe-divider {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    margin: 60px 0
}

.recipe-subrecipes .heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .recipe-subrecipes .heading {
        font-size: 36px;
        line-height: 44px
    }
}

.recipe-subrecipes .recipe-shopper-wrapper {
    margin-top: 0
}

.recipe-subrecipes .recipe-shopper-wrapper .recipe-ingredients-new {
    margin-top: 0
}

.recipe-associated-recipes {
    margin-top: 32px;
    margin-bottom: 48px
}

.recipe-associated-recipes-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0
}

.recipe-associated-recipes-link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.recipe-associated-recipes-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.recipe-associated-recipes-link:hover,
.recipe-associated-recipes-link:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.recipe-associated-recipes-link:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.template-project {
    overflow-x: hidden
}

.template-project .intro.article-info .headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .template-project .intro.article-info .headline {
        font-size: 48px;
        line-height: 52px
    }
}

.template-project .dek,
.template-project .author {
    padding: 0
}

.template-project .dek {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.project-introduction {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.project-parts-steps {
    display: block
}

@media (min-width: 1024px) {
    .project-parts-steps {
        display: flex
    }
}

.project-meta-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px
}

.project-meta-item {
    width: 50%;
    margin-bottom: 32px
}

.project-meta-item:nth-last-of-type(odd) {
    padding-left: 8px
}

.project-meta-item:nth-last-of-type(even) {
    padding-right: 8px
}

.project-meta-item-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.65);
    display: block;
    margin-bottom: 8px
}

.project-meta-item-value {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    display: block
}

.project-meta-item-difficulty.project-meta-item-value-easy .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kind-of-easy .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kindOfEasy .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kind-of-hard .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kindOfHard .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-hard .project-meta-item-value:after {
    content: '';
    speak: none;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 10px;
    left: 0
}

.project-meta-item-difficulty.project-meta-item-value-easy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.15), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.project-meta-item-difficulty.project-meta-item-value-kind-of-easy .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kindOfEasy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.project-meta-item-difficulty.project-meta-item-value-kind-of-hard .project-meta-item-value:after,
.project-meta-item-difficulty.project-meta-item-value-kindOfHard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.project-meta-item-difficulty.project-meta-item-value-hard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.65)
}

.project-meta-item-difficulty .project-meta-item-value {
    position: relative
}

.project-meta-item-difficulty .project-meta-item-value:before {
    content: '';
    speak: none;
    display: inline-block;
    width: 24px;
    margin-right: 8px
}

.project-heading-part-number {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .project-heading-part-number {
        font-size: 36px;
        line-height: 44px
    }
}

.project-heading-part-headline {
    text-transform: capitalize;
    font-weight: normal
}

.project-heading-step {
    margin-top: 0
}

.project-part-container {
    position: relative;
    margin-left: 24px;
    padding-left: 16px;
    margin-left: 0
}

.project-part-container:before,
.project-part-container:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0
}

.project-part-container:before {
    height: 100%;
    width: 5px;
    background: rgba(0, 0, 0, 0.15);
    top: 50%;
    transform: translateY(-50%)
}

.project-part-container+.project-steps-container {
    margin-top: 48px
}

.project-part-container+.project-heading-step {
    padding-top: 0;
    border-top: 0
}

.project-part-container-divider {
    border: none;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    margin-top: 48px
}

.project-steps-container {
    margin: 32px 0 48px
}

.project-steps-container:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 48px
}

@media (min-width: 1024px) {
    .project-steps-container {
        display: flex
    }
}

.project-step-description-wrapper {
    margin-right: 0
}

@media (min-width: 1024px) {
    .project-step-description-wrapper {
        width: 100%
    }
}

.project-step-image-wrapper {
    margin-bottom: 24px
}

.project-step-multi-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.project-step-multi-image-wrapper .component.image-composite {
    margin: 10px 0 0
}

.project-step-multi-image-wrapper .project-step-image {
    padding: 0 12px
}

.project-step-multi-image-wrapper .project-single-image {
    padding: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.05)
}

.project-step-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.project-step-download-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    max-width: 300px;
    margin-top: 16px
}

.project-step-download-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.project-step-download-button:active {
    opacity: .8
}

.project-step-download-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.project-step-download-button:active {
    opacity: .8
}

.project-step-download-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.project-step-download-button:hover,
.project-step-download-button:active,
.project-step-download-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.project-callout-container {
    position: relative;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    align-self: end;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px
}

.project-callout-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media (min-width: 1024px) {
    .project-callout-container {
        position: relative;
        margin-left: 24px;
        padding-left: 16px;
        padding: 0 0 0 24px;
        margin: 0 0 0 80px
    }
    .project-callout-container:before,
    .project-callout-container:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0
    }
    .project-callout-container:before {
        height: 100%;
        width: 5px;
        background: rgba(0, 0, 0, 0.15);
        top: 50%;
        transform: translateY(-50%)
    }
}

.project-callout-container .component.lazy-image img {
    max-width: 250px;
    margin-bottom: 16px
}

.project-callout-container.callout-tip {
    color: rgba(0, 0, 0, 0.95);
    background-color: #F2F2F2;
    padding: 16px
}

.project-callout-wrapper {
    display: block
}

.project-callout-wrapper-video {
    display: flex;
    justify-content: center;
    position: relative;
    height: 154px;
    width: auto;
    margin-bottom: 16px
}

.project-callout-wrapper-video::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.project-callout-wrapper-video .icon-play-circle-stroke {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - (48px / 2));
    width: 52px;
    transform: translateY(-50%);
    z-index: 1
}

.project-callout-wrapper-video .icon-play-circle-stroke g {
    transform: translateX(1px)
}

.project-callout-wrapper-video .icon-play-circle-stroke circle {
    fill: rgba(0, 0, 0, 0.65);
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 2
}

.project-callout-wrapper-video .icon-play-circle-stroke path {
    stroke: none;
    fill: #fff
}

@media (min-width: 768px) {
    .project-callout-wrapper {
        display: flex
    }
    .project-callout-wrapper-image,
    .project-callout-wrapper-video {
        flex: 0 0 250px;
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .project-callout-wrapper {
        display: block;
        width: 270px
    }
    .project-callout-wrapper-image,
    .project-callout-wrapper-video {
        margin-right: 0
    }
}

.project-callout-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px
}

.project-callout-description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.project-callout-description p,
.project-callout-description p:first-child {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px 0 0
}

@media (min-width: 768px) {
    .template-project .two-col-container .two-col-content-container.article-content-container {
        padding-right: inherit
    }
}

@media (min-width: 1024px) {
    .template-project .two-col-container .two-col-content-container.article-content-container {
        padding-right: 48px
    }
}

.template-project .template-two-col .two-col-content-container {
    max-width: 768px
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container-1,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container-1 {
    margin-top: 32px
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container {
    padding-bottom: 0;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .template-project .two-col-container .two-col-content-container.article-content-container .project-part-container,
    .template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container {
        margin-bottom: 48px
    }
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container:not(.project-part-container-1),
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container:not(.project-part-container-1) {
    margin-top: 48px
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0 8px 0
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout a,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout a:visited,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout a:hover,
.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout a:active,
.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout a:focus,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout a:hover,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout a:active,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout a:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.template-project .project-parts-steps {
    padding: 0 16px
}

@media (min-width: 768px) {
    .template-project .project-parts-steps {
        max-width: 640px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .template-project .project-parts-steps {
        max-width: 1100px;
        margin: 0 24px
    }
}

@media (min-width: 1162px) {
    .template-project .project-parts-steps {
        margin: 0 auto
    }
}

.template-project .article-content-container .project-heading-step-number,
.template-project .project-parts-steps .project-heading-step-number {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    text-transform: uppercase;
    margin-bottom: 8px
}

.template-project .article-content-container .project-heading-step-headline,
.template-project .project-parts-steps .project-heading-step-headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: capitalize
}

.template-project .article-content-container .project-heading2,
.template-project .project-parts-steps .project-heading2 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 32px;
    margin-top: 0
}

@media (min-width: 768px) {
    .template-project .article-content-container .project-heading2,
    .template-project .project-parts-steps .project-heading2 {
        font-size: 36px;
        line-height: 44px
    }
}

.template-project .article-content-container .project-heading2 a,
.template-project .project-parts-steps .project-heading2 a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.template-project .article-content-container .project-heading2 a:visited,
.template-project .project-parts-steps .project-heading2 a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.template-project .article-content-container .project-heading2 a:hover,
.template-project .project-parts-steps .project-heading2 a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.template-project .article-content-container .project-heading2.project-heading-parts,
.template-project .project-parts-steps .project-heading2.project-heading-parts {
    margin-bottom: 0
}

.template-project .article-content-container .project-heading3,
.template-project .project-parts-steps .project-heading3 {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0
}

.template-project .article-content-container .project-heading3.project-heading-part,
.template-project .project-parts-steps .project-heading3.project-heading-part {
    margin-bottom: 16px
}

.template-project .article-container .breadcrumbs__container {
    justify-content: flex-start
}

@media (min-width: 768px) {
    .template-project .article-container .content.content-breadcrumbs {
        margin: 24px auto
    }
    .template-project .article-container .content.two-col-main-content {
        margin: 24px auto
    }
}

@media (min-width: 1024px) {
    .template-project .article-container {
        padding: 0 24px;
        margin: 0 auto;
        max-width: 1100px
    }
}

@media (min-width: 1162px) {
    .template-project .article-container {
        padding: 0;
        margin: 0 auto;
        max-width: 1100px
    }
}

@media (min-width: 1162px) {
    .template-homepage .component.navigation-test .container {
        max-width: 1246px;
        padding: 0 24px
    }
}

@media (min-width: 1279px) {
    .template-homepage .component.navigation-test .container {
        padding: 0
    }
}

.template-homepage.under-docked-sharebar .component.navigation-test .menu-subscribe,
.template-homepage.scroll-up .component.navigation-test .menu-subscribe {
    display: block
}

.template-homepage .component.lazy-image-udf.placeholder {
    flex: 1 0 100%
}

.template-homepage .component.lazy-image-udf.placeholder .inner-container img {
    display: none
}

.template-homepage .component.lazy-image-udf.placeholder .lazy-image__placeholder {
    width: 100%
}

.template-homepage .div-sm-highImpact {
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .template-homepage .div-sm-highImpact {
        margin-bottom: 64px
    }
}

@media (min-width: 768px) {
    .template-homepage .div-sm-highImpact.responsive {
        margin-top: -48px
    }
}

@media (min-width: 1024px) {
    .template-homepage .div-sm-highImpact.responsive {
        margin-bottom: 0
    }
}

.template-homepage .homepage-leaderboard-ad-wrapper {
    display: none;
    margin: 0 auto
}

@media (min-width: 768px) {
    .template-homepage .homepage-leaderboard-ad-wrapper {
        display: block
    }
}

.template-homepage .div-sm-strive {
    margin: 0 auto
}

.template-homepage .homepage-leaderboard-ad-wrapper {
    margin: 48px 0
}

@media (min-width: 768px) {
    .template-homepage .homepage-leaderboard-ad-wrapper {
        margin: 64px 0
    }
}

.template-homepage .categoryPageListThreeFeatured__title a,
.template-homepage .categoryPageListLatest__title a,
.template-homepage .categoryPageListSixFeatured__title a,
.template-homepage .categoryPageListQuote__title a {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.template-homepage .categoryPageListThreeFeatured__title a:visited,
.template-homepage .categoryPageListLatest__title a:visited,
.template-homepage .categoryPageListSixFeatured__title a:visited,
.template-homepage .categoryPageListQuote__title a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.template-homepage .categoryPageListThreeFeatured__title a:hover,
.template-homepage .categoryPageListLatest__title a:hover,
.template-homepage .categoryPageListSixFeatured__title a:hover,
.template-homepage .categoryPageListQuote__title a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.template-homepage main.home .category-page-item .category-page-item-content-wrapper .category-page-item-image-text-wrapper,
.template-homepage main.home .category-page-item .category-page-item-content-wrapper .entityTout__headline,
.template-homepage main.home .category-page-item .entityTout__details .category-page-item-image-text-wrapper,
.template-homepage main.home .category-page-item .entityTout__details .entityTout__headline,
.template-homepage main.home .entity-tout .category-page-item-content-wrapper .category-page-item-image-text-wrapper,
.template-homepage main.home .entity-tout .category-page-item-content-wrapper .entityTout__headline,
.template-homepage main.home .entity-tout .entityTout__details .category-page-item-image-text-wrapper,
.template-homepage main.home .entity-tout .entityTout__details .entityTout__headline {
    text-transform: none
}

.template-homepage .home-dek {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px 0 0
}

.home__divider {
    display: none
}

.karma-sticky-rail {
    min-width: 300px
}

.spoilerOverlayParent .spoilerOverlay {
    display: none
}

.spoilerOverlayParent>div:not(.spoilerOverlay),
.spoilerOverlayParent a>div {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: scale(1);
    transition: transform 300ms ease-out, -webkit-filter 300ms ease-out;
    transition: transform 300ms ease-out, filter 300ms ease-out;
    transition: transform 300ms ease-out, filter 300ms ease-out, -webkit-filter 300ms ease-out
}

.spoilerOverlayParent.covered {
    position: relative;
    overflow: hidden
}

.spoilerOverlayParent.covered.blur>div:not(.spoilerOverlay),
.spoilerOverlayParent.covered.blur a>div {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.spoilerOverlayParent.covered.blur .spoilerOverlay {
    background-color: rgba(255, 255, 255, 0.5)
}

.spoilerOverlayParent.covered>div:not(.spoilerOverlay),
.spoilerOverlayParent.covered a>div {
    transform: scale(1.2)
}

.spoilerOverlayParent.covered .spoilerOverlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(1)
}

.spoilerOverlayParent.covered .spoilerOverlay__tag {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    height: auto;
    background: #DF7607;
    color: rgba(0, 0, 0, 0.95);
    display: inline-block;
    line-height: auto;
    margin-bottom: 16px;
    text-align: center;
    padding: 4px 8px;
    position: absolute;
    top: calc(10% - auto - 16px)
}

@media (min-width: 768px) {
    .spoilerOverlayParent.covered .spoilerOverlay__tag {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .spoilerOverlayParent.covered .spoilerOverlay__tag {
        top: calc(10% - auto - 24px)
    }
}

.spoilerOverlayParent.covered .spoilerOverlay__title {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    position: absolute;
    top: 10%;
    margin: 0
}

.spoilerOverlayParent.covered .spoilerOverlay__message {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 768px) {
    .spoilerOverlayParent.covered .spoilerOverlay__message {
        font-size: 36px;
        line-height: 44px
    }
}

.spoilerOverlayParent.covered .spoilerOverlay__inner {
    border: 8px solid #CAE8B5;
    background: #edd5d5;
    width: 80%;
    max-width: 800px;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 16px
}

@media (min-width: 768px) {
    .spoilerOverlayParent.covered .spoilerOverlay__inner {
        padding: 24px;
        height: 300px
    }
}

.spoilerOverlayParent.covered .spoilerOverlay__button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 16px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 1px solid #fbd9ce;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    text-transform: none
}

.spoilerOverlayParent.covered .spoilerOverlay__button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.spoilerOverlayParent.covered .spoilerOverlay__button:active {
    opacity: .8
}

.spoilerOverlayParent.covered .spoilerOverlay__button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.spoilerOverlayParent.covered .spoilerOverlay__button:active {
    opacity: .8
}

.spoilerOverlayParent.covered .spoilerOverlay__button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.spoilerOverlayParent.covered .spoilerOverlay__button:hover,
.spoilerOverlayParent.covered .spoilerOverlay__button:active,
.spoilerOverlayParent.covered .spoilerOverlay__button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.categoryPageToutPortrait__touts .spoilerOverlayParent .spoilerOverlay__inner {
    height: 90%
}

.spoilerTag {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    height: auto;
    background: #DF7607;
    color: rgba(0, 0, 0, 0.95);
    display: inline-block;
    line-height: auto;
    margin-bottom: 16px;
    text-align: center;
    padding: 4px 8px
}

@media (min-width: 768px) {
    .spoilerTag {
        margin-bottom: 24px
    }
}

.template-newsletter.container-full-width {
    max-width: 616px;
    padding: 8px
}

.template-newsletter .liveintent {
    margin-bottom: 16px
}

.template-newsletter .liveintent .liveintent__image {
    margin: 0 auto
}

.template-newsletter .logo .svg-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 4px solid #a2c03a
}

.template-newsletter .logo .svg-logo svg {
    width: 225px
}

.template-newsletter .newsletter__header {
    margin-bottom: 8px;
    text-align: center
}

.template-newsletter .newsletter__header--link {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 11px
}

.template-newsletter .newsletter__header--link-click-here {
    font-weight: 700;
    color: #999
}

.template-newsletter .newsletter__header--link-click-here:hover,
.template-newsletter .newsletter__header--link-click-here:visited {
    font-weight: 700;
    color: #999
}

.template-newsletter .newsletter__date {
    margin-bottom: 16px;
    text-align: center
}

.template-newsletter .newsletter__date--format {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 12px;
    font-weight: 700
}

.template-newsletter .newsletter__divider {
    background: #fbd9ce;
    border: none;
    height: 4px
}

.template-newsletter .component.entity-tout {
    margin-bottom: 32px
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__eyebrow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #fbd9ce
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__headline {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95)
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__headline:hover {
    box-shadow: none
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__description,
.template-newsletter .component.entity-tout .entityTout__details .entityTout__description p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: normal;
    color: rgba(0, 0, 0, 0.95)
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__description {
    margin: 16px 0
}

.template-newsletter .component.entity-tout .entityTout__details .entityTout__description p {
    margin: 0
}

.template-newsletter .newsletter-button {
    margin-bottom: 25px
}

.template-newsletter .newsletter-button .component.button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    display: block;
    padding: 15px 0;
    line-height: 18px;
    border-radius: 5px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif
}

.template-newsletter .newsletter-button .component.button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.template-newsletter .newsletter-button .component.button:active {
    opacity: .8
}

.template-newsletter .newsletter-button .component.button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.template-newsletter .newsletter-button .component.button:active {
    opacity: .8
}

.template-newsletter .newsletter-button .component.button:visited {
    background: #1a7f82;
    color: #fff
}

.template-newsletter .newsletter-button .component.button:hover,
.template-newsletter .newsletter-button .component.button:active,
.template-newsletter .newsletter-button .component.button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.template-newsletter .newsletter-footer-links {
    border: 1px solid #c8c7c7;
    border-left: 0;
    border-right: 0
}

.template-newsletter .newsletter-footer-links .footer__legalLink {
    padding: 20px 10px;
    display: inline-block
}

@media (min-width: 768px) {
    .template-newsletter .newsletter-footer-links .footer__legalLink {
        padding: 20px 40px
    }
}

.template-newsletter .newsletter-footer-links .footer__legalLink a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.95);
    text-transform: uppercase;
    font-weight: 700
}

.template-newsletter .newsletter-social-links {
    padding: 20px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.template-newsletter .newsletter-social-links .icon {
    margin-right: 24px
}

.template-newsletter .newsletter-social-links .icon:last-of-type {
    margin-right: 0
}

.template-newsletter .newsletter-social-links .icon svg {
    height: 40px;
    width: 40px;
    border: 1px solid #999;
    border-radius: 50%
}

.template-newsletter .newsletter-social-links .icon svg path {
    fill: #999
}

.template-newsletter .newsletter-footer-copyright {
    padding: 20px 0;
    color: #999;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14px;
    text-align: center
}

.template-newsletter .newsletter-footer-copyright .newsletter-footer-address {
    font-weight: 700
}

.template-newsletter .newsletter-footer-copyright .external-link {
    color: #999;
    font-weight: 700
}

.template-newsletter .newsletter-footer-copyright .external-link:hover,
.template-newsletter .newsletter-footer-copyright .external-link:visited {
    color: #999
}

.accountPage {
    position: relative;
    margin-top: 24px
}

.accountPage:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: -24px;
    left: 0;
    width: 100vw;
    height: 96px;
    background-color: rgba(237, 213, 213, 0.3)
}

.accountPage__accountBlock,
.accountPage__success,
.accountPage__signin {
    width: 100%;
    max-width: 328px;
    margin: 0 auto
}

.accountPage__accountBlock,
.accountPage__success {
    padding: 24px 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff
}

.accountPage__signin,
.accountPage__signup {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 24px;
    text-align: center
}

.accountPage__signin,
.accountPage__signin a,
.accountPage__signup,
.accountPage__signup a {
    color: rgba(0, 0, 0, 0.65)
}

.accountPage__signin a,
.accountPage__signup a {
    font-weight: 700;
    text-decoration: underline
}

.accountPage__stepCount {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    display: block;
    font-style: italic;
    text-align: center;
    color: rgba(0, 0, 0, 0.65)
}

.accountPage__stepCount+.accountPage__heading {
    margin-top: 4px
}

.accountPage__heading {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    margin: 0
}

.accountPage .singleField {
    margin-bottom: 16px
}

.accountPage__signupDek,
.accountPage__dek {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 16px 0 0 0;
    text-align: center;
    letter-spacing: 0
}

.accountPage__forgotPasswordDek {
    font-size: 16px;
    margin-bottom: 24px
}

.accountPage .button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    display: block;
    width: 100%;
    margin-top: 24px
}

.accountPage .button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.accountPage .button:active {
    opacity: .8
}

.accountPage .button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.accountPage .button:active {
    opacity: .8
}

.accountPage .button:visited {
    background: #1a7f82;
    color: #fff
}

.accountPage .button:hover,
.accountPage .button:active,
.accountPage .button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.accountPage .button .icon-arrow-right {
    position: relative;
    top: 3px
}

.accountPage .button .icon-arrow-right svg path {
    fill: #fff
}

.accountPage.signupNewsletter.embedded {
    margin-top: 0;
    padding: 24px 0
}

.accountPage.signupNewsletter .accountPage__successHeading {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

.accountPage.signupNewsletter .accountPage__successBody {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center
}

.accountPage.signupNewsletter .accountPage__success {
    display: none
}

.accountPage.signupNewsletter #frmRegForm {
    margin-top: 20px
}

.accountPage.signupNewsletter .accountPage__accountBlock {
    position: relative
}

.accountPage.signupNewsletter ~ .component.loader {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 100;
    margin-left: -28px;
    margin-top: -28px
}

.accountPage.signupNewsletter.loading ~ .component.loader {
    display: block
}

.accountPage.signupNewsletter.loading .accountPage__accountBlock:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 50
}

.accountPage.signupNewsletter.success .accountPage__accountBlock {
    display: none
}

.accountPage.signupNewsletter.success .accountPage__success {
    display: block
}

.loginRegistration__button {
    display: block;
    margin-top: 16px
}

.loginRegistration__button .icon-share-google2,
.loginRegistration__button .icon-share-email-outline {
    padding: 10px
}

.loginRegistration__button .icon {
    position: relative;
    padding: 1px 14px;
    vertical-align: middle
}

.loginRegistration__button .icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: calc(100% - 12px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.5)
}

.loginRegistration__button .icon-email-outline:after {
    background-color: rgba(0, 0, 0, 0.65)
}

.loginRegistration__buttonText {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    display: inline-block;
    padding: 0 12px;
    letter-spacing: 0;
    vertical-align: middle
}

.loginRegistration__facebookLink,
.loginRegistration__facebookLink:visited,
.loginRegistration__facebookLink:hover,
.loginRegistration__googleLink,
.loginRegistration__googleLink:visited,
.loginRegistration__googleLink:hover {
    color: #fff
}

.loginRegistration__facebookLink svg path,
.loginRegistration__googleLink svg path {
    fill: #fff
}

.loginRegistration__facebookLink {
    background-color: #3B5998
}

.loginRegistration__googleLink {
    background-color: #4285f4
}

.loginRegistration__emailLink {
    border: 1px solid rgba(0, 0, 0, 0.65)
}

.loginRegistration__emailLink,
.loginRegistration__emailLink:visited,
.loginRegistration__emailLink:hover {
    color: rgba(0, 0, 0, 0.65)
}

.userAccountForm__fieldLabel {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    display: block
}

.userAccountForm__container {
    position: relative
}

.userAccountForm .icon-check-circle {
    position: absolute;
    right: 10px;
    top: 15px
}

.userAccountForm__field {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    margin-top: 4px;
    padding: 0 16px;
    width: 100%;
    height: 48px;
    line-height: 48px
}

.userAccountForm__loginPassword {
    padding-right: 64px
}

.userAccountForm__formEmail.checkOn,
.userAccountForm__loginPassword.checkOn {
    background: url("../img/icons/check-circle.svg") right no-repeat
}

.userAccountForm__formEmail.alertOn,
.userAccountForm__loginPassword.alertOn {
    border: 3px solid #c00
}

.userAccountForm__error {
    background-color: #fae6e6;
    display: none;
    padding: 12px 16px
}

.userAccountForm__error div {
    vertical-align: text-top
}

.userAccountForm__error svg {
    width: 20px;
    height: 20px
}

.userAccountForm__errorMessage {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    margin-left: 8px
}

.userAccountForm__errorMessage .accountPage__link {
    text-decoration: underline
}

.userAccountForm__passwordGroup {
    position: relative
}

.userAccountForm__showPassword {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 16px;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    line-height: 48px;
    background: transparent;
    border: none;
    padding: 0
}

.userAccountForm__showPassword:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.userAccountForm__showPassword:active {
    opacity: .8
}

.userAccountForm__rules {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 4px
}

.userAccountForm__rules:first-child {
    margin-top: 8px
}

.userAccountForm__rules:before {
    content: '';
    display: block;
    margin: 2px 5px 0 0;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

.userAccountForm__rules.checkOn:before {
    background-color: #fff;
    background-image: url("../img/icons/check-circle.svg");
    width: 14px;
    height: 14px
}

.userAccountForm__userInputSelectBlock {
    margin-top: 24px;
    padding: 24px 20px;
    background-color: rgba(0, 0, 0, 0.05)
}

.userAccountForm__subformHeading {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    text-align: center
}

.userAccountForm__userInputSelectList {
    padding: 0;
    margin: 0
}

.userAccountForm__userInputSelectListItem {
    display: block;
    position: relative;
    margin-top: 24px
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOption:checked+.userAccountForm__userInputSelectOptionWrapper::after {
    background-color: transparent;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOption:checked+.userAccountForm__userInputSelectOptionWrapper::before {
    border-color: #019bd9;
    background-color: #019bd9
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOption:checked+.userAccountForm__userInputSelectOptionWrapper::after {
    left: 5px
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOption:focus+.userAccountForm__userInputSelectOptionWrapper:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOption {
    position: absolute;
    top: 8px;
    left: 2px;
    opacity: 0
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper {
    position: relative;
    padding-left: 34px;
    cursor: pointer
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper::before,
.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper::after {
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    display: inline-block
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.95);
    background-color: rgba(0, 0, 0, 0)
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper::after {
    opacity: 0
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper::after {
    top: 0;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    transform: rotate(45deg)
}

.userAccountForm__userInputSelectListItem .userAccountForm__userInputSelectOptionWrapper:after {
    top: 3px
}

.userAccountForm__userInputSelectOptionWrapper,
.userAccountForm__userInputSelectOption {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.userAccountForm__tooltip {
    position: relative;
    display: inline-block
}

.userAccountForm__tooltiptext,
.userAccountForm__tooltip {
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.95);
    color: #fff;
    text-align: center;
    padding: 5px;
    position: absolute;
    font-size: 12px;
    top: -15px;
    right: 0;
    white-space: nowrap;
    z-index: 1
}

.userAccountForm .icon-help-outline:hover+.userAccountForm__tooltip .userAccountForm__tooltiptext,
.userAccountForm .icon-help-outline:active+.userAccountForm__tooltip .userAccountForm__tooltiptext {
    visibility: visible
}

.thinNavigation {
    width: 100%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15)
}

.thinNavigation__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
    height: 60px;
    padding: 0 16px
}

@media (min-width: 768px) {
    .thinNavigation__wrapper {
        padding: 0 64px
    }
}

.thinNavigation__logo svg {
    width: 105px
}

@media (min-width: 768px) {
    .thinNavigation__logo svg {
        width: 140px
    }
}

.thinNavigation__menuContainer {
    display: block
}

.thinNavigation__prefix,
.thinNavigation__link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.thinNavigation__prefix {
    color: rgba(0, 0, 0, 0.65)
}

.thinNavigation__link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.thinNavigation__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.thinNavigation__link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.thinNavigation .accountPage__signup,
.thinNavigation .accountPage__signin {
    margin-top: 0
}

.thinNavigation .accountPage__link {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.thinFooter {
    margin-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 16px;
    padding-top: 48px
}

.thinFooter__brandLogo {
    display: flex;
    margin-bottom: 16px
}

.thinFooter__copyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 590px;
    width: 100%;
    margin: 0 auto
}

.thinFooter__copyrightText,
.thinFooter__legalLink {
    display: inline-block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    font-family: "Libre Franklin", sans-serif;
    text-align: center
}

.thinFooter__copyrightText a,
.thinFooter__legalLink a {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none
}

.thinFooter__copyrightText a:hover,
.thinFooter__copyrightText a:visited,
.thinFooter__legalLink a:hover,
.thinFooter__legalLink a:visited {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: underline
}

.thinFooter__copyrightText {
    width: 100%
}

.thinFooter__legalLink:before {
    content: ' | '
}

.template-article.node-poll {
    margin: 0;
    max-width: none
}

.template-article.node-poll .container-full-width {
    background: none;
    margin-bottom: 64px;
    max-width: none;
    padding: 0
}

.template-article.node-poll .container-full-width .image-expander {
    display: inline-flex;
    width: 100%
}

.template-article.node-poll .container-full-width .image-expander .image-wrapper {
    width: 100%
}

.template-article.node-poll .container-full-width .image-expander.imageCount--2 .image-wrapper {
    width: 50%
}

.template-article.node-poll .container-full-width .image-expander.imageCount--2 .image-wrapper:first-child {
    padding-right: 8px
}

.template-article.node-poll .container-full-width .image-expander.imageCount--2 .image-wrapper:last-child {
    padding-left: 8px
}

@media (min-width: 1024px) {
    .template-article.node-poll .container-full-width .image-expander.imageCount--2 .image-wrapper:first-child {
        padding-right: 12px
    }
    .template-article.node-poll .container-full-width .image-expander.imageCount--2 .image-wrapper:last-child {
        padding-left: 12px
    }
}

.template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper {
    width: calc(100% - 32px / 3)
}

.template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper:first-child {
    margin-right: 16px
}

.template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper:last-child {
    margin-left: 16px
}

@media (min-width: 1024px) {
    .template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper {
        width: calc(100% - 48px / 3)
    }
    .template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper:first-child {
        margin-right: 24px
    }
    .template-article.node-poll .container-full-width .image-expander.imageCount--3 .image-wrapper:last-child {
        margin-left: 24px
    }
}

.template-article.node-poll .poll-hero-block {
    display: none
}

@media (min-width: 768px) {
    .template-article.node-poll .poll-hero-block {
        background-color: none;
        display: flex;
        height: 320px;
        width: 100%
    }
    .template-article.node-poll .poll-hero-block.full-width-image {
        background: no-repeat right top;
        background-size: cover
    }
}

.template-article.node-poll .pollContent__container {
    background: #fff;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
    text-align: center
}

.template-article.node-poll .pollContent__container a:not(.component.popup) {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.template-article.node-poll .pollContent__container a:not(.component.popup):visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.template-article.node-poll .pollContent__container a:not(.component.popup):hover,
.template-article.node-poll .pollContent__container a:not(.component.popup):focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.template-article.node-poll .pollContent__container a:not(.component.popup):active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

@media (min-width: 768px) {
    .template-article.node-poll .pollContent__container {
        margin-top: -32px;
        padding: 0 8px
    }
}

@media (min-width: 768px) {
    .template-article.node-poll .longformHeader__container,
    .template-article.node-poll .pollContent__container {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .template-article.node-poll .longformHeader__container,
    .template-article.node-poll .pollContent__container {
        max-width: 976px
    }
}

@media (min-width: 1279px) {
    .template-article.node-poll .longformHeader__container,
    .template-article.node-poll .pollContent__container {
        max-width: 1100px
    }
}

.template-article.node-poll .recirculation-wrapper {
    margin: 0 16px
}

@media (min-width: 768px) {
    .template-article.node-poll .component.footer-test .footer-test .footer-copyright {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .template-article.node-poll .component.footer-test .footer-test .footer-copyright {
        max-width: 976px
    }
}

@media (min-width: 1162px) {
    .template-article.node-poll .component.footer-test .footer-test .footer-copyright {
        max-width: 1100px
    }
}

.ad-container {
    background: transparent;
    position: relative;
    z-index: 100 !important
}

.ad-container.instream-ad:not(.sister-ad)>div {
    margin-bottom: 40px
}

.ad-container.instream-ad:not(.sister-ad)>div:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.ad-container.instream-ad.tablet-ad.sister-ad>div:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.ad-container.instream-ad.tablet-ad.sister-ad:not(.single-ad-tablet-article)>div:after {
    content: '\a0'
}

.ad-container.instream-ad.tablet-ad.sister-ad+.sister-ad>div:after {
    content: 'Advertisement';
    margin-left: -50%
}

.product-tiles .ad-container:after,
.bottom-recirc .ad-container:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.section .ad-container.instream-ad {
    margin-top: 8px;
    margin-bottom: 8px
}

.ad-sticky-container>.ad-container {
    margin-left: auto;
    margin-right: auto;
    overflow: visible
}

.ad-sticky-container .ad-wrapper {
    background: transparent
}

.ad-sticky-container.height-90px {
    height: 90px
}

.ad-sticky-container.height-250px {
    height: 250px
}

.ad-sticky-container.height-300px {
    height: 300px
}

.ad-sticky-container.height-600px {
    height: 600px
}

.ad-sticky-container .component.outbrain.ads-sticky-rail {
    padding-top: 16px
}

.ad-sticky-container:before {
    content: ' ';
    display: table;
    height: 0
}

.sidebar-item .ad-container,
.sidebar-item .ad-sticky-container {
    margin-bottom: 4px
}

.sidebar-item .ad-container:not(:first-of-type),
.sidebar-item .ad-sticky-container:not(:first-of-type) {
    margin-top: 32px
}

.hide-ad {
    display: none !important
}

.leaderboard-ad {
    text-align: center
}

.type-300x250 {
    max-width: 100%;
    min-width: 100%;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width: 768px) {
    .type-300x250 {
        min-width: 300px;
        min-height: 250px
    }
}

.haloShown.article #div-gpt-mob-square-flex-1[data-tier="1"],
.haloShown.video_article #div-gpt-mob-square-flex-1[data-tier="1"] {
    margin: 40px 0
}

.haloShown.article #div-gpt-mob-square-flex-1[data-tier="1"]>div,
.haloShown.video_article #div-gpt-mob-square-flex-1[data-tier="1"]>div {
    margin: 0 -16px
}

.type-300-flex {
    min-width: 300px;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.type-320-flex {
    min-width: 320px;
    min-height: 50px;
    text-align: center
}

.type-728x90 {
    min-width: 728px;
    min-height: 90px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.type-970x90-flex {
    min-width: 720px;
    min-height: 90px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.ad-wrapper {
    background: transparent;
    text-align: center
}

.ad-wrapper>.ad-container {
    margin: 0 auto
}

.mdex-test .category-page-body .ads-in-content .sister-ads .tablet-ad {
    display: none
}

@media (min-width: 768px) {
    .mdex-test .category-page-body .ads-in-content .sister-ads .tablet-ad {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .mdex-test .category-page-body .ads-in-content .sister-ads .tablet-ad {
        display: none
    }
}

.mdex-test .category-page-body .ads-in-content .tablet-ad {
    display: none
}

@media (min-width: 768px) {
    .mdex-test .category-page-body .ads-in-content .tablet-ad {
        display: block
    }
}

@media (min-width: 1024px) {
    .mdex-test .category-page-body .ads-in-content .tablet-ad {
        display: none
    }
}

.mdex-test .tablet-ad {
    display: none
}

@media (min-width: 768px) {
    .mdex-test .tablet-ad {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .mdex-test .tablet-ad {
        display: none
    }
}

.mdex-test .desktop-ad {
    display: none
}

@media (min-width: 1024px) {
    .mdex-test .desktop-ad {
        display: block
    }
}

.mdex-test .single-ad-tablet-article {
    display: none
}

@media (min-width: 768px) {
    .mdex-test .single-ad-tablet-article {
        display: block
    }
}

@media (min-width: 1024px) {
    .mdex-test .single-ad-tablet-article {
        display: none
    }
}

.mdex-test:not(.component.gallery-test) .ad-container+.ad-container {
    margin-top: 24px
}

.mdex-test:not(.component.gallery-test) .sister-ads .ad-container+.ad-container {
    margin-top: 0
}

@media (min-width: 768px) {
    .mobile-ad {
        display: none
    }
}

.tablet-ad {
    display: none
}

@media (min-width: 768px) {
    .tablet-ad {
        display: block
    }
}

@media (min-width: 1162px) {
    .tablet-ad {
        display: none
    }
}

.desktop-ad {
    display: none
}

@media (min-width: 1024px) {
    .desktop-ad {
        display: block
    }
}

.mobile-ad.tablet-ad {
    display: block
}

@media (min-width: 1024px) {
    .mobile-ad.tablet-ad {
        display: none
    }
}

.mobile-ad.tablet-ad.desktop-ad {
    display: block
}

.tablet-ad.desktop-ad {
    display: none
}

@media (min-width: 768px) {
    .tablet-ad.desktop-ad {
        display: block
    }
}

.single-ad-tablet {
    display: none
}

@media (min-width: 768px) {
    .single-ad-tablet {
        display: block
    }
}

@media (min-width: 1024px) {
    .single-ad-tablet {
        display: none
    }
}

.component.adhesion-ad {
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    position: fixed;
    text-align: center;
    transition: height 400ms ease-in-out, opacity 400ms ease-in-out;
    z-index: 200
}

@media (min-width: 1024px) {
    .component.adhesion-ad {
        height: 98px;
        width: 100%;
        left: 0;
        right: initial
    }
}

.component.adhesion-ad.hidden {
    opacity: 0
}

.component.adhesion-ad.closed {
    height: 0;
    opacity: 0
}

.component.adhesion-ad .adhesion-ad-container {
    background-color: rgba(255, 255, 255, 0.95);
    padding-top: 4px;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .component.adhesion-ad .adhesion-ad-container {
        height: 90px;
        min-width: 728px
    }
}

.component.adhesion-ad .adhesion-ad-container .ad-container {
    margin: 0 auto
}

.component.adhesion-ad .icon-close {
    background-color: rgba(0, 0, 0, 0.95);
    border: 2px solid #fff;
    border-radius: 100%;
    display: none;
    left: calc(50% + 160px);
    top: -8px;
    line-height: 12px;
    padding: 0;
    position: absolute;
    width: 16px;
    height: 16px
}

@media (min-width: 1024px) {
    .component.adhesion-ad .icon-close {
        left: calc(50% + 364px)
    }
}

.component.adhesion-ad .icon-close svg {
    width: 8px;
    height: 8px
}

.component.adhesion-ad .icon-close.visible {
    display: block
}

.ad-title {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0
}

.glide-slide-image .ad-title {
    background-color: #F2F2F2;
    color: rgba(0, 0, 0, 0.95)
}

.sidebar-right .sidebar-item:not(:first-child) .ad-container {
    margin-top: 600px
}

.component.vertical-gallery .ad-container,
.component.gallery-test .ad-container {
    border: 0;
    margin-top: 16px
}

.component.vertical-gallery .ad-title,
.component.gallery-test .ad-title {
    margin-bottom: 24px
}

.component.vertical-gallery .hide-on-mobile,
.component.gallery-test .hide-on-mobile {
    display: none
}

@media (min-width: 768px) {
    .component.vertical-gallery .hide-on-mobile,
    .component.gallery-test .hide-on-mobile {
        display: block
    }
}

@media (min-width: 768px) {
    .component.vertical-gallery .hide-on-tablet,
    .component.gallery-test .hide-on-tablet {
        display: none
    }
}

@media (min-width: 1024px) {
    .component.vertical-gallery .hide-on-desktop,
    .component.gallery-test .hide-on-desktop {
        display: none
    }
}

.component.vertical-gallery .ad-container {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0
}

.ads-in-content.xl-only {
    display: none
}

@media (min-width: 1162px) {
    .ads-in-content.xl-only {
        display: block
    }
}

@media (min-width: 1162px) {
    .ads-in-content.desktop-ad.hide-on-extra-wide {
        display: none
    }
}

.ads-in-content .sister-ads {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 650px
}

.ads-in-content .karma-auto-advance-placeholder {
    margin-left: auto;
    margin-right: auto
}

.ads-in-content .ad-title {
    width: 100%
}

header .ad-wrapper.outer,
header .ad-sticky-container.outer {
    border-bottom: 1px solid #e1dfdd
}

.ad-wrapper.bucket {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (min-width: 1162px) {
    .ad-wrapper.bucket {
        border-top: none;
        padding-top: 0;
        padding-bottom: 0
    }
}

.native-ad {
    display: block;
    height: 0;
    width: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.native-ad.rendered {
    display: block
}

article.tile.has-native-ad {
    position: relative
}

article.tile.has-native-ad .native-ad {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.ad-container.header-text-ad.desktop-ad {
    display: none
}

@media (min-width: 1024px) {
    .ad-container.header-text-ad.desktop-ad {
        display: inline-block
    }
}

.header-text-ad {
    color: #fff
}

.ads-sticky-header-wrapper {
    background-color: #f3f3f2;
    border-bottom: 1px solid #e1dfdd;
    z-index: 300 !important
}

@media (max-width: 1024px) {
    .bxc[class*="bx-campaign-"][class*="bx-active-step-"] .bx-creative {
        margin-top: -10px !important;
        margin-bottom: 0 !important
    }
}

.mainSlideWrapper {
    display: none
}

@media (min-width: 1024px) {
    .mainSlideWrapper {
        display: block
    }
}

.slidecopy {
    display: none
}

@media (min-width: 1024px) {
    .slidecopy {
        display: block
    }
}

.karma-lazy-seriesDetails {
    position: relative
}

.single-ad-tablet {
    margin-left: auto;
    margin-right: auto;
    width: 300px
}

.karma-leaderboard-docking-element {
    background-color: #f2f2f2
}

.longformContent #div-gpt-leaderboard-flex-2 {
    position: relative
}

.longformContent #div-gpt-leaderboard-flex-2>div {
    display: inline !important
}

.longformContent #div-gpt-leaderboard-flex-2>div>iframe {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.component.gallery {
    margin-bottom: 16px
}

.component.gallery.full-height {
    height: 100%
}

.component.gallery .gallery-headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    margin: 10px 0;
    padding: 0 16px
}

@media (min-width: 768px) {
    .component.gallery .gallery-headline {
        padding: 0;
        line-height: 32px
    }
}

.component.gallery .gallery-interstitial-container {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff
}

.component.gallery .gallery-interstitial-container .ad-title {
    text-align: center;
    margin: 16px 0 -42px 0;
    padding-bottom: 16px
}

.component.gallery .gallery-interstitial-container .interstitial-container {
    display: none;
    background: rgba(0, 0, 0, 0.05);
    padding: 42px 0
}

.component.gallery .gallery-content .gallery-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.component.gallery .gallery-content .gallery-container .media noscript img {
    max-width: 100%;
    margin-top: 20px
}

.component.gallery .gallery-content .gallery-container .media .media-body {
    display: block
}

.component.gallery .gallery-content .gallery-container.js-enabled .media .media-body {
    display: none
}

.component.gallery .gallery-content .gallery-container .animated {
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms
}

.component.gallery .gallery-content .gallery-container .owl-prev,
.component.gallery .gallery-content .gallery-container .owl-next {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    background-color: rgba(0, 0, 0, 0.95);
    cursor: pointer;
    z-index: 100;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.component.gallery .gallery-content .gallery-container .owl-prev .gallery-replay,
.component.gallery .gallery-content .gallery-container .owl-next .gallery-replay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.95);
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    text-indent: 0
}

.component.gallery .gallery-content .gallery-container .owl-prev .gallery-replay .icon,
.component.gallery .gallery-content .gallery-container .owl-next .gallery-replay .icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 2px;
    left: 2px
}

.component.gallery .gallery-content .gallery-container .owl-next {
    right: 0;
    background-image: url("../img/icons/next-button.svg")
}

.component.gallery .gallery-content .gallery-container .owl-prev {
    left: 0;
    background-image: url("../img/icons/prev-button.svg")
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer {
    background: rgba(0, 0, 0, 0.05)
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer.owl-height {
    transition-duration: 100ms
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .content-container.img-wrapper img {
    margin: auto
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc {
    width: 99.9%;
    height: 100%;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0.3)
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .js-gallery-replay {
    display: none
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .outbrain-container,
.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container {
    float: left;
    height: 100%;
    display: flex;
    align-items: center
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .outbrain-container {
    margin: 0 0 0 10%;
    width: 40%
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container {
    margin: 0 5% 0 5%;
    width: 40%;
    text-align: left
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container h3 {
    font-size: 20px
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container img {
    width: 100%;
    height: auto;
    max-width: 240px
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container .category-small {
    margin-top: 10px;
    color: #ff0048
}

.component.gallery .gallery-content .gallery-container .owl-stage-outer .widget-gallery-recirc .up-next-container .headline {
    margin-top: 10px;
    font-weight: 900
}

.component.gallery.top-level .gallery-content {
    width: 66%;
    float: right
}

.component.gallery.top-level .gallery-content .owl-carousel .owl-prev,
.component.gallery.top-level .gallery-content .owl-carousel .owl-next {
    height: 80px;
    top: 200px
}

.component.gallery.top-level .gallery-content .owl-carousel .owl-prev .gallery-replay,
.component.gallery.top-level .gallery-content .owl-carousel .owl-next .gallery-replay {
    top: 20px
}

.component.gallery.top-level .gallery-content .owl-carousel .owl-stage-outer .content-container.img-wrapper img {
    display: block
}

.component.gallery.top-level .gallery-content .end-slate {
    height: 600px
}

.component.gallery.top-level .gallery-content .slide-details {
    margin-top: 8px
}

.component.gallery:not(.top-level) {
    height: 100%
}

.component.gallery:not(.top-level) .gallery-content .slide-details {
    display: none
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel {
    max-height: 600px;
    overflow: hidden
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel::before {
    content: "";
    display: block;
    padding-top: 100%
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer .owl-stage {
    height: 100%
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100%
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer .content-container.img-wrapper img {
    width: auto;
    max-height: 100%;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    margin: auto
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer .content-container.img-wrapper img.full-height {
    height: 100%
}

.component.gallery:not(.top-level) .gallery-content .owl-carousel .owl-stage-outer .content-container.img-wrapper img.full-height.pinterest {
    height: 32px;
    position: relative;
    top: 16px
}

.component.gallery .gallery-details {
    padding: 0
}

.component.gallery .gallery-details .image-details h2.subheading-gallery {
    padding: 0 16px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .component.gallery .gallery-details .image-details h2.subheading-gallery {
        padding: 0
    }
}

.component.gallery .gallery-details .image-details h2.subheading-gallery .js-headline {
    font-size: 18px;
    line-height: 26px
}

.component.gallery .gallery-details .image-details .caption {
    padding: 0 16px;
    color: #282f2f;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 24px
}

@media (min-width: 768px) {
    .component.gallery .gallery-details .image-details .caption {
        padding: 0
    }
}

.component.gallery .gallery-details .image-details .slide-info {
    padding: 4px 16px
}

@media (min-width: 768px) {
    .component.gallery .gallery-details .image-details .slide-info {
        padding: 4px 0
    }
}

.component.gallery .gallery-details .image-details .slide-info .counter {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold
}

.component.gallery .gallery-details .image-details .slide-info .credit {
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.65);
    font-size: 11px;
    margin-left: 5px
}

.component.gallery .gallery-details .image-details .js-buy-link-container {
    width: 81.25%
}

.component.gallery .gallery-details .image-details .details-recirc {
    margin: 30px 0 0
}

.component.gallery.top-level .gallery-details {
    width: calc(34% - 30px);
    float: left
}

.component.gallery.top-level .gallery-details .slide-info {
    padding: 0;
    font-family: "Noto Serif", serif
}

.component.gallery.top-level .gallery-details .slide-info .counter {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

.component.gallery.top-level .gallery-details .image-details h2.subheading-gallery {
    font-family: "Noto Serif", serif;
    margin: 10px 0 20px
}

.component.gallery.top-level .gallery-details .details-share {
    margin-bottom: 20px
}

.component.gallery.top-level .gallery-details .js-credit {
    display: none
}

.component.gallery:not(.top-level) .gallery-details:after {
    content: "";
    display: table;
    clear: both
}

.component.gallery .media {
    height: 100%
}

.component.gallery .media-img {
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.component.gallery .media-img .media-img-link {
    display: block;
    width: 100%;
    height: 100%
}

.component.gallery .media-img .media-item,
.component.gallery .media-img .component.lazy-image {
    height: 100%
}

.component.gallery .sidebar-item .media-body {
    display: block
}

.gallery-placeholder {
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.15)
}

.gallery,
.gallery.full-width-media,
.body.content .gallery.full-width-media {
    overflow: hidden
}

.search-results-container {
    flex-wrap: wrap;
    min-height: 380px
}

.search-top {
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .search-top {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 24px;
        margin-bottom: 32px
    }
}

.search-results-html-form {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px
}

.search-results-html-form .label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.search-results-html-form .search-field {
    display: inline-block;
    width: calc(100% - 52px);
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #282f2f;
    border-right: none;
    border-radius: 5px 0 0 5px;
    height: 42px;
    font-size: 20px;
    outline: none;
    vertical-align: bottom
}

.search-results-html-form .icon.search {
    display: inline-block;
    background: rgba(0, 0, 0, 0.95);
    height: 42px;
    width: 50px;
    border-radius: 0 5px 5px 0
}

.search-results-html-form .icon.search:hover {
    background-color: #1A9EB9
}

.search-results-html-form .icon.search svg {
    width: 20px;
    height: 20px
}

.toggle-search-facets {
    display: block;
    color: inherit;
    font-size: 12px;
    font-weight: bold
}

@media (min-width: 768px) {
    .toggle-search-facets {
        display: none
    }
}

.toggle-search-facets .icon-add {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    padding: 2px 4px;
    display: inline-block;
    vertical-align: bottom
}

.toggle-search-facets .icon-add svg {
    width: 12px;
    height: 12px
}

.search-results-form-menus {
    display: block;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .search-results-form-menus.hide-on-mobile {
        display: none
    }
}

@media (min-width: 768px) {
    .search-results-form-menus {
        flex-direction: row;
        flex-wrap: wrap;
        margin-right: -8px
    }
}

.search-results-form-menus .facet-menu {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.05);
    background-image: url("../img/icons/menu-line.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) center;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    position: relative;
    overflow: visible
}

@media (min-width: 768px) {
    .search-results-form-menus .facet-menu {
        width: calc(33.33% - 8px)
    }
}

@media (min-width: 1024px) {
    .search-results-form-menus .facet-menu {
        width: calc(20% - 8px)
    }
}

.search-results-form-menus .facet-menu .icon-down {
    float: right
}

.search-results-form-menus .facet-menu svg {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    transition: transform 300ms ease
}

.search-results-form-menus .facet-menu.menu-active {
    border-color: rgba(0, 0, 0, 0.95)
}

.search-results-form-menus .facet-menu.menu-active svg {
    transform: rotate(180deg)
}

.search-results-form-menus .facet-menu.menu-active .facet-menu-options {
    display: block
}

.search-results-form-menus .facet-menu.empty {
    cursor: default
}

.search-results-form-menus .facet-menu.empty .facet-menu-name {
    color: rgba(0, 0, 0, 0.3)
}

.search-results-form-menus .facet-menu.empty path {
    fill: rgba(0, 0, 0, 0.3)
}

.search-results-form-menus .facet-menu-options {
    display: none;
    top: calc(100% + 7px);
    left: 50%;
    margin-left: -50%
}

@media (min-width: 768px) {
    .search-results-form-menus .facet-menu-options .options-container {
        max-height: 520px;
        overflow-y: auto
    }
}

.search-results-form-menus .facet-menu-options:before {
    content: '';
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-width: 1px 0 0 1px;
    display: block;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    transform: rotate(45deg)
}

.search-results-form-menus .facet-menu-options .close {
    display: none
}

.search-results-form-menus .facet-menu-name {
    color: #282f2f;
    font-size: 12px;
    font-weight: bold
}

.search-results-form .facet-menu-options,
body>.facet-menu-options {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(40, 47, 47, 0.3)
}

.search-results-form .facet-menu-options input[type="checkbox"].standard+label,
body>.facet-menu-options input[type="checkbox"].standard+label {
    display: block
}

.search-results-form .facet-menu-options input[type="checkbox"].standard+label:last-of-type,
body>.facet-menu-options input[type="checkbox"].standard+label:last-of-type {
    margin-bottom: 0
}

body>.black-out {
    background: #282f2f;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    height: 120%;
    width: 100%;
    z-index: 100
}

body>.facet-menu-options {
    top: 60px;
    left: 16px;
    width: calc(100% - 32px)
}

body>.facet-menu-options .options-container {
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between
}

body>.facet-menu-options label {
    white-space: normal;
    width: calc(50% - 28px)
}

body>.facet-menu-options .controls {
    width: 100%;
    text-align: center
}

body>.facet-menu-options .close {
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px
}

body>.facet-menu-options .close:hover {
    background: #1A9EB9
}

.search-results-form .search-results-form-chips {
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.search-results-form .chip {
    float: left;
    background-color: rgba(0, 0, 0, 0.95);
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 20px;
    padding: 8px 48px 8px 16px;
    margin-bottom: 8px;
    position: relative
}

.search-results-form .chip:hover {
    background-color: #1A9EB9
}

.search-results-form .chip svg {
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -5px;
    width: 10px;
    height: 10px
}

.search-results-form .chip+.chip-clear-all {
    display: inline-block
}

.search-results-form .chip-clear-all {
    display: none;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: inherit;
    padding: 10px 0 1px 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95)
}

.search-results-form.has-ingredients .search-results-html-form {
    display: none
}

.search-results-form.has-ingredients .search-results-form-chips {
    max-width: none
}

.search-result.image-top {
    float: left;
    width: 100%;
    margin-bottom: 8px
}

.search-result.image-top .media-img {
    overflow: hidden;
    margin-right: 8px;
    width: 100px
}

.search-result.image-top .component.lazy-image {
    background: rgba(0, 0, 0, 0.05);
    padding-bottom: 75%
}

.search-result.image-top .component.lazy-image img {
    position: absolute;
    top: 0;
    left: 0
}

.search-result.image-top .media-body {
    padding: 0 0 8px 0
}

.search-result.image-top div.headline a {
    font-weight: bold;
    color: inherit
}

.search-result.image-top .meta-item {
    font-size: 14px
}

.search-result.image-top .recipe-attribution {
    text-transform: uppercase;
    font-size: 11px
}

.search-result.image-top .recipe-attribution-prefix {
    color: rgba(0, 0, 0, 0.3)
}

.search-result.image-top .recipe-attribution-branding {
    font-weight: bold;
    white-space: nowrap
}

.search-result.image-top .icon-play-square-solid,
.search-result.image-top .icon-camera-square-solid {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 100
}

@media (min-width: 360px) {
    .search-result.image-top {
        display: block;
        width: calc(50% - 16px);
        border: 1px solid rgba(0, 0, 0, 0.15);
        margin-bottom: 24px
    }
    .search-result.image-top .media-body {
        padding-left: 16px;
        padding-right: 16px
    }
    .search-result.image-top .media-img {
        width: 100%;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .search-result.image-top {
        width: calc(33.33% - 16px)
    }
}

@media (min-width: 1024px) {
    .search-result.image-top {
        width: calc(25% - 16px)
    }
}

.search-results-count-top {
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .search-results-count-top {
        margin-bottom: 32px
    }
}

.search-results-count-top .search-terms {
    font-weight: bold
}

.search-results-count-bottom .count {
    font-weight: bold
}

.search-results-count-bottom .total {
    font-weight: bold
}

.search-results-pagination {
    justify-content: center;
    align-items: center
}

.search-results-pagination .page {
    display: inline-block;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 300;
    line-height: 28px
}

.search-results-pagination .page.selected {
    font-weight: bold;
    color: #282f2f
}

@media (min-width: 768px) {
    .search-results-pagination .page:nth-child(n+6) {
        display: inline-block
    }
}

.search-results-pagination .arrow {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.95);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    text-indent: 100%
}

.search-results-pagination .arrow:hover {
    background-color: #1A9EB9
}

.search-results-pagination .arrow path,
.search-results-pagination .arrow polygon {
    fill: #fff
}

.search-results-pagination .prev {
    background-image: url("../img/icons/prev-button.svg")
}

.search-results-pagination .next {
    background-image: url("../img/icons/next-button.svg")
}

.search-list {
    float: left;
    width: 100%
}

@media (min-width: 1024px) {
    .search-list {
        width: calc(100% - 350px)
    }
}

.search-list-view.list-item-search {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    width: 100%;
    display: flex
}

.list-item-search {
    display: flex;
    min-height: 152px
}

.search-image-container-list {
    max-width: 25%;
    float: left
}

.search-description-container {
    margin-left: 10px;
    float: right
}

.search-description {
    margin-top: 18px;
    font-size: 14px
}

.search .no-results-message {
    text-align: center;
    padding: 0 16px
}

.search .no-results-message .heading-content {
    font-size: 36px;
    line-height: 44px
}

.search .no-results-message .message-body .body-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.search .no-results-message .message-body .body-text-link {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
    font-weight: 700;
    text-decoration: underline
}

.search .no-results-message .message-body .body-text-link:hover,
.search .no-results-message .message-body .body-text-link:visited {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none
}

.search-results-content.no-results .search-top {
    border-bottom: none
}

.search-results-content.no-results .search-results-container {
    min-height: auto
}

body.menu-active .primary-links.mobile-only {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none
}

nav.main {
    width: 100%;
    height: 96px;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 500;
    font-family: "Libre Franklin", sans-serif;
    transition: transform 0.25s ease-in-out;
    transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased
}

nav.main.no-utility-ribbon {
    height: 48px
}

@media (min-width: 1024px) {
    nav.main {
        height: 88px
    }
    nav.main.full-size-nav-enabled.no-secondary-ribbon.no-utility-ribbon {
        height: 175px
    }
    nav.main.full-size-nav-enabled.no-secondary-ribbon.no-utility-ribbon.hide-nav-elements {
        height: 48px
    }
    nav.main.no-secondary-ribbon.no-utility-ribbon {
        height: 48px
    }
    nav.main.no-secondary-ribbon.no-utility-ribbon.with-scoreboard {
        height: 110px
    }
    nav.main.no-utility-ribbon {
        height: 88px
    }
    nav.main.no-utility-ribbon.with-scoreboard {
        height: 150px
    }
    nav.main.no-utility-ribbon.with-scoreboard.with-tertiary {
        height: 182px
    }
    nav.main.no-utility-ribbon.with-tertiary {
        height: 120px
    }
    nav.main.with-scoreboard {
        height: 150px
    }
    nav.main.with-scoreboard.with-tertiary {
        height: 182px
    }
    nav.main.with-tertiary {
        height: 120px
    }
}

nav.main .subcontainer {
    height: 100%;
    margin: 0 auto;
    padding: 0 4px;
    position: relative;
    max-width: 1280px
}

@media (min-width: 768px) {
    nav.main .subcontainer {
        padding: 0 12px
    }
}

@media (min-width: 1024px) {
    nav.main .subcontainer {
        padding: 0 16px
    }
}

nav.main .scoreboard-container {
    height: 62px;
    background: #fff
}

nav.main .container {
    width: 100%;
    height: 100%;
    position: relative
}

nav.main .container.primary {
    height: 48px;
    background: #fff;
    z-index: 200;
    color: #282f2f;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7);
    transform: translateZ(0)
}

nav.main .container.primary .menu {
    height: 100%;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 1024px) {
    nav.main .container.primary .menu {
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 8px
    }
}

nav.main .container.primary .full-logo {
    height: 100%;
    position: relative;
    align-items: center
}

@media (min-width: 1024px) {
    nav.main .container.primary {
        height: 48px
    }
}

nav.main .container.secondary {
    height: 40px;
    background: #fff;
    z-index: 100;
    box-shadow: 0 0 3px rgba(40, 47, 47, 0.3)
}

nav.main .container.tertiary {
    height: 32px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 3px rgba(40, 47, 47, 0.3)
}

nav.main .heading-menu {
    border: 0;
    background: none
}

nav.main .secondary .menu {
    margin-right: 8px;
    transform: rotate(0deg) scale(1)
}

nav.main .secondary .menu:first-child {
    margin-right: 6px
}

@media (min-width: 1162px) {
    nav.main .secondary .menu:first-child {
        margin-right: 16px
    }
}

nav.main .secondary .subcontainer {
    padding-left: 12px;
    padding-right: 12px
}

nav.main .secondary a {
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.8)
}

nav.main .style-orange a {
    color: rgba(0, 0, 0, 0.95)
}

nav.main .style-orange a:hover {
    color: #1A9EB9
}

nav.main .secondary-item.small.section-label {
    color: rgba(0, 0, 0, 0.95);
    font-size: 12px;
    line-height: 12px;
    padding-top: 3px;
    padding-left: 6px;
    padding-bottom: 2px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Noto Serif", serif;
    text-transform: uppercase;
    border-right: 1px solid rgba(0, 0, 0, 0.15)
}

nav.main .primary button span {
    height: 20px;
    line-height: 18px
}

nav.main .primary button span.icon-search {
    margin-top: -3px
}

nav.main .primary .mobile-only.icon {
    position: absolute;
    padding: 8px;
    top: 11px
}

nav.main .primary .mobile-only.icon.close {
    top: 12px;
    left: 21px
}

@media (min-width: 1024px) {
    nav.main .primary .icon.close {
        top: 2px
    }
}

nav.main .primary .menu {
    float: left;
    padding: 4px 0
}

nav.main .primary .mobile-only.search {
    top: 6px;
    right: 20px
}

nav.main .primary .mobile-only.subscribe {
    right: 20px;
    padding: 4px 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}

@media (min-width: 1024px) {
    nav.main .primary .mobile-only.subscribe {
        display: none
    }
}

nav.main .primary .mobile-only.subscribe a {
    color: #fff;
    height: 24px;
    line-height: 26px;
    font-size: 11px;
    font-family: "Noto Serif", serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600
}

nav.main .secondary-item {
    padding: 12px;
    line-height: 16px;
    display: inline-block
}

nav.main .menu-list-item.has-submenu:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.95)
}

nav.main .menu-list-item.has-submenu:hover a.menu-link {
    color: rgba(0, 0, 0, 0.95)
}

nav.main .menu-list-item.has-submenu:hover .dropdown-menu {
    display: block
}

nav.main .menu-list-item .icon {
    top: 1px;
    position: relative;
    padding-left: 3px
}

nav.main .menu-list-item.small {
    padding: 7px 12px 10px;
    line-height: 14px
}

nav.main .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -40px;
    padding: 1px 40px 40px;
    display: none
}

nav.main .dropdown-menu-container {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    padding: 8px 0;
    display: flex
}

nav.main .mobile-only.search {
    margin-top: 1px;
    left: auto;
    right: 18px;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none
}

nav.main .close-search {
    position: relative
}

nav.main .dropdown-menu-container li {
    display: block;
    padding: 0;
    font-family: "Libre Franklin", sans-serif
}

nav.main .dropdown-menu-container li a {
    width: 100%;
    min-width: 132px
}

nav.main .dropdown-menu-container li a:hover {
    background: rgba(0, 0, 0, 0.05)
}

nav.main .primary-links {
    position: absolute;
    height: 100%;
    top: 0;
    right: 20px;
    white-space: nowrap;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 1
}

nav.main .primary-links .dropdown-menu {
    padding-top: 2px
}

nav.main .primary-links .dropdown-menu a {
    font-weight: 400
}

nav.main .primary-links a {
    color: #282f2f;
    font-weight: 700
}

nav.main .primary-links .menu-list-item {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    max-height: 100%;
    display: block;
    float: left;
    font-family: "Libre Franklin", sans-serif
}

nav.main .primary-links .menu-list-item:last-child a {
    color: #ff0048;
    font-size: 11px;
    letter-spacing: 0;
    padding: 12px 0;
    margin-right: -4px
}

nav.main .primary-links .menu-list-item:last-child a:hover {
    color: #D4023D
}

@media (min-width: 768px) {
    nav.main .primary-links .menu-list-item:last-child a {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 12px 8px;
        margin-right: -6px
    }
}

nav.main .primary-links .primary-text-links {
    display: block;
    float: left;
    width: auto;
    max-height: 100%;
    list-style: none
}

nav.main .primary-links .primary-text-links a {
    padding: 12px 8px
}

nav.main .primary-links .buttons {
    width: auto;
    height: 100%;
    display: block;
    float: left;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px
}

nav.main .primary-links .account {
    margin: 0 0 0 12px;
    top: 4px;
    position: relative
}

nav.main .primary-links .search {
    transition: transform 0.3s ease-in-out
}

nav.main .search-field::-ms-clear {
    display: none
}

nav.main .search-field {
    line-height: 20px;
    height: 28px;
    position: relative;
    font-weight: 500
}

@media (min-width: 1024px) {
    nav.main .icon.search {
        top: 0;
        position: relative;
        float: left
    }
}

nav.main .icon.search.mobile-only {
    transform: translate3d(-220px, 0, 0)
}

nav.main.search-open .search-container {
    transform: translate3d(-413px, 0, 0);
    opacity: 1
}

nav.main.search-open .search-container.mobile-only {
    opacity: 0;
    transform: translate3d(-220px, 0, 0)
}

nav.main.search-open .icon.search {
    transform: translate3d(-413px, 0, 0)
}

nav.main.search-open .primary-text-links {
    transform: translate3d(20px, 0, 0);
    opacity: 0
}

nav.main .primary-text-links {
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out 0.05s
}

nav.main .header-search.mobile-only .icon {
    height: 48px;
    padding: 15px 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

nav.main .header-search.mobile-only .search-nav-open {
    display: none
}

nav.main .search-container {
    display: inline-block;
    position: absolute;
    width: 413px;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out 0.1s
}

nav.main .search-container form,
nav.main .search-container input {
    height: 100%
}

@media (min-width: 1024px) {
    nav.main .search-container {
        height: 30px
    }
}

nav.main .search-container.mobile-only {
    position: absolute;
    top: 0;
    right: -216px;
    width: 216px;
    height: 100%;
    transform: translate3d(-236px, 0, 0);
    pointer-events: none
}

nav.main .search-container.mobile-only input {
    width: 230px
}

nav.main .search-container.mobile-only button {
    width: 20px
}

nav.main .search-field {
    width: 381px;
    background: none;
    border: none;
    font-style: italic;
    color: #282f2f;
    outline: none
}

nav.main .search-field::-moz-selection {
    color: #282f2f;
    background: rgba(0, 0, 0, 0.95)
}

nav.main .search-field::selection {
    color: #282f2f;
    background: rgba(0, 0, 0, 0.95)
}

nav.main .secondary .menu {
    position: relative;
    display: inline-block
}

nav.main .secondary .menu-close {
    position: absolute;
    top: 11px;
    left: 20px
}

nav.main.can-animate .logo {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}

nav.main.can-animate .utility-ribbon {
    transition: transform 0.2s ease-in-out
}

nav.main .logo {
    height: 100%;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

nav.main .logo a.mobile-only {
    display: flex
}

nav.main .logo a.desktop-only {
    display: none
}

nav.main .logo:hover {
    border-color: #282f2f
}

@media (min-width: 1024px) {
    nav.main .logo {
        position: relative;
        left: 0;
        transform: translate3d(0, 0, 0);
        display: inline-block;
        padding-top: 0;
        margin: 0
    }
    nav.main .logo a.mobile-only {
        display: none
    }
    nav.main .logo a.desktop-only {
        display: flex
    }
}

nav.main .utility-ribbon {
    background: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    height: 48px;
    padding: 0;
    transform: translate3d(0, 0, 0)
}

nav.main li {
    position: relative;
    padding: 16px 10px
}

@media (min-width: 360px) {
    nav.main li {
        padding: 16px 18px
    }
}

nav.main li.selected {
    color: rgba(0, 0, 0, 0.95);
    border-bottom: 2px solid rgba(0, 0, 0, 0.95)
}

nav.main li.selected a {
    color: rgba(0, 0, 0, 0.95)
}

nav.main a {
    color: rgba(0, 0, 0, 0.95);
    display: inline-block
}

nav.main a:hover {
    color: rgba(0, 0, 0, 0.95)
}

nav.main ul {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 0
}

@media (min-width: 1024px) {
    nav.main ul {
        text-align: left;
        padding-left: 36px
    }
}

nav.main ul.dropdown-links-list {
    width: auto;
    padding-left: 0
}

nav.main form {
    display: inline-block
}

@media (min-width: 1024px) {
    nav.main.hide-nav-elements.with-scoreboard {
        transform: translate3d(0, -62px, 0)
    }
}

nav.main.has-promo-tout .promo-tout {
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #ffffff
}

@media (min-width: 1024px) {
    nav.main.has-promo-tout .promo-tout {
        height: 48px
    }
}

nav.main.has-promo-tout .promo-tout a {
    width: 100%
}

nav.main.has-promo-tout .promo-tout a>img {
    margin: 0 auto
}

nav.main.has-promo-tout .promo-tout .promo-tout-mobile-only {
    display: block
}

@media (min-width: 1024px) {
    nav.main.has-promo-tout .promo-tout .promo-tout-mobile-only {
        display: none
    }
}

nav.main.has-promo-tout .promo-tout .promo-tout-tablet-only {
    display: none
}

@media (min-width: 1024px) and (max-width: 1247px) {
    nav.main.has-promo-tout .promo-tout .promo-tout-tablet-only {
        display: block
    }
}

nav.main.has-promo-tout .promo-tout .promo-tout-desktop-only {
    display: none
}

@media (min-width: 1248px) {
    nav.main.has-promo-tout .promo-tout .promo-tout-desktop-only {
        display: block
    }
}

nav.main.has-promo-tout .promo-tout.notification-banner {
    height: 100%
}

nav.main.has-promo-tout .promo-tout.notification-banner .promo-tout-mobile-only {
    display: block
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .promo-tout.notification-banner .promo-tout-mobile-only {
        display: none
    }
}

nav.main.has-promo-tout .promo-tout.notification-banner .promo-tout-desktop-only {
    display: none
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .promo-tout.notification-banner .promo-tout-desktop-only {
        display: block
    }
}

nav.main.has-promo-tout .notification-banner {
    background-color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 1.17;
    font-weight: 500
}

@media (min-width: 1024px) {
    nav.main.has-promo-tout .notification-banner {
        font-size: 15px
    }
}

nav.main.has-promo-tout .notification-banner .banner-img-container {
    float: left;
    height: 60px
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .notification-banner .banner-img-container {
        height: 50px
    }
}

nav.main.has-promo-tout .notification-banner .banner-img-container img {
    height: 100%;
    width: 60px
}

nav.main.has-promo-tout .notification-banner .text-container {
    font-weight: bold;
    color: #fff;
    float: left;
    height: 60px;
    padding: 0 13px;
    width: 75%;
    text-align: left
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .notification-banner .text-container {
        height: 50px;
        width: 90%
    }
}

nav.main.has-promo-tout .notification-banner .link-container {
    width: 90%;
    height: 100%;
    float: left
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .notification-banner .link-container {
        width: 95%
    }
}

nav.main.has-promo-tout .notification-banner .banner-desktop-title {
    height: 100%;
    white-space: pre-line
}

nav.main.has-promo-tout .notification-banner .text-inner-container {
    display: table-cell;
    vertical-align: middle;
    height: 60px
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .notification-banner .text-inner-container {
        height: 50px;
        width: 90%
    }
}

nav.main.has-promo-tout .notification-banner .close-banner-container {
    width: 5%;
    float: right;
    height: 33px;
    padding: 21px 30px 0 0
}

@media (min-width: 768px) {
    nav.main.has-promo-tout .notification-banner .close-banner-container {
        padding: 18px 0 0 0
    }
}

nav.main.has-promo-tout .notification-banner .close-banner-container .close-banner {
    display: block;
    height: 15px;
    cursor: pointer
}

nav.notification-banner-wrapper {
    display: none;
    top: 48px;
    z-index: 0;
    height: 60px;
    position: relative
}

@media (min-width: 768px) {
    nav.notification-banner-wrapper {
        height: 50px
    }
}

.nav-placeholder {
    height: 96px
}

.nav-placeholder.no-utility-ribbon {
    height: 48px
}

@media (min-width: 1024px) {
    .nav-placeholder {
        height: 88px
    }
    .nav-placeholder.full-size-nav-enabled.no-secondary-ribbon.no-utility-ribbon {
        height: 175px
    }
    .nav-placeholder.full-size-nav-enabled.no-secondary-ribbon.no-utility-ribbon.hide-nav-elements {
        height: 48px
    }
    .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
        height: 48px
    }
    .nav-placeholder.no-secondary-ribbon.no-utility-ribbon.with-scoreboard {
        height: 110px
    }
    .nav-placeholder.no-utility-ribbon {
        height: 88px
    }
    .nav-placeholder.no-utility-ribbon.with-scoreboard {
        height: 150px
    }
    .nav-placeholder.no-utility-ribbon.with-scoreboard.with-tertiary {
        height: 182px
    }
    .nav-placeholder.no-utility-ribbon.with-tertiary {
        height: 120px
    }
    .nav-placeholder.with-scoreboard {
        height: 150px
    }
    .nav-placeholder.with-scoreboard.with-tertiary {
        height: 182px
    }
    .nav-placeholder.with-tertiary {
        height: 120px
    }
}

nav.menu {
    width: calc(100% - 20px);
    height: calc(100% - 48px);
    position: fixed;
    max-width: 300px;
    background: #fff;
    top: 48px;
    left: 0;
    box-shadow: 0 0 3px rgba(40, 47, 47, 0.3);
    z-index: 500;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0)
}

nav.menu.can-animate {
    transition: transform 0.25s ease-in-out, height 0.1s ease-in-out 0.25s
}

nav.menu.has-promo-tout {
    top: 96px
}

@media (min-width: 1024px) {
    nav.menu {
        background: #fff;
        max-width: 300px;
        top: 88px;
        height: calc(100% - 88px)
    }
    nav.menu.no-secondary-ribbon {
        top: 48px;
        height: calc(100% - 48px)
    }
    nav.menu.no-secondary-ribbon.has-promo-tout {
        top: 96px
    }
    nav.menu.with-scoreboard {
        top: 150px;
        height: calc(100% - 150px)
    }
    nav.menu.with-scoreboard.has-promo-tout {
        top: 198px
    }
    nav.menu.with-tertiary {
        top: 120px;
        height: calc(100% - 120px)
    }
    nav.menu.with-tertiary.has-promo-tout {
        top: 168px
    }
    nav.menu.with-tertiary.with-scoreboard {
        top: 182px;
        height: calc(100% - 182px)
    }
    nav.menu.with-tertiary.with-scoreboard.has-promo-tout {
        top: 230px
    }
}

nav.menu .menu-item.has-submenu {
    cursor: pointer
}

nav.menu .menu-item.has-submenu .submenu-link {
    width: calc(100% - 44px);
    border-right: 1px solid rgba(0, 0, 0, 0.5)
}

@media (min-width: 1024px) {
    nav.menu .menu-item.has-submenu .submenu-link {
        border-right: none;
        width: 100%
    }
}

@media (min-width: 1024px) {
    nav.menu .menu-item.has-submenu {
        cursor: default
    }
}

nav.menu .accordion {
    pointer-events: none
}

nav.menu li {
    display: block;
    position: relative
}

nav.menu .menu-item a,
nav.menu .menu-item-styled {
    display: inline-block;
    color: #282f2f;
    padding: 16px 16px 16px 24px;
    cursor: pointer
}

nav.menu .menu-item a.no-pad-top,
nav.menu .menu-item-styled.no-pad-top {
    padding-top: 0;
    padding-bottom: 0
}

nav.menu .menu-item a.social-items,
nav.menu .menu-item-styled.social-items {
    display: flex;
    flex-wrap: wrap
}

nav.menu .menu-item a.social-items .icon,
nav.menu .menu-item-styled.social-items .icon {
    margin-bottom: 4px
}

@media (min-width: 1024px) {
    nav.menu .menu-item a,
    nav.menu .menu-item-styled {
        min-width: 0
    }
}

nav.menu .menu-item a:hover,
nav.menu .menu-item-styled:hover {
    color: rgba(0, 0, 0, 0.95)
}

nav.menu .second-menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 12px
}

nav.menu .second-menu .menu-item {
    border: 0;
    font-size: 12px;
    min-height: 40px
}

nav.menu .second-menu .menu-item:hover {
    background-color: transparent
}

nav.menu .team-container a {
    padding: 6px
}

nav.menu label {
    margin: 0 10px;
    padding: 28px 4px 12px 18px;
    display: block
}

nav.menu .container {
    padding: 0 0 4px
}

nav.menu .accordion-arrow {
    width: 58px;
    height: 44px;
    border: none;
    padding: 14px;
    position: absolute;
    top: -2px;
    right: 0
}

nav.menu .accordion-arrow .icon {
    transition: all 452.483ms cubic-bezier(0.1, 0.63, 0.47, 1.12) 0
}

@media (min-width: 1024px) {
    nav.menu .accordion-arrow {
        top: 2px;
        right: 18px
    }
}

nav.menu .submenu {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    transition: max-height 0.3s ease-in-out, border 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.05)
}

nav.menu .submenu .menu-item a {
    width: 100%
}

nav.menu .submenu-active .accordion-arrow .icon {
    transform: rotate(180deg);
    transition: all 452.483ms cubic-bezier(0.1, 0.63, 0.47, 1.12) 0
}

@media (min-width: 1024px) {
    nav.menu .submenu-active .accordion-arrow .icon {
        transform: rotate(0deg)
    }
}

nav.menu .submenu-active .submenu {
    max-height: 900px
}

nav.menu .submenu-active .submenu ul {
    margin-bottom: 0
}

nav.menu .companion {
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    margin: 14px 0;
    padding: 0 14px
}

nav.menu .icon-down {
    position: absolute;
    top: 14px;
    left: 30px;
    line-height: 24px
}

@media (min-width: 1024px) {
    nav.menu .icon-down {
        top: 24px;
        left: 13px
    }
}

nav.menu .menu-item.has-companion a {
    min-width: 0
}

nav.menu .menu-item:not(.has-companion) a {
    width: 100%
}

@media (min-width: 1024px) {
    nav.menu.hide-nav-elements.with-scoreboard {
        transform: translate3d(-100%, -62px, 0);
        height: calc(100% - 88px);
        transition: transform 0.25s ease-in-out
    }
}

@media (min-width: 1024px) {
    nav.menu .container {
        padding: 0 0 16px
    }
    nav.menu .companion {
        margin: 6px 0;
        padding: 0 8px
    }
    nav.menu li.has-submenu.hover,
    nav.menu li:hover {
        background: rgba(0, 0, 0, 0.05)
    }
    nav.menu li a:hover,
    nav.menu li.has-companion.hover {
        color: rgba(0, 0, 0, 0.95)
    }
    nav.menu li:hover .accordion-arrow .icon svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    nav.menu li:not(.has-companion) a {
        margin: 0;
        width: 100%;
        padding: 12px 24px
    }
    nav.menu li.has-companion a:not(.companion) {
        padding: 8px 0 8px 32px
    }
    nav.menu .submenu {
        display: none
    }
    nav.menu .accordion-arrow {
        width: 37px;
        height: 37px;
        padding: 0;
        transform: rotate(-90deg);
        display: block;
        pointer-events: none
    }
}

.menu {
    background-color: transparent;
    border: 0;
    padding: 0 0 8px
}

.menu ul {
    padding-top: 0
}

.menu-box {
    float: left;
    width: 24px;
    height: 24px;
    padding: 6px 3px
}

.menu-inner,
.menu-inner:after,
.menu-inner:before {
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.95)
}

.menu:hover .menu-inner,
.menu:hover .menu-inner:after,
.menu:hover .menu-inner:before {
    background-color: rgba(0, 0, 0, 0.95)
}

.menu-inner:after,
.menu-inner:before {
    display: block;
    content: ""
}

.menu-inner {
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0s 0s linear
}

.menu-inner:before {
    top: 5px;
    transition: opacity 0.15s ease 0.18s, background-color 0s 0s linear
}

.menu-inner:after {
    top: 10px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0s 0s linear
}

.menu-label-small {
    line-height: 24px;
    margin-left: 28px;
    font-size: 11px;
    font-family: "Libre Franklin", sans-serif;
    text-align: left;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.8)
}

.menu-label-small:hover {
    color: rgba(0, 0, 0, 0.95)
}

.menu-label {
    font-family: "Libre Franklin", sans-serif;
    line-height: 26px;
    color: #282f2f;
    margin-left: 32px
}

.menu-active {
    overflow: hidden
}

@media (min-width: 1024px) {
    .menu-active {
        overflow: auto
    }
    .menu-active .sidebar-overlay-menu {
        display: block
    }
}

.menu-active nav.menu {
    transform: translate3d(0, 0, 0)
}

@media (min-width: 1024px) {
    .menu-active nav.menu.hide-nav-elements.with-scoreboard {
        transform: translate3d(0, -62px, 0)
    }
}

.menu-active nav.main .logo,
.menu-active nav.main .subscribe {
    transform: translate3d(-40%, 0, 0);
    opacity: 0;
    pointer-events: none
}

@media (min-width: 1024px) {
    .menu-active nav.main .logo,
    .menu-active nav.main .subscribe {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: all
    }
}

.menu-active nav.main .menu-close {
    opacity: 1;
    transform: rotate(0) scale(1)
}

.menu-active nav.main .mobile-only.search {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(-200px, 0, 0)
}

.menu-active nav.main .mobile-only.subscribe {
    opacity: 0;
    pointer-events: none
}

.menu-active nav.main .search-container.mobile-only {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(-216px, 0, 0)
}

@media (min-width: 1024px) {
    .menu-active nav.main .search-container.mobile-only {
        opacity: 0;
        pointer-events: none
    }
}

.menu-active nav.main .menu-inner {
    transform: translate3d(0, 5px, 0) rotate(135deg);
    transition-delay: 0.1s;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0s 0s linear
}

.menu-active nav.main .menu-inner:before {
    transition-delay: 0.1s;
    opacity: 0
}

.menu-active nav.main .menu-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-270deg);
    transition-delay: 0.1s;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0s 0s linear
}

.icon.left {
    left: 0
}

.icon.right {
    right: 0
}

.icon.menu {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}

.sidebar-overlay-menu {
    position: fixed;
    top: 0;
    left: 299px;
    padding: 40px;
    margin-top: -42px;
    padding-left: 0;
    display: none;
    z-index: 500
}

.sidebar-overlay-menu .submenu {
    background: #fff;
    padding: 0;
    margin-top: 1px
}

.sidebar-overlay-menu .submenu ul {
    padding: 0;
    margin: 0
}

.sidebar-overlay-menu li {
    display: block;
    padding: 0
}

.sidebar-overlay-menu li a {
    color: #282f2f;
    display: block;
    width: 100%;
    min-width: 213px;
    padding: 12px 16px
}

.sidebar-overlay-menu li a:hover {
    color: rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.05)
}

.sidebar-overlay-menu.hidden {
    display: none !important
}

.icon-external {
    top: 1px;
    position: relative;
    padding-left: 3px
}

.dropdown-side-menu {
    min-width: 300px;
    min-height: 200px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 16px;
    padding-right: 16px
}

.accordion-secondary-menu {
    padding: 0 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.contextual-social-links {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transform: translate3d(-50%, 8px, 0);
    pointer-events: none;
    display: flex;
    align-items: center
}

.contextual-social-links .short-logo svg {
    width: 48px;
    height: 38px;
    margin-right: 4px
}

nav.main .contextual-social-links,
nav.main .full-logo {
    transition: all 0.3s ease-in-out
}

.under-social nav.main.contextual-social-enabled .full-logo.mobile-only {
    opacity: 0;
    transform: translate3d(0, -8px, 0);
    pointer-events: none
}

.under-social nav.main.contextual-social-enabled .contextual-social-links {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    pointer-events: auto
}

.under-social.menu-active nav.main.contextual-social-enabled .contextual-social-links {
    opacity: 0;
    transform: translate3d(-40%, 0, 0);
    pointer-events: none
}

.cm-ad iframe {
    display: none !important
}

.menu ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 4px
}

.under-nav {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7);
    min-height: 76px;
    position: relative;
    z-index: 100
}

.under-nav>div.adhesion-ad,
.under-nav>.ad-wrapper {
    display: none
}

@media (min-width: 1024px) {
    .under-nav>div.adhesion-ad,
    .under-nav>.ad-wrapper {
        display: block
    }
}

.menu-overlay {
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 400;
    transition: opacity 0.3s ease-in-out, width 0 ease-in-out 0.3s, height 0 ease-in-out 0.3s;
    opacity: 0
}

.menu-active .menu-overlay,
.modal-active .menu-overlay {
    visibility: visible;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

@media (min-width: 1024px) {
    nav .title-display {
        top: 0;
        left: 50%;
        align-items: center;
        justify-content: center;
        height: 100%;
        opacity: 0;
        pointer-events: none;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        transform: translate3d(-50%, 8px, 0);
        white-space: nowrap;
        display: flex;
        position: absolute;
        line-height: 20px;
        max-width: 620px
    }
    nav .title-display .title-text {
        max-width: 480px;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    nav .title-display .title-text {
        max-width: 960px
    }
}

@media (min-width: 1024px) {
    nav .button-decoration {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .under-social nav.has-headline .title-display {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
        pointer-events: auto;
        z-index: 100
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .under-social nav.has-headline .title-display {
        max-width: 1144px
    }
}

@media (min-width: 1024px) {
    .under-social nav.has-headline .primary-text-links {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
        pointer-events: none
    }
}

@media (min-width: 1024px) {
    .under-social nav.has-headline.search-open .title-display {
        opacity: 0;
        transform: translate3d(-47%, 0, 0);
        pointer-events: none
    }
}

nav.main .primary-links .primary-text-links .dropdown-menu-container li a {
    padding: 8px 16px
}

header .ad-wrapper.has-promo-tout .ad-sticky-container {
    margin-top: 48px
}

nav.main.full-size-nav-enabled.search-open .buttons.outside .search-container {
    width: 405px;
    transform: translate3d(-190px, 0, 0)
}

@media (min-width: 1024px) {
    nav.main.full-size-nav-enabled.search-open .buttons.outside .search-container {
        opacity: 1
    }
}

nav.main.full-size-nav-enabled.search-open .buttons.outside .search-container .search-field {
    padding: 0
}

nav.main.full-size-nav-enabled.can-animate .logo.short-only {
    transition: opacity 425ms 0 ease-in-out
}

nav.main.full-size-nav-enabled.can-animate .logo.tall-only {
    transition: opacity 300ms ease-in-out 200ms, transform 300ms ease-in-out 100ms
}

nav.main.full-size-nav-enabled.hide-nav-elements .container.primary {
    height: 48px
}

nav.main.full-size-nav-enabled.hide-nav-elements .container.primary:before {
    opacity: 1;
    transition: opacity 300ms 300ms ease-in-out
}

nav.main.full-size-nav-enabled.hide-nav-elements .logo.tall-only {
    opacity: 0;
    transform: translate3d(-50%, -20px, 0)
}

nav.main.full-size-nav-enabled.hide-nav-elements.can-animate .logo.short-only {
    transition: opacity 425ms 300ms ease-in-out
}

nav.main.full-size-nav-enabled.hide-nav-elements.can-animate .logo.tall-only {
    transition: opacity 200ms ease-in-out, transform 200ms 0 ease-in-out
}

nav.main.full-size-nav-enabled.hide-nav-elements .logo.short-only {
    opacity: 1;
    z-index: 1
}

nav.main.full-size-nav-enabled.hide-nav-elements .logo.short-only .full-logo.desktop-only {
    height: 48px;
    display: flex;
    justify-content: initial
}

nav.main.full-size-nav-enabled.hide-nav-elements .buttons.outside {
    transform: translate3d(1, 0, 0);
    transition: transform 300ms 300ms ease-in-out
}

@media (min-width: 1024px) {
    nav.main.full-size-nav-enabled {
        transition: height 400ms ease-in-out
    }
    nav.main.full-size-nav-enabled .container.primary {
        transition: height 400ms ease-in-out;
        height: 175px
    }
    nav.main.full-size-nav-enabled .logo.short-only {
        opacity: 0;
        left: 48px;
        height: 48px;
        z-index: -1;
        top: 12px
    }
    nav.main.full-size-nav-enabled .logo.tall-only {
        opacity: 1;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    nav.main.full-size-nav-enabled .buttons.outside {
        transform: translate3d(-20px, 0, 0)
    }
    nav.main.full-size-nav-enabled .buttons.outside .search {
        transition: transform 0.3s ease-in-out
    }
}

nav.main.full-size-nav-enabled .container.primary ul {
    padding-left: 0
}

nav.main.full-size-nav-enabled .container.primary .logo.short-only .full-logo {
    display: flex
}

@media (min-width: 1024px) {
    nav.main.full-size-nav-enabled .container.primary .logo.short-only {
        left: 48px
    }
    nav.main.full-size-nav-enabled .container.primary .logo.short-only .full-logo {
        display: inline-block
    }
}

nav.main.full-size-nav-enabled .container.primary button.menu {
    height: 48px;
    position: absolute;
    bottom: 0;
    top: initial;
    padding-left: 8px
}

@media (min-width: 1162px) {
    nav.main.full-size-nav-enabled .container.primary button.menu {
        padding-left: 12px;
        margin-right: 12px
    }
}

nav.main.full-size-nav-enabled .container.primary .icon.close {
    position: absolute;
    line-height: 30px
}

nav.main.full-size-nav-enabled .subcontainer {
    padding: 0;
    overflow: hidden
}

nav.main.full-size-nav-enabled .primary-links {
    left: 50%;
    right: initial;
    transform: translate3d(-50%, 0, 0);
    height: 48px;
    top: initial;
    bottom: 0;
    transition: none
}

@media (min-width: 1024px) {
    nav.main.full-size-nav-enabled .buttons.outside {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        height: 48px;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

nav.main.full-size-nav-enabled .buttons.outside>.icon.search {
    top: 2px;
    padding: 1px 12px 1px 8px
}

nav.main.full-size-nav-enabled .buttons.outside>.search-container {
    width: 0
}

@media (min-width: 1024px) {
    nav.main.full-size-nav-enabled .search-container.mobile-only {
        display: none
    }
}

nav.full-size-nav-enabled ~ nav.menu.can-animate {
    transition: transform 250ms ease-in-out, top 400ms ease-in-out
}

@media (min-width: 1024px) {
    nav.full-size-nav-enabled ~ nav.menu.no-secondary-ribbon {
        top: 175px
    }
    nav.full-size-nav-enabled ~ nav.menu.no-secondary-ribbon.hide-nav-elements {
        top: 48px
    }
}

@media (min-width: 1024px) {
    nav.full-size-nav-enabled ~ div.nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
        height: 175px
    }
}

@media (min-width: 1024px) {
    nav.full-size-nav-enabled.hide-nav-elements ~ .ad-wrapper .ads-sticky-header-wrapper {
        top: 48px !important
    }
}

.under-social nav.main.full-size-nav-enabled.contextual-social-enabled .logo.tall-only {
    opacity: 0;
    pointer-events: none
}

.under-social nav.main.full-size-nav-enabled.contextual-social-enabled .logo.short-only {
    opacity: 0;
    z-index: -1
}

.under-social nav.main.full-size-nav-enabled.contextual-social-enabled .container.primary {
    height: 48px
}

@media (min-width: 1024px) {
    .under-social nav.main.full-size-nav-enabled.contextual-social-enabled .logo.short-only {
        opacity: 1;
        z-index: 1
    }
    .under-social nav.main.full-size-nav-enabled.contextual-social-enabled .logo.short-only .full-logo.desktop-only {
        height: 48px;
        display: flex;
        justify-content: initial
    }
    .under-social nav.main.full-size-nav-enabled.contextual-social-enabled.no-secondary-ribbon.no-utility-ribbon {
        height: 48px
    }
    .under-social nav.main.full-size-nav-enabled.contextual-social-enabled ~ nav.menu.no-secondary-ribbon {
        top: 48px
    }
}

.site-menu__insert .menu-login {
    top: 8px;
    position: relative
}

nav.main:not(.can-animate) .buttons.outside,
nav.main:not(.can-animate) .title-display,
nav.main:not(.can-animate) .search-container {
    transition: initial !important
}

nav.main:not(.can-animate) .buttons.outside .button,
nav.main:not(.can-animate) .buttons.outside .search,
nav.main:not(.can-animate) .title-display .button,
nav.main:not(.can-animate) .title-display .search,
nav.main:not(.can-animate) .search-container .button,
nav.main:not(.can-animate) .search-container .search {
    transition: initial !important
}

.partial.pagination,
.partial.paginator,
.component.pagination,
.component.paginator {
    text-align: center
}

.partial.pagination .pagination-link.arrow,
.partial.pagination .paginator-link.arrow,
.partial.paginator .pagination-link.arrow,
.partial.paginator .paginator-link.arrow,
.component.pagination .pagination-link.arrow,
.component.pagination .paginator-link.arrow,
.component.paginator .pagination-link.arrow,
.component.paginator .paginator-link.arrow {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.95);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    text-indent: 100%
}

.partial.pagination .pagination-link.arrow:hover,
.partial.pagination .paginator-link.arrow:hover,
.partial.paginator .pagination-link.arrow:hover,
.partial.paginator .paginator-link.arrow:hover,
.component.pagination .pagination-link.arrow:hover,
.component.pagination .paginator-link.arrow:hover,
.component.paginator .pagination-link.arrow:hover,
.component.paginator .paginator-link.arrow:hover {
    background-color: #1A9EB9
}

.partial.pagination .pagination-link.arrow path,
.partial.pagination .pagination-link.arrow polygon,
.partial.pagination .paginator-link.arrow path,
.partial.pagination .paginator-link.arrow polygon,
.partial.paginator .pagination-link.arrow path,
.partial.paginator .pagination-link.arrow polygon,
.partial.paginator .paginator-link.arrow path,
.partial.paginator .paginator-link.arrow polygon,
.component.pagination .pagination-link.arrow path,
.component.pagination .pagination-link.arrow polygon,
.component.pagination .paginator-link.arrow path,
.component.pagination .paginator-link.arrow polygon,
.component.paginator .pagination-link.arrow path,
.component.paginator .pagination-link.arrow polygon,
.component.paginator .paginator-link.arrow path,
.component.paginator .paginator-link.arrow polygon {
    fill: #fff
}

.partial.pagination .pagination-link.pagination-prev,
.partial.pagination .pagination-link.paginator-prev,
.partial.pagination .paginator-link.pagination-prev,
.partial.pagination .paginator-link.paginator-prev,
.partial.paginator .pagination-link.pagination-prev,
.partial.paginator .pagination-link.paginator-prev,
.partial.paginator .paginator-link.pagination-prev,
.partial.paginator .paginator-link.paginator-prev,
.component.pagination .pagination-link.pagination-prev,
.component.pagination .pagination-link.paginator-prev,
.component.pagination .paginator-link.pagination-prev,
.component.pagination .paginator-link.paginator-prev,
.component.paginator .pagination-link.pagination-prev,
.component.paginator .pagination-link.paginator-prev,
.component.paginator .paginator-link.pagination-prev,
.component.paginator .paginator-link.paginator-prev {
    background-image: url("../img/icons/prev-button.svg")
}

.partial.pagination .pagination-link.pagination-next,
.partial.pagination .pagination-link.paginator-next,
.partial.pagination .paginator-link.pagination-next,
.partial.pagination .paginator-link.paginator-next,
.partial.paginator .pagination-link.pagination-next,
.partial.paginator .pagination-link.paginator-next,
.partial.paginator .paginator-link.pagination-next,
.partial.paginator .paginator-link.paginator-next,
.component.pagination .pagination-link.pagination-next,
.component.pagination .pagination-link.paginator-next,
.component.pagination .paginator-link.pagination-next,
.component.pagination .paginator-link.paginator-next,
.component.paginator .pagination-link.pagination-next,
.component.paginator .pagination-link.paginator-next,
.component.paginator .paginator-link.pagination-next,
.component.paginator .paginator-link.paginator-next {
    background-image: url("../img/icons/next-button.svg")
}

.component.content-loader {
    width: 100%;
    clear: both
}

.component.content-loader button {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    padding: 0 16px;
    margin: 16px auto;
    border: 0;
    text-align: center
}

.component.content-loader .load-more-content {
    display: none;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-family: "Noto Serif", serif;
    font-size: 15px;
    font-style: normal;
    padding-bottom: 5px
}

.pagination-numbers {
    display: flex;
    justify-content: center
}

.pagination-numbers .pagination-number {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    color: rgba(0, 0, 0, 0.95);
    font-size: 14px;
    font-weight: 700;
    margin-right: 8px
}

.pagination-numbers .pagination-number svg {
    width: 32px;
    height: 32px
}

.pagination-numbers .pagination-number:focus,
.pagination-numbers .pagination-number:hover {
    text-decoration: none
}

.pagination-numbers .pagination-number:focus,
.pagination-numbers .pagination-number:hover,
.pagination-numbers .pagination-number:active {
    background: rgba(0, 0, 0, 0.95);
    border-color: rgba(0, 0, 0, 0.95);
    color: #fff
}

.pagination-numbers .pagination-number.active {
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

.pagination-numbers .pagination-number:last-of-type {
    margin-right: 0
}

.pagination-numbers .pagination-numbers-control {
    align-items: center;
    display: flex
}

.pagination-numbers .pagination-numbers-control svg {
    fill: rgba(0, 0, 0, 0.65)
}

.pagination-numbers .pagination-ellipsis--prev,
.pagination-numbers .pagination-ellipsis--next {
    align-items: center;
    display: flex
}

.pagination-numbers .pagination-ellipsis--prev {
    margin-right: 8px
}

.overlay {
    display: none
}

.full-width-media {
    width: 100%;
    position: relative
}

.full-width-media .content-container {
    width: 100%;
    height: 100%;
    text-align: center
}

.full-width-media .media-item {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    text-align: left
}

.full-width-media .media-item iframe {
    max-width: 100%;
    margin: 0 auto
}

.full-width-media .content-wrapper {
    height: 100%
}

.full-width-media .content {
    height: 100%;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    text-align: center
}

.full-width-media .content:after {
    content: "";
    display: table;
    clear: both
}

.full-width-media.full-height {
    height: 100%
}

@media (min-width: 1162px) {
    .side-by-side-image .component.lazy-image {
        display: table
    }
    .side-by-side-image .image-expander {
        display: inline-flex
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .lazy-image.component img {
        width: 100% !important
    }
}

footer.main {
    background: #fff;
    font-family: "Noto Serif", serif;
    overflow: hidden;
    padding-bottom: 50px
}

@media (min-width: 1024px) {
    footer.main {
        padding-bottom: 0
    }
}

footer.main a:hover {
    color: rgba(0, 0, 0, 0.95)
}

footer.main .logo-container {
    text-align: center
}

footer.main .social-container {
    justify-content: center
}

footer.main .footer-subscribe-link {
    display: block;
    margin: 6px auto -19px auto;
    text-align: center;
    text-transform: uppercase
}

footer.main .footer-legal {
    color: rgba(0, 0, 0, 0.47);
    font-size: 10px;
    letter-spacing: .5px;
    line-height: 20px;
    padding-left: 16px;
    padding-right: 16px
}

footer.main .footer-links {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    footer.main .footer-links {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    footer.main .footer-links {
        flex-wrap: nowrap
    }
}

footer.main .footer-links section {
    flex: 1 1 50%;
    line-height: 24px;
    margin-top: 16px
}

@media (min-width: 768px) {
    footer.main .footer-links section {
        flex: 1 1 280px;
        margin-top: 0;
        padding-left: 24px;
        max-width: 280px
    }
}

footer.main .footer-links section>a {
    color: rgba(0, 0, 0, 0.95);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px
}

footer.main .footer-links section>a:hover {
    color: rgba(0, 0, 0, 0.65)
}

footer.main .footer-links section ul {
    list-style-type: none;
    padding: 0
}

footer.main .footer-links section ul a {
    color: rgba(0, 0, 0, 0.47);
    font-size: 12px
}

footer.main .footer-links section ul a:hover {
    color: rgba(0, 0, 0, 0.65)
}

footer.main .footer-links section li {
    line-height: normal;
    margin-bottom: 8px
}

.above-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0 auto
}

.above-footer>.component {
    align-items: center;
    flex: 0 0 100%
}

@media (min-width: 1024px) {
    .above-footer>.component {
        flex: 1;
        width: 50%
    }
}

.above-footer .partial.tout {
    width: 270px
}

@media (min-width: 768px) {
    .above-footer .partial.tout {
        width: 370px
    }
}

@media (min-width: 1024px) {
    .above-footer .partial.tout {
        width: 400px
    }
}

.above-footer .component.newsletter-callout {
    color: #fff
}

.above-footer .component.newsletter-callout .tout button {
    color: #fff
}

.print-footer {
    display: none
}

.component.tile .published-date {
    font-size: 12px;
    line-height: 22px;
    font-style: italic
}

.component.tile .cta-link {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.component.tile .sponsor-logo {
    margin: 12px 0
}

.component.tile .sponsor-logo img {
    max-height: 60px;
    height: auto;
    width: auto
}

.product-tile .price {
    color: rgba(0, 0, 0, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    margin-right: 5px
}

.product-tile .shop-it {
    margin-right: 5px
}

.product-tile .headline {
    font-size: 16px;
    line-height: 1.38;
    font-family: "Noto Serif", serif
}

.product-tile .headline a {
    color: inherit
}

.product-tile .headline a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.product-tile .product-image {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.product-tile .top-buy,
.product-tile .tile-badge {
    position: absolute;
    bottom: 8px;
    right: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7)
}

.product-tile .top-buy-image,
.product-tile .tile-badge-image {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 120px
}

.component.image .inner-container {
    display: inline-block;
    vertical-align: top
}

.component.lazy-image {
    margin: auto;
    caption-side: bottom
}

.component.lazy-image.no-upscale.rendered {
    display: block
}

.component.lazy-image .social-icon {
    display: none
}

.component.lazy-image.rendered .social-icon {
    display: block
}

@media (min-width: 1162px) {
    .component.lazy-image.rendered .social-icon.centered {
        display: none
    }
}

@media (min-width: 1162px) {
    .component.lazy-image.rendered:hover .social-icon.centered {
        display: block
    }
}

.component.lazy-image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.component.lazy-image.cache-only img {
    width: auto
}

.component.lazy-image .inner-container {
    position: relative
}

.component.lazy-image .credit {
    padding-left: 8px;
    padding-right: 8px
}

.component.lazy-image .credit a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.lazy-image .credit a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.lazy-image .credit a:hover,
.component.lazy-image .credit a:active,
.component.lazy-image .credit a:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.lazy-image.app_list_thumbnail_2x {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    overflow: hidden
}

.component.lazy-image.app_list_thumbnail_2x.rendered {
    background: none
}

.component.lazy-image.app_list_thumbnail_2x.rendered img {
    position: absolute;
    display: block
}

.component.lazy-image.app_list_thumbnail_2x.rendered.no-upscale img {
    position: relative
}

.component.lazy-image.medium_2x {
    padding-bottom: 75%;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    overflow: hidden
}

.component.lazy-image.medium_2x.rendered {
    background: none
}

.component.lazy-image.medium_2x.rendered img {
    position: absolute;
    display: block;
    max-height: 800px
}

.component.lazy-image.medium_2x.rendered.no-upscale img {
    position: relative
}

.component.lazy-image.mmqb_marquee_large,
.component.lazy-image.marquee_large_2x {
    padding-bottom: 55.5818%;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    overflow: hidden
}

.component.lazy-image.mmqb_marquee_large.rendered,
.component.lazy-image.marquee_large_2x.rendered {
    background: none
}

.component.lazy-image.mmqb_marquee_large.rendered img,
.component.lazy-image.marquee_large_2x.rendered img {
    position: absolute;
    display: block;
    max-height: 600px
}

.component.lazy-image.mmqb_marquee_large.rendered.no-upscale img,
.component.lazy-image.marquee_large_2x.rendered.no-upscale img {
    position: relative
}

.component.lazy-image.mmqb_marquee_large img,
.component.lazy-image.marquee_large_2x img {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.component.lazy-image.mmqb_marquee_large noscript img,
.component.lazy-image.marquee_large_2x noscript img {
    position: absolute;
    display: block
}

.component.lazy-image.no-upscale {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
    max-height: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.component.lazy-image.no-upscale img {
    position: relative;
    max-height: none;
    width: auto
}

.component.lazy-image.promo-thumbnail {
    float: left;
    padding-right: 16px
}

.component.lazy-image.promo-thumbnail::after {
    content: '';
    clear: left
}

.component.lazy-image.promo-thumbnail img {
    width: auto
}

.component.bucket .hero .component.lazy-image.marquee_large_2x,
.bucket.grid[data-items_per_row="1"] .tile .component.lazy-image.marquee_large_2x {
    padding-bottom: 49.5%
}

.image-container img {
    max-width: 100%;
    max-height: 100%
}

.inline-thumb {
    width: 100px
}

.lazy-image {
    position: relative
}

.lazy-image .pinterest-transparent {
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 200
}

.lazy-image .pinterest-transparent:hover {
    background: rgba(0, 0, 0, 0.65)
}

.lazy-image .pinterest-transparent svg {
    fill: #fff;
    width: 44px;
    height: 44px;
    margin: 0
}

.lazy-image .pinterest-transparent svg path:first-child {
    fill: none
}

.lazy-image .icon-hexagon {
    position: absolute;
    top: 15.7px;
    right: 15.7px
}

.lazy-image .icon-hexagon tspan {
    text-transform: uppercase;
    font-weight: 900
}

.image-overlay {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
    overflow: hidden
}

.image-overlay>span,
.image-overlay>button {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 8px;
    opacity: 1;
    pointer-events: all
}

@media (min-width: 1162px) {
    .image-overlay>span.centered,
    .image-overlay>button.centered {
        bottom: 50%;
        right: 50%;
        margin-right: -24px;
        margin-bottom: -24px
    }
    .image-overlay>span.centered svg,
    .image-overlay>button.centered svg {
        width: 48px;
        height: 48px
    }
}

.image-overlay .image-link {
    pointer-events: auto
}

.image-overlay>.icon-image-zoom {
    width: 44px;
    height: 44px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    bottom: 0;
    left: 0;
    z-index: 100
}

.image-overlay>.icon-image-zoom svg {
    fill: rgba(0, 0, 0, 0.65);
    margin: 0;
    width: 24px;
    height: 44px;
    pointer-events: none
}

@media (min-width: 768px) {
    .image-overlay>.icon-image-zoom {
        width: 41px;
        height: 41px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        cursor: pointer
    }
    .image-overlay>.icon-image-zoom svg {
        fill: rgba(0, 0, 0, 0.65);
        margin: 0;
        width: 22px;
        height: 41px;
        pointer-events: none
    }
}

@media (min-width: 1024px) {
    .image-overlay>.icon-image-zoom {
        width: 37px;
        height: 37px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        cursor: pointer
    }
    .image-overlay>.icon-image-zoom svg {
        fill: rgba(0, 0, 0, 0.65);
        margin: 0;
        width: 20px;
        height: 37px;
        pointer-events: none
    }
}

.image-overlay>.icon-image-zoom:focus {
    outline-offset: -3px
}

.image-overlay>.icon-image-zoom svg path:first-child {
    fill: none
}

.image-container a {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    padding: 2px
}

.image-container a:hover {
    background: rgba(0, 0, 0, 0.95)
}

.image-container .icon-pinterest-circle-solid a {
    background: none;
    padding: 0
}

.image-container .icon-pinterest-circle-solid a:hover {
    background: none
}

.component.inline-image img {
    max-width: 100%
}

.schemasitelogo {
    display: none
}

.icon-fansided svg {
    height: 18px;
    width: 80px
}

.component.popup {
    cursor: pointer
}

.component.popup:focus {
    outline-offset: -3px
}

.lazy-image+.image-info {
    padding: 8px 16px 0
}

@media (min-width: 768px) {
    .lazy-image+.image-info {
        padding: 8px 24px 0
    }
}

@media (min-width: 1024px) {
    .lazy-image+.image-info {
        padding: 8px 0 0
    }
}

.lazy-image+.image-info .image-caption {
    font-size: 12px;
    font-weight: 700;
    color: #282f2f
}

.lazy-image+.image-info .image-credit {
    font-size: 11px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
    font-family: "Libre Franklin", sans-serif
}

.partial.lead-image {
    position: relative;
    display: flex;
    justify-content: center
}

.partial.lead-image .image-and-burst {
    flex: 1 1 auto;
    position: relative
}

.partial.lead-image.align-right,
.partial.lead-image.align-left {
    margin: 20px auto
}

.partial.lead-image.align-right .credit,
.partial.lead-image.align-left .credit {
    font-family: "Libre Franklin", sans-serif;
    padding: 0
}

@media (min-width: 768px) {
    .partial.lead-image.align-right,
    .partial.lead-image.align-left {
        width: 50%
    }
    .partial.lead-image.align-right {
        float: right;
        margin-left: 20px
    }
    .partial.lead-image.align-left {
        float: left;
        margin-right: 20px
    }
}

.partial.lead-image .component.lazy-image .image-wrap-container {
    display: block
}

.image-wrap-container {
    display: block
}

.component.inline.image .image-wrapper {
    text-align: center;
    background: #fff
}

.component.inline.image .image-wrap-container {
    width: 100%;
    text-align: left
}

.pullquote,
.blockquote {
    border-left: 4px solid #67c5b4;
    margin: 48px 0;
    padding-left: 15.84px;
    padding-top: 8px;
    padding-bottom: 8px
}

.pullquote blockquote,
.blockquote blockquote {
    margin: 0
}

.pullquote-content,
.pullquote-content p,
.blockquote-content,
.blockquote-content p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    font-style: italic
}

.pullquote-attribution,
.blockquote-attribution {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: .8;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: .5px;
    padding-bottom: 8px
}

.pullquote p,
.blockquote p {
    margin-top: 0
}

.pullquote p:last-child,
.blockquote p:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .pullquote,
    .blockquote {
        padding-left: 24px
    }
}

.pullquote {
    text-align: left
}

@media (min-width: 1024px) {
    .pullquote {
        margin-left: 24px;
        margin-right: 24px
    }
}

.blockquote {
    padding-left: 24px
}

.blockquote p,
.blockquote ol {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    font-style: italic
}

.blockquote p:first-child,
.blockquote ol:first-child {
    margin-top: 0
}

.mdex-test .pullquote {
    border-left: none;
    overflow: hidden;
    padding: 12px 0 12px 54px;
    position: relative
}

.mdex-test .pullquote blockquote {
    margin: 0
}

.mdex-test .pullquote p,
.mdex-test .pullquote ol {
    font-style: italic;
    font-weight: 700
}

.mdex-test .pullquote:before {
    background: url("../img/icons/quote.svg") left top no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    left: -13px;
    height: 64px;
    width: 64px;
    top: -7px;
    transform: rotate(180deg)
}

.mdex-test .pullquote-attribution {
    margin-top: 24px;
    text-align: left
}

.mdex-test .pullquote:before {
    background-image: url("../img/icons/quote.svg")
}

.mdex-test .blockquote {
    border-left: 4px solid #67c5b4;
    padding-left: 24px
}

.mdex-test .blockquote p,
.mdex-test .blockquote ol {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin-top: 0
}

.mdex-test .blockquote-attribution {
    margin-top: 16px;
    text-align: left
}

.mdex-test .pullquote-attribution,
.mdex-test .blockquote-attribution {
    font-style: normal;
    padding-bottom: 0;
    text-transform: uppercase
}

.mdex-test .longformContent__container--pullquote .pullquote {
    padding: 48px 0 0 !important;
    border-bottom: 4px solid #67c5b4;
    margin-bottom: 48px
}

.mdex-test .longformContent__container--pullquote .pullquote blockquote {
    padding: 24px 0;
    border-top: 4px solid #67c5b4;
    font-style: normal;
    text-align: center
}

.mdex-test .longformContent__container--pullquote .pullquote blockquote p,
.mdex-test .longformContent__container--pullquote .pullquote blockquote ol {
    font-style: normal
}

.mdex-test .longformContent__container--pullquote .pullquote-attribution {
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center
}

.mdex-test .longformContent__container--pullquote .pullquote:before {
    left: calc(50% - (64px / 2));
    top: 12px;
    height: 64px;
    width: 64px;
    background-color: #fff;
    background-position: center
}

.mdex-test .longformContent__container--blockquote .blockquote {
    padding: 8px 0 8px 24px;
    border-left: 4px solid #67c5b4
}

.mdex-test .longformContent__container--blockquote .blockquote blockquote {
    text-align: left;
    font-style: italic
}

.mdex-test .longformContent__container--blockquote .blockquote blockquote p,
.mdex-test .longformContent__container--blockquote .blockquote blockquote ol {
    font-style: italic
}

.mdex-test .longformContent__container--blockquote .blockquote-attribution {
    text-align: left
}

.selectBox-dropdown.flex-column.selectBox-menuShowing {
    position: relative;
    z-index: 300;
    border-bottom: 1px solid #fff
}

.selectBox-dropdown.flex-column,
.dropdown.flex-column {
    border: 1px solid transparent;
    font-size: 14px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 15px top 17px;
    white-space: nowrap;
    width: auto
}

select.dropdown.flex-column {
    direction: rtl;
    padding-right: 40px
}

.dropdown.flex-column {
    padding-left: 32px;
    text-align: right;
    width: auto !important
}

.dropdown.flex-column .selectBox-label {
    padding-right: 40px;
    width: auto !important;
    text-align: right
}

.dropdown.flex-column.selectBox-menuShowing {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #fff;
    padding-bottom: 43px;
    margin-bottom: -9px
}

.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu {
    width: auto !important;
    left: -18px !important;
    right: 0 !important;
    top: 45px !important;
    padding: 8px;
    z-index: 200;
    border-radius: 0;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-width: 150px;
    column-width: 150px;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu .selectBox-selected,
.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu .selectBox-selected a {
    color: rgba(0, 0, 0, 0.95)
}

.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu li:hover,
.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu li:hover a {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.47);
    cursor: pointer
}

.selectBox-dropdown,
.ddl-filter {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 35px;
    padding-left: 10px;
    height: 36px;
    width: 134px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.65);
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 90% center
}

a.selectBox.selectBox-dropdown {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65)
}

a.selectBox.selectBox-dropdown:hover {
    color: #282f2f
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 1000;
    min-height: 1em;
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    background: #fff;
    overflow-y: auto
}

.selectBox-options li,
.selectBox-options li a {
    list-style: none;
    display: block;
    cursor: pointer;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal
}

.selectBox-options li:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.selectBox-options li:hover a {
    color: #282f2f
}

.selectBox-label {
    display: inline-block
}

.selectBox-options li,
.selectBox-label {
    background-repeat: no-repeat;
    background-position: 8px
}

.selectBox-options li.nfl,
.selectBox-label.nfl {
    padding-left: 28px;
    background-image: url("../img/icons/NFL.html")
}

.selectBox-options li.nhl,
.selectBox-label.nhl {
    padding-left: 28px;
    background-image: url("../img/icons/NHL.html")
}

.selectBox-options li.ncaaf,
.selectBox-label.ncaaf {
    padding-left: 28px;
    background-image: url("../img/icons/NCAAF.html")
}

.selectBox-options li.ncaab,
.selectBox-label.ncaab {
    padding-left: 28px;
    background-image: url("../img/icons/NCAAB.html")
}

.selectBox-options li.mlb,
.selectBox-label.mlb {
    padding-left: 28px;
    background-image: url("../img/icons/MLB.html")
}

.selectBox-options li.nba,
.selectBox-label.nba {
    padding-left: 28px;
    background-image: url("../img/icons/NBA.html")
}

.selectBox-options li.tennis,
.selectBox-label.tennis {
    padding-left: 28px;
    background-image: url("../img/icons/Tennis.html")
}

.selectBox-options li.soccer,
.selectBox-label.soccer {
    padding-left: 28px;
    background-image: url("../img/icons/Soccer.html")
}

.selectBox-options li.golf,
.selectBox-label.golf {
    padding-left: 28px;
    background-image: url("../img/icons/Golf.html")
}

.selectBox-label.nfl,
.selectBox-label.nba,
.selectBox-label.ncaab,
.selectBox-label.nhl,
.selectBox-label.ncaaf,
.selectBox-label.mlb,
.selectBox-label.tennis,
.selectBox-label.soccer,
.selectBox-label.golf {
    padding-left: 38px
}

.selectBox-options li a {
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.65)
}

.jumpstart-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000
}

.jumpstart-video .video-js,
.jumpstart-video .jumpstart-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    text-align: left;
    line-height: normal
}

.jumpstart-video video.jumpstart-js {
    opacity: 0
}

.jumpstart-video .vjs-poster {
    background-size: cover;
    background-position: top;
    display: block !important
}

.jumpstart-video .vjs-has-started .vjs-poster {
    display: none !important
}

.native-video {
    width: 100%;
    margin-bottom: 32px
}

.video-caption {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    background-color: #fff
}

.vjs-big-play-button:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.3) !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -3px
}

.component.anchors .anchor-menu {
    z-index: 600;
    opacity: 0;
    position: fixed;
    right: 24px;
    top: calc(50% + 28px);
    transform: translate(48px, -50%);
    transition: transform 800ms ease-in-out, opacity 600ms ease-in-out 200ms;
    display: flex;
    flex-flow: column
}

@media (min-width: 1024px) {
    .component.anchors .anchor-menu {
        position: initial;
        right: initial;
        top: initial;
        z-index: initial;
        display: block;
        flex-flow: initial
    }
}

.component.anchors .anchor-menu.in-view {
    opacity: 1;
    transform: translate(0, -50%);
    background-color: #fff
}

.component.anchors .anchor-menu-item {
    display: block;
    width: 20px;
    font-family: "Noto Serif", serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.65);
    text-align: center
}

@media (min-width: 1024px) {
    .component.anchors .anchor-menu-item {
        display: inline-block
    }
}

.component.anchors .anchor-menu-item.active {
    color: #282f2f;
    font-weight: 700;
    border-bottom: 3px solid rgba(0, 0, 0, 0.95)
}

.component.anchors .anchor-list-item-title {
    font-size: 24px;
    font-weight: 500;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.65);
    text-transform: capitalize;
    margin-bottom: 8px;
    letter-spacing: 0;
    margin-left: 14px
}

.component.anchors .anchor-item-title {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.65)
}

.component.anchors .anchor-item:after {
    content: "";
    display: table;
    clear: both
}

.component.tabs .tab-rail {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.component.tabs .select-box-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 4px
}

.component.tabs .select-box-container .select-box {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-image: url("../img/icons/menu-line.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) center;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    width: 95%;
    padding: 8px 40px 8px 16px;
    height: 48px;
    display: inline-block;
    text-transform: capitalize
}

@media (min-width: 1024px) {
    .component.tabs .select-box-container .select-box {
        width: calc(20% - 8px)
    }
}

.component.tabs .select-box-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none
}

.component.tabs .select-box-container select option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px
}

.component.tabs .select-box-container .icon-down {
    margin-left: -28px
}

.component.tabs .select-box-container svg {
    transition: transform 300ms ease
}

.component.tabs .select-box-container:selected {
    border-color: rgba(0, 0, 0, 0.95)
}

.component.tabs .select-box-container:selected svg {
    transform: rotate(180deg)
}

.component.tabs .tab-menu {
    background: #fff;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .component.tabs .tab-menu.icon-segment {
        padding-left: 48px
    }
}

.component.tabs .tab-item-container {
    color: rgba(0, 0, 0, 0.65);
    display: block;
    padding: 4px 4px 8px 4px;
    border-bottom: 1px solid transparent;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer
}

.component.tabs .tab-item:hover .tab-item-container {
    color: rgba(0, 0, 0, 0.47);
    font-weight: 500
}

.component.tabs .tab-item.active .tab-item-container {
    color: #282f2f;
    font-weight: 700;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.95);
    border-bottom: 2px solid rgba(0, 0, 0, 0.95);
    cursor: default
}

.component.tabs .tab-item.active:hover .tab-item-container {
    font-weight: inherit;
    color: inherit
}

.component.tabs .tab-item {
    border-right: none;
    min-height: 42px;
    display: inline-block;
    list-style: none;
    vertical-align: middle
}

.component.tabs .tab-item a {
    cursor: pointer
}

.component.tabs .tab-item.width-72 {
    width: 72px
}

.component.tabs .tab-item.active {
    border-color: #282f2f
}

.component.tabs .tab-item.active+.tab-item {
    border-left: none
}

.component.tabs .wide .tab-item {
    padding-left: 8px;
    padding-right: 8px;
    width: auto;
    height: 42px;
    line-height: 32px
}

.component.tabs .tab-content {
    overflow-x: hidden;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65)
}

.component.tabs .tab-content .tab-content-group {
    width: 100%;
    float: left
}

.component.tabs .tab-content .group-title {
    display: none
}

.component.tabs .tab-content .group-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch
}

.component.tabs .tab-content .group-item {
    flex: 0 1 33%
}

.component.tabs .tab-content .group-item:after {
    content: "";
    display: table;
    clear: both
}

.component.tabs .tab-content .group-item .group-item-link {
    display: inline-block
}

.component.tabs .tab-content .group-item .image,
.component.tabs .tab-content .group-item .group-item-title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.65)
}

.component.tabs .tab-content-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.component.tabs .tab-content-slide {
    position: absolute;
    transition: left 400ms ease-in-out
}

.component.tabs .graphic-tabs {
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    display: table;
    width: 100%
}

.component.tabs .graphic-tabs .graphic-tab {
    background-color: #fff;
    display: table-cell;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
    height: 56px;
    border-left: 1px solid transparent;
    cursor: pointer;
    font-weight: 700
}

.component.tabs .graphic-tabs .graphic-tab.with-small-font {
    font-size: 14px;
    text-transform: uppercase
}

.component.tabs .graphic-tabs .graphic-tab.inactive {
    background-color: #fff;
    color: #282f2f;
    font-weight: 400
}

.component.tabs .graphic-tabs .graphic-tab.inactive .icon,
.component.tabs .graphic-tabs .graphic-tab.inactive img {
    opacity: 0.7
}

.component.tabs .graphic-tabs .graphic-tab.inactive .icon:hover {
    opacity: 1
}

.component.tabs .graphic-tab-content-group.inactive {
    visibility: hidden;
    display: none
}

.component.tabs .graphic-list {
    border-bottom: 1px solid #fff;
    padding: 8px;
    padding-bottom: 0
}

.component.tabs .graphic-list .tabs {
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px
}

.component.tags {
    text-transform: uppercase
}

.component.tags ul {
    list-style: none;
    padding: 0;
    margin-top: 16px
}

.component.tags li {
    display: inline-block
}

.component.tags .tag-link {
    font-family: "Libre Franklin", sans-serif;
    background: none;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 9px 16px 8px;
    transition: all 0.1s ease-in-out;
    white-space: nowrap;
    display: inline-block
}

.component.tags .tag-link:hover {
    border: 2px solid rgba(0, 0, 0, 0.95);
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

.component.tags .tag-link::before {
    content: "# "
}

.button {
    outline: none;
    transition: all 0.15s ease-in-out
}

.button.color-red-orange,
.button.active {
    color: rgba(0, 0, 0, 0.95)
}

.button.white {
    background: #fff;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-weight: 600;
    padding: 12px 24px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-transform: uppercase
}

.button.white:hover {
    background: rgba(0, 0, 0, 0.95);
    border-color: #1A9EB9;
    color: #fff
}

.button.orange {
    background-color: rgba(0, 0, 0, 0.95);
    width: 272px;
    height: 42px;
    border: none;
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
    transition: background-color 0.15s ease-in-out
}

.button.orange:hover {
    background-color: #1A9EB9
}

.button.green {
    color: rgba(0, 0, 0, 0.95)
}

.button.green .icon #plus {
    fill: rgba(0, 0, 0, 0.95)
}

.button.green:hover {
    color: #1A9EB9
}

.button.green:hover .icon #plus {
    fill: #1A9EB9
}

.button.signup-button {
    margin-bottom: 16px
}

.button.favorite {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    opacity: 1
}

.button.favorite:after {
    content: "";
    display: table;
    clear: both
}

.button.favorite .button-text {
    line-height: 18px;
    pointer-events: none
}

.button.favorite .icon {
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 6px;
    overflow: hidden;
    float: left;
    margin-right: 11px;
    position: relative;
    top: -1px;
    left: -10px
}

@media (min-width: 1024px) {
    .button.favorite .icon {
        top: -5px;
        left: -3px;
        margin-right: 14px
    }
}

.button.favorite .icon svg {
    width: 12px;
    height: 12px
}

.button.favorite .icon-remove-icon {
    display: none
}

.button.favorite .button-text.active {
    display: none
}

.button.favorite.color-dark {
    color: rgba(255, 255, 255, 0.7)
}

.button.favorite.color-dark.active {
    display: none !important
}

.button.favorite.color-dark .icon {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.3)
}

.button.favorite.color-dark .icon #plus {
    stroke: #fff;
    fill: #fff
}

.button.favorite.color-dark:hover {
    color: #fff
}

.button.favorite.color-dark:hover .icon {
    border-color: rgba(255, 255, 255, 0.7)
}

.button.mysi-tab-favorite {
    background: #fff;
    color: rgba(0, 0, 0, 0.65);
    font-family: "Libre Franklin", sans-serif;
    font-weight: 600;
    padding: 12px 24px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    text-align: center;
    margin: 24px auto 0;
    display: block
}

.button.mysi-tab-favorite:hover {
    background: rgba(0, 0, 0, 0.95);
    border-color: #1A9EB9;
    color: #fff
}

.button.active {
    opacity: .5;
    pointer-events: none
}

.button.active .button-text.default {
    display: block
}

.button.active .button-text.active {
    display: none
}

.button.active .icon-add-icon {
    display: none
}

.button.active .icon-remove-icon {
    display: none
}

.button.article-page {
    position: relative;
    left: 8px;
    border: 1px solid;
    margin: 8px 0 4px
}

.button.article-page.active.color-aluminum {
    color: rgba(0, 0, 0, 0.3)
}

.button.team-page {
    position: absolute;
    bottom: 16px;
    left: 108px;
    border: 1px solid
}

.button.team-page.color-white {
    color: #fff
}

.button.team-page.active {
    opacity: 0
}

.button.favorite.writer-page {
    border: none;
    position: relative;
    top: auto;
    left: auto
}

.button.writer-page.active {
    opacity: 0
}

.button.writer-page.active .icon {
    display: none
}

@media (min-width: 1024px) {
    .button.writer-page.active .icon {
        display: block;
        visibility: hidden
    }
}

.button.action-button[disabled] {
    opacity: 0.5
}

.button.action-button[disabled].orange:hover {
    background-color: rgba(0, 0, 0, 0.95)
}

.overlay-popup .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    cursor: pointer;
    font-size: 1.5em;
    padding: 24px;
    z-index: 100
}

.overlay-popup .close-btn:hover {
    color: rgba(0, 0, 0, 0.47)
}

.overlay-popup .close-btn.hidden {
    display: none
}

.component.button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: inline-block
}

.component.button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.button:active {
    opacity: .8
}

.component.button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.button:active {
    opacity: .8
}

.component.button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.button:hover,
.component.button:active,
.component.button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.recirc-list .tile-recirc:not(:last-child) {
    padding-bottom: 24px
}

.component.recirc-list .tile-recirc:after {
    content: "";
    display: table;
    clear: both
}

.component.recirc-list .tile-recirc .primary-image {
    width: 214px;
    height: 121px;
    background: rgba(0, 0, 0, 0.05)
}

.component.recirc-list .tile-recirc .primary-image .component.lazy-image {
    width: 100%;
    height: 100%
}

.component.recirc-list .tile-recirc .primary-image img {
    width: initial;
    max-width: 100%;
    max-height: 100%
}

.component.recirc-list .tile-recirc .heading-tiny {
    line-height: 16px
}

.component.recirc-list .tile-recirc .heading-byline {
    line-height: 24px
}

@media (min-width: 1024px) {
    .component.recirc-list .tile-recirc .primary-image {
        float: left
    }
    .component.recirc-list .tile-recirc .recirc-info {
        float: left;
        width: calc(100% - 224px);
        padding-left: 16px
    }
    .component.recirc-list .tile-recirc .recirc-info-extended {
        clear: both
    }
    .component.recirc-list .tile-recirc .headline {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden
    }
}

.component.recirc-list .component.links-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width: 720px) {
    .component.vertical-gallery .vertical-slide:last-child>.media-body {
        margin-bottom: -3px
    }
}

.component.vertical-gallery .vertical-slide>.slide-info {
    padding: 8px 16px 0
}

@media (min-width: 768px) {
    .component.vertical-gallery .vertical-slide>.slide-info {
        padding: 8px 24px 0
    }
}

.component.vertical-gallery .vertical-slide>.slide-info .counter {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 700
}

.component.vertical-gallery .vertical-slide>.slide-info .credit {
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.65);
    font-size: 11px;
    margin-left: 0;
    padding-left: 8px
}

.component.vertical-gallery .vertical-slide>.media-img .component.lazy-image>img {
    max-height: 600px;
    width: auto
}

.component.vertical-gallery .vertical-slide>.media-body {
    display: block;
    padding: 0 16px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .component.vertical-gallery .vertical-slide>.media-body {
        padding: 0 24px
    }
}

.component.vertical-gallery .vertical-slide>.media-body h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.component.vertical-gallery .vertical-slide>.media-body a.headline-link {
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0.6em;
    display: block;
    font-family: "Libre Franklin", sans-serif;
    color: #282f2f
}

.component.vertical-gallery .vertical-slide>.media-body a.headline-link:hover {
    color: #1A9EB9
}

.component.vertical-gallery .vertical-slide>.media-body .caption {
    line-height: 24px;
    font-family: "Noto Serif", serif;
    margin: 0;
    padding: 0
}

.component.vertical-gallery.listicle .vertical-slide {
    margin-top: 40px
}

.component.vertical-gallery.listicle .vertical-slide>h2,
.component.vertical-gallery.listicle .vertical-slide>.media-body,
.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component {
    padding: 0 16px
}

@media (min-width: 768px) {
    .component.vertical-gallery.listicle .vertical-slide>h2,
    .component.vertical-gallery.listicle .vertical-slide>.media-body,
    .component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component {
        padding: 0 24px
    }
}

@media (min-width: 1024px) {
    .component.vertical-gallery.listicle .vertical-slide>h2,
    .component.vertical-gallery.listicle .vertical-slide>.media-body,
    .component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component {
        padding: 0 42px
    }
}

.component.vertical-gallery.listicle .vertical-slide>h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

.component.vertical-gallery.listicle .vertical-slide>h2 .counter {
    font-size: 28px
}

.component.vertical-gallery.listicle .vertical-slide>.slide-info {
    padding: 4px 16px
}

@media (min-width: 768px) {
    .component.vertical-gallery.listicle .vertical-slide>.slide-info {
        padding: 4px 24px
    }
}

@media (min-width: 1024px) {
    .component.vertical-gallery.listicle .vertical-slide>.slide-info {
        padding: 4px 0
    }
}

.component.vertical-gallery.listicle .vertical-slide>.slide-info .credit {
    font-family: "Libre Franklin", sans-serif;
    margin-left: 0;
    color: rgba(0, 0, 0, 0.3)
}

.component.vertical-gallery.listicle .vertical-slide>.media-body .caption {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Serif", serif;
    letter-spacing: .5px
}

.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component>*:first-child {
    margin-top: 0
}

.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component p,
.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component ol,
.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component ul {
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Serif", serif;
    letter-spacing: .5px
}

.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component p:first-child,
.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component ol:first-child,
.component.vertical-gallery.listicle .vertical-slide.paragraph-slide .slide-component ul:first-child {
    margin-top: -8px
}

.social-embed {
    margin: 2em auto
}

.social-embed iframe,
.social-embed blockquote,
.social-embed twitterwidget,
.social-embed .fb_iframe_widget {
    display: block;
    margin: 0 auto !important
}

.social-embed twitterwidget {
    width: auto !important
}

.social-embed twitterwidget::shadow .SandboxRoot {
    width: 100%
}

.social-embed twitterwidget::shadow .EmbeddedTweet {
    margin: 0 auto
}

.social-embed .fb-post span {
    max-width: 100%;
    width: 100% !important
}

.social-embed .fb-post iframe {
    position: relative
}

.pinterest-board {
    text-align: center
}

.embedly-card-hug {
    margin: 0 !important
}

.pinterest-pin {
    text-align: center
}

.embed-polldaddy {
    margin: 1em auto
}

.embed-spotify iframe {
    width: 250px;
    height: 330px
}

@media (min-width: 768px) {
    .embed-spotify iframe {
        width: 400px;
        height: 480px
    }
}

.embed-spotify.compact iframe {
    height: 80px
}

.video-ratio-wrapper,
.video__wrapper,
.matterport-showcase {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
    padding-top: 56.25%;
    overflow: hidden
}

.video-ratio-wrapper>*,
.video__wrapper>*,
.matterport-showcase>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.component.oembed .media-item .instagram-media,
.component.oembed .media-item twitterwidget {
    margin-left: auto !important;
    margin-right: auto !important
}

.component.oembed.aspect-fit[data-aspect="75%"] {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative
}

.component.oembed.aspect-fit[data-aspect="75%"] iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.component.oembed .media-item .instagram-media {
    position: relative !important
}

.input .input-container.with-submit {
    position: relative
}

.input .input-container.with-submit .standard-input {
    padding-left: 32px;
    padding-bottom: 4px;
    outline: none
}

.input .input-container.with-submit .search-input {
    padding-left: 0
}

.input .input-container.with-submit button.submit,
.input .input-container.with-submit button.clear,
.input .input-container.with-submit button.search {
    position: absolute;
    bottom: 28px;
    padding: 10px 0 10px 10px
}

.input .input-container.with-submit button.search {
    bottom: 13px;
    right: 0
}

.input .input-container.with-submit button.submit {
    left: -8px
}

.input .input-container.with-submit button.clear {
    right: 0;
    opacity: 0
}

.input.search button.clear {
    transition: opacity 200ms ease-in-out
}

.input.search.active button.clear {
    opacity: 1
}

.search-results .input-container.with-submit button.submit,
.search-results .input-container.with-submit button.clear,
main.writers .input-container.with-submit button.submit,
main.writers .input-container.with-submit button.clear {
    z-index: 200
}

.newsletter-signup-modal .newsletter-signup-container,
.newsletter-container-dark .newsletter-signup-container {
    padding: 24px;
    width: 100%;
    background-color: #fff
}

@media (min-width: 1024px) {
    .newsletter-signup-modal .newsletter-signup-container,
    .newsletter-container-dark .newsletter-signup-container {
        width: 900px;
        padding: 40px
    }
}

.newsletter-signup-modal .instructions,
.newsletter-container-dark .instructions {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: .5px;
    text-align: center
}

.newsletter-signup-modal .description,
.newsletter-container-dark .description {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.65)
}

.newsletter-signup-modal .description.center,
.newsletter-container-dark .description.center {
    text-align: center
}

@media (min-width: 1024px) {
    .newsletter-signup-modal .description.signup-agreement,
    .newsletter-container-dark .description.signup-agreement {
        margin-left: 0;
        margin-right: 0
    }
}

.newsletter-signup-modal .description a,
.newsletter-container-dark .description a {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: .5px
}

.newsletter-signup-modal .description a:hover,
.newsletter-container-dark .description a:hover {
    color: rgba(0, 0, 0, 0.47)
}

.newsletter-signup-modal .container-heading,
.newsletter-container-dark .container-heading {
    font-family: "Libre Franklin", sans-serif;
    line-height: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #282f2f;
    text-transform: uppercase;
    text-align: center
}

.newsletter-signup-modal .container-heading.large,
.newsletter-container-dark .container-heading.large {
    font-size: 24px;
    text-transform: none
}

.component.newsletter-callout {
    background-color: rgba(0, 0, 0, 0.05);
    background-size: cover;
    letter-spacing: .5px;
    position: relative;
    overflow: hidden
}

.component.newsletter-callout .lazy-image {
    position: absolute;
    width: 100%;
    height: 100%
}

.component.newsletter-callout .lazy-image img {
    position: relative;
    min-height: 100%;
    width: auto;
    max-width: initial;
    text-align: center;
    margin: 0 auto
}

@media (min-width: 360px) {
    .component.newsletter-callout .lazy-image img {
        min-width: 100%
    }
}

.component.newsletter-callout .lazy-image:after {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.component.newsletter-callout .icon.icon-newsletter {
    margin-bottom: 12px
}

.component.newsletter-callout .partial.tout {
    position: relative;
    margin: 8px auto
}

.evergreen-cover {
    left: 80px
}

.above-footer .component.newsletter-callout .partial.tout {
    position: relative;
    margin: 40px auto
}

.component.subscribe-callout {
    flex-wrap: wrap;
    padding: 28px 24px
}

@media (min-width: 768px) {
    .component.subscribe-callout {
        padding: 40px 24px
    }
}

.component.subscribe-callout .component.lazy-image .inner-container {
    display: block
}

.component.subscribe-callout .media-img {
    flex: none;
    width: 150px;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative
}

@media (min-width: 768px) {
    .component.subscribe-callout .media-img {
        flex: 1;
        max-width: 150px;
        margin: 0
    }
}

.component.subscribe-callout .media-img .latest-cover img {
    margin: 0 auto;
    transform: translateX(24%);
    width: 121px
}

.component.subscribe-callout .media-img .evergreen-cover img {
    margin: 0 auto;
    position: absolute;
    top: 20px;
    width: 101px;
    left: 50%;
    transform: translateX(-140%)
}

.component.subscribe-callout .media-body {
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .component.subscribe-callout .media-body {
        flex: 1
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component.subscribe-callout .media-body {
        padding-left: 16px
    }
}

@media (min-width: 1024px) {
    .newsletter-container {
        display: table-row;
        padding-bottom: 0
    }
}

.newsletter-container-mobile {
    padding-bottom: 16px;
    padding-top: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
}

.newsletter-checkbox {
    width: 32px
}

@media (min-width: 1024px) {
    .newsletter-checkbox {
        width: auto
    }
}

.newsletter-item-mobile {
    display: block;
    float: left
}

.newsletter-item-mobile:nth-child(1) {
    float: left
}

.newsletter-item.newsletter-description {
    text-align: center
}

@media (min-width: 1024px) {
    .newsletter-item.newsletter-description {
        text-align: left
    }
}

.newsletter-item.newsletter-checkbox {
    padding: 0;
    width: 12px
}

.newsletter-item.newsletter-image {
    width: 260px;
    padding-left: 25px
}

@media (min-width: 1024px) {
    .newsletter-item {
        display: table-cell;
        vertical-align: middle;
        padding: 16px 8px;
        vertical-align: middle;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}

.icon.icon-clock {
    padding-right: 6px
}

.newsletter-success-modal {
    width: 480px;
    height: 210px;
    border-left: 7px solid rgba(0, 0, 0, 0.95);
    display: table
}

.newsletter-success-modal .content-container {
    display: table-cell;
    vertical-align: middle
}

.newsletter-success-modal .primary-heading {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: rgba(0, 0, 0, 0.95)
}

.newsletter-success-modal .primary-message {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: rgba(0, 0, 0, 0.65)
}

.newsletter-signup {
    text-align: left;
    font-family: "Noto Serif", serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.65)
}

.newsletter-signup .select {
    cursor: pointer;
    text-transform: uppercase;
    padding: 18px 15px 12px
}

.newsletter-signup .select a {
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

.newsletter-signup .icon-clock {
    position: relative;
    top: 2px
}

.newsletter-signup .input-container {
    width: 280px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .newsletter-signup .input-container {
        margin-left: 285px
    }
}

.newsletter-signup .SI.Extra-image {
    width: 160px
}

@media (min-width: 1024px) {
    .newsletter-signup .SI.Extra-image {
        width: 160px
    }
}

.newsletter-signup .extramustard-image {
    width: 136px
}

@media (min-width: 1024px) {
    .newsletter-signup .extramustard-image {
        width: 144px
    }
}

.newsletter-signup .mmqb-image {
    width: 205px
}

@media (min-width: 1024px) {
    .newsletter-signup .mmqb-image {
        width: 105px
    }
}

.newsletter-signup .fansided-image {
    width: 157px
}

.newsletter-signup .swimdaily-image {
    width: 119px
}

@media (min-width: 1024px) {
    .newsletter-signup .swimdaily-image {
        width: 119px
    }
}

.newsletter-signup .cubs-image {
    width: 130px
}

.newsletter-signup .golf-image {
    width: 159px
}

@media (min-width: 1024px) {
    .newsletter-signup .golf-image {
        width: 154px
    }
}

.newsletter-signup .newsletter-date {
    margin-left: auto;
    margin-right: auto;
    font-style: italic
}

@media (min-width: 1024px) {
    .newsletters-list {
        display: table;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .newsletter-background .half-width-centered {
        width: 60%;
        margin: 0 auto;
        max-width: 750px
    }
}

.newsletter-background .container-heading,
.newsletter-background .instructions {
    text-align: center
}

.newsletter-confirmation-text {
    font-family: "Noto Serif", serif;
    font-size: 20px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.47);
    margin: 0 0 24px 0
}

.newsletter-container-dark {
    text-align: center;
    margin: 8px auto;
    border-radius: 7px;
    background-color: rgba(7, 9, 15, 0.9);
    color: #fff;
    box-shadow: box-shadow, 0 0 9px 0 rgba(0, 0, 0, 0.29)
}

.newsletter-container-dark .description.center {
    padding: 0 64px
}

.newsletter-container-dark .container-heading.large {
    font-family: "Noto Serif", serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
    text-align: center
}

@media (min-width: 1024px) {
    .newsletter-container-dark .signup-form {
        max-width: 750px
    }
}

.newsletter-container-dark .newsletter-signup .instructions {
    color: rgba(0, 0, 0, 0.47);
    font-family: "Noto Serif", serif;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%
}

@media (min-width: 1024px) {
    .newsletter-container-dark .newsletter-signup .instructions {
        max-width: 450px
    }
}

@media (min-width: 1024px) {
    .newsletter-container-dark .newsletters-list {
        padding: 0 48px;
        width: auto
    }
}

@media (min-width: 1024px) {
    .newsletter-container-dark .newsletter-item,
    .newsletter-container-dark .border-top,
    .newsletter-container-dark .border-tb,
    .newsletter-container-dark .border-tl,
    .newsletter-container-dark .border-tlr,
    .newsletter-container-dark .border-tr {
        border-color: rgba(0, 0, 0, 0.47)
    }
}

.newsletter-container-dark .input-container {
    width: 280px;
    margin: 0 auto
}

.newsletter-container-dark .input-container .standard-input {
    height: 40px;
    padding: 8px
}

@media (min-width: 1162px) {
    .newsletter-container-dark .input-container.left {
        display: inline-block;
        width: 400px;
        margin-left: 64px;
        margin-right: 16px
    }
}

@media (min-width: 1162px) {
    .newsletter-container-dark .input-container.right {
        display: inline-block;
        width: 120px;
        margin-right: 64px
    }
}

.component.newsletter-callout.newsletter-inline {
    background-color: initial;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 28px;
    margin-top: 28px;
    padding: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .component.newsletter-callout.newsletter-inline {
        display: flex
    }
}

.component.newsletter-callout.newsletter-inline .newsletter-logo {
    height: 80px
}

@media (min-width: 768px) {
    .component.newsletter-callout.newsletter-inline .partial.tout {
        display: flex;
        margin: 0;
        text-align: left
    }
    .component.newsletter-callout.newsletter-inline .partial.tout h3 {
        margin: 0
    }
    .component.newsletter-callout.newsletter-inline .partial.tout .tout-content-wrapper {
        padding: 0 20px
    }
    .component.newsletter-callout.newsletter-inline .partial.tout .tout-content {
        margin: 0
    }
}

.component.feed .subtitle {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95)
}

.component.feed.show-small-flair .list-item .small-flair {
    display: block
}

.component.feed.show-small-flair .list-item .medium-flair {
    display: none
}

.component.feed .list-item .headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 8px
}

.content.body .component.feed {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px
}

.content.body .component.feed .subtitle {
    font-size: 20px;
    margin-top: 0
}

@media (min-width: 768px) {
    .content.body .component.feed {
        max-width: 324px;
        float: left
    }
}

@media (min-width: 1024px) {
    .content.body .component.feed {
        padding-left: 0;
        padding-right: 0;
        margin-right: -24px
    }
}

@media (min-width: 1024px) {
    .container-full-width:not(.with-sidebar):not(.with-sidebar-right) .component.feed {
        display: flex;
        flex-wrap: wrap
    }
    .container-full-width:not(.with-sidebar):not(.with-sidebar-right) .component.feed .subtitle {
        width: 100%
    }
    .container-full-width:not(.with-sidebar):not(.with-sidebar-right) .component.feed .list-item {
        width: 50%;
        min-height: 84px;
        padding-right: 12px;
        float: left
    }
}

.header-recirc,
.inline-recirc-articles {
    margin: 0 auto;
    overflow: hidden;
    padding: 8px 16px
}

.header-recirc:after,
.inline-recirc-articles:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .header-recirc,
    .inline-recirc-articles {
        padding: 8px 24px
    }
}

.header-recirc a,
.inline-recirc-articles a {
    display: inline-block
}

.header-recirc .owl-item .list-item:last-child,
.inline-recirc-articles .owl-item .list-item:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.5)
}

.header-recirc .owl-item:last-child .list-item:last-child,
.inline-recirc-articles .owl-item:last-child .list-item:last-child {
    border-right: 0
}

.header-recirc .list-item,
.inline-recirc-articles .list-item {
    float: left;
    padding: 0;
    margin-bottom: 0;
    margin-right: 8px;
    border-top: 0;
    width: 281px;
    flex-direction: row-reverse;
    border-right: 1px solid rgba(0, 0, 0, 0.5)
}

.header-recirc .list-item:last-child,
.inline-recirc-articles .list-item:last-child {
    border-right: none
}

.header-recirc .list-item .media-body,
.inline-recirc-articles .list-item .media-body {
    max-height: 60px;
    margin-top: -4px;
    align-self: flex-start;
    padding-left: 8px
}

.header-recirc .list-item .media-body .category-small,
.inline-recirc-articles .list-item .media-body .category-small {
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 1
}

.header-recirc .list-item .media-body .headline,
.inline-recirc-articles .list-item .media-body .headline {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 15px
}

.header-recirc .list-item .media-body .article-info-extended,
.inline-recirc-articles .list-item .media-body .article-info-extended {
    font-size: 12px
}

.header-recirc .list-item .media-img,
.inline-recirc-articles .list-item .media-img {
    height: 60px;
    width: 60px
}

.header-recirc .owl-stage-outer,
.header-recirc .owl-stage,
.header-recirc .owl-item,
.inline-recirc-articles .owl-stage-outer,
.inline-recirc-articles .owl-stage,
.inline-recirc-articles .owl-item {
    float: left
}

.header-recirc .owl-nav,
.inline-recirc-articles .owl-nav {
    display: none
}

@media (min-width: 1024px) {
    .header-recirc,
    .inline-recirc-articles {
        max-width: 1280px
    }
    .header-recirc .list-item,
    .inline-recirc-articles .list-item {
        width: calc(25% - 8px);
        flex-direction: row-reverse
    }
}

.sticky-video-controls {
    display: none
}

.jumpstart-sticky-active .video-js {
    margin-bottom: 80px
}

@media (min-width: 1024px) {
    .component.sticky-video {
        position: relative;
        overflow: inherit
    }
    .component.sticky-video.full-width-media.video {
        transform: inherit
    }
    .component.sticky-video .sticky-video-controls {
        display: none
    }
    .sticky-video-control {
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        position: absolute;
        z-index: 1
    }
    .sticky-video-control.sticky-video-close {
        height: 100%;
        left: 0
    }
    .sticky-video-control .icon-down {
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
    .sticky-video-control .icon-down svg {
        transform: rotate(-90deg)
    }
    .sticky-video-control.sticky-video-toggle {
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 28px
    }
    .sticky-video-control.sticky-video-toggle .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .sticky-video-control.sticky-video-toggle .icon svg {
        width: 32px;
        height: 32px;
        transition: opacity 200ms ease
    }
    .sticky-video-control.sticky-video-toggle .icon-enlarge {
        opacity: 1
    }
    .sticky-video-control.sticky-video-toggle .icon-shrink {
        opacity: 0
    }
    .sticky-video-control.sticky-video-drag {
        top: 0;
        left: 16px;
        right: 48px;
        height: 32px;
        width: calc(100% - 48px);
        cursor: move
    }
    .sticky-video-control.sticky-video-headline {
        top: 0;
        left: 16px;
        right: 48px;
        width: calc(100% - 48px);
        height: 32px;
        line-height: 32px;
        text-align: left;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .component.sticky-video.sticky-video-large .sticky-video-toggle .icon-enlarge {
        opacity: 0
    }
    .component.sticky-video.sticky-video-large .sticky-video-toggle .icon-shrink {
        opacity: 1
    }
    .component.sticky-video.sticky-video-close .sticky-video-control.sticky-video-large,
    .component.sticky-video.sticky-video-close .sticky-video-control.sticky-video-small {
        display: none
    }
    .component.sticky-video.sticky-video-close .sticky-video-control.sticky-video-close .icon-down svg {
        transform: rotate(90deg)
    }
    .sticky-video--on .component.sticky-video .sticky-video-controls {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .sticky-video--on .component.sticky-video .video-inner-container {
        background: rgba(0, 0, 0, 0.5)
    }
    .sticky-video--on .component.sticky-video .video-player-content {
        position: fixed !important;
        left: inherit;
        top: inherit;
        bottom: 20px;
        right: 0;
        width: 392px;
        height: 248px;
        padding: 32px 16px 16px 16px;
        background: #282f2f;
        z-index: 600;
        box-shadow: -6px 0 11px 0 rgba(0, 0, 0, 0.75);
        transform: translateX(100%)
    }
    .sticky-video--on .component.sticky-video .video-player-content,
    .sticky-video--off .component.sticky-video .video-player-content {
        opacity: 0;
        transition: transform 400ms ease-in-out
    }
    .sticky-video--on .component.sticky-video .video-player-content.fade-in,
    .sticky-video--off .component.sticky-video .video-player-content.fade-in {
        opacity: 1;
        transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, width 300ms ease, height 300ms ease
    }
    .sticky-video--on .component.sticky-video .video-player-content.fade-in.draggy-drag,
    .sticky-video--on .component.sticky-video .video-player-content.fade-in.no-transition {
        transition: none !important
    }
    .sticky-video--on .component.sticky-video .video-player-content {
        transform: translateX(100%)
    }
    .sticky-video--on .component.sticky-video .video-player-content.fade-in {
        transform: translateX(0)
    }
    .sticky-video--on .component.sticky-video .vjs-control.vjs-skip-backward-button,
    .sticky-video--on .component.sticky-video .vjs-control.vjs-skip-forward-button,
    .sticky-video--on .component.sticky-video .vjs-control.vjs-share-control,
    .sticky-video--on .component.sticky-video .vjs-captions-button,
    .sticky-video--on .component.sticky-video .iris-upnext {
        display: none !important
    }
    .sticky-video--on .component.sticky-video.sticky-video-large .video-player-content {
        width: 532px;
        height: 326px
    }
    .sticky-video--on .component.sticky-video.sticky-video-close .video-player-content {
        transform: translateX(100%) translateX(-32px);
        box-shadow: -2px 0 14px 0 rgba(0, 0, 0, 0.75)
    }
    .sticky-video--on .component.sticky-video.sticky-video-close .video-player-content .video-ratio {
        opacity: 0;
        z-index: -1
    }
    .sticky-video--on .component.sticky-video.sticky-video-close .video-player-content .sticky-video-control.sticky-video-headline {
        display: none
    }
    .sticky-video--on .component.sticky-video.sticky-video-close .video-player-content .sticky-video-control.sticky-video-close {
        width: 32px
    }
    .component.sticky-video .inbetweener-unpinner {
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: top 500ms, left 500ms, width ease, height 500ms ease, opacity ease-in 1000ms
    }
    .sticky-video--on .component.sticky-video .inbetweener-unpinner {
        background: transparent;
        opacity: 1;
        width: 300px;
        height: 167px;
        transition: none
    }
}

.component.dropdown {
    display: block
}

.component.dropdown .heading {
    cursor: pointer
}

.component.dropdown .heading h3 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .5px;
    text-align: left;
    color: #282f2f;
    margin: 0
}

.component.dropdown .heading h3 .icon.arrow-up {
    display: none
}

.component.dropdown .heading h3 .icon.arrow-down {
    display: inline
}

.component.dropdown .content {
    display: none
}

.component.dropdown.dropdown-open h3 .icon.arrow-up {
    display: inline
}

.component.dropdown.dropdown-open h3 .icon.arrow-down {
    display: none
}

.component.dropdown.dropdown-open .content {
    display: block
}

.component.dropdown.video-transcript .heading {
    text-transform: uppercase;
    display: inline-block
}

.component.dropdown.video-transcript .heading h3 {
    color: rgba(0, 0, 0, 0.95);
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 9px
}

.component.dropdown.video-transcript .heading svg path {
    fill: rgba(0, 0, 0, 0.95)
}

.component.dropdown.video-transcript .content {
    margin-top: 0
}

.share-icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat
}

.component.share .icon {
    line-height: 0
}

.component.share .icon:last-child {
    padding-right: 0
}

.component.expander {
    position: relative
}

.component.expander .expander-inner {
    display: none;
    max-height: 170px;
    overflow: hidden;
    position: relative
}

@media (min-width: 1024px) {
    .component.expander .expander-inner {
        max-height: 340px
    }
}

.component.expander .expander-inner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 15px 18px #fff
}

.component.expander .open-button,
.component.expander .close-button {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.component.expander .open-button:hover,
.component.expander .close-button:hover {
    color: rgba(0, 0, 0, 0.95)
}

.component.expander .open-button:hover path,
.component.expander .close-button:hover path {
    fill: rgba(0, 0, 0, 0.95)
}

.component.expander .open-button svg,
.component.expander .close-button svg {
    top: -2px;
    position: relative
}

.component.expander .expander-button {
    display: none;
    padding-top: 8px;
    padding-bottom: 8px
}

.component.expander .close-button {
    display: none;
    cursor: pointer
}

.component.expander .open-button {
    display: inline-block;
    cursor: pointer
}

.component.expander.expander-open .open-button {
    display: none
}

.component.expander.expander-open .close-button {
    display: inline-block
}

.component.expander.expander-open .expander-inner {
    max-height: none
}

.component.expander.expander-open .expander-inner::after {
    display: none
}

.gallery .component.expander {
    margin: 16px auto 24px;
    max-width: 900px
}

.gallery .component.expander .expander-inner {
    max-height: 84px
}

.gallery .component.expander .expander-inner .dek {
    margin: 0
}

.gallery .component.expander .expander-inner:after {
    display: none
}

.gallery .component.expander .expander-button {
    text-align: center
}

.aside {
    padding: 1.3em;
    background-color: rgba(0, 0, 0, 0.95);
    color: #fff
}

.aside a {
    color: inherit !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95)
}

.aside .title {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.1
}

.aside .subheader {
    margin: 1em 0;
    font-weight: 700;
    line-height: 1.2
}

.aside__image {
    float: left;
    margin-right: 1.5em
}

.aside.component .aside__image img {
    max-width: calc(100% + 1.5em);
    height: auto
}

.aside__image-credit {
    min-height: 1em;
    font-size: .8em;
    font-style: italic;
    text-align: right;
    color: rgba(38, 38, 38, 0.65);
    font-family: "Libre Franklin", sans-serif
}

.aside__header {
    display: table-cell
}

.aside__read-more-button {
    position: relative;
    display: block;
    width: 9em;
    margin-top: 1em;
    padding: .5em 1em;
    font-size: .9em;
    font-weight: 700;
    text-align: left;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.95);
    border: 0;
    cursor: pointer
}

.aside__read-more-button::before {
    content: "Read Less"
}

.aside__read-more-button::after {
    position: absolute;
    right: 1.2em;
    top: .7em;
    content: '\25BC';
    font-size: .9em;
    color: rgba(0, 0, 0, 0.95);
    transform: rotateX(0deg);
    transition: transform .3s ease-out
}

.aside__read-more-button.is-collapsed::before {
    content: "Read More"
}

.aside__read-more-button.is-collapsed::after {
    transform: rotateX(180deg) translateY(3px)
}

.aside__read-more {
    display: none;
    clear: both;
    padding-top: .5em
}

.aside__read-more p:first-child {
    margin-top: 0
}

.aside__read-more p:last-child {
    margin-bottom: 0
}

.component.subscribe-flyout {
    padding-right: 66px !important;
    position: relative;
    cursor: pointer
}

.component.subscribe-flyout .subscribe-cover {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 40px;
    width: 50px;
    overflow: hidden
}

.component.subscribe-flyout .subscribe-cover img {
    width: 100%
}

.component.subscribe-flyout .flyout-panel {
    display: none;
    position: absolute;
    right: 8px;
    top: 48px;
    background: rgba(0, 0, 0, 0.05)
}

.component.subscribe-flyout:hover .flyout-panel {
    display: block
}

.build-a-meal {
    position: relative;
    background: #ff0048;
    color: #fff;
    margin-bottom: 30px;
    font-family: "Noto Serif", serif
}

.build-a-meal__form {
    padding: 24px;
    overflow: hidden
}

.build-a-meal__form-inputs {
    max-width: 1212px;
    margin: 0 auto
}

.build-a-meal__container {
    position: relative
}

.build-a-meal__container:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    top: -180%;
    left: -50%;
    z-index: 1;
    overflow: hidden;
    background-image: url(../img/foodpattern.png);
    opacity: 0.1;
    background-repeat: repeat;
    transform: rotate(-30deg)
}

.build-a-meal.rail {
    margin: 0 auto 50px auto
}

.build-a-meal.rail .build-a-meal--check-text {
    display: block;
    margin-bottom: 10px
}

.build-a-meal.rail .build-a-meal__checkbox {
    margin-bottom: 10px
}

.build-a-meal__heading {
    z-index: 100;
    position: relative
}

.build-a-meal__title {
    font-size: 28px;
    text-align: center;
    margin: 0 0 15px 0;
    font-weight: normal;
    font-family: "Libre Franklin", sans-serif
}

.build-a-meal__deck {
    margin: 0 0 15px 0;
    font-style: italic;
    letter-spacing: .5px;
    text-align: center;
    line-height: 24px
}

.build-a-meal__and-go {
    z-index: 100;
    position: relative
}

.build-a-meal__and-go.mobile {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px
}

.build-a-meal__and-go.desktop {
    display: none
}

.build-a-meal__ingredients {
    margin-bottom: 15px;
    z-index: 100;
    position: relative
}

.build-a-meal__ingredient-input {
    padding: 9px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: solid 1px rgba(0, 0, 0, 0.47);
    width: 100%;
    color: #000;
    letter-spacing: .5px
}

.build-a-meal__addition {
    display: none
}

.build-a-meal__includes {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 100
}

.build-a-meal--check-text {
    text-transform: uppercase;
    margin-right: 8px;
    display: block;
    margin-bottom: 10px
}

.build-a-meal__checkbox {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
    position: relative;
    font-size: 14px;
    letter-spacing: .5px
}

.build-a-meal__checkbox:last-child {
    margin-right: 0
}

.build-a-meal__checkbox input {
    background: #fff;
    width: 10px;
    display: inline-block;
    padding: 6px;
    border-radius: 2px;
    -webkit-appearance: none;
    color: rgba(0, 0, 0, 0.95);
    margin-right: 5px;
    border: solid 1px rgba(0, 0, 0, 0.3)
}

.build-a-meal__checkbox input:checked:after {
    content: '\2714';
    font-size: 10px;
    position: absolute;
    top: 1px;
    left: 3px;
    color: #000
}

.build-a-meal__button {
    width: 150px;
    height: 40px;
    border-radius: 3px;
    background-color: #d4023d;
    color: #fff;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media screen and (min-width: 385px) {
    .main .build-a-meal__checkbox,
    .main .build-a-meal--check-text {
        margin-right: 20px
    }
    .main .build-a-meal__checkbox input {
        margin-right: 8px
    }
}

@media screen and (min-width: 385px) and (min-width: 768px) {
    .main .build-a-meal__container:before {
        width: 200%;
        height: 800%;
        top: -525%;
        left: -10%
    }
    .main .build-a-meal__title,
    .main .build-a-meal__deck {
        display: inline-block;
        margin-bottom: 0
    }
    .main .build-a-meal__title {
        margin-right: 30px
    }
    .main .build-a-meal__heading {
        margin-bottom: 15px
    }
    .main .build-a-meal__ingredient-input {
        display: inline-block;
        width: 208px;
        margin-right: 8px
    }
    .main .build-a-meal__ingredient-input:last-child {
        margin-right: 0
    }
    .main .build-a-meal__addition {
        display: inline-block;
        font-size: 36px;
        margin-right: 8px;
        vertical-align: sub
    }
    .main .build-a-meal__and-go.desktop {
        display: block;
        position: absolute;
        left: 565px;
        bottom: 0
    }
    .main .build-a-meal__and-go.mobile {
        display: none
    }
    .main .build-a-meal__includes p {
        margin-bottom: 0;
        display: inline-block
    }
}

@media screen and (min-width: 385px) and (min-width: 768px) and (min-width: 956px) {
    .main .build-a-meal__ingredients {
        display: inline-block
    }
    .main .build-a-meal__and-go.desktop {
        position: relative;
        display: inline-block;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin-left: 30px
    }
    .main .build-a-meal__button {
        position: relative;
        bottom: 2px
    }
}

.hub-dropdown {
    display: block
}

.hub-dropdown>.heading {
    cursor: pointer
}

.hub-dropdown>.heading h3 {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: .5px;
    text-align: left;
    color: #282f2f;
    margin: 0
}

.hub-dropdown>.heading h3 .icon.arrow-up {
    display: none
}

.hub-dropdown>.heading h3 .icon.arrow-down {
    display: inline
}

.hub-dropdown>.content {
    display: none
}

.hub-dropdown.dropdown-open>.heading h3 .icon.arrow-up {
    display: inline
}

.hub-dropdown.dropdown-open>.heading h3 .icon.arrow-down {
    display: none
}

.hub-dropdown.dropdown-open>.content {
    display: block
}

.hub-filter {
    font-size: 14px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.95);
    border-top: 0;
    font-family: "Noto Serif", serif
}

.hub-filter .link {
    color: #282f2f;
    font-weight: 600
}

.hub-filter .link:hover {
    color: #D4023D
}

.hub-filter .heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.hub-filter .heading:last-child {
    border-bottom: 0
}

.hub-filter .heading h3 {
    padding: 0 8px;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
    text-transform: uppercase
}

.hub-filter .sub-items {
    padding: 10px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.hub-filter .sub-item {
    line-height: 28px
}

.hub-filter .sub-item .link {
    font-weight: 500
}

.hub-filter button {
    padding: 4px 0 0
}

.hub-filter .dropdown:last-child .heading {
    border: 0
}

.hub-filter .dropdown>.heading h3 {
    line-height: 35px
}

.hub-filter .dropdown-open:last-child .heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.hub-filter .dropdown-open:last-child .sub-items {
    border-bottom: 0
}

.hub-nav-tile {
    position: relative;
    width: 80px;
    height: 80px
}

.hub-nav-tile .headline-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid transparent
}

.hub-nav-tile .headline-wrapper:hover {
    border-bottom-color: rgba(0, 0, 0, 0.95)
}

.hub-nav-tile .headline-wrapper .headline {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.hub-nav-tile .headline-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #efefef;
    opacity: .4;
    width: 100%;
    height: calc(100% + 2px)
}

.hub-nav-tile .media-img {
    color: #000;
    height: 100%
}

.hub-nav-tile .lazy-image {
    opacity: .4
}

.hub-tile .headline {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 28px
}

.hub-tile .headline a {
    font-weight: 500
}

@media (min-width: 768px) {
    .hub-tile .headline {
        font-size: 20px
    }
}

.hub-tile .media-img {
    position: relative;
    float: right;
    width: 100px;
    margin: 0 0 0 16px
}

@media (min-width: 768px) {
    .hub-tile .media-img {
        float: none;
        width: auto;
        margin: 0 0 8px 0
    }
}

.hub-tile .image-flair {
    position: absolute;
    bottom: 0;
    height: 30px
}

.component.before-after {
    box-sizing: content-box;
    position: relative;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.component.before-after .image {
    position: relative;
    overflow: hidden
}

.component.before-after:first-of-type {
    padding-top: 0;
    border: none
}

.component.before-after:first-of-type .after {
    margin-top: 0
}

.component.before-after:first-of-type .comparison-slider {
    margin-top: 0
}

.component.before-after .image {
    line-height: 0
}

.component.before-after .before {
    overflow: hidden;
    position: relative;
    z-index: 33.33333;
    width: 100%;
    display: inline-flex;
    justify-content: center
}

.component.before-after .before .lazy-image {
    display: inline-block
}

.component.before-after .before .lazy-image .inner-container {
    display: inline-block
}

.component.before-after .before .lazy-image .inner-container img {
    display: inline-block
}

.component.before-after .before img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media (min-width: 768px) {
    .component.before-after .before img {
        max-height: 600px;
        width: auto
    }
}

.component.before-after .after {
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    margin-top: 20px;
    width: 100%;
    display: inline-flex;
    justify-content: center
}

.component.before-after .after .lazy-image {
    display: inline-block
}

.component.before-after .after .lazy-image .inner-container {
    display: inline-block
}

.component.before-after .after .lazy-image .inner-container img {
    display: inline-block
}

.component.before-after .after img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media (min-width: 768px) {
    .component.before-after .after img {
        max-height: 600px;
        width: auto
    }
}

.component.before-after .comparison-slider {
    top: 0;
    left: 50%;
    z-index: 100;
    margin-top: 20px;
    cursor: ew-resize;
    width: 4px;
    position: absolute;
    background: #ff0048;
    height: 9999px;
    transition: opacity .3s ease-in-out
}

.component.before-after .slider-label {
    display: flex;
    z-index: 400;
    position: absolute;
    width: 44px;
    height: 44px;
    background: #ff0048;
    border-radius: 50%;
    top: calc(50% - 22px);
    left: calc(50% - 20px);
    transition: opacity .3s ease-in-out
}

.component.before-after .slider-label .leftright-arrow {
    background: url("../img/icons/leftright-arrow.svg") no-repeat 0 0;
    width: 28px;
    height: 12px;
    position: relative;
    top: calc(50% - 6px);
    margin: 0 auto
}

.component.before-after.align-right,
.component.before-after.align-left {
    margin: 20px auto
}

.component.before-after.align-right .credit,
.component.before-after.align-left .credit {
    font-family: "Libre Franklin", sans-serif;
    padding: 0
}

@media (min-width: 768px) {
    .component.before-after.align-right,
    .component.before-after.align-left {
        width: 50%
    }
    .component.before-after.align-right {
        float: right;
        margin-left: 20px
    }
    .component.before-after.align-left {
        float: left;
        margin-right: 20px
    }
}

.burst-text {
    display: inline-flex;
    z-index: 200;
    flex-direction: row;
    align-items: center;
    line-height: 1em;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .5px;
    max-width: 100%;
    font-family: "Noto Serif", serif;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.95);
    position: absolute;
    right: 0;
    top: 0
}

.burst-text.desktop-only {
    display: none
}

@media (min-width: 768px) {
    .burst-text.desktop-only {
        display: inline-flex
    }
}

.burst-text .content {
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.burst-text .next-arrow {
    height: 1em;
    margin-left: 16px;
    width: 9px;
    background: url("../img/icons/next-button.svg") transparent no-repeat center
}

.burst-text.top-right {
    right: -10px;
    top: 0
}

.burst-text.bottom-left {
    left: -10px;
    bottom: -10px
}

.burst-text.bottom-right {
    bottom: -10px;
    right: -10px
}

.burst-text.inline {
    max-width: 205px;
    max-height: 150px;
    padding: 10px;
    line-height: 1.2em;
    width: 170px
}

.burst-text.inline .content {
    white-space: normal;
    overflow: visible
}

.burst-text.inline .next-arrow {
    margin-left: 0;
    width: 2em
}

.intro-article.hidden {
    display: none
}

.intro-article .partial.lead-image .image-and-burst {
    padding-top: 28px
}

.progress-bar.is-hidden {
    display: none
}

.progress-bar progress {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 201;
    top: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.05);
    color: #ff0048;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.progress-bar progress::-webkit-progress-bar {
    background-color: transparent
}

.progress-bar progress::-webkit-progress-value {
    background-color: #ff0048
}

.progress-bar progress::-moz-progress-bar {
    background-color: #ff0048
}

.progress-container {
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    display: block
}

.progress-bar-inner {
    background-color: #ff0048;
    width: 50%;
    display: block;
    height: inherit
}

.author-page main.content {
    padding-top: 16px
}

@media (min-width: 768px) {
    .author-page main.content {
        padding-top: 32px
    }
}

@media (min-width: 1024px) {
    .author-page main.content {
        padding-top: 8px
    }
}

.author-page .article-header {
    display: flex;
    flex-direction: column;
    max-width: none;
    margin-bottom: 24px;
    margin-left: 8px;
    margin-right: 8px
}

@media (min-width: 768px) {
    .author-page .article-header {
        flex-direction: row;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 24px;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media (min-width: 1024px) {
    .author-page .article-header {
        margin-left: 0;
        margin-right: 0
    }
}

.author-page .article-header .article-info {
    padding: 0
}

.author-page .image-container {
    flex-shrink: 0;
    margin: 0 auto 16px auto;
    width: 100%
}

@media (min-width: 768px) {
    .author-page .image-container {
        margin: 0 16px 0 0;
        width: 270px
    }
}

.author-page .image-container+.author-info h1 {
    margin-top: 0
}

.author-page h1 {
    font-size: 36px;
    margin-bottom: 12px;
    text-align: center
}

@media (min-width: 768px) {
    .author-page h1 {
        text-align: left;
        margin-bottom: 4px
    }
}

.author-page .author-title {
    display: block;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.65);
    text-align: center
}

@media (min-width: 768px) {
    .author-page .author-title {
        text-align: left
    }
}

.author-page .share {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .author-page .share {
        justify-content: flex-start
    }
}

.author-page .share .icon {
    margin-left: 4px;
    margin-right: 4px
}

@media (min-width: 768px) {
    .author-page .share .icon {
        margin-left: 0;
        margin-right: 8px
    }
}

.author-page .author-bio {
    line-height: 28px;
    font-family: "Noto Serif", serif
}

@media (min-width: 768px) {
    .author-page .author-bio {
        line-height: 26px
    }
}

.author-page .author-bio p {
    margin-top: 0
}

.product-tile .component.amazon-price {
    display: inline
}

.product-tile .component.amazon-price .price {
    color: rgba(0, 0, 0, 0.47)
}

.component.inline-recirc-articles {
    padding: 8px 0
}

.component.inline-recirc-articles .recirc-items:after {
    content: "";
    display: table;
    clear: both
}

.component.inline-recirc-articles .recirc-items .item {
    border: #cccc solid 1px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%
}

@media (min-width: 768px) {
    .component.inline-recirc-articles .recirc-items .item {
        width: calc(50% - 10px)
    }
}

.component.inline-recirc-articles .recirc-items .item .list-item {
    width: 100%
}

@media (min-width: 768px) {
    .component.inline-recirc-articles .recirc-items .item:nth-child(odd) {
        margin-right: 5px
    }
}

@media (min-width: 768px) {
    .component.inline-recirc-articles .recirc-items .item:nth-child(even) {
        margin-left: 5px
    }
}

.longform-hero {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(3, auto)
}

.longform-hero.text-below {
    display: block
}

.hero-media {
    grid-row: 2 / 3;
    grid-column: 1 / 5
}

@media (min-width: 1024px) {
    .hero-media .vjs-big-play-button {
        display: none
    }
}

.hero-media .image-wrap-container {
    display: block
}

.hero-media img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-media .credit {
    padding-left: 0;
    padding-top: 2px
}

.hero-media .caption {
    padding-top: 2px
}

.hero-media .credit.align.left {
    float: left;
    padding-right: 5px
}

.hero-media .credit.align.right {
    float: right;
    padding-left: 5px
}

.hero-media .credit.align.center {
    text-align: center;
    margin: 0 auto
}

.hero-media .caption.align.left {
    float: left;
    padding-right: 5px
}

.hero-media .caption.align.right {
    float: right;
    padding-left: 5px
}

.hero-media .caption.align.center {
    text-align: center;
    margin: 0 auto
}

@media (min-width: 768px) {
    .hero-media .gallery .gallery-details {
        padding: 0 15px
    }
}

.hero-media.loop-video .video-js .vjs-control-bar {
    display: none
}

@media (min-width: 768px) {
    .portrait {
        grid-column: 1 / 5;
        margin: 0 auto;
        overflow: hidden;
        max-width: 90vw
    }
    .portrait img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .full-width image {
        width: 100%
    }
    .split-image-right {
        width: 50vw;
        grid-column: 3 / 5
    }
    .split-image-right img {
        width: 100%
    }
    .split-image-left {
        width: 50vw;
        grid-column: 1 / 3
    }
    .split-image-left img {
        width: 100%
    }
    .full-height img {
        height: 100vh
    }
    .half-height img {
        height: 50vh
    }
    .three-quarters-height img {
        height: 75vh
    }
}

.hero-text.text-above .text-position>*,
.hero-text.text-below .text-position>* {
    margin: 0 auto;
    text-align: center
}

.hero-text {
    width: 100%;
    grid-column: 1 / 5;
    grid-row: 3 / 4;
    padding: 16px;
    font-size: 36px
}

@media (min-width: 768px) {
    .hero-text {
        padding: 24px 70px;
        position: relative
    }
}

.hero-text .align-left {
    text-align: left
}

.hero-text .align-center {
    text-align: center;
    margin: 0 auto
}

.hero-text .align-right {
    text-align: right
}

.hero-text .align-justify {
    text-align: justify
}

.hero-text .ad.ad-container {
    margin-top: 24px
}

.hero-text .longform-headline {
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    font-size: .75em;
    padding: 12px
}

@media (min-width: 768px) {
    .hero-text .longform-headline {
        max-width: 70vw;
        font-size: 1em
    }
}

.hero-text .longform-dek {
    font-size: .5em;
    padding: 12px
}

@media (min-width: 768px) {
    .hero-text .longform-dek {
        max-width: 55vw
    }
}

.hero-text .longform-bylines {
    font-family: "Noto Serif", serif;
    font-size: .45em;
    padding: 4px;
    color: rgba(0, 0, 0, 0.65)
}

.hero-text .longform-bylines .vertical-divider {
    font-size: 1.5em;
    font-weight: normal;
    vertical-align: middle;
    padding: 4px
}

.hero-text .longform-bylines a {
    font-weight: 700
}

@media (min-width: 768px) {
    .hero-text .longform-bylines {
        max-width: 50vw
    }
}

.hero-text .longform-timestamps {
    font-size: .45em;
    color: rgba(0, 0, 0, 0.47);
    font-family: "Noto Serif", serif;
    padding: 4px
}

@media (min-width: 768px) {
    .hero-text .longform-timestamps {
        max-width: 50vw
    }
}

.text-above {
    grid-row: 1 / 2
}

.text-below {
    grid-row: 3 / 4
}

.text-overlay {
    grid-row: 2 / 3;
    z-index: 3
}

@media (min-width: 768px) {
    .split-text-left {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        width: 50vw
    }
    .split-text-right {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
        width: 50vw
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .text-positioning .text-position {
        position: absolute;
        padding: 20px;
        max-width: 700px
    }
    .text-positioning .text-position>* {
        text-position: center
    }
    .text-positioning .left {
        left: 0%
    }
    .text-positioning .center {
        left: 50%;
        transform: translateX(-50%)
    }
    .text-positioning .right {
        right: 0%
    }
    .text-positioning .top {
        top: 0%
    }
    .text-positioning .middle {
        top: 50%;
        transform: translateY(-50%)
    }
    .text-positioning .bottom {
        bottom: 0%
    }
    .text-positioning .middle.center {
        width: 100%;
        transform: translate(-50%, -50%)
    }
}

.component.full-width-image {
    padding: 0
}

.component.full-width-image .image-expander {
    display: inline-flex;
    width: 100%
}

.component.full-width-image .image-expander .image-wrapper {
    width: 100%
}

.component.full-width-image .image-expander.imageCount--2 .image-wrapper {
    width: 50%
}

.component.full-width-image .image-expander.imageCount--2 .image-wrapper:not(:last-child) {
    margin-right: 16px
}

@media (min-width: 768px) {
    .component.full-width-image .image-expander.imageCount--2 .image-wrapper:not(: last-child) {
        margin-right: 24px
    }
}

.component.full-width-image .image-expander.imageCount--3 .image-wrapper {
    width: 33.333333333%
}

.component.full-width-image .image-expander.imageCount--3 .image-wrapper:not(:last-child) {
    margin-right: 16px
}

@media (min-width: 768px) {
    .component.full-width-image .image-expander.imageCount--3 .image-wrapper:not(: last-child) {
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .component.full-width-image {
        display: block;
        height: initial;
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
    .component.full-width-image .image-expander {
        display: flex
    }
    .component.full-width-image .image-expander.full-width {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
    .component.full-width-image .image-expander.default {
        max-width: 885px;
        padding-left: 24px;
        padding-right: 24px;
        margin: 0 auto
    }
    .component.full-width-image .image-expander.featured {
        flex-wrap: wrap;
        justify-content: center
    }
    .component.full-width-image .image-expander.featured .image-wrapper:first-child {
        width: 100%
    }
    .component.full-width-image .image-expander.middle-featured .image-wrapper {
        width: auto
    }
    .component.full-width-image .image-expander.middle-featured .image-wrapper:first-child,
    .component.full-width-image .image-expander.middle-featured .image-wrapper:last-child {
        flex-grow: 1
    }
    .component.full-width-image .image-expander.middle-featured .image-wrapper:nth-child(2) {
        flex-grow: 2
    }
    .component.full-width-image .image-expander.middle-featured .image-wrapper img {
        width: auto;
        max-height: 500px
    }
    .component.full-width-image .single .image-wrapper {
        box-sizing: border-box;
        width: 100%
    }
    .component.full-width-image .diptych .image-wrapper {
        box-sizing: border-box;
        width: 50%
    }
    .component.full-width-image .diptych .image-wrapper:first-child {
        padding-right: 6px
    }
    .component.full-width-image .diptych .image-wrapper:last-child {
        padding-left: 6px
    }
    .component.full-width-image .triptych .image-wrapper {
        box-sizing: border-box;
        width: 33.33%
    }
    .component.full-width-image .triptych .image-wrapper:first-child {
        padding-right: 8px
    }
    .component.full-width-image .triptych .image-wrapper:nth-child(2) {
        padding-left: 4px;
        padding-right: 4px
    }
    .component.full-width-image .triptych .image-wrapper:last-child {
        padding-left: 8px
    }
}

.component.search-form .search {
    border: 2px solid #282f2f
}

.component.search-form .search-items {
    font-family: "Libre Franklin", sans-serif;
    text-align: center
}

.component.search-form .text-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    margin-right: 12px
}

.component.search-form .button-text {
    font-size: 20px;
    margin-right: 12px;
    font-weight: 200;
    color: #282f2f
}

.component.search-form .button-text:hover {
    color: #1A9EB9
}

.component.search-form input[type=text] {
    height: 50px;
    line-height: 50px;
    border: 0;
    padding: 2px 8px 0 8px;
    display: block;
    float: left;
    width: calc(100% - 50px);
    font-size: 18px;
    font-family: "Libre Franklin", sans-serif
}

.component.search-form input[type=text]::-webkit-input-placeholder {
    text-align: center;
    color: #282f2f;
    font-size: 18px
}

.component.search-form input[type=text]::-moz-placeholder {
    text-align: center;
    color: #282f2f;
    font-size: 18px
}

.component.search-form input[type=text]:-ms-input-placeholder {
    text-align: center;
    color: #282f2f;
    font-size: 18px
}

.component.search-form input[type=text]::-ms-input-placeholder {
    text-align: center;
    color: #282f2f;
    font-size: 18px
}

.component.search-form input[type=text]::placeholder {
    text-align: center;
    color: #282f2f;
    font-size: 18px
}

@media (min-width: 768px) {
    .component.search-form input[type=text]::-webkit-input-placeholder {
        font-size: 23px
    }
    .component.search-form input[type=text]::-moz-placeholder {
        font-size: 23px
    }
    .component.search-form input[type=text]:-ms-input-placeholder {
        font-size: 23px
    }
    .component.search-form input[type=text]::-ms-input-placeholder {
        font-size: 23px
    }
    .component.search-form input[type=text]::placeholder {
        font-size: 23px
    }
}

.component.search-form .button {
    background: none;
    border: 0;
    height: 50px;
    width: 50px;
    padding: 7px 0 0 0
}

.glossary-navigation {
    margin: 12px 0 24px;
    font-size: 0
}

.glossary-navigation a {
    cursor: pointer;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0;
    padding: 0 12px;
    text-transform: uppercase;
    width: 36px
}

@media (min-width: 768px) {
    .glossary-navigation a {
        font-size: 18px;
        padding: 0 20px;
        width: 52px
    }
}

@media (min-width: 1024px) {
    .glossary-navigation a {
        font-size: 18px;
        padding: 0 24px;
        width: 58px
    }
}

.default-color {
    color: rgba(0, 0, 0, 0.3)
}

.component .product-tile .heading-eyebrow {
    font-size: 10px
}

.component .product-tile .media-body {
    margin-left: 0;
    margin-right: 0
}

.component .product-tile .media-body .price {
    color: rgba(0, 0, 0, 0.47);
    margin-right: 5px;
    font-size: 12px
}

.component .product-tile .media-body .brand {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px
}

.component .product-tile .media-body .shop-it {
    margin-right: 5px;
    white-space: nowrap;
    font-family: "Lato", "HelveticaNeue", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.component .product-tile .media-body .headline {
    font-size: 16px;
    line-height: 1.38;
    font-family: "Noto Serif", serif
}

.component .product-tile .media-body .headline a {
    color: inherit
}

.component .product-tile .media-body .headline a:hover {
    color: rgba(0, 0, 0, 0.95)
}

.component .product-tile .product-image {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.component .product-tile .top-buy {
    position: absolute;
    bottom: 8px;
    right: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7)
}

.component .product-tile .top-buy-image {
    position: absolute;
    top: 0;
    right: 0
}

body.modal-active {
    overflow-y: hidden;
    max-height: 100%
}

@media (min-width: 1024px) {
    body.modal-active {
        padding-right: 17px
    }
}

.partial.modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    padding: 32px;
    z-index: 600;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background: #fff
}

@media (min-width: 768px) {
    .partial.modal {
        max-width: 380px;
        z-index: 500
    }
}

.partial.modal .close {
    position: absolute;
    top: -50px;
    right: 0;
    font-size: 100%;
    font-family: inherit;
    border: 0;
    padding: 0;
    background-color: transparent;
    width: 50px;
    height: 50px
}

.partial.modal .close svg {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 8px;
    right: 0
}

.partial.modal:not(.other-sites):not(.global-communities):not(.manage-push-notifications):not(.show-header) .dialogTitle {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sidebar-authentication {
    display: flex;
    justify-content: space-between;
    margin: 0 8px;
    padding: 12px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}

.sidebar-authentication .left {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sidebar-authentication svg {
    margin: 0 10px
}

.sidebar-authentication .right {
    display: flex;
    align-items: center
}

.sidebar-authentication a {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.95)
}

nav.main .primary-links .nav-authentication {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    float: left;
    padding: 8px 8px 8px 0
}

nav.main .primary-links .nav-authentication a {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.95);
    cursor: pointer
}

nav.main .primary-links .nav-authentication svg {
    margin: 0 10px
}

body.modal-active.auth .partial.modal.auth {
    display: block
}

body.authenticated .logged-out {
    display: none
}

body.authenticated .account-icon {
    width: 0;
    overflow: hidden
}

body.authenticated .account-solid-icon {
    width: auto;
    overflow: hidden
}

body:not(.authenticated) .logged-in {
    display: none
}

body:not(.authenticated) .account-icon {
    width: auto;
    overflow: hidden
}

body:not(.authenticated) .account-solid-icon {
    width: 0;
    overflow: hidden
}

body.modal-active.auth .partial.modal.auth {
    display: block
}

main.content {
    min-height: 500px
}

.account-details-page {
    padding: 0 15px
}

@media (min-width: 768px) {
    .account-details-page {
        width: 60%
    }
}

.account-details-page .flex-container>div {
    width: 100%
}

@media (min-width: 768px) {
    .account-details-page .flex-container {
        display: flex;
        justify-content: space-between
    }
    .account-details-page .flex-container>div {
        width: 50%;
        padding-right: 20px
    }
}

.auth-forms {
    font-family: "Noto Serif", serif
}

.auth-forms a {
    color: rgba(0, 0, 0, 0.65)
}

.auth-forms a:hover,
.auth-forms a:active {
    color: rgba(0, 0, 0, 0.95)
}

.auth-forms label {
    font-size: 10px;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase
}

.auth-forms p {
    font-size: 14px;
    line-height: 1.43;
    color: rgba(0, 0, 0, 0.65);
    font-style: italic;
    margin: 0 auto 15px 0;
    padding: 0 5px
}

.auth-forms .emphasized {
    padding: 0
}

.auth-forms .auth-page-header {
    font-family: "Libre Franklin", sans-serif;
    font-size: 40px;
    letter-spacing: 0.5px;
    line-height: 1.25;
    color: #282f2f;
    font-weight: normal
}

.auth-forms .auth-header {
    font-family: "Noto Serif", serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.27;
    letter-spacing: 1px;
    color: #282f2f;
    text-transform: uppercase;
    margin-bottom: 10px
}

.auth-forms .auth-header-secondary {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: 1px;
    color: #282f2f;
    text-align: center;
    text-transform: uppercase
}

.auth-forms h5 {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    margin-bottom: 16px
}

.auth-forms h5.forgot-password {
    margin-bottom: 0;
    text-align: right
}

.auth-forms h5 a.default-color {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.95)
}

.auth-forms h5 a.default-color:hover,
.auth-forms h5 a.default-color:active {
    text-decoration: underline
}

.auth-forms h5 .auth-forgot-password {
    text-align: right
}

.auth-forms .auth-footer {
    font-family: "Noto Serif", serif;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65)
}

.auth-forms .centered {
    text-align: center
}

.auth-forms .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.auth-forms form {
    margin: 15px 0
}

.auth-forms form .btn.btn-cancel {
    display: none
}

.auth-forms form .btn {
    opacity: 0.5
}

.auth-forms form.active .btn {
    opacity: 1
}

.auth-forms form.active .btn:hover {
    opacity: 0.5
}

.auth-forms form.active .btn:active {
    opacity: 1
}

.auth-forms form.active .btn.btn-cancel {
    display: inline-block
}

.auth-forms form.active .btn:disabled,
.auth-forms form.active .btn.disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.auth-forms form.success:after {
    content: '\2713 Done';
    display: inline-block;
    color: #0c6;
    -webkit-animation: fadeOut 5s 1 forwards;
    animation: fadeOut 5s 1 forwards
}

.auth-forms form.invalid input[type=email],
.auth-forms form.invalid input[type=password],
.auth-forms form.invalid input[type=text] {
    border-color: #c00
}

.auth-forms form.invalid input[type=email]:focus,
.auth-forms form.invalid input[type=password]:focus,
.auth-forms form.invalid input[type=text]:focus {
    border-color: #c00
}

.auth-forms form input:disabled,
.auth-forms form input.disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.auth-forms .input-group {
    margin-bottom: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .auth-forms .input-group.half-width-tablet,
    .auth-forms .input-group input.half-width-tablet {
        width: 50%
    }
}

.auth-forms .input-group input[type=email],
.auth-forms .input-group input[type=password],
.auth-forms .input-group input[type=text] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #f3f3f2;
    border: 1px solid #f3f3f2;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.65);
    outline: none;
    padding-left: 16px;
    height: 48px;
    width: 100%
}

.auth-forms .input-group input[type=email]:focus,
.auth-forms .input-group input[type=password]:focus,
.auth-forms .input-group input[type=text]:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.auth-forms .input-group input[type=email]:-ms-input-placeholder,
.auth-forms .input-group input[type=password]:-ms-input-placeholder,
.auth-forms .input-group input[type=text]:-ms-input-placeholder {
    color: #595959
}

.auth-forms .input-group input[type=email]::-ms-input-placeholder,
.auth-forms .input-group input[type=password]::-ms-input-placeholder,
.auth-forms .input-group input[type=text]::-ms-input-placeholder {
    color: #595959
}

.auth-forms .input-group input[type=email]::placeholder,
.auth-forms .input-group input[type=email]::-ms-input-placeholder,
.auth-forms .input-group input[type=password]::placeholder,
.auth-forms .input-group input[type=password]::-ms-input-placeholder,
.auth-forms .input-group input[type=text]::placeholder,
.auth-forms .input-group input[type=text]::-ms-input-placeholder {
    color: #595959
}

.auth-forms .input-group input[type=email]::-moz-placeholder,
.auth-forms .input-group input[type=password]::-moz-placeholder,
.auth-forms .input-group input[type=text]::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.auth-forms .input-group input[type=email]::-webkit-input-placeholder,
.auth-forms .input-group input[type=password]::-webkit-input-placeholder,
.auth-forms .input-group input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

.auth-forms .input-group input[type=email]::-moz-placeholder,
.auth-forms .input-group input[type=password]::-moz-placeholder,
.auth-forms .input-group input[type=text]::-moz-placeholder {
    font-style: italic
}

.auth-forms .input-group input[type=email]:-ms-input-placeholder,
.auth-forms .input-group input[type=password]:-ms-input-placeholder,
.auth-forms .input-group input[type=text]:-ms-input-placeholder {
    font-style: italic
}

.auth-forms .input-group input[type=email]::-ms-input-placeholder,
.auth-forms .input-group input[type=password]::-ms-input-placeholder,
.auth-forms .input-group input[type=text]::-ms-input-placeholder {
    font-style: italic
}

.auth-forms .input-group input[type=email]::placeholder,
.auth-forms .input-group input[type=password]::placeholder,
.auth-forms .input-group input[type=text]::placeholder {
    font-style: italic
}

.auth-forms .input-group input[type=email]:focus,
.auth-forms .input-group input[type=password]:focus,
.auth-forms .input-group input[type=text]:focus {
    border-color: rgba(0, 0, 0, 0.95)
}

.auth-forms .input-group input[type=email].parsley-error,
.auth-forms .input-group input[type=password].parsley-error,
.auth-forms .input-group input[type=text].parsley-error {
    border: 1px solid #c00
}

.auth-forms .input-group input[type=email]:-webkit-autofill,
.auth-forms .input-group input[type=password]:-webkit-autofill,
.auth-forms .input-group input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #f3f3f2 inset
}

.auth-forms .input-group.input-icon input[type=email],
.auth-forms .input-group.input-icon input[type=password],
.auth-forms .input-group.input-icon input[type=text] {
    background-position: 15px center;
    background-repeat: no-repeat;
    padding-left: 45px
}

.auth-forms .input-group.input-icon input[type=email].icon-email,
.auth-forms .input-group.input-icon input[type=password].icon-email,
.auth-forms .input-group.input-icon input[type=text].icon-email {
    background-image: url("../img/icons/email.svg")
}

.auth-forms .input-group.input-icon input[type=email].icon-password,
.auth-forms .input-group.input-icon input[type=password].icon-password,
.auth-forms .input-group.input-icon input[type=text].icon-password {
    background-image: url("../img/icons/password.svg")
}

.auth-forms .input-group.input-icon input[type=email].icon-password-confirm,
.auth-forms .input-group.input-icon input[type=password].icon-password-confirm,
.auth-forms .input-group.input-icon input[type=text].icon-password-confirm {
    background-image: url("../img/icons/password-confirm.svg")
}

.auth-forms .input-group.input-icon input[type=email].icon-user,
.auth-forms .input-group.input-icon input[type=password].icon-user,
.auth-forms .input-group.input-icon input[type=text].icon-user {
    background-image: url("../img/icons/email.svg")
}

.auth-forms hr.or {
    overflow: visible;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(0, 0, 0, 0.15);
    text-align: center;
    margin: 27px 0
}

.auth-forms hr.or:after {
    content: "or";
    display: inline-block;
    position: relative;
    width: 32px;
    top: -1.3em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: #fff;
    color: rgba(0, 0, 0, 0.65);
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase
}

.auth-forms .btn {
    cursor: pointer;
    border-width: 2px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.95);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.95);
    font-weight: 900;
    outline: none;
    letter-spacing: 1px;
    margin-bottom: 9px;
    border-radius: 0
}

.auth-forms .btn.btn-small {
    height: 32px;
    font-size: 12px;
    margin-right: 5px
}

.auth-forms .btn.btn-block {
    width: 100%;
    height: 48px;
    font-size: 14px
}

.auth-forms .btn.btn-secondary {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.95);
    border-color: rgba(0, 0, 0, 0.95)
}

.auth-forms .btn:hover {
    opacity: 0.5
}

.auth-forms .btn:disabled,
.auth-forms .btn.disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.auth-forms .btn:active,
.auth-forms .btn:focus {
    opacity: 1
}

.auth-forms .form-checkbox {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.auth-forms .form-checkbox input[type=checkbox] {
    margin-right: 6px
}

.auth-forms .form-checkbox input[name=privacy-agreement] {
    align-self: flex-start;
    margin-top: 4px
}

.auth-forms .form-checkbox label {
    font-family: "Noto Serif", serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.65);
    text-transform: none
}

.auth-forms .form-checkbox a {
    font-weight: 700
}

p.error,
.parsley-required,
.parsley-errors-list {
    color: #c00;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6;
    line-height: 1;
    padding: 0;
    margin: 8px 0;
    list-style-type: none;
    text-align: left
}

p.error li,
.parsley-required li,
.parsley-errors-list li {
    padding: 0;
    margin: 0
}

p.error {
    margin-bottom: -10px
}

body.no-scroll {
    overflow: hidden
}

.component.map-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 500
}

.component.map-overlay .icon-close {
    background-color: #282f2f;
    cursor: pointer;
    height: 48px;
    line-height: initial;
    padding-top: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 48px;
    z-index: 100
}

.component.map-overlay .map-items-container {
    background-color: #fff;
    float: left;
    height: 100%;
    width: 36%;
    overflow-y: auto
}

.component.map-overlay .map-items-container .map-item {
    padding: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.component.map-overlay .map-items-container .map-item:last-child {
    border-bottom: 0
}

.component.map-overlay .map-items-container .map-item .item-desc {
    line-height: 1.3em
}

.component.map-overlay .map-container {
    background-color: #fff;
    float: left;
    height: 100%;
    width: 64%
}

.component.map-overlay .map-container .map {
    height: 100%
}

.component.map-overlay .component.lazy-image {
    margin-bottom: 24px
}

.component.gdpr {
    width: 100%;
    height: 80%;
    padding: 0 16px
}

@media (min-width: 768px) {
    .component.gdpr {
        padding: 0;
        max-width: 688px
    }
}

.component.gdpr .gdpr-header {
    margin-top: 32px
}

.component.gdpr .subheader {
    font-size: 24px;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 0
}

.component.gdpr .gdpr-legal-copy p,
.component.gdpr .gdpr-legal-copy ol,
.component.gdpr .gdpr-legal-copy ul {
    font-size: 18px
}

.component.gdpr .gdpr-legal-copy a {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95);
    font-weight: 400;
    padding: 1px 0;
    transition: all .1s ease-in-out
}

.component.gdpr .gdpr-form-wrapper {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    bottom: 0;
    position: -webkit-sticky;
    position: sticky
}

@media (min-width: 768px) {
    .component.gdpr .gdpr-form-wrapper {
        background: inherit;
        border-top: none;
        position: inherit
    }
}

.component.gdpr .gdpr-form {
    padding: 16px 0
}

@media (min-width: 768px) {
    .component.gdpr .gdpr-form {
        padding: 0
    }
}

.component.gdpr .btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    width: 100%
}

.component.gdpr .btn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gdpr .btn:active {
    opacity: .8
}

.component.gdpr .btn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gdpr .btn:active {
    opacity: .8
}

.component.gdpr .btn:visited {
    background: #1a7f82;
    color: #fff
}

.component.gdpr .btn:hover,
.component.gdpr .btn:active,
.component.gdpr .btn:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .component.gdpr .btn {
        width: auto
    }
}

@media (min-width: 1024px) {
    .component.gallery-test {
        width: calc(100vw - 300px - 96px)
    }
}

@media (min-width: 1162px) {
    .component.gallery-test {
        max-width: 830px
    }
}

@media (min-width: 1279px) {
    .component.gallery-test {
        max-width: 882px
    }
}

.component.gallery-test .component.loader {
    display: none
}

@media (min-width: 1162px) {
    .component.gallery-test .component.loader {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        visibility: visible
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide {
        visibility: hidden
    }
}

@media (min-width: 1162px) {
    .component.gallery-test.initialized .glide {
        visibility: visible
    }
    .component.gallery-test.initialized .component.loader {
        display: none
    }
}

.component.gallery-test a:focus,
.component.gallery-test button:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.15);
    outline: -webkit-focus-ring-color auto 5px
}

.component.gallery-test .main-header .article-info,
.component.gallery-test .project-heading .article-info,
.component.gallery-test .project-part-container .article-info {
    padding: 0
}

.component.gallery-test .main-header .article-info .breadcrumb-list,
.component.gallery-test .project-heading .article-info .breadcrumb-list,
.component.gallery-test .project-part-container .article-info .breadcrumb-list {
    padding: 8px 0
}

.component.gallery-test .main-header .article-info .headline-wrapper,
.component.gallery-test .project-heading .article-info .headline-wrapper,
.component.gallery-test .project-part-container .article-info .headline-wrapper {
    margin-top: 24px;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .component.gallery-test .main-header .article-info .headline-wrapper,
    .component.gallery-test .project-heading .article-info .headline-wrapper,
    .component.gallery-test .project-part-container .article-info .headline-wrapper {
        margin-top: 32px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .main-header .article-info .headline-wrapper,
    .component.gallery-test .project-heading .article-info .headline-wrapper,
    .component.gallery-test .project-part-container .article-info .headline-wrapper {
        margin-bottom: 32px
    }
}

.component.gallery-test .main-header .article-info .headline,
.component.gallery-test .project-heading .article-info .headline,
.component.gallery-test .project-part-container .article-info .headline {
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .component.gallery-test .main-header .article-info .headline,
    .component.gallery-test .project-heading .article-info .headline,
    .component.gallery-test .project-part-container .article-info .headline {
        margin-bottom: 0
    }
}

.component.gallery-test .heading-content {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .component.gallery-test .heading-content {
        font-size: 48px;
        line-height: 52px
    }
}

.component.gallery-test .author {
    padding: 0;
    margin: 16px 0
}

.component.gallery-test .author .author-text {
    text-align: left
}

.component.gallery-test .author .author-text .byline-comma {
    font-weight: 400
}

.component.gallery-test .author .author-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    border: none;
    color: rgba(0, 0, 0, 0.95)
}

.component.gallery-test .author .timestamp {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    margin-top: 8px
}

@media (min-width: 1024px) {
    .component.gallery-test .author .author-name+.timestamp,
    .component.gallery-test .author .author-credit+.timestamp {
        display: inline;
        margin-left: 8px;
        padding-left: 12px;
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide {
        position: relative;
        width: 100%;
        box-sizing: border-box
    }
    .component.gallery-test .glide * {
        box-sizing: inherit
    }
    .component.gallery-test .glide-track {
        overflow: hidden
    }
    .component.gallery-test .glide-slides {
        position: relative;
        width: 100%;
        list-style: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        touch-action: pan-Y;
        overflow: hidden;
        padding: 0;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        will-change: transform
    }
    .component.gallery-test .glide-slides.dragging {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .component.gallery-test .glide-slide {
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        white-space: initial;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent
    }
    .component.gallery-test .glide-slide a {
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    .component.gallery-test .glide-arrows {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .component.gallery-test .glide-bullets {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .component.gallery-test .glide.rtl {
        direction: rtl
    }
}

.component.gallery-test .disclosure {
    margin: 0;
    padding: 24px 0 0
}

.component.gallery-test .glide-share-heading {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 34px 0 24px;
    text-align: center
}

.component.gallery-test .glide-share-buttons a,
.component.gallery-test .glide-replay {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 1px
}

.component.gallery-test .glide-share-buttons a:focus,
.component.gallery-test .glide-replay:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-share-buttons a:active,
.component.gallery-test .glide-replay:active {
    opacity: .8
}

.component.gallery-test .glide-share-buttons {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.component.gallery-test .glide-share-buttons .icon a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 32px
}

.component.gallery-test .glide-share-buttons .icon a:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-share-buttons .icon a:active {
    opacity: .8
}

.component.gallery-test .glide-share-buttons .icon a svg path {
    fill: #fff
}

.component.gallery-test .glide-share-buttons .icon .popup {
    padding: 0
}

.component.gallery-test .glide-share-buttons .icon svg {
    flex-shrink: 0;
    height: 48px;
    overflow: visible
}

.component.gallery-test .glide-share-buttons .icon.icon-pinterest,
.component.gallery-test .glide-share-buttons .icon.icon-facebook {
    width: 170px;
    padding-right: 16px
}

.component.gallery-test .glide-share-buttons .icon.icon-pinterest {
    background-color: #bd071d;
    margin-right: 4px
}

.component.gallery-test .glide-share-buttons .icon.icon-pinterest:hover,
.component.gallery-test .glide-share-buttons .icon.icon-pinterest:active {
    background-color: #9C0618
}

.component.gallery-test .glide-share-buttons .icon.icon-facebook {
    background-color: #3B5998;
    margin-left: 4px
}

.component.gallery-test .glide-share-buttons .icon.icon-facebook svg {
    width: 43px;
    height: 43px
}

.component.gallery-test .glide-share-buttons .icon.icon-facebook:hover,
.component.gallery-test .glide-share-buttons .icon.icon-facebook:active {
    background-color: #253d70
}

@media (min-width: 768px) {
    .component.gallery-test .share-the-gallery {
        margin-top: 66px
    }
}

@media (min-width: 1024px) {
    .component.gallery-test .share-the-gallery {
        margin-top: 80px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .share-the-gallery {
        display: none
    }
}

.component.gallery-test .glide {
    max-width: 100%;
    margin-bottom: 40px
}

.component.gallery-test .glide-current-slide {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.component.gallery-test .glide-toolbar {
    margin-bottom: 24px
}

.component.gallery-test .glide-controls,
.component.gallery-test .glide-start {
    display: none
}

.component.gallery-test .glide.ad-slide .share-new {
    display: none
}

.component.gallery-test .glide-slide {
    white-space: normal
}

.component.gallery-test .glide-slide.title-slide {
    margin-bottom: 32px
}

.component.gallery-test .glide-slide:not(.title-slide),
.component.gallery-test .glide-slide:not(.last-slide) {
    display: flex;
    flex-direction: column;
    margin: 48px 0
}

@media (min-width: 768px) {
    .component.gallery-test .glide-slide:not(.title-slide),
    .component.gallery-test .glide-slide:not(.last-slide) {
        margin: 64px 0
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide:not(.title-slide),
    .component.gallery-test .glide-slide:not(.last-slide) {
        margin: 0
    }
}

.component.gallery-test .glide-slide.ad-slide {
    display: none
}

.component.gallery-test .glide-slide-meta {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    order: 1;
    margin-bottom: 8px
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide-meta {
        margin-bottom: 0
    }
}

.component.gallery-test .glide-slide-number {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0
}

.component.gallery-test .glide-slide-image {
    background: #F2F2F2;
    line-height: 0;
    order: 1;
    position: relative;
    text-align: center
}

.component.gallery-test .glide-slide-image .social-embed {
    margin: 0
}

.component.gallery-test .glide-slide-title {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0;
    order: 2
}

.component.gallery-test .glide-slide-desc {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Noto Serif", serif
}

.component.gallery-test .glide-slide-desc a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.gallery-test .glide-slide-desc a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-test .glide-slide-desc a:hover,
.component.gallery-test .glide-slide-desc a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.gallery-test .glide-slide-desc a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-test .glide-slide-desc p {
    color: rgba(0, 0, 0, 0.95)
}

.component.gallery-test .glide-slide-content {
    order: 2
}

.component.gallery-test .glide-slide-recipe-meta {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase
}

.component.gallery-test .glide-slide-recipe-total-time {
    line-height: 36px
}

.component.gallery-test .glide-slide-cta,
.component.gallery-test .glide-slide-shopit {
    margin: 16px 0
}

.component.gallery-test .glide-slide-cta-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    margin-left: 4px;
    max-width: 296px
}

.component.gallery-test .glide-slide-cta-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-slide-cta-button:active {
    opacity: .8
}

.component.gallery-test .glide-slide-cta-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-slide-cta-button:active {
    opacity: .8
}

.component.gallery-test .glide-slide-cta-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.gallery-test .glide-slide-cta-button:hover,
.component.gallery-test .glide-slide-cta-button:active,
.component.gallery-test .glide-slide-cta-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.gallery-test .glide-slide-shopit-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    z-index: 1;
    position: relative;
    width: 140px;
    max-width: 296px
}

.component.gallery-test .glide-slide-shopit-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-slide-shopit-button:active {
    opacity: .8
}

.component.gallery-test .glide-slide-shopit-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-test .glide-slide-shopit-button:active {
    opacity: .8
}

.component.gallery-test .glide-slide-shopit-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.gallery-test .glide-slide-shopit-button:hover,
.component.gallery-test .glide-slide-shopit-button:active,
.component.gallery-test .glide-slide-shopit-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.gallery-test .glide-slide-shopit-button .external-message {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden
}

.component.gallery-test .glide-slide-shopit-button:hover,
.component.gallery-test .glide-slide-shopit-button:visited,
.component.gallery-test .glide-slide-shopit-button:active,
.component.gallery-test .glide-slide-shopit-button:focus {
    z-index: 2;
    display: block
}

.component.gallery-test .glide-slide-shopit-button .external-message {
    position: absolute;
    height: 34px;
    border: 3px solid #F2F2F2;
    background-color: #F2F2F2;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    text-transform: none
}

.component.gallery-test .glide-slide-shopit-button:hover .external-message,
.component.gallery-test .glide-slide-shopit-button:visited .external-message,
.component.gallery-test .glide-slide-shopit-button:active .external-message,
.component.gallery-test .glide-slide-shopit-button:focus .external-message {
    top: 44px;
    left: -2px;
    right: -2px;
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.component.gallery-test .glide-slide-shopit-price {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    font-weight: 400;
    letter-spacing: .5px
}

.component.gallery-test .glide-slide-shopit-retailer {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide-shopit-retailer {
        display: inline-block;
        padding-left: 8px
    }
}

.component.gallery-test .glide-slide-related-links {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 24px 0 0
}

.component.gallery-test .glide-slide-related-links a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.gallery-test .glide-slide-related-links a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-test .glide-slide-related-links a:hover,
.component.gallery-test .glide-slide-related-links a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.gallery-test .glide-slide-related-links a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-test .glide-slide.title-slide {
    border: 3px solid #1a7f82;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0)
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc {
    padding-top: 24px;
    font-family: "Noto Serif", serif
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc p {
    font-family: "Noto Serif", serif
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc p:first-of-type {
    margin-top: 0
}

.component.gallery-test .glide-slide.title-slide .glide-slide-image {
    text-align: center
}

.component.gallery-test .glide-slide.title-slide .glide-slide-image .component.lazy-image {
    display: inline-block
}

@media (min-width: 768px) {
    .component.gallery-test .glide-slide.title-slide .glide-slide-container {
        overflow: hidden
    }
    .component.gallery-test .glide-slide.title-slide .glide-slide-image {
        width: 48%;
        float: left;
        margin: 0 24px 24px 0
    }
    .component.gallery-test .glide-slide.title-slide .glide-slide-desc {
        padding: 0
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide.title-slide {
        padding: 32px
    }
    .component.gallery-test .glide-slide.title-slide .glide-slide-image {
        width: 400px;
        margin: 0 32px 0 0
    }
}

@media (min-width: 1162px) and (min-width: 1024px) {
    .component.gallery-test .glide-slide.title-slide .glide-slide-image--intro {
        margin-bottom: 32px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide.title-slide .glide-slide-desc {
        padding: 0
    }
    .component.gallery-test .glide-slide.title-slide .glide-start-container {
        padding-top: 24px
    }
    .component.gallery-test .glide-slide.title-slide .glide-start {
        font-size: 14px;
        line-height: 20px;
        font-weight: 800;
        font-family: "Libre Franklin", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 12px 32px;
        display: inline-block;
        text-align: center;
        border-width: 0;
        border-radius: 0;
        background: #1a7f82;
        color: #fff;
        border-radius: 0;
        border: 3px solid #1a7f82;
        padding: 14px 32px;
        position: relative;
        left: 4px
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:active {
        opacity: .8
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:active {
        opacity: .8
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:visited {
        background: #1a7f82;
        color: #fff
    }
    .component.gallery-test .glide-slide.title-slide .glide-start:hover,
    .component.gallery-test .glide-slide.title-slide .glide-start:active,
    .component.gallery-test .glide-slide.title-slide .glide-start:focus {
        background: #edd5d5;
        border-color: #edd5d5;
        color: rgba(0, 0, 0, 0.95)
    }
}

.component.gallery-test .glide-slide.last-slide {
    display: none
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide.last-slide {
        display: block
    }
}

.component.gallery-test .glide .share-new-ad {
    display: none
}

.component.gallery-test .glide-sharebar--hide-narrow {
    display: none
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-sharebar--hide-narrow {
        display: block
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide {
        position: relative
    }
    .component.gallery-test .glide.first-slide .left-arrow {
        display: none
    }
    .component.gallery-test .glide.title-slide .title-slide-next-text {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        font-weight: 800;
        font-family: "Libre Franklin", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
    .component.gallery-test .glide.title-slide .title-slide-next-text:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.gallery-test .glide.title-slide .title-slide-next-text:active {
        opacity: .8
    }
    .component.gallery-test .glide.title-slide .title-slide-next-text:hover,
    .component.gallery-test .glide.title-slide .title-slide-next-text:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: underline
    }
    .component.gallery-test .glide.title-slide .glide-sharebar .component.sharebar {
        display: inline-block
    }
    .component.gallery-test .glide.title-slide .left-arrow,
    .component.gallery-test .glide.title-slide .view-all-btn {
        display: none
    }
    .component.gallery-test .glide.title-slide .right-arrow {
        flex-basis: auto;
        border-width: 0;
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 0 24px 0
    }
    .component.gallery-test .glide.title-slide .right-arrow:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.gallery-test .glide.title-slide .right-arrow:active {
        opacity: .8
    }
    .component.gallery-test .glide.title-slide .right-arrow:hover,
    .component.gallery-test .glide.title-slide .right-arrow:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
    .component.gallery-test .glide.title-slide .right-arrow svg {
        margin-left: 8px;
        position: static
    }
    .component.gallery-test .glide.title-slide .glide-controls {
        border-bottom-width: 0;
        justify-content: flex-end
    }
    .component.gallery-test .glide.last-slide .glide-controls,
    .component.gallery-test .glide.last-slide .glide-sharebar,
    .component.gallery-test .glide.last-slide .view-all-btn {
        display: none
    }
    .component.gallery-test .glide.last-slide .glide-toolbar {
        z-index: 0
    }
    .component.gallery-test .glide.last-slide .circular-countdown {
        margin: 28px auto 0
    }
    .component.gallery-test .glide.last-slide .circular-countdown-canvas {
        transform: rotate(-90deg)
    }
    .component.gallery-test .glide.last-slide .glide-replay-container {
        margin-top: 36px;
        text-align: left
    }
    .component.gallery-test .glide.last-slide .icon-replay,
    .component.gallery-test .glide.last-slide .glide-replay {
        color: rgba(0, 0, 0, 0.95);
        cursor: pointer;
        vertical-align: middle
    }
    .component.gallery-test .glide.last-slide .icon-replay svg path {
        fill: rgba(0, 0, 0, 0.95)
    }
    .component.gallery-test .glide.last-slide .glide-up-next {
        background: #edd5d5;
        padding: 32px
    }
    .component.gallery-test .glide.last-slide .glide-up-next h2 {
        font-family: "Libre Franklin", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 0;
        letter-spacing: .5px;
        margin: 0
    }
    .component.gallery-test .glide.last-slide .glide-up-next-link {
        font-family: "Libre Franklin", sans-serif;
        font-size: 32px;
        line-height: 36px;
        font-weight: 700;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.95);
        display: inline-block;
        margin-top: 16px;
        max-width: 480px
    }
}

@media (min-width: 1162px) and (min-width: 768px) {
    .component.gallery-test .glide.last-slide .glide-up-next-link {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide.last-slide .glide-up-next-cancel {
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        background: 0;
        border: 0;
        margin-top: 8px
    }
    .component.gallery-test .glide.first-slide .glide-controls {
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
    .component.gallery-test .glide .title-slide-next-text {
        display: none
    }
    .component.gallery-test .glide-toolbar {
        align-items: center;
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        height: 70px;
        justify-content: center;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1
    }
    .component.gallery-test .glide-toolbar,
    .component.gallery-test .glide-controls,
    .component.gallery-test .glide .view-all-btn {
        display: flex
    }
    .component.gallery-test .glide-controls {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        height: 100%;
        min-width: 434px;
        max-width: 550px;
        width: calc(100% - 330px)
    }
}

@media (min-width: 1162px) and (min-width: 1279px) {
    .component.gallery-test .glide-controls {
        width: 550px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-controls button {
        background-color: transparent;
        font-family: inherit;
        font-size: 100%
    }
    .component.gallery-test .glide-view-all {
        align-items: center;
        border: 0;
        display: flex;
        flex: 100 0 1px;
        justify-content: center
    }
    .component.gallery-test .glide-view-all .view-all-inner-wrapper {
        align-items: center;
        display: flex;
        justify-content: center
    }
    .component.gallery-test .glide-view-all .view-all-button-icon {
        margin-right: 4px;
        width: 24px;
        height: 24px
    }
    .component.gallery-test .glide-view-all .view-all-button-text {
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none;
        font-family: "Libre Franklin", sans-serif
    }
    .component.gallery-test .glide-view-all .view-all-button-text:hover,
    .component.gallery-test .glide-view-all .view-all-button-text:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
    .component.gallery-test .glide-nav {
        align-items: center;
        border-width: 0 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.15);
        display: flex;
        flex: 0 0 72px;
        justify-content: center;
        z-index: 100
    }
    .component.gallery-test .glide-nav:hover,
    .component.gallery-test .glide-nav:focus {
        border-color: rgba(0, 0, 0, 0.65);
        border-width: 1px
    }
    .component.gallery-test .glide-sharebar {
        flex: 100 0 1px
    }
    .component.gallery-test .glide-replay {
        font-size: 14px;
        line-height: 20px;
        font-weight: 800;
        font-family: "Libre Franklin", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        align-items: center;
        display: flex;
        font-weight: 700;
        justify-content: flex-start
    }
    .component.gallery-test .glide-replay:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.gallery-test .glide-replay:active {
        opacity: .8
    }
    .component.gallery-test .glide-replay .icon-replay {
        margin-right: 8px
    }
    .component.gallery-test .glide-replay .icon-replay svg {
        width: 24px;
        height: 24px
    }
    .component.gallery-test .glide-slide[aria-hidden="true"] {
        visibility: hidden
    }
    .component.gallery-test .glide-slide[aria-hidden="true"] .monetateLastSlide {
        display: none
    }
    .component.gallery-test .glide-slide.glide__slide--active {
        visibility: visible
    }
    .component.gallery-test .glide-slide:not(.title-slide):not(.last-slide):not(.video-slide) {
        display: block
    }
    .component.gallery-test .glide-slide:not(.title-slide):not(.last-slide) {
        padding-top: 70px;
        position: relative
    }
    .component.gallery-test .glide-slide.title-slide {
        margin-top: 70px
    }
    .component.gallery-test .glide-slide.video-slide {
        display: flex;
        flex-direction: column
    }
    .component.gallery-test .glide-slide.video-slide .glide-slide-image {
        order: 1
    }
    .component.gallery-test .glide-slide.video-slide .glide-slide-meta,
    .component.gallery-test .glide-slide.video-slide .glide-slide-title,
    .component.gallery-test .glide-slide.video-slide .glide-slide-content {
        order: 2
    }
    .component.gallery-test .glide-slide.ad-slide {
        display: block
    }
    .component.gallery-test .glide-slide.ad-slide .glide-slide-title {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0
    }
    .component.gallery-test .glide-slide.ad-slide .ad-title {
        display: block;
        margin-bottom: 8px
    }
    .component.gallery-test .glide-slide.ad-slide .glide-slide-image {
        background-color: rgba(0, 0, 0, 0.05);
        padding-top: 24px
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom {
        display: none
    }
}

@media (min-width: 1162px) and (min-width: 1162px) {
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom {
        display: flex;
        order: 4;
        width: 100%
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-slide-number {
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        margin-top: 4px;
        order: 1;
        padding-right: 8px;
        padding-top: 0
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-view-all {
        background-color: #fff;
        justify-content: left;
        order: 2
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls {
        border: none;
        order: 3
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls .right-arrow {
        border: none;
        margin-left: auto
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls .right-arrow svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .next-text {
        color: #1a7f82;
        display: block;
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 20px;
        text-transform: uppercase;
        width: 100px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta {
        float: left;
        width: 298px
    }
    .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-content {
        clear: left
    }
    .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-image {
        float: right;
        min-width: 434px;
        max-width: 550px;
        margin: 0 0 32px 32px;
        position: relative;
        width: calc(100% - 330px)
    }
}

@media (min-width: 1162px) and (min-width: 1279px) {
    .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-image {
        width: 550px
    }
}

@media (min-width: 1162px) {
    .component.gallery-test .glide-slide-meta {
        display: block;
        margin-top: 32px;
        width: 300px
    }
    .component.gallery-test .glide-slide-sharebar {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden
    }
    .component.gallery-test .glide-slide.full-width {
        display: flex;
        flex-direction: column
    }
    .component.gallery-test .glide-slide.full-width .glide-slide-meta {
        order: 2
    }
    .component.gallery-test .glide-slide.full-width .glide-slide-image {
        float: none;
        margin: 0;
        max-width: none;
        order: 1;
        width: auto
    }
    .component.gallery-test .glide-slide.full-width .glide-slide-content {
        order: 3
    }
    .component.gallery-test .glide-slide.last-slide {
        text-align: center
    }
    .component.gallery-test .glide .share-new-ad {
        display: block
    }
}

@media (min-width: 1279px) {
    .component.gallery-test .glide {
        width: 915px
    }
}

.component.gallery-test .glide .glide-toolbar .glide-view-all {
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff
}

.component.gallery-test .glide .glide-toolbar .glide-view-all svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.component.gallery-test .glide .glide-toolbar .glide-arrow {
    color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.gallery-test .glide .glide-toolbar .glide-arrow:hover {
    background-color: #fff
}

.component.gallery-test .glide .glide-toolbar .glide-arrow svg path {
    fill: rgba(0, 0, 0, 0.95)
}

.component.gallery-test .image-wrap-container {
    display: block
}

.component.gallery-test .image-wrap-container:after {
    content: none
}

.component.gallery-test .body-credit {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65);
    float: none;
    padding-left: 0;
    text-align: left;
    text-transform: uppercase
}

.component.gallery-test .body-credit:before {
    content: 'Photo: '
}

.component.gallery-test .dek {
    color: rgba(0, 0, 0, 0.95);
    margin-bottom: 24px
}

.component.gallery-test .glide-toolbar.cloned {
    display: none
}

.component.gallery-test .notify-next {
    display: flex;
    position: absolute;
    flex-flow: row wrap;
    top: 69px;
    right: 0;
    width: 295px;
    max-height: 120px;
    padding: 16px;
    justify-content: space-between;
    border: solid 1px rgba(0, 0, 0, 0.15);
    background: #fff
}

.component.gallery-test .notify-next .section-left .auto-advance-image-wrapper {
    width: 86px;
    height: 86px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.component.gallery-test .notify-next .section-left .auto-advance-image-wrapper img {
    height: 86px;
    min-width: 100%;
    max-width: none;
    margin: 0 -100%
}

.component.gallery-test .notify-next .section-right {
    width: 160px;
    text-align: center
}

.component.gallery-test .notify-next .section-right h2 {
    font-size: 14px;
    font-weight: 700;
    font-family: inherit;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0.3em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95)
}

.component.gallery-test .notify-next .section-right .glide-up-next-link {
    color: inherit;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    margin-bottom: 0.4em
}

.component.gallery-test .notify-next .section-right .notify-next-linear-countdown {
    width: 86px;
    height: 6px;
    border: 0;
    margin-top: 11px;
    border-radius: 3px;
    background: #d8d8d8
}

.component.gallery-test .notify-next .section-right .notify-next-linear-countdown::-webkit-progress-bar {
    border-radius: 3px;
    background-color: #d8d8d8
}

.component.gallery-test .notify-next .section-right .notify-next-linear-countdown::-webkit-progress-value {
    border-radius: 3px;
    background: #019bd9
}

.component.gallery-test .notify-next .section-right .notify-next-linear-countdown::-moz-progress-bar {
    border-radius: 3px;
    background: #019bd9
}

.component.gallery-test .notify-next .section-right .notify-next-linear-countdown::-ms-fill {
    border-radius: 3px;
    background: #019bd9
}

.component.gallery-test .notify-next .button-close {
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 0;
    border: none;
    background: none
}

.component.gallery-test .notify-next .button-close svg {
    width: 12px;
    height: 12px
}

.component.gallery-test .notify-next .button-close svg path {
    fill: rgba(0, 0, 0, 0.95)
}

body.modal-active.view-all {
    overflow: hidden;
    padding-right: 17px
}

body.modal-active.view-all .partial.modal.view-all {
    position: fixed;
    display: flex;
    padding: 0 0 16px 16px;
    flex-wrap: wrap;
    top: 150px;
    max-width: 1104px;
    background-color: #1a7f82
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image {
    position: relative;
    color: transparent;
    display: block
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image .inner-container {
    display: none
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #F2F2F2, #fff 51%, #F2F2F2);
    background-size: 400% 400%;
    -webkit-animation: photoLoading 1s infinite;
    animation: photoLoading 1s infinite
}

.image-loaded body.modal-active.view-all .partial.modal.view-all .component.lazy-image:after {
    background: none;
    -webkit-animation: none;
    animation: none
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image.image-loaded {
    padding-top: 0 !important;
    background: #fff
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image.image-loaded .inner-container {
    display: block
}

body.modal-active.view-all .partial.modal.view-all .component.lazy-image.image-loaded:after {
    display: none
}

body.modal-active.view-all .partial.modal.view-all .dialogTitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    padding: 12px 0;
    text-transform: capitalize
}

body.modal-active.view-all .partial.modal.view-all .dialogTitle:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

body.modal-active.view-all .partial.modal.view-all .dialogTitle:active {
    opacity: .8
}

body.modal-active.view-all .partial.modal.view-all .close {
    top: 0;
    right: 16px
}

body.modal-active.view-all .partial.modal.view-all .close svg {
    top: 50%;
    transform: translateY(-50%)
}

body.modal-active.view-all .partial.modal.view-all .close svg path {
    fill: #fff
}

body.modal-active.view-all .partial.modal.view-all .content {
    background: #fff;
    left: 0;
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 100%
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin-top: 14px;
    padding: 0 16px
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item {
    position: relative;
    display: block;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    width: 232px;
    height: 232px;
    max-width: 100%
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item:hover .view-all-item-title-wrapper {
    transition: opacity 0.15s, visibility 0.15s;
    visibility: visible;
    opacity: 1
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-wrapper {
    margin: 16px;
    max-width: calc(25% - 32px)
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-number {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    display: inline-block;
    text-transform: lowercase;
    margin-bottom: 6px;
    font-weight: 700
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title-wrapper {
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    visibility: hidden;
    opacity: 0;
    width: 232px;
    height: 232px;
    max-width: 100%;
    max-height: 100%;
    background: #fbd9ce;
    color: rgba(0, 0, 0, 0.95);
    z-index: 100
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 8px;
    overflow: hidden;
    text-align: center;
    font-family: "Libre Franklin", sans-serif;
    line-height: 28px;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title:active {
    opacity: .8
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide {
    align-items: center;
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    position: relative
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - (48px / 2));
    width: 52px;
    transform: translateY(-50%);
    z-index: 1
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke g {
    transform: translateX(1px)
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke circle {
    fill: rgba(0, 0, 0, 0.65);
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 2
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke path {
    stroke: none;
    fill: #fff
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .inner-container {
    height: 232px;
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .inner-container img {
    height: 131px
}

.component.recirculation .component.lazy-image {
    position: relative;
    color: transparent;
    display: block
}

.component.recirculation .component.lazy-image .inner-container {
    display: none
}

.component.recirculation .component.lazy-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #F2F2F2, #fff 51%, #F2F2F2);
    background-size: 400% 400%;
    -webkit-animation: photoLoading 1s infinite;
    animation: photoLoading 1s infinite
}

.image-loaded .component.recirculation .component.lazy-image:after {
    background: none;
    -webkit-animation: none;
    animation: none
}

.component.recirculation .component.lazy-image.image-loaded {
    padding-top: 0 !important;
    background: #fff
}

.component.recirculation .component.lazy-image.image-loaded .inner-container {
    display: block
}

.component.recirculation .component.lazy-image.image-loaded:after {
    display: none
}

.component.recirculation .lazy-image.lazy-image-udf .lazy-image__placeholder {
    display: none
}

.component.recirculation .image-overlay {
    width: 100%;
    z-index: 0
}

.component.recirculation .image-overlay .component.share-new {
    top: 0;
    right: 0;
    bottom: auto;
    position: absolute;
    pointer-events: all;
    width: 44px;
    height: 44px
}

.component.recirculation .image-overlay .component.share-new .share-new__link {
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 0;
    height: 44px;
    width: 44px
}

.component.recirculation .image-overlay .component.share-new .share-new__link:hover,
.component.recirculation .image-overlay .component.share-new .share-new__link:active,
.component.recirculation .image-overlay .component.share-new .share-new__link:focus {
    background: rgba(0, 0, 0, 0.65);
    outline-color: inherit;
    outline-offset: -4px;
    outline-width: 4px
}

.component.recirculation .image-overlay .component.share-new .icon.icon-pinterest path:first-child {
    fill: #fff
}

.component.recirculation .image-overlay .component.share-new .icon-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

@media (min-width: 1162px) {
    .component.recirculation:not(.active) {
        max-width: 1100px;
        margin: 0 auto
    }
}

.component.recirculation .recirculation__wrapper {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    margin: 40px 0;
    position: relative;
    width: 100vw;
    left: -16px
}

@media (min-width: 768px) {
    .component.recirculation .recirculation__wrapper {
        margin: 48px 0;
        left: calc(-1 * ((100vw - 640px) / 2))
    }
}

@media (min-width: 1024px) {
    .component.recirculation .recirculation__wrapper {
        margin: 56px 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width: 1162px) {
    .component.recirculation .recirculation__wrapper {
        margin: 64px 0
    }
}

.component.recirculation .recipe-ratings {
    margin: 8px 0 0
}

.component.recirculation .similarProjectsFiltersLabel {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.component.recirculation .similarProjectsFilters .non-visual-fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.component.recirculation .similarProjectsFiltersSelect {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    margin-top: 8px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjU1cHgiIGhlaWdodD0iMjU1cHgiIHZpZXdCb3g9IjAgMCAyNTUgMjU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTUgMjU1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGcgaWQ9ImFycm93LWRyb3AtZG93biI+PHBvbHlnb24gcG9pbnRzPSIwLDYzLjc1IDEyNy41LDE5MS4yNSAyNTUsNjMuNzUgIi8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) 95%/4% no-repeat;
    background-position: 198px center
}

.component.recirculation .similarProjectsFiltersSelect:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.component.recirculation .similarProjectsFiltersSelect:-ms-input-placeholder {
    color: #595959
}

.component.recirculation .similarProjectsFiltersSelect::-ms-input-placeholder {
    color: #595959
}

.component.recirculation .similarProjectsFiltersSelect::placeholder,
.component.recirculation .similarProjectsFiltersSelect::-ms-input-placeholder {
    color: #595959
}

.component.recirculation .similarProjectsFiltersSelect::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.component.recirculation .similarProjectsFiltersWrapper,
.component.recirculation .similarProjectsFiltersSelect {
    width: 224px
}

.component.recirculation .similarProjectsFilters--category {
    margin-bottom: 24px
}

.component.recirculation .similarProjectsFiltersWrapper {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-right-width: 0;
    white-space: nowrap;
    padding: 0;
    margin: 8px 0 24px 0;
    font-size: 0
}

.component.recirculation .similarProjectsFilters--difficultySection {
    display: inline-block;
    width: 56px;
    height: 46px;
    position: relative
}

.component.recirculation .similarProjectsFilters--difficultySection:not(first-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.3)
}

.component.recirculation .similarProjectsFiltersInput {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10
}

.component.recirculation .similarProjectsFiltersInput:focus+.similarProjectsFiltersInputLabel {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.component.recirculation .similarProjectsFiltersInput:checked+.similarProjectsFiltersInputLabel {
    background: rgba(0, 0, 0, 0.05)
}

.component.recirculation .similarProjectsFiltersInputLabel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component.recirculation .similarProjectsFiltersInputLabel .project-meta-item-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.95)
}

.component.recirculation .similarProjectsFiltersInputLabel-easy .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kind-of-easy .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kindOfEasy .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kind-of-hard .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kindOfHard .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-hard .project-meta-item-value:after {
    content: '';
    speak: none;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 22px;
    left: 17px
}

.component.recirculation .similarProjectsFiltersInputLabel-easy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.15), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .similarProjectsFiltersInputLabel-kind-of-easy .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kindOfEasy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .similarProjectsFiltersInputLabel-kind-of-hard .project-meta-item-value:after,
.component.recirculation .similarProjectsFiltersInputLabel-kindOfHard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .similarProjectsFiltersInputLabel-hard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.65)
}

@media (min-width: 768px) {
    .component.recirculation .similarProjectsFilters {
        display: flex
    }
    .component.recirculation .similarProjectsFilters--category {
        margin-right: 24px
    }
}

.component.recirculation .popular {
    position: relative
}

.component.recirculation .popular__title,
.component.recirculation .popular__listItemTitle {
    margin: 0;
    padding: 0
}

.component.recirculation .popular__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .component.recirculation .popular__title {
        font-size: 36px;
        line-height: 44px
    }
}

.component.recirculation .popular__listItemTitle {
    margin-top: 0.5rem
}

.component.recirculation .popular__listItemImageText {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.component.recirculation .popular__link {
    display: block;
    line-height: 0;
    color: #fff
}

.component.recirculation .popular__link:visited,
.component.recirculation .popular__link:hover {
    color: #fff
}

.component.recirculation .popular__listItemTitleLink {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
    margin-top: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 28px;
    max-height: 56px
}

.component.recirculation .popular__listItemTitleLink:hover,
.component.recirculation .popular__listItemTitleLink:active,
.component.recirculation .popular__listItemTitleLink:focus {
    outline: none
}

.component.recirculation .popular__listItemTitleLink:hover span,
.component.recirculation .popular__listItemTitleLink:active span,
.component.recirculation .popular__listItemTitleLink:focus span {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.recirculation .popular__listItemDifficulty .project-meta-item-value {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    position: relative;
    padding: 12px 0 0 32px
}

.component.recirculation .popular__listItemDifficulty-easy .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-hard .project-meta-item-value:after {
    content: '';
    speak: none;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 22px;
    left: 0
}

.component.recirculation .popular__listItemDifficulty-easy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.15), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .popular__listItemDifficulty-kind-of-easy .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kindOfEasy .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.15), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .popular__listItemDifficulty-kind-of-hard .project-meta-item-value:after,
.component.recirculation .popular__listItemDifficulty-kindOfHard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.15)
}

.component.recirculation .popular__listItemDifficulty-hard .project-meta-item-value:after {
    content: '';
    box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.65), 12px 0 0 0 rgba(0, 0, 0, 0.65), 18px 0 0 0 rgba(0, 0, 0, 0.65)
}

.component.recirculation .popular__listItemTime {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.65)
}

.component.recirculation .popular__listWrapper {
    overflow: hidden;
    position: relative
}

.component.recirculation .popular__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.component.recirculation .popular__list::-webkit-scrollbar {
    display: none
}

.component.recirculation .popular__listItem {
    display: block;
    position: relative;
    width: 245px;
    min-width: 245px;
    margin-right: 16px
}

.component.recirculation .popular__listItem__placeHolder {
    width: 100%;
    height: auto
}

.component.recirculation .popular__listItem.hide {
    display: none
}

.component.recirculation .popular__prev,
.component.recirculation .popular__next {
    display: none
}

@media (min-width: 768px) {
    .component.recirculation .popular__prev,
    .component.recirculation .popular__next {
        height: 48px;
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        text-decoration: none;
        border: 3px solid #edd5d5;
        background: #edd5d5;
        color: rgba(0, 0, 0, 0.95);
        position: absolute;
        top: calc(50% - 53px);
        z-index: 1;
        overflow: hidden
    }
    .component.recirculation .popular__prev svg,
    .component.recirculation .popular__next svg {
        width: 32px;
        height: 32px
    }
    .component.recirculation .popular__prev:focus,
    .component.recirculation .popular__prev:hover,
    .component.recirculation .popular__next:focus,
    .component.recirculation .popular__next:hover {
        text-decoration: none
    }
    .component.recirculation .popular__prev:focus,
    .component.recirculation .popular__next:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.recirculation .popular__prev:active,
    .component.recirculation .popular__next:active {
        opacity: .8
    }
    .component.recirculation .popular__prev svg,
    .component.recirculation .popular__next svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .component.recirculation .popular__prev:hover,
    .component.recirculation .popular__next:hover {
        background: rgba(0, 0, 0, 0.15);
        border-color: 3px solid rgba(0, 0, 0, 0.95);
        color: rgba(0, 0, 0, 0.95)
    }
    .component.recirculation .popular__prev:hover svg,
    .component.recirculation .popular__next:hover svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .component.recirculation .popular__prev:before,
    .component.recirculation .popular__next:before {
        position: absolute
    }
    .component.recirculation .popular__prev[disabled],
    .component.recirculation .popular__next[disabled] {
        display: none
    }
    .component.recirculation .popular__prev {
        left: 10px
    }
    .component.recirculation .popular__next {
        right: 10px;
        text-align: right
    }
    .component.recirculation .popular__title {
        margin-bottom: 24px
    }
    .component.recirculation .popular__listItem {
        width: 197px;
        min-width: 197px;
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .component.recirculation .popular .popular-heading-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
    .component.recirculation .popular__listItem {
        width: calc((100% - 72px) / 4);
        min-width: calc((100% - 72px) / 4)
    }
}

.component.recirculation .allTopics__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 48px
}

.component.recirculation .recirc__Buttons--closeBtn,
.component.recirculation .recirc__Buttons--moreBtn {
    display: none
}

.component.recirculation.active {
    position: fixed;
    height: 100vh;
    background: #fff;
    left: 0;
    bottom: -80vh;
    width: 100vw;
    padding-top: 30px;
    border-top: 5px solid rgba(0, 0, 0, 0.95);
    z-index: 500;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-25px);
    transition-delay: .02s;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.34, 1.53, 0.86, 0.93);
    overflow: hidden
}

.component.recirculation.active .recirculation__wrapper {
    display: none
}

.component.recirculation.active .popular {
    max-width: 1100px;
    margin: 0 auto
}

.component.recirculation.active .recirc__Buttons {
    position: absolute;
    top: -30px;
    right: 0;
    display: flex
}

.component.recirculation.active .recirc__Buttons--moreBtn,
.component.recirculation.active .recirc__Buttons--closeBtn {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    border: none;
    margin-right: 10px;
    display: block
}

.component.recirculation.active .recirc__Buttons--moreBtn svg,
.component.recirculation.active .recirc__Buttons--closeBtn svg {
    height: 12px;
    width: 12px;
    margin-left: 5px;
    pointer-events: none
}

.component.recirculation.active .recirc__Buttons--moreBtn svg path,
.component.recirculation.active .recirc__Buttons--closeBtn svg path {
    fill: rgba(0, 0, 0, 0.95)
}

.component.recirculation.active .recirc__Buttons--moreBtn {
    border: 1px solid rgba(0, 0, 0, 0.95);
    padding: 10px;
    background: rgba(0, 0, 0, 0.95);
    color: #fff
}

.component.recirculation.active .recirc__Buttons--moreBtn svg path {
    fill: #fff
}

.component.recirculation.slideUp {
    position: static
}

.component.recirculation .hide {
    display: none
}

.popular__listItemImageText {
    background: #fff;
    color: rgba(0, 0, 0, 0.95)
}

.primary-bylines,
.secondary-bylines {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.bylines {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.95);
    font-size: 18px;
    font-weight: 700;
    list-style-type: none;
    margin: 0;
    padding: 24px 0 0
}

.primary-bylines {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    font-family: "Noto Serif", serif;
    margin-top: 32px;
    margin-bottom: 24px;
    padding-top: 32px
}

.primary-bylines .primary-bylines-li {
    margin-bottom: 24px
}

.primary-bylines .primary-bylines-li:last-of-type {
    margin-bottom: 0
}

.primary-bylines .primary-image {
    border-radius: 50%;
    display: inline-block;
    height: 72px;
    width: 72px;
    margin-right: 8px;
    margin-left: 0;
    margin-top: 0
}

.primary-bylines .primary-image img {
    border-radius: 50%
}

.primary-bylines .primarybylines-text-container {
    display: flex;
    flex-direction: column
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    display: flex;
    flex-direction: column;
    z-index: 1
}

@media (min-width: 1024px) {
    .primary-bylines .primarybylines-text-container .primary-bylines-name-container {
        flex-direction: row
    }
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container a {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    box-shadow: inset 0 0;
    font-weight: 700
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:hover,
.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:active,
.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:hover,
.primary-bylines .primarybylines-text-container .primary-bylines-name-container a:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.primary-bylines .primarybylines-text-container a.social-media-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    margin-top: 8px
}

.primary-bylines .primarybylines-text-container a.social-media-link:hover,
.primary-bylines .primarybylines-text-container a.social-media-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

@media (min-width: 1024px) {
    .primary-bylines .primarybylines-text-container a.social-media-link {
        margin-left: 8px;
        margin-top: initial
    }
}

.primary-bylines .primary-container {
    align-items: center;
    display: flex
}

.primary-bylines .job-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 8px;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .primary-bylines .job-title {
        flex: 1 1 100%
    }
}

.secondary-bylines {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.secondary-bylines .bylines-li {
    padding-bottom: 4px
}

.secondary-bylines .author-page {
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
    text-decoration: underline
}

.secondary-bylines .bylines-role {
    text-transform: capitalize
}

.secondary-bylines .social-media-link {
    color: rgba(0, 0, 0, 0.95);
    font-size: 12px;
    font-weight: 700;
    padding-right: 8x
}

.circular-countdown {
    display: block
}

.circular-countdown-inner {
    display: inline-block;
    position: relative
}

.circular-countdown .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.circular-countdown .icon path {
    fill: rgba(0, 0, 0, 0.95)
}

.circular-countdown .icon:hover path {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .social-docked.modal-active .component.share-new {
        padding-top: 0
    }
    .social-docked .component.share-new {
        position: fixed;
        padding-top: 20px;
        top: 60px
    }
}

.component.share-new {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.component.share-new.hidden {
    display: none
}

.component.share-new.vertical {
    flex-direction: row
}

@media (min-width: 1024px) {
    .component.share-new.vertical {
        flex-direction: column
    }
}

@media (min-width: 1024px) {
    .component.share-new.vertical .icon-container:not(: last-of-type) {
        margin-right: 0;
        margin-bottom: 8px
    }
}

.component.share-new.circle .icon.shareicon-modal-toggle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.65);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.component.share-new.circle .icon.shareicon-modal-toggle:hover,
.component.share-new.circle .icon.shareicon-modal-toggle:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new.circle .icon.shareicon-modal-toggle:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

.component.share-new.circle .icon>a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.65);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.component.share-new.circle .icon>a:hover,
.component.share-new.circle .icon>a:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new.circle .icon>a:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

.component.share-new.square {
    overflow: auto
}

@media (min-width: 1024px) {
    .component.share-new.square .icon .icon-text {
        position: relative;
        bottom: 7px
    }
}

.component.share-new.square .icon.shareicon-modal-toggle {
    width: 76px;
    height: 44px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    justify-content: center
}

.component.share-new.square .icon.shareicon-modal-toggle:hover,
.component.share-new.square .icon.shareicon-modal-toggle:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new.square .icon.shareicon-modal-toggle:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .component.share-new.square .icon.shareicon-modal-toggle {
        width: 48px;
        height: 58px;
        flex-direction: column;
        justify-content: center
    }
}

.component.share-new.square .icon.shareicon-modal-toggle .icon-ellipsis {
    display: flex;
    flex-direction: row;
    align-items: center
}

.component.share-new.square .icon.shareicon-modal-toggle .icon-ellipsis .icon-text {
    margin-left: 5px
}

@media (min-width: 1024px) {
    .component.share-new.square .icon.shareicon-modal-toggle .icon-ellipsis {
        flex-direction: column;
        height: 100%
    }
    .component.share-new.square .icon.shareicon-modal-toggle .icon-ellipsis svg {
        display: inline-block;
        height: 100%
    }
    .component.share-new.square .icon.shareicon-modal-toggle .icon-ellipsis .icon-text {
        margin-top: auto;
        margin-left: 0
    }
}

.component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
    display: flex;
    flex-direction: column;
    align-items: center
}

.component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.95);
    margin-left: 0
}

@media (min-width: 1024px) {
    .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
        flex-direction: row
    }
    .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
        margin-left: 5px;
        margin-top: 2px
    }
}

.component.share-new.square .icon.icon-twitter>a {
    width: 88px
}

@media (min-width: 1024px) {
    .component.share-new.square .icon.icon-twitter>a {
        width: 48px
    }
}

.component.share-new.square .icon>a {
    width: 76px;
    height: 44px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row
}

.component.share-new.square .icon>a:hover,
.component.share-new.square .icon>a:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new.square .icon>a:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .component.share-new.square .icon>a {
        width: 48px;
        height: 58px;
        flex-direction: column;
        justify-content: center
    }
}

.component.share-new.square .icon-text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    text-transform: capitalize;
    letter-spacing: normal
}

.component.share-new.square .icon-text:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.share-new.square .icon-text:active {
    opacity: .8
}

.component.share-new .icon {
    margin-right: 8px;
    padding: 0
}

.component.share-new .icon.icon-print {
    display: block
}

.component.share-new .icon.icon-twitter>a {
    width: 48px
}

.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag {
    border: rgba(0, 0, 0, 0.65) solid 1px;
    background-color: #fff
}

.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag:hover,
.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag:active,
.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag:focus {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag.saved {
    border-color: rgba(0, 0, 0, 0.65);
    background-color: #fff
}

.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag.saved:hover,
.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag.saved:active,
.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag.saved:focus {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.share-new .icon.icon-favorite .shareicon-favorite-link-tag .icon-share-favorite {
    margin: 8px 0
}

@media (min-width: 1024px) {
    .component.share-new .icon.icon-favorite .shareicon-favorite-link-bounceX .icon-text {
        bottom: 0
    }
}

.component.share-new .icon.icon-favorite svg,
.component.share-new .icon.icon-favorite span {
    pointer-events: none
}

.component.share-new .icon.icon-favorite path:first-child {
    fill: #fff;
    stroke: #1a7f82;
    stroke-width: 2px
}

.component.share-new .icon.icon-favorite:hover path:first-child,
.component.share-new .icon.icon-favorite:active path:first-child,
.component.share-new .icon.icon-favorite:focus path:first-child {
    fill: #1a7f82;
    stroke: #1a7f82
}

.component.share-new .icon.icon-favorite .saved path:first-child {
    fill: #1a7f82;
    stroke: #1a7f82
}

.component.share-new .icon.icon-favorite .saved:hover path:first-child,
.component.share-new .icon.icon-favorite .saved:active path:first-child,
.component.share-new .icon.icon-favorite .saved:focus path:first-child {
    fill: #1a7f82;
    stroke: #1a7f82
}

.component.share-new .icon.icon-favorite .icon-text {
    color: rgba(0, 0, 0, 0.95)
}

.component.share-new .icon.shareicon-modal-toggle {
    cursor: pointer
}

.component.share-new .icon.shareicon-modal-toggle svg {
    pointer-events: none;
    width: 18px;
    height: 18px;
    margin: 0 auto
}

.component.share-new .icon.shareicon-modal-toggle .icon-reply svg {
    width: 20px;
    height: 20px
}

@media (min-width: 1024px) {
    .component.share-new .icon.shareicon-modal-toggle .icon-reply svg {
        width: 24px;
        height: 24px
    }
}

.component.share-new .icon-container:not(:last-of-type) {
    margin-right: 8px
}

.component.share-new .icon>a {
    position: relative
}

.component.share-new .icon-text {
    display: none
}

.modal.share-icons .component.share-new .icon-text {
    display: block;
    position: absolute;
    left: calc(100% + 8px);
    white-space: nowrap;
    top: 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95)
}

.modal.share-icons .component.share-new .icon-text:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.modal.share-icons .component.share-new .icon-text:active {
    opacity: .8
}

.component.share-new .icon:last-child {
    margin-right: 0
}

.component.share-new .icon.icon-pinterest path:first-child {
    fill: #bd071d
}

.component.share-new .icon.icon-pinterest:hover path:first-child,
.component.share-new .icon.icon-pinterest:visited path:first-child {
    fill: #bd071d
}

.component.share-new .icon.icon-google path:first-child {
    fill: #e0483a
}

.component.share-new .icon.icon-google:hover path:first-child,
.component.share-new .icon.icon-google:visited path:first-child {
    fill: #e0483a
}

.component.share-new .icon.icon-facebook path:first-child {
    fill: #3B5998
}

.component.share-new .icon.icon-facebook:hover path:first-child,
.component.share-new .icon.icon-facebook:visited path:first-child {
    fill: #3B5998
}

.component.share-new .icon.icon-twitter path:first-child {
    fill: #1DA1F2
}

.component.share-new .icon.icon-twitter:hover path:first-child,
.component.share-new .icon.icon-twitter:visited path:first-child {
    fill: #1DA1F2
}

.component.share-new .icon.icon-sms path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-sms:hover path:first-child,
.component.share-new .icon.icon-sms:visited path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-print path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-print:hover path:first-child,
.component.share-new .icon.icon-print:visited path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-email path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-email:hover path:first-child,
.component.share-new .icon.icon-email:visited path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-reply path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-reply:hover path:first-child,
.component.share-new .icon.icon-reply:visited path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-comments path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.share-new .icon.icon-comments:hover path:first-child,
.component.share-new .icon.icon-comments:visited path:first-child {
    fill: rgba(0, 0, 0, 0.65)
}

body.modal-active.share-icons .partial.modal.share-icons {
    display: block;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    padding: 32px;
    max-height: calc(100vh - 70px)
}

body.modal-active.share-icons .partial.modal.share-icons .dialog-wrap {
    max-height: calc(100vh - 100px);
    overflow-y: auto
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: inherit
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon {
    margin: 0 8px 8px 0
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon>a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.65);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon>a:hover,
body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon>a:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon>a:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon-sms {
        display: none
    }
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .icon-reply {
    border: none
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:active {
    opacity: .8
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:hover,
body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

@media (min-width: 1024px) {
    .docked-sharebar .component.share-new .icon {
        margin: 0 0 8px
    }
    .docked-sharebar .component.share-new .icon:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .component.share-new .icon-sms {
        display: none
    }
}

.hidden,
.hide {
    display: none
}

.component.gallery-everything-in {
    display: none
}

@media (min-width: 1162px) {
    .component.gallery-everything-in {
        display: block
    }
}

.component.gallery-everything-in .disclosure {
    margin: 0;
    padding: 0
}

.component.gallery-everything-in .gallery-everything-in-all-slide {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 0
}

.component.gallery-everything-in .gallery-everything-in-all-slide:first-child {
    padding-top: 42px
}

.component.gallery-everything-in .gallery-everything-in-all-slide:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image {
    flex: 0 0 200px;
    position: relative;
    cursor: pointer
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image svg {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image.video_slide .icon-play-circle-stroke {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - (48px / 2));
    width: 52px;
    transform: translateY(-50%);
    z-index: 1
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image.video_slide .icon-play-circle-stroke g {
    transform: translateX(1px)
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image.video_slide .icon-play-circle-stroke circle {
    fill: rgba(0, 0, 0, 0.65);
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 2
}

.component.gallery-everything-in .gallery-everything-in-all-slide-image.video_slide .icon-play-circle-stroke path {
    stroke: none;
    fill: #fff
}

.component.gallery-everything-in .gallery-everything-in-all-slide-content {
    flex: 100 0 1px;
    margin-left: 64px
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-title {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    margin-top: 0;
    cursor: pointer;
    display: inline-block
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-title:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-title:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta {
    margin: 16px 0
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    max-width: 300px
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:active {
    opacity: .8
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:active {
    opacity: .8
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:hover,
.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:active,
.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-desc a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-desc a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-desc a:hover,
.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-desc a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-desc a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 24px 0
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links a:hover,
.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-related-links a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.gallery-everything-in .gallery-everything-in-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .component.gallery-everything-in .gallery-everything-in-title {
        font-size: 36px;
        line-height: 44px
    }
}

body .component.image-zoom .credit a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

body .component.image-zoom .credit a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

body .component.image-zoom .credit a:hover,
body .component.image-zoom .credit a:active,
body .component.image-zoom .credit a:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

body button.icon-image-zoom:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

body.modal-active.image-modal {
    overflow: hidden
}

body.modal-active.image-modal .menu-overlay {
    z-index: 600
}

body.modal-active.image-modal .partial.modal.zoom-image {
    display: block;
    padding: 0;
    width: auto;
    box-shadow: none;
    max-width: 100vw;
    max-height: calc(100vh - 60px);
    position: fixed;
    z-index: 600
}

body.modal-active.image-modal .partial.modal.zoom-image .content {
    max-height: calc(100vh - 40px);
    overflow: auto
}

@media (min-width: 768px) {
    body.modal-active.image-modal .partial.modal.zoom-image .media-img {
        display: flex
    }
}

body.modal-active.image-modal .partial.modal.zoom-image img {
    width: auto;
    height: auto;
    max-width: 100vw;
    max-height: calc(100vh - 80px);
    margin: 0 auto
}

body.modal-active.image-modal .partial.modal.zoom-image .image-wrap-container {
    display: block;
    background: #fff;
    padding: 10px 20px 10px 16px;
    margin: 0
}

body.modal-active.image-modal .partial.modal.zoom-image .image-wrap-container .credit {
    padding-left: 0;
    padding-right: 0
}

body.modal-active.image-modal .partial.modal.zoom-image .body-credit {
    text-transform: uppercase
}

body.modal-active.image-modal .partial.modal.zoom-image .body-credit:before {
    content: 'Photo: '
}

.component.loader {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite
}

.component.auto-advance {
    clear: both
}

.component.auto-advance .hidden {
    display: none
}

.component.auto-advance .loader {
    margin: 0 auto 32px
}

.component.auto-advance .content.content-breadcrumbs {
    margin-top: 0
}

.component.auto-advance .intro-top {
    margin-bottom: 0
}

.component.auto-advance .two-col-container .content.first,
.component.auto-advance .two-col-container .content.content-breadcrumbs .breadcrumb-list,
.component.auto-advance .main-header .intro,
.component.auto-advance .project-heading .intro,
.component.auto-advance .project-part-container .intro {
    margin-top: 0;
    padding-top: 0
}

.component.auto-advance .recirculation__wrapper--bottom {
    display: none
}

.component.auto-advance .lazy-partial {
    clear: both
}

.component.auto-advance .divider {
    position: relative;
    border: 0;
    overflow: visible;
    background: rgba(0, 0, 0, 0.15);
    height: 5px;
    width: 100%;
    margin: 16px 0;
    margin: 16px auto;
    position: relative;
    left: 50%;
    margin: 40px 0;
    transform: translateX(-50%);
    width: 100vw
}

@media (min-width: 768px) {
    .component.auto-advance .divider {
        margin: 48px 0
    }
}

@media (min-width: 1024px) {
    .component.auto-advance .divider {
        margin: 56px 0
    }
}

@media (min-width: 1162px) {
    .component.auto-advance .divider {
        margin: 64px 0
    }
}

.component.auto-advance .divider-center {
    background: #fff;
    left: 50%;
    margin-bottom: 64px;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 2
}

.component.auto-advance .divider-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 0 4px
}

.component.auto-advance .icon-scroll-down {
    width: 12px;
    height: 14px
}

.component.auto-advance .icon-scroll-down svg {
    width: 100%;
    height: 100%
}

.component.auto-advance .icon-scroll-down path {
    fill: #f9f7f0
}

.component.auto-advance:first-child .divider {
    display: none;
    margin-top: 0
}

.mdex-test.template-gallery .auto-advance-segment-values {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.mdex-test.template-gallery .partial.divider-wrapper {
    width: 100vw;
    left: -16px;
    position: relative
}

@media (min-width: 768px) {
    .mdex-test.template-gallery .partial.divider-wrapper {
        left: calc(-1 * ((100vw - 640px) / 2))
    }
}

@media (min-width: 1024px) {
    .mdex-test.template-gallery .partial.divider-wrapper {
        left: -24px
    }
}

@media (min-width: 1088px) {
    .mdex-test.template-gallery .partial.divider-wrapper {
        left: calc(-1 * ((100vw - 1088px) / 2) - $grid-b-gutter-narrow-desktop)
    }
}

.mdex-test.template-gallery .lazy-gallery:last-child {
    margin-bottom: 64px
}

.partial.modal.hamburger {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    box-shadow: none;
    transform: translate(0%)
}

@media (min-width: 768px) {
    .partial.modal.hamburger {
        max-width: none;
        width: 640px;
        left: calc((100% - 640px) / 2)
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger {
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 976px;
        height: auto
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger {
        width: 1100px
    }
}

.partial.modal.hamburger .close {
    left: 16px;
    top: 0;
    bottom: auto;
    height: 60px;
    width: 32px;
    position: relative;
    z-index: 1
}

.partial.modal.hamburger .close ~ .content .hamburger-header.modal-header .logo {
    margin-left: 64px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .close ~ .content .hamburger-header.modal-header .logo {
        margin-left: 0
    }
}

.partial.modal.hamburger .close svg {
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%)
}

.partial.modal.hamburger .close svg path {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .close {
        top: -50px;
        right: 0;
        left: auto;
        position: absolute
    }
    .partial.modal.hamburger .close svg {
        left: auto;
        right: 0;
        transform: translate(0, -50%)
    }
    .partial.modal.hamburger .close svg path {
        fill: #fff
    }
}

.partial.modal.hamburger .hamburger-header {
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
    position: relative;
    top: -60px
}

@media (min-width: 768px) {
    .partial.modal.hamburger .hamburger-header {
        margin-left: calc((100vw - 640px) / 2 * -1);
        padding: 0 calc((100vw - 640px) / 2);
        width: 100vw
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .hamburger-header {
        height: 62px;
        width: 976px;
        margin-left: 0;
        padding: 0 32px;
        top: 0
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .hamburger-header {
        width: 1100px
    }
}

.partial.modal.hamburger .hamburger-header .logo {
    display: flex;
    margin-left: 60px;
    flex: 100 1 1px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .hamburger-header .logo {
        margin-left: 0;
        padding-left: 0
    }
    .partial.modal.hamburger .hamburger-header .logo svg {
        height: 32px;
        margin-top: 4px
    }
}

.partial.modal.hamburger .hamburger-header .menu-subscribe {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    padding-right: 16px;
    font-family: "Noto Serif", serif
}

.partial.modal.hamburger .hamburger-header .menu-subscribe a {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.partial.modal.hamburger .hamburger-header .menu-subscribe a:hover,
.partial.modal.hamburger .hamburger-header .menu-subscribe a:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper {
    background: #fff;
    position: relative;
    top: -60px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper {
        top: 0
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper {
        height: 100%;
        margin-left: 0;
        max-width: 100%
    }
}

.partial.modal.hamburger .modal-wrapper .modal-navigation {
    position: relative
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .modal-navigation {
        display: flex;
        flex-direction: column;
        height: 700px;
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu {
    background: #fff;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu {
        max-width: 976px;
        height: auto;
        overflow-y: scroll
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .hamburger-overlay-popup {
        width: 976px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .container {
        max-width: calc(100% - 680px);
        display: inline-block;
        padding: 0 32px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .sub-container {
        max-width: 680px;
        height: 200px;
        padding: 0 24px;
        float: right;
        display: inline-block
    }
}

@media (min-width: 1279px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu {
        max-width: 1100px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .container {
        max-width: calc(100% - 756px)
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .sub-container {
        max-width: 756px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .top-menu {
    flex-grow: 1;
    margin-top: 0;
    width: 100%;
    padding: 32px 16px;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .top-menu {
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 2px solid rgba(0, 0, 0, 0.05);
        max-width: 255px;
        height: 100%;
        padding: 14px 0 32px 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link:active {
    opacity: .8
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link .accordion-arrow {
        margin-right: 16px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .accordion-arrow {
    height: auto;
    padding: 0;
    transform: rotate(-90deg);
    display: block;
    pointer-events: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .accordion-arrow svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e1dfdd
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main:last-child {
    border-bottom-width: 0
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main {
        padding: 0 32px 0 0;
        border-bottom-width: 0
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu {
        padding: 0 0 16px 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu .submenu-link.main-link>span,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu .submenu-link.child-link {
    padding-top: 12px;
    padding-bottom: 12px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu .submenu-link.main-link>span,
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu .submenu-link.child-link {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu .submenu-link.main-link>span {
        margin-left: 32px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected {
    border-bottom: none;
    padding-right: 0
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link {
        background-color: #f0f0f0;
        color: rgba(0, 0, 0, 0.95)
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link {
        position: relative
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link:before {
        content: '';
        width: 2px;
        height: 100%;
        background: #f0f0f0;
        position: absolute;
        z-index: 1;
        top: 0;
        right: -2px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link:after {
        width: 0;
        height: 0;
        display: inline-block;
        content: '';
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 13px solid #f0f0f0;
        margin-right: -15px;
        z-index: 2
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .accordion-arrow {
    visibility: hidden
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item {
    margin-bottom: 32px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container {
    height: 40px;
    position: relative
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
    position: absolute
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
    border-radius: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.65);
    border-width: 1px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 66px 10px 16px;
    color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field:hover {
    border-color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search {
    bottom: -1px;
    right: 0;
    height: 100%;
    width: 50px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search {
    width: 20px;
    height: 20px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search svg {
    width: 100%;
    height: 100%
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
    padding-right: 40px
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item {
        display: block;
        margin-left: 32px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .icon.search {
        opacity: 1;
        background: transparent
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container {
        display: block
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search {
        display: block
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    top: 0;
    right: -110%;
    opacity: 0;
    padding: 0 16px;
    min-height: 100%
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
    z-index: 1;
    opacity: 1;
    width: 100%;
    display: block;
    right: 0
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
        top: 0;
        left: 255px;
        width: 720px;
        padding: 0 60px
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
        width: 844px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded button:not(.ingredient-search) {
    border: 0;
    background: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded button:not(.ingredient-search).back-button {
    position: absolute;
    left: -10px;
    height: 48px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded button:not(.ingredient-search).back-button path {
    fill: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 0;
    position: relative;
    justify-content: center
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header {
        display: block;
        margin: 36px 0 16px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        text-align: left
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .main-channel {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    margin-bottom: 24px;
    text-align: center;
    width: 300px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    line-height: 32px;
    max-height: 96px
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .main-channel {
        width: auto
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .main-channel {
        text-align: left;
        padding: 0;
        margin: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    flex-basis: 100%;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading:hover,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading {
        position: absolute;
        top: 10px;
        right: 0;
        padding: 0;
        text-align: right;
        border-bottom-width: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.unlinked .sub-menu-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu {
    height: auto
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu {
        display: flex;
        flex: 1 1 100%
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children {
    padding: 0;
    margin-top: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .submenu-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .submenu-link {
        align-items: flex-start
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children {
        height: auto;
        width: 100%
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .menu-item-main {
        float: left;
        width: 50%;
        padding-right: 0
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .menu-item-main .submenu-link {
        width: 100%;
        padding-right: 24px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children.featured-content {
        width: 66%
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .menu-item-main:last-child {
    border: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu:not(.expanded-submenu) .sub-menu-header {
    border: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu:not(.expanded-submenu) .sub-menu-header .submenu-children {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px 0 -16px;
    padding: 0 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children {
        margin: 0;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children {
        display: inline-table
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    flex: 1 0 50%
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main {
        flex: 1 0 33%
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main {
        width: 25%;
        max-width: 220px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main .primary-nav-submenu-children {
    padding: 16px 18px 8px 16px;
    margin: 0;
    width: 100%
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main .primary-nav-submenu-children .submenu-multi-level {
    width: inherit;
    border: 0;
    color: rgba(0, 0, 0, 0.95);
    display: block;
    text-align: center
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main .primary-nav-submenu-children .submenu-multi-level {
        text-align: left
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main .primary-nav-submenu-children .submenu-multi-level.top-heading {
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 16px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children .menu-item-main .primary-nav-submenu-children .submenu-multi-level .submenu-link.child-link {
    display: block
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded {
    display: block;
    border-left: none;
    margin-top: 12px;
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex-flow: row wrap;
        align-content: flex-end;
        margin-top: 0;
        margin-bottom: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded {
    float: none;
    margin: 24px 0;
    border-right: none
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded {
        width: 33%;
        max-width: 240px;
        border-bottom: none;
        margin: 0 0 24px;
        padding-bottom: 24px;
        display: inline-block;
        vertical-align: top
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .submenu-expanded-item {
        margin-right: 24px;
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        overflow: auto;
        height: 100%
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded:nth-child(3n+3) .submenu-expanded-item,
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded:last-of-type .submenu-expanded-item {
        border-right: none
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded:nth-child(3n+4):before {
        display: block;
        content: ' ';
        background-color: transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        position: absolute;
        height: 2px;
        margin-top: -24px;
        width: calc(100% - 120px)
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .primary-nav-submenu-children {
    padding-top: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .primary-nav-submenu-children .submenu-multi-level {
    text-align: left
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .submenu-heading-expanded {
    margin: 0 0 16px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .expanded-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main {
    display: list-item;
    list-style-type: disc;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main .submenu-link {
    display: inline-block;
    padding: 8px 0;
    letter-spacing: .5px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social {
    display: block;
    padding-top: 8px;
    margin-left: -20px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social .icon path {
    fill: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social .icon:hover path,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social .icon:active path,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social .icon:focus path {
    fill: rgba(0, 0, 0, 0.65)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main.social .expanded-follow {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main .menu-item-main {
    margin-left: 10px;
    padding-left: 10px;
    list-style: disc
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px 0;
    float: right;
    width: 188px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .eyebrow-link,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .image-flair {
    display: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .component.lazy-image {
    border-radius: 50%;
    height: 108px;
    width: 108px;
    background: rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .media-img {
    margin-bottom: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .media-body {
    width: 100%
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1279px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .heading-content {
        font-size: 24px;
        line-height: 32px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .exploreMenuItemImageText {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .headline {
    position: relative;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .headline:hover,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .headline:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .summary {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    display: block
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .summary.mobile-only {
        display: none
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fbd9ce;
    color: #fbd9ce;
    text-decoration: none;
    width: 100%;
    align-items: center;
    display: flex
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:hover,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:visited {
    color: #fbd9ce;
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more svg path {
    fill: #1a7f82
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info {
    margin: 0 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile {
        flex-direction: column;
        margin: 0;
        min-height: 400px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .show-index {
        font-size: 48px;
        line-height: 48px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .show-index+a {
        padding-left: 0
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info {
        margin: 0
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile {
        min-height: 450px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .component.lazy-image {
        height: 144px;
        width: 144px;
        margin-bottom: 16px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .component.lazy-image {
    margin-left: 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .component.lazy-image {
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile {
        padding: 24px 16px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info {
        text-align: center
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .headline,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .summary {
    padding: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .headline {
    display: inline-block;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more {
    color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more:active {
    opacity: .8
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more {
        justify-content: center;
        align-items: normal;
        padding-left: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more:hover {
    text-decoration: underline
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more .icon-arrow-right {
    position: relative;
    top: -1px;
    width: 20px;
    margin-left: 4px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured {
    display: none
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured {
        display: flex;
        margin-bottom: 24px;
        min-height: unset;
        text-align: center
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .component.lazy-image {
        margin-bottom: 8px
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .heading-3 {
        color: rgba(0, 0, 0, 0.95);
        font-family: "Libre Franklin", sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0;
        margin: 0
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .headline {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .headline:hover,
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .headline:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: underline
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile.featured .summary {
        font-family: "Libre Franklin", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.95);
        margin-top: 8px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section {
    border-top: 2px solid rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section {
        display: flex;
        position: absolute;
        top: -55px;
        height: 55px;
        justify-content: center;
        align-items: center;
        right: 32px;
        border-top: none;
        flex-direction: row-reverse;
        padding: 0;
        z-index: 100
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .secondary-item:last-of-type {
        padding-right: 0
    }
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .menu-list-item.active .dropdown-links-list {
        top: 50px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .container.hamburger {
    padding: 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .container.hamburger {
        padding: 0;
        display: flex
    }
}

@media (max-width: 1023px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .container.hamburger .sub-menu__heading-label {
        padding: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share {
    padding: 16px 16px 33px 16px;
    border-top: 2px solid rgba(0, 0, 0, 0.95);
    display: flex
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share {
        border: 0;
        padding: 6px 5px 0;
        display: block
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .heading-follow-up {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    line-height: 36px;
    text-transform: capitalize;
    font-family: "Noto Serif", serif;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .heading-follow-up {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items {
    flex: 100 1 1px;
    text-align: right
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items {
        text-align: left;
        position: relative
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items .social-icon {
    margin-right: 8px
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items svg {
    width: 32px;
    height: 32px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items svg {
        width: 24px;
        height: 24px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .social-share .social-items svg path {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .submenu-children {
        width: 65%;
        float: left
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .submenu-children {
        width: 70%
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .promotional-tile.tile {
    display: none
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .promotional-tile.tile {
        display: flex;
        min-height: 348px;
        text-align: center;
        width: 25%;
        float: right
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .eyebrow-link,
.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .image-flair {
    display: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .component.lazy-image {
    border-radius: 50%;
    height: 108px;
    width: 108px;
    background: rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .media-img {
    margin-bottom: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .media-body {
    width: 100%
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1279px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .heading-content {
        font-size: 24px;
        line-height: 32px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .exploreMenuItemImageText {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline {
    position: relative;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline:hover,
.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .summary {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    display: block
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .summary.mobile-only {
        display: none
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fbd9ce;
    color: #fbd9ce;
    text-decoration: none;
    width: 100%;
    align-items: center;
    display: flex
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:hover,
.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:visited {
    color: #fbd9ce;
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more svg path {
    fill: #1a7f82
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .article-info {
    margin: 0 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile {
        flex-direction: column;
        margin: 0;
        min-height: 400px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .show-index {
        font-size: 48px;
        line-height: 48px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .show-index+a {
        padding-left: 0
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .article-info {
        margin: 0
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile {
        min-height: 450px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .component.lazy-image {
        height: 144px;
        width: 144px;
        margin-bottom: 16px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .show-index {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.95);
    position: static;
    float: left;
    margin: 0 10px 0 0
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .show-index {
        font-size: 72px;
        line-height: 66px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile+a {
    padding-left: 4px
}

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline {
    display: inline
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .eyebrow-link,
.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .image-flair {
    display: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .component.lazy-image {
    border-radius: 50%;
    height: 108px;
    width: 108px;
    background: rgba(0, 0, 0, 0.15)
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .media-img {
    margin-bottom: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .media-body {
    width: 100%
}

@media (min-width: 768px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .heading-content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1279px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .heading-content {
        font-size: 24px;
        line-height: 32px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .exploreMenuItemImageText {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .headline {
    position: relative;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .headline:hover,
.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .headline:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .summary {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    display: block
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .summary.mobile-only {
        display: none
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fbd9ce;
    color: #fbd9ce;
    text-decoration: none;
    width: 100%;
    align-items: center;
    display: flex
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:active {
    opacity: .8
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:hover,
.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:visited {
    color: #fbd9ce;
    text-decoration: none
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more svg path {
    fill: #1a7f82
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info {
    margin: 0 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
        flex-direction: column;
        margin: 0;
        min-height: 400px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .show-index {
        font-size: 48px;
        line-height: 48px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .show-index+a {
        padding-left: 0
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info {
        margin: 0
    }
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
        min-height: 450px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .component.lazy-image {
        height: 144px;
        width: 144px;
        margin-bottom: 16px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .component.lazy-image {
    margin-left: 16px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .component.lazy-image {
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
        padding: 24px 16px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info {
        text-align: center
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .headline,
.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .summary {
    padding: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .headline {
    display: inline-block;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more {
    color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more:active {
    opacity: .8
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more {
        justify-content: center;
        align-items: normal;
        padding-left: 0
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more:hover {
    text-decoration: underline
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more .icon-arrow-right {
    position: relative;
    top: -1px;
    width: 20px;
    margin-left: 4px
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content .tile {
        width: 188px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.explore .tile {
    margin: 24px 0;
    position: relative
}

.partial.modal.hamburger .modal-wrapper .navigation-content.explore .tile:first-of-type {
    margin-top: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.explore .tile:last-of-type {
    margin: 24px 0 16px 0
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore .tile {
        flex-direction: column;
        width: calc(100% - 2 * 16px / 3)
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore.indexed .tile:not(: first-of-type) {
        margin: 0 0 0 16px
    }
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore.not-indexed .tile {
        margin-top: 0;
        margin-bottom: 24px
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore.not-indexed .tile:not(:first-of-type) {
        margin-left: 16px
    }
}

.partial.modal.hamburger .modal-wrapper .navigation-content.explore.navigation-recirc {
    margin: 0;
    padding: 0
}

.partial.modal.hamburger .modal-wrapper .navigation-content.explore.navigation-recirc .component.lazy-image img {
    border-radius: 50%
}

@media (min-width: 1024px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore.navigation-recirc {
        display: flex;
        justify-content: flex-start
    }
    .partial.modal.hamburger .modal-wrapper .navigation-content.explore.navigation-recirc.indexed {
        align-items: flex-start
    }
}

.partial.modal.hamburger.submenu-open .hamburger-auth-section {
    display: none
}

.partial.modal.hamburger.secondary-menu-open .modal-navigation {
    display: none
}

.partial.modal.hamburger.secondary-menu-open .hamburger-auth-section {
    height: 0
}

.partial.modal.hamburger.secondary-menu-open .hamburger-auth-section .menu-link:not(.secondary-nav-submenu-children) {
    display: none
}

.partial.modal.hamburger.secondary-menu-open .hamburger-auth-section section.social-share {
    display: none
}

body.modal-active.hamburger.menu-active {
    overflow: hidden
}

body.modal-active.hamburger .partial.modal.hamburger {
    display: block
}

body.modal-active.hamburger .partial.modal.hamburger .dialog-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 1024px) {
    body.modal-active.hamburger .partial.modal.hamburger .dialog-wrap {
        overflow: unset
    }
}

.component.navigation-test button:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.component.navigation-test .promotional-tile .component.lazy-image img {
    border-radius: 50%
}

.component.navigation-test .menu-overlay {
    background: rgba(0, 0, 0, 0.65)
}

.modal-active .component.navigation-test .menu-overlay,
.menu-active .component.navigation-test .menu-overlay {
    background: rgba(0, 0, 0, 0.65)
}

@media (min-width: 1024px) {
    .component.navigation-test .submenu-open .modal-wrapper {
        visibility: visible
    }
}

.component.navigation-test .submenu-open .selected {
    visibility: visible
}

.component.navigation-test .main-new {
    position: relative;
    z-index: 300;
    font-family: "Libre Franklin", sans-serif;
    transition: transform 0.25s ease-in-out;
    transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15)
}

.component.navigation-test .container {
    padding: 0 16px
}

@media (min-width: 768px) {
    .component.navigation-test .container {
        max-width: 640px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .container {
        padding: 0 24px;
        max-width: 1100px
    }
    .template-gallery .component.navigation-test .container,
    .template-recipe .component.navigation-test .container,
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: 1088px;
        padding: 0 24px
    }
}

@media (min-width: 1162px) {
    .component.navigation-test .container {
        max-width: 1100px;
        padding: 0
    }
    .template-gallery .component.navigation-test .container,
    .template-recipe .component.navigation-test .container,
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: 1226px;
        padding: 0 32px
    }
}

@media (min-width: 1279px) {
    .template-gallery .component.navigation-test .container,
    .template-recipe .component.navigation-test .container,
    .template-category-page .component.navigation-test .container,
    .template-aggregate .component.navigation-test .container {
        max-width: 1310px;
        padding: 0 32px
    }
}

.component.navigation-test .subcontainer {
    position: relative
}

.component.navigation-test .main-new:not(.homepage) .subcontainer,
.component.navigation-test .menu-homepage-row {
    height: 60px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 1162px) {
    .component.navigation-test .main-new:not(.homepage) .subcontainer,
    .component.navigation-test .menu-homepage-row {
        max-width: 1279px;
        margin: 0 auto
    }
}

.component.navigation-test .menu {
    padding: 0 16px 0 0
}

@media (min-width: 768px) {
    .component.navigation-test .menu {
        padding: 0 24px 0 0
    }
}

.component.navigation-test .menu svg {
    width: 32px;
    height: 32px
}

.component.navigation-test .menu svg path:first-of-type {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .menu-inner {
    background: rgba(0, 0, 0, 0.95)
}

.component.navigation-test .menu-inner:before,
.component.navigation-test .menu-inner:after {
    background: rgba(0, 0, 0, 0.95)
}

.component.navigation-test .menu-explore {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    color: rgba(0, 0, 0, 0.95);
    padding-left: 8px
}

.component.navigation-test .menu-subscribe {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.component.navigation-test .menu-subscribe a {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.component.navigation-test .menu-subscribe a:hover,
.component.navigation-test .menu-subscribe a:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-search {
        justify-content: center;
        align-items: center
    }
}

.component.navigation-test .docking-nav-placeholder {
    height: 0;
    width: 100%
}

.component.navigation-test .tablet-ad {
    text-align: center
}

@media (min-width: 1162px) {
    .component.navigation-test .menu {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .component.navigation-test .menu-explore {
        position: static;
        clip: unset;
        width: auto;
        height: auto;
        overflow: visible;
        margin: 0;
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: uppercase
    }
    .component.navigation-test .menu-box {
        margin-right: 8px
    }
    .component.navigation-test .menu {
        padding: 0 16px 0 0
    }
}

.component.navigation-test .logo {
    flex: 100 0 1px
}

@media (min-width: 768px) {
    .component.navigation-test .logo {
        z-index: 10
    }
}

.component.navigation-test .menu-list-wrapper {
    list-style: none
}

@media (min-width: 1024px) {
    .component.navigation-test .logo {
        position: relative;
        top: 2px
    }
}

.component.navigation-test .logo svg {
    width: 87px;
    height: 24px
}

@media (min-width: 1024px) {
    .component.navigation-test:not(.sticky-nav) .menu-homepage-row .logo {
        top: 0
    }
    .component.navigation-test:not(.sticky-nav) .menu-homepage-row .logo svg {
        width: 116px;
        height: 32px
    }
}

.component.navigation-test .container.primary .primary-text-links a {
    vertical-align: middle
}

.component.navigation-test .container.secondary-links {
    padding: 8px 0;
    background: #fff
}

.component.navigation-test .container.secondary-links .menu-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    padding: 0;
    width: 100%;
    border: 0;
    letter-spacing: normal;
    white-space: nowrap;
    background: none
}

.component.navigation-test .container.secondary-links .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.component.navigation-test .container.secondary-links .menu-link.has-auth {
    display: flex;
    align-items: center
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list {
    position: absolute;
    z-index: 500
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-link {
    font-weight: 400
}

.component.navigation-test .container.secondary-links .menu-list-item .submenu-children-wrapper {
    display: none
}

.component.navigation-test .container.secondary-links .menu-list-item.mobile-open.active .menu-link.expand-trigger {
    display: none
}

.component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper {
    display: block;
    top: 0;
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
    min-height: 100%;
    width: 100%;
    right: 0;
    position: absolute;
    background: #fff;
    left: 0;
    padding: 0;
    overflow: auto;
    height: 100vh
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper {
        position: static;
        height: 100%
    }
}

.component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper .sub-menu-header {
    margin-top: 16px;
    text-align: center
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper .sub-menu-header {
        display: none
    }
}

.component.navigation-test .container.secondary-links .menu-list-item.active .dropdown-links-list {
    width: 100%;
    top: 60px;
    display: block;
    border: none;
    box-shadow: none
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item.active .dropdown-links-list {
        top: 100%;
        width: 232px;
        box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15)
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .main-channel {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .main-channel {
        text-align: left;
        padding: 0
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list {
    background: #fff;
    padding: 8px 16px;
    display: flex;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    margin: 0
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list {
        padding: 8px 0
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    list-style: none
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item:last-child,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item:last-child {
    border-bottom: 0
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item {
        padding: 0 16px;
        border-bottom: 0
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item:hover,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item:hover {
        background: rgba(0, 0, 0, 0.05)
    }
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item:hover .menu-link,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item:hover .menu-link {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item:hover .menu-link:hover,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item:hover .menu-link:visited,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item:hover .menu-link:hover,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item:hover .menu-link:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    text-transform: none;
    width: 100%;
    font-style: normal;
    display: flex;
    height: 50px;
    align-items: center
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link:visited,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link.join-now,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link.join-now {
    font-weight: 700
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link {
        min-width: 132px;
        padding: 6px 0;
        height: auto;
        display: inline-block;
        white-space: normal
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .sub-menu__heading-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 12px;
    padding: 0 16px;
    text-transform: uppercase
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-divider {
    width: calc(100% - 32px);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children {
    padding-left: 0;
    margin: 8px 0
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children:not(: last-child) {
        border-bottom: none
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children .menu-item,
    .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children .secondary-item {
        padding: 0 32px
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .icon {
    position: relative;
    padding: 0
}

.component.navigation-test .container.secondary-links .menu-list-item .icon .icon-down-triangle {
    padding-left: 4px
}

.component.navigation-test .container.secondary-links .menu-list-item .icon.mobile-only {
    display: inline-block
}

.component.navigation-test .container.secondary-links .menu-list-item .icon.mobile-only.back-button {
    position: absolute;
    left: 16px;
    height: 48px;
    cursor: pointer
}

.component.navigation-test .container.secondary-links .menu-list-item .icon.mobile-only.back-button svg {
    pointer-events: none
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .icon.mobile-only {
        display: none
    }
}

.component.navigation-test .container.secondary-links .menu-list-item .icon.desktop-only {
    display: none
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .menu-list-item .icon.desktop-only {
        display: inline-block
    }
}

.component.navigation-test .container.secondary-links .menu-list-item.small {
    padding: 7px 12px 10px;
    line-height: 14px
}

.component.navigation-test .container.secondary-links .secondary-text-links {
    width: auto;
    max-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 1023px) {
    .component.navigation-test .container.secondary-links .secondary-text-links {
        display: flex;
        flex-direction: column-reverse
    }
}

.component.navigation-test .container.secondary-links .secondary-text-links .secondary-item {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    padding: 0 12px;
    border-left: 1px solid #e1dfdd;
    display: block
}

.component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:hover,
.component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

@media (max-width: 1023px) {
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item {
        padding: 0;
        border: none
    }
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .menu-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px
    }
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .menu-link.has-auth .secondary-menu-label {
        flex: 1
    }
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .accordion-arrow {
        height: auto;
        padding: 0;
        transform: rotate(-90deg);
        display: block;
        pointer-events: none
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:last-of-type {
        padding-right: 0
    }
    .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item.hide-menu {
        display: none
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .container.secondary-links .secondary-text-links {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.component.navigation-test .container.secondary-links .search {
    transition: transform 0.3s ease-in-out
}

.component.navigation-test .contextual-social-links,
.component.navigation-test .menu-search {
    display: none
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-search {
        display: flex;
        position: relative
    }
    .component.navigation-test .primary-links {
        display: none
    }
    .component.navigation-test .search-container {
        position: relative;
        top: 7px;
        right: 0;
        background: #fff;
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
        height: 24px;
        width: 200px;
        display: none
    }
    .component.navigation-test .search-container .search-field,
    .component.navigation-test .search-container .icon.close {
        position: absolute;
        top: 0
    }
    .component.navigation-test .search-container .search-field {
        left: 0;
        width: 160px;
        height: 100%;
        border-width: 0;
        border-radius: 0
    }
    .component.navigation-test .search-container input[type=text]::-ms-clear {
        display: none
    }
    .component.navigation-test .search-container .icon.close {
        right: 0;
        width: 40px;
        height: 100%
    }
    .component.navigation-test .icon.search,
    .component.navigation-test .secondary-menu {
        background: #fff;
        position: relative;
        z-index: 100
    }
    .component.navigation-test .icon.search {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
        display: block
    }
    .component.navigation-test .icon.search svg {
        width: 24px;
        height: 24px
    }
    .component.navigation-test .container.primary .icon.search {
        padding: 0 12px
    }
    .component.navigation-test .search-open .icon.search {
        opacity: 0;
        display: none
    }
    .component.navigation-test .search-open .icon.close {
        padding-right: 0;
        margin-right: -9px
    }
    .component.navigation-test .search-open .menu-search {
        height: 36px;
        z-index: 1
    }
    .component.navigation-test .search-open .search-container {
        display: block;
        transform: translateY(-6px);
        width: 337px;
        height: 30px;
        border-bottom: 2px solid #f9f7f0
    }
    .component.navigation-test .search-open .search-container .search-field {
        border-width: 0;
        border-style: none;
        width: 300px;
        font-family: "Libre Franklin", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0
    }
    .component.navigation-test .search-open .search-container .search-field:focus {
        outline: none
    }
    .component.navigation-test .search-open .secondary-menu {
        display: none
    }
}

.component.navigation-test .menu-homepage-row {
    position: relative;
    width: 100%
}

.component.navigation-test .menu-homepage-row:first-of-type {
    display: none
}

.component.navigation-test .menu-homepage-row:last-of-type .component.subscribe-flyout {
    padding-right: 0 !important
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-homepage-row:last-of-type .component.subscribe-flyout a {
        font-family: "Libre Franklin", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0;
        color: #f9f7f0;
        text-decoration: none;
        border-bottom: 2px solid #f9f7f0
    }
    .component.navigation-test .menu-homepage-row:last-of-type .component.subscribe-flyout a:hover,
    .component.navigation-test .menu-homepage-row:last-of-type .component.subscribe-flyout a:visited {
        color: #f9f7f0;
        text-decoration: none
    }
}

.component.navigation-test .menu-homepage-row:last-of-type .menu-search {
    display: none
}

.component.navigation-test .menu-homepage-row:last-of-type .subscribe-cover {
    display: none
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-homepage-row:first-of-type {
        display: flex;
        height: 60px;
        align-items: flex-end;
        padding-bottom: 4px
    }
    .component.navigation-test .menu-homepage-row:last-of-type {
        height: 76px
    }
    .component.navigation-test .menu-homepage-row:last-of-type .logo {
        display: none
    }
    .component.navigation-test .menu-homepage-row:last-of-type .menu {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .component.navigation-test .menu-homepage-row:last-of-type .menu-explore {
        position: static;
        clip: unset;
        width: auto;
        height: auto;
        overflow: visible;
        margin: 0;
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: uppercase
    }
    .component.navigation-test .menu-homepage-row:last-of-type .menu-box {
        margin-right: 8px
    }
    .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
        display: flex;
        align-items: center;
        border-left: 0;
        padding-left: 0;
        padding-right: 20px;
        margin-left: 0
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-links {
        display: block;
        flex: 100 0 1px;
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        padding: 0 0 0 16px
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        max-height: 25px;
        overflow: hidden
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links .menu-list-item {
        margin-right: 24px
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 800;
        font-family: "Libre Franklin", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none;
        padding: 0
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:active {
        opacity: .8
    }
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover,
    .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: underline
    }
}

.component.navigation-test .menu-subscribe {
    transition: opacity 0.3s ease-in-out;
    right: 0
}

.scroll-up .component.navigation-test.with-search-nav .logo {
    display: block
}

@media (min-width: 768px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .nav-search-mobile {
        display: none
    }
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search {
    height: 40px;
    position: relative;
    height: 36px;
    display: none
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search,
.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
    position: absolute
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
    border-radius: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.65);
    border-width: 1px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 66px 10px 16px;
    color: rgba(0, 0, 0, 0.95)
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:active {
    opacity: .8
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:hover {
    border-color: rgba(0, 0, 0, 0.95)
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
    bottom: -1px;
    right: 0;
    height: 100%;
    width: 50px
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search {
    width: 20px;
    height: 20px
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search svg {
    width: 100%;
    height: 100%
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search svg path {
    fill: rgba(0, 0, 0, 0.65)
}

@media (min-width: 768px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search {
        display: block;
        flex: 100 1 240px
    }
}

@media (min-width: 1024px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search {
        flex: 100 0 320px
    }
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
    background: none
}

@media (min-width: 768px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
        left: 180px
    }
}

@media (min-width: 1024px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
        left: 260px
    }
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
    border-width: 1px;
    width: 240px;
    text-indent: 16px;
    border-radius: 4px
}

@media (min-width: 1024px) {
    .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
        width: 320px
    }
}

.component.navigation-test .contextual-social-links {
    position: static;
    opacity: 0;
    height: auto;
    transform: translate(0, -100%);
    pointer-events: auto;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}

.component.navigation-test .contextual-social-links .social-container {
    margin-right: -8px
}

.component.navigation-test .contextual-social-links .component.share-new.square .icon.icon-twitter>a {
    width: 48px
}

.component.navigation-test .contextual-social-links .icon>a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.65);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center
}

.component.navigation-test .contextual-social-links .icon>a:hover,
.component.navigation-test .contextual-social-links .icon>a:active {
    border-color: rgba(0, 0, 0, 0.95);
    background-color: #fff
}

.component.navigation-test .contextual-social-links .icon>a:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.95);
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -3px;
    background-color: #fff
}

.component.navigation-test .contextual-social-links .icon>a .icon-text {
    display: none
}

.component.navigation-test .contextual-social-links .icon>a svg.icon-share-check {
    display: none
}

.component.navigation-test .contextual-social-links .icon>a svg:not(.icon-share-favorite) {
    width: 48px;
    height: 48px
}

.component.navigation-test .contextual-social-links .icon>a svg:not(.icon-share-favorite) path:first-of-type {
    display: block
}

.component.navigation-test .contextual-social-links .icon.icon-pinterest path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid path:last-child {
    fill: #bd071d
}

.component.navigation-test .contextual-social-links .icon.icon-pinterest:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid:visited path:last-child {
    fill: #bd071d
}

.component.navigation-test .contextual-social-links .icon.icon-google path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid path:last-child {
    fill: #e0483a
}

.component.navigation-test .contextual-social-links .icon.icon-google:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid:visited path:last-child {
    fill: #e0483a
}

.component.navigation-test .contextual-social-links .icon.icon-facebook path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid path:last-child {
    fill: #3B5998
}

.component.navigation-test .contextual-social-links .icon.icon-facebook:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid:visited path:last-child {
    fill: #3B5998
}

.component.navigation-test .contextual-social-links .icon.icon-twitter path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid path:last-child {
    fill: #1DA1F2
}

.component.navigation-test .contextual-social-links .icon.icon-twitter:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid:visited path:last-child {
    fill: #1DA1F2
}

.component.navigation-test .contextual-social-links .icon.icon-sms path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .contextual-social-links .icon.icon-sms:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid:visited path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .contextual-social-links .icon.icon-print path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .contextual-social-links .icon.icon-print:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid:visited path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .contextual-social-links .icon.icon-email path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.component.navigation-test .contextual-social-links .icon.icon-email:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid:visited path:last-child {
    fill: rgba(0, 0, 0, 0.65)
}

.under-docked-sharebar .component.navigation-test .contextual-social-links {
    opacity: 1;
    transform: translate(0, 0);
    display: flex
}

.under-docked-sharebar .component.navigation-test .menu-subscribe {
    display: none
}

.under-docked-sharebar .component.navigation-test .menu-homepage-row .menu-subscribe {
    display: block
}

.component.navigation-test .secondary-subscribe {
    display: none
}

.component.navigation-test.sticky-nav .main-new {
    position: fixed;
    width: 100%;
    top: 0
}

.component.navigation-test.sticky-nav .ad-wrapper.docked ~ .new-navigation {
    top: 122px
}

.component.navigation-test.sticky-nav .ad-wrapper.undocking ~ .new-navigation {
    top: 0;
    transition: top .7s;
    z-index: 302
}

.component.navigation-test.sticky-nav .docking-nav-placeholder {
    height: 60px
}

.component.navigation-test.sticky-nav .main-new.homepage ~ .docking-nav-placeholder {
    height: 136px
}

.component.navigation-test.sticky-nav .menu-homepage-row:first-of-type {
    height: 60px;
    align-items: center;
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .component.navigation-test.sticky-nav .menu-homepage-row:first-of-type {
        padding-left: 115px
    }
}

.component.navigation-test.sticky-nav .menu-homepage-row:first-of-type .menu-subscribe {
    display: block
}

.component.navigation-test.sticky-nav .menu-homepage-row:last-of-type {
    height: 60px
}

@media (min-width: 1024px) {
    .component.navigation-test.sticky-nav .menu-homepage-row:last-of-type {
        position: absolute;
        top: 0
    }
    .component.navigation-test.sticky-nav .menu-homepage-row:last-of-type .menu-subscribe {
        display: none
    }
}

.component.navigation-test.sticky-nav .menu-homepage-row:last-of-type .primary-links {
    display: none
}

.component.navigation-test.sticky-nav .secondary-subscribe {
    display: block
}

.scroll-up .component.navigation-test .menu-subscribe {
    display: none
}

@media (min-width: 1024px) {
    .scroll-up .component.navigation-test .menu-subscribe,
    .scroll-up .component.navigation-test .contextual-social-links,
    .scroll-up .component.navigation-test .logo {
        display: none
    }
    .scroll-up .component.navigation-test .primary-links {
        display: block;
        flex: 100 0 1px;
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        padding: 0 0 0 16px
    }
    .scroll-up .component.navigation-test .primary-text-links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        max-height: 25px;
        overflow: hidden
    }
    .scroll-up .component.navigation-test .primary-text-links .menu-list-item {
        margin-right: 24px
    }
    .scroll-up .component.navigation-test .primary-text-links a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 800;
        font-family: "Libre Franklin", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.95);
        text-decoration: none;
        padding: 0
    }
    .scroll-up .component.navigation-test .primary-text-links a:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .scroll-up .component.navigation-test .primary-text-links a:active {
        opacity: .8
    }
    .scroll-up .component.navigation-test .primary-text-links a:hover,
    .scroll-up .component.navigation-test .primary-text-links a:visited {
        color: rgba(0, 0, 0, 0.95);
        text-decoration: underline
    }
}

@media (min-width: 1162px) {
    .scroll-up .component.navigation-test .menu {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .scroll-up .component.navigation-test .menu-explore {
        position: static;
        clip: unset;
        width: auto;
        height: auto;
        overflow: visible;
        margin: 0;
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: uppercase
    }
    .scroll-up .component.navigation-test .menu-box {
        margin-right: 8px
    }
    .scroll-up .component.navigation-test .menu {
        padding: 0 16px 0 0
    }
}

.scroll-up .component.navigation-test .menu-homepage-row:first-of-type .logo {
    display: flex;
    visibility: hidden
}

.scroll-up .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
    display: block
}

@media (min-width: 1024px) {
    .scroll-up .component.navigation-test .menu-homepage-row:last-of-type .primary-links {
        display: block
    }
    .scroll-up .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
        display: none
    }
}

.component.navigation-test .profile-image-container {
    padding: 4px 8px 0 0
}

.component.navigation-test .profile-image-container .profile-img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.hidden-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    color: rgba(0, 0, 0, 0.95)
}

body.authenticated .component.navigation-test .secondary-links .secondary-text-links .secondary-item.logged-out {
    display: none
}

body:not(.authenticated) .component.navigation-test .secondary-links .secondary-text-links .secondary-item.logged-in {
    display: none
}

.component.navigation-test .menu-subscribe {
    display: block;
    width: 100px
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-subscribe {
        width: auto
    }
}

.component.navigation-test .menu-subscribe .subscribe-link a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

.component.navigation-test .menu-subscribe .subscribe-link a:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.navigation-test .menu-subscribe .subscribe-link a:active {
    opacity: .8
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-subscribe .mobile-subscribe-link {
        display: none
    }
}

.component.navigation-test .menu-subscribe .desktop-subscribe-link {
    display: none
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-subscribe .desktop-subscribe-link {
        display: inline
    }
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-subscribe .subscribe-link {
        margin-left: 40px
    }
}

.component.navigation-test .menu-subscribe .bxc+.subscribe-link {
    display: none
}

.scroll-up .component.navigation-test .menu-subscribe {
    display: block
}

.under-docked-sharebar .component.navigation-test .menu-subscribe {
    display: none
}

@media (min-width: 1024px) {
    .under-docked-sharebar .component.navigation-test .menu-subscribe {
        display: block
    }
}

.component.footer-test {
    margin-top: 40px
}

@media (min-width: 768px) {
    .component.footer-test {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .component.footer-test {
        margin-top: 56px
    }
}

@media (min-width: 1162px) {
    .component.footer-test {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .component.footer-test .container-full-width {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .component.footer-test .container-full-width {
        padding: 0 64px;
        max-width: none;
        margin: 0 auto
    }
}

@media (min-width: 1279px) {
    .component.footer-test .container-full-width {
        max-width: 1100px
    }
}

.component.footer-test .shop-footer-container {
    padding: 48px 0;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.component.footer-test .shop-footer-container .container-full-width {
    max-width: 360px
}

@media (min-width: 768px) {
    .component.footer-test .shop-footer-container .container-full-width {
        max-width: 640px;
        padding: 0 64px
    }
}

@media (min-width: 1024px) {
    .component.footer-test .shop-footer-container .container-full-width {
        max-width: none
    }
}

@media (min-width: 1279px) {
    .component.footer-test .shop-footer-container .container-full-width {
        max-width: 1100px
    }
}

.component.footer-test .shop-footer-container h2 {
    all: unset
}

.component.footer-test .shop-footer-container .shop-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px
}

.component.footer-test .shop-footer-container .shop-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    margin: 0 12px 0 0
}

.component.footer-test .shop-footer-container .shop-text:hover,
.component.footer-test .shop-footer-container .shop-text:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.component.footer-test .shop-footer-container .shop-footer-note {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0
}

.component.footer-test .shop-footer-container .shop-links {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: 30%
}

@media (min-width: 768px) {
    .component.footer-test .shop-footer-container .shop-links {
        -moz-columns: 3 auto;
        columns: 3 auto;
        margin-left: 0;
        margin-top: 12px
    }
}

@media (min-width: 1024px) {
    .component.footer-test .shop-footer-container .shop-links {
        -moz-columns: 4 auto;
        columns: 4 auto;
        -moz-column-fill: balance;
        column-fill: balance
    }
}

.component.footer-test .shop-footer-container .shop-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    text-transform: uppercase;
    padding-top: 16px;
    display: inline-block
}

.component.footer-test .shop-footer-container .shop-link:hover,
.component.footer-test .shop-footer-container .shop-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.component.footer-test .shop-footer-container .shop-link-more {
    display: flex;
    align-items: center;
    padding-top: 16px;
    font-weight: bold
}

.component.footer-test .shop-footer-container .shop-link-more svg {
    margin-left: 4px
}

.component.footer-test .shop-footer-container .shop-link-more path {
    fill: #fbd9ce
}

.component.footer-test .shop-footer-container .shop-brand-logo-link {
    max-width: 240px
}

@media (min-width: 768px) {
    .component.footer-test .shop-footer-container .shop-brand-logo-link {
        max-width: none
    }
}

.component.footer-test .shop-footer-container .svg-logo svg {
    max-width: 100%
}

.component.footer-test .footer-products {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 32px 0;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .component.footer-test .footer-products {
        flex-direction: row;
        padding: 48px 0
    }
}

.component.footer-test .footer-product-item {
    padding: 16px 0;
    border-bottom: 1px solid 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .component.footer-test .footer-product-item {
        padding: 0 48px;
        border-right: 1px solid 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: none
    }
}

.component.footer-test .footer-product-item:first-child {
    padding-top: 0
}

@media (min-width: 768px) {
    .component.footer-test .footer-product-item:first-child {
        padding-left: 0
    }
}

.component.footer-test .footer-product-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

@media (min-width: 768px) {
    .component.footer-test .footer-product-item:last-child {
        padding-right: 0;
        border-right: none
    }
}

.component.footer-test .footer-product-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(0, 0, 0, 0.95)
}

.component.footer-test .footer-product-link .svg-logo {
    display: block;
    margin-bottom: 16px
}

.component.footer-test .footer-test .footer-links-wrapper {
    background: #fbd9ce;
    color: rgba(0, 0, 0, 0.95);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 48px 0;
    text-align: center;
    font-family: "Libre Franklin", sans-serif
}

.component.footer-test .footer-test .footer-title {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Libre Franklin", sans-serif;
    margin: 24px 0 16px
}

.component.footer-test .footer-test .footer-sections {
    max-width: 300px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .component.footer-test .footer-test .footer-sections {
        max-width: 640px;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .component.footer-test .footer-test .footer-sections {
        max-width: none;
        margin-top: 28px
    }
}

@media (min-width: 1279px) {
    .component.footer-test .footer-test .footer-sections {
        max-width: 1100px
    }
}

.component.footer-test .footer-test .footer-section {
    padding: 0 0 24px
}

.component.footer-test .footer-test .footer-section:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.component.footer-test .footer-test .footer-section .footer-title,
.component.footer-test .footer-test .footer-section .footer-newsletter-signup-heading {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .component.footer-test .footer-test .footer-section {
        padding: 0
    }
    .component.footer-test .footer-test .footer-section:not(:first-of-type) {
        border-top-width: 0
    }
    .component.footer-test .footer-test .footer-section.footer-magazines-more {
        flex: 0 0 100%;
        padding-bottom: 40px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component.footer-test .footer-test .footer-section.footer-magazines-more {
        padding-bottom: 0;
        flex: 0 0 33.3333333333%
    }
    .component.footer-test .footer-test .footer-section.footer-magazines-more .footer-title {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .component.footer-test .footer-test .footer-section.footer-learn-more,
    .component.footer-test .footer-test .footer-section.footer-connect {
        flex: 0 0 50%
    }
    .component.footer-test .footer-test .footer-section.footer-learn-more .footer-title,
    .component.footer-test .footer-test .footer-section.footer-connect .footer-title {
        margin-top: 12px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component.footer-test .footer-test .footer-section.footer-learn-more,
    .component.footer-test .footer-test .footer-section.footer-connect {
        flex: 0 0 33%
    }
    .component.footer-test .footer-test .footer-section.footer-learn-more .footer-title,
    .component.footer-test .footer-test .footer-section.footer-connect .footer-title {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .component.footer-test .footer-test .footer-section.footer-learn-more {
        border-right: 1px solid rgba(0, 0, 0, 0.15)
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component.footer-test .footer-test .footer-section.footer-learn-more {
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

.component.footer-test .footer-test .footer-logo {
    padding-bottom: 20px
}

.component.footer-test .footer-test .footer-logo svg {
    width: 241px;
    height: 56px
}

.component.footer-test .footer-test .footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    background: transparent;
    line-height: normal
}

.component.footer-test .footer-test .footer-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif
}

.component.footer-test .footer-test .footer-link:hover,
.component.footer-test .footer-test .footer-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.component.footer-test .footer-test .footer-link-item:not(:first-of-type) {
    padding-top: 16px
}

.component.footer-test .footer-test .footer-learn-more-links {
    list-style: none;
    margin: 0;
    padding: 0
}

.component.footer-test .footer-test .footer-follow-us {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

.component.footer-test .footer-test .footer-social-container {
    margin-top: 16px
}

.component.footer-test .footer-test .footer-social-container svg {
    width: 32px;
    height: 32px
}

.component.footer-test .footer-test .footer-social-container svg path:first-of-type {
    fill: #111
}

.component.footer-test .footer-test .footer-newsletter-signup {
    text-align: center;
    margin-top: 60px
}

.component.footer-test .footer-test .footer-newsletter-signup-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 16px
}

.component.footer-test .footer-test .footer-other-sites-wrapper {
    text-align: center;
    margin: 48px 0 0
}

.component.footer-test .footer-test .footer-other-sites-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.footer-test .footer-test .footer-other-sites-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.footer-test .footer-test .footer-other-sites-link:active {
    opacity: .8
}

.component.footer-test .footer-test .footer-other-sites-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.footer-test .footer-test .footer-other-sites-link:active {
    opacity: .8
}

.component.footer-test .footer-test .footer-other-sites-link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.footer-test .footer-test .footer-other-sites-link:hover,
.component.footer-test .footer-test .footer-other-sites-link:active,
.component.footer-test .footer-test .footer-other-sites-link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.footer-test .footer-test .footer-global-communities-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    padding: 10px 22px;
    letter-spacing: .5px;
    text-transform: capitalize
}

.component.footer-test .footer-test .footer-global-communities-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.footer-test .footer-test .footer-global-communities-link:active {
    opacity: .8
}

.component.footer-test .footer-test .footer-global-communities-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.footer-test .footer-test .footer-global-communities-link:active {
    opacity: .8
}

.component.footer-test .footer-test .footer-global-communities-link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.footer-test .footer-test .footer-global-communities-link:hover,
.component.footer-test .footer-test .footer-global-communities-link:active,
.component.footer-test .footer-test .footer-global-communities-link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.footer-test .footer-test .footer-copyright {
    margin: 32px 0 50px
}

.component.footer-test .footer-test .footer-copyright-logo {
    display: block;
    text-align: center
}

.component.footer-test .footer-test .footer-copyright-text {
    display: block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin: 12px 16px;
    font-family: "Libre Franklin", sans-serif
}

.component.footer-test .footer-test .footer-copyright-text a {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none
}

.component.footer-test .footer-test .footer-copyright-text a:hover,
.component.footer-test .footer-test .footer-copyright-text a:visited {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: underline
}

@media (min-width: 1024px) {
    .component.footer-test .footer-test .footer-copyright-text {
        margin: 0 0 0 12px
    }
}

@media (min-width: 1024px) {
    .component.footer-test .footer-test .footer-copyright {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.component.footer-test .footer-test .footer__legalLink:not(:first-of-type):before {
    content: ' | '
}

body.modal-active.other-sites .partial.modal.other-sites,
body.modal-active.global-communities .partial.modal.global-communities {
    display: block;
    position: fixed;
    top: 50px;
    transform: translate(-50%, 0);
    height: calc(100vh - 100px)
}

@media (min-width: 768px) {
    body.modal-active.other-sites .partial.modal.other-sites,
    body.modal-active.global-communities .partial.modal.global-communities {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    body.modal-active.other-sites .partial.modal.other-sites,
    body.modal-active.global-communities .partial.modal.global-communities {
        max-width: 976px
    }
}

body.modal-active.other-sites .partial.modal.other-sites .dialog-wrap,
body.modal-active.global-communities .partial.modal.global-communities .dialog-wrap {
    height: 100%;
    overflow: auto
}

body.modal-active.other-sites .partial.modal.other-sites .dialogTitle,
body.modal-active.global-communities .partial.modal.global-communities .dialogTitle {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    letter-spacing: normal;
    margin: 0
}

@media (min-width: 768px) {
    body.modal-active.other-sites .partial.modal.other-sites .dialogTitle,
    body.modal-active.global-communities .partial.modal.global-communities .dialogTitle {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    body.modal-active.other-sites .partial.modal.other-sites .dialogTitle,
    body.modal-active.global-communities .partial.modal.global-communities .dialogTitle {
        text-align: left
    }
}

body.modal-active.other-sites .partial.modal.other-sites .content a,
body.modal-active.global-communities .partial.modal.global-communities .content a {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif
}

body.modal-active.other-sites .partial.modal.other-sites .content a:hover,
body.modal-active.other-sites .partial.modal.other-sites .content a:visited,
body.modal-active.global-communities .partial.modal.global-communities .content a:hover,
body.modal-active.global-communities .partial.modal.global-communities .content a:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

body.modal-active.other-sites .partial.modal.other-sites .content ul,
body.modal-active.global-communities .partial.modal.global-communities .content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    body.modal-active.other-sites .partial.modal.other-sites .content ul,
    body.modal-active.global-communities .partial.modal.global-communities .content ul {
        text-align: left;
        -moz-column-count: 2;
        column-count: 2;
        margin-top: 24px
    }
}

@media (min-width: 1024px) {
    body.modal-active.other-sites .partial.modal.other-sites .content ul,
    body.modal-active.global-communities .partial.modal.global-communities .content ul {
        -moz-column-count: 3;
        column-count: 3
    }
}

body.modal-active.other-sites .partial.modal.other-sites .content ul li,
body.modal-active.global-communities .partial.modal.global-communities .content ul li {
    padding: 0;
    line-height: 20px;
    min-height: 20px;
    margin-top: 16px;
    display: block
}

@media (min-width: 768px) {
    body.modal-active.other-sites .partial.modal.other-sites .content ul li,
    body.modal-active.global-communities .partial.modal.global-communities .content ul li {
        margin: 0 0 24px 48px
    }
}

@media (min-width: 1024px) {
    body.modal-active.other-sites .partial.modal.other-sites .content ul li,
    body.modal-active.global-communities .partial.modal.global-communities .content ul li {
        margin: 0 0 24px 0
    }
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications {
    display: block;
    position: fixed;
    top: 50%;
    max-width: calc(100% - 24px);
    width: 315px;
    height: 315px;
    transform: translate(-50%, -50%);
    cursor: initial
}

@media (min-width: 768px) {
    body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications {
        width: 400px
    }
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .dialog-wrap {
    height: 100%;
    overflow: auto
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .dialogTitle {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    letter-spacing: normal;
    margin: 0
}

@media (min-width: 768px) {
    body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .dialogTitle {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .dialogTitle {
        text-align: left
    }
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .content {
    margin-top: 16px
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .content a {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .content a:hover,
body.modal-active.manage-push-notifications .partial.modal.manage-push-notifications .content a:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.lazy-image__loadingPlaceholder {
    position: relative;
    color: transparent;
    display: block
}

.lazy-image__loadingPlaceholder .inner-container {
    display: none
}

.lazy-image__loadingPlaceholder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #F2F2F2, #fff 51%, #F2F2F2);
    background-size: 400% 400%;
    -webkit-animation: photoLoading 1s infinite;
    animation: photoLoading 1s infinite
}

.image-loaded .lazy-image__loadingPlaceholder:after {
    background: none;
    -webkit-animation: none;
    animation: none
}

.lazy-image__loadingPlaceholder.image-loaded {
    padding-top: 0 !important;
    background: #fff
}

.lazy-image__loadingPlaceholder.image-loaded .inner-container {
    display: block
}

.lazy-image__loadingPlaceholder.image-loaded:after {
    display: none
}

.component.lazy-image .image-wrap-container {
    background: #fff
}

.two-col-container .component.lazy-image.no-upscale.rendered {
    display: flex;
    flex-direction: column
}

.lazy-image__loadingPlaceholder,
.loadingPlaceholder {
    padding-top: 0;
    width: 100%
}

.lazy-image.lazy-image-udf .inner-container {
    display: none
}

.lazy-image.lazy-image-udf.image-loaded .lazy-image__loadingPlaceholder {
    display: none
}

.lazy-image.lazy-image-udf.image-loaded .inner-container {
    display: block
}

.lazy-image.lazy-image-udf.image-loaded .image-overlay+.lazy-image__placeholder {
    display: none
}

.topics-carousel {
    width: 100%;
    position: relative
}

.topics-carousel__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 16px;
    letter-spacing: 0.5px;
    font-weight: 700
}

.topics-carousel .carouselNav {
    position: relative
}

.topics-carousel .carouselNav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    word-spacing: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-top: 3px;
    padding-bottom: 3px
}

.topics-carousel .carouselNav__list::-webkit-scrollbar {
    display: none
}

.topics-carousel .carouselNav__listItem {
    display: inline-block
}

.topics-carousel .carouselNav__listItem:not(:first-child) {
    padding-left: 4px
}

.topics-carousel .carouselNav__listItem:first-of-type .carouselNav__link:focus {
    margin-left: 3px
}

.topics-carousel .carouselNav__link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    line-height: 42px;
    padding-top: 0;
    padding-bottom: 0
}

.topics-carousel .carouselNav__link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.topics-carousel .carouselNav__link:active {
    opacity: .8
}

.topics-carousel .carouselNav__link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.topics-carousel .carouselNav__link:active {
    opacity: .8
}

.topics-carousel .carouselNav__link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.topics-carousel .carouselNav__link:hover,
.topics-carousel .carouselNav__link:active,
.topics-carousel .carouselNav__link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.topics-carousel .carouselNav--move {
    transition: left 0.5s
}

.topics-carousel .carouselNav__prev,
.topics-carousel .carouselNav__next {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    border: 3px solid #edd5d5;
    background: #edd5d5;
    color: rgba(0, 0, 0, 0.95);
    position: absolute;
    width: 46px;
    height: 46px;
    z-index: 1;
    top: 3px;
    display: none
}

.topics-carousel .carouselNav__prev svg,
.topics-carousel .carouselNav__next svg {
    width: 32px;
    height: 32px
}

.topics-carousel .carouselNav__prev:focus,
.topics-carousel .carouselNav__prev:hover,
.topics-carousel .carouselNav__next:focus,
.topics-carousel .carouselNav__next:hover {
    text-decoration: none
}

.topics-carousel .carouselNav__prev:focus,
.topics-carousel .carouselNav__next:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.topics-carousel .carouselNav__prev:active,
.topics-carousel .carouselNav__next:active {
    opacity: .8
}

.topics-carousel .carouselNav__prev svg,
.topics-carousel .carouselNav__next svg {
    fill: rgba(0, 0, 0, 0.95)
}

.topics-carousel .carouselNav__prev:hover,
.topics-carousel .carouselNav__next:hover {
    background: rgba(0, 0, 0, 0.15);
    border-color: 3px solid rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95)
}

.topics-carousel .carouselNav__prev:hover svg,
.topics-carousel .carouselNav__next:hover svg {
    fill: rgba(0, 0, 0, 0.95)
}

.topics-carousel .carouselNav__prev:before,
.topics-carousel .carouselNav__next:before {
    position: absolute
}

.topics-carousel .carouselNav__prev[disabled],
.topics-carousel .carouselNav__next[disabled] {
    display: none
}

.topics-carousel .carouselNav__prev {
    left: 0
}

.topics-carousel .carouselNav__next {
    right: 0;
    text-align: right
}

.topics-carousel .carouselNav--header .carouselNav__list {
    padding: 0 1rem
}

@media (min-width: 1024px) {
    .topics-carousel .carouselNav--header {
        margin: 0 auto
    }
    .topics-carousel .carouselNav--header .carouselNav__list {
        display: flex;
        justify-content: space-around
    }
    .topics-carousel .carouselNav--header .carouselNav__listItem:not(:last-child) a {
        margin-right: 3rem
    }
}

@media (min-width: 768px) {
    .faqs {
        margin-top: 64px
    }
}

.faqs .faqs-heading {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.faqs-list {
    padding-left: 0;
    list-style: none
}

.faqs-list-item {
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .faqs-list-item {
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .faqs-list-item {
        padding-right: 32px
    }
}

.faqs-list-item p:last-child {
    margin-bottom: 16px
}

.faqs-list-item:last-child {
    margin-bottom: 24px
}

.faqs-list-question {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.faqs-list-answer p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px 0 0
}

.definition-list {
    margin: 0
}

@media (min-width: 1024px) {
    .definition-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.definition-list-item {
    padding: 14px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 1024px) {
    .definition-list-item {
        padding-right: 32px;
        width: 50%
    }
    .definition-list-item:last-child:nth-child(odd) {
        width: 100%;
        padding-right: calc(50% + 32px)
    }
}

.definition-list-term,
.definition-list-contents {
    display: inline;
    margin: 0;
    padding: 0;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.definition-list-term {
    text-transform: uppercase;
    font-weight: 700;
    padding-right: 4px
}

.definition-list-contents a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.definition-list-contents a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.definition-list-contents a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.category-page-list {
    overflow: hidden
}

.category-page-list-content .category-page-item {
    clear: both;
    overflow: hidden;
    display: block
}

.category-page-list-content .category-page-item+.ad-container {
    margin: 40px 0
}

.category-page-list-content .category-page-item+.ad-container:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.category-page-list-content .category-page-item:not(:first-of-type) {
    margin-top: 32px
}

.category-page-list-content .category-page-item-content {
    margin: 16px 0 0;
    padding-bottom: 4px
}

.category-page-list-content .category-page-item-content .category-page-item-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 120px
}

@media (min-width: 768px) {
    .category-page-list-content .category-page-item-content {
        margin: 0
    }
}

.category-page-list-content .category-page-item-readmore {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 8px 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	
}

.category-page-list-content .category-page-item-readmore:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-list-content .category-page-item-readmore:active {
    opacity: .8
}

.category-page-list-content .category-page-item-readmore-arrow {
    display: flex;
    align-items: center;
    margin-left: 8px
}

.category-page-list-heading {
    margin: 0 0 32px
}

.template-category-page .category-page-list-heading,
.template-aggregate .category-page-list-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-list-heading,
    .template-aggregate .category-page-list-heading {
        font-size: 36px;
        line-height: 44px
    }
}

.category-page-list-aside {
    display: none
}

.category-page-list-related-load-more-container {
    text-align: center;
    padding: 32px 0
}

.category-page-list-related-load-more-container.hide {
    display: none
}

.category-page-list-related-load-more-container.loading {
    position: relative;
    min-height: 200px
}

.category-page-list-related-load-more-container.loading:after {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.category-page-list-related-load-more-container.loading .category-page-list-related-load-more-button {
    display: none
}

.category-page-list-related-load-more-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.category-page-list-related-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-list-related-load-more-button:active {
    opacity: .8
}

.category-page-list-related-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-list-related-load-more-button:active {
    opacity: .8
}

.category-page-list-related-load-more-button:visited {
    background: #1a7f82;
    color: #fff
}

.category-page-list-related-load-more-button:hover,
.category-page-list-related-load-more-button:active,
.category-page-list-related-load-more-button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .category-page-list {
        display: flex;
        flex-wrap: wrap
    }
    .category-page-list:not(.category-page-list-related) .category-page-item {
        display: flex
    }
    .category-page-list:not(.category-page-list-related) .category-page-item:not(:first-of-type) {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid rgba(0, 0, 0, 0.15)
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-title {
        margin-top: 0
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-image {
        clear: right;
        float: left;
        margin: 0 24px 0 0;
        flex: 0 0 308px;
        max-width: 308px
    }
    .category-page-list .category-page-list-heading {
        flex: 0 0 100%
    }
    .category-page-list .category-page-list-content {
        flex: 100 0 1px
    }
}

@media (min-width: 1024px) {
    .category-page-list:not(.category-page-list-related) .category-page-item:not(: first-of-type) {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid rgba(0, 0, 0, 0.15)
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-title {
        margin-top: 0
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-image {
        clear: right;
        float: left;
        margin: 0 24px 0 0;
        flex: 0 0 314px;
        max-width: 314px
    }
    .category-page-list:not(.category-page-list-related) .category-page-list-aside {
        display: block;
        flex: 0 0 300px;
        margin-left: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1162px) {
    .category-page-list:not(.category-page-list-related) .category-page-list-aside {
        margin-left: 64px
    }
}

@media (min-width: 1024px) {
    .category-page-list .category-page-list-aside .ad-container {
        margin: 0
    }
    .category-page-list .category-page-list-aside .ad-container+.ad-container {
        margin-top: 24px
    }
}

@media (min-width: 1162px) {
    .category-page-list-aside {
        margin-left: 80px
    }
    .category-page-list .category-page-item-content {
        margin-left: 32px
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-content {
        margin-left: 0
    }
    .category-page-list:not(.category-page-list-related) .category-page-item-image {
        max-width: 425px;
        margin: 0 32px 0 0;
        flex: 0 0 425px
    }
}

.no-js .category-page-list noscript+.category-page-list-related-load-more-button {
    display: none
}

.category-page-list-related {
    position: relative;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    margin-top: 64px;
    background: #f9f7f0;
    overflow: visible
}

.category-page-list-related:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.template-category-page .category-page-list-related,
.template-aggregate .category-page-list-related {
    padding: 64px 16px
}

.category-page-list-related .category-page-item {
    display: flex
}

.category-page-list-related .category-page-item:not(:first-of-type) {
    margin-top: 32px
}

.category-page-list-related .category-page-item-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 8px
}

.category-page-list-related .category-page-item-image {
    flex: 0 0 100px
}

.category-page-list-related .category-page-item-content {
    flex: 1 0 0;
    margin: 0 0 0 16px
}

.category-page-list-related .category-page-item-description,
.category-page-list-related .category-page-item-readmore {
    display: none
}

@media (min-width: 768px) {
    .category-page-list-related {
        display: block
    }
    .category-page-list-related .category-page-list-aside {
        display: none
    }
    .category-page-list-related .category-page-list-inner {
        margin: 0 auto;
        width: auto
    }
    .category-page-list-related .category-page-list-heading {
        flex: 0 0 100%;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto
    }
    .category-page-list-related-aside {
        background: rgba(0, 0, 0, 0);
        padding: 24px 0 0 0;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 640px;
        margin: 32px auto;
        position: relative
    }
    .category-page-list-related-aside:after {
        color: #595959;
        font-size: 12px;
        font-family: "Libre Franklin", sans-serif;
        line-height: 1.33;
        text-align: center;
        text-transform: uppercase;
        content: 'Advertisement';
        display: block;
        padding: 0 4px 4px;
        margin-top: 4px;
        width: 100%
    }
    .category-page-list-related-aside:before {
        position: absolute;
        content: '';
        top: 0;
        left: calc(-1 * ((100vw - 640px) / 2));
        background: #F2F2F2;
        width: 100vw;
        height: 100%
    }
    .category-page-list-related-aside:after {
        position: relative;
        z-index: 2
    }
    .category-page-list-related-aside .ad-container:first-of-type {
        margin: 0 12px 0 0
    }
    .category-page-list-related-aside .ad-container:last-of-type {
        margin: 0 0 0 12px
    }
    .category-page-list-related .category-page-item {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto
    }
    .category-page-list-related .category-page-item:not(:first-of-type) {
        margin-top: 24px
    }
    .category-page-list-related .category-page-item-image {
        flex: 0 0 197px
    }
    .category-page-list-related .category-page-item-content {
        margin-left: 24px
    }
    .category-page-list-related .category-page-item-title {
        color: rgba(0, 0, 0, 0.95);
        font-family: "Libre Franklin", sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0
    }
    .category-page-list-related .category-page-item-description {
        display: block;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .category-page-list-related {
        padding: 60px 24px
    }
    .category-page-list-related .category-page-item {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto
    }
    .category-page-list-related .category-page-item:not(:first-of-type) {
        margin-top: 32px
    }
    .category-page-list-related .category-page-item-image {
        flex: 0 0 201px
    }
    .category-page-list-related .category-page-item-content {
        margin-right: 24px
    }
    .category-page-list-related-aside {
        display: none
    }
    .category-page-list-related .category-page-list-inner {
        display: flex;
        flex-wrap: wrap;
        max-width: calc(1100px - 76px);
        align-items: flex-start
    }
    .category-page-list-related .category-page-list-heading {
        flex: 0 0 100%
    }
    .category-page-list-related .category-page-list-content {
        flex: 1 0 0
    }
    .category-page-list-related .category-page-list-aside {
        display: block;
        flex: 0 0 300px
    }
    .category-page-list-related .category-page-list-heading {
        max-width: calc(1100px - 76px)
    }
}

@media (min-width: 1162px) {
    .category-page-list-related {
        padding: 64px 0
    }
    .category-page-list-related .category-page-list-inner,
    .category-page-list-related .category-page-list-heading {
        max-width: 1226px
    }
    .category-page-list-related .category-page-item-content {
        margin-left: 32px;
        margin-right: 0
    }
    .category-page-list-related .category-page-item-image {
        flex: 0 0 273px
    }
}

@media (min-width: 1279px) {
    .category-page-list-related .category-page-list-inner,
    .category-page-list-related .category-page-list-heading {
        max-width: 1310px
    }
    .template-category-page .category-page-list-related,
    .template-aggregate .category-page-list-related {
        padding: 64px 0
    }
}

.category-page-blocks-heading {
    margin: 0 0 32px
}

.template-category-page .category-page-blocks-heading,
.template-aggregate .category-page-blocks-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .template-category-page .category-page-blocks-heading,
    .template-aggregate .category-page-blocks-heading {
        font-size: 36px;
        line-height: 48px
    }
}

.category-page-blocks .category-page-item+.ad-container {
    margin: 40px 0
}

.category-page-blocks .category-page-item+.ad-container:after {
    color: #595959;
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%
}

.category-page-blocks .category-page-item-image-placeholder {
    display: none
}

.category-page-blocks-primary .category-page-item:not(:first-of-type) {
    margin-top: 48px
}

.category-page-blocks-primary .category-page-item-content {
    margin: 16px 0 0
}

.category-page-blocks-primary .category-page-item-content .category-page-item-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 120px
}

@media (min-width: 768px) {
    .category-page-blocks-primary {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
    .category-page-blocks-primary .category-page-item {
        flex: 1 0 0
    }
    .category-page-blocks-primary .category-page-item-title {
        color: rgba(0, 0, 0, 0.95);
        font-family: "Libre Franklin", sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0
    }
    .category-page-blocks-primary .category-page-item:not(:first-of-type) {
        margin-top: 0
    }
    .category-page-blocks-primary .category-page-item:first-of-type {
        margin-right: 12px
    }
    .category-page-blocks-primary .category-page-item:last-of-type {
        margin-left: 12px
    }
}

@media (min-width: 1162px) {
    .category-page-blocks-primary .category-page-item:first-of-type {
        margin-right: 16px
    }
    .category-page-blocks-primary .category-page-item:last-of-type {
        margin-left: 16px
    }
}

.category-page-blocks-secondary {
    margin-top: 56px
}

.category-page-blocks-secondary .category-page-item {
    display: flex;
    margin-top: 16px
}

.category-page-blocks-secondary .category-page-item:not(:first-of-type) {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.category-page-blocks-secondary .category-page-item-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0
}

.category-page-blocks-secondary .category-page-item-image {
    flex: 0 0 100px
}

.category-page-blocks-secondary .category-page-item-content {
    flex: 1 0 0;
    margin-left: 16px
}

.category-page-blocks-secondary .category-page-item-description,
.category-page-blocks-secondary .category-page-item-readmore {
    display: none
}

@media (min-width: 768px) {
    .category-page-blocks-secondary {
        flex-wrap: wrap
    }
    .category-page-blocks-secondary .category-page-item {
        margin-top: 24px
    }
    .category-page-blocks-secondary .category-page-item:not(:first-of-type) {
        padding-top: 0;
        margin-top: 32px;
        border-top: none
    }
    .category-page-blocks-secondary .category-page-item-image {
        flex: 0 0 197px
    }
    .category-page-blocks-secondary .category-page-item-content {
        margin-left: 24px
    }
    .category-page-blocks-secondary .category-page-item-description {
        display: block;
        font-family: "Libre Franklin", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .category-page-blocks-secondary {
        display: flex;
        margin-right: -24px
    }
    .category-page-blocks-secondary .category-page-item {
        margin: 0 24px 0 0;
        display: block;
        flex: 1 0 0
    }
    .category-page-blocks-secondary .category-page-item:not(:first-of-type) {
        padding-top: 0;
        margin-top: 0
    }
    .category-page-blocks-secondary .category-page-item-image {
        flex: 0 0 226px
    }
    .category-page-blocks-secondary .category-page-item-content {
        margin: 8px 0 0
    }
}

@media (min-width: 1162px) {
    .category-page-blocks-secondary {
        margin-right: -32px
    }
    .category-page-blocks-secondary .category-page-item {
        margin: 0 32px 0 0
    }
    .category-page-blocks-secondary .category-page-item-image {
        flex: 0 0 288px
    }
}

.category-page-videos {
    margin-top: 60px
}

.category-page-videos .category-page-videos-divider {
    display: none
}

.category-page-videos .category-page-videos-video-image-placeholder {
    opacity: 0;
    max-width: 100%;
    display: block
}

.category-page-videos .category-page-videos-video-link-no-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.category-page-videos-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 18px
}

@media (min-width: 768px) {
    .category-page-videos-heading {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width: 768px) {
    .category-page-videos-heading {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0;
        margin-bottom: 22px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .category-page-videos-heading {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .category-page-videos-heading {
        margin-bottom: 30px
    }
}

.category-page-videos-lead {
    margin-bottom: 32px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .category-page-videos-lead {
        margin-bottom: 48px;
        background: #f9f7f0
    }
}

@media (min-width: 1024px) {
    .category-page-videos-lead-content-container {
        padding: 32px
    }
}

.category-page-videos-lead-content-container .category-page-videos-summary {
    font-family: "Noto Serif", serif;
    margin: 8px 0 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 120px
}

@media (min-width: 768px) {
    .category-page-videos-lead-content-container .category-page-videos-summary {
        margin-top: 16px
    }
}

@media (min-width: 1024px) {
    .category-page-videos-lead-content-container .category-page-videos-summary {
        margin-top: 8px
    }
}

@media (min-width: 1162px) {
    .category-page-videos-lead-content-container .category-page-videos-summary {
        margin-top: 16px
    }
}

.category-page-videos-lead-content-container .category-page-videos-summary .external-link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.category-page-videos-lead-content-container .category-page-videos-summary .external-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-videos-lead-content-container .category-page-videos-summary .external-link:hover,
.category-page-videos-lead-content-container .category-page-videos-summary .external-link:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.category-page-videos-lead-content-container .category-page-videos-summary .external-link:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-videos-lead-content {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    display: inline
}

@media (min-width: 1024px) {
    .category-page-videos-lead .category-page-videos-video {
        float: left;
        margin: 0 32px 0 0;
        width: 66%
    }
}

@media (min-width: 1162px) {
    .category-page-videos-lead .category-page-videos-video {
        width: 100%;
        max-width: 820px
    }
}

@media (min-width: 1162px) {
    .category-page-videos-lead .category-page-videos-video .inner-container {
        margin-bottom: 0
    }
}

.category-page-videos-lead .category-page-videos-video .icon-play-circle-stroke {
    width: 50px
}

@media (min-width: 768px) {
    .category-page-videos-lead .category-page-videos-video .icon-play-circle-stroke {
        width: 98px
    }
}

@media (min-width: 1162px) {
    .category-page-videos-lead .category-page-videos-video .icon-play-circle-stroke {
        width: 106px
    }
}

.category-page-videos-lead .category-page-videos-video .icon-play-circle-stroke circle {
    stroke-width: 1
}

.category-page-videos-lead-content-container {
    padding-top: 16px
}

@media (min-width: 1024px) {
    .category-page-videos-lead-content-container {
        padding-top: 32px
    }
}

.category-page-videos-carousel .category-page-videos-close-btn {
    display: none
}

.category-page-videos-video {
    display: flex;
    justify-content: center;
    position: relative
}

.category-page-videos .icon-play-circle-stroke {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - (48px / 2));
    width: 52px;
    transform: translateY(-50%);
    z-index: 1
}

.category-page-videos .icon-play-circle-stroke g {
    transform: translateX(1px)
}

.category-page-videos .icon-play-circle-stroke circle {
    fill: rgba(0, 0, 0, 0.65);
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 2
}

.category-page-videos .icon-play-circle-stroke path {
    stroke: none;
    fill: #fff
}

.category-page-videos-link {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    display: block;
    position: relative
}

.category-page-videos-link:hover,
.category-page-videos-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline
}

.category-page-videos-carousel {
    position: relative;
    clear: both
}

.category-page-videos__prev,
.category-page-videos__next {
    display: none
}

@media (min-width: 768px) {
    .category-page-videos__prev,
    .category-page-videos__next {
        height: 48px;
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        text-decoration: none;
        border: 3px solid #edd5d5;
        background: #edd5d5;
        color: rgba(0, 0, 0, 0.95);
        position: absolute;
        top: calc(70px - (48px / 2));
        z-index: 1;
        overflow: hidden
    }
    .category-page-videos__prev svg,
    .category-page-videos__next svg {
        width: 32px;
        height: 32px
    }
    .category-page-videos__prev:focus,
    .category-page-videos__prev:hover,
    .category-page-videos__next:focus,
    .category-page-videos__next:hover {
        text-decoration: none
    }
    .category-page-videos__prev:focus,
    .category-page-videos__next:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .category-page-videos__prev:active,
    .category-page-videos__next:active {
        opacity: .8
    }
    .category-page-videos__prev svg,
    .category-page-videos__next svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .category-page-videos__prev:hover,
    .category-page-videos__next:hover {
        background: rgba(0, 0, 0, 0.15);
        border-color: 3px solid rgba(0, 0, 0, 0.95);
        color: rgba(0, 0, 0, 0.95)
    }
    .category-page-videos__prev:hover svg,
    .category-page-videos__next:hover svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .category-page-videos__prev:before,
    .category-page-videos__next:before {
        position: absolute
    }
    .category-page-videos__prev[disabled],
    .category-page-videos__next[disabled] {
        display: none
    }
}

@media (min-width: 768px) {
    .category-page-videos__prev {
        left: 8px
    }
}

@media (min-width: 768px) {
    .category-page-videos__next {
        right: 8px;
        text-align: right
    }
}

.category-page-videos__listWrapper {
    position: relative;
    overflow: hidden
}

.category-page-videos__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.category-page-videos__list::-webkit-scrollbar {
    display: none
}

.category-page-videos__list .category-page-videos-lead-content {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 12px
}

.category-page-videos__list .category-page-videos-video {
    margin-bottom: 4px
}

.category-page-videos__listItem {
    display: block;
    position: relative;
    width: 245px;
    min-width: 245px;
    margin-right: 16px
}

@media (min-width: 768px) {
    .category-page-videos__listItem {
        margin-right: 24px;
        width: 197px;
        min-width: 197px
    }
}

@media (min-width: 1024px) {
    .category-page-videos__listItem {
        width: 226px;
        min-width: 226px
    }
}

@media (min-width: 1162px) {
    .category-page-videos__listItem {
        margin-right: 32px;
        width: 288px;
        min-width: 288px
    }
}

.category-page-videos__listItem img {
    width: 245px
}

@media (min-width: 768px) {
    .category-page-videos__listItem img {
        width: 197px
    }
}

@media (min-width: 1024px) {
    .category-page-videos__listItem img {
        width: 226px
    }
}

@media (min-width: 1162px) {
    .category-page-videos__listItem img {
        width: 288px
    }
}

.category-page-videos__listItem .category-page-videos-video {
    overflow: hidden;
    height: 138px
}

@media (min-width: 768px) {
    .category-page-videos__listItem .category-page-videos-video {
        height: 112px
    }
}

@media (min-width: 1024px) {
    .category-page-videos__listItem .category-page-videos-video {
        height: 128px
    }
}

@media (min-width: 1162px) {
    .category-page-videos__listItem .category-page-videos-video {
        height: 164px
    }
}

.category-page-videos.reverse-colors {
    background-color: #fbd9ce;
    color: #fff
}

.category-page-videos.reverse-colors .category-page-videos__listItem .category-page-videos-link:link,
.category-page-videos.reverse-colors .category-page-videos__listItem .category-page-videos-link:visited,
.category-page-videos.reverse-colors .category-page-videos__listItem .category-page-videos-link:hover,
.category-page-videos.reverse-colors .category-page-videos__listItem .category-page-videos-link:active,
.category-page-videos.reverse-colors .category-page-videos__listItem .category-page-videos-link:focus {
    color: #fff
}

.category-page-videos.reverse-colors .category-page-videos-date {
    color: #fff
}

.faceted-search-widget {
    text-align: center
}

.faceted-search-widget .dropdown {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.95);
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.faceted-search-widget .dropdown:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-widget .dropdown:-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget .dropdown::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget .dropdown::placeholder,
.faceted-search-widget .dropdown::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget .dropdown::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.faceted-search-widget .dropdown-trigger {
    position: absolute;
    right: 0;
    top: 0
}

.faceted-search-widget .dropdown-wrap {
    position: relative
}

.faceted-search-widget .dropdown-option.active {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-widget .dropdown-list {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 250px;
    padding: 8px 12px;
    text-align: left;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.38, 1.34)
}

.faceted-search-widget .dropdown-list.open {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.faceted-search-widget-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    display: block;
    margin-bottom: 8px
}

.faceted-search-widget-dropdown-container,
.faceted-search-widget-filter-container {
    margin: 0;
    padding: 0;
    border-width: 0
}

.faceted-search-widget-element-container:not(:first-child) {
    margin-top: 32px
}

@media (min-width: 768px) {
    .faceted-search-widget-element-container:not(: first-child) {
        margin-top: 0
    }
}

.faceted-search-widget-text,
.faceted-search-widget-dropdown {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.95);
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.faceted-search-widget-text:focus,
.faceted-search-widget-dropdown:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-widget-text:-ms-input-placeholder,
.faceted-search-widget-dropdown:-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-text::-ms-input-placeholder,
.faceted-search-widget-dropdown::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-text::placeholder,
.faceted-search-widget-text::-ms-input-placeholder,
.faceted-search-widget-dropdown::placeholder,
.faceted-search-widget-dropdown::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-text::-moz-placeholder,
.faceted-search-widget-dropdown::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.faceted-search-widget-dropdown-label {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.95);
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.faceted-search-widget-dropdown-label:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-widget-dropdown-label:-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-dropdown-label::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-dropdown-label::placeholder,
.faceted-search-widget-dropdown-label::-ms-input-placeholder {
    color: #595959
}

.faceted-search-widget-dropdown-label::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.faceted-search-widget-dropdown-container .faceted-search-widget-label {
    margin: 0 auto 8px
}

.faceted-search-widget-dropdown-input {
    min-width: 230px;
    padding-right: 40px
}

.faceted-search-widget-dropdown-toggle-arrow {
    top: 12px;
    right: 10px
}

.faceted-search-widget-dropdown-item {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 0 0 40px
}

.faceted-search-widget-dropdown-item::before,
.faceted-search-widget-dropdown-item::after {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 16px;
    left: 8px
}

.faceted-search-widget-dropdown-item::before {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
    border-radius: 1px
}

.faceted-search-widget-dropdown-item.selected:before {
    background: rgba(0, 0, 0, 0.65)
}

.faceted-search-widget-dropdown-item.selected:after {
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: 13px
}

.faceted-search-widget-filter {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.faceted-search-widget-filter-container .faceted-search-widget-label {
    display: block;
    margin: 0 auto 8px
}

.faceted-search-widget-filter-container .faceted-search-widget-filter {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.95);
    border-right: 1px solid rgba(0, 0, 0, 0.95);
    border-left: 1px solid rgba(0, 0, 0, 0.95);
    position: relative
}

.faceted-search-widget-filter-container .faceted-search-widget-filter:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.95)
}

.faceted-search-widget-filter-container .faceted-search-widget-filter:last-of-type .faceted-search-widget-filter-label {
    height: 46px
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-label {
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice:focus+.faceted-search-widget-filter-label {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice:hover {
    cursor: pointer
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice:checked+.faceted-search-widget-filter-label {
    color: #fff;
    background: #fbd9ce
}

.faceted-search-widget-submit {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    padding: 0;
    height: 48px;
    width: 108px
}

.faceted-search-widget-submit:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-widget-submit:active {
    opacity: .8
}

.faceted-search-widget-submit:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-widget-submit:active {
    opacity: .8
}

.faceted-search-widget-submit:visited {
    background: #1a7f82;
    color: #fff
}

.faceted-search-widget-submit:hover,
.faceted-search-widget-submit:active,
.faceted-search-widget-submit:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.faceted-search-widget .faceted-search-widget-dropdown-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    position: relative
}

.faceted-search-widget .faceted-search-widget-dropdown-label:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #111;
    position: absolute;
    content: '';
    top: 50%;
    right: 16px
}

.faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label.faceted-search-widget-dropdown-label {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.95);
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin-bottom: 0;
    padding: 0 16px
}

.faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label.faceted-search-widget-dropdown-label:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label.faceted-search-widget-dropdown-label:hover {
    cursor: pointer
}

@media (min-width: 768px) {
    .faceted-search-widget {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        max-width: 536px;
        text-align: left
    }
    .faceted-search-widget .faceted-search-widget-element-container:not(:first-of-type) {
        margin-top: 0
    }
    .faceted-search-widget .faceted-search-widget-element-container:not(:last-of-type),
    .faceted-search-widget .faceted-search-widget-element-container:not(:nth-last-of-type(2)) {
        margin-bottom: 24px
    }
    .faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label,
    .faceted-search-widget .faceted-search-widget-filter-container .faceted-search-widget-label {
        margin: 0 0 8px 0
    }
    .faceted-search-widget .faceted-search-widget-filter {
        border-bottom: 1px solid rgba(0, 0, 0, 0.95)
    }
    .faceted-search-widget .faceted-search-widget-filter:not(:last-of-type) {
        border-right-width: 0
    }
    .faceted-search-widget .faceted-search-widget-filter-label {
        padding: 0 24px
    }
    .faceted-search-widget .faceted-search-widget-filter-container .faceted-search-widget-filter {
        display: block;
        float: left;
        width: auto
    }
    .faceted-search-widget .faceted-search-widget-filter-container .faceted-search-widget-filter:last-of-type .faceted-search-widget-filter-label {
        height: 47px
    }
}

@media (min-width: 1024px) {
    .faceted-search-widget-narrow-desktop-one-line {
        max-width: 536px
    }
    .faceted-search-widget-narrow-desktop-one-line:not(:last-of-type),
    .faceted-search-widget-narrow-desktop-one-line:not(:nth-last-of-type(2)) {
        margin-bottom: 0
    }
    .faceted-search-widget-narrow-desktop-one-line .faceted-search-widget-text-container {
        padding-right: 24px
    }
    .faceted-search-widget-narrow-desktop-one-line .faceted-search-widget-dropdown-container {
        padding-left: 0
    }
    .faceted-search-widget-narrow-desktop-one-line .faceted-search-widget-text-container,
    .faceted-search-widget-narrow-desktop-one-line .faceted-search-widget-dropdown-container,
    .faceted-search-widget-narrow-desktop-one-line .faceted-search-widget-filter-container {
        padding-right: 24px
    }
}

@media (min-width: 1162px) {
    .faceted-search-widget-wide-desktop-one-line {
        max-width: 1100px
    }
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-text-container,
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-dropdown-container {
        margin-bottom: 0
    }
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-text-container {
        padding-right: 24px
    }
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-dropdown-container {
        padding-left: 0
    }
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-text-container,
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-dropdown-container,
    .faceted-search-widget-wide-desktop-one-line .faceted-search-widget-filter-container {
        padding-right: 24px
    }
}

.faceted-search-widget-element-container {
    position: relative
}

.faceted-search-widget-dropdown-item {
    font-style: normal
}

.faceted-search-widget-dropdown-item.active {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.faceted-search-widget-dropdown-item:hover {
    cursor: pointer
}

.faceted-search-widget-fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.faceted-search-widget-dropdown-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.faceted-search-widget-dropdown-input:focus+.faceted-search-widget-dropdown-item:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.faceted-search-widget-dropdown-input:checked+.faceted-search-widget-dropdown-item::after {
    left: 13px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.faceted-search-widget-dropdown-input:checked+.faceted-search-widget-dropdown-item::before {
    background: rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 2px #014ECB
}

.faceted-search-widget-dropdown-list {
    position: absolute;
    padding: 8px 12px;
    top: 100%;
    left: calc(50% - 125px);
    width: 250px;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.42, 0, 0.38, 1.34)
}

@media (min-width: 768px) {
    .faceted-search-widget-dropdown-list {
        left: 0
    }
}

.faceted-search-widget-dropdown-list.is-open {
    opacity: 1;
    z-index: 200;
    visibility: visible;
    pointer-events: auto
}

@media (min-width: 1162px) {
    .faceted-search-widget-plant {
        max-width: 1076px
    }
}

.faceted-search-widget-plant .faceted-search-widget-element-container:first-child {
    width: 280px
}

.faceted-search-widget-plant .faceted-search-widget-element-container:nth-child(2) {
    width: 240px
}

.faceted-search-widget-plant .faceted-search-widget-element-container:nth-child(-n+2) {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .faceted-search-widget-plant .faceted-search-widget-element-container:nth-child(-n+2) {
        margin-left: 0;
        margin-right: 0;
        width: calc(50% - 12px)
    }
}

.faceted-search-widget-plant .faceted-search-widget-element-container:nth-child(-n+2) .faceted-search-widget-text,
.faceted-search-widget-plant .faceted-search-widget-element-container:nth-child(-n+2) .faceted-search-widget-dropdown-label {
    width: 100%
}

.js-faceted-search-widget-button {
    overflow: hidden;
    padding-right: 32px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.component.image-filmstrip {
    position: relative;
    background-color: #fff
}

.component.image-filmstrip .inner {
    padding-top: 8px;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.component.image-filmstrip .inner.left-mobile {
    justify-content: normal
}

.component.image-filmstrip .inner.left-mobile .image-slide {
    margin-right: 8px
}

.component.image-filmstrip .inner.left-mobile .image-slide:last-child {
    margin-right: 0
}

@media (min-width: 768px) {
    .component.image-filmstrip .inner.left-desktop {
        justify-content: normal
    }
    .component.image-filmstrip .inner.left-desktop .image-slide {
        margin-right: 8px
    }
    .component.image-filmstrip .inner.left-desktop .image-slide:last-child {
        margin-right: 0
    }
}

.component.image-filmstrip .image-slide {
    position: relative;
    margin: 0;
    width: 24%
}

@media (min-width: 768px) {
    .component.image-filmstrip .image-slide {
        width: 19%
    }
}

.component.image-filmstrip .image-slide:nth-child(5) {
    display: none
}

@media (min-width: 768px) {
    .component.image-filmstrip .image-slide:nth-child(5) {
        display: block
    }
}

.component.image-filmstrip .image-slide .ugc-upload-button {
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100%;
    border: none
}

.component.image-filmstrip .image-slide .ugc-upload-button .icon-add-photo {
    background: #fff;
    padding: 8px;
    border-radius: 50%
}

.component.image-filmstrip .image-slide .ugc-upload-button .icon-add-photo svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.component.image-filmstrip .lazy-image {
    display: block;
    width: 100%
}

.component.image-filmstrip .component.lazy-image.lazy-image-udf.image-loaded .inner-container {
    display: block
}

.component.image-filmstrip .plus-slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.65)
}

.component.image-filmstrip .plus-slide.desktop {
    display: none
}

@media (min-width: 768px) {
    .component.image-filmstrip .plus-slide.mobile {
        display: none
    }
    .component.image-filmstrip .plus-slide.desktop {
        display: flex
    }
}

.component.image-filmstrip .plus-slide-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    font-weight: 700
}

.component.image-filmstrip .screen-reader-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

@media (min-width: 768px) {
    .image-container+.component.image-filmstrip {
        max-width: 640px;
        margin: 0 auto
    }
}

.image-container+.component.image-filmstrip .inner {
    max-width: 550px
}

.component.ugc-reviews {
    display: flex;
    flex-direction: column;
    height: auto
}

.component.ugc-reviews .ugc-heading {
    color: rgba(0, 0, 0, 0.95);
    margin: 24px 16px
}

@media (min-width: 1024px) {
    .component.ugc-reviews .ugc-heading {
        margin: 20px 0
    }
}

.component.ugc-reviews .ugc-heading .ugc-heading-reviews {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    display: block
}

.component.ugc-reviews .recipe-reviews-sort {
    margin: 24px 16px
}

@media (min-width: 1024px) {
    .component.ugc-reviews .recipe-reviews-sort {
        margin: 20px 0
    }
}

.component.ugc-reviews .sort-title-reviews {
    display: none
}

.component.ugc-reviews .sort-options {
    z-index: 2
}

.component.ugc-reviews .recipe-ad-wrapper {
    background: rgba(0, 0, 0, 0.05);
    padding-top: 0;
    display: flex;
    align-items: center;
    flex-direction: column
}

.component.ugc-reviews .recipe-ad-wrapper .ad-wrapper {
    width: 300px
}

.component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:first-child {
    margin-bottom: 24px
}

.component.ugc-reviews .ugc-recipe-reviews {
    max-width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 24px
}

.component.ugc-reviews .ugc-recipe-reviews .owl-nav {
    display: none
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-all-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    flex: 1;
    display: block;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 24px 0;
    color: rgba(0, 0, 0, 0.95)
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-all-link .icon {
    margin-right: 8px
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev,
.component.ugc-reviews .ugc-recipe-reviews .ugc-review-next {
    flex: 0 0 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 67px;
    width: 67px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: none;
    border-top: none
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev .icon svg polygon,
.component.ugc-reviews .ugc-recipe-reviews .ugc-review-next .icon svg polygon {
    fill: rgba(0, 0, 0, 0.65)
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev.disabled {
    cursor: not-allowed
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev.disabled .icon svg {
    opacity: 0.2
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 8px 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-index-of {
    flex: 1
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-index-of .recipe-review-title {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 12px;
    margin-left: 12px
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-open-in-new {
    height: 24px
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-open-in-new .icon svg path {
    fill: rgba(0, 0, 0, 0.15)
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper {
    padding: 0 0 24px 0;
    margin: 0
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-author,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-rating,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-body,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-helpful {
    margin-left: 16px;
    margin-right: 16px
}

@media (min-width: 1024px) {
    .component.ugc-reviews .ugc-recipe-reviews .ugc-recipe-review {
        margin: 0
    }
}

@media (min-width: 768px) {
    .component.ugc-reviews .recipe-ad-wrapper {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 298px;
        position: relative
    }
    .component.ugc-reviews .recipe-ad-wrapper::after {
        position: absolute;
        bottom: 0
    }
    .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:nth-child(3) {
        margin-right: 24px;
        margin-bottom: 0;
        margin-top: 0
    }
    .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:nth-child(4) {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .component.ugc-reviews {
        margin: 32px;
        flex-direction: row
    }
    .component.ugc-reviews .recipe-ad-wrapper {
        flex-direction: column;
        justify-content: start;
        height: auto;
        background: none
    }
    .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:first-child {
        margin-bottom: 24px;
        margin-right: 0
    }
    .component.ugc-reviews .ugc-recipe-reviews {
        max-width: 596px
    }
    .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-author,
    .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-rating,
    .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-body,
    .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-helpful,
    .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-author,
    .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-rating,
    .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-body,
    .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-helpful {
        margin-left: 0;
        margin-right: 0
    }
    .component.ugc-reviews .ugc-content {
        flex: 1
    }
    .component.ugc-reviews .right-column {
        flex: 0 0 300px;
        margin-left: 32px;
        padding: 0
    }
}

.component.ugc-item .recipe-review-author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: 40px
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper {
    flex: 0 0 40px;
    width: 40px;
    height: 40px
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper svg {
    border: 1px solid rgba(0, 0, 0, 0.65);
    border-radius: 50%
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper .reviewer-image {
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.component.ugc-item .recipe-review-author .reviewer-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: bold;
    margin-left: 8px;
    display: inline-block
}

.component.ugc-item .recipe-review-author .reviewer-name:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.ugc-item .recipe-review-author .reviewer-name:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.component.ugc-item .recipe-review-byline {
    display: flex;
    flex-wrap: wrap
}

.component.ugc-item .reviewer-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: bold;
    margin-left: 8px;
    display: inline-block
}

.component.ugc-item .reviewer-name:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.ugc-item .reviewer-name:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.component.ugc-item .recipe-review-allstar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: auto;
    margin-left: 8px
}

.component.ugc-item .recipe-review-allstar path {
    fill: rgba(0, 0, 0, 0.65)
}

.component.ugc-item .recipe-review-allstar-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-left: 2px
}

.component.ugc-item .recipe-review-rating {
    display: flex;
    align-items: center
}

.component.ugc-item .recipe-review-rating .component.recipe-ratings .rating-star {
    width: 20px
}

.component.ugc-item .recipe-review-rating .recipe-review-date {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-left: 12px
}

.component.ugc-item .recipe-review-body {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.component.ugc-item .recipe-review-body--truncated {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 120px
}

@media (min-width: 768px) {
    .component.ugc-item .recipe-review-body--truncated {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        max-height: 48px
    }
}

@media (min-width: 1024px) {
    .component.ugc-item .recipe-review-body--truncated {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        max-height: 72px
    }
}

@media (min-width: 1162px) {
    .component.ugc-item .recipe-review-body--truncated {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        max-height: 168px
    }
}

.component.ugc-item .recipe-review-body .recipe-review-image-wrapper {
    float: left;
    padding-right: 16px;
    padding-top: 6px
}

.component.ugc-item .recipe-review-body .recipe-review-image-wrapper .image-overlay {
    height: auto
}

.component.ugc-item .recipe-review-body .recipe-review-image-wrapper.image-container .component.lazy-image.no-upscale {
    width: 64px
}

.component.ugc-item .recipe-review-body .recipe-review-image-wrapper.image-container .component.lazy-image.no-upscale img {
    max-width: 64px
}

.component.ugc-item .recipe-review-body .link-view {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.component.ugc-item .recipe-review-body .link-view:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.ugc-item .recipe-review-body .link-view:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.component.ugc-item .recipe-review-helpful {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    margin-top: 16px
}

.component.ugc-item .recipe-review-helpful svg path {
    fill: #1a7f82
}

.component.ugc-item .recipe-review-helpful.review-helpful-active.fired svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: none;
    margin-left: 8px;
    margin-right: 4px
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:hover,
.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:focus {
    box-shadow: none
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-count {
    color: rgba(0, 0, 0, 0.65)
}

.component.ugc-item .recipe-photo-caption {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.component.ugc-item .component.lazy-image.lazy-image-udf.image-loaded .inner-container {
    display: block
}

@media (min-width: 1024px) {
    .template-recipe.modal-active.ugc-modal .component.ugc-item {
        min-width: 595px;
        width: 100%
    }
}

.template-recipe.modal-active.ugc-modal .component.ugc-item .recipe-review-author {
    height: auto;
    padding: 16px 0 28px
}

.recipe-ratings {
    display: inline-flex;
    margin: 16px 0;
    position: relative;
    align-items: center;
    justify-content: center
}

.recipe-ratings .ratings-count {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    margin-left: 4px
}

.recipe-ratings .review-star-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.recipe-ratings .review-stars-container {
    display: inline-flex
}

.recipe-ratings .rating-star {
    height: 24px;
    width: 24px
}

.recipe-ratings .rating-star svg path.rating-star-filled {
    fill: rgba(0, 0, 0, 0.65)
}

.recipe-ratings .rating-star.active svg path.rating-star-filled {
    fill: #f9f7f0
}

.recipe-ratings .ratings-dropdown-button {
    line-height: normal
}

.recipe-ratings .ratings-dropdown-button .icon-down-triangle svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.recipe-ratings .ratings-dropdown-button.open .icon-down-triangle svg {
    transform: rotate(180deg)
}

.recipe-ratings .ratings-dropdown-menu {
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    display: none;
    padding: 16px;
    position: absolute;
    left: 0;
    top: 36px;
    height: 246px;
    width: 247px;
    z-index: 101
}

.recipe-ratings .ratings-dropdown-menu.open {
    display: block
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews {
    padding: 12px 0 8px;
    text-align: center
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews-link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews-link-list-item {
    flex: 1
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews .ugc-ratings-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews .ugc-ratings-link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews .ugc-ratings-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.recipe-ratings .ratings-text-label {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    display: none;
    line-height: 44px;
    margin-left: 12px;
    padding-left: 12px
}

.ugc-upload-content:focus-within .ratings-input {
    border-bottom: 1px dotted #f9f7f0
}

.recipe-ratings .ratings-input {
    border: none;
    padding: 0;
    margin: 0;
    border: 1px solid transparent
}

.recipe-ratings .ratings-input .ratings-legend {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.recipe-ratings .ratings-input .rating-star-label {
    cursor: pointer
}

.recipe-ratings .ratings-input .rating-star-label svg path {
    fill: #f9f7f0;
    stroke: #f9f7f0;
    stroke-width: 2px
}

.recipe-ratings .ratings-input .rating-star-input:checked ~ .rating-star-label svg path {
    fill: none;
    stroke: rgba(0, 0, 0, 0.65)
}

.recipe-ratings .ratings-input:hover .rating-star-input+.rating-star-label svg path {
    fill: #f9f7f0;
    stroke: #f9f7f0
}

.recipe-ratings .ratings-input .rating-star-input.visually-hidden:hover ~ .rating-star-label svg path,
.recipe-ratings .ratings-input .rating-star-input:focus ~ .rating-star-label svg path {
    fill: none;
    stroke: rgba(0, 0, 0, 0.65)
}

.recipe-ratings .ratings-input .rating-star-input.visually-hidden:hover+.rating-star-label svg path,
.recipe-ratings .ratings-input .rating-star-input:focus+.rating-star-label svg path,
.recipe-ratings .ratings-input .rating-star-input:checked+.rating-star-label svg path {
    fill: #f9f7f0;
    stroke: #f9f7f0
}

.recipe-ratings .ratings-input .rating-star-input.visually-hidden:hover+.rating-star-label .ratings-text-label,
.recipe-ratings .ratings-input .rating-star-input:focus+.rating-star-label .ratings-text-label,
.recipe-ratings .ratings-input .rating-star-input:checked+.rating-star-label .ratings-text-label {
    background: #fff;
    display: block;
    position: absolute;
    left: 240px;
    top: 0;
    width: 105px
}

.recipe-ratings .ratings-input .rating-star-input:focus+.rating-star-label {
    border-bottom: 1px solid #f9f7f0
}

.recipe-ratings-list .ratings-count {
    display: block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-style: italic;
    padding-bottom: 16px;
    text-align: center
}

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

.recipe-ratings-list .rating {
    align-items: center;
    display: flex;
    padding: 4px
}

.recipe-ratings-list .rating .rating-stars {
    font-size: 14px;
    line-height: 20px;
    padding-right: 4px
}

.recipe-ratings-list .rating .rating-stars-subtext {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.recipe-ratings-list .rating .icon-recipe-rating-star {
    height: 20px;
    padding-right: 12px
}

.recipe-ratings-list .rating .icon-recipe-rating-star svg path {
    fill: #f9f7f0
}

.recipe-ratings-list .rating .rating-count {
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    line-height: 16px;
    padding-left: 8px
}

.recipe-ratings-list .rating-bar-wrapper {
    background: rgba(0, 0, 0, 0.15);
    display: block;
    flex: 0 0 136px;
    height: 10px;
    position: relative
}

.recipe-ratings-list .rating-bar-wrapper .rating-bar {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    position: absolute;
    height: 10px;
    top: 0;
    left: 0
}

#reviewSection {
    position: absolute;
    top: -60px
}

@media (min-width: 768px) {
    #reviewSection {
        top: -190px
    }
}

.faceted-search-filters {
    display: none
}

@media (max-width: 768px) {
    .faceted-search-filters.exposed {
        display: block;
        position: fixed;
        top: 60px;
        left: 0;
        background: #fff;
        width: 100%;
        height: calc(100% - 140px);
        z-index: 299
    }
    .faceted-search-filters.exposed .faceted-search-filters-top {
        padding: 16px
    }
}

.faceted-search-filters-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 210px)
}

@media (min-width: 768px) {
    .faceted-search-filters-scrollable {
        max-height: none
    }
}

.faceted-search-filters-prompt {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -16px -16px 0;
    width: 142px;
    border-radius: 28px;
    position: fixed;
    bottom: 66px;
    right: 34px;
    height: 56px;
    z-index: 1;
    background: #1a7f82
}

.faceted-search-filters-prompt:hover,
.faceted-search-filters-prompt:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.faceted-search-filters-prompt:hover,
.faceted-search-filters-prompt:focus {
    background: #edd5d5
}

.faceted-search-filters-prompt:focus:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-filters-prompt:focus:active {
    opacity: .8
}

.faceted-search-filters-prompt:active {
    background: #fbd9ce
}

.faceted-search-filters-prompt-no {
    display: inline-block;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 22px;
    margin-right: 12px;
    font-weight: normal
}

.faceted-search-filters-prompt-label {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    display: flex;
    align-items: center
}

.faceted-search-filters-prompt-label-number {
    margin-left: 3px
}

.faceted-search-filters-prompt-label .icon-tune {
    margin-right: 8px
}

.faceted-search-filters-prompt-label svg path {
    fill: #fff
}

@media (min-width: 768px) {
    .faceted-search-filters-prompt {
        display: none
    }
}

.faceted-search-filters-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .faceted-search-filters-top {
        background-color: transparent
    }
}

.faceted-search-filters-top {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .faceted-search-filters-top {
        color: rgba(0, 0, 0, 0.95)
    }
}

.faceted-search-filters-top svg path {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .faceted-search-filters-top svg path {
        fill: rgba(0, 0, 0, 0.95)
    }
}

.faceted-search-filters-close {
    background: transparent;
    border-width: 0;
    border-radius: 0
}

.faceted-search-filters-close:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-filters-close svg {
    width: 14px;
    height: 14px
}

.faceted-search-filters-close path {
    fill: rgba(0, 0, 0, 0.65)
}

.faceted-search-filters-heading {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0
}

.faceted-search-filters-clearall {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 16px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 1px solid #fbd9ce;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    color: rgba(0, 0, 0, 0.65);
    text-transform: none
}

.faceted-search-filters-clearall:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-filters-clearall:active {
    opacity: .8
}

.faceted-search-filters-clearall:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-filters-clearall:active {
    opacity: .8
}

.faceted-search-filters-clearall:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.faceted-search-filters-clearall:hover,
.faceted-search-filters-clearall:active,
.faceted-search-filters-clearall:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.faceted-search-filters-clearall:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

@media (min-width: 768px) {
    .faceted-search-filters-clearall {
        color: rgba(0, 0, 0, 0.65)
    }
}

.faceted-search-filters-available {
    padding: 0 16px
}

.faceted-search-filters-available-item {
    padding: 0 0 16px 0
}

.faceted-search-filters-available-item svg {
    height: 24px
}

.faceted-search-filters-available-item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.95)
}

.faceted-search-filters-available-item .icon-down {
    display: none
}

.faceted-search-filters-available-item.collapsed .faceted-search-filters-available-item-body,
.faceted-search-filters-available-item.collapsed .icon-up {
    display: none
}

.faceted-search-filters-available-item.collapsed .icon-down {
    display: block
}

.faceted-search-filters-available-item.collapsed .faceted-search-filters-available-item-header {
    margin-bottom: 0
}

.faceted-search-filters-available-item-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 16px;
    margin-bottom: 8px
}

.faceted-search-filters-available-item-header-collapse-button {
    background: transparent;
    border-width: 0;
    border-radius: 0
}

.faceted-search-filters-available-item-header-collapse-button:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-filters-available-item-filter-choices {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid #595959;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    padding-right: 30px
}

.faceted-search-filters-available-item-filter-choices:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-filters-available-item-filter-choices:-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-item-filter-choices::-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-item-filter-choices::placeholder,
.faceted-search-filters-available-item-filter-choices::-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-item-filter-choices::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.faceted-search-filters-available-item-filter-choices-wrapper {
    position: relative;
    margin-top: 16px
}

.faceted-search-filters-available-item-filter-choices-wrapper .icon-close {
    position: absolute;
    top: 16px;
    right: 16px
}

.faceted-search-filters-available-item-filter-choices-wrapper .icon-close svg {
    width: 15px;
    height: 14px
}

.faceted-search-filters-available-item-filter-choices-wrapper .icon-close path {
    fill: rgba(0, 0, 0, 0.65)
}

.faceted-search-filters-available-item-filter-choices-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.faceted-search-filters-available-item-filter-choices-input-wrapper {
    position: relative
}

.faceted-search-filters-available-item-select-input:checked+.faceted-search-filters-available-item-select-label::after {
    background-color: transparent;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.faceted-search-filters-available-item-select-input:checked+.faceted-search-filters-available-item-select-label::before {
    border-color: rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0.65)
}

.faceted-search-filters-available-item-select-input:checked+.faceted-search-filters-available-item-select-label::after {
    left: 5px
}

.faceted-search-filters-available-item-select-input:focus+.faceted-search-filters-available-item-select-label:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-filters-available-item-select input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.faceted-search-filters-available-item-select-label {
    position: relative;
    padding-left: 26px;
    cursor: pointer
}

.faceted-search-filters-available-item-select-label::before,
.faceted-search-filters-available-item-select-label::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block
}

.faceted-search-filters-available-item-select-label::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0)
}

.faceted-search-filters-available-item-select-label::after {
    opacity: 0
}

.faceted-search-filters-available-item-select-label::after {
    top: 0;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid 1px #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    transform: rotate(45deg)
}

.faceted-search-filters-available-item-select-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1
}

.faceted-search-filters-available-item-select-input-wrapper {
    position: relative;
    margin: 4px 0;
    height: 40px
}

.faceted-search-filters-available-item-select-input-wrapper.hide {
    display: none
}

.faceted-search-filters-available-item-select-input-wrapper.disabled {
    color: rgba(0, 0, 0, 0.3)
}

.faceted-search-filters-available-item-select-input-wrapper.disabled .faceted-search-filters-available-item-select-label:before {
    border-color: rgba(0, 0, 0, 0.3)
}

.faceted-search-filters-available-item-select-input-wrapper.disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: transparent
}

.faceted-search-filters-available-item-select-label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.faceted-search-filters-available-item-select-wrapper {
    border-width: 0;
    padding: 6px 0 0 0;
    margin-bottom: -6px
}

.faceted-search-filters-available-input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid #595959;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%
}

.faceted-search-filters-available-input:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.faceted-search-filters-available-input:-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-input::-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-input::placeholder,
.faceted-search-filters-available-input::-ms-input-placeholder {
    color: #595959
}

.faceted-search-filters-available-input::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.faceted-search-filters-available-input-label {
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

.faceted-search-filters-update-results {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.faceted-search-filters-update-results:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-filters-update-results:active {
    opacity: .8
}

.faceted-search-filters-update-results:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.faceted-search-filters-update-results:active {
    opacity: .8
}

.faceted-search-filters-update-results:visited {
    background: #1a7f82;
    color: #fff
}

.faceted-search-filters-update-results:hover,
.faceted-search-filters-update-results:active,
.faceted-search-filters-update-results:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.faceted-search-filters-update-results-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .faceted-search-filters-wrapper {
        background: #F2F2F2
    }
    .faceted-search-filters-wrapper.docked {
        position: fixed;
        width: 250px
    }
    .faceted-search-filters-wrapper.docked.belowFooter {
        position: absolute
    }
    .faceted-search-filters-top {
        padding: 16px 0;
        margin: 0 16px;
        border-bottom-width: 2px
    }
    .faceted-search-filters-heading {
        font-family: "Libre Franklin", sans-serif;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        letter-spacing: 0
    }
    .faceted-search-filters-close {
        display: none
    }
    .faceted-search-filters-update-results-wrapper {
        position: static;
        height: auto;
        background: transparent;
        box-shadow: none;
        padding: 24px 0
    }
}

.component.search-ingredient-form .hidden-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.component.search-ingredient-form .form-row {
    margin: 20px 0;
    border-radius: 4px;
    display: flex
}

.component.search-ingredient-form .form-row .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.component.search-ingredient-form .form-row .search-field {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 18px;
    font-family: "Libre Franklin", sans-serif;
    border: none;
    padding: 3px 15px;
    margin: 4px
}

.component.search-ingredient-form .form-row.primary {
    border: 1px solid #fbd9ce;
    height: 48px
}

.component.search-ingredient-form .form-row.primary .search-field {
    color: rgba(0, 0, 0, 0.95);
    width: 100%
}

.component.search-ingredient-form .form-row.primary.error {
    border: 1px solid #c00
}

.component.search-ingredient-form .form-row.secondary {
    border: 1px solid rgba(0, 0, 0, 0.65)
}

.component.search-ingredient-form .form-row.secondary .search-field {
    width: calc(100% - 50px)
}

.component.search-ingredient-form .form-row.secondary .filter-button {
    border-radius: 0 4px 4px 0;
    background-color: rgba(0, 0, 0, 0.65);
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    height: 48px;
    width: 48px;
    margin-right: -1px;
    padding: 0
}

.component.search-ingredient-form .form-row.secondary .filter-button:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.component.search-ingredient-form .form-row.secondary .filter-button .icon {
    margin: 0 auto
}

.component.search-ingredient-form .form-row.filter-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -4px
}

@media (min-width: 1024px) {
    .component.search-ingredient-form .form-row.filter-lists {
        justify-content: left
    }
}

.component.search-ingredient-form .form-row.filter-lists .filter-action {
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    display: inline-block;
    color: rgba(0, 0, 0, 0.95);
    margin: 4px;
    padding: 8px
}

.component.search-ingredient-form .form-row.filter-lists .filter-action:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.component.search-ingredient-form .form-row.filter-lists .filter-action:hover,
.component.search-ingredient-form .form-row.filter-lists .filter-action:active,
.component.search-ingredient-form .form-row.filter-lists .filter-action:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.65)
}

.component.search-ingredient-form .form-row.filter-lists .filter-action.filter-excluded {
    text-decoration: line-through
}

.component.search-ingredient-form .form-row.filter-lists .filter-action .close-icon {
    margin-left: 4px
}

.component.search-ingredient-form .form-row.filter-lists .search-tag:before {
    content: '\201C'
}

.component.search-ingredient-form .form-row.filter-lists .search-tag:after {
    content: '\201D'
}

.component.search-ingredient-form .search-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 5px;
    margin: 0 auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    text-transform: none;
    width: 104px;
    height: 48px
}

.component.search-ingredient-form .search-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.search-ingredient-form .search-button:active {
    opacity: .8
}

.component.search-ingredient-form .search-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.search-ingredient-form .search-button:active {
    opacity: .8
}

.component.search-ingredient-form .search-button:visited {
    background: #1a7f82;
    color: #fff
}

.component.search-ingredient-form .search-button:hover,
.component.search-ingredient-form .search-button:active,
.component.search-ingredient-form .search-button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .component.search-ingredient-form .search-button {
        width: 110px
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.pos-pre-0 {
    margin-bottom: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05)
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide {
    margin: 20px auto;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show:visited,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show:hover,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show .icon,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon {
    margin-left: 4px;
    width: 14px
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show .icon svg path,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon svg path {
    fill: rgba(0, 0, 0, 0.65)
}

@media (min-width: 1024px) {
    .search-by-ingredient-menu-item .search-by-ingredient-mobile-show {
        display: none
    }
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide {
    display: none
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon {
    transform: rotate(180deg)
}

.search-by-ingredient-menu-item .main-channel {
    display: none
}

@media (min-width: 1024px) {
    .search-by-ingredient-menu-item .main-channel {
        display: block
    }
}

.search-by-ingredient-menu-item .submenu-children {
    text-align: center
}

@media (min-width: 1024px) {
    .search-by-ingredient-menu-item .submenu-children {
        text-align: left
    }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .search-by-ingredient-mobile {
    width: 100%
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .search-by-ingredient-mobile.show {
    display: block;
    position: relative;
    opacity: 1;
    right: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .submenu-link {
    text-transform: none
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .submenu-link .search-by-ingredient-menu-text {
    letter-spacing: 0
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    line-height: 20px;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile {
    width: 193px;
    min-height: 348px;
    border: 2px solid #e1dfdd;
    position: relative
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::before,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::after {
    content: ' ';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #e1dfdd;
    border: 4px solid #fff;
    border-radius: 50%
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::before {
    top: -5px;
    left: -5px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::after {
    bottom: -5px;
    right: -5px
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile .headline {
    color: #f9f7f0
}

.recipe-reviews-sort {
    position: relative
}

.recipe-reviews-sort .sort-title-trigger {
    color: rgba(0, 0, 0, 0.95)
}

.recipe-reviews-sort .sort-title-reviews,
.recipe-reviews-sort .sort-title-selected {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.recipe-reviews-sort .sort-title-reviews {
    display: inline-block;
    width: 64px
}

.recipe-reviews-sort .sort-title-selected {
    font-weight: 700
}

.recipe-reviews-sort .sort-options {
    display: none;
    width: 144px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 28px;
    left: 68px;
    z-index: 1
}

.recipe-reviews-sort .sort-options.open {
    display: block
}

.recipe-reviews-sort .sort-option {
    display: flex;
    padding: 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

.recipe-reviews-sort .sort-option.active .sort-option-check .icon-check {
    display: inline-block
}

.recipe-reviews-sort .sort-option-title {
    padding-left: 4px
}

.recipe-reviews-sort .sort-option-check {
    width: 20px;
    height: 20px
}

.recipe-reviews-sort .sort-option-check .icon-check {
    display: none;
    fill: #fbd9ce
}

.recipe-reviews-sort.sort-tabs {
    margin-top: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .recipe-reviews-sort.sort-tabs {
        margin-top: 64px
    }
}

.recipe-reviews-sort.sort-tabs .sort-title {
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .recipe-reviews-sort.sort-tabs .sort-title {
        display: none
    }
}

@media (min-width: 1024px) {
    .recipe-reviews-sort.sort-tabs .sort-options {
        display: flex;
        text-align: center;
        width: auto;
        box-shadow: none;
        position: relative;
        top: auto;
        left: auto
    }
    .recipe-reviews-sort.sort-tabs .sort-option {
        display: block;
        flex: 1;
        padding: 0 0 16px
    }
    .recipe-reviews-sort.sort-tabs .sort-option.active,
    .recipe-reviews-sort.sort-tabs .sort-option:hover {
        font-weight: 700;
        border-bottom: 4px solid #f9f7f0
    }
    .recipe-reviews-sort.sort-tabs .sort-option-check {
        display: none
    }
    .recipe-reviews-sort.sort-tabs .sort-option-title {
        padding-left: 0
    }
}

.component.external-disclaimer {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.modal-active.ugc-upload-modal,
.modal-active.ugc-upload-reply-modal {
    overflow: hidden
}

.modal-active.ugc-upload-modal .modal.ugc-upload-modal,
.modal-active.ugc-upload-modal .modal.ugc-upload-reply-modal,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-modal,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-reply-modal {
    position: fixed;
    width: 100vw;
    height: 85vh;
    max-width: 100%;
    max-height: 570px
}

.modal-active.ugc-upload-modal .modal.ugc-upload-modal .content,
.modal-active.ugc-upload-modal .modal.ugc-upload-reply-modal .content,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-modal .content,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-reply-modal .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #fff;
    overflow-y: auto
}

.modal-active.ugc-upload-modal .modal.ugc-upload-modal .component.ugc-upload,
.modal-active.ugc-upload-modal .modal.ugc-upload-reply-modal .component.ugc-upload,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-modal .component.ugc-upload,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-reply-modal .component.ugc-upload {
    height: 100%
}

@media (min-width: 1024px) {
    .modal-active.ugc-upload-modal .modal.ugc-upload-modal,
    .modal-active.ugc-upload-modal .modal.ugc-upload-reply-modal,
    .modal-active.ugc-upload-reply-modal .modal.ugc-upload-modal,
    .modal-active.ugc-upload-reply-modal .modal.ugc-upload-reply-modal {
        height: 80vh;
        max-width: 736px
    }
}

.modal-active.ugc-upload-modal .modal.ugc-upload-modal,
.modal-active.ugc-upload-reply-modal .modal.ugc-upload-reply-modal {
    display: block
}

.mdex-test.template-article .ugc-upload-modal .close,
.mdex-test.template-article .ugc-upload-reply-modal .close,
.mdex-test.template-project .ugc-upload-modal .close,
.mdex-test.template-project .ugc-upload-reply-modal .close {
    width: 120px
}

.mdex-test.template-article .ugc-upload-modal .dialog-close-text,
.mdex-test.template-article .ugc-upload-reply-modal .dialog-close-text,
.mdex-test.template-project .ugc-upload-modal .dialog-close-text,
.mdex-test.template-project .ugc-upload-reply-modal .dialog-close-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    position: absolute;
    top: 23px;
    right: 24px;
    color: #fff
}

.component.ugc-upload.ugc-upload-with-photo .ugc-upload-header {
    display: flex
}

.component.ugc-upload.ugc-upload-with-photo .ugc-upload-headline {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 32px;
    max-height: 96px
}

.component.ugc-upload.ugc-upload-with-photo .ugc-photo-upload-wrapper {
    margin-right: 16px
}

@media (min-width: 768px) {
    .component.ugc-upload.ugc-upload-with-photo .ugc-upload-headline {
        max-height: none
    }
    .component.ugc-upload.ugc-upload-with-photo .ugc-upload-header {
        display: block
    }
    .component.ugc-upload.ugc-upload-with-photo .ugc-upload-inner {
        position: relative
    }
    .component.ugc-upload.ugc-upload-with-photo .ugc-upload-rating,
    .component.ugc-upload.ugc-upload-with-photo .ugc-upload-text {
        margin-right: 332px
    }
    .component.ugc-upload.ugc-upload-with-photo .ugc-photo-upload-wrapper {
        position: absolute;
        bottom: 70px;
        right: 0;
        margin-right: 32px
    }
}

@media (min-width: 1024px) {
    .component.ugc-upload.ugc-upload-with-photo .ugc-photo-upload-wrapper {
        bottom: 76px
    }
}

.component.ugc-upload .ugc-upload-banner {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background-color: #f9f7f0;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700
}

@media (min-width: 1024px) {
    .component.ugc-upload .ugc-upload-banner {
        padding: 8px 32px
    }
}

.component.ugc-upload .ugc-upload-banner svg {
    fill: #fff;
    margin-right: 8px
}

.component.ugc-upload .ugc-upload-content {
    padding: 24px 16px 0
}

@media (min-width: 768px) {
    .component.ugc-upload .ugc-upload-content {
        padding: 32px 32px 0
    }
}

.component.ugc-upload .ugc-upload-headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .component.ugc-upload .ugc-upload-headline {
        font-size: 36px;
        line-height: 44px
    }
}

.component.ugc-upload .ugc-upload-rating .rating-star {
    width: auto;
    height: auto;
    cursor: pointer
}

.component.ugc-upload .ugc-upload-submit {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    text-transform: none;
    display: block;
    margin: 24px auto
}

.component.ugc-upload .ugc-upload-submit:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-upload .ugc-upload-submit:active {
    opacity: .8
}

.component.ugc-upload .ugc-upload-submit:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-upload .ugc-upload-submit:active {
    opacity: .8
}

.component.ugc-upload .ugc-upload-submit:visited {
    background: #1a7f82;
    color: #fff
}

.component.ugc-upload .ugc-upload-submit:hover,
.component.ugc-upload .ugc-upload-submit:active,
.component.ugc-upload .ugc-upload-submit:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .component.ugc-upload .ugc-upload-submit {
        margin: 32px auto
    }
}

.component.ugc-upload .ugc-upload-text textarea {
    padding: 24px;
    border: 1px solid #595959;
    width: 100%;
    min-height: 200px
}

@media (min-width: 768px) {
    .component.ugc-upload .ugc-upload-text textarea {
        min-height: 240px
    }
}

.component.ugc-upload .ugc-upload-thankyou {
    display: none;
    text-align: center;
    background-color: #f9f7f0;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.component.ugc-upload .ugc-upload-thankyou svg {
    fill: #fff
}

.component.ugc-upload .ugc-upload-thankyou-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 24px auto;
    max-width: 280px;
    color: #fff
}

.component.ugc-upload.submitted .ugc-upload-inner {
    display: none
}

.component.ugc-upload.submitted .ugc-upload-thankyou {
    display: flex
}

.component.saga-ribbon {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 30px 0 10px 0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    z-index: 100
}

@media (min-width: 768px) {
    .component.saga-ribbon {
        flex-direction: row
    }
}

.component.saga-ribbon .saga-ribbon__header-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex: 1 1 auto;
    width: 100%;
    max-width: none
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__header-container {
        max-width: auto
    }
}

.component.saga-ribbon .saga-ribbon__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #e7a687;
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 600;
    font-size: 22px;
    flex: 1 1 auto;
    justify-content: center;
    padding-left: 0;
    width: 100%;
    white-space: normal;
    z-index: 100;
    height: 48px
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__header {
        padding-left: 20%;
        white-space: nowrap;
        height: 60px
    }
}

.component.saga-ribbon .saga-ribbon__header .saga-ribbon__image {
    height: 65px;
    width: 65px;
    min-width: 70px;
    border-radius: 50%;
    border: 5px solid #f4d5c7;
    background-size: cover;
    background-position: 50% 10%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin: -10px 10px 25px 10px
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__header .saga-ribbon__image {
        height: 70px;
        width: 70px;
        margin: 0 15px 0 0
    }
}

.component.saga-ribbon .saga-ribbon__title {
    font-size: 22px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 30px;
    letter-spacing: normal;
    text-align: center
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__title {
        font-size: 25px;
        text-align: auto
    }
}

.component.saga-ribbon .saga-ribbon__detail {
    background: #fff;
    pointer-events: auto;
    color: rgba(0, 0, 0, 0.95);
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: "Libre Franklin", sans-serif;
    justify-content: center;
    white-space: nowrap;
    width: 100%;
    padding: 14px 0;
    cursor: pointer
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__top-ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__detail {
        padding: 0;
        pointer-events: none;
        justify-content: flex-start;
        border: none
    }
    .component.saga-ribbon .saga-ribbon__detail .saga-ribbon__top-ribbon {
        justify-content: flex-start
    }
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__count {
    color: rgba(0, 0, 0, 0.95);
    font-size: 16px;
    font-weight: 400;
    font-family: "Libre Franklin", sans-serif;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__count .since-date {
    font-weight: 900;
    text-transform: initial
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__detail .saga-ribbon__count {
        margin: 0 10px;
        color: rgba(0, 0, 0, 0.95)
    }
}

.component.saga-ribbon .saga-ribbon__detail:before {
    content: '';
    display: none;
    border-color: #e7a687 #fff transparent transparent;
    border-width: 60px 20px 0 0;
    border-style: solid
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__detail:before {
        display: block
    }
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more {
    color: transparent;
    display: none;
    position: absolute;
    pointer-events: auto;
    background: #CCE1FF;
    border-radius: 3px;
    margin: 0 10px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    cursor: pointer;
    transition: background 0.3s;
    height: 100%
}

@media (min-width: 768px) {
    .component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more {
        color: #fff;
        position: static;
        height: auto;
        display: inline-block
    }
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more .saga-ribbon__more-link {
    color: #fff;
    width: auto;
    display: inline-block;
    padding: 10px 20px
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more:hover {
    background: #edd5d5;
    transition: background 0.3s
}

.component.saga-ribbon .saga-ribbon__controls .saga__visible,
.component.saga-timeline .saga__visible {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s
}

.component.saga-ribbon .saga-ribbon__controls .saga__hidden,
.component.saga-timeline .saga__hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s
}

.component.saga {
    background: linear-gradient(#e7a687, #fbd9ce);
    transform: translateX(-16px);
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    margin: 30px 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: calc(100% + 32px);
    max-width: calc(100% + 32px)
}

@media (min-width: 768px) {
    .component.saga {
        transform: translateX(0);
        border-radius: 5px;
        width: 100%;
        max-width: initial
    }
}

.component.saga .saga-timeline__skip {
    background-color: #e7a687;
    color: #fff;
    padding: 5px;
    position: absolute;
    left: -1000px
}

.component.saga .saga-timeline__skip:focus {
    left: 0
}

.component.saga .saga-timeline__headline {
    font-size: 24px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 32px;
    text-align: center;
    font-weight: 600;
    margin: 20px auto 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.component.saga .saga-timeline__headline svg {
    margin: 0 10px
}

.component.saga .saga-timeline__headline svg path {
    fill: #fff
}

.component.saga .saga-timeline__count {
    font-size: 12px;
    font-family: "Libre Franklin", sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    margin: 5px auto 20px
}

.component.saga .saga-timeline__count .since-date {
    text-transform: uppercase
}

.component.saga .saga-timeline__tout-container {
    display: flex;
    flex-direction: row;
    z-index: 200;
    transition: 0.5s margin-left
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout {
    position: relative;
    color: #fff;
    border: 1px solid #edd5d5;
    border-radius: 5px;
    height: 200px;
    width: 200px;
    flex-shrink: 0;
    margin: 0 3px 18px;
    background-size: cover;
    background-position: 50% 0%;
    z-index: 100
}

@media (min-width: 768px) {
    .component.saga .saga-timeline__tout-container .saga-timeline__tout {
        height: 300px;
        width: 300px
    }
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-image {
    height: 100%
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-image .inner-container {
    height: 100%
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-image .inner-container img {
    height: 100%;
    border-radius: 5px
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8));
    border-radius: 5px
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline {
    position: absolute;
    bottom: 30px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    text-align: center;
    margin: 0 10px;
    line-height: 24px;
    z-index: 300;
    display: flex;
    align-items: flex-end;
    height: 100%
}

@media (min-width: 768px) {
    .component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline {
        font-size: 18px
    }
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline .saga-timeline__tout-link {
    color: #fff;
    display: block;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    padding-top: 100%;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-date {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    background-color: #e7a687;
    bottom: -17.5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 300;
    transition: 0.5s background-color;
    letter-spacing: 0.75px
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout.active .saga-timeline__tout-date {
    background-color: #CCE1FF;
    transition: 0.5s background-color
}

.component.saga .saga-timeline__timeline-container {
    background: rgba(0, 0, 0, 0.95);
    position: relative;
    z-index: 1
}

.component.saga .saga-timeline__timeline-container:after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #262626;
    transform: translate(-50%, -50%);
    z-index: -1
}

.component.saga .saga-timeline__timeline-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: calc(50% - 5px);
    transform: translateX(-50%);
    background-color: #CCE1FF;
    transition: 0.25s background-color
}

.component.saga .saga-timeline__timeline-container.change:before {
    background-color: #262626
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline {
    height: 100px;
    margin-left: 50%;
    position: relative;
    transition: 0.5s transform
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline .saga-timeline__event {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: radial-gradient(circle, #e7a687 5px, transparent 5px);
    position: absolute;
    top: calc(50% - 5px);
    transform: translate(-50%, -50%);
    z-index: 300;
    padding: 20px;
    cursor: pointer;
    transition: 0.5s background;
    border: 0
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline .saga-timeline__event:focus {
    outline: 0
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline .saga-timeline__event.saga-timeline__event-ring {
    border-color: #808080;
    transition: 0.5s border-color
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline .saga-timeline__event.active {
    background: radial-gradient(circle, #CCE1FF 5px, transparent 5px);
    transition: 0.5s background
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline .saga-timeline__event.active.saga-timeline__event-ring {
    border-color: #CCE1FF;
    transition: 0.5s border-color
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline-dates {
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 10px;
    height: 20px
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline-dates .saga-timeline__date {
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
    letter-spacing: 0.5px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Libre Franklin", sans-serif
}

.component.saga .saga-timeline__next-container,
.component.saga .saga-timeline__prev-container {
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    z-index: 400;
    cursor: pointer;
    background: transparent;
    border: 0
}

.component.saga .saga-timeline__next-container:focus,
.component.saga .saga-timeline__prev-container:focus {
    outline: 0
}

.component.saga .saga-timeline__next-container.saga-timeline__prev-container,
.component.saga .saga-timeline__prev-container.saga-timeline__prev-container {
    left: 0
}

.component.saga .saga-timeline__next-container.saga-timeline__prev-container:hover .saga-timeline__prev,
.component.saga .saga-timeline__prev-container.saga-timeline__prev-container:hover .saga-timeline__prev {
    background: #edd5d5;
    transition: background 0.3s
}

.component.saga .saga-timeline__next-container.saga-timeline__prev-container:hover .saga-timeline__prev:after,
.component.saga .saga-timeline__prev-container.saga-timeline__prev-container:hover .saga-timeline__prev:after {
    border-color: #fff;
    transition: border-color 0.3s
}

.component.saga .saga-timeline__next-container.saga-timeline__next-container,
.component.saga .saga-timeline__prev-container.saga-timeline__next-container {
    right: 0
}

.component.saga .saga-timeline__next-container.saga-timeline__next-container:hover .saga-timeline__next,
.component.saga .saga-timeline__prev-container.saga-timeline__next-container:hover .saga-timeline__next {
    background: #edd5d5;
    transition: background 0.3s
}

.component.saga .saga-timeline__next-container.saga-timeline__next-container:hover .saga-timeline__next:after,
.component.saga .saga-timeline__prev-container.saga-timeline__next-container:hover .saga-timeline__next:after {
    border-color: #fff;
    transition: border-color 0.3s
}

.component.saga .saga-timeline__next,
.component.saga .saga-timeline__prev {
    display: none;
    position: absolute;
    top: 185px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    height: 75px;
    width: 75px;
    background: #CCE1FF;
    z-index: 300;
    cursor: pointer;
    transition: background 0.3s;
    border-style: solid;
    border-color: #fff
}

@media (min-width: 768px) {
    .component.saga .saga-timeline__next,
    .component.saga .saga-timeline__prev {
        display: inline-block
    }
}

.component.saga .saga-timeline__next:after,
.component.saga .saga-timeline__prev:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 15px;
    border-color: rgba(0, 0, 0, 0.95);
    border-style: solid;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: border-color 0.3s
}

.component.saga .saga-timeline__next:focus,
.component.saga .saga-timeline__prev:focus {
    background: #CCE1FF;
    transition: background 0.3s
}

.component.saga .saga-timeline__next:focus:after,
.component.saga .saga-timeline__prev:focus:after {
    border-color: #fff;
    transition: border-color 0.3s
}

.component.saga .saga-timeline__prev {
    left: 0;
    transform: translateX(-50%)
}

.component.saga .saga-timeline__prev:after {
    left: 75%;
    border-width: 0 0 5px 5px
}

.component.saga .saga-timeline__next {
    right: 0;
    transform: translateX(50%)
}

.component.saga .saga-timeline__next:after {
    left: 25%;
    border-width: 5px 5px 0 0
}

#timeline {
    position: relative;
    top: -100px;
    margin: 0
}

.saga-timeline__prefix-bar {
    transform: translateX(-16px);
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -20px;
    background-color: #f9f7f0;
    line-height: 20px;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .saga-timeline__prefix-bar {
        transform: translateX(0);
        width: 100%;
        max-width: initial
    }
}

.search-results {
    padding: 16px
}

.search-results-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .search-results-heading {
        font-size: 36px;
        line-height: 44px
    }
}

.search-results-no-results-heading {
    margin-top: 32px;
    text-align: center
}

.search-results-no-results-container {
    margin: 32px 0 112px
}

.search-results-no-results-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    text-align: center
}

.search-results-no-results-link {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
    font-weight: 700;
    text-decoration: underline
}

.search-results-no-results-link:hover,
.search-results-no-results-link:visited {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none
}

.search-results-standalone {
    margin: 32px 0;
    height: 48px;
    position: relative
}

.search-results-standalone-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.search-results-standalone-input,
.search-results-standalone-submit,
.search-results-standalone .search-field,
.search-results-standalone .searchButton {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.65);
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    position: absolute;
    top: 0
}

.search-results-standalone-input:focus,
.search-results-standalone-submit:focus,
.search-results-standalone .search-field:focus,
.search-results-standalone .searchButton:focus {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.search-results-standalone-input:-ms-input-placeholder,
.search-results-standalone-submit:-ms-input-placeholder,
.search-results-standalone .search-field:-ms-input-placeholder,
.search-results-standalone .searchButton:-ms-input-placeholder {
    color: #595959
}

.search-results-standalone-input::-ms-input-placeholder,
.search-results-standalone-submit::-ms-input-placeholder,
.search-results-standalone .search-field::-ms-input-placeholder,
.search-results-standalone .searchButton::-ms-input-placeholder {
    color: #595959
}

.search-results-standalone-input::placeholder,
.search-results-standalone-input::-ms-input-placeholder,
.search-results-standalone-submit::placeholder,
.search-results-standalone-submit::-ms-input-placeholder,
.search-results-standalone .search-field::placeholder,
.search-results-standalone .search-field::-ms-input-placeholder,
.search-results-standalone .searchButton::placeholder,
.search-results-standalone .searchButton::-ms-input-placeholder {
    color: #595959
}

.search-results-standalone-input::-moz-placeholder,
.search-results-standalone-submit::-moz-placeholder,
.search-results-standalone .search-field::-moz-placeholder,
.search-results-standalone .searchButton::-moz-placeholder {
    color: #595959;
    opacity: 1
}

.search-results-standalone-input,
.search-results-standalone .search-field {
    width: 100%;
    left: 0;
    padding-right: 50px
}

.search-results-standalone-submit,
.search-results-standalone .searchButton {
    right: 0;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    padding-left: 14px;
    padding-right: 14px
}

.search-results-standalone-submit:hover,
.search-results-standalone-submit:focus,
.search-results-standalone .searchButton:hover,
.search-results-standalone .searchButton:focus {
    background: rgba(0, 0, 0, 0.95);
    border-color: rgba(0, 0, 0, 0.95)
}

.search-results-standalone-submit:hover path,
.search-results-standalone-submit:focus path,
.search-results-standalone .searchButton:hover path,
.search-results-standalone .searchButton:focus path {
    fill: #fff
}

.search-results-standalone-submit:active,
.search-results-standalone .searchButton:active {
    background: rgba(0, 0, 0, 0.95);
    border-color: rgba(0, 0, 0, 0.95)
}

.search-results-standalone-submit:active path,
.search-results-standalone .searchButton:active path {
    fill: #fff
}

.search-results-standalone-submit .icon,
.search-results-standalone .searchButton .icon {
    position: relative;
    top: 3px
}

.search-results-standalone-submit path,
.search-results-standalone .searchButton path {
    fill: #fff
}

.search-results-heading {
    border-bottom: 2px solid rgba(0, 0, 0, 0.95);
    margin-bottom: 8px;
    padding: 0 0 16px
}

.search-results-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0 0 24px;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    white-space: nowrap
}

.search-results .dropdownMenu__container {
    position: relative
}

.search-results .dropdownMenu__toggleLabel,
.search-results .dropdownMenu__selected {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

.search-results .dropdownMenu__toggleLabel:focus,
.search-results .dropdownMenu__selected:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.search-results .dropdownMenu__toggleLabel:active,
.search-results .dropdownMenu__selected:active {
    opacity: .8
}

.search-results .dropdownMenu__toggleLabel {
    display: none
}

@media (min-width: 768px) {
    .search-results .dropdownMenu__toggleLabel {
        display: inline-block
    }
    .search-results .dropdownMenu__toggleLabel::after {
        content: ':';
        margin-right: 4px
    }
}

.search-results .dropdownMenu__toggle {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    display: flex;
    align-items: center
}

.search-results .dropdownMenu__toggle:hover,
.search-results .dropdownMenu__toggle:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.search-results .dropdownMenu__toggle:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.search-results .dropdownMenu__toggle:active {
    opacity: .8
}

.search-results .dropdownMenu__toggle svg {
    width: 24px;
    height: 24px;
    pointer-events: none
}

.search-results .dropdownMenu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 8px 0;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 28px;
    right: 0;
    background: #fff;
    display: none
}

.search-results .dropdownMenu--open .dropdownMenu__list {
    display: block
}

.search-results .dropdownMenu__listItem {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.search-results .dropdownMenu__listItemLink {
    padding: 0 16px 0 40px;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    display: flex;
    height: 48px;
    align-items: center
}

.search-results .dropdownMenu__listItemLink:hover,
.search-results .dropdownMenu__listItemLink:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.search-results .dropdownMenu__listItemLink:hover {
    background: rgba(0, 0, 0, 0.05)
}

.search-results .dropdownMenu__listItemLink.dropdownMenu__listItemLink--selected {
    background-image: url("../img/icons/check.svg");
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 20px
}

.search-results-total-results {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.search-results-content-container {
    flex: 1 1 auto
}

.search-results-content-results-wrapper.loading {
    position: relative
}

.search-results-content-results-wrapper.loading:before,
.search-results-content-results-wrapper.loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.search-results-content-results-wrapper.loading:before {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1
}

.search-results-content-results-wrapper.loading:after {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 200px;
    z-index: 2
}

@media (min-width: 768px) {
    .search-results {
        max-width: 640px;
        margin: 0 auto;
        padding: 32px 0 0
    }
    .search-results-standalone {
        margin: 32px 0 64px
    }
    .search-results-content {
        display: flex
    }
    .search-results-content-results-wrapper {
        flex: 1 0 0
    }
    .search-results .faceted-search-filters {
        position: static;
        display: block;
        width: 250px;
        margin-right: 24px;
        flex: 0 0 250px
    }
}

.search-results-load-more-container {
    margin: 48px 0;
    text-align: center
}

.search-results-load-more-container.loading {
    position: relative;
    min-height: 200px
}

.search-results-load-more-container.loading:after {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -28px 0 0 -28px
}

.search-results-load-more-container.loading .search-results-load-more-button {
    display: none
}

.search-results-load-more-container.hide {
    display: none
}

.search-results-load-more-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.search-results-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.search-results-load-more-button:active {
    opacity: .8
}

.search-results-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.search-results-load-more-button:active {
    opacity: .8
}

.search-results-load-more-button:visited {
    background: #1a7f82;
    color: #fff
}

.search-results-load-more-button:hover,
.search-results-load-more-button:active,
.search-results-load-more-button:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .search-results {
        max-width: 818px
    }
    .search-results-heading .mdex-test .search-results {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .search-results-heading .mdex-test .search-results {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .search-results.search-results-faceted {
        max-width: 1100px;
        padding: 32px 64px 0
    }
    .search-results.search-results-faceted .search-results-standalone {
        margin: 32px 0 64px
    }
}

@media (min-width: 1162px) {
    .search-results.search-results-faceted {
        padding: 32px 0 0
    }
    .search-results .faceted-search-filters {
        margin-right: 32px
    }
}

@media (min-width: 768px) {
    .search-results:not(.search-results-faceted) .search-result {
        display: flex;
        align-items: flex-start
    }
    .search-results:not(.search-results-faceted) .search-result-image {
        width: 250px;
        margin-right: 24px
    }
    .search-results:not(.search-results-faceted) .search-result-image+.search-result-content {
        margin-top: 0
    }
    .search-results:not(.search-results-faceted) .search-result-content {
        flex: 1 0 0
    }
}

@media (min-width: 1024px) {
    .search-results.search-results-faceted .search-result {
        overflow: hidden
    }
    .search-results.search-results-faceted .search-result-image {
        width: 250px;
        margin-right: 24px;
        float: left
    }
    .search-results.search-results-faceted .search-result-image+.search-result-content {
        margin-top: 0
    }
    .search-results.search-results-faceted .search-result-content {
        flex: 1 0 0
    }
    .search-results.search-results-faceted .search-result-meta {
        display: flex;
        flex-wrap: wrap
    }
    .search-results.search-results-faceted .search-result-meta-item {
        flex: 0 0 50%
    }
    .search-results.search-results-faceted .search-result-meta-item:nth-child(odd) {
        padding-right: 4px
    }
    .search-results.search-results-faceted .search-result-meta-item:nth-child(even) {
        padding-left: 4px
    }
}

.search-result {
    margin: 0 0 32px
}

.search-result-image {
    margin: 0
}

.search-result-image-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.search-result-image-link .placeholder.aspect_3x2.component.lazy-image.lazy-image-udf img,
.search-result-image-link .placeholder.aspect_3x2.component.lazy-image.lazy-image-udf:after {
    display: none
}

.search-result-image+.search-result-content {
    margin-top: 16px
}

.search-result-pinterest-button {
    float: right;
    padding-left: 10px
}

.search-result-pinterest-button svg {
    width: 48px;
    height: 48px
}

.search-result-title-link {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    display: block;
    margin: 0 0 12px
}

.search-result-title-link:hover,
.search-result-title-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.search-result-title-link-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.search-result-title-link-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.search-result-title-link-text:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.search-result-meta {
    list-style: none;
    margin: 0;
    padding: 0
}

.search-result-meta-item {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 12px
}

.search-result-meta-item-label {
    font-weight: 700;
    text-transform: uppercase
}

.search-result-description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

@media (min-width: 1024px) {
    .search-result-image {
        margin-right: 32px
    }
}

.component.alert-banner {
    padding: 12px 16px;
    display: flex
}

.component.alert-banner.hidden {
    display: none
}

.component.alert-banner .alert-icon {
    width: 24px;
    height: 24px
}

.component.alert-banner .alert-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    padding: 0 8px;
    width: calc(100% - 48px);
    text-align: left
}

.component.alert-banner .alert-close {
    display: flex;
    padding: 4px 0;
    background: transparent;
    color: #c00;
    border: 0
}

.component.alert-banner .alert-close path {
    fill: rgba(0, 0, 0, 0.95)
}

.component.alert-banner.type-error {
    background-color: #fae6e6;
    position: absolute;
    width: 100%;
    z-index: 1
}

.component.alert-banner.type-error .alert-icon {
    background: url("../img/icons/alert-error.svg")
}

.component.alert-banner.type-info {
    background-color: rgba(0, 76, 140, 0.1)
}

.component.alert-banner.type-info .alert-icon {
    background: url("../img/icons/alert-info.svg")
}

.component.alert-banner.type-warning {
    background-color: rgba(254, 152, 2, 0.1)
}

.component.alert-banner.type-warning .alert-icon {
    background: url("../img/icons/alert-warning.svg")
}

.component.alert-banner.type-success-created,
.component.alert-banner.type-success-signed-in {
    background-color: rgba(0, 128, 0, 0.1)
}

.component.alert-banner.type-success-created .alert-icon,
.component.alert-banner.type-success-signed-in .alert-icon {
    background: url("../img/icons/alert-success.svg")
}

.layout--thin .component.alert-banner.type-error {
    position: relative;
    z-index: -1
}

.layout--thin .component.alert-banner .alert-close {
    display: none
}

.entity-card .special-header {
    background: #fbd9ce;
    padding: 4px 8px
}

.entity-card .special-header,
.entity-card .special-header-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff
}

.entity-card .title-box {
    background: rgba(0, 0, 0, 0.95)
}

.entity-card .title-box .component.lazy-image.lazy-image-udf {
    padding-top: 0 !important
}

.entity-card .title-gridcell {
    flex: 1
}

.template-article .article-content-container .entity-card .title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    margin: 0
}

@media (max-width: 767px) {
    .template-article .article-content-container .entity-card .title {
        padding: 10px 16px 10px 0
    }
}

.template-article .article-content-container .entity-card .title .title-link:hover {
    color: #fbd9ce
}

.entity-card .details-box,
.entity-card .details-box p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.entity-card .details-box .label,
.entity-card .field-row .label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.95)
}

.entity-card .details-box .genus-name .value-list-gridcell,
.entity-card .field-row .genus-name .value-list-gridcell {
    font-style: italic
}

.entity-card .field-value {
    display: block
}

.entity-card .field-value .label {
    display: inline-block
}

.entity-card .field-value .value-list {
    margin: 8px 0
}

.entity-card .field-value .value-list:not(.vertical) {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline
}

.entity-card .field-value .value-list:not(.vertical) .value {
    display: inline
}

.entity-card .field-value .value-list:not(.vertical) .value:not(:last-of-type):after {
    content: ','
}

.entity-card .field-value .value-list.vertical {
    text-align: left;
    padding: 0;
    margin: 4px 0 8px
}

.entity-card .field-value .value-list.vertical .value::before,
.entity-card .field-value .value-list.vertical .seeMoreValues__list .value::before {
    content: '\2022';
    margin: 0 4px
}

.entity-card .field-value .value-list.vertical .value,
.entity-card .field-value .value-list.vertical .seeMoreValues {
    list-style-type: none
}

.entity-card .field-value .value-list.vertical .seeMoreValues.open .seeMoreValues__list {
    display: block
}

.entity-card .field-value .value-list.vertical .seeMoreValues.open .seeMoreValues__toggle {
    display: none
}

.entity-card .field-value .value-list.vertical .seeMoreValues__toggle {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: inline-block;
    margin: 12px 0 0 4px
}

.entity-card .field-value .value-list.vertical .seeMoreValues__toggle:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.entity-card .field-value .value-list.vertical .seeMoreValues__toggle:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.entity-card .field-value .value-list.vertical .seeMoreValues__list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0;
    margin: 4px 0 8px;
    display: none
}

.entity-card .field-value .value p {
    margin-top: 6px;
    margin-right: 3px
}

.entity-card .field-value .value-list.vertical a,
.entity-card .field-value .value-link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: underline;
    box-shadow: none
}

.entity-card .field-value .value-list.vertical a:hover,
.entity-card .field-value .value-list.vertical a:active,
.entity-card .field-value .value-list.vertical a:focus,
.entity-card .field-value .value-link:hover,
.entity-card .field-value .value-link:active,
.entity-card .field-value .value-link:focus {
    box-shadow: none;
    color: #fbd9ce
}

@media (min-width: 768px) {
    .entity-card .field-value {
        margin-right: 32px
    }
}

.entity-card.entity-summary {
    flex-direction: column;
    margin: 0 0 10px 0
}

.entity-card.entity-summary.with-grade {
    margin-top: 20px
}

.entity-card.entity-summary .card-box {
    display: flex
}

.entity-card.entity-summary .details-box {
    height: 46px
}

.entity-card.entity-summary .entity-image {
    display: none
}

.entity-card.entity-summary .info-box {
    display: flex;
    justify-content: center;
    flex: 1;
    flex-direction: column
}

.entity-card.entity-summary .title-box,
.entity-card.entity-summary .details-box {
    display: flex;
    align-items: center;
    flex: 1
}

.entity-card.entity-summary .title-box {
    padding: 0 14px
}

.entity-card.entity-summary .title-box.no-image {
    max-height: 44px
}

.entity-card.entity-summary .title-secondary {
    font-size: 14px;
    color: #fff
}

@media (max-width: 768px) {
    .entity-card.entity-summary .title-secondary {
        padding-top: 10px;
        margin-bottom: auto
    }
}

.entity-card.entity-summary .details-box {
    padding: 0 8px;
    justify-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.entity-card.entity-summary .details-box.no-image {
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.entity-card.entity-summary .secondary-label {
    font-family: "Noto Serif", serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 4px
}

.entity-card.entity-summary .secondary-text {
    font-family: "Noto Serif", serif;
    word-spacing: 3px;
    font-weight: 900;
    font-size: 16px
}

.entity-card.entity-summary .secondary-text.light {
    font-weight: 300
}

.entity-card.entity-summary .secondary-text.bold {
    font-weight: 700
}

.entity-card.entity-summary .button {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    padding: 6px 9px;
    background-color: #fbd9ce;
    margin-right: 24px;
    white-space: nowrap;
    border: none;
    cursor: pointer
}

.entity-card.entity-summary .button.nowrap {
    white-space: nowrap
}

.entity-card.entity-summary .button:hover,
.entity-card.entity-summary .button:active,
.entity-card.entity-summary .button:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.95)
}

.entity-card.entity-summary .button:focus:focus {
    outline: 3px solid #014ECB;
    outline-offset: 2px;
    box-shadow: none
}

.entity-card.entity-summary .field-value {
    margin-right: 0
}

@media (min-width: 768px) {
    .entity-card.entity-summary .field-value {
        margin-right: 20px
    }
}

.entity-card.entity-summary .field-value .value-list-gridcell {
    display: inline-block
}

.entity-card.entity-summary .field-value .value {
    white-space: nowrap
}

@media (min-width: 768px) {
    .entity-card.entity-summary .card-box,
    .entity-card.entity-summary .entity-image {
        height: 90px
    }
    .entity-card.entity-summary .entity-image {
        display: block;
        width: 90px
    }
    .entity-card.entity-summary .button {
        margin-right: 40px
    }
    .entity-card.entity-summary .details-box {
        padding: 0 10px
    }
    .entity-card.entity-summary .details-box {
        border-left: none
    }
    .entity-card.entity-summary .details-box .no-image {
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

@media (min-width: 1024px) {
    .entity-card.entity-summary {
        margin: 0 0 20px 0
    }
}

.entity-card.entity-full {
    justify-content: center;
    flex: 1;
    flex-direction: column;
    margin: 28px 0;
    width: 100%
}

.entity-card.entity-full:first-child {
    margin-top: 0
}

.entity-card.entity-full .special-header {
    padding: 4px 8px
}

.entity-card.entity-full .title-box,
.entity-card.entity-full .entity-image {
    height: 50px
}

.entity-card.entity-full .entity-image {
    width: 50px
}

.entity-card.entity-full .title-box {
    display: flex;
    align-items: center
}

.entity-card.entity-full .title {
    flex: 1;
    padding: 0 20px
}

.entity-card.entity-full .details-box {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: none;
    flex-direction: column;
    padding: 0 16px
}

@media (min-width: 768px) {
    .entity-card.entity-full .details-box {
        padding: 0 24px
    }
}

.entity-card.entity-full .description {
    padding: 14px 0
}

@media (min-width: 768px) {
    .entity-card.entity-full .description {
        padding: 20px 0
    }
}

.entity-card.entity-full .field-row {
    flex: 1;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    align-items: center
}

.entity-card.entity-full .field-row:first-of-type {
    border-top: none
}

.entity-card.entity-full .field-value {
    display: inline-block;
    margin: 14px 20px 14px 0
}

.entity-card.entity-full .field-value .label,
.entity-card.entity-full .field-value .value-list-gridcell {
    padding: 0;
    vertical-align: baseline;
    border-bottom: none;
    font-size: 14px;
    line-height: 20px
}

.entity-card.entity-full .field-value .value-list-gridcell {
    display: inline
}

.entity-card.entity-full .field-value.img-value {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.entity-card.entity-full .field-value.img-value .label {
    margin-right: 10px
}

.entity-card.entity-full .streaming-img {
    height: 26px;
    margin: 9px 0;
    display: flex
}

.entity-card--creative-work.entity-full .title-box {
    height: 60px
}

.entity-card--creative-work.entity-full .title-box img,
.entity-card--creative-work.entity-full .title-box .entity-image {
    border-top-left-radius: 5px;
    width: 60px;
    height: 60px
}

.template-article .article-content-container .entity-card--creative-work.entity-full h2.title {
    padding: 0 12px
}

.entity-card--creative-work.entity-full .description {
    background-color: #000;
    color: #fff;
    padding: 14px;
    margin-left: -1px
}

.entity-card--creative-work.entity-full .details-box {
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.entity-card--creative-work.entity-full .details-box table {
    margin-bottom: 0
}

.template-article .article-content-container .entity-card--creative-work.entity-full h2.title,
.entity-card--creative-work.entity-full .title-link {
    display: flex;
    align-items: center;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .template-article .article-content-container .entity-card--creative-work.entity-full h2.title,
    .entity-card--creative-work.entity-full .title-link {
        font-size: 24px;
        line-height: 32px
    }
}

.entity-card--creative-work.entity-full .field-value {
    flex: 1;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    margin: 0;
    margin-top: -1px;
    min-height: 45px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .entity-card--creative-work.entity-full .field-value {
        justify-content: flex-start;
        margin-right: 0
    }
}

.entity-card--creative-work.entity-full .field-value .value {
    padding-right: 5px
}

.entity-card--creative-work.entity-full .field-row {
    display: flex;
    border-top: 0;
    border-bottom: 0;
    flex-wrap: wrap
}

.entity-card--creative-work.entity-summary .title-box {
    min-height: 45px
}

@media (min-width: 768px) {
    .entity-card--creative-work.entity-summary .title-box {
        border-top-left-radius: 0
    }
}

.entity-card--creative-work.entity-summary .details-box {
    flex-wrap: wrap;
    flex-grow: 50;
    height: auto;
    padding: 0;
    border: 0
}

@media (min-width: 768px) {
    .entity-card--creative-work.entity-summary .details-box {
        padding: 0
    }
}

.template-article .article-content-container .entity-card--creative-work.entity-summary h2.title,
.entity-card--creative-work.entity-summary .title-link {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px
}

.entity-card--creative-work.entity-summary .show-details {
    display: none
}

.entity-card--creative-work.entity-summary .field-value.hide-on-mobile {
    display: inline-flex
}

.entity-card--creative-work.entity-summary .title-box h2.title {
    padding-right: 0
}

.entity-card--creative-work.entity-summary .title-secondary {
    padding-top: initial;
    margin-bottom: initial
}

.entity-card--creative-work.entity-summary .field-value {
    flex: 1;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0;
    min-height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .entity-card--creative-work.entity-summary .field-value {
        justify-content: flex-start;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

.entity-card--creative-work.entity-summary .field-value .value:not(:last-of-type) {
    padding-right: 5px
}

.entity-card--creative-work.entity-summary .title-box,
.entity-card--creative-work.entity-full .title-box {
    background: #67c5b4
}

.entity-card--creative-work.entity-summary .title-box .title-link,
.entity-card--creative-work.entity-summary .title-box .title,
.entity-card--creative-work.entity-full .title-box .title-link,
.entity-card--creative-work.entity-full .title-box .title {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    letter-spacing: .5px
}

.entity-card--creative-work.entity-summary .title-box .title-link:hover svg path,
.entity-card--creative-work.entity-summary .title-box .title-link:active svg path,
.entity-card--creative-work.entity-summary .title-box .title-link:focus svg path,
.entity-card--creative-work.entity-full .title-box .title-link:hover svg path,
.entity-card--creative-work.entity-full .title-box .title-link:active svg path,
.entity-card--creative-work.entity-full .title-box .title-link:focus svg path {
    fill: #fbd9ce
}

.entity-card--creative-work.entity-summary .title-icon,
.entity-card--creative-work.entity-full .title-icon {
    display: inline-flex;
    padding-top: 3px;
    padding-left: 5px
}

.entity-card--creative-work.entity-summary .title-icon path,
.entity-card--creative-work.entity-full .title-icon path {
    fill: #5F5644
}

.entity-card--creative-work.entity-summary .value,
.entity-card--creative-work.entity-full .value {
    white-space: nowrap
}

.entity-card--creative-work.entity-summary .value-link,
.entity-card--creative-work.entity-full .value-link {
    text-decoration: none;
    border-bottom: 2px solid #5F5644
}

.entity-card--creative-work.entity-summary .field-value,
.entity-card--creative-work.entity-full .field-value {
    padding-left: 14px;
    padding-right: 14px
}

.entity-card--creative-work.entity-summary .field-value .label,
.entity-card--creative-work.entity-full .field-value .label {
    white-space: nowrap
}

.entity-card .hide-on-mobile {
    display: none
}

@media (min-width: 768px) {
    .entity-card .hide-on-mobile {
        display: block
    }
}

@media (max-width: 767px) {
    .entity-summary.entity-card--tv-show .field-value:nth-child(1):nth-last-child(3).field-tracking-genre,
    .entity-summary.entity-card--tv-show .field-value:nth-child(2):nth-last-child(2).field-tracking-genre,
    .entity-summary.entity-card--tv-show .field-value:nth-child(3):nth-last-child(1).field-tracking-genre,
    .entity-summary.entity-card--movie .field-value:nth-child(1):nth-last-child(3).field-tracking-genre,
    .entity-summary.entity-card--movie .field-value:nth-child(2):nth-last-child(2).field-tracking-genre,
    .entity-summary.entity-card--movie .field-value:nth-child(3):nth-last-child(1).field-tracking-genre {
        flex-basis: 100%;
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

.entity-summary.entity-card--tv-show .field-tracking-genre,
.entity-summary.entity-card--movie .field-tracking-genre {
    flex-grow: 3
}

@media (min-width: 1024px) {
    .entity-summary.entity-card--tv-show .field-tracking-type,
    .entity-summary.entity-card--movie .field-tracking-type {
        max-width: 120px
    }
}

@media (max-width: 767px) {
    .entity-summary.entity-card--tv-show .field-tracking-type,
    .entity-summary.entity-card--movie .field-tracking-type {
        border-left: 1px solid rgba(0, 0, 0, 0.15)
    }
}

.entity-full.entity-card--creative-work .streaming-service.field-value .value {
    padding-right: 0
}

.entity-full.entity-card--creative-work .field-tracking-creator,
.entity-full.entity-card--creative-work .field-tracking-performers,
.entity-full.entity-card--creative-work .streaming-service,
.entity-full.entity-card--creative-work .coverage {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 12px
}

.entity-full.entity-card--creative-work .field-tracking-creator .streaming-img,
.entity-full.entity-card--creative-work .field-tracking-performers .streaming-img,
.entity-full.entity-card--creative-work .streaming-service .streaming-img,
.entity-full.entity-card--creative-work .coverage .streaming-img {
    margin-bottom: 0;
    margin-top: 0
}

.letter-grade {
    color: rgba(0, 0, 0, 0.95);
    width: 45px;
    height: 27px;
    top: -11.2px;
    position: relative;
    float: right;
    z-index: 2;
    margin-left: 20px;
    text-align: center
}

.letter-grade .letter-grade-shape,
.letter-grade .letter-grade-shape::before,
.letter-grade .letter-grade-shape::after {
    background-color: #fce93b;
    border-radius: 3px;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.letter-grade .letter-grade-shape {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: "Roboto", "HelveticaNeue", sans-serif
}

.letter-grade .letter-grade-shape::before,
.letter-grade .letter-grade-shape::after {
    background-color: inherit
}

.letter-grade .letter-grade-shape::before {
    transform: rotate(-60deg)
}

.letter-grade .letter-grade-shape::after {
    transform: rotate(60deg)
}

.letter-grade .grade-emphasize {
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    transform: translateY(-0.1em)
}

.letter-grade.grade-only {
    float: right;
    z-index: 100;
    margin: 20px 20px 60px
}

.letter-grade.grade-only .letter-grade-shape {
    font-size: 12px
}

.article-content-container .letter-grade.grade-only {
    color: rgba(0, 0, 0, 0.95)
}

.article-content-container .letter-grade.grade-only .letter-grade-shape,
.article-content-container .letter-grade.grade-only .letter-grade-shape::before,
.article-content-container .letter-grade.grade-only .letter-grade-shape::after {
    background-color: #fce93b
}

#entity-anchor {
    margin-top: -100px;
    margin-bottom: 128px
}

body.modal-active.whereToWatch__modal.menu-active {
    overflow: hidden
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal {
    position: fixed;
    display: block;
    width: 100vw;
    height: 572px;
    padding: 0;
    max-width: 360px;
    max-height: 572px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal {
        max-width: 736px
    }
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 1024px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap {
        overflow: unset
    }
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .close {
    top: 0;
    z-index: 1
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .close svg {
    position: relative;
    bottom: 0;
    left: 4px
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .dialogTitle {
    position: relative;
    overflow: inherit;
    width: 100%;
    height: 48px;
    background-color: #fbd9ce;
    margin: 0;
    padding: 12px 16px;
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content {
    max-width: 294px;
    margin: 40px 32px;
    height: calc(100% - 80px - 48px)
}

@media (min-width: 768px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content {
        margin: 40px auto;
        max-width: 484px
    }
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content.loading {
    position: relative;
    min-height: 250px
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content.loading::after {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent {
    width: 100%
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 16px;
    padding-top: 16px
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list:first-child {
    padding-top: 0
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-logo img {
    width: 80px
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    margin-left: auto
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link {
    background-color: #fbd9ce;
    height: 24px;
    display: inline-block;
    padding: 4px 12px;
    color: #fff;
    cursor: pointer
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link:active {
    opacity: .8
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link:hover,
body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link:active,
body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__list-stream-button-link:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty,
body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error {
    height: 100%
}

@media (min-width: 768px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty,
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty-heading,
body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 0
}

@media (min-width: 768px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty-heading,
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error-heading {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width: 768px) {
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty-heading,
    body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error-heading {
        margin-bottom: 22px
    }
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__empty-body,
body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error-body {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: normal
}

body.modal-active.whereToWatch__modal .partial.modal.whereToWatch__modal .dialog-wrap .content .streamingOptionsContent__error-heading {
    margin-bottom: 24px
}

.whereToWatch {
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 2px solid #edd5d5;
    background-color: #F2F2F2;
    padding: 8px 13px
}

.whereToWatch__icon {
    background-image: url("../img/icons/where-to-watch.svg");
    height: 32px;
    width: 32px
}

.whereToWatch__text {
    margin-left: 8px
}

.whereToWatch__text-link {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-transform: uppercase;
    border: none;
    background: none;
    padding: 0
}

.whereToWatch__text-link:hover,
.whereToWatch__text-link:active,
.whereToWatch__text-link:focus,
.whereToWatch__text-link:visited {
    box-shadow: none;
    color: #fbd9ce
}

.whereToWatch__circle {
    position: relative;
    margin-left: auto;
    order: 2;
    right: 12px;
    height: 4px
}

.whereToWatch__circle-link {
    display: block;
    background-color: #edd5d5;
    border-radius: 5px;
    padding: 2px;
    border: none
}

.whereToWatch__circle-link:before,
.whereToWatch__circle-link:after {
    position: absolute;
    left: -9px;
    top: 0;
    content: '';
    background-color: #edd5d5;
    border-radius: 5px;
    padding: 2px
}

.whereToWatch__circle-link:after {
    left: 9px
}

.component.entity-full .whereToWatch {
    border-left: none
}

.component.image-composite {
    margin: 48px 0 8px
}

.component.image-composite .full-width-image {
    margin: 0
}

.component.image-composite .image-expander {
    display: inline-flex
}

.sticky-action-bar {
    display: none
}

@media (min-width: 768px) {
    .sticky-action-bar {
        display: block;
        width: 100%;
        padding: 0 24px;
        height: 48px;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        font-size: 14px;
        z-index: 500
    }
}

.sticky-action-bar a {
    color: rgba(0, 0, 0, 0.95)
}

.sticky-action-bar>.icon path {
    fill: rgba(0, 0, 0, 0.95)
}

.sticky-action-bar .component.share-new.circle .icon>a {
    border-width: 0;
    width: auto;
    height: auto
}

.sticky-action-bar .component.share-new .icon.icon-favorite path:first-child {
    stroke: rgba(0, 0, 0, 0.95)
}

.sticky-action-bar .component.share-new .icon.icon-favorite:hover path:first-child {
    fill: #fff
}

@media (min-width: 1024px) {
    .sticky-action-bar .component.share-new .icon.icon-favorite .icon-text {
        font-size: 0
    }
    .sticky-action-bar .component.share-new .icon.icon-favorite .icon-text::before {
        content: 'Save for Later';
        font-size: 14px;
        white-space: nowrap;
        position: relative;
        top: 3px
    }
}

.sticky-action-bar .icon-print {
    border-right: 1px solid #e1dfdd;
    padding-right: 25px;
    line-height: 48px
}

.sticky-action-bar .icon-pinterest .icon-text,
.sticky-action-bar .icon-favorite .icon-text,
.sticky-action-bar .icon-share .icon-text {
    display: none
}

@media (min-width: 1024px) {
    .sticky-action-bar .icon-pinterest .icon-text,
    .sticky-action-bar .icon-favorite .icon-text,
    .sticky-action-bar .icon-share .icon-text {
        display: inline
    }
}

.sticky-action-bar__container {
    width: 100%;
    max-width: 1279px;
    margin: 0 auto
}

.sticky-action-bar__dropdown {
    display: inline-block;
    line-height: 48px;
    padding: 0 16px 0 0;
    position: relative
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation {
    display: none
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation--open {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 49px
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container {
    position: relative;
    box-shadow: 0 0 5px #D9D9D9;
    background-color: #fff
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-y: auto;
    padding: 0;
    margin: 0
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li {
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: 0
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li a {
    display: block;
    padding: 14px 14px 14px 16px;
    width: 275px;
    color: rgba(0, 0, 0, 0.95);
    line-height: 20px
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li.current {
    border-left: 4px solid #0F7BAE
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li.current a {
    font-weight: 700
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li.current a:after {
    text-transform: lowercase;
    content: ' (current step)'
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container>ul li:hover {
    background-color: #0F7BAE
}

.sticky-action-bar__dropdown-button {
    border: none;
    background: transparent;
    display: block;
    max-width: 290px;
    font-size: 14px;
    height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.sticky-action-bar__dropdown-button:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: '';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid rgba(0, 0, 0, 0.95);
    margin-left: 10px;
    margin-bottom: 3px
}

.sticky-action-bar__dropdown-button--open:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: '';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid rgba(0, 0, 0, 0.95);
    border-bottom: none
}

.sticky-action-bar__select-font-size {
    display: none
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    line-height: 48px
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea {
    display: flex;
    position: relative
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider {
    position: absolute;
    width: 100%;
    top: 3px
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input {
    position: relative;
    width: 100%;
    z-index: 100;
    -webkit-appearance: none;
    background: transparent
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input::-ms-track,
.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input::-moz-range-track {
    width: 100%;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea span {
    display: inline-block
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic {
    cursor: pointer
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic svg path {
    fill: rgba(0, 0, 0, 0.15)
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg {
    position: relative;
    top: 1px
}

body.fontSize-1 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg path {
    fill: #edd5d5
}

body.fontSize-2 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg,
body.fontSize-2 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-2 svg {
    top: 0
}

body.fontSize-2 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg path,
body.fontSize-2 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-2 svg path {
    fill: #edd5d5
}

.sticky-action-bar__select-font-size>.icon {
    line-height: 48px;
    padding: 0 7px
}

.sticky-action-bar__select-font-size .icon-font-size {
    display: inline-block
}

.sticky-action-bar__select-font-size .icon-font-size svg {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 4px
}

.sticky-action-bar__select-font-size--font {
    padding-top: 4px
}

.sticky-action-bar__social-share {
    display: none
}

.sticky-action-bar__social-share--open {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 48px;
    padding: 20px;
    border: 1px solid #D9D9D9;
    background-color: #fff
}

.sticky-action-bar__social-share--open .icon svg {
    width: 48px;
    height: 48px;
    border: 1px solid #D9D9D9;
    border-radius: 50%
}

.sticky-action-bar__social-share--open .icon path:first-child {
    fill: #fff
}

.sticky-action-bar__social-share--open .icon-facebook-circle-solid path:nth-child(2) {
    fill: #3B5998
}

.sticky-action-bar__social-share--open .icon-pinterest-circle-solid path:nth-child(2) {
    fill: #bd071d
}

.sticky-action-bar__social-share--open .icon-twitter-circle-solid path:nth-child(2) {
    fill: #1DA1F2
}

.sticky-action-bar__social-share--open .icon-email-circle-solid path:nth-child(2) {
    fill: #5F5644
}

.sticky-action-bar__social-share--open .icon-close svg {
    border: none;
    width: 12px;
    height: 12px
}

.sticky-action-bar__social-share--open .icon-close svg path:first-child {
    fill: rgba(0, 0, 0, 0.95)
}

.sticky-action-bar__social-share--exit {
    padding-left: 15px;
    line-height: 48px
}

.sticky-action-bar__share {
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
    height: 48px;
    position: relative
}

.sticky-action-bar__share>span:not(:first-child) {
    padding-left: 25px
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__share {
    display: none
}

.sticky-action-bar__share--font {
    display: inline-block
}

.sticky-action-bar__share--font svg {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 4px
}

.sticky-action-bar__share--print {
    display: inline-block
}

.sticky-action-bar__share--print svg {
    display: inline-block;
    vertical-align: middle
}

.sticky-action-bar__share--social-share {
    display: inline-block
}

.sticky-action-bar__share--social-share svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.fontSize-1 {
    zoom: 110%
}

.fontSize-2 {
    zoom: 120%
}

.component.project-ratings {
    margin-top: 24px
}

.modal.ugc-upload-modal .component.project-ratings .project-ratings-accessible-submit {
    display: none
}

.component.project-ratings .project-ratings-rating-title {
    text-align: center;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-weight: normal;
    margin: 0
}

.component.project-ratings .project-ratings-rating {
    border: none;
    padding: 0;
    margin: 0
}

.component.project-ratings .project-ratings-rating-wrapper {
    display: flex;
    flex-wrap: wrap
}

.component.project-ratings .project-ratings-rating-wrapper-inner {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .component.project-ratings .project-ratings-rating-wrapper-inner {
        width: 25%
    }
}

.component.project-ratings .project-ratings-rating-value,
.component.project-ratings .project-ratings-accessible-submit {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.component.project-ratings .project-ratings-rating-value+.icon-check {
    display: none
}

.component.project-ratings .project-ratings-rating-value:checked+.icon-check {
    display: block;
    position: absolute;
    margin-top: -13px
}

.component.project-ratings .project-ratings-rating-value:checked+.icon-check .icon-share-check {
    display: block
}

.component.project-ratings .project-ratings-rating-value:checked+.icon-check svg path {
    fill: #019bd9
}

.component.project-ratings .project-ratings-rating-value:checked ~ .project-ratings-rating-label:after {
    display: none
}

.component.project-ratings .project-ratings-rating-value:focus ~ .project-ratings-rating-label {
    outline: 1px dotted rgba(0, 0, 0, 0.15);
    outline: -webkit-focus-ring-color auto 5px
}

.component.project-ratings .project-ratings-rating-label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100px;
    padding-bottom: 10px;
    min-width: 95px
}

.component.project-ratings .project-ratings-rating-label:before,
.component.project-ratings .project-ratings-rating-label:after {
    content: '';
    position: absolute
}

.component.project-ratings .project-ratings-rating-label:after {
    width: 23px;
    height: 23px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.component.ugc-comments {
    margin-top: 32px
}

.component.ugc-comments.initialized .component.loader {
    display: none
}

.component.ugc-comments.initialized .ugc-comments-container {
    display: block
}

.component.ugc-comments .section-headline {
    margin: 0
}

@media (min-width: 768px) {
    .component.ugc-comments .section-headline {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .component.ugc-comments {
        display: flex;
        flex-direction: row
    }
    .component.ugc-comments .inner-container {
        flex: 1
    }
    .component.ugc-comments .right-column {
        flex: 0 0 300px;
        margin-left: 32px;
        padding: 0
    }
}

.component.ugc-comments .ugc-comments-container {
    display: none
}

.component.ugc-comments .ugc-comments-header {
    text-align: center
}

@media (min-width: 768px) {
    .component.ugc-comments .ugc-comments-header {
        text-align: left
    }
    .component.ugc-comments .ugc-comments-header:after {
        content: "";
        display: table;
        clear: both
    }
}

.component.ugc-comments .ugc-comments-add-comment-wrapper {
    margin-top: 24px
}

@media (min-width: 768px) {
    .component.ugc-comments .ugc-comments-add-comment-wrapper {
        margin-top: 4px;
        float: right
    }
}

.component.ugc-comments .ugc-comments-add-comment {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.component.ugc-comments .ugc-comments-add-comment:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-add-comment:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-add-comment:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-add-comment:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-add-comment:visited {
    background: #1a7f82;
    color: #fff
}

.component.ugc-comments .ugc-comments-add-comment:hover,
.component.ugc-comments .ugc-comments-add-comment:active,
.component.ugc-comments .ugc-comments-add-comment:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.component.ugc-comments .ugc-comments-content-container {
    width: 100%;
    max-width: 640px
}

.component.ugc-comments .ugc-comments-comment-inner {
    position: relative
}

.component.ugc-comments .ugc-comments-outer-comment-wrap,
.component.ugc-comments .ugc-comments-first-comment {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin: 32px 0 0 0
}

.component.ugc-comments .ugc-comments-first-comment {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 32px
}

.component.ugc-comments .ugc-comments-outer-comment-wrap:empty {
    display: none
}

.component.ugc-comments .ugc-comments-outer-comment-wrap>.ugc-comments-comment-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 32px
}

.component.ugc-comments .ugc-comments-comment-container {
    padding: 32px 0 0 0
}

.component.ugc-comments .ugc-comments-comment-text p {
    margin: 0
}

.component.ugc-comments .ugc-comments-comment-author {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: bold
}

.component.ugc-comments .ugc-comments-meta-item {
    display: inline-block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.component.ugc-comments .ugc-comments-comment-date {
    color: rgba(0, 0, 0, 0.65)
}

.component.ugc-comments .ugc-comments-comment-date+.ugc-comments-comment-rating-container {
    margin-left: 28px
}

.component.ugc-comments .ugc-comments-comment-rating {
    font-weight: 700
}

.component.ugc-comments .ugc-comments-comment-body {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 16px
}

.component.ugc-comments .ugc-comments-comment-body p {
    margin: 0
}

.component.ugc-comments .ugc-comments-reply-thread .ugc-comments-thread-inner {
    width: calc(100% - 68px);
    margin: 0 0 0 auto
}

.component.ugc-comments .ugc-comments-reply-thread .ugc-comments-comment-author:before {
    content: '';
    display: block;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    width: 40px;
    position: absolute;
    top: 12px;
    left: -56px
}

.component.ugc-comments .ugc-comments-reply-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 24px;
    color: rgba(0, 0, 0, 0.95)
}

.component.ugc-comments .ugc-comments-reply-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-reply-button:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-show-replies {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: block;
    margin: 32px auto 0
}

.component.ugc-comments .ugc-comments-show-replies:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-show-replies:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-show-replies:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-show-replies:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-show-replies:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.ugc-comments .ugc-comments-show-replies:hover,
.component.ugc-comments .ugc-comments-show-replies:active,
.component.ugc-comments .ugc-comments-show-replies:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.ugc-comments .ugc-comments-show-replies[aria-expanded="false"]+.ugc-comments-thread-inner {
    display: none
}

.component.ugc-comments .ugc-comments-more-comments {
    display: none
}

.component.ugc-comments .ugc-comments-load-more-button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: block;
    margin: 32px auto 0
}

.component.ugc-comments .ugc-comments-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-load-more-button:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-load-more-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.ugc-comments .ugc-comments-load-more-button:active {
    opacity: .8
}

.component.ugc-comments .ugc-comments-load-more-button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.ugc-comments .ugc-comments-load-more-button:hover,
.component.ugc-comments .ugc-comments-load-more-button:active,
.component.ugc-comments .ugc-comments-load-more-button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.ugc-comments .ugc-comments-load-more-button.hidden {
    display: none
}

.component.ugc-comments .comments-ad-wrapper {
    display: flex
}

.component.ugc-comments .comments-ad-wrapper .ad:nth-child(2) {
    margin-top: 0;
    margin-left: 24px
}

@media (min-width: 1024px) {
    .component.ugc-comments .comments-ad-wrapper .ad:nth-child(2) {
        margin-top: 32px
    }
}

.checklist__fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.checklist__legend {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    width: 100%
}

.checklist-supplies {
    margin-bottom: 32px
}

.checklist-supplies-heading {
    position: relative;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    margin-bottom: 0;
    padding-bottom: 8px
}

.checklist-supplies-heading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

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

.checklist-supplies-complex-headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 32px
}

@media (min-width: 768px) {
    .checklist-supplies-complex-headline {
        font-size: 36px;
        line-height: 44px
    }
}

.checklist-supplies .checklist-supplies-checkbox:checked+.checklist-supplies-item-wrapper::after {
    background-color: transparent;
    border: solid 1px #1a7f82;
    border-width: 0 2px 2px 0;
    left: 5px;
    opacity: 1;
    transform: rotate(45deg)
}

.checklist-supplies .checklist-supplies-checkbox:checked+.checklist-supplies-item-wrapper::before {
    border-color: transparent;
    background-color: transparent
}

.checklist-supplies .checklist-supplies-checkbox:checked+.checklist-supplies-item-wrapper::after {
    width: 8px;
    height: 16px
}

.checklist-supplies .checklist-supplies-checkbox:focus+.checklist-supplies-item-wrapper:before {
    border-color: #014ECB;
    box-shadow: 0 0 5px #014ECB;
    outline: none;
    -webkit-box-shadow: 0 0 5px #014ECB
}

.checklist-supplies .checklist-supplies-checkbox {
    position: absolute;
    top: 23px;
    left: 3px;
    opacity: 0
}

.checklist-supplies .checklist-supplies-item-wrapper {
    position: relative;
    padding-left: 34px;
    cursor: pointer
}

.checklist-supplies .checklist-supplies-item-wrapper::before,
.checklist-supplies .checklist-supplies-item-wrapper::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    display: inline-block
}

.checklist-supplies .checklist-supplies-item-wrapper::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.95);
    background-color: rgba(0, 0, 0, 0)
}

.checklist-supplies .checklist-supplies-item-wrapper::after {
    opacity: 1
}

.checklist-supplies-checkbox-label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    align-items: center;
    border-bottom: 1px solid #f3f3f2;
    cursor: pointer;
    display: flex;
    padding: 16px 0;
    position: relative
}

.checklist-supplies-checkbox:checked+.checklist-supplies-item-wrapper .checklist-supplies-item.complex-item-headline {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: line-through
}

.checklist-supplies-item-wrapper {
    display: block;
    width: 100%
}

.checklist-supplies-item.complex-item-headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: block
}

.checklist-supplies-cuts .checklist-supplies-checkbox-label {
    align-items: start;
    padding: 12px 0;
    height: auto
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper {
    display: grid;
    grid-template-columns: auto 80px;
    grid-auto-rows: auto;
    grid-template-areas: "item quantity" "measurements quantity"
}

@media (min-width: 768px) {
    .checklist-supplies-cuts .checklist-supplies-item-wrapper {
        grid-auto-rows: 28px
    }
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-item {
    align-self: start;
    grid-area: item
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-measurements {
    font-weight: 700;
    grid-area: measurements
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-quantity {
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    grid-area: quantity;
    padding-left: 16px
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-quantity-label {
    font-weight: 400;
    margin-right: 4px
}

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-quantity-number {
    font-weight: 700
}

.checklist-supplies-cuts .icon {
    margin-top: 4px
}

.listicle-udf .listicle-ranking {
    color: rgba(0, 0, 0, 0.95);
    margin-right: 8px;
    align-self: flex-start
}

.listicle-udf .listicle-headline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-style: normal;
    margin: 0
}

.listicle-udf .listicle-item {
    display: flex;
    flex-direction: column;
    margin-top: 32px
}

.listicle-udf .listicle-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 32px
}

.listicle-udf .listicle-item-content {
    order: 2
}

.listicle-udf .listicle-item-content .component.button {
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .listicle-udf .listicle-item-content .component.button {
        margin-top: 8px;
        max-width: 40%
    }
}

@media (min-width: 1024px) {
    .listicle-udf .listicle-item-content .component.button {
        margin-top: 0
    }
}

.listicle-udf .listicle-item-content .linksList {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin-bottom: 32px;
    padding-top: 32px;
    width: 100%
}

.listicle-udf .listicle-item-content .linksList__title {
    text-align: left;
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

.listicle-udf .listicle-item-content .buyingInformation {
    border-bottom: 0
}

@media (min-width: 768px) {
    .listicle-udf .listicle-item-content .buyingInformation {
        margin-top: -16px
    }
}

@media (min-width: 1024px) {
    .listicle-udf .listicle-item-content .buyingInformation {
        margin-top: -8px
    }
}

.listicle-udf .listicle-item-content .listicle-text {
    margin-bottom: 32px
}

.listicle-udf .listicle-item .listicle-media {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .listicle-udf .listicle-item .listicle-media {
        float: left
    }
}

.listicle-udf .listicle-item .listicle-media .media-container:after {
    content: "";
    display: table;
    clear: both
}

.listicle-udf .listicle-item .listicle-media .image-container a {
    bottom: 0;
    left: 0;
    line-height: 0
}

@media (min-width: 768px) {
    .listicle-udf .listicle-item {
        display: block
    }
    .listicle-udf .listicle-item:after {
        content: "";
        display: table;
        clear: both
    }
    .listicle-udf .listicle-item .listicle-media {
        min-width: 50%;
        padding-left: 0;
        padding-right: 24px;
        box-sizing: content-box
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .listicle-udf .listicle-item .listicle-media {
        min-width: initial;
        width: 50%
    }
}

@media (min-width: 768px) {
    .listicle-udf .listicle-item.position-full-width {
        flex-direction: column
    }
    .listicle-udf .listicle-item.position-full-width .listicle-media {
        min-width: auto;
        padding: 24px 0 0
    }
    .listicle-udf .listicle-item.position-left .listicle-media {
        float: left;
        padding-left: 0;
        padding-right: 24px
    }
    .listicle-udf .listicle-item.position-right .listicle-media {
        float: right;
        padding-left: 24px;
        padding-right: 0
    }
    .listicle-udf .listicle-item.position-full-width .listicle-media,
    .listicle-udf .listicle-item.listicle-type-video .listicle-media {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .listicle-udf .listicle-item.position-full-width .item-title,
    .listicle-udf .listicle-item.listicle-type-video .item-title {
        clear: both
    }
}

.listicle-udf .listicle-item .item-title {
    padding: 0
}

.listicle-udf .listicle-item .embed-instagram {
    margin: 0
}

.listicle-udf .listicle-item .embed-instagram .instagram-media {
    margin: 0 0 12px !important;
    min-width: 100% !important
}

.listicle-udf .listicle-separator {
    margin: 48px 0
}

.listicle-udf .embed-twitter {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 22px
}

.ugc-photo-upload {
    position: relative;
    width: 100px;
    height: 100px
}

@media (min-width: 768px) {
    .ugc-photo-upload {
        width: 300px;
        height: 300px
    }
}

.ugc-photo-upload__help,
.ugc-photo-upload__uploadInput,
.ugc-photo-upload__uploadedImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center center
}

.ugc-photo-upload__uploadInput {
    z-index: 10;
    opacity: 0
}

.ugc-photo-upload__editPhotoIcon {
    display: none
}

.ugc-photo-upload.uploaded .ugc-photo-upload__editPhotoIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 4px;
    right: 4px;
    border: 1px solid #fbd9ce;
    background: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.ugc-photo-upload.uploaded .ugc-photo-upload__editPhotoIcon svg {
    width: 20px;
    height: 20px;
    fill: rgba(0, 0, 0, 0.65)
}

@media (min-width: 768px) {
    .ugc-photo-upload.uploaded .ugc-photo-upload__editPhotoIcon {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px
    }
    .ugc-photo-upload.uploaded .ugc-photo-upload__editPhotoIcon svg {
        width: 26px;
        height: 26px
    }
}

.ugc-photo-upload__help {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05)
}

.ugc-photo-upload__helpIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #fbd9ce;
    background: #fff;
    width: 48px;
    height: 48px
}

.ugc-photo-upload__helpIcon svg {
    width: 20px;
    height: 20px;
    fill: rgba(0, 0, 0, 0.65)
}

@media (min-width: 768px) {
    .ugc-photo-upload__helpIcon {
        width: 120px;
        height: 120px;
        border-width: 2px
    }
    .ugc-photo-upload__helpIcon svg {
        width: 48px;
        height: 48px
    }
}

.ugc-photo-upload__helpText {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 4px
}

@media (min-width: 768px) {
    .ugc-photo-upload__helpText {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0;
        margin-top: 24px;
        font-weight: 700
    }
}

.ugc-photo-upload.uploaded__uploadedImage {
    display: block
}

.saved-items {
    padding: 16px
}

.saved-items-heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0 0 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .saved-items-heading {
        font-size: 36px;
        line-height: 44px
    }
}

.saved-items-top {
    margin: 0 0 24px
}

.saved-items-content-items-wrapper.loading {
    position: relative
}

.saved-items-content-items-wrapper.loading:before,
.saved-items-content-items-wrapper.loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.saved-items-content-items-wrapper.loading:before {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1
}

.saved-items-content-items-wrapper.loading:after {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 200px;
    z-index: 2
}

@media (min-width: 768px) {
    .saved-items {
        max-width: 640px;
        margin: 0 auto;
        padding: 32px 0 0
    }
    .saved-items-content {
        display: flex
    }
}

@media (min-width: 1024px) {
    .saved-items {
        max-width: 818px
    }
    .saved-items-heading {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .saved-items-heading {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .mdex-test .saved-items-heading {
        font-family: "Libre Franklin", sans-serif;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .mdex-test .saved-items-heading {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .saved-items:not(.saved-items-faceted) .saved-item {
        display: flex;
        align-items: flex-start
    }
    .saved-items:not(.saved-items-faceted) .saved-item-image {
        width: 250px;
        margin-right: 24px
    }
    .saved-items:not(.saved-items-faceted) .saved-item-image+.saved-item-content {
        margin-top: 0
    }
    .saved-items:not(.saved-items-faceted) .saved-item-content {
        flex: 1 0 0
    }
}

.saved-item {
    margin: 0 0 32px
}

.saved-item-image {
    margin: 0
}

.saved-item-image-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.saved-item-image-link .placeholder.aspect_3x2.component.lazy-image.lazy-image-udf img,
.saved-item-image-link .placeholder.aspect_3x2.component.lazy-image.lazy-image-udf:after {
    display: none
}

.saved-item-image+.saved-item-content {
    margin-top: 16px
}

.saved-item-pinterest-button {
    float: right;
    padding-left: 10px
}

.saved-item-pinterest-button svg {
    width: 48px;
    height: 48px
}

.saved-item-title-link {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    display: block;
    margin: 0 0 12px
}

.saved-item-title-link:hover,
.saved-item-title-link:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.saved-item-title-link-text {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.saved-item-title-link-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.saved-item-title-link-text:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.saved-item-meta {
    list-style: none;
    margin: 0;
    padding: 0
}

.saved-item-meta-item {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 12px
}

.saved-item-meta-item-label {
    font-weight: 700;
    text-transform: uppercase
}

.saved-item-description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

@media (min-width: 1024px) {
    .saved-item-image {
        margin-right: 32px
    }
}

.recirculation-toaster {
    visibility: hidden;
    position: relative;
    overflow: hidden;
    transition: height .2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility .2s;
    height: 0;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    z-index: 100;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .recirculation-toaster {
        display: none
    }
}

.recirculation-toaster--active .recirculation-toaster {
    visibility: visible;
    height: 76px
}

.recirculation-toaster__list {
    display: block;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
    white-space: nowrap
}

.recirculation-toaster__item {
    display: inline-block;
    width: 285px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    padding: 8px 16px;
    box-sizing: border-box;
    white-space: normal;
    vertical-align: top
}

.recirculation-toaster__item:last-child {
    border-right: none
}

.recirculation-toaster__item-link {
    padding-left: 8px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    visibility: visible
}

.recirculation-toaster__item-publish-date {
    font-weight: 700;
    text-transform: uppercase
}

.recirculation-toaster .component.lazy-image {
    display: inline-block;
    width: 60px;
    height: 60px;
    float: left
}

@media (max-width: 767px) {
    .navigation-test .main-new.has-recirc-toaster .container.primary {
        position: relative;
        z-index: 200;
        background: #fff;
        transition: box-shadow 0s linear .2s
    }
    .recirculation-toaster--active .navigation-test .main-new.has-recirc-toaster {
        box-shadow: none
    }
    .recirculation-toaster--active .navigation-test .main-new.has-recirc-toaster .container.primary {
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        transition: none
    }
}

.categoryPageListFeaturedHeader {
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader {
        margin: 38px 0 64px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 52px 24px 64px
    }
}

@media (min-width: 1162px) {
    .categoryPageListFeaturedHeader {
        margin: 42px auto 64px;
        padding: 0 32px;
        max-width: 1310px
    }
}

.categoryPageListFeaturedHeader__container {
    display: block;
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__container {
        margin: 0 auto 32px;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__container {
        flex: 1;
        margin: 0 48px 0 24px;
        max-width: none
    }
}

@media (min-width: 1162px) {
    .categoryPageListFeaturedHeader__container {
        margin: 0 60px 0 32px
    }
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__image {
        margin: 38px auto 0;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__image {
        margin: 0 0 0 8px;
        max-width: none
    }
}

@media (min-width: 1162px) {
    .categoryPageListFeaturedHeader__image {
        margin: 0
    }
}

.categoryPageListFeaturedHeader__image .lazy-image.lazy-image-udf.image-loaded {
    background: none
}

.categoryPageListFeaturedHeader__content {
    position: relative;
    margin: -48px 16px;
    padding: 16px;
    border-left: 4px solid #1a7f82;
    -o-border-image: initial;
    border-image: initial;
    border-image-slice: 1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__content {
        margin: -128px 0 0 -28px;
        padding: 32px;
        max-width: calc(100% - 96px)
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__content {
        margin: -50px 0 0 -24px;
        padding: 32px 24px 32px 24px
    }
}

@media (min-width: 1162px) {
    .categoryPageListFeaturedHeader__content {
        margin: -64px 0 0 -32px;
        padding: 32px;
        width: 78%;
        max-width: 640px
    }
}

.home .categoryPageListFeaturedHeader__title {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: inline;
    margin: 0 0 8px
}

.home .categoryPageListFeaturedHeader__title:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.home .categoryPageListFeaturedHeader__title:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListFeaturedHeader__dek {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    margin-top: 8px;
    margin-bottom: 0
}

.categoryPageListFeaturedHeader__popular {
    margin: 0 16px;
    padding: 32px 16px 24px;
    height: 100%;
    background: #f9f7f0;
    border: none
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular {
        margin: 0 auto;
        padding: 32px 24px 24px;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__popular {
        flex: 0 1 344px;
        margin: 0
    }
}

.categoryPageListFeaturedHeader__popular-title {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 32px;
    padding: 0;
    text-align: center
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular-title {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__popular-title {
        margin-bottom: 32px
    }
}

.categoryPageListFeaturedHeader__popular-title a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.categoryPageListFeaturedHeader__popular-title a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListFeaturedHeader__popular-title a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular-list {
        display: flex;
        flex-wrap: wrap
    }
}

.categoryPageListFeaturedHeader__popular-list .category-page-item {
    margin-bottom: 24px;
    display: flex
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item {
        flex: 0 1 calc(50% - 12px)
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item {
        flex: 0 1 100%
    }
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item:nth-last-child(-n+2) {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item:nth-child(odd) {
        margin-right: 24px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFeaturedHeader__popular-list .category-page-item:nth-child(odd) {
        margin-right: 0
    }
}

.categoryPageListFeaturedHeader__popular-list .category-page-item:last-child {
    margin-bottom: 0
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image {
    display: flex;
    flex-shrink: 0
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image a,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image a:visited {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListFeaturedHeader__popular-list .lazy-image {
    float: left;
    margin-right: 16px
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: unset;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 96px;
    max-height: 100px
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:hover,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:after {
    content: "";
    display: table;
    clear: both
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:hover,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:active,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:focus,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:visited {
    box-shadow: unset
}

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:hover .category-page-item-image-text-wrapper,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:active .category-page-item-image-text-wrapper,
.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:focus .category-page-item-image-text-wrapper {
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListLatest {
    display: flex;
    flex-wrap: wrap;
    margin: 48px 0
}

@media (min-width: 768px) {
    .categoryPageListLatest {
        margin: 64px
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest {
        margin: 64px 24px
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest {
        margin: 64px auto;
        padding: 0 80px;
        max-width: calc(1260px + 160px)
    }
}

.categoryPageListLatest__title {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 auto 24px;
    width: 100%;
    padding: 0;
    text-align: center
}

@media (min-width: 768px) {
    .categoryPageListLatest__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPageListLatest__title {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .categoryPageListLatest__title {
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__title {
        flex-basis: 100%
    }
}

@media (min-width: 768px) {
    .categoryPageListLatest__leaderboard {
        margin: 0 -64px;
        width: 100vw
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__leaderboard {
        margin: 0 0 32px -24px;
        width: 100vw
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest__leaderboard {
        margin: 0 0 48px 0;
        width: 1260px
    }
}

.categoryPageListLatest__list {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .categoryPageListLatest__list {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__list {
        flex: 1;
        margin: 0 auto 0 0
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest__list {
        margin-right: 136px;
        max-width: 760px
    }
}

.categoryPageListLatest__list .component.outbrain {
    padding-right: 16px;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .component.outbrain {
        padding-right: 0;
        margin-bottom: 40px
    }
}

.categoryPageListLatest__list .category-page-item {
    display: flex;
    padding: 0 0 32px 0;
    max-width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.categoryPageListLatest__list .category-page-item:last-child {
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .categoryPageListLatest__list .category-page-item.section-last {
        padding-bottom: 0
    }
}

.categoryPageListLatest__list .category-page-item.section-last+.categoryPageListLatest__ad {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item {
        margin: 0 auto;
        padding-bottom: 40px
    }
    .categoryPageListLatest__list .category-page-item-content {
        min-width: 428px
    }
}

.categoryPageListLatest__list .category-page-item .category-page-item-image {
    flex-shrink: 0
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-link {
    display: flex;
    align-items: flex-start
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item .category-page-item-content {
        min-width: 428px
    }
}

.categoryPageListLatest__list .category-page-item .lazy-image {
    flex: 0 0 140px;
    margin: 0 16px 0 0;
    max-width: 140px
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item .lazy-image {
        flex: 0 0 248px;
        margin-right: 24px;
        max-width: 248px
    }
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-text {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    max-height: 120px;
    max-height: 125px;
    color: rgba(0, 0, 0, 0.95);
    margin-bottom: 8px
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-text:hover,
.categoryPageListLatest__list .category-page-item .category-page-item-image-text:visited {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item .category-page-item-image-text {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 24px;
        line-height: 32px;
        max-height: 96px;
        max-height: 99px
    }
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-text-wrapper {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item .category-page-item-image-text-wrapper {
        font-size: 24px;
        line-height: 32px
    }
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-text-wrapper:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-text-wrapper:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListLatest__list .category-page-item-content-wrapper {
    margin-top: 16px;
    margin-right: 16px;
    word-break: break-word
}

@media (min-width: 768px) {
    .categoryPageListLatest__list .category-page-item-content-wrapper {
        margin-top: 24px;
        margin-right: 0
    }
}

.categoryPageListLatest__list .category-page-item-label-date {
    display: flex;
    flex-wrap: wrap
}

.categoryPageListLatest__list .category-page-item-category-label {
    display: inline-block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.categoryPageListLatest__list .category-page-item-divider {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.categoryPageListLatest__list .category-page-item-divider:first-child {
    display: none
}

.categoryPageListLatest__list .category-page-item-timestamp {
    display: inline-block;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.categoryPageListLatest__list .category-page-item-label-date .category-page-item-divider:last-child {
    display: none
}

.categoryPageListLatest__aside {
    margin: 32px 16px 0;
    width: 100%;
    border: none;
    background-color: #f9f7f0;
    box-shadow: none
}

@media (min-width: 1024px) {
    .categoryPageListLatest__aside {
        margin-top: 0
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest__aside .karma-sticky-stuck {
        padding-left: 16px
    }
}

@media (min-width: 768px) {
    .categoryPageListLatest__aside {
        max-width: 640px;
        margin: 40px auto
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__aside {
        align-self: flex-start;
        flex: 0 1 300px;
        margin: 0
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest__aside {
        flex-basis: 344px;
        max-width: 344px
    }
}

.categoryPageListLatest__aside .linksList {
    border: 1px solid rgba(0, 0, 0, 0.15);
    -o-border-image: initial;
    border-image: initial;
    border-image-slice: 1;
    padding: 32px 16px
}

.categoryPageListLatest__aside .linksList__list {
    text-align: center;
    padding: 0
}

@media (min-width: 768px) {
    .categoryPageListLatest__aside .linksList__list {
        -moz-columns: 2 auto;
        columns: 2 auto
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__aside .linksList__list {
        -moz-columns: unset;
        columns: unset
    }
}

.categoryPageListLatest__aside .linksList__item {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.categoryPageListLatest__aside .linksList__item a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListLatest__aside .linksList__item a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListLatest__aside .linksList__item a:hover,
.categoryPageListLatest__aside .linksList__item a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListLatest__aside .linksList__item a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListLatest__aside .linksList__link {
    box-shadow: none;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListLatest__aside .linksList__title {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListLatest__ad:not(.div-sm-inContent) {
    background: rgba(0, 0, 0, 0.05);
    margin: 48px -16px;
    padding-top: 24px
}

@media (min-width: 360px) {
    .categoryPageListLatest__ad:not(.div-sm-inContent) {
        margin: 16px calc(50% - 50vw) 48px
    }
}

@media (min-width: 768px) {
    .categoryPageListLatest__ad:not(.div-sm-inContent) {
        margin-top: 24px;
        margin-bottom: 64px;
        padding: 24px 30px 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest__ad:not(.div-sm-inContent) {
        margin: 0;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListLatest .div-sm-highImpact.responsive {
        margin-top: 48px
    }
}

@media (min-width: 1162px) {
    .categoryPageListLatest .div-sm-highImpact.responsive {
        margin-top: 64px
    }
}

.categoryPageListLatest .categoryPageItemInfo {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .categoryPageListLatest .categoryPageItemInfo {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center
    }
}

.categoryPageListLatest .categoryPageItemInfo__typeInfo {
    display: flex;
    align-items: center
}

.categoryPageListLatest .categoryPageItemInfo__typeInfo:last-child .category-page-item-divider {
    display: none
}

.categoryPageListLatest .categoryPageItemInfo__typeIconText {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

@media (max-width: 767px) {
    .categoryPageListLatest .categoryPageItemInfo .category-page-item-divider {
        display: none
    }
}

.categoryPageListLatest .categoryPageItemInfo__typeIcon {
    display: flex;
    align-items: center
}

.categoryPageListLatest .categoryPageItemInfo__typeIcon.video {
    margin-left: -4px
}

.categoryPageListLatest .categoryPageItemInfo__typeIcon svg path {
    fill: #1a7f82
}

.categoryPageListLatest .categoryPageItemInfo__slideCount {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: .5px;
    margin-left: 4px
}

.categoryPageListLatest .categoryPageItemInfo__slideCount+.category-page-item-divider {
    flex-shrink: 0
}

@media (max-width: 767px) {
    .categoryPageListLatest .categoryPageItemInfo__slideCount+.category-page-item-divider {
        display: none
    }
}

.categoryPageListLatest .categoryPageListLatest__ad:not(.div-sm-inContent):last-of-type {
    margin-bottom: 0
}

.categoryPageListLatest .categoryPageListLatestItemExclusiveTag {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    background-color: #1a7f82;
    display: inline-flex;
    padding: 0 8px;
    height: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width: 1023px) {
    .categoryPageListLatest__title {
        order: 1
    }
    .categoryPageListLatest__list {
        order: 2
    }
    .categoryPageListLatest .div-sm-highImpact.responsive {
        order: 3
    }
    .categoryPageListLatest__aside {
        order: 4
    }
    .categoryPageListLatest__ad {
        order: 3;
        width: 100vw
    }
}

.categoryPageListSixFeatured {
    margin: 48px 0;
    padding: 24px 16px 32px;
    background: #edd5d5
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured {
        margin: 64px 0;
        padding: 32px 64px 40px
    }
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 40px
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured {
        padding-left: 80px;
        padding-right: 80px
    }
}

.categoryPageListSixFeatured__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    max-width: 640px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__wrapper {
        justify-content: center;
        max-width: 976px
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured__wrapper {
        max-width: 1240px
    }
}

.categoryPageListSixFeatured__title {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 24px;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    flex: 0 0 100%;
    order: 1
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__title {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__title {
        margin-bottom: 32px
    }
}

.categoryPageListSixFeatured__main {
    order: 2;
    margin-bottom: 32px
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__main {
        max-width: 640px;
        margin-bottom: 0;
        flex: 1;
        order: 3
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured__main {
        max-width: 840px;
        flex: 1
    }
}

.categoryPageListSixFeatured__main .category-page-item-content__title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 34px;
    max-height: 102px;
    max-height: 110px;
    text-align: center;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListSixFeatured__main .category-page-item-content__title:hover,
.categoryPageListSixFeatured__main .category-page-item-content__title:visited {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__main .category-page-item-content__title {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__main .category-page-item-content__title {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 28px;
        line-height: 34px;
        max-height: 34px;
        max-height: 40px
    }
}

.categoryPageListSixFeatured__main .lazy-image {
    margin-bottom: 16px
}

.categoryPageListSixFeatured__main .category-page-item-image-text {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    padding: 0
}

.categoryPageListSixFeatured__main .category-page-item-image-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListSixFeatured__main .category-page-item-image-text:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListSixFeatured__main .category-page-item-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-align: center;
    margin-top: 8px
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__main .category-page-item-description {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__main .category-page-item-description {
        margin-bottom: 0
    }
}

.categoryPageListSixFeatured__block {
    order: 3
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__block {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__block {
        display: block;
        order: 2;
        flex: 0 1 356px;
        margin-right: 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured__block {
        margin-right: 80px;
        flex: 0 1 440px
    }
}

.categoryPageListSixFeatured__block .category-page-item {
    margin-bottom: 32px;
    display: flex
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__block .category-page-item {
        display: flex;
        width: 50%;
        padding-right: 32px
    }
}

@media (min-width: 1024px) {
    .categoryPageListSixFeatured__block .category-page-item {
        flex: 0 1 100%;
        margin-bottom: 40px;
        width: 100%;
        padding-right: 0
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured__block .category-page-item {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .categoryPageListSixFeatured__block .category-page-item:nth-child(n+3) {
        margin-bottom: 0
    }
}

.categoryPageListSixFeatured__block .category-page-item:last-child {
    margin-bottom: 0
}

.categoryPageListSixFeatured__block .category-page-item-image-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-weight: 700
}

.categoryPageListSixFeatured__block .category-page-item-image-text:hover,
.categoryPageListSixFeatured__block .category-page-item-image-text:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListSixFeatured__block .category-page-item-image-text:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListSixFeatured__block .category-page-item-image-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListSixFeatured__block .category-page-item .component.lazy-image {
    float: left;
    margin-right: 16px;
    width: 96px
}

@media (min-width: 768px) {
    .categoryPageListSixFeatured__block .category-page-item .component.lazy-image {
        width: 120px
    }
}

@media (min-width: 1162px) {
    .categoryPageListSixFeatured__block .category-page-item .component.lazy-image {
        margin-right: 24px;
        width: 148px
    }
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image {
    display: flex
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 96px;
    max-height: 112px;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: unset
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:hover,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:hover,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:active,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:focus,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:visited {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: unset
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text .category-page-item-image-text-wrapper {
    display: inline
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:hover .category-page-item-image-text-wrapper,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:active .category-page-item-image-text-wrapper,
.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:focus .category-page-item-image-text-wrapper {
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListThreeFeatured {
    margin: 48px auto;
    padding: 24px 16px 32px;
    background: #f9f7f0;
    box-shadow: none;
    border-top: none;
    border-bottom: none
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured {
        padding: 32px 16px 40px;
        margin: 64px auto
    }
}

.categoryPageListThreeFeatured__content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured__content {
        max-width: 640px;
        flex-direction: row;
        align-items: flex-start
    }
}

@media (min-width: 1024px) {
    .categoryPageListThreeFeatured__content {
        max-width: 976px
    }
}

@media (min-width: 1162px) {
    .categoryPageListThreeFeatured__content {
        max-width: 1240px
    }
}

.categoryPageListThreeFeatured__content .category-page-item {
    width: 100%;
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured__content .category-page-item {
        width: 192px;
        margin-right: 32px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListThreeFeatured__content .category-page-item {
        width: 300px;
        margin-right: 40px
    }
}

@media (min-width: 1162px) {
    .categoryPageListThreeFeatured__content .category-page-item {
        width: 360px;
        margin-right: 80px
    }
}

.categoryPageListThreeFeatured__content .category-page-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.categoryPageListThreeFeatured__content .category-page-item-image {
    margin-bottom: 16px
}

.categoryPageListThreeFeatured__content .category-page-item-content__title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    line-height: 32px;
    max-height: 96px;
    max-height: 102px;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListThreeFeatured__content .category-page-item-description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 8px
}

@media (min-width: 1024px) {
    .categoryPageListThreeFeatured__content .category-page-item-description {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        max-height: 48px
    }
}

.categoryPageListThreeFeatured__content .category-page-item .lazy-image {
    margin-bottom: 16px
}

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    line-height: 32px;
    max-height: 96px;
    max-height: 99px;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text:hover,
.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text:visited {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text-wrapper {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    padding: 0
}

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text-wrapper:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text-wrapper:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListThreeFeatured__title {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 auto 24px;
    text-align: center
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured__title {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .categoryPageListThreeFeatured__title {
        margin-bottom: 32px;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageListThreeFeatured__title {
        max-width: 976px
    }
}

@media (min-width: 1162px) {
    .categoryPageListThreeFeatured__title {
        max-width: 1240px
    }
}

.categoryPageListQuote {
    margin: 48px 0;
    padding: 32px 16px;
    background: #edd5d5;
    border-top: 0;
    border-bottom: 0;
    -o-border-image: none;
    border-image: none
}

@media (min-width: 768px) {
    .categoryPageListQuote {
        margin: 64px 0;
        padding: 32px 64px 40px
    }
}

@media (min-width: 1024px) {
    .categoryPageListQuote {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1162px) {
    .categoryPageListQuote {
        padding-left: 80px;
        padding-right: 80px
    }
}

.categoryPageListQuote .entityTout {
    margin-bottom: 0
}

.categoryPageListQuote .entityTout__link {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 34px;
    max-height: 170px;
    max-height: 175px;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListQuote .entityTout__link:hover,
.categoryPageListQuote .entityTout__link:focus,
.categoryPageListQuote .entityTout__link:active,
.categoryPageListQuote .entityTout__link:visited {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .categoryPageListQuote .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 28px;
        line-height: 34px;
        max-height: 68px;
        max-height: 70px
    }
}

@media (min-width: 1024px) {
    .categoryPageListQuote .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 28px;
        line-height: 34px;
        max-height: 102px;
        max-height: 105px
    }
}

@media (min-width: 1162px) {
    .categoryPageListQuote .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 28px;
        line-height: 34px;
        max-height: 68px;
        max-height: 70px
    }
}

.categoryPageListQuote .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
    padding: 0;
    display: inline
}

.categoryPageListQuote .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListQuote .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListQuote .entityTout__headline:hover,
.categoryPageListQuote .entityTout__headline:focus,
.categoryPageListQuote .entityTout__headline:active,
.categoryPageListQuote .entityTout__headline:visited {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListQuote .entityTout__image {
    margin-bottom: 16px;
    overflow: hidden
}

@media (min-width: 768px) {
    .categoryPageListQuote .entityTout__image {
        float: none;
        margin: 0 auto 16px;
        width: auto;
        max-height: 360px
    }
}

@media (min-width: 1024px) {
    .categoryPageListQuote .entityTout__image {
        max-width: 588px;
        max-height: 330px
    }
}

@media (min-width: 1279px) {
    .categoryPageListQuote .entityTout__image {
        max-width: 760px;
        max-height: 428px
    }
}

.categoryPageListQuote .entityTout__description p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-align: center;
    margin-top: 8px
}

@media (min-width: 768px) {
    .categoryPageListQuote .entityTout__description p {
        text-align: left
    }
}

.categoryPageListQuote__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 640px
}

@media (min-width: 1024px) {
    .categoryPageListQuote__wrapper {
        justify-content: center;
        max-width: 976px
    }
}

@media (min-width: 1162px) {
    .categoryPageListQuote__wrapper {
        max-width: 1240px
    }
}

.categoryPageListQuote__title {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 24px;
    padding: 0;
    text-align: center;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .categoryPageListQuote__title {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPageListQuote__title {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .categoryPageListQuote__title {
        margin-bottom: 32px
    }
}

.categoryPageListQuote__main {
    margin-bottom: 32px
}

@media (min-width: 1024px) {
    .categoryPageListQuote__main {
        max-width: 588px;
        flex: 1;
        margin-bottom: 0
    }
}

@media (min-width: 1162px) {
    .categoryPageListQuote__main {
        max-width: 720px;
        flex: 1
    }
}

@media (min-width: 1279px) {
    .categoryPageListQuote__main {
        max-width: 760px
    }
}

.categoryPageListQuote__block {
    background: #fff
}

.categoryPageListQuote__block .entityTout,
.categoryPageListQuote__block .entityTout__details,
.categoryPageListQuote__block .entityTout__quote-wrapper {
    height: 100%
}

@media (min-width: 1024px) {
    .categoryPageListQuote__block {
        flex: 0 1 356px;
        max-height: 448px;
        margin: 0 0 0 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListQuote__block {
        margin: 0 0 0 80px;
        flex: 0 1 440px;
        max-height: 488px
    }
}

.entityTout__quote {
    color: rgba(0, 0, 0, 0.95)
}

.entityTout__quote:hover {
    color: rgba(0, 0, 0, 0.95)
}

.entityTout__quote:visited {
    color: rgba(0, 0, 0, 0.95)
}

.entityTout__quote .icon-continue {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.95)
}

.entityTout__quote .icon-continue path {
    fill: #fff
}

.entityTout__quote-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 16px;
    border: 3px solid #1a7f82
}

.entityTout__quote-wrapper .blockquote {
    margin: 0;
    padding: 0;
    border-left: 0
}

.entityTout__quote-wrapper .blockquote p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 32px;
    max-height: 192px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    font-style: normal
}

@media (min-width: 768px) {
    .entityTout__quote-wrapper .blockquote p {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .entityTout__quote-wrapper .blockquote p {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 36px;
        line-height: 44px;
        max-height: 132px;
        max-height: none;
        -webkit-line-clamp: unset;
        max-height: 312px
    }
}

@media (min-width: 1024px) {
    .entityTout__quote-wrapper .blockquote p {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 36px;
        line-height: 44px;
        max-height: 264px
    }
}

@media (min-width: 1162px) {
    .entityTout__quote-wrapper .blockquote p {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 36px;
        line-height: 44px;
        max-height: 220px
    }
}

@media (min-width: 1279px) {
    .entityTout__quote-wrapper .blockquote p {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 36px;
        line-height: 44px;
        max-height: 352px
    }
}

.entityTout__quote-wrapper .blockquote__quote {
    margin: 0
}

.categoryPageToutDefault {
    background-color: #f9f7f0;
    margin: 48px 0
}

@media (min-width: 768px) {
    .categoryPageToutDefault {
        margin: 64px 0
    }
}

.categoryPageToutDefault__image {
    height: 320px;
    background-size: cover;
    background-position: top right
}

@media (min-width: 768px) {
    .categoryPageToutDefault__image {
        height: 338px
    }
}

@media (min-width: 1162px) {
    .categoryPageToutDefault__image {
        height: 320px
    }
}

.categoryPageToutDefault__image--no-image {
    background: none;
    height: 320px
}

.categoryPageToutDefault__list {
    display: block;
    height: auto;
    margin: 24px 0;
    padding-left: 12px
}

.categoryPageToutDefault__list .entityTout:last-child .entityTout__details {
    padding-bottom: 32px
}

.categoryPageToutDefault__list .entityTout__details,
.categoryPageToutDefault__list .category-page-item-content-wrapper {
    padding-bottom: 32px;
    position: relative
}

@media (min-width: 768px) {
    .categoryPageToutDefault__list .entityTout__details,
    .categoryPageToutDefault__list .category-page-item-content-wrapper {
        padding-bottom: 40px
    }
}

.categoryPageToutDefault__list .entityTout__details:not(.show-icon)::before,
.categoryPageToutDefault__list .category-page-item-content-wrapper:not(.show-icon)::before {
    content: "•";
    color: inherit;
    font-size: inherit;
    position: absolute;
    top: 4px;
    left: -12px
}

.categoryPageToutDefault__list .entityTout__details.show-icon .entityTout__icon,
.categoryPageToutDefault__list .category-page-item-content-wrapper.show-icon .entityTout__icon {
    float: left;
    padding-right: 8px
}

.categoryPageToutDefault__list .entityTout__details.show-icon .entityTout__icon svg,
.categoryPageToutDefault__list .category-page-item-content-wrapper.show-icon .entityTout__icon svg {
    width: 20px
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    max-height: 75px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
    font-weight: 700;
    box-shadow: unset
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link:hover,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:focus,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:hover,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:focus,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:hover,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:focus,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:hover,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link:active,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:active,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:active,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link:visited,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:visited,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:visited,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link:hover,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:active,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:focus,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:visited,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:hover,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:active,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:focus,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:visited,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:hover,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:active,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:focus,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:visited,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:hover,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:active,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:focus,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:visited {
    box-shadow: unset
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link:hover .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:hover .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:focus .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:focus .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:active .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .entityTout__link:active .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:hover .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:hover .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:focus .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:focus .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:active .entityTout__headline,
.categoryPageToutDefault__list .entityTout__details .category-page-item-image-text:active .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:hover .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:hover .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:focus .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:focus .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:active .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .entityTout__link:active .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:hover .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:hover .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:focus .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:focus .category-page-item-image-text-wrapper,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:active .entityTout__headline,
.categoryPageToutDefault__list .category-page-item-content-wrapper .category-page-item-image-text:active .category-page-item-image-text-wrapper {
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) {
    .categoryPageToutDefault__list {
        display: flex;
        margin: 0
    }
    .categoryPageToutDefault__list .entity-tout.entityTout,
    .categoryPageToutDefault__list .category-page-item {
        flex: 1 1 0;
        padding-right: 40px;
        padding-bottom: 0
    }
    .categoryPageToutDefault__list .entity-tout.entityTout:last-child,
    .categoryPageToutDefault__list .category-page-item:last-child {
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .categoryPageToutDefault__list {
        flex: 1;
        margin-top: 24px
    }
    .categoryPageToutDefault__list .categoryPageToutDefault__listItem .categoryPageToutDefault__listHeading {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        max-height: 72px
    }
}

.categoryPageToutDefault__container {
    margin: 0 24px
}

@media (min-width: 768px) {
    .categoryPageToutDefault__container {
        margin: 0 auto;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .categoryPageToutDefault__container {
        display: flex;
        margin: 0 24px;
        max-width: none
    }
}

@media (min-width: 1162px) {
    .categoryPageToutDefault__container {
        margin-left: auto;
        margin-right: auto;
        padding: 0 80px;
        max-width: calc(1260px + 160px)
    }
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout {
    margin: 0
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more:focus,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more:active,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more:active {
    opacity: .8
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more:hover,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more:hover {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link:focus,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link:active,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link:active {
    opacity: .8
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link:hover,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .icon-continue,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .icon-continue {
    margin-left: 4px
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .icon-continue svg,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .icon-continue svg {
    position: relative;
    top: 4px
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .icon-continue svg path,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .icon-continue svg path {
    fill: #1a7f82
}

.categoryPageToutDefault__container .categoryPageToutDefault__category {
    margin: -80px 0 32px;
    padding: 16px 16px 24px;
    background: #fff;
    border-left: 4px solid #1a7f82;
    -o-border-image: initial;
    border-image: initial;
    border-image-slice: 1
}

@media (min-width: 768px) {
    .categoryPageToutDefault__container .categoryPageToutDefault__category {
        margin: -104px 0 24px;
        padding: 24px 24px 32px
    }
}

@media (min-width: 1024px) {
    .categoryPageToutDefault__container .categoryPageToutDefault__category {
        flex: 0 1 400px;
        margin-right: 32px
    }
}

@media (min-width: 1279px) {
    .categoryPageToutDefault__container .categoryPageToutDefault__category {
        flex: 0 1 502px
    }
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: unset;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 34px;
    max-height: 68px;
    max-height: 70px
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:hover,
.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:active,
.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:focus,
.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:visited {
    box-shadow: unset
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:hover .entityTout__headline,
.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:focus .entityTout__headline,
.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__link:active .entityTout__headline {
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__headline {
    padding: 0
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__description p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 8px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 96px
}

.categoryPageListToutEditProgram {
    position: relative;
    margin: 48px 0;
    background: #f9f7f0
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram {
        overflow: hidden;
        display: flex;
        height: 408px;
        margin: 64px 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram {
        height: 528px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram {
        height: 632px
    }
}

.categoryPageListToutEditProgram__background {
    height: 360px;
    background-size: cover;
    background-position: top right
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__background {
        position: absolute;
        top: 0;
        left: 0;
        width: 408px;
        height: 408px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__background {
        width: 528px;
        height: 528px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__background {
        width: 632px;
        height: 632px
    }
}

.categoryPageListToutEditProgram__background::before {
    content: '';
    display: block;
    width: 100%;
    height: 360px;
    background: rgba(0, 0, 0, 0.05)
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__background::before {
        height: 100%
    }
}

.categoryPageListToutEditProgram__container {
    position: relative
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__container {
        display: flex;
        height: 100%;
        margin: 0 auto 64px;
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__container {
        max-width: 1024px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__container {
        max-width: 1162px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__container {
        max-width: 1310px
    }
}

.categoryPageListToutEditProgram__callout {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__callout {
        align-items: flex-end;
        width: 408px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__callout {
        width: 528px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__callout {
        width: 632px
    }
}

.categoryPageListToutEditProgram__callout .entityTout {
    position: relative;
    margin: -120px 16px 0;
    max-width: 328px;
    padding: 24px;
    background: #fff;
    z-index: 100
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__callout .entityTout {
        margin: 0 0 24px;
        max-width: 280px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__callout .entityTout {
        margin-bottom: 36px;
        max-width: 332px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__callout .entityTout {
        margin-bottom: 52px;
        padding: 32px 64px;
        max-width: 400px
    }
}

.categoryPageListToutEditProgram__callout .entityTout__logo {
    margin-bottom: 16px
}

.categoryPageListToutEditProgram__callout .entityTout__link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    line-height: 32px;
    max-height: 96px;
    max-height: 99px;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.95);
    text-align: center
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__callout .entityTout__link {
        font-size: 36px;
        line-height: 44px
    }
}

.categoryPageListToutEditProgram__callout .entityTout__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListToutEditProgram__callout .entityTout__link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__callout .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 36px;
        line-height: 44px;
        max-height: 132px;
        max-height: 135px
    }
}

.categoryPageListToutEditProgram__callout .entityTout__link:hover,
.categoryPageListToutEditProgram__callout .entityTout__link:active,
.categoryPageListToutEditProgram__callout .entityTout__link:focus {
    box-shadow: none
}

.categoryPageListToutEditProgram__callout .entityTout__link:hover .entityTout__headline,
.categoryPageListToutEditProgram__callout .entityTout__link:active .entityTout__headline,
.categoryPageListToutEditProgram__callout .entityTout__link:focus .entityTout__headline {
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListToutEditProgram__callout .entityTout__headline {
    display: inline;
    margin: 0 0 16px;
    text-align: center
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__callout .entityTout__headline {
        margin-top: -8px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__callout .entityTout__headline {
        margin-top: 0
    }
}

.categoryPageListToutEditProgram__callout .entityTout__description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 28px;
    max-height: 84px
}

.categoryPageListToutEditProgram__callout .entityTout__description,
.categoryPageListToutEditProgram__callout .entityTout__description p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-align: center
}

.categoryPageListToutEditProgram__callout .entityTout__link+.entityTout__description {
    margin-top: 16px
}

.categoryPageListToutEditProgram__callout .entityTout__more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListToutEditProgram__callout .entityTout__more:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.categoryPageListToutEditProgram__callout .entityTout__more:active {
    opacity: .8
}

.categoryPageListToutEditProgram__callout .entityTout__more:hover {
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:active {
    opacity: .8
}

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.categoryPageListToutEditProgram__callout .entityTout__more .icon-continue {
    margin-left: 4px
}

.categoryPageListToutEditProgram__callout .entityTout__more .icon-continue svg {
    position: relative;
    top: 4px
}

.categoryPageListToutEditProgram__callout .entityTout__more .icon-continue svg path {
    fill: #1a7f82
}

.categoryPageListToutEditProgram__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
    padding: 24px 16px 32px;
    position: relative
}

@media (max-width: 360px) {
    .categoryPageListToutEditProgram__blocks {
        max-width: 360px
    }
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__blocks {
        justify-content: flex-start;
        margin-left: 0;
        padding: 24px 64px 24px 32px;
        width: 360px;
        flex-shrink: 0;
        align-self: flex-start
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks {
        width: 496px;
        max-width: unset;
        padding: 36px 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__blocks {
        flex: 0;
        padding: 52px 32px;
        min-width: 536px;
        width: 536px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__blocks {
        min-width: 672px;
        width: 672px;
        padding-left: 64px;
        padding-right: 64px
    }
}

.categoryPageListToutEditProgram__blocks .entityTout {
    flex: 0 1 calc(50% - 12px);
    margin-bottom: 12px;
    max-width: 152px
}

.categoryPageListToutEditProgram__blocks .entityTout.show-links:nth-last-child(-n+2) {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__blocks .entityTout.show-links .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        max-height: 60px;
        max-height: 63px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks .entityTout.show-links .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        max-height: 40px;
        max-height: 42px
    }
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__blocks .entityTout {
        max-width: 120px;
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks .entityTout {
        flex-basis: calc(50% - 16px);
        max-width: 200px;
        margin-bottom: 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__blocks .entityTout {
        flex-basis: calc(50% - 32px);
        margin-bottom: 48px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__blocks .entityTout {
        max-width: 240px
    }
}

.categoryPageListToutEditProgram__blocks .entityTout:nth-child(odd) {
    margin-right: 24px
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks .entityTout:nth-child(odd) {
        margin-right: 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListToutEditProgram__blocks .entityTout:nth-child(odd) {
        margin-right: 48px
    }
}

@media (min-width: 1279px) {
    .categoryPageListToutEditProgram__blocks .entityTout:nth-child(odd) {
        margin-right: 64px
    }
}

.categoryPageListToutEditProgram__blocks .entityTout:nth-last-child(-n+2) {
    margin-bottom: 0
}

.categoryPageListToutEditProgram__blocks .entityTout .lazy-image {
    margin-bottom: 8px
}

.categoryPageListToutEditProgram__blocks .entityTout__link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-weight: 700;
    box-shadow: none;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    max-height: 80px;
    max-height: 84px;
    color: rgba(0, 0, 0, 0.95)
}

.categoryPageListToutEditProgram__blocks .entityTout__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListToutEditProgram__blocks .entityTout__link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.categoryPageListToutEditProgram__blocks .entityTout__link .entityTout__headline {
    display: inline
}

.categoryPageListToutEditProgram__blocks .entityTout__link:hover,
.categoryPageListToutEditProgram__blocks .entityTout__link:active,
.categoryPageListToutEditProgram__blocks .entityTout__link:focus {
    box-shadow: none
}

.categoryPageListToutEditProgram__blocks .entityTout__link:hover .entityTout__headline,
.categoryPageListToutEditProgram__blocks .entityTout__link:active .entityTout__headline,
.categoryPageListToutEditProgram__blocks .entityTout__link:focus .entityTout__headline {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks .entityTout__link {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        max-height: 60px;
        max-height: 63px
    }
}

@media (min-width: 768px) {
    .categoryPageListToutEditProgram__blocks .entityTout__image {
        float: none;
        margin: 0;
        width: auto
    }
}

.categoryPageListToutEditProgram__blocks .entityTout__shopThePost {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: none;
    color: #1a7f82;
    display: inline-block;
    font-weight: 700;
    margin-top: 4px
}

.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:hover,
.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:active,
.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:hover,
.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:active,
.categoryPageListToutEditProgram__blocks .entityTout__shopThePost:focus {
    color: #1a7f82
}

@media (min-width: 1024px) {
    .categoryPageListToutEditProgram__blocks .entityTout__shopThePost {
        margin-top: 8px;
        padding: 0
    }
}

.searchBlock {
    margin: 48px 0;
    padding: 32px 16px;
    width: 100%;
    background-color: #1a7f82
}

@media (min-width: 768px) {
    .searchBlock {
        margin: 64px 0;
        padding: 40px 64px
    }
}

.searchBlock__title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 768px) {
    .searchBlock__title {
        flex-direction: row;
        justify-content: center
    }
}

.searchBlock__title .searchBlockTitleWrap {
    display: block;
    margin: 0;
    color: #fff;
    text-transform: capitalize;
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .searchBlock__title .searchBlockTitleWrap {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .searchBlock__title .searchBlockTitleWrap {
        font-size: 38px
    }
}

.searchBlock .searchBlockLogo {
    max-height: 44px;
    position: relative
}

@media (min-width: 768px) {
    .searchBlock .searchBlockLogo {
        display: flex;
        align-items: center;
        padding-left: 16px;
        margin-left: 16px
    }
    .searchBlock .searchBlockLogo:before {
        content: '';
        display: block;
        width: 2px;
        height: 32px;
        position: absolute;
        left: 0;
        border-left: 1px solid #fff
    }
}

.searchBlock .searchBlockLogo .component.lazy-image img {
    max-height: 44px;
    width: auto
}

.searchBlock__content .search-container {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .searchBlock__content .search-container {
        max-width: 640px
    }
}

.searchBlock__form {
    display: flex;
    height: 64px;
    margin-bottom: 32px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff
}

@media (min-width: 768px) {
    .searchBlock__form {
        margin-bottom: 40px
    }
}

.searchBlock__form .search-field {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    border: none;
    padding-left: 24px;
    width: 100%
}

.searchBlock__form .search-field:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.searchBlock__form .searchButton {
    background: none;
    border: none;
    padding: 24px
}

.searchBlock__form .searchButton:focus {
    outline: 3px solid #014ECB;
    outline-offset: -2px;
    box-shadow: none
}

.searchBlock__form .searchButton .utility-icon.color-navigation path {
    fill: rgba(0, 0, 0, 0.65)
}

.searchBlock__listContainer {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.searchBlock__list {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.searchBlock__subheader {
    display: inline-block;
    white-space: nowrap;
    color: #fff
}

.searchBlock__item {
    padding: 0 8px;
    display: flex;
    align-items: center;
    position: relative
}

.searchBlock__item:not(:last-child):after {
    content: '';
    display: block;
    width: 8px;
    height: 10px;
    position: absolute;
    right: 0;
    border-right: 1px solid #fff
}

.searchBlock__link {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: none;
    font-weight: 700;
    white-space: nowrap;
    color: #fff
}

.searchBlock__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.searchBlock__link:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.searchBlock__link:hover,
.searchBlock__link:active,
.searchBlock__link:focus {
    color: #fff;
    box-shadow: inset 0 -1px 0 #fff
}

.searchBlock__link:visited {
    color: #595959
}

body.socialStoriesOpen {
    overflow: hidden
}

.component.social-stories .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.component.social-stories .glide * {
    box-sizing: inherit
}

.component.social-stories .glide-track {
    overflow: hidden
}

.component.social-stories .glide-slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.component.social-stories .glide-slides.dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.component.social-stories .glide-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: initial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.component.social-stories .glide-slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.component.social-stories .glide-arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.component.social-stories .glide-bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.component.social-stories .glide.rtl {
    direction: rtl
}

.component.social-stories .socialStories__header {
    display: flex;
    margin: 12px 16px 0
}

.component.social-stories .socialStories__headerHeadline,
.component.social-stories .socialStories__headerHelperText {
    flex: 1;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .5px
}

.component.social-stories .socialStories__headerHeadline {
    color: rgba(0, 0, 0, 0.95);
    font-weight: 700;
    text-transform: uppercase
}

.component.social-stories .socialStories__headerHelperText {
    color: rgba(0, 0, 0, 0.65);
    text-align: right
}

.component.social-stories .socialStoriesBar {
    width: 100vw;
    padding: 12px 16px 24px;
    overflow-y: hidden;
    overflow-x: scroll;
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.component.social-stories .socialStoriesBar.hide {
    display: none
}

.component.social-stories .socialStoriesBar__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.component.social-stories .socialStoriesBar__listItem:not(last-of-type) {
    margin-right: 16px
}

.component.social-stories .socialStoriesBar__listItem:last-of-type .socialStoriesBar__itemButton {
    margin-right: 16px
}

.component.social-stories .socialStoriesBar__listItem.hide {
    display: none
}

.component.social-stories .socialStoriesBar__listItem.clicked .socialStoriesBar__itemButton-count {
    display: none
}

.component.social-stories .socialStoriesBar__itemButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    flex-direction: column;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, 0.95);
    text-align: center;
    position: relative
}

.component.social-stories .socialStoriesBar__itemButton-count {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f9f7f0;
    border-radius: 50%;
    top: 36px;
    right: 0
}

.component.social-stories .socialStoriesBar__itemImage {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-bottom: 8px
}

.component.social-stories .socialStoriesVideo {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component.social-stories .socialStoriesVideo * {
    background-color: transparent
}

.component.social-stories .socialStories {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -100%;
    z-index: -1;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.95)
}

.component.social-stories .socialStories.open {
    z-index: 600;
    top: 0
}

.component.social-stories .socialStories__slide {
    position: relative;
    width: 100vw
}

.component.social-stories .socialStories__slide.hide {
    display: none
}

.component.social-stories .socialStories__slideHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
    z-index: 11;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
    padding: 0 16px;
    display: flex;
    justify-content: flex-end
}

.component.social-stories .socialStories__slideButton {
    background: transparent;
    border: 0 none;
    z-index: 12;
    align-self: flex-start;
    margin-top: 32px
}

.component.social-stories .socialStories__slideButton svg {
    width: 14px;
    height: 14px;
    fill: #fff
}

.component.social-stories .socialStories__slideButton svg path {
    fill: #fff
}

.component.social-stories .socialStories__closeButton {
    margin-top: 36px
}

.component.social-stories .socialStories__toggleMuteButton {
    margin-right: 24px
}

.component.social-stories .socialStories__toggleMuteButton .volumeUnmute {
    display: none
}

.component.social-stories .socialStories__toggleMuteButton.unmuted .volumeUnmute {
    display: inline-block
}

.component.social-stories .socialStories__toggleMuteButton.unmuted .volumeMute {
    display: none
}

.component.social-stories .socialStories__toggleMuteButton svg {
    width: 24px;
    height: 24px
}

.component.social-stories .socialStories__slideProgress {
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100vw - 16px);
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    z-index: 11
}

.component.social-stories .socialStories__slideProgressIndicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 2px;
    transition: width 0.3s linear
}

.component.social-stories .socialStories__slideItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.component.social-stories .socialStories__slideVideo {
    background-size: contain
}

.component.social-stories .socialStories__slidePrev,
.component.social-stories .socialStories__slideNext {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 100%;
    border-width: 0;
    background: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.component.social-stories .socialStories__slidePrev:focus,
.component.social-stories .socialStories__slideNext:focus {
    outline: none
}

.component.social-stories .socialStories__slidePrev {
    left: 0
}

.component.social-stories .socialStories__slideNext {
    right: 0
}

.component.social-stories .socialStories__slideOpenContent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 13;
    width: 48px;
    height: 48px;
    border-width: 0;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    display: inline-block;
    overflow: hidden
}

.component.social-stories .socialStories__slideOpenContent svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    -webkit-animation: up 1.6s ease-in-out infinite;
    animation: up 1.6s ease-in-out infinite
}

.component.social-stories .socialStories__slideOpenContent svg path {
    fill: #fff
}

.component.social-stories .socialStories .jumpstart-video {
    height: 100%
}

@media (min-width: 768px) {
    .component.social-stories {
        display: none
    }
}

.component.call-to-action {
    text-align: center
}

.component.call-to-action .cta__button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    text-transform: none;
    padding: 11px 36px;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 28px;
    border-color: #1a7f82
}

.component.call-to-action .cta__button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.call-to-action .cta__button:active {
    opacity: .8
}

.component.call-to-action .cta__button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.call-to-action .cta__button:active {
    opacity: .8
}

.component.call-to-action .cta__button:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.call-to-action .cta__button:hover,
.component.call-to-action .cta__button:active,
.component.call-to-action .cta__button:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.call-to-action .cta__button.ctaPrint__button {
    margin-left: 5px
}

.component.call-to-action svg {
    width: 24px;
    height: 24px;
    margin: -2px 4px 0 0;
    vertical-align: middle
}

.component.call-to-action svg path {
    fill: rgba(0, 0, 0, 0.65)
}

.entityTout {
    margin: 0 0 32px
}

.entityTout__spoilerTag {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    height: auto;
    background: #DF7607;
    color: rgba(0, 0, 0, 0.95);
    display: inline-block;
    line-height: auto;
    margin-bottom: 16px;
    text-align: center;
    padding: 4px 8px
}

@media (min-width: 768px) {
    .entityTout__spoilerTag {
        margin-bottom: 24px
    }
}

.entityTout__image {
    margin: 0
}

.entityTout__image+.entityTout__headline {
    margin-bottom: 12px;
    display: inline-block
}

.entityTout__image+.entityTout__headline:hover {
    box-shadow: none
}

.entityTout__details:after {
    content: "";
    display: table;
    clear: both
}

.entityTout__details .entityTout__chevron {
    position: relative;
    margin-right: 8px;
    top: -8px
}

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

.entityTout__metaItem {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 6px
}

.entityTout__metaItemLabel {
    font-weight: 700;
    text-transform: uppercase
}

.entityTout__description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .entityTout__image {
        width: 250px;
        margin-right: 24px;
        float: left
    }
    .entityTout__meta {
        display: flex;
        flex-wrap: wrap
    }
    .entityTout__metaItem {
        flex: 0 0 50%
    }
    .entityTout__metaItem:nth-child(odd) {
        padding-right: 4px
    }
    .entityTout__metaItem:nth-child(even) {
        padding-left: 4px
    }
}

.linksList {
    border: none
}

.linksList__item {
    margin-top: 0;
    margin-bottom: 16px
}

.linksList__item a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.linksList__item a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.linksList__item a:hover,
.linksList__item a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.linksList__item a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.linksList__link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.linksList__link:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.linksList__link:hover,
.linksList__link:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.linksList__link:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.linksList__title {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 16px;
    padding: 0;
    text-align: center
}

.recapSlider {
    width: 100%;
    position: relative;
    background-image: linear-gradient(#fbd9ce 0%, #fbd9ce 61.5%, #000 61.5%, #000 100%);
    border: 1px solid rgba(0, 0, 0, 0.95);
    margin-bottom: 24px
}

@media (max-width: 720px) {
    .recapSlider {
        transform: translateX(-16px);
        width: calc(100% + 32px);
        max-width: calc(100% + 32px)
    }
}

@media (min-width: 768px) {
    .recapSlider {
        border-radius: 5px
    }
}

.component.recapSlider .recapSlider__heading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 8px
}

.recapSlider__imageContainer {
    position: relative;
    border-top-left-radius: 3.6px;
    border-top-right-radius: 3.6px;
    overflow: hidden;
    min-height: 149px
}

.recapSlider__imageContainer svg {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase
}

.recapSlider__itemAuthor {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95)
}

.recapSlider__itemTitle {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    font-weight: 700;
    box-shadow: inset 0 -2px 0 #fff, inset 0 -4px 0 #fbd9ce;
    display: inline-flex;
    margin-bottom: 8px
}

.recapSlider__itemTitle:hover {
    color: #fbd9ce
}

.recapSlider__itemDetailsContainer {
    background-color: #fff;
    padding: 8px;
    border-bottom-left-radius: 3.6px;
    border-bottom-right-radius: 3.6px
}

.recapSlider__itemDesc {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    font-weight: 400;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .recapSlider .carouselNav {
        display: grid
    }
}

.recapSlider .carouselNav__listWrapper {
    overflow: hidden;
    position: relative
}

.recapSlider .carouselNav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.recapSlider .carouselNav__list::-webkit-scrollbar {
    display: none
}

.recapSlider .carouselNav__listItem {
    display: block;
    position: relative;
    width: 232.1px;
    min-width: 232.1px;
    margin-right: 8px;
    margin-bottom: 8px
}

.recapSlider .carouselNav__link {
    display: block;
    color: #fff
}

.recapSlider .carouselNav__link:visited,
.recapSlider .carouselNav__link:hover {
    color: #fff
}

.recapSlider .carouselNav__prev,
.recapSlider .carouselNav__next {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    border: #fbd9ce;
    background: rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95);
    position: absolute;
    z-index: 1;
    top: 25%
}

.recapSlider .carouselNav__prev svg,
.recapSlider .carouselNav__next svg {
    width: 32px;
    height: 32px
}

.recapSlider .carouselNav__prev:focus,
.recapSlider .carouselNav__prev:hover,
.recapSlider .carouselNav__next:focus,
.recapSlider .carouselNav__next:hover {
    text-decoration: none
}

.recapSlider .carouselNav__prev:focus,
.recapSlider .carouselNav__next:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.recapSlider .carouselNav__prev:active,
.recapSlider .carouselNav__next:active {
    opacity: .8
}

.recapSlider .carouselNav__prev svg,
.recapSlider .carouselNav__next svg {
    fill: rgba(0, 0, 0, 0.95)
}

.recapSlider .carouselNav__prev:hover,
.recapSlider .carouselNav__next:hover {
    background: #fbd9ce;
    border-color: #fff;
    color: #fff
}

.recapSlider .carouselNav__prev:hover svg,
.recapSlider .carouselNav__next:hover svg {
    fill: #fff
}

.recapSlider .carouselNav__prev:before,
.recapSlider .carouselNav__next:before {
    position: absolute
}

.recapSlider .carouselNav__prev[disabled],
.recapSlider .carouselNav__next[disabled] {
    display: none
}

.recapSlider .carouselNav__prev {
    left: 8px
}

.recapSlider .carouselNav__next {
    right: 8px;
    text-align: right
}

.buyingInformation {
    margin: 24px 0 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .buyingInformation {
        border-bottom: none;
        display: flex
    }
}

@media (min-width: 1024px) {
    .buyingInformation {
        margin-top: 32px
    }
}

.buyingInformation.gallery {
    margin-top: 0
}

.buyingInformation__image {
    margin: 0 auto 12px
}

@media (min-width: 768px) {
    .buyingInformation__image {
        flex: 0 1 308px;
        margin: 0 16px 0 0
    }
}

.buyingInformation__image .lazy-image {
    border: 1px solid rgba(0, 0, 0, 0.3)
}

@media (min-width: 768px) {
    .buyingInformation__buyContent {
        flex: 1
    }
}

.buyContent__winningCategory {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.buyContent__productName {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .buyContent__productName {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width: 768px) {
    .buyContent__productName {
        margin-bottom: 16px
    }
}

.buyContent__productReview {
    margin-bottom: 18px
}

.buyContent__priceCTA {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .buyContent__priceCTA {
        margin-bottom: 0
    }
}

.priceCTA__priceWrapper {
    align-self: center;
    position: relative;
    margin-right: 16px;
    top: -12px
}

.priceCTA__priceWrapper--no-margin {
    margin-right: 0
}

.priceCTA__priceWrapper--sale {
    align-self: flex-start;
    top: 0;
    margin-bottom: 8px
}

.priceCTA__price {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    display: flex;
    font-weight: 400
}

.priceCTA__prime {
    padding-left: 4px
}

.priceCTA__shopIt {
    display: flex;
    flex-direction: column-reverse
}

.salesPrice__sale {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65)
}

.sale__original {
    position: relative;
    text-decoration: line-through
}

.sale__original::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 4px;
    width: calc(100% - 5px);
    height: 0.5px;
    background: rgba(0, 0, 0, 0.65);
    transform: translateY(-50%)
}

.shopIt__btn,
.two-col-content-container .buyingInformation .shopIt__btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: block;
    padding: 12px 32px;
    border-radius: 0;
    box-shadow: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.shopIt__btn:focus,
.two-col-content-container .buyingInformation .shopIt__btn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.shopIt__btn:active,
.two-col-content-container .buyingInformation .shopIt__btn:active {
    opacity: .8
}

.shopIt__btn:focus,
.two-col-content-container .buyingInformation .shopIt__btn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.shopIt__btn:active,
.two-col-content-container .buyingInformation .shopIt__btn:active {
    opacity: .8
}

.shopIt__btn:visited,
.two-col-content-container .buyingInformation .shopIt__btn:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.shopIt__btn:hover,
.shopIt__btn:active,
.shopIt__btn:focus,
.two-col-content-container .buyingInformation .shopIt__btn:hover,
.two-col-content-container .buyingInformation .shopIt__btn:active,
.two-col-content-container .buyingInformation .shopIt__btn:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.shopIt__retailer {
    font-family: "Roboto", "HelveticaNeue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 8px
}

.buyingInformation--row {
    margin-right: 24px;
    width: 257px
}

@media (min-width: 1024px) {
    .buyingInformation--row {
        display: block
    }
}

@media (min-width: 1024px) {
    .buyingInformation--row .buyingInformation__image {
        margin: 0 0 12px 0
    }
}

.buyingInformation--row .buyingInformation__buyContent {
    display: flex;
    flex-direction: column
}

.buyingInformation--row .priceCTA__priceWrapper {
    align-self: flex-start;
    margin-right: 0;
    top: 0
}

.buyingInformation--row .buyContent__winningCategory,
.buyingInformation--row .buyContent__productReview {
    order: -1
}

.buyingInformation--row .buyContent__productReview {
    margin-bottom: 12px
}

.buyingInformation--row .buyContent__productName {
    margin-bottom: 8px
}

.buyingInformation--row .buyContent__priceCTA {
    flex-direction: column
}

.buyingInformation--row .priceCTA__price {
    align-self: flex-start
}

.buyingInformation--row .shopIt__btn {
    margin: 12px 0 8px
}

.buyContent__showMoreInfo {
    height: 20px;
    width: 134px
}

.buyContent__showMoreInfo.collapsed .icon-down {
    display: block
}

.buyContent__showMoreInfo.collapsed .icon-up {
    display: none
}

.buyContent__showMoreInfo .icon-up {
    display: block
}

.buyContent__showMoreInfo .icon-down {
    display: none
}

.buyContent__showMoreInfo .showMoreInfo__btn {
    background: transparent;
    border-width: 0;
    height: 24px;
    padding: 0;
    margin-right: 6px
}

.buyContent__showMoreInfo .showMoreInfo__btn path {
    fill: #fbd9ce
}

.buyContent__showMoreInfo .showMoreInfo__label {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #595959;
    cursor: pointer;
    font-size: 13px;
    font-style: italic
}

.buyContent__description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0
}

.component.breadcrumbs {
    position: relative
}

.component.breadcrumbs .breadcrumbs .breadcrumbs-align-shift {
    display: none
}

.component.breadcrumbs .breadcrumbs__container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: auto
}

@media (min-width: 1024px) {
    .component.breadcrumbs .breadcrumbs__container {
        justify-content: flex-start
    }
}

.component.breadcrumbs .breadcrumbs__list {
    display: flex;
    padding: 0;
    margin: 0;
    white-space: nowrap
}

.component.breadcrumbs .breadcrumbs__title {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px
}

.component.breadcrumbs .breadcrumbs__icon {
    align-items: center;
    justify-content: center;
    color: #1a7f82;
    display: inline-flex;
    margin: 0 4px;
    position: relative;
    top: -1px
}

.component.breadcrumbs .breadcrumbs__icon svg {
    height: inherit;
    width: 24px
}

.component.breadcrumbs .breadcrumbs__icon svg path,
.component.breadcrumbs .breadcrumbs__icon svg circle {
    fill: #1a7f82
}

.component.breadcrumbs .breadcrumbs__icon--last {
    display: none
}

.component.breadcrumbs .breadcrumbs__link {
    align-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.95);
    display: inline-flex
}

.component.breadcrumbs .breadcrumbs__link .breadcrumbs__title {
    padding-bottom: 1px
}

.component.breadcrumbs .breadcrumbs__link:active .breadcrumbs__title,
.component.breadcrumbs .breadcrumbs__link:hover .breadcrumbs__title,
.component.breadcrumbs .breadcrumbs__link:focus .breadcrumbs__title {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95)
}

.component.breadcrumbs .breadcrumbs__item {
    align-content: center;
    list-style-type: none
}

.component.breadcrumbs .breadcrumbs__item--last .breadcrumbs__link {
    color: rgba(0, 0, 0, 0.95)
}

.component.breadcrumbs .breadcrumbs__item--last .breadcrumbs__title:active,
.component.breadcrumbs .breadcrumbs__item--last .breadcrumbs__title:hover,
.component.breadcrumbs .breadcrumbs__item--last .breadcrumbs__title:focus {
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 360px) {
    .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container {
        height: 32px;
        position: relative
    }
    .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }
    .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container .breadcrumbs__list {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (min-width: 768px) {
    .component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed .breadcrumbs__container {
        overflow: hidden
    }
    .component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed .breadcrumbs-align-shift {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
        display: block;
        position: absolute;
        width: 45px;
        height: 100%;
        right: 0;
        top: 0
    }
    .component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed.breadcrumbAligned .breadcrumbs-align-shift {
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
        right: unset;
        left: 0
    }
}

.category-page-tout--portrait-block {
    background: #fff;
    margin: 48px 0
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block {
        margin: 64px 0
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container {
    margin: 0 auto 48px;
    max-width: 1279px;
    padding-bottom: 32px
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container {
        margin: 0 auto 64px;
        padding-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container {
        display: flex
    }
}

@media (min-width: 1279px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container {
        max-width: 1900px
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout {
    margin: 0;
    width: 100%
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout .entityTout__link {
    color: rgba(0, 0, 0, 0.95)
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout .entityTout__link:hover .entityTout__headline {
    text-decoration: underline
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image {
        width: auto;
        margin-right: 0;
        float: none
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
    order: 0;
    width: 100%;
    text-align: center;
    padding: 24px 15px 24px 16px
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
        padding: 32px 59px 24px
    }
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
        padding: 32px 24px 0
    }
}

@media (min-width: 1162px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
        padding: 32px 32px 0
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__logo {
    margin-bottom: 16px
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__logo .component.lazy-image img {
    width: 100%
}

@media (min-width: 767px) and (max-width: 1023px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__logo .component.lazy-image img {
        max-width: 412px
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__link .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__link .entityTout__headline {
        font-size: 36px;
        line-height: 44px
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__link .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__link .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__link .entityTout__headline {
        text-align: left
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__description,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__description p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 16px 0;
    color: rgba(0, 0, 0, 0.95)
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    display: inline-block;
    border-width: 1px;
    text-transform: capitalize;
    padding: 8px 16px;
    height: 36px;
    border-radius: 0
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:active {
    opacity: .8
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:active {
    opacity: .8
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:hover,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:active,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
        order: 3;
        width: 316px;
        text-align: unset
    }
}

@media (min-width: 1279px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
        width: 25%
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
    display: flex;
    overflow-x: scroll;
    width: 100%
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
        padding: 0 66px
    }
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
        display: flex;
        overflow: hidden;
        width: calc(100% - 316px);
        padding: 0
    }
}

@media (min-width: 1279px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
        width: 75%
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__image {
    margin-right: 2px;
    background-color: #fff
}

@media (min-width: 768px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__image img {
        min-width: unset
    }
}

@media (min-width: 1024px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__image img {
        min-width: unset
    }
}

@media (min-width: 1279px) {
    .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__image img {
        min-width: 250px
    }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout:last-child .entityTout__image {
    padding-right: 0
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link {
    display: block;
    text-align: center;
    margin: 16px 16px 0
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    max-height: unset;
    padding: 0
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__headline:hover,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__headline:active,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__headline:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__spoilerHeadline {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts .entity-tout .entityTout__link .entityTout__spoilerHeadline:hover {
    box-shadow: none
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image img {
    min-width: 250px;
    max-width: 100%
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image.covered+.external-link .entityTout__spoilerHeadline {
    display: inline
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image.covered+.external-link .entityTout__headline {
    display: none
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image:not(.covered)+.external-link .entityTout__spoilerHeadline {
    display: none
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image:not(.covered)+.external-link .entityTout__headline {
    display: inline
}

.category-page-breaking-news {
    margin: 48px 0
}

.category-page-breaking-news.first-block {
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .category-page-breaking-news.first-block {
        margin: 0 0 32px
    }
}

@media (min-width: 768px) {
    .category-page-breaking-news {
        margin: 64px 0
    }
}

.category-page-breaking-news .spoilerOverlayParent.covered .spoilerOverlay__inner {
    height: auto
}

@media (min-width: 768px) {
    .category-page-breaking-news .spoilerOverlayParent.covered .spoilerOverlay__inner {
        height: 60%
    }
}

.category-page-breaking-news .spoilerTag {
    display: block;
    margin: 0 auto 16px
}

@media (min-width: 768px) {
    .category-page-breaking-news .spoilerTag {
        margin: 0 auto 24px
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .spoilerTag {
        margin: 0 0 24px
    }
}

.category-page-breaking-news.display--no-primary-media {
    text-align: center
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container {
    padding: 32px 16px 16px
}

@media (min-width: 768px) {
    .category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container {
        padding: 40px 64px 16px
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1162px) {
    .category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__description,
.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__description p {
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 24px
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__more {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__more-link {
    text-transform: uppercase;
    padding: 11px 36px
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 48px;
    line-height: 52px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

@media (min-width: 768px) {
    .category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .entityTout__headline {
        font-size: 72px;
        line-height: 80px
    }
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .entityTout__headline:visited {
    color: #595959
}

.category-page-breaking-news.display--no-primary-media .categoryPageBreakingNews__container .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.category-page-breaking-news .categoryPageBreakingNews__container {
    margin-bottom: 32px;
    background: rgba(0, 0, 0, 0.05)
}

.category-page-breaking-news .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout {
    margin: 0
}

.category-page-breaking-news .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__description,
.category-page-breaking-news .categoryPageBreakingNews__container .categoryPageBreakingNews__touts .entityTout__description p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 16px;
    margin-bottom: 0
}

.category-page-breaking-news .categoryPageBreakingNews__touts {
    display: block;
    padding: 0;
    max-width: 1400px;
    margin: 0 auto
}

.category-page-breaking-news .categoryPageBreakingNews__touts .component.video {
    width: auto;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .component.video {
        width: 990px
    }
}

@media (min-width: 1279px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .component.video {
        min-width: 996px;
        width: 996px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .lead-image {
    overflow: hidden
}

.category-page-breaking-news .categoryPageBreakingNews__touts .lead-image.align-right {
    float: unset;
    margin: unset;
    width: unset
}

@media (min-width: 1279px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .lead-image.align-right .image-and-burst {
        width: 996px
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts {
        display: flex
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__image {
    width: 100%
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__image {
        min-width: 725px;
        margin-right: 0
    }
}

@media (min-width: 1279px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__image {
        width: 996px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail {
    padding: 24px 16px 32px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail {
        padding: 32px 64px 40px
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail {
        text-align: left;
        max-width: 398px;
        padding-bottom: 0;
        padding-left: 24px
    }
}

@media (min-width: 1279px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail {
        padding: 32px 32px 0
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .entityTout__headline {
    font-weight: normal
}

@media (min-width: 768px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles {
        display: block
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout {
    margin-bottom: 0;
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout,
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout {
        width: 180px;
        margin-right: 48px
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout,
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout {
        width: auto;
        margin-right: 0
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:first-of-type,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:first-of-type {
    padding-top: 0;
    padding-bottom: 16px;
    border-top: none;
    width: 100%;
    margin: 0
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:first-of-type .entityTout__headline,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:first-of-type .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

@media (min-width: 768px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:first-of-type .entityTout__headline,
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:first-of-type .entityTout__headline {
        font-size: 36px;
        line-height: 44px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:first-of-type .entityTout__headline:visited,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:first-of-type .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:first-of-type .entityTout__headline:hover,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:first-of-type .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:last-of-type,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:last-of-type {
    padding-bottom: 16px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:last-of-type,
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:last-of-type {
        margin: 0
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entity-tout:not(:first-of-type) .entityTout__headline,
.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout:not(:first-of-type) .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo {
    padding-bottom: 16px
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo+.entity-tout {
    border-top: none;
    width: 100%;
    margin-right: 0;
    padding-top: 0
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo+.entity-tout .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-size: 28px;
    line-height: 32px;
    padding: 16px 0 0;
    border: 0
}

@media (min-width: 768px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo+.entity-tout .entityTout__headline {
        font-size: 36px;
        line-height: 44px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo+.entity-tout .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo+.entity-tout .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) and (max-width: 1023px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__logo ~ .entity-tout:nth-of-type(n+3) {
        width: 296px;
        padding-bottom: 16px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__more {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__more {
        margin: 0 0 32px
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__more-link {
    border-width: 1px;
    padding: 8px 0;
    width: 163px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .categoryPageBreakingNews__titles .entityTout__more-link {
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .category-page-breaking-news .categoryPageBreakingNews__touts .categoryPageBreakingNews__rail .component.lazy-image img {
        margin: 0
    }
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    text-transform: capitalize;
    padding: 8px 0;
    letter-spacing: 1px;
    border-radius: 0
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:active {
    opacity: .8
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:active {
    opacity: .8
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:hover,
.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:active,
.category-page-breaking-news .categoryPageBreakingNews__touts .entityTout__more-link:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.category-page-breaking-news .entityTout__spoilerTag {
    display: block;
    margin: auto 16px
}

@media (min-width: 1024px) {
    .category-page-breaking-news .entityTout__spoilerTag {
        margin-left: 0
    }
}

.component.table.longTable {
    overflow: auto;
    max-width: 100%;
    background: linear-gradient(to right, #fff 30%, rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(0, 0, 0, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-position: 0 0, 100%, 0 0, 100%;
    background-attachment: local, local, scroll, scroll
}

.component.table.longTable .table {
    min-width: 150vw
}

@media (min-width: 768px) {
    .component.table.longTable .table {
        min-width: 0
    }
}

.component.table .table {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 0
}

.component.table .tableCell,
.component.table .tableCell p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.component.table .tableCell {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    max-height: 100px
}

.component.table .tableCell.tableCell--aligndefault,
.component.table .tableCell.tableCell--alignleft {
    text-align: left
}

.component.table .tableCell.tableCell--aligncenter {
    text-align: center
}

.component.table .tableCell.tableCell--alignright {
    text-align: right
}

.component.table .tableCell.tableCell--highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.component.table .tableHead .tableCell {
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.component.table .tableHead .tableCell p {
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.categoryPageListFiveFeatured {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 24px 0 32px;
    margin: 48px 0
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured {
        padding-top: 32px;
        padding-bottom: 52px;
        margin: 64px 0
    }
}

.categoryPageListFiveFeatured__wrapper {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1400px
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__wrapper {
        width: 640px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .categoryPageListFiveFeatured__wrapper {
        width: auto;
        padding-left: 24px;
        padding-right: 24px;
        display: flex
    }
}

@media (min-width: 1162px) {
    .categoryPageListFiveFeatured__wrapper {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 374px) {
    .categoryPageListFiveFeatured__wrapper {
        width: auto;
        padding: 0 16px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFiveFeatured__main {
        max-width: 588px;
        margin-right: 32px
    }
}

@media (min-width: 1162px) {
    .categoryPageListFiveFeatured__main {
        max-width: 720px;
        margin-right: 80px
    }
}

.categoryPageListFiveFeatured__main .category-page-item-image-text-wrapper {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.categoryPageListFiveFeatured__main .category-page-item-image-text-wrapper:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListFiveFeatured__main .category-page-item-image-text-wrapper:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListFiveFeatured__smallTouts {
    margin-top: 40px
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__smallTouts {
        margin-top: 32px
    }
}

@media (min-width: 1024px) {
    .categoryPageListFiveFeatured__smallTouts {
        margin-top: 0;
        max-width: 356px
    }
}

@media (min-width: 1162px) {
    .categoryPageListFiveFeatured__smallTouts {
        max-width: 440px
    }
}

.categoryPageListFiveFeatured__title,
.categoryPageListFiveFeatured__title a {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 24px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__title,
    .categoryPageListFiveFeatured__title a {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__title,
    .categoryPageListFiveFeatured__title a {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__title,
    .categoryPageListFiveFeatured__title a {
        padding-bottom: 32px
    }
}

.categoryPageListFiveFeatured__tout-no-image {
    display: flex;
    align-items: flex-start;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

@media (min-width: 1162px) {
    .categoryPageListFiveFeatured__tout-no-image {
        padding-bottom: 24px;
        margin-bottom: 24px
    }
}

.categoryPageListFiveFeatured__tout-no-image:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    letter-spacing: .5px;
    font-weight: 700
}

.categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:hover,
.categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper {
        font-family: "Libre Franklin", sans-serif;
        text-transform: capitalize;
        font-size: 28px;
        line-height: 34px;
        font-weight: 700;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.95);
        padding: 1px 0;
        transition: all .1s ease-in-out;
        text-decoration: none
    }
    .categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:visited {
        color: #595959;
        box-shadow: inset 0 -1px 0 #595959
    }
    .categoryPageListFiveFeatured__tout-no-image .category-page-item-image-text-wrapper:hover {
        color: rgba(0, 0, 0, 0.95);
        box-shadow: inset 0 -1px 0 #1a7f82
    }
}

.categoryPageListFiveFeatured .doubleChevron {
    flex-shrink: 0;
    margin-right: 6px;
    position: relative;
    top: -8px
}

@media (min-width: 768px) {
    .categoryPageListFiveFeatured .doubleChevron {
        margin-right: 8px;
        top: -5px
    }
}

.categoryPageListFiveFeatured .five-featured-main-block {
    padding: 16px 0 0;
    position: relative
}

.categoryPageListFiveFeatured .five-featured-main-block .category-page-item-content {
    margin-top: 8px
}

.categoryPageListFiveFeatured .five-featured-main-block .category-page-item-description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    letter-spacing: .5px
}

.component.category-page-header {
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .component.category-page-header {
        margin: 0 auto 64px;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .component.category-page-header {
        max-width: 1279px;
        padding: 24px 24px 0
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container {
        display: flex
    }
}

.component.category-page-header .categoryPageHeader__container .entityTout {
    margin-bottom: 0
}

.component.category-page-header .categoryPageHeader__container .entityTout .entityTout__headline:hover {
    box-shadow: none
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container .entityTout__image {
        margin-right: 0;
        float: none
    }
}

.component.category-page-header .categoryPageHeader__container-details {
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details {
        display: inline
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-details {
        margin-right: 32px;
        width: calc(100% - 300px - 32px);
        margin-bottom: 0;
        display: block
    }
}

@media (min-width: 1162px) {
    .component.category-page-header .categoryPageHeader__container-details {
        margin-right: 48px;
        width: calc(100% - 274px - 48px)
    }
}

.component.category-page-header .categoryPageHeader__container-details .entityTout__image {
    width: 100%
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary {
        margin-top: 40px
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary {
        width: calc(100% - 204px - 32px);
        margin-left: 32px;
        margin-top: 0;
        float: right
    }
}

@media (min-width: 1162px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary {
        width: calc(100% - 274px - 48px);
        margin-left: 48px
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content-wrapper,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content-wrapper {
    margin: 16px 16px 8px
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content-wrapper,
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content-wrapper {
        margin: 16px 0 8px
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content-wrapper .category-page-item-image-text-wrapper,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content-wrapper .category-page-item-image-text-wrapper {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95)
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content {
    margin: 0 16px
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content,
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content {
        margin: 0
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .category-page-item-content .category-page-item-description,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .category-page-item-content .category-page-item-description {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95);
    font-weight: normal
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__headline,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95)
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__headline:visited,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__headline:hover,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__description,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__description {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95);
    font-weight: normal;
    margin: 0 16px
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__description,
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__description {
        margin: 0
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__description p,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__description p {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95);
    font-weight: normal;
    margin: 0
}

.component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__link,
.component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__link {
    display: block;
    margin: 16px 16px 8px
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .category-page-item .entityTout__link,
    .component.category-page-header .categoryPageHeader__container-details-group-one-primary .entity-tout .entityTout__link {
        margin: 16px 0 8px
    }
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary {
        max-width: 296px;
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary {
        max-width: 204px;
        display: block
    }
}

@media (min-width: 1162px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary {
        max-width: 274px
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div {
    padding: 32px 17px 0;
    overflow: auto
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div {
        display: block;
        margin-top: 32px;
        padding: 0;
        overflow: unset
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div {
        display: inline-block;
        margin-top: 0
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-image,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__image {
    max-width: 180px;
    margin-left: 17px;
    float: right
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-image,
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__image {
        margin-left: 0;
        max-width: unset;
        float: unset
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link {
    width: calc(100% - 199px);
    display: inline-block
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper,
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link {
        margin-top: 12px;
        width: unset;
        display: block
    }
}

@media (min-width: 1162px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper,
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link {
        margin-top: 16px
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95)
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:hover,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:focus,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:hover,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:active,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:visited,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline,
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline {
        margin-top: 12px
    }
}

.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .category-page-item-image-text-wrapper,
.component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .category-page-item-image-text-wrapper {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95)
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div:first-child {
        margin-bottom: 32px
    }
}

@media (min-width: 1162px) {
    .component.category-page-header .categoryPageHeader__container-details-group-one-secondary>div:first-child {
        margin-bottom: 56px
    }
}

.component.category-page-header .categoryPageHeader__container-popular {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px;
    margin: 0;
    height: 100%
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-popular {
        max-width: 296px;
        margin: 32px 0 0;
        padding: 17px 16px 24px;
        display: inline-block;
        float: right;
        border: 1px solid rgba(0, 0, 0, 0.15)
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-popular {
        flex: 0 1 300px;
        max-width: 300px;
        display: block;
        float: unset;
        margin: 0
    }
}

.component.category-page-header .categoryPageHeader__container-popular-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.95);
    padding-bottom: 16px;
    margin: 0
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-popular-title {
        margin: 0 0 21px;
        padding-bottom: 0
    }
}

.component.category-page-header .categoryPageHeader__container-popular-title a {
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.category-page-header .categoryPageHeader__container-popular-title a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header .categoryPageHeader__container-popular-title a:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.category-page-header .categoryPageHeader__container-popular-list {
    overflow-x: scroll;
    display: flex
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-popular-list {
        display: unset;
        overflow-x: unset
    }
}

.component.category-page-header .categoryPageHeader__container-popular-list .entityTout__details {
    width: 100%
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-popular-list .entityTout__details {
        border-right: 0;
        min-width: unset
    }
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout {
    border-bottom: 0;
    display: flex;
    padding: 0 16px;
    min-width: 244px;
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item:first-child,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout:first-child {
    padding-top: 0;
    padding-left: 0;
    border-left: none
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item:last-child,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout:last-child {
    border-bottom: none;
    padding-bottom: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .component.category-page-header .categoryPageHeader__container-popular-list .category-page-item,
    .component.category-page-header .categoryPageHeader__container-popular-list .entity-tout {
        flex: 0 1 calc(50% - 12px);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 16px 0;
        min-width: unset;
        border-left: none
    }
}

@media (min-width: 1024px) {
    .component.category-page-header .categoryPageHeader__container-popular-list .category-page-item,
    .component.category-page-header .categoryPageHeader__container-popular-list .entity-tout {
        flex: 0 1 100%
    }
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item-image,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout-image {
    display: flex;
    flex-shrink: 0
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item-image a,
.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item-image a:visited,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout-image a,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout-image a:visited {
    color: rgba(0, 0, 0, 0.95)
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item .entityTout__link,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout .entityTout__link {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 24px;
    max-height: 96px
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item .entityTout__headline,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    box-shadow: none;
    display: inline
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item .entityTout__headline:visited,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item .entityTout__headline:hover,
.component.category-page-header .categoryPageHeader__container-popular-list .entity-tout .entityTout__headline:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.component.category-page-header .categoryPageHeader__container-popular-list .lazy-image {
    float: left;
    margin-right: 16px;
    max-width: 80px
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper,
.component.category-page-header .categoryPageHeader__container-popular-list .entityTout__headline {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    max-height: 96px;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.95);
    text-align: left;
    padding: 0
}

.component.category-page-header .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper:after,
.component.category-page-header .categoryPageHeader__container-popular-list .entityTout__headline:after {
    content: "";
    display: table;
    clear: both
}

.component.category-page-header-expanded {
    margin: 48px auto
}

@media (min-width: 768px) {
    .component.category-page-header-expanded {
        margin: 64px auto
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container {
        display: flex
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-details {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details {
        order: 2;
        margin-left: 32px;
        margin-right: 0;
        width: calc(100% - 204px - 32px);
        display: block;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details {
        width: calc(100% - 204px - 32px)
    }
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details {
        margin-left: 48px;
        width: calc(100% - 274px - 48px)
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-primary {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary {
        display: block;
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div {
        max-width: calc(50% - 16px);
        margin-top: 32px;
        display: inline-block
    }
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div {
        width: calc(50% - 24px);
        margin-top: 48px
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-image,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__image {
    max-width: 150px;
    margin-left: 16px
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-image,
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__image {
        margin-left: 0;
        max-width: unset
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link {
    width: calc(100% - 166px)
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper,
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link {
        width: unset;
        margin-top: 16px
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:visited,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:hover,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:active,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline:focus,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:hover,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:active,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .entityTout__headline,
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .entityTout__headline {
        margin-top: 16px
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .category-page-item-content-wrapper .category-page-item-image-text-wrapper,
.component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div .entityTout__link .category-page-item-image-text-wrapper {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div:first-child {
        margin-right: 32px;
        float: left;
        margin-bottom: 0
    }
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-details-group-one-secondary>div:first-child {
        margin-right: 48px
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-popular {
    border: none;
    padding: 0;
    margin: 0 16px
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular {
        max-width: 204px;
        display: block;
        float: unset;
        margin: 0
    }
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular {
        max-width: 274px
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-title {
    display: none
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list {
    display: block;
    overflow-x: unset
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__details {
    border-right: 0;
    min-width: unset
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout {
    padding: 32px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    min-width: unset;
    border-left: none
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item:first-child,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout:first-child {
    padding-top: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item:first-child,
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout:first-child {
        padding-top: 0;
        border-top: none
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item,
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout {
        padding: 16px 0
    }
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item,
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout {
        padding: 32px 0
    }
}

@media (min-width: 768px) {
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item,
    .component.category-page-header-expanded .categoryPageHeader__container-popular-list .entity-tout {
        border-top: none;
        flex: 0 1 100%
    }
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    display: inline
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper:visited,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__headline:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper:hover,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper:active,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .category-page-item-image-text-wrapper:focus,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__headline:hover,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__headline:active,
.component.category-page-header-expanded .categoryPageHeader__container-popular-list .entityTout__headline:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.category-page-header-expanded .categoryPageHeader__container-aside {
    order: 3;
    margin-left: 32px
}

@media (min-width: 1162px) {
    .component.category-page-header-expanded .categoryPageHeader__container-aside {
        margin-left: 36px
    }
}

.category-page-header-no-thumbnail .categoryPageHeader__container-popular-list .category-page-item .entityTout__image,
.category-page-header-no-thumbnail .categoryPageHeader__container-popular-list .category-page-item .category-page-item-image,
.category-page-header-no-thumbnail .categoryPageHeader__container-popular-list .entity-tout .entityTout__image,
.category-page-header-no-thumbnail .categoryPageHeader__container-popular-list .entity-tout .category-page-item-image {
    display: none
}

.categoryPagePromoEntity {
    max-width: 1279px;
    margin: 48px auto
}

@media (min-width: 768px) {
    .categoryPagePromoEntity {
        margin: 64px auto
    }
}

.categoryPagePromoEntity__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 328px;
    max-width: 640px;
    padding: 16px;
    margin: 48px 16px;
    background-color: rgba(0, 0, 0, 0.05)
}

@media (max-width: 374px) {
    .categoryPagePromoEntity__wrapper {
        min-width: auto;
        margin: 48px auto
    }
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__wrapper {
        flex-direction: row;
        justify-content: space-between;
        padding: 24px;
        margin-left: 64px;
        margin-right: 64px
    }
    .categoryPagePromoEntity__wrapper .categoryPagePromoEntity__desc {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .categoryPagePromoEntity__wrapper {
        margin-left: 24px;
        margin-right: 24px
    }
}

@media (min-width: 1162px) {
    .categoryPagePromoEntity__wrapper {
        margin-right: 24px;
        max-width: 919px;
        padding-left: 48px;
        padding-right: 48px
    }
}

.categoryPagePromoEntity__logo {
    margin: 0 auto 16px
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__logo {
        margin-left: 0
    }
}

.categoryPagePromoEntity__logo .lazy-image {
    margin: 0
}

.categoryPagePromoEntity__headline {
    font-family: "Noto Serif", serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__headline {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__headline {
        font-size: 38px
    }
}

.categoryPagePromoEntity__headline:visited {
    color: #595959
}

.categoryPagePromoEntity__headline:hover,
.categoryPagePromoEntity__headline:active,
.categoryPagePromoEntity__headline:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.categoryPagePromoEntity__logoDesc {
    text-align: center;
    padding-bottom: 16px
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__logoDesc {
        text-align: left
    }
}

.categoryPagePromoEntity__desc,
.categoryPagePromoEntity__desc p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    letter-spacing: .5px;
    font-weight: normal;
    display: inline
}

.categoryPagePromoEntity__desc:visited,
.categoryPagePromoEntity__desc p:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.categoryPagePromoEntity__desc:hover,
.categoryPagePromoEntity__desc:active,
.categoryPagePromoEntity__desc:focus,
.categoryPagePromoEntity__desc p:hover,
.categoryPagePromoEntity__desc p:active,
.categoryPagePromoEntity__desc p:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__desc,
    .categoryPagePromoEntity__desc p {
        text-align: left
    }
}

.categoryPagePromoEntity__container {
    display: flex
}

@media (min-width: 768px) {
    .categoryPagePromoEntity__container {
        padding-left: 24px
    }
}

.categoryPagePromoEntity__touts {
    transform: rotate(5deg);
    width: 96px;
    height: 96px;
    border: 3px solid #fff;
    transition: transform ease-in-out 10ms
}

.animated .categoryPagePromoEntity__touts {
    -webkit-animation-name: swivelLeft;
    animation-name: swivelLeft;
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.categoryPagePromoEntity__touts:nth-child(2) {
    transform: rotate(-5deg)
}

.animated .categoryPagePromoEntity__touts:nth-child(2) {
    -webkit-animation-name: swivelRight;
    animation-name: swivelRight;
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.component.node-interactive-content .interactiveContainer {
    max-width: 100%;
    margin: 30px 0 0;
    font-size: 0
}

.component.node-interactive-content .interactiveContainer__headline {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0
}

.component.node-interactive-content .interactiveContainer__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.component.node-interactive-content .interactiveContainer__pinterestLink {
    box-shadow: none
}

.component.node-interactive-content .interactiveContainer__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: unset;
    padding: 8px;
    text-align: center
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer__title {
        font-size: 24px;
        line-height: 32px
    }
}

.component.node-interactive-content .interactiveContainer__subTitle {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

.component.node-interactive-content .interactiveContainer__correctScore {
    color: green
}

.component.node-interactive-content .interactiveContainer__expiredDescription {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 32px;
    display: block
}

.component.node-interactive-content .interactiveContainer__options--imageOnly,
.component.node-interactive-content .interactiveContainer__options--textAndImage {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 16px;
    row-gap: 16px;
    margin: 8px 0 16px
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer__options--imageOnly,
    .component.node-interactive-content .interactiveContainer__options--textAndImage {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        grid-template-rows: auto auto;
        grid-column-gap: 10px
    }
}

.component.node-interactive-content .interactiveContainer__optionContainer {
    height: 100%;
    position: relative;
    text-align: center
}

.component.node-interactive-content .interactiveContainer__option {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #fff;
    font-weight: 400;
    height: 100%;
    outline: 1px solid rgba(0, 0, 0, 0.65);
    padding: 0;
    text-transform: none;
    width: 100%;
    z-index: 0
}

.component.node-interactive-content .interactiveContainer__option:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__option:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__option--title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    height: 40px;
    margin-top: 8px;
    text-align: center
}

.component.node-interactive-content .interactiveContainer__option--answer {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.65);
    bottom: 0;
    font-size: 16px;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 0
}

.component.node-interactive-content .interactiveContainer__option--answerPercentage {
    background-color: #1a7f82;
    height: 100%;
    opacity: .3;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.component.node-interactive-content .interactiveContainer__option--answerReveal {
    display: none
}

.component.node-interactive-content .interactiveContainer__option--answerReveal--false {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    background: url("../img/icons/cancel.svg") no-repeat;
    background-position-y: center;
    background-size: 20px;
    display: block;
    padding-left: 28px;
    position: absolute;
    right: 16px;
    top: 25%;
    width: 70px;
    height: 20px
}

.component.node-interactive-content .interactiveContainer__option--answerReveal--true {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    background: url("../img/icons/check-circle.svg") no-repeat;
    background-position-y: center;
    background-size: 20px;
    display: block;
    padding-left: 22px;
    position: absolute;
    right: 16px;
    top: 25%;
    width: 70px;
    height: 20px
}

.component.node-interactive-content .interactiveContainer__option:hover,
.component.node-interactive-content .interactiveContainer__option:active,
.component.node-interactive-content .interactiveContainer__option:focus {
    outline: 2px solid rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__options--textAndImage .interactiveContainer__option {
    height: calc(100% - 40px - 8px)
}

.component.node-interactive-content .interactiveContainer__options--textAndImage .interactiveContainer__option--answer {
    bottom: 48px;
    z-index: 1
}

.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer {
    margin-bottom: 8px
}

.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer .interactiveContainer__option {
    padding: 8px;
    text-align: left;
    white-space: initial;
    position: relative;
    background: transparent
}

.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer .interactiveContainer__option:hover,
.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer .interactiveContainer__option:active,
.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer .interactiveContainer__option:focus {
    outline: 2px solid rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__options--textOnly .interactiveContainer__optionContainer .interactiveContainer__option--answer {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    background-color: transparent;
    border-top: none;
    bottom: initial;
    height: 100%;
    padding: 9px 5px;
    top: 0
}

.component.node-interactive-content .interactiveContainer__credit {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-top: 175px
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer__credit {
        margin-top: 154px
    }
}

.component.node-interactive-content .interactiveContainer__photoCredit {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 16px
}

.component.node-interactive-content .interactiveContainer__takeInteractive {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    display: block;
    margin: 24px auto 0
}

.component.node-interactive-content .interactiveContainer__takeInteractive:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__takeInteractive:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__takeInteractive:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__takeInteractive:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__takeInteractive:visited {
    background: #1a7f82;
    color: #fff
}

.component.node-interactive-content .interactiveContainer__takeInteractive:hover,
.component.node-interactive-content .interactiveContainer__takeInteractive:active,
.component.node-interactive-content .interactiveContainer__takeInteractive:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__actionContainer {
    text-align: center;
    max-width: 100%;
    margin: 16px 0 0
}

.component.node-interactive-content .interactiveContainer__retakeButton {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    border: 3px solid #1a7f82;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.95);
    background: #fff;
    margin: 8px 0 0
}

.component.node-interactive-content .interactiveContainer__retakeButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__retakeButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__retakeButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__retakeButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__retakeButton:visited {
    border: 3px solid #1a7f82;
    color: rgba(0, 0, 0, 0.95);
    background: #fff
}

.component.node-interactive-content .interactiveContainer__retakeButton:hover,
.component.node-interactive-content .interactiveContainer__retakeButton:active,
.component.node-interactive-content .interactiveContainer__retakeButton:focus {
    border-color: 3px solid #1a7f82;
    color: #fff;
    background: #1a7f82
}

.component.node-interactive-content .interactiveContainer__retakeButton--icon {
    background-size: cover;
    display: inline-block
}

.component.node-interactive-content .interactiveContainer__retakeButton--icon svg {
    fill: rgba(0, 0, 0, 0.95);
    margin-bottom: -4px
}

.component.node-interactive-content .interactiveContainer__retakeButton:hover .interactiveContainer__retakeButton--icon svg {
    fill: #fff
}

.component.node-interactive-content .interactiveContainer__downloadButton {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    box-shadow: none
}

.component.node-interactive-content .interactiveContainer__downloadButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__downloadButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__downloadButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__downloadButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__downloadButton:visited {
    background: #1a7f82;
    color: #fff
}

.component.node-interactive-content .interactiveContainer__downloadButton:hover,
.component.node-interactive-content .interactiveContainer__downloadButton:active,
.component.node-interactive-content .interactiveContainer__downloadButton:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__shareButton {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    margin: 8px 0 0
}

.component.node-interactive-content .interactiveContainer__shareButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__shareButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__shareButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__shareButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__shareButton:visited {
    background: #1a7f82;
    color: #fff
}

.component.node-interactive-content .interactiveContainer__shareButton:hover,
.component.node-interactive-content .interactiveContainer__shareButton:active,
.component.node-interactive-content .interactiveContainer__shareButton:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__shareButton--icon {
    background-size: cover;
    display: inline-block
}

.component.node-interactive-content .interactiveContainer__shareButton--icon svg {
    fill: #fff;
    margin-bottom: -11px
}

.component.node-interactive-content .interactiveContainer__shareButton:hover .interactiveContainer__shareButton--icon svg {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer__shareButton {
        margin: 8px 0 0 16px
    }
}

.component.node-interactive-content .interactiveContainer__backButton {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 12px
}

.component.node-interactive-content .interactiveContainer__backButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__backButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__backButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__backButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__backButton:disabled {
    display: none
}

.component.node-interactive-content .interactiveContainer__nextButton {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82
}

.component.node-interactive-content .interactiveContainer__nextButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__nextButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__nextButton:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.node-interactive-content .interactiveContainer__nextButton:active {
    opacity: .8
}

.component.node-interactive-content .interactiveContainer__nextButton:visited {
    background: #1a7f82;
    color: #fff
}

.component.node-interactive-content .interactiveContainer__nextButton:hover,
.component.node-interactive-content .interactiveContainer__nextButton:active,
.component.node-interactive-content .interactiveContainer__nextButton:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer__nextButton[disabled] {
    border: 3px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.15)
}

.component.node-interactive-content .interactiveContainer__linksList {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 48px;
    margin-bottom: 48px
}

.component.node-interactive-content .interactiveContainer__linksListTitle {
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer__linksListTitle {
        font-size: 24px;
        line-height: 32px
    }
}

.component.node-interactive-content .interactiveContainer__linksListTitle,
.component.node-interactive-content .interactiveContainer__linksListItem {
    margin-bottom: 16px
}

.component.node-interactive-content .interactiveContainer__linksListItem a {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.node-interactive-content .interactiveContainer__linksListItem a:hover,
.component.node-interactive-content .interactiveContainer__linksListItem a:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.node-interactive-content .interactiveContainer__linksListItem a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.component.node-interactive-content .interactiveContainer__linksListItem a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.node-interactive-content .interactiveContainer__linksListItem a:hover,
.component.node-interactive-content .interactiveContainer__linksListItem a:active {
    box-shadow: inset 0 -1px 0 #595959
}

.component.node-interactive-content .interactiveContainer__linksListItem .icon-double-chevron {
    margin-right: 10px;
    position: relative;
    top: 2px
}

.component.node-interactive-content .interactiveContainer .interactiveContainer--optionSelected {
    outline: 2px solid rgba(0, 0, 0, 0.95)
}

.component.node-interactive-content .interactiveContainer.interactiveContainer--withHeroImage .interactiveContainer__heroImage {
    width: 100%;
    height: auto
}

.component.node-interactive-content .interactiveContainer.interactiveContainer--withHeroImage .interactiveContainer__innerContainer {
    max-width: 100%;
    background-color: #fff;
    position: relative;
    margin: -16px 16px 0
}

@media (min-width: 768px) {
    .component.node-interactive-content .interactiveContainer.interactiveContainer--withHeroImage .interactiveContainer__innerContainer {
        margin: -24px 24px 0
    }
}

.component.node-interactive-content.loading {
    position: relative;
    min-height: 250px
}

.component.node-interactive-content.loading::after {
    content: '';
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.category-page-extended-header {
    display: flex;
    margin: 0 auto;
    max-width: 1279px
}

@media (min-width: 1024px) {
    .category-page-extended-header .categoryPageExtendedHeader-right-rail {
        margin-right: 24px
    }
}

@media (min-width: 1279px) {
    .category-page-extended-header .categoryPageExtendedHeader-right-rail {
        margin-right: 0
    }
}

@media (min-width: 1162px) {
    .category-page-extended-header .categoryPageExtendedHeader-blocks {
        margin-right: 24px
    }
}

@media (min-width: 1279px) {
    .category-page-extended-header .categoryPageExtendedHeader-blocks {
        margin-right: 36px
    }
}

.longformHeader {
    width: 100%;
    position: relative
}

.longformHeader__heroBlock {
    display: none;
    overflow: hidden
}

.longformHeader__heroBlock.longformHeader__heroBlock--media {
    display: block
}

@media (min-width: 768px) {
    .longformHeader__heroBlock {
        background-color: none;
        display: block;
        height: 320px;
        width: 100%
    }
    .longformHeader__heroBlock.full-width-image {
        background: no-repeat right top;
        background-size: cover
    }
}

.longformHeader__heroBlock.longformHeader__heroBlock--media {
    height: 340px
}

@media (min-width: 768px) {
    .longformHeader__heroBlock.longformHeader__heroBlock--media {
        height: 560px
    }
}

.longformHeader__heroBlock.longformHeader__heroBlock--media .component.lazy-image .image-overlay {
    z-index: unset
}

.longformHeader__heroBlock.longformHeader__heroBlock--media .component.lazy-image img {
    width: 100%
}

.longformHeader__container {
    background-color: #fff;
    padding: 0 0 24px
}

@media (min-width: 768px) {
    .longformHeader__container {
        margin: -272px auto 0;
        width: 640px
    }
}

@media (min-width: 1024px) {
    .longformHeader__container {
        width: 1024px
    }
}

@media (min-width: 1279px) {
    .longformHeader__container {
        width: 1100px
    }
}

.longformHeader--articlePoll.longformHeader--layoutFullWidth .longformHeader__container {
    position: relative
}

@media (min-width: 768px) {
    .longformHeader--articlePoll.longformHeader--layoutFullWidth .longformHeader__container {
        margin-top: -172px
    }
}

.longformHeader__text {
    padding: 16px
}

.longformHeader__breadcrumbShareWrapper {
    position: relative
}

.longformHeader .component.share-new {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 0;
    height: 32px;
    width: 48px;
    overflow: hidden;
    box-shadow: -20px 0 10px 1px #fff;
    order: 0
}

@media (min-width: 768px) {
    .longformHeader .component.share-new {
        right: 24px;
        top: 24px
    }
}

.longformHeader .component.share-new.circle .icon>a {
    border-width: 0
}

.longformHeader .component.share-new.square .icon.shareicon-modal-toggle {
    width: 80px;
    height: auto;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 8px
}

.longformHeader .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
    display: flex;
    flex-direction: column
}

.longformHeader .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: -4px
}

@media (min-width: 768px) {
    .longformHeader .component.share-new {
        width: 72px;
        padding-right: 0;
        align-self: flex-end
    }
    .longformHeader .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
        flex-direction: row
    }
    .longformHeader .component.share-new.square .icon.shareicon-modal-toggle .icon-reply svg {
        width: 24px;
        height: 24px
    }
    .longformHeader .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
        font-family: "Libre Franklin", sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0;
        margin-top: 0;
        margin-left: 4px;
        width: 100%;
        bottom: 0
    }
}

.longformHeader .component.share-new {
    display: none;
    right: 0;
    top: 0
}

@media (min-width: 768px) {
    .longformHeader .component.share-new {
        display: flex
    }
    .longformHeader .component.breadcrumbs .breadcrumbs__container {
        justify-content: left;
        width: calc(100% - 40px)
    }
    .longformHeader__headline {
        margin-top: 32px
    }
}

.longformHeader .component.breadcrumbs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 8px;
    position: relative;
    width: 100%
}

.longformHeader .component.breadcrumbs .breadcrumbs__container {
    overflow: hidden
}

.longformHeader .component.breadcrumbs .breadcrumbs__container .breadcrumbs__list {
    display: flex;
    height: 48px;
    overflow-x: auto;
    margin-bottom: -17px;
    white-space: nowrap
}

.longformHeader__dek {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Noto Serif", serif
}

.longformHeader__headline,
.longformHeader__dek,
.longformHeader__social,
.longformHeader__author {
    text-align: center
}

.longformHeader__dek,
.longformHeader__author {
    padding: 0 16px
}

.longformHeader__author {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.longformHeader__author .author-text,
.longformHeader__author .timestamp {
    display: inline-block
}

.longformHeader__author .author-name+.timestamp {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.65);
    margin-left: 8px;
    padding-left: 12px
}

.longformHeader__author .bold {
    font-weight: 700
}

.longformHeader__headline {
    margin-top: 24px
}

.longformHeader__editorialProgram {
    display: flex;
    justify-content: center;
    margin: 40px auto 0
}

@media (max-width: 767px) {
    .longformHeader__editorialProgram {
        margin: 32px auto 0
    }
}

.longformHeader__editorialProgram .editorial-program-link {
    margin: 0
}

.longformHeader__sponsorLogo {
    display: flex;
    justify-content: center
}

.longformHeader__sponsorLogo .sponsor-logo>div {
    margin: 32px auto !important
}

@media (max-width: 767px) {
    .longformHeader__sponsorLogo .sponsor-logo>div {
        margin: 24px auto !important
    }
}

.longformHeader.longformHeader--layoutNoImage {
    min-height: 272px;
    padding: 0
}

.longformHeader .longformHeader__author {
    margin-top: 24px
}

.longformHeader.longformHeader--layoutSideBySide .longformHeader__headline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

@media (min-width: 768px) {
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__headline {
        font-size: 48px;
        line-height: 52px
    }
}

@media (max-width: 767px) {
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__headline {
        padding: 0 8px
    }
}

.longformHeader.longformHeader--layoutSideBySide .longformHeader__dek,
.longformHeader.longformHeader--layoutSideBySide .longformHeader__author {
    width: 100%
}

@media (min-width: 768px) {
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__layoutContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%
    }
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__headline {
        text-align: left
    }
    .longformHeader.longformHeader--layoutSideBySide .primary-media,
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__text {
        display: flex;
        flex-direction: column;
        width: 50%
    }
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__text {
        padding: 16px 24px
    }
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__editorialProgram,
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__sponsorLogo {
        display: flex;
        justify-content: left;
        margin-left: 0
    }
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__dek {
        margin-top: 24px
    }
}

@media (min-width: 1024px) {
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__text {
        padding: 16px 55px
    }
    .longformHeader.longformHeader--layoutSideBySide .longformHeader__dek {
        margin-top: 32px
    }
}

.contentCallout {
    padding: 16px
}

@media (min-width: 768px) {
    .contentCallout {
        padding: 24px 0
    }
}

@media (min-width: 1024px) {
    .contentCallout {
        padding: 32px 0
    }
}

.contentCallout--background {
    background-repeat: repeat
}

.contentCallout__group--textContainer {
    padding: 16px 24px
}

@media (min-width: 768px) {
    .contentCallout__group--textContainer {
        padding: 24px
    }
}

@media (min-width: 1024px) {
    .contentCallout__group--textContainer {
        padding: 56px
    }
}

.contentCallout__group--heading,
.contentCallout__group--subheading,
.contentCallout__group--paragraph {
    margin: 16px 0
}

.contentCallout__group--heading {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0
}

.contentCallout__group--subheading {
    color: rgba(0, 0, 0, 0.95);
    font-family: "Libre Franklin", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

.contentCallout__group--paragraph {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.contentCallout__group--paragraph p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.contentCallout__group--paragraph p:first-child {
    margin-top: 0
}

.contentCallout__group--paragraph p:last-of-type {
    margin-bottom: 0
}

.contentCallout__inner {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.95)
}

.contentCallout__inner .margin-32-bottom,
.contentCallout__inner .margin-32-tb {
    margin: 0
}

@media (min-width: 768px) {
    .contentCallout__inner {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto;
        max-width: 640px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .contentCallout__inner {
        max-width: 1024px
    }
}

@media (min-width: 1279px) {
    .contentCallout__inner {
        max-width: 1100px
    }
}

.contentCallout--imageByImage .contentCallout__inner {
    background-color: transparent
}

.contentCallout--imageByImage .contentCallout__inner .contentCallout__group--groupTwo {
    margin-top: 16px
}

@media (min-width: 768px) {
    .contentCallout--imageByImage .contentCallout__inner .contentCallout__group--groupTwo {
        margin-top: 0;
        margin-left: 24px
    }
}

@media (min-width: 1024px) {
    .contentCallout--imageByImage .contentCallout__inner .contentCallout__group--groupTwo {
        margin-left: 32px
    }
}

.contentCallout__group {
    flex: 1 1 50%
}

.contentCallout__group .component.lazy-image img {
    width: 100%
}

.contentCallout__group .pullquote {
    padding: 48px 16px;
    text-align: center
}

@media (min-width: 768px) {
    .contentCallout__group .pullquote {
        padding: 24px 32px
    }
}

@media (min-width: 1024px) {
    .contentCallout__group .pullquote {
        padding: 56px
    }
}

.contentCallout__group .pullquote::before {
    display: none
}

.contentCallout__group .pullquote .pullquote-content {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0
}

.contentCallout__group .pullquote .pullquote-content p,
.contentCallout__group .pullquote .pullquote-content ol {
    font-family: "Libre Franklin", sans-serif;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0
}

.contentCallout__group .pullquote .pullquote-content p:first-of-type {
    margin-top: 0
}

.contentCallout__group .pullquote .pullquote-content p:last-of-type {
    margin-bottom: 0
}

.contentCallout__group .component.shop-it-button .shop-it {
    margin: auto;
    padding: 48px 16px;
    text-align: center
}

@media (min-width: 768px) {
    .contentCallout__group .component.shop-it-button .shop-it {
        padding: 24px 32px
    }
}

@media (min-width: 1024px) {
    .contentCallout__group .component.shop-it-button .shop-it {
        padding: 56px
    }
}

.liveintent .liveintent__image {
    border: 0;
    display: block;
    margin: 0 auto 45px;
    max-width: 100%;
    width: auto
}

.liveintent.banner .liveintent__image {
    height: auto;
    width: 100%
}

.toutCards {
    margin: 40px auto
}

.toutCards__entityContainer {
    display: flex;
    flex-direction: column;
    height: 100%
}

.toutCards__entityContent {
    border-radius: 0 0 2px 2px;
    border-top: 4px solid #8a4962;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    height: inherit;
    padding: 16px;
    white-space: normal;
    width: 257px
}

@media (min-width: 768px) {
    .toutCards__entityContent {
        width: 197px
    }
}

@media (min-width: 1024px) {
    .toutCards__entityContent {
        width: 225px
    }
}

@media (min-width: 1162px) {
    .toutCards__entityContent {
        width: 257px
    }
}

.toutCards__entityImageLink {
    position: relative;
    display: block
}

.toutCards__entityImageLink .icon-play-circle-stroke {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - (48px / 2));
    width: 52px;
    transform: translateY(-50%);
    z-index: 1
}

.toutCards__entityImageLink .icon-play-circle-stroke g {
    transform: translateX(1px)
}

.toutCards__entityImageLink .icon-play-circle-stroke circle {
    fill: rgba(0, 0, 0, 0.65);
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 2
}

.toutCards__entityImageLink .icon-play-circle-stroke path {
    stroke: none;
    fill: #fff
}

.toutCards__entityImageLink .icon-play-circle-stroke circle {
    stroke-width: 1
}

.toutCards__entityContentEyebrow {
    display: block;
    margin-bottom: 8px
}

.toutCards__entityContentEyebrowLink {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.toutCards__entityContentEyebrowLink:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.toutCards__entityContentEyebrowLink:active {
    opacity: .8
}

.toutCards__entityContentEyebrowLink:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.toutCards__entityContentEyebrowLink:visited {
    color: rgba(0, 0, 0, 0.95)
}

.toutCards__entityContentTitle {
    margin-bottom: 8px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    max-height: 76px
}

.toutCards__entityContentTitleLink {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.toutCards__entityContentTitleLink:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.toutCards__entityContentTitleLink:hover,
.toutCards__entityContentTitleLink:active,
.toutCards__entityContentTitleLink:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.toutCards__entityContentByline {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    margin-bottom: 8px
}

.toutCards__entityContentAuthor {
    font-weight: 700
}

.toutCards__entityContentDescription {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px 0
}

.toutCards__entityContentDescription p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0
}

.toutCards__entityContentDescription p:first-of-type {
    margin-top: 0
}

.toutCards__entityContentDescription p:last-of-type {
    margin-bottom: 0
}

.toutCards__entityContentReadMore {
    margin: 16px 0 0
}

.toutCards__entityContentReadMoreLink {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none;
    display: flex;
    align-items: center
}

.toutCards__entityContentReadMoreLink:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.toutCards__entityContentReadMoreLink:active {
    opacity: .8
}

.toutCards__entityContentReadMoreLink:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.toutCards__entityContentReadMoreLink:visited {
    color: rgba(0, 0, 0, 0.95)
}

.toutCards__entityContentReadMoreLink .icon-arrow-right {
    margin-left: 2px
}

.toutCards__entityContentReadMoreLink .icon-arrow-right path {
    fill: #fbd9ce
}

.toutCards__entityContentReadMoreLink:hover {
    text-decoration: none;
    box-shadow: none
}

.toutCards .buyingInformation {
    border-bottom-width: 0;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding-bottom: 0;
    white-space: normal;
    width: 257px
}

@media (min-width: 768px) {
    .toutCards .buyingInformation {
        width: 197px
    }
}

@media (min-width: 1024px) {
    .toutCards .buyingInformation {
        width: 225px
    }
}

@media (min-width: 1162px) {
    .toutCards .buyingInformation {
        width: 257px
    }
}

.toutCards .buyingInformation .lazy-image {
    border-width: 0
}

.toutCards .buyingInformation__image {
    flex: inherit;
    margin: 0
}

.toutCards .buyingInformation__buyContent {
    border-radius: 0 0 2px 2px;
    border-top: 4px solid #8a4962;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px
}

.toutCards .buyingInformation .buyContent__productName {
    margin-bottom: 8px;
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    max-height: 72px
}

.toutCards .buyingInformation .buyContent__description {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 8px
}

.toutCards .buyingInformation .buyContent__priceCTA {
    display: block;
    margin: 16px 0 0
}

.toutCards .buyingInformation .salesPrice__sale {
    margin: 0 0 8px
}

.toutCards .buyingInformation .sale__original {
    letter-spacing: normal
}

.toutCards .buyingInformation .shopIt__btn {
    display: inline-block
}

.toutCards .carouselNav {
    position: relative
}

.toutCards .carouselNav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    justify-content: flex-start;
    padding-top: 3px;
    padding-bottom: 3px;
    word-spacing: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.toutCards .carouselNav__list::-webkit-scrollbar {
    display: none
}

.toutCards .carouselNav__listItem:not(:first-child) {
    padding-left: 24px
}

.toutCards .carouselNav--move {
    transition: left 0.5s
}

.toutCards .carouselNav__prev,
.toutCards .carouselNav__next {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    border: 3px solid #edd5d5;
    background: #edd5d5;
    color: rgba(0, 0, 0, 0.95);
    position: absolute;
    z-index: 1;
    display: none;
    border: 3px solid #1a7f82;
    background: #1a7f82;
    color: #fff;
    top: 104.5px
}

.toutCards .carouselNav__prev svg,
.toutCards .carouselNav__next svg {
    width: 32px;
    height: 32px
}

.toutCards .carouselNav__prev:focus,
.toutCards .carouselNav__prev:hover,
.toutCards .carouselNav__next:focus,
.toutCards .carouselNav__next:hover {
    text-decoration: none
}

.toutCards .carouselNav__prev:focus,
.toutCards .carouselNav__next:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.toutCards .carouselNav__prev:active,
.toutCards .carouselNav__next:active {
    opacity: .8
}

.toutCards .carouselNav__prev svg,
.toutCards .carouselNav__next svg {
    fill: rgba(0, 0, 0, 0.95)
}

.toutCards .carouselNav__prev:hover,
.toutCards .carouselNav__next:hover {
    background: rgba(0, 0, 0, 0.15);
    border-color: 3px solid rgba(0, 0, 0, 0.95);
    color: rgba(0, 0, 0, 0.95)
}

.toutCards .carouselNav__prev:hover svg,
.toutCards .carouselNav__next:hover svg {
    fill: rgba(0, 0, 0, 0.95)
}

@media (min-width: 768px) {
    .toutCards .carouselNav__prev,
    .toutCards .carouselNav__next {
        top: 74.5px
    }
}

@media (min-width: 1024px) {
    .toutCards .carouselNav__prev,
    .toutCards .carouselNav__next {
        top: 88.5px
    }
}

@media (min-width: 1162px) {
    .toutCards .carouselNav__prev,
    .toutCards .carouselNav__next {
        top: 104.5px
    }
}

.toutCards .carouselNav__prev svg,
.toutCards .carouselNav__next svg {
    fill: #fff
}

.toutCards .carouselNav__prev:focus,
.toutCards .carouselNav__prev:hover,
.toutCards .carouselNav__prev:active,
.toutCards .carouselNav__next:focus,
.toutCards .carouselNav__next:hover,
.toutCards .carouselNav__next:active {
    background: #fff;
    border-color: #1a7f82;
    color: #1a7f82
}

.toutCards .carouselNav__prev:focus svg,
.toutCards .carouselNav__prev:hover svg,
.toutCards .carouselNav__prev:active svg,
.toutCards .carouselNav__next:focus svg,
.toutCards .carouselNav__next:hover svg,
.toutCards .carouselNav__next:active svg {
    fill: #1a7f82
}

.toutCards .carouselNav__prev:before,
.toutCards .carouselNav__next:before {
    position: absolute
}

.toutCards .carouselNav__prev[disabled],
.toutCards .carouselNav__next[disabled] {
    display: none
}

.toutCards .carouselNav__prev {
    left: 8px
}

.toutCards .carouselNav__next {
    right: 8px;
    text-align: right
}

.component.fancyChart {
    position: relative;
    height: 250px;
    width: calc(100% - 12px);
    margin-left: auto
}

.component.fancyChart .fancyChart__prefix {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    position: absolute;
    left: -32px;
    top: 50%;
    margin-top: -42px;
    transform: rotate(-90deg)
}

.component.fancyChart canvas {
    max-width: 100%
}

.caption-container {
    margin: 0 16px 32px
}

@media (min-width: 768px) {
    .caption-container {
        margin: 0 auto 32px;
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .caption-container {
        margin: 0 auto 32px;
        max-width: 580px
    }
}

@media (min-width: 1279px) {
    .caption-container {
        margin: 0 auto 32px;
        max-width: 640px
    }
}

.caption-container.imageCount--1,
.caption-container.imageCount--2,
.caption-container.imageCount--3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.caption-container .credit {
    color: rgba(0, 0, 0, 0.65);
    padding: 0 0 16px;
    width: 100%
}

@media (min-width: 1024px) {
    .node-author .category-page-header-no-hero {
        height: 320px
    }
}

@media (min-width: 1024px) {
    .node-author .category-page-header.layout-horizontal {
        min-height: 296px;
        padding-bottom: 0
    }
}

.node-author .category-page-header.layout-horizontal .category-page-heading {
    margin-top: 8px
}

.node-author .category-page-header.layout-horizontal .category-page-header-group.horizontal-group {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    padding: 16px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .node-author .category-page-header.layout-horizontal .category-page-header-group.horizontal-group {
        padding: 24px
    }
}

@media (min-width: 1024px) {
    .node-author .category-page-header.layout-horizontal .category-page-header-group.horizontal-group {
        width: calc(100% - 296px);
        left: 296px
    }
}

.node-author .category-page-header-hero.horizontal-image {
    height: 320px;
    width: 320px;
    margin: 0 auto
}

@media (max-width: 360px) {
    .node-author .category-page-header-hero.horizontal-image {
        height: 360px;
        width: auto
    }
}

@media (min-width: 768px) {
    .node-author .category-page-header-hero.horizontal-image {
        width: 320px;
        height: 320px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .node-author .category-page-header-hero.horizontal-image {
        margin: 24px 0
    }
}

.node-author .category-page-header-hero.horizontal-image .lazy-image {
    margin: 0 auto
}

@media (min-width: 1024px) {
    .node-author .category-page-body.authorSocialBlockWrapper {
        padding-bottom: 0
    }
}

.author-page-wrapper {
    margin-bottom: 64px
}

.author-page-wrapper .category-page-heading {
    text-transform: capitalize
}

.author-page-wrapper .category-page-dek,
.author-page-wrapper .category-page-dek p {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 8px
}

.author-page-wrapper .category-page-dek *:first-child,
.author-page-wrapper .category-page-dek p *:first-child {
    margin-top: 0
}

.author-page-wrapper .category-page-dek *:last-child,
.author-page-wrapper .category-page-dek p *:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .authorPageSocial {
        max-width: 652px
    }
}

@media (min-width: 1279px) {
    .authorPageSocial {
        max-width: 882px
    }
}

.authorPageSocial__header {
    display: flex;
    background: rgba(0, 0, 0, 0.95);
    align-items: center;
    max-height: 60px;
    overflow: hidden
}

.authorPageSocial__header-title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    margin-left: 16px
}

.authorPageSocial__list {
    border: 1px solid rgba(0, 0, 0, 0.15);
    list-style: none;
    margin: 0;
    padding: 16px
}

@media (min-width: 768px) {
    .authorPageSocial__list {
        padding: 24px
    }
}

.authorPageSocial .social__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 16px 0
}

.authorPageSocial .social__item:first-child {
    padding-top: 0
}

.authorPageSocial .social__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.authorPageSocial .social__handle {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.authorPageSocial .social__handle:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.authorPageSocial .social__handle:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.authorPageSocial .social__variant {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 700;
    margin-right: 8px;
    text-transform: uppercase
}

.quick-registration {
    position: relative;
    min-width: 380px;
    min-height: 200px
}

.quick-registration .alert-banner {
    top: 0
}

.quick-registration .loader {
    border: 4px solid #F2F2F2;
    border-top: 4px solid #f9f7f0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    -webkit-animation: loaderSpin 1.5s linear infinite;
    animation: loaderSpin 1.5s linear infinite;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    margin-left: -28px;
    margin-top: -28px;
    display: none
}

.quick-registration.loading .loader {
    display: block
}

.pollTemplate__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0
}

.pollTemplate__questionWrapper {
    margin: 24px 0
}

.pollTemplate__question {
    border: none;
    padding: 0;
    margin: 0;
    min-width: inherit
}

.pollTemplate__questionDescription a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    box-shadow: inset 0 -1px 0 #1a7f82;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.pollTemplate__questionDescription a:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.pollTemplate__questionDescription a:hover,
.pollTemplate__questionDescription a:focus {
    color: #1a7f82;
    box-shadow: inset 0 -1px 0 #1a7f82
}

.pollTemplate__questionDescription a:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.pollTemplate__questionHeading {
    margin-bottom: 16px;
    margin-top: 40px
}

.pollTemplate__questionLegend {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0
}

@media (min-width: 768px) {
    .pollTemplate__questionLegend {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .pollTemplate__questionHeading,
    .pollTemplate__questionDescription,
    .pollTemplate__questionLegend {
        text-align: left
    }
}

.pollTemplate__listWrapper {
    height: calc(100% - 32px);
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .pollTemplate__listWrapper {
        max-width: 640px
    }
}

@media (min-width: 1024px) {
    .pollTemplate__listWrapper {
        max-width: 976px
    }
}

@media (min-width: 1279px) {
    .pollTemplate__listWrapper {
        max-width: 1100px
    }
}

.pollTemplate__carousel {
    clear: both;
    position: relative
}

.pollTemplate__answers {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

@media (min-width: 768px) {
    .pollTemplate__answers {
        overflow: hidden
    }
}

.pollTemplate__answers .pollTemplate__answer {
    margin-right: 12px;
    min-width: 204px;
    width: 204px
}

.pollTemplate__answersWrapper {
    overflow: hidden;
    position: relative
}

.pollTemplate__answerDescription {
    margin-top: 0
}

@media (min-width: 1024px) {
    .pollTemplate__answerDescription {
        text-align: left
    }
}

.pollTemplate__answer .pollTemplate__answerOption {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.pollTemplate__answer .pollTemplate__answerOption:hover+label,
.pollTemplate__answer .pollTemplate__answerOption:active+label,
.pollTemplate__answer .pollTemplate__answerOption:focus+label {
    border-color: 3px solid #1a7f82
}

.pollTemplate__answer--answered .pollTemplate__answerOption[type="radio"]:checked+label {
    border: 4px solid rgba(0, 0, 0, 0.95);
    background-color: #396322;
    color: #fff;
    font-weight: 700
}

.pollTemplate__answer--answered .pollTemplate__answerOption[type="radio"]:not(:checked)+label {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pollTemplate__answerLabel {
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    padding: 0;
    text-align: center
}

.pollTemplate__answerLabelHeading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    margin: auto;
    padding: 8px
}

.pollTemplate__answerLabelSubheading {
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    display: inline-block;
    padding: 0 8px 8px
}

.pollTemplate__answer.pollTemplate__answer--popular .pollTemplate__answerLabel {
    background-color: #edd5d5;
    border: solid 4px rgba(0, 0, 0, 0.95);
    color: #fff
}

.pollTemplate__answerPercent {
    font-family: "Libre Franklin", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 16px
}

@media (min-width: 768px) {
    .pollTemplate__answerPercent {
        font-size: 36px;
        line-height: 44px
    }
}

.pollTemplate__answer--text .pollTemplate__answerLabel {
    background-color: #cce1ff;
    min-height: 136px
}

.pollTemplate__answer--image .pollTemplate__answerLabelHeading {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.pollTemplate__answers--results .pollTemplate__answerLabel {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.pollTemplate__answers--results .pollTemplate__answer:not(.pollTemplate__answer--popular) .pollTemplate__answerLabel img {
    -webkit-filter: grayscale(100%) contrast(75%);
    filter: grayscale(100%) contrast(75%)
}

.pollTemplate__prev,
.pollTemplate__next {
    display: none
}

@media (min-width: 768px) {
    .pollTemplate__prev,
    .pollTemplate__next {
        height: 48px;
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        text-decoration: none;
        border: 3px solid #edd5d5;
        background: #edd5d5;
        color: rgba(0, 0, 0, 0.95);
        overflow: hidden;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 1
    }
    .pollTemplate__prev svg,
    .pollTemplate__next svg {
        width: 32px;
        height: 32px
    }
    .pollTemplate__prev:focus,
    .pollTemplate__prev:hover,
    .pollTemplate__next:focus,
    .pollTemplate__next:hover {
        text-decoration: none
    }
    .pollTemplate__prev:focus,
    .pollTemplate__next:focus {
        outline: none;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
    }
    .pollTemplate__prev:active,
    .pollTemplate__next:active {
        opacity: .8
    }
    .pollTemplate__prev svg,
    .pollTemplate__next svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .pollTemplate__prev:hover,
    .pollTemplate__next:hover {
        background: rgba(0, 0, 0, 0.15);
        border-color: 3px solid rgba(0, 0, 0, 0.95);
        color: rgba(0, 0, 0, 0.95)
    }
    .pollTemplate__prev:hover svg,
    .pollTemplate__next:hover svg {
        fill: rgba(0, 0, 0, 0.95)
    }
    .pollTemplate__prev::before,
    .pollTemplate__next::before {
        position: absolute
    }
    .pollTemplate__prev[disabled],
    .pollTemplate__next[disabled] {
        display: none
    }
}

@media (min-width: 768px) {
    .pollTemplate__prev {
        left: 8px
    }
}

@media (min-width: 768px) {
    .pollTemplate__next {
        right: 8px;
        text-align: right
    }
}

.pollTemplate__submitBtn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #1a7f82;
    color: #fff;
    border-radius: 0;
    border: 3px solid #1a7f82;
    display: block;
    max-width: 192px;
    margin: 24px auto 0
}

.pollTemplate__submitBtn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.pollTemplate__submitBtn:active {
    opacity: .8
}

.pollTemplate__submitBtn:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.pollTemplate__submitBtn:active {
    opacity: .8
}

.pollTemplate__submitBtn:visited {
    background: #1a7f82;
    color: #fff
}

.pollTemplate__submitBtn:hover,
.pollTemplate__submitBtn:active,
.pollTemplate__submitBtn:focus {
    background: #edd5d5;
    border-color: #edd5d5;
    color: rgba(0, 0, 0, 0.95)
}

.pollTemplate__submitBtn[disabled] {
    border: 3px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.15)
}

.modal-active.quick-registration-modal .quick-registration-modal {
    position: fixed;
    padding: 0;
    display: block
}

.modal-active.quick-registration-modal .quick-registration-modal .dialog-close-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.accountPage::before {
    content: none
}

.modal-active.embedded-auth-modal .embedded-auth-modal {
    display: block;
    width: auto;
    max-width: unset;
    box-sizing: content-box
}

.framed {
    overflow-x: hidden;
    overflow-y: auto
}

.framed .accountPage {
    padding-bottom: 24px
}

.framed .accountPage ~ img {
    display: none
}

.framed .thinNavigation,
.framed .thinFooter {
    display: none
}

.partial.modal.embedded-auth-modal {
    position: fixed;
    transition: width 0.3s, height 0.3s;
    padding: 0;
    max-width: 640px;
    min-height: 300px
}

@media (min-width: 768px) {
    .partial.modal.embedded-auth-modal {
        margin-top: 0
    }
}

.partial.modal.embedded-auth-modal .dialog-close-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.partial.modal.embedded-auth-modal .component.loader {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px
}

.partial.modal.embedded-auth-modal .embeddedAuth__frame {
    position: relative;
    width: 320px;
    width: 100vw;
    max-width: 100vw;
    max-height: 100vh
}

@media (min-width: 768px) {
    .partial.modal.embedded-auth-modal .embeddedAuth__frame {
        width: 600px
    }
}

.partial.modal.embedded-auth-modal .embeddedAuth__frame.loaded iframe {
    visibility: visible
}

.partial.modal.embedded-auth-modal .embeddedAuth__frame.loaded ~ .component.loader {
    display: none
}

.partial.modal.embedded-auth-modal iframe {
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    width: 100%;
    height: 100%;
    border: none
}

.branded-info {
    font-size: .75em;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    border-top: 0.4em solid #bce2f1
}

.branded-info__label {
    display: inline-block;
    margin-top: -1em;
    padding: 0 1em;
    vertical-align: middle;
    font-family: "Noto Serif", serif;
    color: #000;
    background-color: #bce2f1;
    text-transform: uppercase
}

.branded-image {
    vertical-align: bottom;
    margin-bottom: 1em
}

.native-info {
    position: relative;
    min-height: 100px;
    padding-top: .5em;
    font-family: "Noto Serif", serif;
    line-height: 1.3
}

.native-info:empty {
    display: none
}

.native-info__dek {
    margin: 0 auto;
    padding-right: 1em;
    font-weight: 700;
    line-height: 1.6;
    overflow: hidden
}

.native-info__logos {
    width: 125px;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 500px) {
    .native-info__logos {
        float: left;
        padding-right: 2%
    }
}

.native-info__logos svg,
.native-info__logos img {
    display: block;
    margin: 0 auto .5em
}

.native-info__logos svg {
    width: 100%;
    height: auto;
    transform: scale(0.9)
}

.sponsor-info {
    display: inline-block;
    font-size: .75rem
}

.sponsor-info--branded {
    position: relative;
    margin-left: .1em
}

.sponsor-info--native {
    position: absolute;
    margin-top: .3em;
    margin-left: .5em
}

.sponsor-info__icon {
    vertical-align: middle;
    width: 1em;
    height: 1em;
    margin-top: -.2em;
    padding: 0;
    line-height: .5;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 50%;
    outline: 0
}

.sponsor-info__icon::before {
    content: 'i';
    font-family: serif;
    font-size: .5rem;
    font-weight: bold
}

.sponsor-info__icon a {
    color: rgba(0, 0, 0, 0.95)
}

.sponsor-info__icon a:hover {
    color: #1A9EB9
}

.sponsor-info__popover {
    z-index: 100;
    position: absolute;
    top: 30px;
    display: none;
    width: 180px;
    margin-left: -120px;
    padding: 1em;
    font-family: "Noto Serif", serif;
    font-weight: normal;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px
}

.sponsor-info__popover::before {
    position: absolute;
    top: -7px;
    right: 46px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background: #fff;
    border: 1px solid #000;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg)
}

.sponsor-info__popover a {
    color: rgba(0, 0, 0, 0.95)
}

.sponsor-info__popover a:hover {
    color: #1A9EB9
}

.sponsor-info__popover .disclosure-name {
    font-weight: 700;
    text-transform: uppercase
}

.sponsor-info__icon:hover+.sponsor-info__popover,
.sponsor-info__icon:focus+.sponsor-info__popover,
.sponsor-info__icon:active+.sponsor-info__popover,
.sponsor-info__popover:hover {
    display: block
}

@media speech {
    .component.inline-article,
    .component.feed.inline,
    .component.links-list,
    .component.newsletter-callout.newsletter-inline {
        display: none
    }
    #article-body .component.gallery {
        display: none
    }
}

body {
    color: rgba(0, 0, 0, 0.95)
}

.template-section .partial.header-banner .package-image-headline {
    position: absolute;
    background: transparent
}

.template-section .partial.header-banner .package-image-headline h1 {
    font-family: "Libre Franklin", sans-serif !important
}

@media (min-width: 1024px) {
    .template-section .partial.header-banner .package-image-headline {
        top: 80px !important
    }
}

.blockquote p,
.blockquote ol {
    font-family: "Noto Serif", serif
}

.author .author-name,
.component.gallery-test .author .author-name {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    padding: 1px 0;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: none
}

.author .author-name:hover,
.author .author-name:focus,
.component.gallery-test .author .author-name:hover,
.component.gallery-test .author .author-name:focus {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.author .author-name:active,
.component.gallery-test .author .author-name:active {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #595959
}

.author .author-name:visited,
.component.gallery-test .author .author-name:visited {
    color: #595959;
    box-shadow: inset 0 -1px 0 #595959
}

.component.navigation-test .primary-text-links a,
.component.navigation-test .primary-text-links a:hover,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    transition: all .1s ease-in-out;
    text-decoration: none
}

.component.navigation-test .primary-text-links a:hover,
.component.navigation-test .primary-text-links a:visited,
.component.navigation-test .primary-text-links a:hover:hover,
.component.navigation-test .primary-text-links a:hover:visited,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:visited,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:hover,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none
}

.component.navigation-test .primary-text-links a:focus,
.component.navigation-test .primary-text-links a:hover:focus,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:focus,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #014ECB
}

.component.navigation-test .primary-text-links a:active,
.component.navigation-test .primary-text-links a:hover:active,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:active,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:active {
    opacity: .8
}

.component.navigation-test .primary-text-links a:hover,
.component.navigation-test .primary-text-links a:hover:hover,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:hover {
    color: rgba(0, 0, 0, 0.95);
    box-shadow: inset 0 -1px 0 #1a7f82
}

.component.navigation-test .primary-text-links a:visited,
.component.navigation-test .primary-text-links a:hover:visited,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:visited,
.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:hover:visited {
    color: rgba(0, 0, 0, 0.95)
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile,
.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
    background-color: #f9f7f0;
    border-color: #f9f7f0
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile .read-more svg path {
    fill: #fbd9ce
}

@media (min-width: 1162px) {
    .partial.modal.hamburger .modal-wrapper .navigation-content .tile .show-index {
        line-height: 62px
    }
}

.primary-bylines .primary-bylines-name a {
    border-bottom: 2px solid rgba(0, 0, 0, 0.95)
}

.component.gallery-test .glide-slide.title-slide {
    border-style: solid;
    border-width: 3px;
    border-image-source: linear-gradient(to bottom, #ff0048, #117f96 15%);
    border-image-slice: 1
}

.jumpstart-video .video-js .vjs-big-play-button {
    border: 1px solid #fff
}

.template-channel .bottom-recirc .partial.tile .heading-3 {
    font-size: 18px;
    line-height: 24px
}

.well .hero .heading-content {
    font-size: 32px;
    line-height: 36px
}

@media (min-width: 1024px) {
    .well .hero .heading-content {
        font-size: 36px;
        line-height: 44px
    }
}

.well .grid-2x2-list .heading-content {
    font-size: 24px;
    line-height: 32px
}

.bucket.columns .tile .headline {
    font-size: 18px;
    line-height: 24px
}

.bucket.watch .tile .heading-content,
.bucket.columns.grid-3x1 .tile .headline {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 1024px) {
    .heading-content-small {
        line-height: 32px
    }
}

.component.navigation-test .menu-subscribe {
    display: block
}

@media (min-width: 1024px) {
    .component.navigation-test .menu-subscribe {
        display: block;
        width: auto
    }
}

.component.navigation-test .header-primary-links.menu-list-item:last-child {
    display: none
}

@media (min-width: 1024px) {
    .component.navigation-test .secondary-links .menu-list-item .dropdown-links-list {
        right: 0
    }
}

@media (min-width: 1279px) {
    .component.navigation-test .secondary-links .menu-list-item .dropdown-links-list {
        right: auto
    }
}

@media (min-width: 1279px) {
    .component.navigation-test .secondary-links.hamburger .menu-list-item .dropdown-links-list {
        right: 0
    }
}

.scroll-up .component.navigation-test .menu-subscribe,
.under-docked-sharebar .component.navigation-test .menu-subscribe {
    display: none
}

@media (min-width: 1024px) {
    .scroll-up .component.navigation-test .menu-subscribe,
    .under-docked-sharebar .component.navigation-test .menu-subscribe {
        display: block
    }
    .scroll-up .component.navigation-test .menu-homepage-row:first-of-type .menu-subscribe,
    .under-docked-sharebar .component.navigation-test .menu-homepage-row:first-of-type .menu-subscribe {
        display: block
    }
}

.component.auto-advance .divider {
    height: 1px
}

.component.auto-advance .icon-scroll-down path {
    fill: #1a7f82
}

.template-section .more-link,
.template-section .eyebrow-link {
    color: #1a7f82
}

.template-section .more-link:hover,
.template-section .more-link:visited,
.template-section .more-link:active,
.template-section .eyebrow-link:hover,
.template-section .eyebrow-link:visited,
.template-section .eyebrow-link:active {
    color: #67c5b4
}

.template-category-page .container-full-width .category-page-header .component.share-new {
    width: 40px
}

@media (min-width: 768px) {
    .template-category-page .container-full-width .category-page-header .component.share-new {
        width: 80px
    }
}

.template-category-page .container-full-width .category-page-header.layout-no-image .category-page-header-group.no-image-group {
    border-left: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 4px 4px 0 0 #fbd9ce
}

.template-category-page .container-full-width .category-page-header-group .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    font-weight: 900;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .template-category-page .container-full-width .category-page-header-group .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
        display: none
    }
}

.template-category-page .container-full-width .category-page-dek {
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 24px
}

.template-category-page .container-full-width .category-page-list-content .category-page-item-content .category-page-item-readmore {
    color: rgba(0, 0, 0, 0.95)
}

.template-category-page .container-full-width .category-page-list-content .category-page-item-content .category-page-item-readmore:hover {
    color: rgba(0, 0, 0, 0.95)
}

.template-category-page .container-full-width .category-page-list-content .category-page-item-content .category-page-item-title:hover {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95)
}

.template-category-page .container-full-width .category-page-list-content .category-page-list-related-load-more-button {
    color: rgba(0, 0, 0, 0.95)
}

.template-category-page .container-full-width .category-page-list-content .category-page-list-related-load-more-button:hover {
    background: #fbd9ce;
    border-color: #fbd9ce
}

@media (max-width: 767px) {
    .template-category-page .container-full-width .category-page-list-heading {
        font-size: 28px
    }
    .template-category-page .container-full-width .category-page-videos-heading {
        font-size: 28px
    }
}

.template-category-page .container-full-width .category-page-item-description {
    font-size: 16px;
    font-family: "Libre Franklin", sans-serif
}

.template-category-page .container-full-width .category-page-videos-lead-content-container .category-page-videos-lead-content {
    font-size: 28px
}

.template-category-page .container-full-width .category-page-videos-lead-content-container .category-page-videos-summary {
    font-size: 16px;
    font-family: "Libre Franklin", sans-serif
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text,
.categoryPageListSixFeatured__main .category-page-item-image-text {
    font-weight: 800
}

.categoryPageListLatest__aside {
    margin-bottom: 0
}

.categoryPageListLatest__aside .linksList {
    border: none
}

.categoryPageToutDefault__container .categoryPageToutDefault__category {
    border-left-width: 6px
}

.categoryPageToutDefault__list .entityTout__details .entityTout__link {
    font-weight: 800
}

.categoryPageListToutEditProgram__callout .entityTout__link {
    font-weight: 800
}

.categoryPageListToutEditProgram__callout .entityTout__description,
.categoryPageListToutEditProgram__callout .entityTout__description p {
    font-family: "Noto Serif", serif
}

.categoryPageListToutEditProgram__blocks .entityTout__link,
.categoryPageListToutEditProgram__blocks .enttityTout__headline {
    font-weight: 800
}

#recipe-is {
    font-size: 16px
}

@media only screen and (max-width: 480px) {
    #recipe-is {
        padding-bottom: 16px;
        padding-top: 0
    }
}

#recipe-is .item {
    display: inline-block
}

#recipe-is .title {
    display: inline-block;
    font-weight: bold
}

.article-content .dek,
.gallery .dek {
    font-weight: normal;
    font-style: italic
}

.component.image-banner .inner-container {
    display: initial !important;
}


.lazy-image .video-play-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.lazy-image .video-play-icon svg g path {
    fill: rgba(0,0,0,0.65);
}

.template-homepage .categoryPageListThreeFeatured__title a {
    color: rgba(0,0,0,0.95) !important;
}

.categoryPageListLatest__aside .linksList__item a {
    color: rgba(0, 0, 0, 0.95) !important;
}

div.categoryPageListFeaturedHeader__popular div div.category-page-item  div.category-page-item-content-wrapper > a {
    color: rgba(0, 0, 0, 0.95) !important;
}




/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'), url(jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'), url(jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 800;
  src: local('Libre Franklin ExtraBold Italic'), local('LibreFranklin-ExtraBoldItalic'), url(jizGREVItHgc8qDIbSTKq4XkRiUa45I1m1fpjeOg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 800;
  src: local('Libre Franklin ExtraBold Italic'), local('LibreFranklin-ExtraBoldItalic'), url(jizGREVItHgc8qDIbSTKq4XkRiUa45I1m1npjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: local('Libre Franklin ExtraBold'), local('LibreFranklin-ExtraBold'), url(jizAREVItHgc8qDIbSTKq4XkRi24_SI6q1vxiQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: local('Libre Franklin ExtraBold'), local('LibreFranklin-ExtraBold'), url(jizAREVItHgc8qDIbSTKq4XkRi24_SI0q1s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImZzC7TMQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImbjC7TMQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImZjC7TMQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImaTC7TMQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImZTC7TMQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImZDC7TMQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(ga6Kaw1J5X9T9RW6j9bNfFImajC7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWufuVMCoY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWud-VMCoY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWuf-VMCoY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWucOVMCoY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWufOVMCoY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWufeVMCoY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'), url(ga6Vaw1J5X9T9RW6j9bNfFIu0RWuc-VM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFoWaCi_.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFMWaCi_.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFsWaCi_.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFQWaCi_.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFgWaCi_.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFkWaCi_.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url(ga6Iaw1J5X9T9RW6j9bNfFcWaA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfRqecf1I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfROecf1I.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfRuecf1I.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfRSecf1I.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfRiecf1I.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfRmecf1I.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(ga6Law1J5X9T9RW6j9bNdOwzfReecQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'roboto-regular-2';
  font-style: normal;
  font-weight: 700;
  src: local('roboto-regular-2'), local('roboto-regular-2'), url(roboto-regular-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}