@charset "UTF-8";
.font-heading { font-family: "Dosis", PT Serif,serif, Times, serif; }

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

.font-heading { font-family: "Dosis", PT Serif,serif, Times, serif; }

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

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

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

/** Improve readability of focused elements when they are also in an active/hover state. */
/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

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

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; text-transform: none; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

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

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
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; /* 1 */ padding: 0; /* 2 */ }

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

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

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

/** Address Firefox 4+ setting `line-height` on `input` in the UA stylesheet. */
/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; margin-right: 8px; }

.editorial-program-name:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.editorial-program-name:active { opacity: 0.8; }

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

body { color: rgba(0, 0, 0, 0.95); font-family: "PT Serif", serif; }

pre, code { background: #f0f1f2; 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: "PT Serif", serif; font-size: 17px; letter-spacing: 0.5px; line-height: 28px; margin-top: 24px; margin-bottom: 24px; }

.mdex-test .article-content-container ol li { counter-increment: item; list-style-type: none; margin-top: 12px; margin-bottom: 12px; 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) 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) 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) li p { display: inline-block; width: calc(100% - 20px); text-indent: 0; }

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

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

a { color: #0000FF; font-weight: 500; text-decoration: none; }

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

a:visited { color: #0000FF; }

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: "PT 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: #00659b; }

.bg-branding-accent-text { background-color: #00659b; }

.branding-accent-text-hover { color: #00659b; }

.bg-branding-accent-text-hover { background-color: #00659b; }

.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: #00659b; }

.bg-branding-accent { background-color: #00659b; }

.bg-branding-accent-hover { background-color: #00659b; }

.bg-branding-secondary-accent { background-color: #00659b; }

.bg-branding-secondary-accent-hover { background-color: #00659b; }

.brand-color-gray-1 { color: #f0f1f2; }

.brand-color-gray-2 { color: #d7d7d9; }

.brand-color-gray-3 { color: #a3a5a9; }

.brand-color-gray-4 { color: #8b8d91; }

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

.brand-color-gray-6 { color: #383838; }

.bg-brand-color-gray-1 { background: #f0f1f2; }

.bg-brand-color-gray-2 { background: #d7d7d9; }

.bg-brand-color-gray-3 { background: #a3a5a9; }

.bg-brand-color-gray-4 { background: #8b8d91; }

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

.bg-brand-color-gray-6 { background: #383838; }

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

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

h1, .heading-1 { font-size: 45px; letter-spacing: 0.5px; }

h2, .heading-2 { font-size: 39px; letter-spacing: 0.5px; }

h3, .heading-3 { font-size: 32px; letter-spacing: 0.5px; }

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: "Dosis", PT Serif,serif, Times, 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: 0.6em; margin-bottom: 0.6em; }

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

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

.page-title { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: "PT 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: "Dosis", PT Serif,serif, Times, serif; font-size: 16px; font-weight: 700; color: #282f2f; line-height: 16px; }

.style-orange a { color: #00659b; }

.style-orange a:hover { color: #00659b; }

.style-uppercase { text-transform: uppercase; }

a.style-orange { color: #00659b; }

a.style-orange:hover { color: #00659b; }

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

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

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

.heading-eyebrow { font-family: "PT Serif", serif; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; }

.eyebrow-link { color: #0000FF; }

.heading-menu { font-family: "PT Serif", 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: "PT Serif", serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); }

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

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

.heading-label-twitter { font-family: "PT 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 16px; line-height: 20px; }

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

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

.heading-bucket, .heading-bucket a { font-size: 36px; font-family: "PT Serif", serif; letter-spacing: 0.5px; font-weight: 700; }

.heading-gallery { font-family: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; color: #282f2f; }

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

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

.heading-article-byline { font-family: "Dosis", PT Serif,serif, Times, 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: "PT 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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.65); }

.body-credit { color: #a3a5a9; }

.credit { font-family: "PT Serif", 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: "PT Serif", serif; font-size: 10px; line-height: 8px; letter-spacing: 0.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: "PT Serif", serif; font-size: 10px; line-height: 10px; letter-spacing: 0.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: "Dosis", PT Serif,serif, Times, serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 8px 16px 10px 16px; }

.rule-bottom { border-bottom: 1px solid #d7d7d9; }

.rule-bottom-light { padding-bottom: 4px; border-bottom: 1px solid #f0f1f2; }

.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: #d7d7d9; }

.border-top, .border-tb, .border-tl, .border-tlr, .border-tr { border-top-width: 1px; border-top-style: solid; border-top-color: #d7d7d9; }

.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: #d7d7d9; }

.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: #d7d7d9; }

.border-right, .border-lr, .border-tr, .border-tlr, .border-br, .border-blr { border-right-width: 1px; border-right-style: solid; border-right-color: #d7d7d9; }

.bottom-rule { border-bottom: 1px solid #d7d7d9; }

.top-rule { border-top: 1px solid #d7d7d9; }

.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: #f0f1f2; }

.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: #d7d7d9; }

.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: #a3a5a9; }

.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: #8b8d91; }

.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: #383838; }

.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: #00659b; }

.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: #00659b; }

.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: #00659b; }

.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: #d7d7d9; }

.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: #00659b; }

.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: #00659b; }

.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: #00659b; }

.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: #f0f1f2; }

.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: #d7d7d9; }

.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: #a3a5a9; }

.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: #8b8d91; }

.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: #383838; }

.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: #00659b; }

.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: #00659b; }

.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: #00659b; }

.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: #d7d7d9; }

.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: #00659b; }

.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: #00659b; }

.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: #006600; }

.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: #f0f1f2; 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: "PT 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: #00659b; 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 #00659b; 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: #00659b; color: #fff; }

.partial.shop-it-button, .component.shop-it-button { font-family: "PT Serif", 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); font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

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

.partial.shop-it-button .shop-it:focus, .component.shop-it-button .shop-it:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

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

.partial.shop-it-button .shop-it:visited, .component.shop-it-button .shop-it:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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: #a3a5a9; }

.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: "PT Serif", serif; font-size: 14px; line-height: 18px; font-style: italic; letter-spacing: 0.5px; color: #006600; font-weight: 700; }

.partial.ecommerce .ecommerce-info a, .component.ecommerce .ecommerce-info a { font-family: "PT Serif", 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 #00659b; font-family: "PT 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: #006600; 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 .author-link { margin-right: 10px; }

.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 #0000FF; 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; } }

@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: 0.5px !important; }
  .recipe-instructions .step p { font-size: 14px !important; line-height: 1.5 !important; letter-spacing: 0.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: "PT 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: "PT Serif", serif; font-size: 16px; font-weight: 300; letter-spacing: 0.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::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: #f0f1f2; border: 1px solid #a3a5a9; border-radius: 3px; float: left; margin-left: -24px; width: 15px; height: 15px; vertical-align: top; }

input[type=checkbox].standard:checked + label:before { background: #00659b; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cHM6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTciIGhlaWdodD0iMTMiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNDQgNi45MzZMMi45NzMgMy40NjcgMCA2LjQ0bDYuNDQgNi40NCA5LjkwOS05LjkwOEwxMy4zNzYgMHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 70%; }

.partial.header-banner, .component.banner { font-family: "PT Serif", 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: "PT Serif", 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: "PT 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: #00659b; }

.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: "PT Serif", 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: #00659b; 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: #00659b; 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: #00659b; font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; }

.component.promo-banner .banner-cta:hover { color: #0086ce; }

@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'; } }

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

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

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

/* Owl Carousel - Animate Plugin */
.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 Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ 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; /* fix for flashing background */ -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; -khtml-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 */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

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

/* Owl Carousel - Video Plugin */
.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; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); 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; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

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

/*  SECTIONS  */
.section { clear: both; padding: 0; margin: 0; }

/*  COLUMN SETUP  */
.col { display: block; float: left; margin: 1% 0 1% 1.6%; }

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

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

.group:after { clear: both; }

/*  GRID OF SIX  */
.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%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@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 #00659b; 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: #006600; 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: #00659b; }

.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: "Dosis", PT Serif,serif, Times, 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 #00659b; }

@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: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.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 #d7d7d9; border-bottom: 1px solid #d7d7d9; -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: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.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 #d7d7d9; }

.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: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.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: "PT 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: "PT 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(0, 101, 155, 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: #8b8d91; font-family: "PT Serif", serif; height: 50px; border-radius: 5px; color: #282f2f; padding-left: 12px; }

.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: "PT 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: #00659b; 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: "PT 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: "Dosis", PT Serif,serif, Times, 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: #00659b; height: 50px; width: 50px; border-radius: 0 5px 5px 0; border-width: 1px 1px 1px 0; border-style: solid; border-color: #8b8d91; 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 #d7d7d9; }

.bucket.text-link-bucket .links-items .headline { font-family: "Dosis", PT Serif,serif, Times, 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: #00659b; font-family: "PT 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: #00659b; }

@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 .text-link-right { background: rgba(0, 101, 155, 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; }

/* ********** */
/* Tout Cards */
/* ********** */
.bucket.tout-cards .tile { margin-bottom: 18px; }

.bucket.tout-cards .tile .button-style a:after { content: "\2192"; }

@media (min-width: 1024px) { .bucket.tout-cards .tile { border: 1px solid #f0f1f2; margin-bottom: 0; padding: 18px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); 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: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 38px; } }

@media (min-width: 1024px) { .bucket.tout-cards.touts-x3 .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; 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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; 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; } }

/* ************ */
/* Landing Hero */
/* ************ */
.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: "\2192"; }

.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; animation: fadeOut 0.5s 1 forwards; }

@media (min-width: 1024px) { .overlay-component { top: 0; overflow-y: hidden; } }

.overlay-component.active { display: block; 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: "Dosis", PT Serif,serif, Times, 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 #d7d7d9; 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: #a3a5a9; font-family: "PT 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 { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "Roboto Condensed", 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 #d7d7d9; -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: "PT Serif", serif; color: #383838; letter-spacing: 1px; }

.secondary-nav li a:hover { color: #00659b; }

.secondary-nav.secondary-nav-fixed { position: fixed; z-index: 300; top: 60px; background: #fff; width: 100%; border-top: 1px solid #d7d7d9; 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: "PT Serif", serif; font-size: 8px; font-weight: 400; line-height: 9px; letter-spacing: 0.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 #00659b; 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: #006600; 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: #00659b; }

.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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: "PT 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: 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__item { align-content: center; list-style-type: none; }

.two-col-container .breadcrumbs__title { font-family: "PT Serif", serif; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 24px; letter-spacing: 2px; }

.two-col-container .breadcrumbs__icon { align-items: center; color: #0000FF; display: inline-flex; height: inherit; width: 13px; margin: 0 6px; }

.two-col-container .breadcrumbs__icon svg path { fill: #0000FF; }

.two-col-container .breadcrumbs__icon svg #slide-right-a { fill: #fff; }

.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 { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 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: "PT 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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 rgba(0, 0, 0, 0.95); }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 { padding-left: 16px; padding-right: 16px; max-width: 700px; margin-left: auto; margin-right: auto; }

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 { width: calc(100% + 32px); max-width: calc(100% + 32px); transform: translateX(-16px); }

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 { padding-left: 24px; padding-right: 24px; min-width: 768px; max-width: 1024px; } }

@media (min-width: 1024px) { main.article .padded, .mdex-test .article-container > .content .padded { padding-left: 56px; padding-right: 56px; min-width: 651px; max-width: none; }
  main.article .padded .full-width-media, .mdex-test .article-container > .content .padded .full-width-media { width: calc(100% + 112px); max-width: calc(100% + 112px); transform: translateX(-56px); } }

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: "PT 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 { text-align: left; padding-left: 56px; padding-right: 56px; } }

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: #00659b; }

main.article .quick-hit li, .mdex-test .article-container > .content .quick-hit li { margin-left: 20px; display: list-item; color: rgba(0, 0, 0, 0.65); font-family: "PT Serif", serif; font-weight: normal; }

main.article .intro-top, .mdex-test .article-container > .content .intro-top { position: relative; margin-bottom: 0; }

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"] { width: 100vw; max-width: 100vw; position: relative; left: 50%; margin-left: -50vw; } }

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 { z-index: 101 !important; margin-top: -8px; }

@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: #f0f1f2; border-bottom: 1px solid #d7d7d9; padding: 16px 0; width: 100%; margin-left: -20px; } }

@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; padding: 8px 0 16px; width: 800px; margin-left: -56px; } }

main.article .article.content.body .component.lazy-image > img, .mdex-test .article-container > .content .article.content.body .component.lazy-image > img { max-height: 600px; width: auto; }

main.article .article.content.body .image-wrapper, .mdex-test .article-container > .content .article.content.body .image-wrapper { position: relative; background-color: #fff; }

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 #00659b; 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 { margin: 0 auto; display: table; width: 220px; height: 44px; border: 1px solid #00659b; border-radius: 100px; text-align: center; padding-top: 13px; margin-top: -30px; background-color: #fff; }

@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 0; }

@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 { letter-spacing: 0.5px; font-family: "PT Serif", serif; }

@media (min-width: 1024px) { .author { letter-spacing: 0.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 { color: rgba(0, 0, 0, 0.95); padding: 1px 0; box-shadow: inset 0 -2px 0 #00659b; transition: all .1s ease-in-out; font-weight: 400; }

.body.content:not(.gallery) p a:hover { color: #00659b; }

.body.content:not(.gallery) .ad-container { max-width: 9999px; padding: 0; margin-top: 40px; margin-bottom: 40px; }

.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 { color: #00659b; box-shadow: none; }

.body.content:not(.gallery) blockquote a:hover { color: #00659b; }

.body.content:not(.gallery) blockquote p > em, .body.content:not(.gallery) blockquote i { font-style: normal; }

.body.content:not(.gallery) hr { padding-top: 24px; padding-bottom: 24px; display: block; border: none; margin: 0; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDQwIDQiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5Hcm91cCA3PC90aXRsZT48ZyBmaWxsPSIjQTNBNUE5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjIiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iMjYiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iMzgiIGN5PSIyIiByPSIyIi8+PC9nPjwvc3ZnPg==); }

.body.content:not(.gallery) .full-width-media { margin-top: 16px; margin-bottom: 16px; }

.body.content:not(.gallery) iframe { margin: 0 auto; display: block; max-width: 100%; border: 0; }

.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 { width: 100%; max-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 { padding: 0; max-width: calc(100% + 112px); width: calc(100% + 112px); margin-left: -56px; } }

.body.content:not(.gallery) table:not(.linescore):not(.schedules) { font-size: 14px; font-family: "Dosis", PT Serif,serif, Times, serif; }

.body.content:not(.gallery) table:not(.linescore):not(.schedules) .tr-header { text-transform: uppercase; border-bottom: 1px solid #d7d7d9; font-weight: 700; padding-bottom: 8px; }

.body.content:not(.gallery) table:not(.linescore):not(.schedules) .tr-header td, .body.content:not(.gallery) table:not(.linescore):not(.schedules) .tr-header th { padding-top: 8px; padding-bottom: 8px; }

.body.content:not(.gallery) table:not(.linescore):not(.schedules) .tr-stripe:not(.tr-header) { background: #f0f1f2; }

.body.content:not(.gallery) table:not(.linescore):not(.schedules) td, .body.content:not(.gallery) table:not(.linescore):not(.schedules) th { padding: 4px; padding-left: 12px; padding-right: 12px; }

.body.content:not(.gallery) .inline-article { overflow: auto; line-height: 1.16; }

.body.content:not(.gallery) .inline-article .secondary-text { color: #00659b; }

.body.content:not(.gallery) .inline-article a { color: rgba(0, 0, 0, 0.95); }

.body.content:not(.gallery) .inline-article a:hover { color: #00659b; }

.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: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; line-height: 16px; letter-spacing: 0.5px; text-align: right; font-feature-settings: "tnum"; min-width: 24px; margin: 0; margin-right: 8px; }

.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 { width: 88px; margin-left: 16px; } }

.body.content:not(.gallery) .si-list .thumb > p { display: none; }

.body.content:not(.gallery) .si-list .info { float: none; overflow: hidden; margin-bottom: 16px; }

@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-size: 16px; line-height: 16px; font-weight: 700; font-family: "Dosis", PT Serif,serif, Times, serif; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; }

.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-size: 14px; line-height: 16px; font-weight: 700; font-family: "Dosis", PT Serif,serif, Times, serif; letter-spacing: 1px; text-transform: uppercase; }

.body.content:not(.gallery) .si-list .blurb { padding-top: 12px; margin-top: 12px; border-top: 1px solid #d7d7d9; }

.body.content:not(.gallery) .si-list .blurb + .blurb { padding-top: 0; margin-top: 0; border-top: 0 solid #d7d7d9; }

@media (min-width: 1024px) { .body.content:not(.gallery) .si-list .blurb { margin-right: 104px; } }

.body.content:not(.gallery) .si-list hr { display: none; }

.body.content:not(.gallery) .si-list .updown { display: none; }

.body.content:not(.gallery) .si-list .inline.image { max-width: 100%; width: 100%; margin-left: 0; }

.body.content:not(.gallery) .si-list .margin-16-tb { margin: 0; }

.body.content:not(.gallery) .si-list .body-credit { display: none; }

.body.content:not(.gallery) .podcastplayer-showcase iframe { width: 100%; min-height: 225px; }

.btn { background: #fff; border: 2px #282f2f solid; border-radius: 3px; color: #282f2f; }

.btn:hover { background: #282f2f; color: #fff; }

.bio-zone { font-family: "PT Serif", serif; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.65); }

.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 { position: relative; margin: 0 auto; }

main.article.native .article-headline { font-family: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 24px; 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%; padding-left: 32px; padding-right: 32px; float: left; } }

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: "PT Serif", serif; font-size: 16px; line-height: 1.5; letter-spacing: 0; }

.bottom-recirc .component.outbrain { width: 100%; margin-bottom: 32px; }

@media (min-width: 768px) { .bottom-recirc .component.outbrain { padding: 0 36px; margin-bottom: 40px; } }

@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 { max-width: 1120px; margin: 0 auto; }

.content.article .disclosure, .content.gallery .disclosure, .content.recipe .disclosure { color: rgba(0, 0, 0, 0.3); font-style: italic; font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; letter-spacing: 0.5px; 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, .content.article div.padded .blockquote { max-width: 640px; margin-left: 0; text-align: center; border: none; }

.content.article div.padded .pullquote.quote-icon, .content.article div.padded .quote-icon.blockquote { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cHM6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMTYiPjxwYXRoIGZpbGw9IiMzRTM4MzIiIGQ9Ik0xOC4yIDEuMWMtMS4zLjYtMi41IDEuNC0zLjUgMi42cy0xLjQgMi40LTEuNCAzLjZjMCAuNS4xIDEgLjIgMS4zLjctLjYgMS41LS44IDIuNC0uOCAxLjEuMSAyLjEuNCAyLjkgMS4yLjguNyAxLjIgMS43IDEuMiAzIDAgMS4yLS40IDIuMS0xLjIgMi45LS44LjctMS44IDEuMS0yLjkgMS4xLTEuNyAwLTIuOS0uNy0zLjgtMi0uNy0xLjEtMS4xLTIuNS0xLjEtNC4yIDAtMi4xLjYtNCAxLjctNS43czIuOC0zIDUtNC4xbC41IDEuMXptLTExIDBjLTEuMy42LTIuNSAxLjUtMy40IDIuN1MyLjMgNi4yIDIuMyA3LjRjMCAuNS4xIDEgLjIgMS4zLjctLjUgMS41LS44IDIuNC0uOCAxLjIgMCAyLjEuMyAyLjkgMS4xLjguNyAxLjIgMS43IDEuMiAzIDAgLjgtLjIgMS41LS42IDIuMXMtLjggMS0xLjQgMS40Yy0uNi40LTEuMy41LTIgLjUtMS43IDAtMi45LS43LTMuOC0yQy40IDEyLjkgMCAxMS41IDAgOS44YzAtMi4xLjYtNCAxLjctNS43czIuOC0zIDUtNC4xbC41IDEuMXoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center top; background-size: 4%; }

.content.article div.padded .pullquote .pullquote-content, .content.article div.padded .blockquote .pullquote-content, .content.article div.padded .pullquote .blockquote, .content.article div.padded .blockquote .blockquote { padding-top: 16px; font-weight: normal; }

@media (min-width: 1024px) { .content.article div.padded .pullquote .pullquote-content, .content.article div.padded .blockquote .pullquote-content, .content.article div.padded .pullquote .blockquote, .content.article div.padded .blockquote .blockquote { padding-top: 24px; } }

.content.article div.padded .pullquote .pullquote-attribution, .content.article div.padded .blockquote .pullquote-attribution, .content.article div.padded .pullquote .blockquote figcaption, .blockquote .content.article div.padded .pullquote figcaption, .content.article div.padded .blockquote figcaption, .content.article div.padded .pullquote .blockquote-attribution, .content.article div.padded .blockquote .blockquote-attribution { text-transform: uppercase; }

.content.article div.padded .blockquote { border-left: 1px solid #8b8d91; text-align: left; }

.content.article div.padded .media-item.media-video { max-width: 640px; margin: 0 0; }

.content.article div.padded .inline.image { max-width: 640px; }

@media (min-width: 1162px) { .content.article div.padded .inline.image { margin: 0 0; } }

@media (min-width: 768px) { .content.article div.padded .embed-instagram iframe.instagram-media.instagram-media-rendered { max-width: 640px !important; margin: 0 0 !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 { display: flex; flex-direction: column; align-self: center; }

.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 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: 0.5px; } }

.content.article .shop-it-button { margin-top: 8px; text-align: center; text-transform: uppercase; font-style: normal; color: #8b8d91; font-weight: normal; font-size: 10px; }

.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; } }

.article-content table:not(.linescore):not(.schedules) { border: none; border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; }

.article-content table:not(.linescore):not(.schedules) th { border: none; border-bottom: 2px solid #8b8d91; padding: 0 4px 16px 4px; color: #00659b; font-weight: 700; font-size: 16px; text-align: left; text-transform: uppercase; }

.article-content table:not(.linescore):not(.schedules) th:first-of-type { padding-left: 0; }

.article-content table:not(.linescore):not(.schedules) th:last-of-type { padding-right: 0; }

.article-content table:not(.linescore):not(.schedules) td { border: none; border-bottom: 1px solid #d7d7d9; padding: 14px 4px; font-size: 15px; line-height: 24px; text-align: left; vertical-align: top; }

.article-content table:not(.linescore):not(.schedules) td:first-of-type { padding-left: 0; }

.article-content table:not(.linescore):not(.schedules) td:last-of-type { padding-right: 0; }

.edit-link { align-items: center; background: #00659b; color: #fff; display: none; padding: 6px 6px; position: absolute; z-index: 100; font-family: "Roboto Condensed", serif; }

.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 { text-transform: uppercase; color: #8b8d91; }

.attribution-text a { font-weight: bold; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.95); }

.syndication-attribution-text { padding-bottom: 20px; }

.syndication-attribution-text .syndication-attribution-type-text { text-transform: capitalize; font-style: italic; font-family: "PT Serif", serif; }

.syndication-attribution-text a { font-weight: bold; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.95); font-style: italic; font-family: "PT Serif", serif; }

body.generic .article-content, body.template-generic .article-content { max-width: 840px; margin: auto; }

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 { display: block; background-color: #fff; }

.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; display: block; margin: 16px 0 12px; box-shadow: none; }

.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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); padding-top: 8px; }

.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 { max-width: 1100px; margin: 0 auto; }

.mdex-test.template-article .outbrain__below-article-divider { position: relative; border: 0; overflow: visible; background: rgba(0, 0, 0, 0.15); height: 1px; width: 100%; margin: 16px 0; margin: 16px auto; margin: 40px 0; position: relative; width: 100vw; left: -16px; }

.mdex-test.template-article .outbrain__below-article-divider:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 768px) { .mdex-test.template-article .outbrain__below-article-divider { margin: 48px 0; left: calc(-1 * ((100vw - 640px) / 2)); } }

@media (min-width: 1024px) { .mdex-test.template-article .outbrain__below-article-divider { margin: 56px 0; left: -24px; } }

@media (min-width: 1162px) { .mdex-test.template-article .outbrain__below-article-divider { margin: 64px 0; left: calc(-1 * ((100vw - 1100px) / 2)); } }

.mdex-test.template-article .outbrain__below-article-widget { width: 100%; margin: 0 auto; }

@media (min-width: 768px) { .mdex-test.template-article .article-container .content.content-breadcrumbs { margin: 24px auto; }
  .mdex-test.template-article .article-container .content.two-col-main-content { margin: 24px auto; } }

@media (min-width: 1024px) { .mdex-test.template-article .article-container { padding: 0 24px; margin: 0 auto; max-width: 1100px; } }

@media (min-width: 1162px) { .mdex-test.template-article .article-container { padding: 0; margin: 0 auto; max-width: 1100px; } }

.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-empty-body { width: 100%; min-height: 320px; }

@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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: #00659b !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: 0.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: #00659b; }

.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: #F2F2F2; }

.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(139, 141, 145, 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: #f0f1f2; border-bottom: 1px solid #d7d7d9; 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: #383838; }

.template-gallery .disclosure-inner { font-family: "PT 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: "PT Serif", serif; color: #8b8d91; font-weight: 400; font-size: 10px; }

.search-image { background: #f0f1f2; }

.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 { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.error.content .error-home-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.error.content .error-home-button:active { opacity: 0.8; }

.error.content .error-home-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.error.content .error-home-button:active { opacity: 0.8; }

.error.content .error-home-button:visited { background: #0000FF; color: #fff; }

.error.content .error-home-button:hover, .error.content .error-home-button:active, .error.content .error-home-button:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; }

.error .error-suggestions-list-item-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.error .error-suggestions-list-item-link:active { opacity: 0.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: "PT 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 #d7d7d9; text-align: center; font-family: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 12px; }

.link-callout:hover { background-color: #00659b; color: #fff; border: 1px solid #00659b; }

.err-container.hidden { display: none; }

.invalid-message { background-color: #cc0000; 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 #cc0000; 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 #cc0000; 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 Section */
.recipe-top { max-width: 283px; margin: 0 auto; /*********************** Recipe Headline */ /*********************** Reviews and Ratings */ }

@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: #a3a5a9; font-family: "PT Serif", serif; line-height: 16px; letter-spacing: 0.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: #d7d7d9; }

.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: #00659b; }

.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; }

/********************************** Main Recipe Content Section */
.recipe-content { /********************************** Recipe Hero Image and Lead Media */ /*************** Recipe Meta */ /******************************* Author Attribution and Social */ /*************************** Recipe Summary */ /*********************************** Recipe Ingredients + Instructions */ /****************************************** Cookbook Source & Previous Magazine Dates */ /*************************** Bottom Recirc */ }

@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: #f0f1f2; }

.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 #d7d7d9; border-top: 1px solid #d7d7d9; }

@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: "PT Serif", serif; font-weight: 700; letter-spacing: 0.5px; color: #282f2f; margin-bottom: 4px; margin-right: 10px; float: left; clear: left; }

.recipe-content .recipe-meta-item-body { text-align: left; font-family: "PT Serif", serif; font-weight: normal; line-height: 22px; letter-spacing: 0.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; /*************************** Recipe Author Attribution */ /*************************** Share // Social */ }

@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: 0.5px; font-family: "PT 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: #8b8d91; }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; font-weight: 700; color: #282f2f; border-bottom: 1px solid #d7d7d9; 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; } }

.recipe-content .recipe-ingredients-instructions { /************* Nutrition */ }

@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 #00659b; 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: #00659b; }

.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: "Dosis", PT Serif,serif, Times, 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: #00659b; }

.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: #00659b; }

.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: 0.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: 0.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: "PT Serif", serif; font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: 0.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: "PT 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 #d7d7d9; }

.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: #00659b; font-size: 11px; }

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul li { display: inline; width: 100%; font-family: "PT 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 #d7d7d9; 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: "PT Serif", serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0.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 #d7d7d9; }

.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: "PT Serif", serif; color: #8b8d91; line-height: 20px; letter-spacing: 0.5px; font-size: 12px; margin: 20px 0; }

.recipe-content .bottom-recirc { margin-top: 20px; }

/*************************** Recipe Bottom Section */
@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: 0.5px; font-family: "PT 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: #f0f1f2; }

@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 */
.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 #00659b; background: #fff; color: rgba(0, 0, 0, 0.95); font-family: "PT 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: #00659b; color: #fff; }

.chicory-button-container button + a:after { display: block; content: ''; border-bottom: 1px solid #8b8d91; padding-bottom: 18px; }

/*************************** Recipe Components (used for FCAP/Pronto) */
.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: "PT Serif", serif; font-size: 18px; font-weight: 700; line-height: 1.56; letter-spacing: 0.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: #0000FF; }

main.listicle .disclosure { color: rgba(0, 0, 0, 0.3); font-style: italic; font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; letter-spacing: 0.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: "PT Serif", serif; font-size: 17px; line-height: 1.65; letter-spacing: 0.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: #F2F2F2; }

.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: #595959; letter-spacing: 0.5px; margin-top: 4px; text-align: left; }

.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: 0.5px; line-height: 32px; margin: 8px 0 0; }

.listicle-item .listicle-ranking { font-family: "PT Serif", serif; font-size: 72px; font-style: normal; font-weight: 700; letter-spacing: 0.5px; line-height: 80px; margin-right: 15px; }

.listicle-item .primary { color: #00659b; }

.listicle-item .secondary { color: #006600; }

.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 #d7d7d9; 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 #d7d7d9; 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 #d7d7d9; }
  .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 #d7d7d9; 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: #00659b; 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 #00659b; }

@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 #f0f1f2; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjIzIiBmaWxsPSIjZDdkN2Q5IiAvPjwvc3ZnPgo=); 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: #00659b; }

.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 #d7d7d9; }
  .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: "Roboto Condensed", serif; background: #00659b; border: 2px solid #00659b; 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: #00659b; }

.ecommerce-hub .component.content-loader button:hover a, .ecommerce-hub .hub-button:hover a { color: #00659b; }

.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: "Roboto Condensed", serif; margin: 0; }

.ecommerce-hub .product-tiles .heading-eyebrow:first-child { color: #00659b; }

.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 #00659b; }

.ecommerce-hub .product-types .hub-refine button { float: right; }

.ecommerce-hub .product-types .hub-refine h3 { font-family: "Roboto Condensed", serif; font-weight: 600; }

.ecommerce-hub .product-types .hub-refine.dropdown-open > .heading { background: #00659b; }

.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: "Roboto Condensed", serif; font-weight: 500; }

.ecommerce-hub .product-types .hub-refine-tag { background-color: #f0f1f2; 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: "Roboto Condensed", 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, body.template-longform main.longform .article.longform > .blockquote { max-width: 885px; padding-left: 24px; padding-right: 24px; margin: 0 auto 32px; }

body.template-longform main.longform .article.longform .image-wrap-container .credit { padding: 8px; width: 100%; }

body.template-longform main.longform .article.longform p { box-sizing: content-box; padding-left: 16px; padding-right: 16px; max-width: 620px; margin-left: auto; margin-right: auto; font-family: PT Serif,serif; font-size: 16px; line-height: 26px; letter-spacing: 0; }

body.template-longform main.longform .article.longform iframe { display: block; margin: auto; }

body.template-longform main.longform .article.longform .pullquote, body.template-longform main.longform .article.longform .blockquote { margin-left: 16px; }

body.template-longform main.longform .article.longform .pullquote .pullquote-content, body.template-longform main.longform .article.longform .blockquote .pullquote-content, body.template-longform main.longform .article.longform .pullquote .blockquote, body.template-longform main.longform .article.longform .blockquote .blockquote { font-size: 20px; }

@media (min-width: 1024px) { body.template-longform main.longform .article.longform .pullquote .pullquote-content, body.template-longform main.longform .article.longform .blockquote .pullquote-content, body.template-longform main.longform .article.longform .pullquote .blockquote, body.template-longform main.longform .article.longform .blockquote .blockquote { font-size: 24px; border: none; } }

@media (min-width: 1024px) { body.template-longform main.longform .article.longform .pullquote, body.template-longform main.longform .article.longform .blockquote { margin-left: auto; padding-right: 150px; text-align: left; } }

.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 .component.breadcrumbs .breadcrumbs__container { justify-content: center; }

.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 #d7d7d9; 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: #00659b; }

.glossary-tags .tag-border { border: 1px solid #d7d7d9; }

.glossary-tags .read-more { float: right; font-size: 12px; font-weight: 700; line-height: 32px; text-transform: uppercase; }

.glossary-letter { font-family: "PT 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 #d7d7d9; border-top: 1px solid #d7d7d9; 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 #00659b; 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: #00659b; 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: #00659b; cursor: pointer; }

.partial.map-button .icon-map { float: left; }

.partial.map-button .icon-map svg { fill: #00659b; }

.partial.map-button .icon-map-label { display: inline; padding: 4px; }

.partial.map-button:hover { color: #00659b; }

.partial.map-button:hover svg { fill: #00659b; }

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: #9bdcff; }

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 #00659b; 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 #a3a5a9; 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: #00659b; }

@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; }

/* GDPR Page Template */
.template-gdpr { display: flex; justify-content: center; align-items: center; width: 100%; }

/* GDPR Overrides */
body.is-from-eu { /* Hamburger Menu Auth */ /* Recipe Commenting & Rating */ }

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 { 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { display: block; }

.template-category-page .component.lazy-image-udf.placeholder .inner-container img { display: none; }

.template-category-page .container-full-width { padding: 0; margin-bottom: 0; max-width: none; background: none; }

.template-category-page .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 { display: block; }

.template-category-page .category-page-item-title { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.template-category-page .category-page-item-title:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.template-category-page .category-page-item-description { font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; margin: 8px 0 0; line-height: 28px; }

.template-category-page .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 { 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 { 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 { 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 { 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 { 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 { margin-top: 8px; }

.template-category-page .category-page-item-difficulty .project-meta-item-value { font-family: "PT Serif", 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 { content: ''; speak: none; display: inline-block; width: 24px; margin-right: 8px; }

.template-category-page .faceted-search-widget { margin: 0 16px 48px 16px; }

.template-category-page .faceted-search-widget-divider { position: relative; border: 0; overflow: visible; background: rgba(0, 0, 0, 0.15); height: 1px; width: 100%; margin: 16px 0; margin: 16px auto; margin-bottom: 48px; }

.template-category-page .faceted-search-widget-divider:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 768px) { .template-category-page .faceted-search-widget { margin: 48px auto; } }

.template-category-page .definition-list-contents { font-weight: 400; }

.template-category-page .definition-list-wrapper { padding: 0 16px; border: 1px solid rgba(0, 0, 0, 0.15); }

@media (min-width: 768px) { .template-category-page .definition-list-wrapper { padding: 0 24px; } }

.template-category-page .definition-list-item { padding: 24px 0; }

.template-category-page .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) { border-bottom: none; }

.template-category-page .faqs-list { margin-bottom: -24px; }

.template-category-page .category-page-back { color: rgba(0, 0, 0, 0.95); text-decoration: none; display: flex; align-content: center; font-family: "PT Serif", 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 { color: rgba(0, 0, 0, 0.95); text-decoration: underline; }

.template-category-page .category-page-back-arrow { margin-right: 8px; }

.template-category-page .category-page-back-arrow svg { width: 20px; height: 20px; }

.template-category-page .category-page-list-related.category-page-related-page2plus { margin: 0 auto; padding: 0 16px 32px; background-color: transparent; }

.template-category-page .category-page-list-related.category-page-related-page2plus::before, .template-category-page .category-page-list-related.category-page-related-page2plus::after { display: none; }

.template-category-page .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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.template-category-page .category-page-list-related-nav-prev-button:focus, .template-category-page .category-page-list-related-nav-next-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.template-category-page .category-page-list-related-nav-prev-button:active, .template-category-page .category-page-list-related-nav-next-button:active { opacity: 0.8; }

.template-category-page .category-page-list-related-nav-prev-button:focus, .template-category-page .category-page-list-related-nav-next-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.template-category-page .category-page-list-related-nav-prev-button:active, .template-category-page .category-page-list-related-nav-next-button:active { opacity: 0.8; }

.template-category-page .category-page-list-related-nav-prev-button:visited, .template-category-page .category-page-list-related-nav-next-button:visited { background: #0000FF; 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 { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.template-category-page .category-page-list-related-nav-prev-button { margin-right: 8px; }

.template-category-page .category-page-list-related-nav-next-button { margin-left: 8px; }

.template-category-page .category-page-list-related .icon-hexagon { width: 38px; top: 0; right: 10px; }

.template-category-page .category-page-list-aside.karma-sticky-rail::after { display: none; }

@media (min-width: 768px) { .template-category-page .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 { display: flex; max-width: 1088px; padding: 0 64px 32px 64px; }
  .template-category-page .category-page-aside.karma-sticky-rail { flex: 0 0 300px; } }

.template-category-page .component.breadcrumbs { justify-content: left; }

.template-category-page .hero-wrapper-square { width: 100%; margin: 0 auto; }

@media (min-width: 1024px) { .template-category-page .hero-wrapper-square { padding: 0 24px; max-width: 1088px; } }

@media (min-width: 1162px) { .template-category-page .hero-wrapper-square { padding: 0 32px; max-width: 1226px; } }

@media (min-width: 1279px) { .template-category-page .hero-wrapper-square { padding: 0 32px; max-width: 1310px; } }

.template-category-page .hero-wrapper-horizontal { width: 100%; margin: 0 auto; }

@media (min-width: 1024px) { .template-category-page .hero-wrapper-horizontal { padding: 0 24px; max-width: 1088px; } }

@media (min-width: 1162px) { .template-category-page .hero-wrapper-horizontal { padding: 0 32px; max-width: 1226px; } }

@media (min-width: 1279px) { .template-category-page .hero-wrapper-horizontal { padding: 0 32px; max-width: 1310px; } }

.template-category-page .hero-wrapper-horizontal .video-header { margin: 0 auto; width: 100%; max-width: 522px; }

@media (min-width: 1024px) { .template-category-page .hero-wrapper-horizontal .video-header { margin: 24px 0; } }

.template-category-page .hero-wrapper-horizontal .video-header .margin-32-bottom.lead-media { margin-bottom: 24px; }

.template-category-page .category-page-header-hero.full-width-image { background-repeat: no-repeat; background-position-x: right; background-position-y: top; background-size: cover; height: 320px; width: 100%; display: flex; }

.template-category-page .category-page-header-hero.square-image { background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-size: cover; display: flex; margin: 24px 0 0; height: 320px; }

@media (min-width: 768px) { .template-category-page .category-page-header-hero.square-image { background-size: auto; } }

@media (min-width: 1024px) { .template-category-page .category-page-header-hero.square-image { background-size: cover; margin: 24px 0; width: 320px; } }

.template-category-page .category-page-header-hero.horizontal-image { background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-size: cover; height: 320px; display: flex; margin: 24px 0 0; }

@media (min-width: 768px) { .template-category-page .category-page-header-hero.horizontal-image { background-size: auto; } }

@media (min-width: 1024px) { .template-category-page .category-page-header-hero.horizontal-image { background-size: cover; margin: 24px 0; width: 480px; } }

.template-category-page .category-page-header-no-hero { height: 160px; width: 100%; display: flex; background-color: #F2F2F2; }

.template-category-page .category-page-header-group { display: flex; flex-direction: column; width: 100%; }

.template-category-page .category-page-heading { font-family: "Dosis", PT Serif,serif, Times, 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 { font-size: 48px; line-height: 52px; } }

.template-category-page .category-page-dek { font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; margin-top: 8px; order: 3; }

.template-category-page .category-page-header { display: flex; text-align: left; margin: 0 auto; }

.template-category-page .category-page-header .component.breadcrumbs { position: relative; width: 100%; }

.template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container { justify-content: left; width: calc(100% - 40px); overflow: hidden; }

.template-category-page .category-page-header .component.breadcrumbs .breadcrumbs__container .breadcrumbs__list { white-space: nowrap; overflow-x: auto; height: 48px; margin-bottom: -17px; display: flex; }

.template-category-page .category-page-header .component.share-new { position: absolute; right: 16px; top: 16px; z-index: 0; height: 32px; width: 40px; overflow: hidden; box-shadow: -20px 0 10px 1px #fff; order: 0; }

@media (min-width: 768px) { .template-category-page .category-page-header .component.share-new { right: 24px; top: 24px; } }

.template-category-page .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 { 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 { display: flex; flex-direction: column; }

.template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text { font-family: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; margin-top: -4px; }

.template-category-page .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 { padding: 0 16px; }

.template-category-page .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 { 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 { padding-top: 24px; padding-left: 24px; } }

.template-category-page .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 { 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 { margin-left: 0; } }

.template-category-page .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 { padding-top: 24px; } }

.template-category-page .category-page-header.layout-square, .template-category-page .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 { 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 { margin-top: 24px; }

.template-category-page .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 { order: 1; }

.template-category-page .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 { background-color: #fff; padding-top: 16px; padding-left: 16px; }

.template-category-page .category-page-header .square-group { background-color: #fff; padding-top: 16px; padding-left: 16px; }

.template-category-page .category-page-header .no-image-group { padding: 0 16px 16px; }

@media (min-width: 768px) { .template-category-page .category-page-header .no-image-group { padding: 0 24px 24px; } }

.template-category-page .category-page-header .full-width-group { padding: 0; margin: auto; }

.template-category-page .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 { border-left: 4px solid rgba(0, 0, 0, 0.95); margin-bottom: 32px; box-shadow: none; }

.template-category-page .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 .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 { flex-direction: row; }
  .template-category-page .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 { font-family: "PT Serif", 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 .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 { 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 { order: 0; }
  .template-category-page .category-page-header .category-page-header-image-layout .category-page-heading-sponsor-wrapper { display: block; }
  .template-category-page .category-page-header .component.breadcrumbs { align-self: flex-start; }
  .template-category-page .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 { width: calc(100% - 80px); } }

@media (min-width: 768px) { .template-category-page .category-page-header .component.share-new { align-self: flex-end; overflow-x: hidden; padding-right: 8px; }
  .template-category-page .category-page-header .component.share-new .icon:nth-last-child(2) { margin-right: 0; }
  .template-category-page .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 { width: 100%; }
  .template-category-page .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 { padding: 0; background-color: #fff; width: 640px; }
  .template-category-page .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 { padding-bottom: 24px; }
  .template-category-page .category-page-header .horizontal-group, .template-category-page .category-page-header .square-group { margin-top: 0; }
  .template-category-page .category-page-header.layout-square, .template-category-page .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 { 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 { 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 { display: block; }
  .template-category-page .category-page-header.layout-square .component.breadcrumbs, .template-category-page .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 { 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 { 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 { 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 { 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 { border: none; }
  .template-category-page .category-page-header .sponsor-logo { display: block; float: right; margin: 0 0 16px 16px; }
  .template-category-page .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 { width: auto; padding: 0 24px 32px; max-width: 1088px; }
  .template-category-page .category-page-header.layout-square { min-height: 296px; }
  .template-category-page .category-page-header .no-image-group { padding: 0 24px 24px; max-width: 1088px; width: 100%; }
  .template-category-page .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 { 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 { width: calc(100% - 546px); left: 546px; }
  .template-category-page .category-page-header .horizontal-group.video .category-page-header-content { min-height: 250px; }
  .template-category-page .category-page-header .full-width-group { margin: 0; }
  .template-category-page .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 { 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 { padding: 0 32px 32px; max-width: 1226px; }
  .template-category-page .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 { 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 { padding: 0 32px 32px; max-width: 1310px; }
  .template-category-page .category-page-header.layout-full-width { width: 1310px; padding-left: 0; }
  .template-category-page .category-page-header.layout-full-width .category-page-header-group { width: 1310px; } }

.template-category-page .template-category-page .topics-carousel.category-page-topics { clear: both; width: auto; margin-bottom: 64px; }

.template-category-page .template-category-page .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 { max-width: calc(640px + 32px); margin-bottom: 64px; padding-bottom: 0; }
  .template-category-page .template-category-page .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 { max-width: 1088px; } }

@media (min-width: 1162px) { .template-category-page .template-category-page .topics-carousel.category-page-topics { max-width: 1226px; }
  .template-category-page .template-category-page .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 { max-width: 1310px; } }

.template-category-page .template-category-page .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:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

.template-category-page .template-category-page .category-page-body.home-page-topics:before { content: ''; position: absolute; width: 100%; height: 1px; 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 { margin-top: 48px; } }

@media (min-width: 1024px) { .template-category-page .template-category-page .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 { margin-top: 64px; } }

.template-category-page .template-category-page .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 { margin-bottom: 32px; } }

@media (min-width: 1162px) { .template-category-page .template-category-page .category-page-body.home-page-topics .topics-carousel.category-page-topics { margin-bottom: 48px; } }

.template-category-page .category-page-aside:after { color: #595959; font-size: 12px; font-family: "Roboto Condensed", 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 { padding: 0 16px 64px; }

.template-category-page .div-sm-highImpact { margin-bottom: 64px; }

.template-category-page .category-page-entity-block__header { display: flex; background: rgba(0, 0, 0, 0.95); align-items: center; }

.template-category-page .category-page-entity-block__header-thumbnail { height: 56px; }

.template-category-page .category-page-entity-block__header-thumbnail img { width: 56px; height: 56px; }

.template-category-page .category-page-entity-block__header-title { font-family: "Dosis", PT Serif,serif, Times, 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 { padding-top: 64px; }

.template-category-page .category-page-entity-block .component.faqs { margin-top: 40px; padding: 0 16px 16px; border: 1px solid rgba(0, 0, 0, 0.15); }

.template-category-page .category-page-entity-block .component.faqs .faqs-list-item:last-child { border-bottom: none; }

.template-category-page .category-page-entity-aside { display: none; }

@media (min-width: 1024px) { .template-category-page .category-page-entity-aside { display: block; } }

@media (min-width: 768px) { .template-category-page .template-category-page { overflow-x: hidden; }
  .template-category-page .category-page-body:not(.category-page-list-related), .template-category-page .category-page-list-inner { max-width: calc(640px + 32px); margin: 0 auto; }
  .template-category-page .category-page-list-aside .ad-container, .template-category-page .category-page-list-related-aside .ad-container { margin: 0; } }

@media (min-width: 768px) and (min-width: 768px) { .template-category-page .category-page-entity { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1246px; margin: 0 auto; } }

@media (min-width: 768px) { .template-category-page .category-page-entity-block { width: 100%; max-width: 640px; }
  .template-category-page .category-page-entity-block .category-page-aside { display: flex; flex-flow: row wrap; }
  .template-category-page .category-page-entity-block .component.faqs { margin-top: 64px; padding: 0 24px 24px; }
  .template-category-page .category-page-entity-aside:after { color: #595959; font-size: 12px; font-family: "Roboto Condensed", 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 { width: 300px; } }

@media (min-width: 768px) { .template-category-page .category-page-entity-aside .ad-container + .ad-container { margin-top: 24px; }
  .template-category-page .no-image-group { width: 640px; } }

@media (min-width: 360px) { .template-category-page .container-full-width .category-page-heading { font-family: "Dosis", PT Serif,serif, Times, 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 { 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 { width: auto; padding: 0 24px 64px; max-width: 1088px; }
  .template-category-page .category-page-body:not(.category-page-list-related).reverse-colors, .template-category-page .category-page-list-inner.reverse-colors { padding-top: 40px; padding-bottom: 32px; }
  .template-category-page .category-page-header-group.no-image-group { max-width: 652px; }
  .template-category-page .category-page-header-group.full-width-group { max-width: 652px; }
  .template-category-page .category-page-body.category-page-topics { padding: 0 24px; }
  .template-category-page .container-full-width .category-page-heading { font-size: 36px; line-height: 44px; }
  .template-category-page .container-full-width .category-page-entity-block { width: calc(100% - 324px); max-width: 100%; }
  .template-category-page .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 { 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 { padding: 0 32px 64px; max-width: 1226px; }
  .template-category-page .category-page-header-group.no-image-group { max-width: 882px; }
  .template-category-page .category-page-header-group.full-width-group { max-width: 882px; }
  .template-category-page .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 { 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 { padding: 0 32px 64px; max-width: 1310px; }
  .template-category-page .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 { 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 { 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:after, .template-category-page .category-page-blocks.category-page-body:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

.template-category-page .category-page-videos.category-page-body:before, .template-category-page .category-page-blocks.category-page-body:before { content: ''; position: absolute; width: 100%; height: 1px; 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 { 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 { max-width: calc(100% - 64px); } }

.template-category-page .category-page-subnav { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.template-category-page .category-page-subnav__header { display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 24px 0 24px; }

@media (min-width: 768px) { .template-category-page .category-page-subnav__header { margin-top: 32px; } }

@media (min-width: 1024px) { .template-category-page .category-page-subnav__header { flex-direction: row; margin-top: 40px; } }

@media (min-width: 1162px) { .template-category-page .category-page-subnav__header { margin-top: 48px; } }

.template-category-page .category-page-subnav__header svg { width: 278px; height: 20px; }

@media (min-width: 768px) { .template-category-page .category-page-subnav__header svg { width: 389px; height: 28px; } }

.template-category-page .category-page-subnav__headerText { font-family: "Dosis", PT Serif,serif, Times, 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 { font-size: 36px; line-height: 44px; } }

@media (min-width: 1024px) { .template-category-page .category-page-subnav__headerText { margin-right: 16px; margin-top: 0; margin-bottom: 0; display: flex; }
  .template-category-page .category-page-subnav__headerText:after { content: ' '; margin-left: 16px; border-left: 1px solid rgba(0, 0, 0, 0.15); height: 32px; margin-top: 8px; } }

.template-category-page .component.navigation-test .container { padding: 0 16px; }

@media (min-width: 768px) { .template-category-page .component.navigation-test .container { max-width: 640px; margin: 0 auto; padding: 0; } }

@media (min-width: 1024px) { .template-category-page .component.navigation-test .container { padding: 0 24px; max-width: calc(976px + 48px); } }

@media (min-width: 1162px) { .template-category-page .component.navigation-test .container { padding: 0 32px; max-width: calc(1246px + 64px); } }

.mdex-test.template-recipe { overflow-x: hidden; /* Print Preview */ }

.mdex-test.template-recipe.print-preview h1 { font-family: "Dosis", PT Serif,serif, Times, 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.under-docked-sharebar .component.navigation-test .auth-icons { display: none; }

@media (min-width: 768px) { .mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .icon-search { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; margin-right: 8px; }
  .mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .icon-search a { padding: 0; }
  .mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .icon-search a svg { width: 30px; height: 30px; } }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a svg.icon-share-check { display: none; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a svg:not(.icon-share-check) { width: 48px; height: 48px; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a svg:not(.icon-share-check) path:first-of-type { display: block; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a svg.icon-share-favorite path { stroke: #006600; stroke-width: 2px; fill: #fff; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a.shareicon-favorite-link-tag svg:not(.icon-share-check) { width: 26px; height: 26px; }

.mdex-test.template-recipe.under-docked-sharebar .component.navigation-test .contextual-social-links a.shareicon-favorite-link-tag.saved svg:not(.icon-share-check) path { stroke: none; fill: #006600; }

.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-favorite { 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: rgba(0, 0, 0, 0.95); 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: "PT Serif", 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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; margin-top: 16px; }

@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; }

.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: #0000FF; 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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; margin-top: 14px; margin-bottom: 18px; }

.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 { background-color: #fff; border: solid 2px #d54215; border-radius: 4px; height: 48px; width: 321px; }

.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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.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: 0.8; }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; color: rgba(0, 0, 0, 0.95); letter-spacing: 0.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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.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: 0.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-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-shopper-wrapper .ingredients-item .checkbox-list .checkbox-list-checkmark::before { transform: translate(0%, -50%); position: absolute; top: 50%; }

.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: 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: "PT Serif", serif; }

.mdex-test.template-recipe .recipe-summary a { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); text-decoration: none; }

.mdex-test.template-recipe .recipe-summary a:visited { color: #595959; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.mdex-test.template-recipe .recipe-summary 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 .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: "PT Serif", 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: 1px; width: 100%; margin: 16px 0; margin: 16px auto; content: ''; display: block; margin: 64px 0 0 calc(50% - 50vw); width: 100vw; }

.mdex-test.template-recipe .recipe-blog-content::after:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@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: 1px; width: 100%; margin: 16px 0; margin: 16px auto; content: ''; display: block; margin-bottom: 70px; width: 100vw; margin-left: calc(50% - 50vw); }

.mdex-test.template-recipe .recipe-blog-content-button::before:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@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%; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; }

.mdex-test.template-recipe .recipe-blog-content-button .recipe-skip-blog-content:hover { background-color: #0000FF; }

.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: "PT Serif", serif; font-size: 18px; font-weight: bold; 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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: #0000FF; 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: 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 { font-family: "Dosis", PT Serif,serif, Times, 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; width: 67px; height: 36px; border: 1px solid #006600; border-radius: 4px; letter-spacing: 0.5px; background-color: #fff; }

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:active { opacity: 0.8; }

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:hover { border: 1px solid rgba(1, 155, 217, 0.3); }

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__original-serving, .mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message { font-family: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; letter-spacing: 0; color: rgba(0, 0, 0, 0.65); text-align: center; clear: both; padding-top: 8px; }

@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 { text-decoration: none; height: 24px; margin-left: 0; }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: "PT Serif", serif; font-weight: 700; float: left; margin-right: 6px; text-transform: capitalize; }

.mdex-test.template-recipe .section-body { font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; margin-top: 8px; color: rgba(0, 0, 0, 0.95); }

.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: "PT Serif", 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 { left: 6px; border: solid 1px #006600; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); opacity: 1; }

.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 { top: 4px; 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: transparent; }

.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 .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 { top: 0; left: 8px; }

.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 { left: 6px; border: solid 1px #fff; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); opacity: 1; }

.mdex-test.template-recipe .recipe-instructions .instructions-section-item .checkbox-list-input:checked + .checkbox-list-checkmark::before { border-color: transparent; background-color: #006600; }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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 transparent; 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 .checkbox-list-text { font-family: "PT Serif", 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 { font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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(0, 0, 255, 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; text-transform: none; margin: 8px 16px; }

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:active { opacity: 0.8; }

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:active { opacity: 0.8; }

.mdex-test.template-recipe .recipe-review-top-reviews .recipe-review-add-review:visited { background: #0000FF; 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: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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: "PT Serif", 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: "PT Serif", 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 { flex-direction: row; }
  .mdex-test.template-recipe .recipe-reviewed-items:after, .mdex-test.template-recipe .recipe-reviewed-items .recipe-review-wrapper { width: calc((100% - 128px) / 3); }
  .mdex-test.template-recipe .recipe-reviewed-items: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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; padding-left: 24px; padding-right: 24px; margin: 0 auto; text-transform: none; }

.mdex-test.template-recipe .recipe-reviews-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe .recipe-reviews-link:active { opacity: 0.8; }

.mdex-test.template-recipe .recipe-reviews-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe .recipe-reviews-link:active { opacity: 0.8; }

.mdex-test.template-recipe .recipe-reviews-link:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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: "Roboto Condensed", 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: "PT Serif", 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: "PT Serif", 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 rgba(0, 0, 0, 0.95); cursor: pointer; text-transform: capitalize; }

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper .button-text { font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); cursor: pointer; text-transform: capitalize; }

.mdex-test.template-recipe .partial.recipe-play-button .button-text-wrapper .button-text { font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; letter-spacing: 0.5px; padding-bottom: 24px; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-header { background-color: #006600; padding-left: 32px; padding-right: 32px; color: #fff; height: 48px; display: flex; font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; letter-spacing: 0.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: #cc0000; }

.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: 0.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::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: #006600; 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: "PT Serif", 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: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 8px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; text-transform: none; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:active { opacity: 0.8; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:active { opacity: 0.8; }

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done:visited { background: #0000FF; 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: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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: #006600; 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: #006600; }

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, serif; text-transform: capitalize; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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 { width: 68px; }

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .icon-text { font-family: "PT Serif", 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-weight: 700; border-radius: 4px; height: 44px; text-transform: capitalize; letter-spacing: 0.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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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; }

@media (min-width: 768px) { .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle { display: flex; } }

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle > span { float: left; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: normal; margin-bottom: 16px; }

@media (min-width: 768px) { .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle > span { margin-bottom: 0; } }

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle .recipe-content-toggle-checkbox { width: 100%; }

.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; width: 100%; 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 { left: 6px; border: solid 1px #fff; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); 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-input:checked + .checkbox-list-checkmark::before { border-color: transparent; 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: transparent; }

.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 { 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: 0.5px; }

.mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section { margin: 0; }

@media (min-width: 768px) { .mdex-test.template-recipe .recipe-wrapper.print-preview .primary-media-section { position: absolute; top: 72px; right: 24px; } }

.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: "PT Serif", 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; }

@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: "PT Serif", 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: "PT Serif", 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: -ms-flexbox; 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: #F2F2F2; 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%; } }

.recipe-subrecipes .subrecipe-divider { position: relative; border: 0; overflow: visible; background: rgba(0, 0, 0, 0.15); height: 1px; width: 100%; margin: 16px 0; margin: 16px auto; margin: 60px 0; }

.recipe-subrecipes .subrecipe-divider:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

.recipe-subrecipes .heading { font-family: "Dosis", PT Serif,serif, Times, 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; }

.template-project { overflow-x: hidden; }

.template-project .intro.article-info .headline { font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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: 1px; background: rgba(0, 0, 0, 0.15); top: 50%; transform: translateY(-50%); }

.project-part-container:after { width: 5px; height: 80px; background: rgba(0, 0, 0, 0.95); transform: translateX(-37.5%); }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; max-width: 300px; margin-top: 16px; }

.project-step-download-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.project-step-download-button:active { opacity: 0.8; }

.project-step-download-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.project-step-download-button:active { opacity: 0.8; }

.project-step-download-button:visited { border: 3px solid #0000FF; color: #0000FF; background: #fff; }

.project-step-download-button:hover, .project-step-download-button:active, .project-step-download-button:focus { border-color: #0000FF; color: #fff; background: #0000FF; }

.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:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; transform: translateY(-50%); }

.project-callout-container:before { content: ''; position: absolute; width: 100%; height: 1px; 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: 1px; background: rgba(0, 0, 0, 0.15); top: 50%; transform: translateY(-50%); }
  .project-callout-container:after { width: 5px; height: 80px; background: rgba(0, 0, 0, 0.95); transform: translateX(-37.5%); } }

.project-callout-container .component.lazy-image img { max-width: 250px; margin-bottom: 16px; }

.project-callout-container.callout-tip { 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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-wrapper.project-parts-steps .project-heading-callout a:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: "PT Serif", 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 { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.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 { font-family: "Dosis", PT Serif,serif, Times, 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: 1279px) { .template-homepage .component.navigation-test .container { max-width: 1226px; } }

.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 .div-sm-strive { margin: 0 auto 48px; }

.template-homepage h2.categoryPageListThreeFeatured__title a, .template-homepage h2.categoryPageListLatest__title a, .template-homepage h2.categoryPageListSixFeatured__title a, .template-homepage h2.categoryPageListQuote__title a { font-weight: 400; color: rgba(0, 0, 0, 0.95); padding: 1px 0; transition: all .1s ease-in-out; text-decoration: none; }

.template-homepage h2.categoryPageListThreeFeatured__title a:visited, .template-homepage h2.categoryPageListLatest__title a:visited, .template-homepage h2.categoryPageListSixFeatured__title a:visited, .template-homepage h2.categoryPageListQuote__title a:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.template-homepage h2.categoryPageListThreeFeatured__title a:hover, .template-homepage h2.categoryPageListLatest__title a:hover, .template-homepage h2.categoryPageListSixFeatured__title a:hover, .template-homepage h2.categoryPageListQuote__title a:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.template-homepage .home-dek { font-family: "PT Serif", 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; }

.template-newsletter .container-full-width { max-width: 616px; padding: 8px; }

.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 .component.entity-tout { margin-bottom: 45px; }

.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__headline { font-family: Arial, Helvetica, sans-serif; font-size: 33px; font-weight: bold; }

.template-newsletter .component.entity-tout .entityTout__details .entityTout__headline:hover { box-shadow: none; }

.template-newsletter .newsletter-button { margin-bottom: 25px; }

.template-newsletter .newsletter-button a { display: block; background-color: #a2c03a; color: #fff; padding: 15px 0; line-height: 18px; border-radius: 5px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-align: center; }

.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; }

.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: bold; }

.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: 10px; }

.template-newsletter .newsletter-social-links .icon svg { height: 40px; width: 40px; }

.template-newsletter .newsletter-footer-copyright { padding: 20px 0; color: #999999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }

.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: #006600; }

.accountPage__accountBlock, .accountPage__signin { width: 100%; max-width: 328px; margin: 0 auto; }

.accountPage__accountBlock { padding: 24px 16px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); background-color: #fff; }

.accountPage__signin, .accountPage__signup { font-family: "PT Serif", 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__heading { font-family: "Dosis", PT Serif,serif, Times, 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__signupDek { margin: 16px 0 0 0; }

.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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; font-weight: 700; display: inline-block; padding-left: 24px; 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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 0; display: block; margin-top: 24px; }

.userAccountForm__field { font-family: "PT Serif", 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__passwordGroup { position: relative; }

.userAccountForm__showPassword { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.userAccountForm__showPassword:active { opacity: 0.8; }

.userAccountForm__rules { font-family: "PT Serif", 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__userInputSelectBlock { margin-top: 24px; padding: 24px 20px; background-color: rgba(0, 0, 0, 0.05); }

.userAccountForm__subformHeading { font-family: "Dosis", PT Serif,serif, Times, 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 { left: 6px; border: solid 1px #fff; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); opacity: 1; }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: transparent; }

.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__userInputSelectOption { font-family: "PT Serif", 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; }

.userAccountForm .button { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; display: block; width: 100%; margin-top: 24px; }

.userAccountForm .button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.userAccountForm .button:active { opacity: 0.8; }

.userAccountForm .button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.userAccountForm .button:active { opacity: 0.8; }

.userAccountForm .button:visited { background: #0000FF; color: #fff; }

.userAccountForm .button:hover, .userAccountForm .button:active, .userAccountForm .button:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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; } }

@media (max-width: 767px) { .thinNavigation__logo svg { width: 105px; } }

.thinNavigation__menuContainer { display: block; }

.thinNavigation__prefix, .thinNavigation__link { font-family: "PT Serif", 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: "PT Serif", 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); }

.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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; color: rgba(0, 0, 0, 0.65); font-family: "PT Serif", 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: ' | '; }

.ad-container { background: transparent; position: relative; z-index: 100 !important; }

.ad-container.instream-ad:not(.sister-ad):not(.type-1x1):not(.type-5x5) > div { margin-bottom: 40px; }

.ad-container.instream-ad:not(.sister-ad):not(.type-1x1):not(.type-5x5) > div:after { color: #595959; font-size: 12px; font-family: "Roboto Condensed", 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: "Roboto Condensed", 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: "Roboto Condensed", 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:not(.ads-processed):not(.type-120x60):not(.cm-ad):not(.karma-ad) { background: #f0f1f2; }

.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.karma-ad:before { display: table; height: 0; content: ' '; }

.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-120x60 { width: 120px; height: 60px; }

.type-300x50 { min-width: 300px; min-height: 50px; text-align: center; margin-left: auto; margin-right: auto; }

.type-300x140 { width: 300px; height: 140px; text-align: center; margin-left: auto; margin-right: auto; }

.type-300x250, .ad-container[data-dimensions="300x250"] { max-width: 100%; min-width: 100%; min-height: 350px; text-align: center; margin-left: auto; margin-right: auto; }

.type-300x250[data-tier], .ad-container[data-dimensions="300x250"][data-tier] { min-height: 250px; }

@media (min-width: 768px) { .type-300x250, .ad-container[data-dimensions="300x250"] { min-width: 300px; min-height: 250px; } }

.type-300-flex { min-width: 300px; min-height: 250px; text-align: center; margin-left: auto; margin-right: auto; }

.type-320-flex { min-width: 320px; min-height: 50px; text-align: center; }

.type-728x90, .ad-container[data-dimensions="728x90"] { min-width: 728px; min-height: 90px; text-align: center; margin-left: auto; margin-right: auto; }

.type-970x90-flex { min-width: 970px; min-height: 90px; text-align: center; margin-left: auto; margin-right: auto; }

.karma-ad .type-970x90-flex { min-width: 720px; }

.type-5x5, .type-oop, .type-gum-gum { padding: 0; border-top: none; border-bottom: none; }

.type-oop, .type-gum-gum { width: 1px; height: 1px; }

.type-cm-subscribe { width: 85px; height: 13px; display: inline; }

.ad-wrapper { background: transparent; text-align: center; }

.ad-wrapper > .ad-container { margin: 0 auto; }

.cm-ad.ad-wrapper { background: transparent; }

.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; } }

#__bkframe { display: none; }

.component.adhesion-ad { position: fixed; bottom: 0; left: 0; right: 0; opacity: 1; text-align: center; z-index: 200; transition: height 400ms ease-in-out, opacity 400ms ease-in-out; }

@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 { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.95); padding-top: 4px; }

@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 { display: none; position: absolute; left: calc(50% + 160px); top: -8px; padding: 0; width: 16px; height: 16px; line-height: 12px; border-radius: 100%; border: 2px solid #fff; background-color: #282f2f; }

@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: "Roboto Condensed", 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:not(.type-nativo) { margin-top: 600px; }

.component.vertical-gallery .ad-container, .component.gallery-test .ad-container { border: 0; margin-top: 40px; margin-bottom: 0; padding: 4px 0 0; }

.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 { margin: 0 auto; display: flex; justify-content: center; 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 #d7d7d9; }

.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; } }

.ad-container.type-5x5 { padding: 0; border-top: none; border-bottom: none; }

.ad-container.type-5x5.full-width-media > * { text-align: center; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px; display: block !important; }

@media (min-width: 1024px) { .ad-container.type-5x5.full-width-media > * { display: inherit !important; } }

.component.schedules .ad-container, .component.rosters .ad-container { padding-top: 24px; }

.component.standings-component .ad-container { padding-top: 0; }

.component.standings-component .table-row.mobile-ad, .component.standings-component .table-row.tablet-ad { display: table-row; }

.component.standings-component .table-row.mobile-ad td, .component.standings-component .table-row.tablet-ad td { width: 100%; padding-left: 0; padding-right: 0; }

.native-ad { display: block; width: 0; height: 0; padding: 0; overflow: hidden; margin: 0; position: relative; }

.native-ad.rendered { display: block; }

article.tile.has-native-ad { position: relative; }

article.tile.has-native-ad .native-ad { z-index: -1; position: absolute; width: 100%; height: 100%; }

.play-by-play .ad-container:not(.type-5x5) { margin-top: 24px; }

.component.player-stats .ad-container:not(.type-5x5) { margin-top: 24px; }

.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: #f0f1f2; border-bottom: 1px solid #d7d7d9; z-index: 300 !important; }

.component.yieldmo-ad { max-width: 100%; margin: 0 auto 16px auto; padding: 0 8px; }

@media (max-width: 1024px) { .bxc[class*="bx-campaign-"][class*="bx-active-step-"] .bx-creative { margin-top: -10px !important; margin-bottom: 0 !important; } }

.ads-blank { visibility: hidden; }

.mainSlideWrapper { display: none; }

@media (min-width: 1024px) { .mainSlideWrapper { display: block; } }

@media (min-width: 1024px) { .monetate300_125 { display: none; } }

.slidecopy, .monetateLastSlide { display: none; }

@media (min-width: 1024px) { .slidecopy, .monetateLastSlide { display: block; } }

body.disable-ads .ad-wrapper { display: none; }

.karma-lazy-seriesDetails { position: relative; }

.single-ad-tablet { margin-left: auto; margin-right: auto; width: 300px; }

.karma-leaderboard-docking-element { background-color: #f2f2f2; }

.component.gallery { margin-bottom: 16px; /* Styles for slide details on top-level carousel only. */ /* Styles for slide details on inline/embedded carousel only. */ }

.component.gallery.full-height { height: 100%; }

.component.gallery .gallery-headline { font-family: "Dosis", PT Serif,serif, Times, 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: #f0f1f2; 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: #00659b; 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: #00659b; 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjY4MTM1ODI2LUU4OEUtNDA2MS04RDFELUJGNzUzOTBEQzA0RTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTE4IDE0bDYgNi02IDYiLz48L2c+PC9zdmc+Cg==); }

.component.gallery .gallery-content .gallery-container .owl-prev { left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjE4ODkwN0U0LUFFOUYtNEE4Qi04QjY1LTQwMENGMzQ1MzRFNDwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTIzIDE0bC02IDYgNiA2Ii8+PC9nPjwvc3ZnPgo=); }

.component.gallery .gallery-content .gallery-container .owl-stage-outer { background: #f0f1f2; }

.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 #a3a5a9; }

.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: #00659b; }

.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; -webkit-transform: translateY(-50%); 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: "PT 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: "PT Serif", serif; font-size: 12px; font-style: italic; font-weight: bold; }

.component.gallery .gallery-details .image-details .slide-info .credit { font-family: "PT Serif", 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: "PT 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: "PT 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: #d7d7d9; }

.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 #d7d7d9; 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: #00659b; height: 42px; width: 50px; border-radius: 0 5px 5px 0; }

.search-results-html-form .icon.search:hover { background-color: #00659b; }

.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: #a3a5a9; 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 #f0f1f2; background-color: #f0f1f2; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjIzIiBmaWxsPSIjZDdkN2Q5IiAvPjwvc3ZnPgo=); 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: #00659b; }

.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: #a3a5a9; }

.search-results-form-menus .facet-menu.empty path { fill: #a3a5a9; }

.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 #d7d7d9; 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 #d7d7d9; 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: #00659b; 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: #00659b; }

.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: #00659b; 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: #00659b; }

.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 #00659b; }

.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: #f0f1f2; 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: #a3a5a9; }

.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 #d7d7d9; 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: #a3a5a9; 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: #00659b; background-repeat: no-repeat; background-position: center; border-radius: 5px; width: 28px; height: 28px; text-indent: 100%; }

.search-results-pagination .arrow:hover { background-color: #00659b; }

.search-results-pagination .arrow path, .search-results-pagination .arrow polygon { fill: #fff; }

.search-results-pagination .prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjE4ODkwN0U0LUFFOUYtNEE4Qi04QjY1LTQwMENGMzQ1MzRFNDwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTIzIDE0bC02IDYgNiA2Ii8+PC9nPjwvc3ZnPgo=); }

.search-results-pagination .next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjY4MTM1ODI2LUU4OEUtNDA2MS04RDFELUJGNzUzOTBEQzA0RTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTE4IDE0bDYgNi02IDYiLz48L2c+PC9zdmc+Cg==); }

.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 #d7d7d9; 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 { font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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(215, 215, 217, 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: #f0f1f2; 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: "PT Serif", serif; color: #383838; }

nav.main .style-orange a { color: #00659b; }

nav.main .style-orange a:hover { color: #00659b; }

nav.main .secondary-item.small.section-label { color: #00659b; font-size: 12px; line-height: 12px; padding-top: 3px; padding-left: 6px; padding-bottom: 2px; font-weight: 700; letter-spacing: 1px; font-family: "PT Serif", serif; text-transform: uppercase; border-right: 1px solid #d7d7d9; }

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: "PT 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 #00659b; border-bottom: 1px solid #00659b; }

nav.main .menu-list-item.has-submenu:hover a.menu-link { color: #00659b; }

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 #d7d7d9; 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: "PT Serif", serif; }

nav.main .dropdown-menu-container li a { width: 100%; min-width: 132px; }

nav.main .dropdown-menu-container li a:hover { background: #f0f1f2; }

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: "PT Serif", serif; }

nav.main .primary-links .menu-list-item:last-child a { color: #00659b; font-size: 11px; letter-spacing: 0; padding: 12px 0; margin-right: -4px; }

nav.main .primary-links .menu-list-item:last-child a:hover { color: #00659b; }

@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::selection { color: #282f2f; background: #00659b; }

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: #f0f1f2; border-bottom: 1px solid #d7d7d9; 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: #00659b; border-bottom: 2px solid #00659b; }

nav.main li.selected a { color: #00659b; }

nav.main a { color: #00659b; display: inline-block; }

nav.main a:hover { color: #00659b; }

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: #00659b; font-family: "PT Serif", 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(215, 215, 217, 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: #00659b; }

nav.menu .second-menu { border-bottom: 1px solid #d7d7d9; 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: #f0f1f2; }

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(215, 215, 217, 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: #f0f1f2; }
  nav.menu li a:hover, nav.menu li.has-companion.hover { color: #00659b; }
  nav.menu li:hover .accordion-arrow .icon svg { fill: #00659b; }
  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: #00659b; }

.menu:hover .menu-inner, .menu:hover .menu-inner:after, .menu:hover .menu-inner:before { background-color: #00659b; }

.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: "PT Serif", serif; text-align: left; letter-spacing: 1px; color: #383838; }

.menu-label-small:hover { color: #00659b; }

.menu-label { font-family: "PT Serif", 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: #00659b; background: #f0f1f2; }

.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 #d7d7d9; padding-left: 16px; padding-right: 16px; }

.accordion-secondary-menu { padding: 0 8px; border-top: 1px solid #d7d7d9; }

.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(215, 215, 217, 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; }

/****************************** Big/Full-Size Nav */
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; } }

/******************************* Hamburger Menu -- Full Size Nav */
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; } }

/******************************* Show Top Recirc under Full Nav */
@media (min-width: 1024px) { nav.full-size-nav-enabled ~ div.nav-placeholder.no-secondary-ribbon.no-utility-ribbon { height: 175px; } }

/******************************** Position sticky ad for Full Nav */
@media (min-width: 1024px) { nav.full-size-nav-enabled.hide-nav-elements ~ .ad-wrapper .ads-sticky-header-wrapper { top: 48px !important; } }

/************************************* Full Size Nav --- Under Social Icons */
.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; }

/******************************* Prevent animations on page load */
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: #0000FF; 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: #0000FF; }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjE4ODkwN0U0LUFFOUYtNEE4Qi04QjY1LTQwMENGMzQ1MzRFNDwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTIzIDE0bC02IDYgNiA2Ii8+PC9nPjwvc3ZnPgo=); }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjY4MTM1ODI2LUU4OEUtNDA2MS04RDFELUJGNzUzOTBEQzA0RTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTE4IDE0bDYgNi02IDYiLz48L2c+PC9zdmc+Cg==); }

.component.content-loader { width: 100%; clear: both; }

.component.content-loader button { color: #fff; background-color: rgba(0, 0, 0, 0.95); font-family: "PT Serif", 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: "Roboto Condensed", 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; }
  .side-by-side-image .image-expander .image-wrapper:first-child { padding-right: 0.5em; }
  .side-by-side-image .image-expander .image-wrapper:last-child { padding-left: 0.5em; } }

@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: "PT Serif", serif; overflow: hidden; padding-bottom: 50px; }

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

footer.main a:hover { color: #00659b; }

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: #8b8d91; font-size: 10px; letter-spacing: 0.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: 0.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: #8b8d91; 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 #d7d7d9; border-top: 1px solid #d7d7d9; 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: #8b8d91; border-right: 1px solid #d7d7d9; margin-right: 5px; }

.product-tile .shop-it { margin-right: 5px; }

.product-tile .headline { font-size: 16px; line-height: 1.38; font-family: "Roboto Condensed", serif; }

.product-tile .headline a { color: inherit; }

.product-tile .headline a:hover { color: #00659b; }

.product-tile .product-image { position: relative; border: 1px solid #d7d7d9; }

.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, 101, 155, 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%; 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 rgba(0, 0, 0, 0.95); 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 rgba(0, 0, 0, 0.95); }

.component.lazy-image.app_list_thumbnail_2x { height: 0; padding-bottom: 100%; position: relative; background: #f0f1f2; 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: #f0f1f2; 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: #f0f1f2; 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: #f0f1f2; border-radius: 50%; padding: 2px; }

.image-container a:hover { background: #00659b; }

.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: #a3a5a9; font-family: "PT Serif", 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: "PT Serif", 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: #F2F2F2; }

.component.inline.image .image-wrap-container { width: 100%; text-align: left; }

.pullquote, .blockquote { border-left: 4px solid #0000FF; margin: 28px 0; padding-left: 15.84px; padding-top: 8px; padding-bottom: 8px; }

.pullquote-content, .blockquote, .pullquote-content p, .blockquote p { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; font-weight: 700; line-height: 1.42; font-style: italic; }

.pullquote-attribution, .blockquote figcaption, .blockquote-attribution { font-family: "PT Serif", serif; font-size: 14px; font-weight: 400; line-height: 0.8; color: rgba(0, 0, 0, 0.65); letter-spacing: 0.5px; padding-top: 12px; 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 { margin: 28px 0 28px -28px; padding-left: 24px; } }

.blockquote { margin: 1.5em auto; }

.blockquote p, .blockquote ol { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 14px; font-weight: 400; line-height: 28px; font-style: italic; }

.blockquote p:first-child, .blockquote ol:first-child { margin-top: 0; }

@media (min-width: 1024px) { .blockquote { margin: 28px 0 28px -28px; padding-left: 24px; } }

.mdex-test .pullquote, .mdex-test .blockquote { border-left: 0; overflow: hidden; padding: 12px 0 12px 54px; position: relative; }

.mdex-test .pullquote blockquote, .mdex-test .blockquote blockquote { margin: 0 0 16px; }

.mdex-test .pullquote p, .mdex-test .blockquote p { font-style: normal; }

.mdex-test .pullquote:before, .mdex-test .blockquote:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cHM6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYgMTdoM2wyLTRWN0g1djZoM3ptOCAwaDNsMi00VjdoLTZ2NmgzeiIgZmlsbD0iIzIzOUFEMiIvPjwvc3ZnPgo=) 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 .blockquote { border-left: 4px solid #0000FF; padding-left: 24px; }

.mdex-test .blockquote p, .mdex-test .blockquote ol { font-size: 17px; font-style: normal; margin-top: 0; }

.mdex-test .blockquote:before { content: none; }

.mdex-test .pullquote-attribution, .mdex-test .blockquote figcaption, .blockquote .mdex-test figcaption, .mdex-test .blockquote-attribution, .mdex-test .blockquote-attribution { font-style: normal; padding-bottom: 0; text-transform: uppercase; }

@media (min-width: 1024px) { .mdex-test .pullquote, .mdex-test .blockquote { margin-left: 0; } }

.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 #d7d7d9; 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; column-count: 3; column-width: 150px; 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: #00659b; }

.selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu li:hover, .selectBox-dropdown-menu.flex-column-selectBox-dropdown-menu li:hover a { background: #f0f1f2; color: #8b8d91; cursor: pointer; }

.selectBox-dropdown, .ddl-filter { appearance: none; line-height: 35px; padding-left: 10px; height: 36px; width: 134px; border-radius: 3px; border: 1px solid #d7d7d9; background: #fff; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); font-family: "Dosis", PT Serif,serif, Times, 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 #d7d7d9; 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: "Dosis", PT Serif,serif, Times, serif; font-size: 12px; text-transform: uppercase; font-weight: normal; }

.selectBox-options li:hover { background-color: #f0f1f2; }

.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.svg"); }

.selectBox-options li.nhl, .selectBox-label.nhl { padding-left: 28px; background-image: url("/img/icons/NHL.svg"); }

.selectBox-options li.ncaaf, .selectBox-label.ncaaf { padding-left: 28px; background-image: url("/img/icons/NCAAF.svg"); }

.selectBox-options li.ncaab, .selectBox-label.ncaab { padding-left: 28px; background-image: url("/img/icons/NCAAB.svg"); }

.selectBox-options li.mlb, .selectBox-label.mlb { padding-left: 28px; background-image: url("/img/icons/MLB.svg"); }

.selectBox-options li.nba, .selectBox-label.nba { padding-left: 28px; background-image: url("/img/icons/NBA.svg"); }

.selectBox-options li.tennis, .selectBox-label.tennis { padding-left: 28px; background-image: url("/img/icons/Tennis.svg"); }

.selectBox-options li.soccer, .selectBox-label.soccer { padding-left: 28px; background-image: url("/img/icons/Soccer.svg"); }

.selectBox-options li.golf, .selectBox-label.golf { padding-left: 28px; background-image: url("/img/icons/Golf.svg"); }

.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 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: top; }

.jumpstart-video .video-js video { opacity: 1 !important; }

.jumpstart-video .vjs-poster { background-size: cover; background-position: top; display: block !important; }

.jumpstart-video .vjs-has-started .vjs-poster { display: none !important; }

.video-caption { font-family: "PT Serif", 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: "PT 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 #00659b; }

.component.anchors .anchor-list-item-title { font-size: 24px; font-weight: 500; font-family: "Dosis", PT Serif,serif, Times, 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: "PT 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 */
.component.tabs .tab-rail { position: relative; border-bottom: 1px solid #d7d7d9; }

.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 #f0f1f2; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjIzIiBmaWxsPSIjZDdkN2Q5IiAvPjwvc3ZnPgo=); 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: #00659b; }

.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: "Dosis", PT Serif,serif, Times, 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: #8b8d91; font-weight: 500; }

.component.tabs .tab-item.active .tab-item-container { color: #282f2f; font-weight: 700; box-shadow: 0 1px 0 #00659b; border-bottom: 2px solid #00659b; 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: "PT 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: "PT Serif", serif; background: none; border: 2px solid #d7d7d9; 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 #00659b; background: #00659b; 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: #00659b; }

.button.white { background: #fff; color: #00659b; font-family: "Dosis", PT Serif,serif, Times, serif; font-weight: 600; padding: 12px 24px; font-size: 12px; line-height: 12px; letter-spacing: 1px; border: 1px solid #d7d7d9; text-transform: uppercase; }

.button.white:hover { background: #00659b; border-color: #00659b; color: #fff; }

.button.orange { background-color: #00659b; width: 272px; height: 42px; border: none; color: #fff; font-family: "Dosis", PT Serif,serif, Times, 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: #00659b; }

.button.green { color: #00659b; }

.button.green .icon #plus { fill: #00659b; }

.button.green:hover { color: #00659b; }

.button.green:hover .icon #plus { fill: #00659b; }

.button.signup-button { margin-bottom: 16px; }

.button.favorite { font-family: "PT 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 #d7d7d9; 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: "Dosis", PT Serif,serif, Times, serif; font-weight: 600; padding: 12px 24px; font-size: 12px; line-height: 12px; letter-spacing: 1px; border: 1px solid #d7d7d9; text-transform: uppercase; text-align: center; margin: 24px auto 0; display: block; }

.button.mysi-tab-favorite:hover { background: #00659b; border-color: #00659b; color: #fff; }

.button.active { opacity: 0.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: #a3a5a9; }

.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: #00659b; }

.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: #8b8d91; }

.overlay-popup .close-btn.hidden { display: none; }

.component.button { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; }

.component.button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.button:active { opacity: 0.8; }

.component.button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.button:active { opacity: 0.8; }

.component.button:visited { border: 3px solid #0000FF; color: #0000FF; background: #fff; }

.component.button:hover, .component.button:active, .component.button:focus { border-color: #0000FF; color: #fff; background: #0000FF; }

.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: #f0f1f2; }

.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.links-list ul { list-style: none; padding: 0; margin: 0; }

/* Use direct-descendent > as needed to style top-level gallery slides */
/* without affecting embedded galleries (i.e. horiz gallery within listicle). */
@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: "PT Serif", serif; font-size: 12px; font-style: italic; font-weight: 700; }

.component.vertical-gallery .vertical-slide > .slide-info .credit { font-family: "PT Serif", 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: 0.5px; font-weight: 700; margin-bottom: 10px; margin-top: 0.6em; display: block; font-family: "Dosis", PT Serif,serif, Times, serif; color: #282f2f; }

.component.vertical-gallery .vertical-slide > .media-body a.headline-link:hover { color: #00659b; }

.component.vertical-gallery .vertical-slide > .media-body .caption { line-height: 24px; font-family: "PT 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: "PT Serif", serif; margin-left: 0; color: #a3a5a9; }

.component.vertical-gallery.listicle .vertical-slide > .media-body .caption { margin-top: 12px; font-size: 14px; line-height: 24px; font-family: "PT Serif", serif; letter-spacing: 0.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: "PT Serif", serif; letter-spacing: 0.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; /*---------------------------------------------- Responsive fixes Some embeds aren't actually responsive, and will cause the main layout to overflow when resizing the browser down. The overflow is also possibly an edge case interaction bug with an explicitly declared width & flexbox. -----------------------------------------------*/ }

.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; }

.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: "PT Serif", serif; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.65); letter-spacing: 0.5px; text-align: center; }

.newsletter-signup-modal .description, .newsletter-container-dark .description { font-family: "PT 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: 0.5px; }

.newsletter-signup-modal .description a:hover, .newsletter-container-dark .description a:hover { color: #8b8d91; }

.newsletter-signup-modal .container-heading, .newsletter-container-dark .container-heading { font-family: "Dosis", PT Serif,serif, Times, 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: #f0f1f2; background-size: cover; letter-spacing: 0.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 #f0f1f2; 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 #f0f1f2; } }

.icon.icon-clock { padding-right: 6px; }

.newsletter-success-modal { width: 480px; height: 210px; border-left: 7px solid #00659b; display: table; }

.newsletter-success-modal .content-container { display: table-cell; vertical-align: middle; }

.newsletter-success-modal .primary-heading { font-family: "Dosis", PT Serif,serif, Times, serif; font-weight: 700; font-size: 24px; line-height: 1.2; text-align: center; color: #00659b; }

.newsletter-success-modal .primary-message { font-family: "PT 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: "PT Serif", serif; font-size: 12px; line-height: 1.5; letter-spacing: 0.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: "PT Serif", serif; font-size: 20px; line-height: 28px; color: #8b8d91; 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: "PT 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: #8b8d91; font-family: "PT 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: #8b8d91; } }

.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 #d7d7d9; 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: "PT Serif", 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(215, 215, 217, 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(215, 215, 217, 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: "PT 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(240, 241, 242, 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: "Dosis", PT Serif,serif, Times, serif; font-size: 14px; font-weight: 700; line-height: 1.14; letter-spacing: 0.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: #00659b; font-size: 14px; font-weight: normal; margin-bottom: 9px; }

.component.dropdown.video-transcript .heading svg path { fill: #00659b; }

.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: #00659b; }

.component.expander .open-button:hover path, .component.expander .close-button:hover path { fill: #00659b; }

.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 components */
.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 #00659b; }

.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: "PT Serif", 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: #00659b; 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: #f0f1f2; }

.component.subscribe-flyout:hover .flyout-panel { display: block; }

.build-a-meal { position: relative; background: #00659b; color: #fff; margin-bottom: 30px; font-family: "PT 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: "Dosis", PT Serif,serif, Times, serif; }

.build-a-meal__deck { margin: 0 0 15px 0; font-style: italic; letter-spacing: 0.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 #8b8d91; width: 100%; color: #000; letter-spacing: 0.5px; }

.build-a-meal__addition { display: none; }

.build-a-meal__includes { position: relative; z-index: 100; }

.build-a-meal__includes p { margin-top: 0; }

.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: 0.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 #a3a5a9; }

.build-a-meal__checkbox input:checked:after { content: '\2714'; font-size: 10px; position: absolute; top: 6px; left: 3px; color: #000; }

.build-a-meal__button { width: 150px; height: 40px; border-radius: 3px; background-color: #00659b; 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: "Roboto Condensed", serif; font-size: 14px; font-weight: 600; line-height: 1.14; letter-spacing: 0.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 #00659b; border-top: 0; font-family: "Roboto Condensed", serif; }

.hub-filter .link { color: #282f2f; font-weight: 600; }

.hub-filter .link:hover { color: #00659b; }

.hub-filter .heading { border-bottom: 1px solid #d7d7d9; }

.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 #d7d7d9; }

.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 #d7d7d9; }

.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: #00659b; }

.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: "Roboto Condensed", 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 #d7d7d9; }

.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: #00659b; 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: #00659b; 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(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cHM6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyOCAxMiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEuOTM1LjI2Mmw1LjQ1NSA1LjQ1Ni01LjQ1NSA1LjQ1NUwyMC4yMiA5LjQybDIuNjgzLTIuNjQtOS44OS4wMThWNC42NmwxMC4wNjQuMDMzTDIwLjMgMS45MiAyMS45MzYuMjYzem0tMTUuNzI4IDBsMS42MzQgMS42Ni0yLjc3NSAyLjc3aDcuOTQ0djIuMTRsLTcuNzctLjA1MyAyLjY4IDIuNjQtMS43MTMgMS43NTNMLjc1MiA1LjcxOCA2LjIwNy4yNjJ6Ii8+PC9zdmc+) 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: "PT Serif", 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: 0.5px; max-width: 100%; font-family: "Roboto Condensed", serif; color: #fff; text-transform: uppercase; padding: 12px 24px; background: #00659b; 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHBzOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPjY4MTM1ODI2LUU4OEUtNDA2MS04RDFELUJGNzUzOTBEQzA0RTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTE4IDE0bDYgNi02IDYiLz48L2c+PC9zdmc+Cg==) 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: #019bd9; appearance: none; }

.progress-bar progress::-webkit-progress-bar { background-color: transparent; }

.progress-bar progress::-webkit-progress-value { background-color: #019bd9; }

.progress-bar progress::-moz-progress-bar { background-color: #019bd9; }

.progress-container { width: 100%; background-color: transparent; position: absolute; top: 0; left: 0; height: 2px; display: block; }

.progress-bar-inner { background-color: #019bd9; 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 #d7d7d9; 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: "Dosis", PT Serif,serif, Times, 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: "PT 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: #8b8d91; }

.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%; 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%; 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: "Dosis", PT Serif,serif, Times, 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: "PT 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: #8b8d91; font-family: "PT 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%); } }

body main .article.content.body .component.full-width-image, .template-recipe .recipe-blog-content .component.full-width-image { padding: 0; }

@media (min-width: 1024px) { body main .article.content.body .component.full-width-image, .template-recipe .recipe-blog-content .component.full-width-image { display: block; height: initial; max-width: none; padding-left: 0; padding-right: 0; }
  body main .article.content.body .component.full-width-image .image-expander, .template-recipe .recipe-blog-content .component.full-width-image .image-expander { display: flex; }
  body main .article.content.body .component.full-width-image .image-expander.full-width, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.full-width { margin: 0; padding-left: 0; padding-right: 0; }
  body main .article.content.body .component.full-width-image .image-expander.default, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.default { max-width: 885px; padding-left: 24px; padding-right: 24px; margin: 0 auto; }
  body main .article.content.body .component.full-width-image .image-expander.featured, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.featured { flex-wrap: wrap; justify-content: center; }
  body main .article.content.body .component.full-width-image .image-expander.featured .image-wrapper:first-child, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.featured .image-wrapper:first-child { width: 100%; }
  body main .article.content.body .component.full-width-image .image-expander.middle-featured .image-wrapper, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.middle-featured .image-wrapper { width: auto; }
  body main .article.content.body .component.full-width-image .image-expander.middle-featured .image-wrapper:first-child, body main .article.content.body .component.full-width-image .image-expander.middle-featured .image-wrapper:last-child, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.middle-featured .image-wrapper:first-child, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.middle-featured .image-wrapper:last-child { flex-grow: 1; }
  body main .article.content.body .component.full-width-image .image-expander.middle-featured .image-wrapper:nth-child(2), .template-recipe .recipe-blog-content .component.full-width-image .image-expander.middle-featured .image-wrapper:nth-child(2) { flex-grow: 2; }
  body main .article.content.body .component.full-width-image .image-expander.middle-featured .image-wrapper img, .template-recipe .recipe-blog-content .component.full-width-image .image-expander.middle-featured .image-wrapper img { width: auto; max-height: 500px; }
  body main .article.content.body .component.full-width-image .single .image-wrapper, .template-recipe .recipe-blog-content .component.full-width-image .single .image-wrapper { box-sizing: border-box; width: 100%; }
  body main .article.content.body .component.full-width-image .diptych .image-wrapper, .template-recipe .recipe-blog-content .component.full-width-image .diptych .image-wrapper { box-sizing: border-box; width: 50%; }
  body main .article.content.body .component.full-width-image .diptych .image-wrapper:first-child, .template-recipe .recipe-blog-content .component.full-width-image .diptych .image-wrapper:first-child { padding-right: 6px; }
  body main .article.content.body .component.full-width-image .diptych .image-wrapper:last-child, .template-recipe .recipe-blog-content .component.full-width-image .diptych .image-wrapper:last-child { padding-left: 6px; }
  body main .article.content.body .component.full-width-image .triptych .image-wrapper, .template-recipe .recipe-blog-content .component.full-width-image .triptych .image-wrapper { box-sizing: border-box; width: 33.33%; }
  body main .article.content.body .component.full-width-image .triptych .image-wrapper:first-child, .template-recipe .recipe-blog-content .component.full-width-image .triptych .image-wrapper:first-child { padding-right: 8px; }
  body main .article.content.body .component.full-width-image .triptych .image-wrapper:nth-child(2), .template-recipe .recipe-blog-content .component.full-width-image .triptych .image-wrapper:nth-child(2) { padding-left: 4px; padding-right: 4px; }
  body main .article.content.body .component.full-width-image .triptych .image-wrapper:last-child, .template-recipe .recipe-blog-content .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: "Dosis", PT Serif,serif, Times, 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: #00659b; }

.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: "Dosis", PT Serif,serif, Times, serif; }

.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]::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 #a3a5a9; 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: #a3a5a9; }

.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: #8b8d91; 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: "Roboto Condensed", serif; }

.component .product-tile .media-body .headline a { color: inherit; }

.component .product-tile .media-body .headline a:hover { color: #00659b; }

.component .product-tile .product-image { position: relative; border: 1px solid #d7d7d9; }

.component .product-tile .top-buy { position: absolute; bottom: 8px; right: 0; font-size: 12px; text-transform: uppercase; color: #fff; background-color: rgba(0, 101, 155, 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) .dialogTitle { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

/* 1, Sidebar / Hamburger Menu */
.sidebar-authentication { display: flex; justify-content: space-between; margin: 0 8px; padding: 12px 8px; border-bottom: 1px solid rgba(215, 215, 217, 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: "PT Serif", serif; font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: 0.4px; color: #00659b; }

/*
2. Navigation
*/
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: "PT Serif", serif; font-size: 12px; font-weight: 700; line-height: 1.33; letter-spacing: 0.5px; color: #00659b; cursor: pointer; }

nav.main .primary-links .nav-authentication svg { margin: 0 10px; }

body { /* Hide any .logged-out when authenticated. */ /* And do the opposite when NOT authenticated. */ }

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; }

/* Account Details Page */
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 */
.auth-forms { font-family: "PT Serif", serif; /* Text styles */ /* Text utilities */ /* Form field styles: inputs, buttons, etc */ }

.auth-forms a { color: rgba(0, 0, 0, 0.65); }

.auth-forms a:hover, .auth-forms a:active { color: #00659b; }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 40px; letter-spacing: 0.5px; line-height: 1.25; color: #282f2f; font-weight: normal; }

.auth-forms .auth-header { font-family: "PT 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: "PT 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: "PT 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: #00659b; }

.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: "PT 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: #00cc66; 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: #cc0000; }

.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: #cc0000; }

.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] { 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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]::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: #00659b; }

.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 #cc0000; }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwczovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTAgMHYxMmgxNlYwSDB6bTEuNTExIDEwLjUxNVYyLjI2OEw4IDYuNTE2bDYuNDg5LTQuMzk3djguMzk2SDEuNTF6bTEuMzEtOS4wMDdoMTAuNTAybC01LjMxIDMuNTE3LTUuMTkyLTMuNTE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjQTU5Rjk5IiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwczovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTEyLjY2NyA4VjUuNDU4YzAtMS4xNTItLjM3Mi0yLjEyOC0xLjExNS0yLjkyNy0uNzQzLS43OTgtMS43MTItMS4xOTgtMi45MDYtMS4xOTgtMS4yMDkgMC0yLjE3NC40MDMtMi44OTYgMS4yMDktLjcyMi44MDUtMS4wODMgMS43NzctMS4wODMgMi45MTZWOGg4ek0xNCA4aDMuMzMzdjEwLjMzM2EzIDMgMCAwIDEtMyAzSDNhMyAzIDAgMCAxLTMtM1Y4aDMuMzMzVjUuNDU4YzAtLjc1LjEyOS0xLjQ1OC4zODYtMi4xMjVhNS4yNiA1LjI2IDAgMCAxIDEuMDgzLTEuNzRBNS4wNTQgNS4wNTQgMCAwIDEgNi40OC40MjhDNy4xMzIuMTQyIDcuODU0IDAgOC42NDYgMGMuNzc4IDAgMS40OTYuMTQyIDIuMTU2LjQyNy42Ni4yODUgMS4yMjYuNjcgMS42OTggMS4xNTYuNDcyLjQ4Ni44NCAxLjA2MyAxLjEwNCAxLjczLjI2NC42NjYuMzk2IDEuMzgxLjM5NiAyLjE0NVY4ek0xLjMzMyA5LjMzM1YxOGEyIDIgMCAwIDAgMiAySDE0YTIgMiAwIDAgMCAyLTJWOS4zMzNIMS4zMzN6TTguNjY3IDEyYy4zNzUgMCAuNjkuMTI4Ljk0OC4zODUuMjU3LjI1Ny4zODUuNTczLjM4NS45NDggMCAuMjUtLjA2Mi40NzYtLjE4OC42NzdhMS4zNDUgMS4zNDUgMCAwIDEtLjQ3OS40N3YyLjE4N2EuNjQuNjQgMCAwIDEtLjE5OC40NjguNjQuNjQgMCAwIDEtLjQ2OC4xOTguNjQuNjQgMCAwIDEtLjQ3LS4xOTguNjQuNjQgMCAwIDEtLjE5Ny0uNDY4di0yLjE4OGExLjM0NSAxLjM0NSAwIDAgMS0uNDgtLjQ2OSAxLjI1OCAxLjI1OCAwIDAgMS0uMTg3LS42NzdjMC0uMzc1LjEyOS0uNjkuMzg2LS45NDguMjU3LS4yNTcuNTczLS4zODUuOTQ4LS4zODV6IiBpZD0iYSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4zMzMpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0iI0E1OUY5OSIgeGxpbms6aHJlZj0iI2EiLz48ZyBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjRjNGM0YyIj48cGF0aCBkPSJNLTgtNS4zMzNoMzJ2MzJILTh6Ii8+PC9nPjxnIG1hc2s9InVybCgjYikiIGZpbGw9IiNFMURGREQiPjxwYXRoIGQ9Ik0tOC01LjMzM2gzMnYzMkgtOHoiLz48L2c+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0QwQ0RDQSI+PHBhdGggZD0iTS04LTUuMzMzaDMydjMySC04eiIvPjwvZz48ZyBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjQTU5Rjk5Ij48cGF0aCBkPSJNLTgtNS4zMzNoMzJ2MzJILTh6Ii8+PC9nPjwvZz48L3N2Zz4=); }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNBNTlGOTkiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEzLjczIDkuMTlIMTd2MTAuMTQzYTMgMyAwIDAgMS0zIDNIM2EzIDMgMCAwIDEtMy0zVjkuMTloMy4yN1Y2LjY4NWE1LjggNS44IDAgMCAxIC4zNzctMi4wOTVBNS4xOSA1LjE5IDAgMCAxIDQuNzEgMi44NzZhNC45NTcgNC45NTcgMCAwIDEgMS42NDUtMS4xNWMuNjQtLjI4IDEuMzQ4LS40MjEgMi4xMjUtLjQyMS40NjQgMCAuOTA2LjA1MiAxLjMyOC4xNTZ2MS4zNTZBNC4yNjggNC4yNjggMCAwIDAgOC40OCAyLjYyYy0xLjE4NiAwLTIuMTMyLjM5Ny0yLjg0IDEuMTkxLS43MDkuNzk0LTEuMDYzIDEuNzUyLTEuMDYzIDIuODc1VjkuMTloNy44NDZWNy4yMmgxLjMwOFY5LjE5ek0xLjMwOSAxMC41MDV2OC41MTRhMiAyIDAgMCAwIDIgMmgxMC4zODRhMiAyIDAgMCAwIDItMnYtOC41MTRIMS4zMDh6TTguNSAxMy4xMzNjLjM2OCAwIC42NzguMTI3LjkzLjM4LjI1Mi4yNTQuMzc4LjU2NS4zNzguOTM1IDAgLjI0Ni0uMDYyLjQ2OS0uMTg0LjY2Ny0uMTIzLjE5OS0uMjguMzUzLS40Ny40NjJ2Mi4xNTZhLjYzMy42MzMgMCAwIDEtLjE5NC40NjIuNjI3LjYyNyAwIDAgMS0uNDYuMTk1LjYyNy42MjcgMCAwIDEtLjQ2LS4xOTUuNjMzLjYzMyAwIDAgMS0uMTk0LS40NjJ2LTIuMTU2YTEuMzIyIDEuMzIyIDAgMCAxLS40Ny0uNDYyIDEuMjQ1IDEuMjQ1IDAgMCAxLS4xODQtLjY2N2MwLS4zNy4xMjYtLjY4MS4zNzgtLjkzNWExLjI2IDEuMjYgMCAwIDEgLjkzLS4zOHoiLz48cGF0aCBkPSJNMTQuOTE2IDZoLS44MjRhLjIyOC4yMjggMCAwIDEtLjE1OC0uMDUyLjQ1NS40NTUgMCAwIDEtLjA5NC0uMTE2bC0uOTQtMS41MDhhLjkxLjkxIDAgMCAxLS4wOTYuMjM2bC0uODUyIDEuMjcyYS43NTEuNzUxIDAgMCAxLS4wOTguMTE2LjE5Ni4xOTYgMCAwIDEtLjE0Mi4wNTJoLS43NjhsMS40MTItMi4xMDRMMTEgMS45MmguODI0Yy4wNjcgMCAuMTE1LjAxLjE0Ni4wMy4wMy4wMi4wNTguMDUuMDgyLjA5bC45MjQgMS40NGEuOTIzLjkyMyAwIDAgMSAuMTEyLS4yNTJsLjc4LTEuMTcyYy4wNTMtLjA5LjEyMS0uMTM2LjIwNC0uMTM2aC43ODhsLTEuMzU2IDEuOTRMMTQuOTE2IDZ6bTQuNDkyLS44MTJjLjA5MyAwIC4xNjcuMDI3LjIyLjA4Mi4wNTMuMDU1LjA4LjEyNS4wOC4yMVY2aC0zLjg5NnYtLjI5MmEuNTI0LjUyNCAwIDAgMSAuMTUyLS4zNmwxLjc5Mi0xLjc5NmMuMTUyLS4xNTIuMjg3LS4yOTcuNDA2LS40MzYuMTE5LS4xMzkuMjItLjI3Ny4zMDQtLjQxNi4wODQtLjEzOS4xNDgtLjI4LjE5Mi0uNDIyLjA0NC0uMTQzLjA2Ni0uMjkzLjA2Ni0uNDUgMC0uMTUyLS4wMjMtLjI4Ni0uMDctLjQwMmEuNzkxLjc5MSAwIDAgMC0uMTkyLS4yODguOC44IDAgMCAwLS4yOTItLjE3MiAxLjE1MiAxLjE1MiAwIDAgMC0uMzc0LS4wNThjLS4xMyAwLS4yNTEuMDE5LS4zNjIuMDU2LS4xMS4wMzctLjIxLjA5LS4yOTYuMTU2YS44OTYuODk2IDAgMCAwLS4yMTYuMjM4Yy0uMDU3LjA5Mi0uMS4xOTMtLjEyNi4zMDItLjA0LjExLS4wOTEuMTgzLS4xNTQuMjItLjA2My4wMzctLjE1NC4wNDUtLjI3NC4wMjRsLS40NTItLjA4Yy4wNC0uMjcyLjExNS0uNTEuMjI2LS43MTZhMS42OSAxLjY5IDAgMCAxIC45OTYtLjgyNiAyLjI3IDIuMjcgMCAwIDEgLjcwNi0uMTA2Yy4yNTYgMCAuNDkxLjAzOC43MDYuMTE0LjIxNS4wNzYuNC4xODQuNTU2LjMyNC4xNTYuMTQuMjc4LjMxLjM2Ni41MS4wODguMi4xMzIuNDI1LjEzMi42NzYgMCAuMjEzLS4wMzEuNDEtLjA5NC41OTJhMi40MDYgMi40MDYgMCAwIDEtLjI1NC41MiAzLjYzNyAzLjYzNyAwIDAgMS0uMzc0LjQ4MmMtLjE0My4xNTYtLjI5My4zMTQtLjQ1LjQ3NEwxNy4wNCA1LjI5MmMuMTE1LS4wMzIuMjMtLjA1Ny4zNDYtLjA3NmEyLjA4IDIuMDggMCAwIDEgLjMzLS4wMjhoMS42OTJ6Ii8+PC9nPjwvc3ZnPg==); }

.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwczovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwczovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTAgMHYxMmgxNlYwSDB6bTEuNTExIDEwLjUxNVYyLjI2OEw4IDYuNTE2bDYuNDg5LTQuMzk3djguMzk2SDEuNTF6bTEuMzEtOS4wMDdoMTAuNTAybC01LjMxIDMuNTE3LTUuMTkyLTMuNTE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjQTU5Rjk5IiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); }

.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: #d7d7d9; 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: #00659b; color: #fff; border-color: #00659b; 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: #00659b; border-color: #00659b; }

.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: "PT 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: #cc0000; 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: #00659b; 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 #d7d7d9; }

.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 #d7d7d9; bottom: 0; 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; width: 100%; }

.component.gdpr .btn:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gdpr .btn:active { opacity: 0.8; }

.component.gdpr .btn:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gdpr .btn:active { opacity: 0.8; }

.component.gdpr .btn:visited { background: #0000FF; color: #fff; }

.component.gdpr .btn:hover, .component.gdpr .btn:active, .component.gdpr .btn:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

@media (min-width: 768px) { .component.gdpr .btn { width: auto; } }

@media (min-width: 1162px) { .component.gallery-test { width: calc(100vw - 300px - 96px); 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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "PT Serif", 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; 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 { user-select: none; }
  .component.gallery-test .glide-slide { width: 100%; height: 100%; flex-shrink: 0; white-space: initial; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
  .component.gallery-test .glide-slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; }
  .component.gallery-test .glide-arrows { -webkit-touch-callout: none; user-select: none; }
  .component.gallery-test .glide-bullets { -webkit-touch-callout: 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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", serif; margin: 34px 0 24px 0; text-align: center; }

.component.gallery-test .glide-share-buttons a, .component.gallery-test .glide-replay { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }

.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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-test .glide-share-buttons .icon a:active { opacity: 0.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%; }

.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:not(:last-of-type):not(.title-slide) { margin-bottom: 32px; }

.component.gallery-test .glide-slide.title-slide { margin-bottom: 32px; }

@media (min-width: 1162px) { .component.gallery-test .glide-slide:not(:last-of-type) { margin-bottom: 0; } }

.component.gallery-test .glide-slide:not(.title-slide), .component.gallery-test .glide-slide:not(.last-slide) { display: flex; flex-direction: column; }

.component.gallery-test .glide-slide.ad-slide { display: none; }

.component.gallery-test .glide-slide-meta { display: flex; justify-content: space-between; order: 1; align-items: flex-end; margin-bottom: 8px; }

@media (min-width: 1162px) { .component.gallery-test .glide-slide-meta { margin-bottom: 0; } }

.component.gallery-test .glide-slide-number { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; margin-bottom: 0; }

.component.gallery-test .glide-slide-image { order: 1; background: #F2F2F2; text-align: center; line-height: 0; position: relative; }

.component.gallery-test .glide-slide-image .social-embed { margin: 0; }

.component.gallery-test .glide-slide-title { font-family: "Dosis", PT Serif,serif, Times, 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; }

.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 rgba(0, 0, 0, 0.95); transition: all .1s ease-in-out; text-decoration: none; font-family: "Roboto", "HelveticaNeue", sans-serif; }

.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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 { font-family: "Roboto", "HelveticaNeue", sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; color: rgba(0, 0, 0, 0.95); }

.component.gallery-test .glide-slide-desc p:first-of-type { margin-top: 0; }

.component.gallery-test .glide-slide-desc p:last-of-type { margin-bottom: 36px; }

.component.gallery-test .glide-slide-content { order: 2; }

.component.gallery-test .glide-slide-recipe-meta { font-family: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; max-width: 296px; margin-left: 4px; }

.component.gallery-test .glide-slide-cta-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-test .glide-slide-cta-button:active { opacity: 0.8; }

.component.gallery-test .glide-slide-cta-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-test .glide-slide-cta-button:active { opacity: 0.8; }

.component.gallery-test .glide-slide-cta-button:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.component.gallery-test .glide-slide-shopit-button { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; z-index: 1; position: relative; width: 140px; max-width: 296px; }

.component.gallery-test .glide-slide-shopit-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-test .glide-slide-shopit-button:active { opacity: 0.8; }

.component.gallery-test .glide-slide-shopit-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-test .glide-slide-shopit-button:active { opacity: 0.8; }

.component.gallery-test .glide-slide-shopit-button:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; letter-spacing: 0.5px; font-weight: normal; display: block; }

.component.gallery-test .glide-slide-shopit-retailer { font-family: "PT Serif", 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 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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 #0000FF; padding: 24px; background-color: rgba(0, 0, 0, 0); }

.component.gallery-test .glide-slide.title-slide .glide-slide-desc { padding-top: 24px; font-family: "PT Serif", serif; }

.component.gallery-test .glide-slide.title-slide .glide-slide-desc p { font-family: "PT 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-image { width: 48%; float: left; margin: 0 24px 24px 0; }
  .component.gallery-test .glide-slide.title-slide .glide-slide-desc { padding: 0; overflow: hidden; } }

@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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; padding: 14px 32px; }
  .component.gallery-test .glide-slide.title-slide .glide-start:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.gallery-test .glide-slide.title-slide .glide-start:active { opacity: 0.8; }
  .component.gallery-test .glide-slide.title-slide .glide-start:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.gallery-test .glide-slide.title-slide .glide-start:active { opacity: 0.8; }
  .component.gallery-test .glide-slide.title-slide .glide-start:visited { background: #0000FF; 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: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; } }

.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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.gallery-test .glide.title-slide .title-slide-next-text:active { opacity: 0.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; padding: 0 24px 0; display: flex; align-items: center; justify-content: center; flex-direction: row; }
  .component.gallery-test .glide.title-slide .right-arrow:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.gallery-test .glide.title-slide .right-arrow:active { opacity: 0.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 { position: static; margin-left: 8px; }
  .component.gallery-test .glide.title-slide .glide-controls { justify-content: flex-end; border-bottom-width: 0; }
  .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 auto; }
  .component.gallery-test .glide.last-slide .circular-countdown-canvas { transform: rotate(-90deg); }
  .component.gallery-test .glide.last-slide .glide-replay-container { text-align: left; margin-top: 36px; }
  .component.gallery-test .glide.last-slide .icon-replay, .component.gallery-test .glide.last-slide .glide-replay { vertical-align: middle; color: rgba(0, 0, 0, 0.95); cursor: pointer; }
  .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: #0000FF; padding: 32px; }
  .component.gallery-test .glide.last-slide .glide-up-next h2 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", serif; letter-spacing: 0.5px; margin: 0; }
  .component.gallery-test .glide.last-slide .glide-up-next-link { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: 0; display: inline-block; font-family: "PT Serif", serif; color: rgba(0, 0, 0, 0.95); 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; border: 0; background: 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 { height: 70px; border-top: 1px solid rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; width: 100%; z-index: 1; margin-bottom: 0; background: #fff; justify-content: center; align-items: center; }
  .component.gallery-test .glide-toolbar, .component.gallery-test .glide-controls, .component.gallery-test .glide .view-all-btn { display: flex; }
  .component.gallery-test .glide-controls { width: calc(100% - 330px); min-width: 434px; max-width: 550px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); height: 100%; } }

@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 { font-family: inherit; font-size: 100%; background-color: transparent; }
  .component.gallery-test .glide-view-all { flex: 100 0 1px; display: flex; align-items: center; justify-content: center; border: 0; }
  .component.gallery-test .glide-view-all .view-all-inner-wrapper { display: flex; align-items: center; 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; color: rgba(0, 0, 0, 0.95); text-decoration: none; }
  .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 { flex: 0 0 72px; border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; z-index: 100; }
  .component.gallery-test .glide-nav:hover, .component.gallery-test .glide-nav:focus { border-width: 1px; border-color: rgba(0, 0, 0, 0.65); }
  .component.gallery-test .glide-sharebar { flex: 100 0 1px; }
  .component.gallery-test .glide-replay { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; display: flex; align-items: center; justify-content: flex-start; font-weight: bold; }
  .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) { position: relative; padding-top: 70px; }
  .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 { order: 2; }
  .component.gallery-test .glide-slide.video-slide .glide-slide-title { order: 2; }
  .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 { padding-top: 24px; background-color: rgba(0, 0, 0, 0.05); }
  .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-meta-bottom { display: none; } }

@media (min-width: 1162px) and (min-width: 1162px) { .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta-bottom { display: flex; position: absolute; bottom: -24px; padding-bottom: 12px; width: 100%; }
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta-bottom .glide-slide-number { order: 1; border-right: 1px solid rgba(0, 0, 0, 0.15); padding-right: 8px; padding-top: 0; margin-top: 4px; }
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta-bottom .glide-view-all { order: 2; justify-content: left; background-color: #fff; }
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta-bottom .glide-controls { order: 3; border: 0; }
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-meta-bottom .glide-controls .right-arrow { margin-left: auto; border: 0; }
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-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):not(.video-slide) .glide-slide-meta-bottom .next-text { color: #ed174b; display: block; 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-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; width: calc(100% - 330px); margin: 0 0 32px 32px; position: relative; } }

@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 { order: 1; float: none; width: auto; max-width: none; margin: 0; }
  .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-view-all, .component.gallery-test .glide .glide-arrow { color: rgba(0, 0, 0, 0.95); }

.component.gallery-test .glide .glide-view-all .view-all-button-text, .component.gallery-test .glide .glide-arrow .view-all-button-text { color: rgba(0, 0, 0, 0.95); }

.component.gallery-test .glide .glide-view-all svg path, .component.gallery-test .glide .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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; color: rgba(0, 0, 0, 0.65); background-color: #fff; text-align: left; float: none; text-transform: uppercase; padding-left: 0; }

.component.gallery-test .body-credit:before { content: 'Photo: '; }

.component.gallery-test .dek { margin-bottom: 24px; color: rgba(0, 0, 0, 0.95); }

.component.gallery-test .glide-toolbar.cloned { display: none; }

body.modal-active.view-all { overflow: hidden; padding-right: 17px; }

body.modal-active.view-all .partial.modal.view-all { position: fixed; display: flex; flex-wrap: wrap; top: 150px; max-width: 1092px; }

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, #fff, rgba(0, 0, 0, 0.05), #fff, rgba(0, 0, 0, 0.05)); background-size: 400% 400%; animation: photoLoading 1s infinite; }

.image-loaded body.modal-active.view-all .partial.modal.view-all .component.lazy-image:after { background: none; animation: none; }

body.modal-active.view-all .partial.modal.view-all .component.lazy-image.image-loaded { padding-top: 0 !important; background: #F2F2F2; }

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 .content { position: absolute; background: #fff; top: 40px; left: 0; max-height: calc(100vh - 300px); width: 100%; overflow-y: auto; overflow-x: hidden; }

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; padding: 0 16px 16px 16px; width: calc(100% + 50px); }

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item { width: 180px; height: 180px; margin: 16px; background-color: transparent; border: 0; cursor: pointer; }

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide { display: flex; align-items: center; justify-content: center; position: relative; background: rgba(0, 0, 0, 0.05); }

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; }

.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, #fff, rgba(0, 0, 0, 0.05), #fff, rgba(0, 0, 0, 0.05)); background-size: 400% 400%; animation: photoLoading 1s infinite; }

.image-loaded .component.recirculation .component.lazy-image:after { background: none; animation: none; }

.component.recirculation .component.lazy-image.image-loaded { padding-top: 0 !important; background: #F2F2F2; }

.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.image-loaded .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; background-color: rgba(0, 0, 0, 0.3); }

.component.recirculation .image-overlay .component.share-new .icon.icon-pinterest path:first-child { fill: #fff; }

.component.recirculation .image-overlay .component.share-new .icon > a { border: none; border-radius: 0; background: none; width: 44px; height: 44px; }

.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: 1px; width: 100%; margin: 16px 0; margin: 16px auto; margin: 40px 0; position: relative; width: 100vw; left: -16px; }

.component.recirculation .recirculation__wrapper:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@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: "PT Serif", 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 { 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: "Dosis", PT Serif,serif, Times, 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 { text-decoration: none; color: rgba(0, 0, 0, 0.95); margin-top: 12px; display: block; /* Fallback for non-webkit */ 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 span { font-family: "Dosis", PT Serif,serif, Times, 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; }

.component.recirculation .popular__listItemTitleLink span:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.component.recirculation .popular__listItemTitleLink span:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.component.recirculation .popular__listItemDifficulty .project-meta-item-value { font-family: "PT Serif", 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: "PT Serif", 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 rgba(0, 0, 0, 0.95); background: rgba(0, 0, 0, 0.95); color: #fff; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.recirculation .popular__prev:active, .component.recirculation .popular__next:active { opacity: 0.8; }
  .component.recirculation .popular__prev svg, .component.recirculation .popular__next svg { fill: #fff; }
  .component.recirculation .popular__prev:hover, .component.recirculation .popular__next:hover { background: #fff; border-color: 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: "PT Serif", 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: "PT Serif", 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: "PT 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: "PT Serif", 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: "PT Serif", 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); }

@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: "PT Serif", 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: "PT Serif", 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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.share-new.square .icon-text:active { opacity: 0.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; }

.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: #006600; 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: #006600; stroke: #006600; }

.component.share-new .icon.icon-favorite .saved path:first-child { fill: #006600; stroke: #006600; }

.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: #006600; stroke: #006600; }

.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; /* IE Not aligning adding top for IE. */ top: 14px; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.modal.share-icons .component.share-new .icon-text:active { opacity: 0.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:active { opacity: 0.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 { font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; max-width: 300px; }

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:active { opacity: 0.8; }

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:active { opacity: 0.8; }

.component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-cta-button:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); 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 rgba(0, 0, 0, 0.95); }

body button.icon-image-zoom:focus { outline: 3px solid #4d90fe; 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 rgba(0, 0, 0, 0.95); border-radius: 50%; width: 56px; height: 56px; 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: 1px; width: 100%; margin: 16px 0; margin: 16px auto; position: relative; left: 50%; margin: 40px 0; transform: translateX(-50%); width: 100vw; }

.component.auto-advance .divider:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

@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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; 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: #006600; }

.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: -64px; } }

.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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; padding-right: 16px; font-family: "PT 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 48px 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link:active { opacity: 0.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.95); }

.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: 30px; 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: #0000FF; border-width: 0 0 2px; font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; height: 100%; width: 100%; top: 0; left: 0; padding: 0 66px 0 0; 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: 0; 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 { position: absolute; right: 0; bottom: 5px; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search { width: 26px; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field { padding-right: 24px; }

@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; border-width: 0; padding-right: 28px; 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 .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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; 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; /* Fallback for non-webkit */ 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; }

@media (min-width: 768px) { .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .main-channel { font-size: 36px; line-height: 44px; } }

@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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; 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: "PT Serif", 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: "PT Serif", 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; max-width: 220px; }
  .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: "PT Serif", 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: "PT Serif", 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: 0.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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", 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; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .headline { font-size: 24px; line-height: 32px; } }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .summary { color: rgba(0, 0, 0, 0.95); font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; font-family: "PT Serif", serif; color: #0000FF; color: #0000FF; text-decoration: none; width: 100%; align-items: center; display: flex; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:active { opacity: 0.8; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more:active { opacity: 0.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: #0000FF; text-decoration: none; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .read-more svg path { fill: rgba(0, 0, 0, 0.95); }

.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; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .headline { line-height: 32px; } }

@media (min-width: 1024px) { .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info h3.headline { margin-top: 16px; } }

@media (min-width: 1024px) { .partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .summary { font-size: 16px; line-height: 24px; } }

.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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .hamburger-menu .promotional-tile .article-info .read-more:active { opacity: 0.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 { font-family: "Dosis", PT Serif,serif, Times, 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 .summary { font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; margin: 0; line-height: 36px; text-transform: capitalize; font-family: "PT 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; bottom: 2px; } }

.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.submenu-children-wrapper .promotional-tile.tile .headline { color: rgba(0, 0, 0, 0.95); text-decoration: none; }
  .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .promotional-tile.tile .headline:hover, .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .promotional-tile.tile .headline:visited { color: rgba(0, 0, 0, 0.95); text-decoration: underline; }
  .partial.modal.hamburger .modal-wrapper .navigation-content.submenu-children-wrapper .promotional-tile.tile .summary { color: rgba(0, 0, 0, 0.95); } }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", 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; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline { font-size: 24px; line-height: 32px; } }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .summary { color: rgba(0, 0, 0, 0.95); font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; font-family: "PT Serif", serif; color: #0000FF; color: #0000FF; text-decoration: none; width: 100%; align-items: center; display: flex; }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:active { opacity: 0.8; }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more:active { opacity: 0.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: #0000FF; text-decoration: none; }

.partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .read-more svg path { fill: rgba(0, 0, 0, 0.95); }

.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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", 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 { font-weight: normal; display: inline; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .navigation-content.indexed .tile .headline { font-size: 24px; line-height: 32px; } }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; font-family: "PT Serif", 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; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .headline { font-size: 24px; line-height: 32px; } }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .summary { color: rgba(0, 0, 0, 0.95); font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; font-family: "PT Serif", serif; color: #0000FF; color: #0000FF; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:active { opacity: 0.8; }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more:active { opacity: 0.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: #0000FF; text-decoration: none; }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more svg path { fill: rgba(0, 0, 0, 0.95); }

.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; }

@media (min-width: 1162px) { .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .headline { line-height: 32px; } }

@media (min-width: 1024px) { .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info h3.headline { margin-top: 16px; } }

@media (min-width: 1024px) { .partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .summary { font-size: 16px; line-height: 24px; } }

.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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .article-info .read-more:active { opacity: 0.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; }

@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 #4d90fe; outline-offset: -2px; box-shadow: none; }

.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: "PT Serif", 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 { 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 { 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 { 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: "PT Serif", 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: "PT Serif", 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; }

.component.navigation-test .logo svg { width: 130px; height: 24px; }

@media (min-width: 1024px) { .component.navigation-test:not(.sticky-nav) .menu-homepage-row .logo svg { width: 136px; height: 32px; } }

.component.navigation-test .container.secondary-links { padding: 8px 0; background: #fff; }

.component.navigation-test .container.secondary-links .menu-link { font-family: "PT Serif", 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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: 0; color: rgba(0, 0, 0, 0.95); margin-bottom: 24px; }

@media (min-width: 768px) { .component.navigation-test .container.secondary-links .menu-list-item .main-channel { font-size: 36px; line-height: 44px; } }

@media (min-width: 1024px) { .component.navigation-test .container.secondary-links .menu-list-item .main-channel { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; 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: "PT Serif", 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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", 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 #d7d7d9; }

@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: "PT Serif", 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; padding: 0 12px 0 0; display: block; }
  .component.navigation-test .icon.search svg { width: 24px; height: 24px; }
  .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 #006600; }
  .component.navigation-test .search-open .search-container .search-field { border-width: 0; border-style: none; width: 300px; font-family: "PT Serif", 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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; color: #006600; text-decoration: none; border-bottom: 2px solid #006600; }
  .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: #006600; 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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:active { opacity: 0.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: 30px; 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: #0000FF; border-width: 0 0 2px; font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; font-family: "PT Serif", serif; height: 100%; width: 100%; top: 0; left: 0; padding: 0 66px 0 0; color: rgba(0, 0, 0, 0.95); }

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search { bottom: 0; right: 0; height: 100%; width: 50px; }

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search { position: absolute; right: 0; bottom: 5px; }

@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: 120px; } }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .scroll-up .component.navigation-test .primary-text-links a:active { opacity: 0.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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; }

.component.navigation-test .menu-subscribe .subscribe-link a:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.navigation-test .menu-subscribe .subscribe-link a:active { opacity: 0.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 { font-family: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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 { columns: 3 auto; margin-left: 0; margin-top: 12px; } }

@media (min-width: 1024px) { .component.footer-test .shop-footer-container .shop-links { columns: 4 auto; column-fill: balance; } }

.component.footer-test .shop-footer-container .shop-link { font-family: "PT Serif", 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: "PT Serif", 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: #0000FF; }

.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: "PT Serif", 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: #F2F2F2; 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: "PT Serif", serif; }

.component.footer-test .footer-test .footer-title { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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); background-color: #F2F2F2; }

@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: "PT Serif", 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: "PT Serif", 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; color: rgba(0, 0, 0, 0.95); background-color: #F2F2F2; }

.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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; }

.component.footer-test .footer-test .footer-other-sites-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.footer-test .footer-test .footer-other-sites-link:active { opacity: 0.8; }

.component.footer-test .footer-test .footer-other-sites-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.footer-test .footer-test .footer-other-sites-link:active { opacity: 0.8; }

.component.footer-test .footer-test .footer-other-sites-link:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.component.footer-test .footer-test .footer-global-communities-link { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; padding: 10px 22px; letter-spacing: 0.5px; text-transform: capitalize; }

.component.footer-test .footer-test .footer-global-communities-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.footer-test .footer-test .footer-global-communities-link:active { opacity: 0.8; }

.component.footer-test .footer-test .footer-global-communities-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.footer-test .footer-test .footer-global-communities-link:active { opacity: 0.8; }

.component.footer-test .footer-test .footer-global-communities-link:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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: "PT Serif", 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "PT Serif", 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; 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 { 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; } }

.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, #fff, rgba(0, 0, 0, 0.05), #fff, rgba(0, 0, 0, 0.05)); background-size: 400% 400%; animation: photoLoading 1s infinite; }

.image-loaded .lazy-image__loadingPlaceholder:after { background: none; animation: none; }

.lazy-image__loadingPlaceholder.image-loaded { padding-top: 0 !important; background: #F2F2F2; }

.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: "PT Serif", 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; height: 48px; overflow: hidden; }

.topics-carousel .carouselNav__listWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.topics-carousel .carouselNav__list { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 68px; overflow-x: scroll; word-spacing: 0; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.topics-carousel .carouselNav__listItem { display: inline-block; height: 48px; }

.topics-carousel .carouselNav__listItem:not(:first-child) { padding-left: 4px; }

.topics-carousel .carouselNav__link { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; font-size: 14px !important; height: 48px; line-height: 42px; padding-top: 0; padding-bottom: 0; text-transform: uppercase !important; }

.topics-carousel .carouselNav__link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.topics-carousel .carouselNav__link:active { opacity: 0.8; }

.topics-carousel .carouselNav__link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.topics-carousel .carouselNav__link:active { opacity: 0.8; }

.topics-carousel .carouselNav__link:visited { border: 3px solid #0000FF; color: #0000FF; background: #fff; }

.topics-carousel .carouselNav__link:hover, .topics-carousel .carouselNav__link:active, .topics-carousel .carouselNav__link:focus { border-color: #0000FF; color: #fff; background: #0000FF; }

.topics-carousel .carouselNav__link:focus { border: 4px; margin: 0 4px; height: auto; }

.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 rgba(0, 0, 0, 0.95); background: rgba(0, 0, 0, 0.95); color: #fff; position: absolute; width: 46px; height: 46px; z-index: 1; top: 0; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.topics-carousel .carouselNav__prev:active, .topics-carousel .carouselNav__next:active { opacity: 0.8; }

.topics-carousel .carouselNav__prev svg, .topics-carousel .carouselNav__next svg { fill: #fff; }

.topics-carousel .carouselNav__prev:hover, .topics-carousel .carouselNav__next:hover { background: #fff; border-color: 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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: 0; }

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

.faqs-list { padding-left: 0; list-style: none; }

.faqs-list-item { margin-bottom: 20px; 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: 20px; }

.faqs-list-question { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; margin-bottom: 8px; }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; }

.definition-list-term { text-transform: uppercase; font-weight: 700; padding-right: 4px; }

.definition-list-contents 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 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, .definition-list-contents a:focus { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.definition-list-contents a:active { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 #595959; }

.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: "Roboto Condensed", 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; }

@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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; margin: 8px 0 0; width: fit-content; }

.category-page-list-content .category-page-item-readmore:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.category-page-list-content .category-page-item-readmore:active { opacity: 0.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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: 0; }

@media (min-width: 768px) { .template-category-page .category-page-list-heading { font-size: 48px; line-height: 52px; } }

@media (min-width: 768px) { .template-category-page .category-page-list-heading { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: 0; } }

@media (min-width: 768px) and (min-width: 768px) { .template-category-page .category-page-list-heading { font-size: 36px; line-height: 48px; } }

.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 rgba(0, 0, 0, 0.95); border-radius: 50%; width: 56px; height: 56px; 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.category-page-list-related-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.category-page-list-related-load-more-button:active { opacity: 0.8; }

.category-page-list-related-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.category-page-list-related-load-more-button:active { opacity: 0.8; }

.category-page-list-related-load-more-button:visited { background: #0000FF; 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: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

@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: #F2F2F2; overflow: visible; }

.category-page-list-related:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); top: 0; left: 50%; transform: translate(-50%, -50%); }

.category-page-list-related:before { content: ''; position: absolute; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.15); left: 50%; transform: translateX(-50%); top: 0; }

.template-category-page .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: "Dosis", PT Serif,serif, Times, 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: transparent; 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: "Roboto Condensed", 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 { font-family: "Dosis", PT Serif,serif, Times, 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 { padding: 64px 0; } }

.category-page-blocks-heading { margin: 0 0 32px; }

.template-category-page .category-page-blocks-heading { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: 0; }

@media (min-width: 768px) { .template-category-page .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: "Roboto Condensed", 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; }

@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 { font-family: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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: #F2F2F2; } }

@media (min-width: 1024px) { .category-page-videos-lead-content-container { padding: 32px; } }

.category-page-videos-lead-content-container .category-page-videos-summary { font-family: "PT Serif", serif; margin: 8px 0 0; line-height: 24px; }

@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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; margin: 0; }

@media (min-width: 1024px) { .category-page-videos-lead-content { margin-top: 32px; } }

@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 .category-page-videos-link { display: flex; flex-wrap: wrap; position: relative; }

.category-page-videos-lead-content-container { padding-top: 16px; }

@media (min-width: 1024px) { .category-page-videos-lead-content-container { padding-top: 0; } }

.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 rgba(0, 0, 0, 0.95); background: rgba(0, 0, 0, 0.95); color: #fff; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }
  .category-page-videos__prev:active, .category-page-videos__next:active { opacity: 0.8; }
  .category-page-videos__prev svg, .category-page-videos__next svg { fill: #fff; }
  .category-page-videos__prev:hover, .category-page-videos__next:hover { background: #fff; border-color: 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: "Dosis", PT Serif,serif, Times, 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 .category-page-videos-date { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; margin: 8px 0 0; color: #0000FF; }

.category-page-videos.reverse-colors { background-color: #0000FF; 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 { 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }

.faceted-search-widget .dropdown:focus { border-color: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: "PT Serif", 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 { 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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 { 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }

.faceted-search-widget-dropdown-label:focus { border-color: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: "PT Serif", 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: #0000FF; }

.faceted-search-widget-submit { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; padding: 0; height: 48px; width: 108px; }

.faceted-search-widget-submit:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.faceted-search-widget-submit:active { opacity: 0.8; }

.faceted-search-widget-submit:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.faceted-search-widget-submit:active { opacity: 0.8; }

.faceted-search-widget-submit:visited { background: #0000FF; color: #fff; }

.faceted-search-widget-submit:hover, .faceted-search-widget-submit:active, .faceted-search-widget-submit:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.faceted-search-widget .faceted-search-widget-dropdown-label { font-family: "PT Serif", 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 #4d90fe; 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 #4d90fe; 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 #4d90fe; 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); }

.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: #F2F2F2; }

.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: "PT Serif", 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: "PT Serif", 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; /* Custom nav */ }

.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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; }

.component.ugc-item .recipe-review-body--truncated { display: block; /* Fallback for non-webkit */ 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; /* Fallback for non-webkit */ 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; /* Fallback for non-webkit */ 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; /* Fallback for non-webkit */ 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: rgba(0, 0, 0, 0.95); }

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link { font-family: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: #006600; }

.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: "PT Serif", 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-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 #006600; }

.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: #006600; stroke: #006600; 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: #006600; stroke: #006600; }

.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: #006600; stroke: #006600; }

.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 #006600; }

.recipe-ratings-list .ratings-count { display: block; font-family: "PT Serif", 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: #006600; }

.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: "PT Serif", 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: #0000FF; }

.faceted-search-filters-prompt:hover, .faceted-search-filters-prompt:visited { color: rgba(0, 0, 0, 0.95); text-decoration: none; }

.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; border-bottom: 1px solid 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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 { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; margin: 0; }

.faceted-search-filters-clearall { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; background: transparent; border-width: 0; border-radius: 0; color: rgba(0, 0, 0, 0.65); }

.faceted-search-filters-clearall:focus { border-color: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.faceted-search-filters-available-item-filter-choices { 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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; }

.faceted-search-filters-available-item-filter-choices-wrapper .icon-search { position: absolute; top: 16px; right: 16px; }

.faceted-search-filters-available-item-filter-choices-wrapper .icon-search svg { width: 15px; height: 14px; }

.faceted-search-filters-available-item-filter-choices-wrapper .icon-search path { fill: rgba(0, 0, 0, 0.65); }

.faceted-search-filters-available-item-select-input:checked + .faceted-search-filters-available-item-select-label::after { left: 6px; border: solid 1px #fff; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); opacity: 1; }

.faceted-search-filters-available-item-select-input:checked + .faceted-search-filters-available-item-select-label::before { border-color: rgba(0, 0, 0, 0.95); background-color: rgba(0, 0, 0, 0.95); }

.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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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.95); background-color: transparent; }

.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; padding: 6px 0; }

.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: "PT Serif", 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 { 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; width: 100%; }

.faceted-search-filters-available-input:focus { border-color: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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; /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; }

.faceted-search-filters-available-input-label:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.faceted-search-filters-available-input-label:active { opacity: 0.8; }

.faceted-search-filters-update-results { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.faceted-search-filters-update-results:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.faceted-search-filters-update-results:active { opacity: 0.8; }

.faceted-search-filters-update-results:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.faceted-search-filters-update-results:active { opacity: 0.8; }

.faceted-search-filters-update-results:visited { background: #0000FF; color: #fff; }

.faceted-search-filters-update-results:hover, .faceted-search-filters-update-results:active, .faceted-search-filters-update-results:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; font-size: 18px; font-family: "PT Serif", serif; border: none; padding: 3px 15px; margin: 4px; }

.component.search-ingredient-form .form-row.primary { border: 1px solid #0000FF; 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 #cc0000; }

.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 #4d90fe; 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 #4d90fe; 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.search-ingredient-form .search-button:active { opacity: 0.8; }

.component.search-ingredient-form .search-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.search-ingredient-form .search-button:active { opacity: 0.8; }

.component.search-ingredient-form .search-button:visited { background: #0000FF; color: #fff; }

.component.search-ingredient-form .search-button:hover, .component.search-ingredient-form .search-button:active, .component.search-ingredient-form .search-button:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

@media (min-width: 1024px) { .component.search-ingredient-form .search-button { width: 110px; } }

/* Style to override the look of the "Search by Ingredient menu item */
.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: "PT Serif", 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: "PT Serif", 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: #006600; }

.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: "PT Serif", 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: "PT Serif", 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: #0000FF; }

.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 #006600; }
  .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: "PT Serif", 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; /* Fallback for non-webkit */ 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: #006600; 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: "Dosis", PT Serif,serif, Times, 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; text-transform: none; display: block; margin: 24px auto; }

.component.ugc-upload .ugc-upload-submit:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-upload .ugc-upload-submit:active { opacity: 0.8; }

.component.ugc-upload .ugc-upload-submit:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-upload .ugc-upload-submit:active { opacity: 0.8; }

.component.ugc-upload .ugc-upload-submit:visited { background: #0000FF; color: #fff; }

.component.ugc-upload .ugc-upload-submit:hover, .component.ugc-upload .ugc-upload-submit:active, .component.ugc-upload .ugc-upload-submit:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

@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: #006600; 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 { font-family: "Dosis", PT Serif,serif, Times, 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: #1a0e96; color: #fff; font-family: "PT Serif", 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 #2615db; 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: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: #1a0e96 #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: rgba(1, 155, 217, 0.3); border-radius: 3px; margin: 0 10px; font-size: 16px; letter-spacing: 1px; font-weight: 700; font-family: "PT Serif", 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: #6ebe43; 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(#1a0e96, #0000FF); transform: translateX(-16px); color: #fff; font-family: "PT Serif", 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: #1a0e96; 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: "Dosis", PT Serif,serif, Times, 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: "PT Serif", 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 #6ebe43; 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: "PT Serif", 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: "PT Serif", 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: #1a0e96; 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: rgba(1, 155, 217, 0.3); 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: rgba(1, 155, 217, 0.3); 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, #1a0e96 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, rgba(1, 155, 217, 0.3) 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: rgba(1, 155, 217, 0.3); transition: 0.5s border-color; }

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline-dates { color: #fff; font-family: "PT Serif", 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: "PT Serif", 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: #6ebe43; 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: #6ebe43; 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: rgba(1, 155, 217, 0.3); 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: rgba(1, 155, 217, 0.3); 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: #006600; line-height: 20px; font-family: "PT 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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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 { 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: "PT Serif", 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: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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:active, .search-results-standalone-submit:focus, .search-results-standalone .searchButton:hover, .search-results-standalone .searchButton:active, .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:active path, .search-results-standalone-submit:focus path, .search-results-standalone .searchButton:hover path, .search-results-standalone .searchButton:active path, .search-results-standalone .searchButton:focus 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; }

.search-results-total-results { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }

.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 rgba(0, 0, 0, 0.95); border-radius: 50%; width: 56px; height: 56px; 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; } }

.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 rgba(0, 0, 0, 0.95); border-radius: 50%; width: 56px; height: 56px; 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.search-results-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.search-results-load-more-button:active { opacity: 0.8; }

.search-results-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.search-results-load-more-button:active { opacity: 0.8; }

.search-results-load-more-button:visited { background: #0000FF; color: #fff; }

.search-results-load-more-button:hover, .search-results-load-more-button:active, .search-results-load-more-button:focus { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

@media (min-width: 1024px) { .search-results { max-width: 818px; }
  .search-results-heading .mdex-test .search-results { font-family: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.search-result-meta { list-style: none; margin: 0; padding: 0; }

.search-result-meta-item { font-family: "PT Serif", 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: "PT Serif", 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: "PT Serif", 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: #cc0000; 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 { background-color: rgba(0, 128, 0, 0.1); }

.component.alert-banner.type-success .alert-icon { background: url("/img/icons/alert-success.svg"); }

.entity-card .special-header { background: #0000FF; padding: 4px 8px; }

.entity-card .special-header, .entity-card .special-header-link { font-family: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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: #0000FF; }

.entity-card .details-box, .entity-card .details-box p { font-family: "PT Serif", 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: "PT Serif", 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 { font-family: "PT Serif", 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 { display: inline; }

.entity-card .field-value .value p { margin-top: 6px; margin-right: 3px; }

.entity-card .field-value .value-link { font-family: "PT Serif", 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-link:hover, .entity-card .field-value .value-link:active, .entity-card .field-value .value-link:focus { box-shadow: none; color: #0000FF; }

@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: "Roboto Condensed", serif; font-weight: 700; text-transform: uppercase; margin-right: 4px; }

.entity-card.entity-summary .secondary-text { font-family: "Roboto Condensed", 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: "PT Serif", serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0; color: #fff; padding: 6px 9px; background-color: #0000FF; 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 #4d90fe; 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; }

.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-size: 30px; line-height: 32px; }

@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: 22px; line-height: 26px; } }

.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-full .field-row:last-of-type { background-color: #F2F2F2; }

.entity-card--creative-work.entity-full .field-row:last-of-type .field-value { border-bottom: 0; }

.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: #ed174b; }

.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: "Dosis", PT Serif,serif, Times, serif; font-weight: 400; letter-spacing: 0.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: #0000FF; }

.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: #695e4a; }

.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 #695e4a; }

.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; }

.component.image-composite { margin: 48px 0; }

.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 #00659b; }

.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: #00659b; }

.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: #6ebe43; }

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: #6ebe43; }

.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: #695e4a; }

.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; font-family: "Dosis", PT Serif,serif, Times, 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; }

.component.ugc-comments .ugc-comments-add-comment:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-add-comment:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-add-comment:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-add-comment:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-add-comment:visited { background: #0000FF; 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: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.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: "PT Serif", 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-reply-button:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-show-replies { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; display: block; margin: 32px auto 0; }

.component.ugc-comments .ugc-comments-show-replies:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-show-replies:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-show-replies:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-show-replies:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-show-replies:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; display: block; margin: 32px auto 0; }

.component.ugc-comments .ugc-comments-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-load-more-button:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-load-more-button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.ugc-comments .ugc-comments-load-more-button:active { opacity: 0.8; }

.component.ugc-comments .ugc-comments-load-more-button:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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-supplies { margin-bottom: 32px; }

.checklist-supplies-heading { position: relative; position: relative; padding-bottom: 16px; margin-bottom: 16px; padding-bottom: 8px; margin-bottom: 0; }

.checklist-supplies-heading:after { content: ''; display: block; position: absolute; width: 80px; height: 5px; background: rgba(0, 0, 0, 0.95); bottom: 0; transform: translateY(50%); }

.checklist-supplies-heading:before { content: ''; position: absolute; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.15); left: 50%; transform: translateX(-50%); bottom: -1px; }

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

.checklist-supplies-complex-headline { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: 0; font-size: 24px; 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 { left: 6px; border: solid 1px #0000FF; border-width: 0 2px 2px 0; background-color: transparent; transform: rotate(45deg); opacity: 1; }

.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 { top: 4px; width: 8px; height: 16px; }

.checklist-supplies .checklist-supplies-checkbox:focus + .checklist-supplies-item-wrapper:before { border-color: #4d90fe; box-shadow: 0 0 5px #4d90fe; outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; }

.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: transparent; }

.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; position: relative; display: flex; align-items: center; cursor: pointer; border-bottom: 1px solid #f3f3f2; padding: 16px 0; }

.checklist-supplies-checkbox:checked + .checklist-supplies-item-wrapper .checklist-supplies-item.complex-item-headline { text-decoration: line-through; color: rgba(0, 0, 0, 0.65); }

.checklist-supplies-item-wrapper { display: block; width: 100%; }

.checklist-supplies-item.complex-item-headline { 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 { grid-area: item; align-self: start; }

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-measurements { grid-area: measurements; font-weight: bold; }

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-quantity { grid-area: quantity; display: flex; align-items: center; border-left: 1px solid rgba(0, 0, 0, 0.05); padding-left: 16px; }

.checklist-supplies-cuts .checklist-supplies-item-wrapper .checklist-supplies-quantity-label { margin-right: 4px; font-weight: normal; }

.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-top: -8px; margin-right: 8px; }

.listicle-udf .listicle-headline { font-size: 24px; font-style: normal; font-weight: 700; letter-spacing: 0.5px; line-height: 32px; 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); padding-bottom: 32px; }

.listicle-udf .listicle-item-content { order: 2; }

.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; margin-bottom: 0; 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; }

.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 #0000FF; 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 #0000FF; 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: "PT Serif", 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: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); border-radius: 50%; width: 56px; height: 56px; 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: "Dosis", PT Serif,serif, Times, 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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.saved-item-meta { list-style: none; margin: 0; padding: 0; }

.saved-item-meta-item { font-family: "PT Serif", 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: "PT Serif", 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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; display: inline-block; vertical-align: top; display: block; /* Fallback for non-webkit */ 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 0.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 rgba(0, 0, 0, 0.95); 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: "Dosis", PT Serif,serif, Times, serif; text-transform: capitalize; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.categoryPageListFeaturedHeader__dek { display: block; /* Fallback for non-webkit */ 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: rgba(0, 0, 0, 0.05); 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: "Dosis", PT Serif,serif, Times, 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 { font-family: "Dosis", PT Serif,serif, Times, 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; }

.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 rgba(0, 0, 0, 0.95); }

@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 { display: block; /* Fallback for non-webkit */ 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; }

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text:after { content: ""; display: table; clear: both; }

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text-wrapper { font-family: "PT Serif", 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; }

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text-wrapper:hover, .categoryPageListFeaturedHeader__popular-list .category-page-item-image-text-wrapper:focus { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text-wrapper:active { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 #595959; }

.categoryPageListFeaturedHeader__popular-list .category-page-item-image-text-wrapper:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.categoryPageListLatest { display: flex; flex-wrap: wrap; margin: 48px 16px; }

@media (min-width: 768px) { .categoryPageListLatest { margin: 64px; } }

@media (min-width: 1024px) { .categoryPageListLatest { margin: 0 24px 64px; } }

@media (min-width: 1162px) { .categoryPageListLatest { margin: 0 auto 64px; padding: 0 80px; max-width: calc(1260px + 160px); } }

.categoryPageListLatest__title { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: 0; margin: 0 auto; width: 100%; padding: 0 0 24px; text-align: center; }

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

@media (min-width: 768px) { .categoryPageListLatest__title { margin-bottom: 32px; padding: 0; } }

@media (min-width: 1024px) { .categoryPageListLatest__title { flex-basis: 100%; } }

.categoryPageListLatest__list { border-top: 1px solid rgba(0, 0, 0, 0.15); margin: 48px auto 0; }

@media (min-width: 768px) { .categoryPageListLatest__list { border: 0; margin-top: 64px; max-width: 640px; min-width: 640px; } }

@media (min-width: 1024px) { .categoryPageListLatest__list { flex: 1; margin: 0 24px 0 0; max-width: none; min-width: auto; } }

@media (min-width: 1162px) { .categoryPageListLatest__list { margin-right: 56px; } }

.categoryPageListLatest__list .category-page-item { display: flex; padding: 24px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.categoryPageListLatest__list .category-page-item.section-last + .categoryPageListLatest__ad { margin-bottom: 0; }

@media (min-width: 768px) { .categoryPageListLatest__list .category-page-item { border-bottom: none; padding: 0 0 32px 0; }
  .categoryPageListLatest__list .category-page-item.section-last { padding-bottom: 0; }
  .categoryPageListLatest__list .category-page-item-content { min-width: 428px; } }

@media (min-width: 1162px) { .categoryPageListLatest__list .category-page-item { padding-bottom: 48px; } }

.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 100px; margin: 0 16px 0 0; max-width: 100px; }

@media (min-width: 768px) { .categoryPageListLatest__list .category-page-item .lazy-image { flex: 0 0 200px; margin-right: 24px; max-width: 200px; } }

@media (min-width: 1024px) { .categoryPageListLatest__list .category-page-item .lazy-image { flex: 0 0 272px; max-width: 272px; } }

@media (min-width: 1162px) { .categoryPageListLatest__list .category-page-item .lazy-image { margin: 0 32px 0 0; } }

.categoryPageListLatest__list .category-page-item .category-page-item-image-text { display: block; /* Fallback for non-webkit */ 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; color: rgba(0, 0, 0, 0.95); max-height: 80px; }

.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: 1024px) { .categoryPageListLatest__list .category-page-item .category-page-item-image-text { display: block; /* Fallback for non-webkit */ 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; } }

.categoryPageListLatest__list .category-page-item .category-page-item-image-text-wrapper { font-family: "Dosis", PT Serif,serif, Times, 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: 1024px) { .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 rgba(0, 0, 0, 0.95); }

.categoryPageListLatest__list .category-page-item-category-label { display: inline-block; font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; color: #0000FF; }

.categoryPageListLatest__list .category-page-item-category-label::after { content: '//'; font-size: 10px; position: relative; top: -1px; font-weight: bold; }

.categoryPageListLatest__list .category-page-item-timestamp { display: inline-block; font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }

.categoryPageListLatest__aside { margin: 0 16px; width: 100%; border: none; }

@media (min-width: 1162px) { .categoryPageListLatest__aside .karma-sticky-stuck { padding-left: 16px; } }

@media (min-width: 768px) { .categoryPageListLatest__aside { max-width: 640px; margin: 0 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); margin-bottom: 32px; padding: 32px 16px; }

.categoryPageListLatest__aside .linksList__list { text-align: center; }

@media (min-width: 768px) { .categoryPageListLatest__aside .linksList__list { columns: 2 auto; } }

@media (min-width: 1024px) { .categoryPageListLatest__aside .linksList__list { 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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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: 32px -16px; padding-top: 24px; }

@media (min-width: 360px) { .categoryPageListLatest__ad:not(.div-sm-inContent) { margin: 32px calc(50% - 50vw); } }

@media (min-width: 768px) { .categoryPageListLatest__ad:not(.div-sm-inContent) { margin: 48px calc(50% - 50vw); 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; } }

@media (max-width: 1023px) { .categoryPageListLatest__title { order: 1; }
  .categoryPageListLatest__list { order: 2; }
  .categoryPageListLatest .div-sm-highImpact.responsive { order: 3; }
  .categoryPageListLatest__aside { order: 4; } }

.categoryPageListSixFeatured { margin-bottom: 48px; padding: 32px 16px; background: rgba(0, 0, 0, 0.05); }

@media (min-width: 768px) { .categoryPageListSixFeatured { margin-bottom: 64px; padding: 64px; } }

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

@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: 976px; margin: 0 auto; }

@media (min-width: 1024px) { .categoryPageListSixFeatured__wrapper { justify-content: center; } }

@media (min-width: 1162px) { .categoryPageListSixFeatured__wrapper { max-width: 1240px; } }

.categoryPageListSixFeatured__title { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: 0; margin: 0 0 24px; padding: 0; text-align: center; flex: 0 0 100%; order: 1; }

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

@media (min-width: 768px) { .categoryPageListSixFeatured__title { margin-bottom: 32px; } }

.categoryPageListSixFeatured__main { order: 2; }

@media (min-width: 1024px) { .categoryPageListSixFeatured__main { max-width: 640px; flex: 1; order: 3; } }

@media (min-width: 1162px) { .categoryPageListSixFeatured__main { max-width: 840px; flex: 1; } }

.categoryPageListSixFeatured__main .category-page-item-content__title { display: block; /* Fallback for non-webkit */ 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; /* Fallback for non-webkit */ 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; }

@media (min-width: 768px) { .categoryPageListSixFeatured__main .lazy-image { margin-bottom: 24px; } }

@media (min-width: 1162px) { .categoryPageListSixFeatured__main .lazy-image { margin-bottom: 16px; } }

.categoryPageListSixFeatured__main .category-page-item-image-text { font-family: "Dosis", PT Serif,serif, Times, serif; text-transform: capitalize; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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 rgba(0, 0, 0, 0.95); }

.categoryPageListSixFeatured__main .category-page-item-description { display: block; /* Fallback for non-webkit */ 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: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; margin: 0 0 32px 0; text-align: center; margin-top: 8px; }

@media (min-width: 768px) { .categoryPageListSixFeatured__main .category-page-item-description { margin-bottom: 24px; text-align: left; } }

@media (min-width: 1024px) { .categoryPageListSixFeatured__main .category-page-item-description { margin-bottom: 0; } }

.categoryPageListSixFeatured__block { order: 3; }

@media (min-width: 1024px) { .categoryPageListSixFeatured__block { order: 2; flex: 0 1 304px; margin-right: 32px; } }

@media (min-width: 1279px) { .categoryPageListSixFeatured__block { margin-right: 56px; flex: 0 1 344px; } }

.categoryPageListSixFeatured__block .category-page-item { margin-bottom: 24px; display: flex; }

@media (min-width: 768px) { .categoryPageListSixFeatured__block .category-page-item { margin-bottom: 28px; } }

@media (min-width: 1024px) { .categoryPageListSixFeatured__block .category-page-item { flex: 0 1 100%; margin-bottom: 24px; } }

@media (min-width: 1279px) { .categoryPageListSixFeatured__block .category-page-item { margin-bottom: 28px; } }

.categoryPageListSixFeatured__block .category-page-item:last-child { margin-bottom: 0; }

.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: 112px; } }

@media (min-width: 1024px) { .categoryPageListSixFeatured__block .category-page-item .component.lazy-image { width: 96px; } }

@media (min-width: 1279px) { .categoryPageListSixFeatured__block .category-page-item .component.lazy-image { width: 112px; } }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image { display: flex; }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text { display: block; /* Fallback for non-webkit */ 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); }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:hover, .categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text:visited { color: rgba(0, 0, 0, 0.95); }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper { font-family: "PT Serif", 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; display: inline; }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper:hover, .categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper:focus { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper: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-wrapper:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

@media (min-width: 768px) { .categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper { line-height: 112px; } }

@media (min-width: 1024px) { .categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text-wrapper { line-height: 24px; } }

.categoryPageListThreeFeatured { margin-bottom: 48px; padding: 32px 16px; background: rgba(0, 0, 0, 0.05); }

@media (min-width: 768px) { .categoryPageListThreeFeatured { padding: 64px 16px; margin-bottom: 64px; } }

.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; text-align: center; }

@media (min-width: 768px) { .categoryPageListThreeFeatured__content .category-page-item { width: 193px; margin-right: 32px; margin-bottom: 0; text-align: left; } }

@media (min-width: 1024px) { .categoryPageListThreeFeatured__content .category-page-item { width: 300px; margin-right: 40px; } }

@media (min-width: 1279px) { .categoryPageListThreeFeatured__content .category-page-item { width: 365px; margin-right: 72px; } }

.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; /* Fallback for non-webkit */ 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; /* Fallback for non-webkit */ 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: "PT Serif", 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; /* Fallback for non-webkit */ 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 { font-family: "Dosis", PT Serif,serif, Times, 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; }

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.categoryPageListThreeFeatured__content .category-page-item .category-page-item-image-text:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.categoryPageListThreeFeatured__title { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; 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 { 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-bottom: 48px; padding: 32px 16px; background: #F2F2F2; }

@media (min-width: 768px) { .categoryPageListQuote { margin-bottom: 64px; padding: 64px; } }

@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; /* Fallback for non-webkit */ 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: 110px; text-align: center; color: rgba(0, 0, 0, 0.95); }

.categoryPageListQuote .entityTout__link:hover, .categoryPageListQuote .entityTout__link:visited { color: rgba(0, 0, 0, 0.95); }

@media (min-width: 768px) { .categoryPageListQuote .entityTout__link { text-align: left; } }

@media (min-width: 1024px) { .categoryPageListQuote .entityTout__link { display: block; /* Fallback for non-webkit */ 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; } }

.categoryPageListQuote .entityTout__headline { font-family: "Dosis", PT Serif,serif, Times, serif; text-transform: capitalize; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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; 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 rgba(0, 0, 0, 0.95); }

.categoryPageListQuote .entityTout__image { margin-bottom: 16px; }

@media (min-width: 768px) { .categoryPageListQuote .entityTout__image { float: none; margin: 0 auto 24px; width: auto; max-width: 640px; } }

@media (min-width: 1162px) { .categoryPageListQuote .entityTout__image { margin-bottom: 16px; max-width: 840px; } }

.categoryPageListQuote .entityTout__description p { display: block; /* Fallback for non-webkit */ 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: "PT Serif", 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: 976px; }

@media (min-width: 1024px) { .categoryPageListQuote__wrapper { justify-content: center; } }

@media (min-width: 1162px) { .categoryPageListQuote__wrapper { max-width: 1240px; } }

.categoryPageListQuote__title { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; 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 { margin-bottom: 32px; } }

.categoryPageListQuote__main { margin-bottom: 32px; }

@media (min-width: 1024px) { .categoryPageListQuote__main { max-width: 640px; flex: 1; margin-bottom: 0; } }

@media (min-width: 1162px) { .categoryPageListQuote__main { max-width: 840px; flex: 1; } }

.categoryPageListQuote__block { background: #F2F2F2; }

@media (min-width: 1024px) { .categoryPageListQuote__block { flex: 0 1 304px; margin: 0 0 0 32px; } }

@media (min-width: 1162px) { .categoryPageListQuote__block { margin-left: 56px; flex: 0 1 344px; } }

.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 { display: flex; align-items: center; justify-content: center; margin: 24px auto 0; 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: block; padding: 32px 16px; border-top: 4px solid; border-bottom: 2px solid; border-color: rgba(0, 0, 0, 0.95); }

.entityTout__quote-wrapper .blockquote { margin: 0; padding: 0; border-left: 0; }

.entityTout__quote-wrapper .blockquote p { display: block; /* Fallback for non-webkit */ 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: "Dosis", PT Serif,serif, Times, 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; /* Fallback for non-webkit */ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 36px; line-height: 44px; max-height: 176px; } }

@media (min-width: 1024px) { .entityTout__quote-wrapper .blockquote p { display: block; /* Fallback for non-webkit */ display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 36px; line-height: 44px; max-height: 484px; } }

.entityTout__quote-wrapper .blockquote__quote { margin: 0; }

.categoryPageToutDefault { margin-bottom: 48px; }

.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__list { display: block; height: auto; margin: 24px 0; padding-left: 12px; }

.categoryPageToutDefault__list .entityTout:last-child .entityTout__details { padding-bottom: 0; }

.categoryPageToutDefault__list .entityTout__details { padding-bottom: 24px; position: relative; }

.categoryPageToutDefault__list .entityTout__details::before { content: '\2022'; position: absolute; top: 4px; left: -12px; }

.categoryPageToutDefault__list .entityTout__details .entityTout__link { display: block; /* Fallback for non-webkit */ 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; color: rgba(0, 0, 0, 0.95); }

.categoryPageToutDefault__list .entityTout__details .entityTout__headline { font-family: "PT Serif", 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: 400; }

.categoryPageToutDefault__list .entityTout__details .entityTout__headline:hover, .categoryPageToutDefault__list .entityTout__details .entityTout__headline:focus { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.categoryPageToutDefault__list .entityTout__details .entityTout__headline:active { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 #595959; }

.categoryPageToutDefault__list .entityTout__details .entityTout__headline:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

@media (min-width: 768px) { .categoryPageToutDefault__list { display: flex; margin: 0; }
  .categoryPageToutDefault__list .entity-tout.entityTout { flex: 1 1 0; padding-right: 40px; padding-bottom: 0; }
  .categoryPageToutDefault__list .entity-tout.entityTout:last-child { padding-right: 0; } }

@media (min-width: 1024px) { .categoryPageToutDefault__list { flex: 1; margin-top: 24px; }
  .categoryPageToutDefault__list .categoryPageToutDefault__listItem .categoryPageToutDefault__listHeading { display: block; /* Fallback for non-webkit */ 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more:active, .categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more:active { opacity: 0.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; color: rgba(0, 0, 0, 0.95); }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link:focus, .categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more .entityTout__more-link:active, .categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more .entityTout__more-link:active { opacity: 0.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); }

.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: #019bd9; }

.categoryPageToutDefault__container .categoryPageToutDefault__category { margin: -80px 0 32px; padding: 16px 16px 24px; background: #fff; border-left: 4px solid rgba(0, 0, 0, 0.95); }

@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 { display: block; /* Fallback for non-webkit */ 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: 72px; }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__headline { font-family: "Dosis", PT Serif,serif, Times, serif; text-transform: capitalize; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0; font-family: "Dosis", PT Serif,serif, Times, 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; }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__headline:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__headline:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__description p { font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; margin-bottom: 0; margin-top: 8px; display: block; /* Fallback for non-webkit */ 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-bottom: 48px; background: rgba(0, 0, 0, 0.05); }

@media (min-width: 768px) { .categoryPageListToutEditProgram { height: 408px; margin-bottom: 64px; } }

@media (min-width: 1024px) { .categoryPageListToutEditProgram { height: 528px; } }

@media (min-width: 1279px) { .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: 1279px) { .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: 1088px; } }

@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: 1279px) { .categoryPageListToutEditProgram__callout { width: 632px; } }

.categoryPageListToutEditProgram__callout .entityTout { position: relative; margin: -120px 16px 32px; padding: 24px; background: #fff; z-index: 100; }

@media (min-width: 768px) { .categoryPageListToutEditProgram__callout .entityTout { margin: 0 0 24px; width: 280px; } }

@media (min-width: 1024px) { .categoryPageListToutEditProgram__callout .entityTout { margin-bottom: 36px; padding: 32px; width: 336px; max-width: 336px; } }

@media (min-width: 1279px) { .categoryPageListToutEditProgram__callout .entityTout { margin-bottom: 52px; padding: 32px 64px; max-width: none; width: 470px; max-width: 470px; } }

.categoryPageListToutEditProgram__callout .entityTout__logo { margin-bottom: 16px; }

.categoryPageListToutEditProgram__callout .entityTout__link { display: block; /* Fallback for non-webkit */ 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; color: rgba(0, 0, 0, 0.95); display: block; text-align: center; }

@media (min-width: 768px) { .categoryPageListToutEditProgram__callout .entityTout__link { display: block; /* Fallback for non-webkit */ 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; } }

.categoryPageListToutEditProgram__callout .entityTout__headline { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: 0; display: inline; margin: 0 0 16px; text-align: center; }

@media (min-width: 768px) { .categoryPageListToutEditProgram__callout .entityTout__headline { font-size: 36px; line-height: 44px; } }

@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; /* Fallback for non-webkit */ 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; }

.categoryPageListToutEditProgram__callout .entityTout__link + .entityTout__description { margin-top: 16px; }

.categoryPageListToutEditProgram__callout .entityTout__more { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; display: flex; justify-content: center; margin-top: 8px; text-align: center; color: rgba(0, 0, 0, 0.95); }

.categoryPageListToutEditProgram__callout .entityTout__more:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.categoryPageListToutEditProgram__callout .entityTout__more:active { opacity: 0.8; }

.categoryPageListToutEditProgram__callout .entityTout__more:hover { color: rgba(0, 0, 0, 0.95); }

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; color: rgba(0, 0, 0, 0.95); }

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:active { opacity: 0.8; }

.categoryPageListToutEditProgram__callout .entityTout__more .entityTout__more-link:hover { color: rgba(0, 0, 0, 0.95); }

.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: #019bd9; }

.categoryPageListToutEditProgram__blocks { display: flex; flex-wrap: wrap; justify-content: center; align-self: center; margin: 0 auto; padding: 0 16px 32px; max-width: 360px; position: relative; }

@media (min-width: 768px) { .categoryPageListToutEditProgram__blocks { margin-left: 32px; padding: 24px 0; width: 272px; height: auto; flex-shrink: 0; } }

@media (min-width: 1024px) { .categoryPageListToutEditProgram__blocks { margin-left: 0; padding: 36px 32px; width: auto; max-width: 496px; } }

@media (min-width: 1162px) { .categoryPageListToutEditProgram__blocks { flex: 0; margin: 0 auto; padding: 52px 32px; min-width: 608px; max-width: none; } }

.categoryPageListToutEditProgram__blocks .entityTout { flex: 0 1 calc(50% - 12px); max-width: 152px; margin-bottom: 24px; }

@media (min-width: 768px) { .categoryPageListToutEditProgram__blocks .entityTout { max-width: 120px; } }

@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; 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: 64px; } }

.categoryPageListToutEditProgram__blocks .entityTout:nth-last-child(-n+2) { margin-bottom: 0; }

.categoryPageListToutEditProgram__blocks .entityTout .lazy-image { margin-bottom: 8px; }

.categoryPageListToutEditProgram__blocks .entityTout__link { display: inline; display: block; /* Fallback for non-webkit */ 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; color: rgba(0, 0, 0, 0.95); }

@media (min-width: 1024px) { .categoryPageListToutEditProgram__blocks .entityTout__link { display: block; /* Fallback for non-webkit */ 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; } }

.categoryPageListToutEditProgram__blocks .entityTout__headline { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }

@media (min-width: 1024px) { .categoryPageListToutEditProgram__blocks .entityTout__headline { font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; } }

@media (min-width: 768px) { .categoryPageListToutEditProgram__blocks .entityTout__image { float: none; margin: 0; width: auto; } }

.searchBlock { margin-bottom: 48px; padding: 32px; width: 100%; background: rgba(0, 0, 0, 0.05); }

@media (min-width: 768px) { .searchBlock { margin-bottom: 64px; padding: 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; margin-bottom: 36px; } }

.searchBlock__form { display: flex; margin: 0 auto; min-width: 300px; max-width: 640px; height: 64px; margin-bottom: 32px; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #fff; }

@media (max-width: 360px) { .searchBlock__form { min-width: auto; } }

@media (min-width: 768px) { .searchBlock__form { margin-bottom: 36px; } }

.searchBlock__form .utility-icon.color-navigation path { fill: rgba(0, 0, 0, 0.65); }

.searchBlock__form .search-field { font-family: "PT Serif", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; border: none; padding: 24px; width: 100%; color: rgba(0, 0, 0, 0.65); }

.searchBlock__form .search-field:focus { outline: 3px solid #4d90fe; outline-offset: -2px; box-shadow: none; }

.searchBlock__form .search-field::placeholder { letter-spacing: 0.5px; }

.searchBlock__button { background: none; border: none; padding: 24px; }

.searchBlock__listContainer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.searchBlock__list { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; letter-spacing: 0.5px; text-transform: uppercase; list-style-type: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0; padding: 0; }

.searchBlock__subheader { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; display: inline-block; white-space: nowrap; }

.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 rgba(0, 0, 0, 0.95); }

.searchBlock__link { font-family: "PT Serif", 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; }

.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 .searchBlockTitleWrap { font-family: "PT Serif", serif; font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: 0; display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (min-width: 768px) { .searchBlock .searchBlockTitleWrap { font-size: 36px; line-height: 44px; } }

.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 rgba(0, 0, 0, 0.15); } }

.searchBlock .searchBlockLogo .component.lazy-image img { max-height: 44px; width: auto; }

.searchBlock .searchButton { background: none; border: none; padding: 24px; }

.searchBlock .searchButton:focus { outline: 3px solid #4d90fe; outline-offset: -2px; box-shadow: none; }

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; 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 { user-select: none; }

.component.social-stories .glide-slide { width: 100%; height: 100%; flex-shrink: 0; white-space: initial; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }

.component.social-stories .glide-slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; }

.component.social-stories .glide-arrows { -webkit-touch-callout: none; user-select: none; }

.component.social-stories .glide-bullets { -webkit-touch-callout: 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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.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: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.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: #006600; 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; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ }

.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; 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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", 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 #0000FF; border-radius: 4px; color: #0000FF; background: #fff; text-transform: none; padding: 11px 36px; letter-spacing: 0; font-size: 18px; line-height: 28px; border-color: rgba(0, 0, 0, 0.95); }

.component.call-to-action .cta__button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.call-to-action .cta__button:active { opacity: 0.8; }

.component.call-to-action .cta__button:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.component.call-to-action .cta__button:active { opacity: 0.8; }

.component.call-to-action .cta__button:visited { border: 3px solid #0000FF; color: #0000FF; 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: #0000FF; color: #fff; background: #0000FF; }

.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__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__headline { font-family: "Dosis", PT Serif,serif, Times, 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; }

.entityTout__headline:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.entityTout__headline:hover { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

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

.entityTout__metaItem { font-family: "PT Serif", 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: "PT Serif", 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; }

.glide-slide-content .linksList__item { list-style: none; margin: 0; padding: 0; margin: 24px 0 0 0; }

.glide-slide-content .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 rgba(0, 0, 0, 0.95); transition: all .1s ease-in-out; text-decoration: none; }

.glide-slide-content .linksList__item a:visited { color: #595959; box-shadow: inset 0 -1px 0 #595959; }

.glide-slide-content .linksList__item a:hover, .glide-slide-content .linksList__item a:focus { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.glide-slide-content .linksList__item a:active { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 #595959; }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.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 rgba(0, 0, 0, 0.95); 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: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

.linksList__link:active { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 #595959; }

.linksList__title { font-family: "Dosis", PT Serif,serif, Times, 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(#0000FF 0%, #0000FF 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: "Dosis", PT Serif,serif, Times, 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: "PT 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 #0000FF; display: inline-flex; margin-bottom: 8px; }

.recapSlider__itemTitle:hover { color: #0000FF; }

.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: #0000FF; background: rgba(0, 0, 0, 0.95); color: #fff; 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; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.recapSlider .carouselNav__prev:active, .recapSlider .carouselNav__next:active { opacity: 0.8; }

.recapSlider .carouselNav__prev svg, .recapSlider .carouselNav__next svg { fill: #fff; }

.recapSlider .carouselNav__prev:hover, .recapSlider .carouselNav__next:hover { background: #0000FF; border-color: white; color: white; }

.recapSlider .carouselNav__prev:hover svg, .recapSlider .carouselNav__next:hover svg { fill: white; }

.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 28px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

@media (min-width: 1024px) { .buyingInformation { display: flex; } }

.buyingInformation__image { margin: 0 auto 12px; }

@media (min-width: 1024px) { .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: 1024px) { .buyingInformation__buyContent { flex: 1; } }

.buyContent__winningCategory { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase; }

@media (min-width: 1024px) { .buyContent__winningCategory { margin-bottom: 12px; } }

.buyContent__productName { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; margin-bottom: 12px; }

@media (min-width: 1024px) { .buyContent__productName { font-size: 24px; line-height: 32px; } }

@media (min-width: 1024px) { .buyContent__productName { margin-bottom: 16px; } }

.buyContent__productReview { margin-bottom: 18px; }

.buyContent__priceCTA { display: flex; margin-bottom: 20px; }

@media (min-width: 768px) { .buyContent__priceCTA { margin-bottom: 18px; } }

.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; }

.priceCTA__price { font-family: "Dosis", PT Serif,serif, Times, serif; font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0; font-weight: 400; }

.salesPrice__sale { font-size: 13px; line-height: 20px; font-style: italic; color: rgba(0, 0, 0, 0.65); }

.sale__original { position: relative; }

.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 { /* standard and little */ font-size: 14px; line-height: 20px; font-weight: 700; font-family: "PT Serif", serif; letter-spacing: 1px; text-transform: uppercase; padding: 12px 32px; display: inline-block; text-align: center; border-width: 0; border-radius: 0; background: #0000FF; color: #fff; border-radius: 0; border: 3px solid #0000FF; display: block; margin-bottom: 4px; padding: 12px 32px; box-shadow: none; }

.shopIt__btn:focus, .two-col-content-container .buyingInformation .shopIt__btn:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.shopIt__btn:active, .two-col-content-container .buyingInformation .shopIt__btn:active { opacity: 0.8; }

.shopIt__btn:focus, .two-col-content-container .buyingInformation .shopIt__btn:focus { outline: none; -webkit-box-shadow: 0 0 5px #4d90fe; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe; }

.shopIt__btn:active, .two-col-content-container .buyingInformation .shopIt__btn:active { opacity: 0.8; }

.shopIt__btn:visited, .two-col-content-container .buyingInformation .shopIt__btn:visited { background: #0000FF; color: #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 { background: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0.95); color: #fff; }

.shopIt__retailer { font-family: "PT Serif", serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; font-style: italic; color: rgba(0, 0, 0, 0.65); }

.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: #0000FF; }

.buyContent__showMoreInfo .showMoreInfo__label { font-family: "PT Serif", 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: "PT Serif", 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__item { align-content: center; list-style-type: none; }

.component.breadcrumbs .breadcrumbs__title { font-family: "PT Serif", serif; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 24px; letter-spacing: 2px; }

.component.breadcrumbs .breadcrumbs__icon { align-items: center; color: #0000FF; display: inline-flex; height: inherit; width: 13px; margin: 0 6px; }

.component.breadcrumbs .breadcrumbs__icon svg path { fill: #0000FF; }

.component.breadcrumbs .breadcrumbs__icon svg #slide-right-a { fill: #fff; }

.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 { color: rgba(0, 0, 0, 0.95); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95); }

@media (min-width: 360px) { .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container { overflow: scroll; position: relative; height: 32px; scrollbar-width: none; -ms-overflow-style: none; }
  .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container .breadcrumbs__list { position: absolute; top: 0; left: 0; } }

.component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed .breadcrumbs-align-shift { position: absolute; display: block; width: 45px; height: 100%; right: 0; top: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }

.component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed.breadcrumbAligned .breadcrumbs-align-shift { right: unset; left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%); }

/* BRANDED INFO BAR */
.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: "PT Serif", serif; color: #000; background-color: #bce2f1; text-transform: uppercase; }

/* BRANDED LOGO */
.branded-image { vertical-align: bottom; margin-bottom: 1em; }

/* NATIVE INFO BAR */
.native-info { position: relative; min-height: 100px; padding-top: .5em; font-family: "PT 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); }

/* SPONSORED INFO POPOVER */
.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: #00659b; }

.sponsor-info__icon a:hover { color: #00659b; }

.sponsor-info__popover { z-index: 100; position: absolute; top: 30px; display: none; width: 180px; margin-left: -120px; padding: 1em; font-family: "PT 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: #00659b; }

.sponsor-info__popover a:hover { color: #00659b; }

.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; } }
.font-heading { font-family: "Dosis", PT Serif,serif, Times, serif; }

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

nav.main .logo svg[itemprop='logo'] { height: 19px; width: 82px; }

.body.content:not(.gallery) p a { color: #0087cf !important; }

.partial.hero-callout { background-size: cover; color: #fff; min-height: 200px; padding: 20px; display: flex; justify-content: center; align-items: center; }

@media (min-width: 768px) { .partial.hero-callout { min-height: 400px; } }

.partial.hero-callout .hero-callout-logo { width: 196px; display: block; margin: 0 auto; }

@media (min-width: 768px) { .partial.hero-callout .hero-callout-logo { width: 388px; } }

.partial.hero-callout .partial.tout .tout-content { font-family: "Roboto Condensed", serif; }

@media (min-width: 768px) { .partial.hero-callout .partial.tout .tout-content { font-size: 24px; } }

.partial.hero-callout .partial.tout button { background: #00659b; color: #fff; }

.partial.hero-callout .partial.tout button a { font-family: "Roboto Condensed", serif; font-size: 22px; }

.partial.hero-bio { margin: 0 auto; max-width: 1260px; padding: 10px; }

.partial.hero-bio .media-img { max-width: 400px; padding: 0 15px 15px 0; float: left; }

@media (min-width: 768px) { .partial.hero-bio .media-img { padding: 0 25px 5px 0; } }

.partial.hero-bio .media-body { padding: 20px; }

.partial.hero-bio .media-heading { width: auto; }

@media (min-width: 768px) { .partial.hero-bio .media-heading { padding: 0 10px 0 10px; } }

.partial.hero-bio .bio-content { font-family: "PT Serif", serif; font-size: 1rem; line-height: 1.4; }

.partial.hero-bio .bio-content > a { color: #00659b; }

.partial.hero-bio .social-author { padding-top: 10px; }

.component.lead-gen .subtitle { font-size: 19px; font-weight: 700; color: rgba(0, 0, 0, 0.95); }

.component.lead-gen .list-item .headline { line-height: 22px; }

.component.lead-gen .title-wrapper { display: flex; align-items: flex-end; padding-bottom: 16px; width: 100%; }

.component.lead-gen .title-wrapper .subtitle { margin: 0; padding-right: 20px; }

.component.lead-gen .title-wrapper img { margin-left: auto; width: 80px; }

.component.lead-gen .title-wrapper > a { margin-left: auto; }

.component.lead-gen iframe { width: 100%; }

.component.lead-gen.bottom-recirc .feed-content-wrapper { display: flex; flex-wrap: wrap; }

.component.lead-gen.bottom-recirc .title-wrapper img { width: 100px; }

.component.lead-gen.header-recirc .list-item .media-body { margin-top: 0; padding-top: 4px; }

.component.lead-gen.header-recirc .list-item .media-body > a { display: block; }

.component.lead-gen.header-recirc .list-item .media-body .headline { font-size: 12px; margin-bottom: 4px; }

.component.lead-gen.inline { padding: 0; }

@media (min-width: 768px) { .component.lead-gen.inline .feed-content-wrapper { display: flex; } }

.component.lead-gen.inline .list-item { border: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1); padding: 16px; }

@media (min-width: 768px) { .component.lead-gen.inline .list-item { width: 50%; } }

.component.lead-gen.inline .subtitle { font-family: "Roboto Condensed", serif; font-weight: 400; line-height: 1.3; margin: 0 !important; }

.body.content p a.component.stock-ticker { font-family: "Roboto Condensed", serif; box-shadow: none; text-transform: uppercase; }

.body.content p a.component.stock-ticker.is-down { color: #ec412e !important; }

.body.content p a.component.stock-ticker.is-up { color: #3eb15c !important; }

.component.sponsor-banner { display: flex; align-items: center; justify-content: center; padding: 8px; border-bottom: 1px solid #d7d7d9; }

.component.sponsor-banner span { color: #a3a5a9; font-size: 12px; font-family: "Roboto Condensed", serif; letter-spacing: 1px; padding-right: 8px; }

.component.inline-tout { align-items: center; }

.component.inline-tout .media-img { align-items: center; background: #00659b; color: #fff; display: flex; font-family: "Roboto Condensed", serif; height: 60px; justify-content: center; width: 60px; text-align: center; }

.component.inline-tout .media-body { padding-left: 12px; font-family: "PT Serif", serif; font-style: italic; }

.component.inline-tout.footer-variation { border-top: 4px solid #00659b; padding-top: 12px; }

.component.inline-tout.footer-variation .media-body { font-size: 13px; }

@media (min-width: 768px) { .component.inline-tout.footer-variation .media-body { font-size: 16px; } }

.component.inline-tout.leadgen-disclaimer { background-color: #f0f1f2; border-top: 4px solid #00659b; padding-bottom: 12px; padding-top: 12px; }

.component.inline-tout.leadgen-disclaimer .media-body { font-size: 13px; }

@media (min-width: 768px) { .component.inline-tout.leadgen-disclaimer .media-body { font-size: 16px; } }

.component.promotional-banner { display: flex; justify-content: center; align-items: center; padding: 16px; }

.component.promotional-banner .smart-banner { display: none; }

.component.promotional-banner .smart-banner.android-device { display: block; position: fixed; z-index: 500; justify-content: center; align-items: center; padding: 7px 15px; top: 48px; left: 0; width: 100%; color: #ffffff; background-color: #3D3D2D; border-top: 5px solid #88B131; }

.component.promotional-banner .app-close { color: #b1b1b3; background: #1c1e21; padding: 1px 6px; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); border-radius: 10px; float: left; }

.component.promotional-banner .app-link { margin: 20px 5px 20px 0; float: right; color: #ffffff; border: 1px solid #DDDCDC; background-color: #42B6C9; padding: 5px 10px; font-size: 12px; letter-spacing: 1px; }

.component.promotional-banner .app-link a { color: #ffffff; }

.component.promotional-banner .app-icon { height: 55px; width: 55px; float: left; border-radius: 10px; margin: 5px 10px 5px 8px; }

.component.promotional-banner .app-desc-container { width: 135px; float: left; letter-spacing: .5px; }

.component.promotional-banner .app-desc-container .app-name { margin: 7px 0 3px 0; font-size: 14px; }

.component.promotional-banner .app-desc-container .app-price, .component.promotional-banner .app-desc-container .app-affil { font-size: 11px; color: #ccc; text-shadow: 0 1px 2px #000; }

.template-homepage header .ad-sticky-container.outer, .template-homepage header .ad-wrapper.outer { background-color: #f0f1f2; border-bottom: 1px solid #d7d7d9; }

.homepage-module-title { text-align: center; }

@media (min-width: 768px) { .homepage-module-title { margin-top: 0; } }

.homepage-module { display: flex; flex-wrap: wrap; }

@media (min-width: 768px) { .homepage-module { flex-wrap: nowrap; } }

.homepage-module .marquee_large_2x { padding-bottom: 66.67% !important; }

.homepage-module .column { padding: 0 24px; flex: 1 1 300px; }

.homepage-module .column .column-title { font-size: 36px; margin: 0 0 8px 0; text-align: center; }

.homepage-module .column .column-title.text-align-center { text-align: center !important; }

.homepage-module .no-padding { padding: 0; }

.homepage-module .padding-41-top { padding-top: 41px; }

.homepage-module .padding-20-top { padding-top: 20px; }

.homepage-module .no-border { border: 0 !important; }

.homepage-module .no-border-left { border-left: 0 !important; }

@media (min-width: 768px) { .homepage-module .column.text-align-left .headline, .homepage-module .column.text-align-left .timestamp, .homepage-module .column.text-align-left .column-title { text-align: left; } }

.homepage-module .column-tout { border-bottom: 1px solid #a3a5a9; padding: 12px 0; text-align: center; }

.homepage-module .column-tout:last-child { border: 0; }

.homepage-module .column-tout .heading-eyebrow { font-size: 20px; margin-bottom: 8px; letter-spacing: normal; }

.homepage-module .column-tout .headline { font-size: 20px; margin: 0; }

.homepage-module .column-tout .headline a { font-weight: 400; }

.homepage-module .column-tout .timestamp { color: #8b8d91; font-family: "Roboto Condensed", serif; font-size: 12px; margin-top: 4px; text-transform: uppercase; }

.homepage-module .column-tout .lazy-image { margin-bottom: 8px; }

.homepage-module .column-tout .image-flair { bottom: 0; position: absolute; right: 4px; width: 20px; }

.homepage-module .column-tout .component.video + .headline { margin-top: 4px; font-size: 24px; letter-spacing: normal; }

.homepage-module .column-tout .component.video + .headline a { font-weight: 700; }

.homepage-module .column-tout.show-rank { display: flex; }

.homepage-module .column-tout.show-rank .column-tout-rank { font-size: 40px; font-weight: 700; }

.homepage-module .column-tout.show-rank .headline { padding-left: 16px; }

.homepage-module .column-tout.inline { display: flex; border: 0; padding-bottom: 0; }

.homepage-module .column-tout.inline > * { flex: 1; }

.homepage-module .column-tout.inline .lazy-image { margin: 0; }

.homepage-module .column-tout.inline .headline { font-size: 15px; padding-left: 8px; text-align: left; }

.homepage-module .column-tout.inline .headline a { font-weight: 300; }

.homepage-module .column-tout-container.wrap-2-columns { display: flex; flex-wrap: wrap; }

.homepage-module .column-tout-container.wrap-2-columns .column-tout { margin: 0 24px; padding: 16px 0; width: 100%; }

@media (min-width: 768px) { .homepage-module .column-tout-container.wrap-2-columns .column-tout { padding: 16px 0 40px; margin-left: 0; margin-right: 20px; width: calc(50% - 20px); }
  .homepage-module .column-tout-container.wrap-2-columns .column-tout:nth-last-child(2) { border: 0; }
  .homepage-module .column-tout-container.wrap-2-columns .column-tout:nth-child(2n) { margin-left: 20px; margin-right: 0; } }

.homepage-module .column-tout-container.wrap-2-columns .column-tout .headline, .homepage-module .column-tout-container.wrap-2-columns .column-tout a { font-size: 20px; font-weight: 400; }

@media (min-width: 768px) { .homepage-module.with-main-column .column { max-width: 300px; } }

.homepage-module.with-main-column .column.last-column { order: 99; }

@media (min-width: 768px) { .homepage-module.with-main-column .column.last-column { order: 0; } }

.homepage-module.with-main-column .column:nth-child(2) { order: -1; padding: 0; }

.homepage-module.with-main-column .column:nth-child(2).no-bleed { padding: 0 24px; }

@media (min-width: 768px) { .homepage-module.with-main-column .column:nth-child(2) { border-left: 1px solid #a3a5a9; border-right: 1px solid #a3a5a9; max-width: none; order: 0; padding: 0 24px; } }

.homepage-module.with-main-column .column:nth-child(2) > .column-tout { padding: 0; }

.homepage-module.with-main-column .column:nth-child(2) > .column-tout .headline { padding: 0 24px; }

.homepage-module.with-main-column .column.column-feed { margin-top: 16px; }

@media (min-width: 768px) { .homepage-module.with-main-column .column.column-feed { margin: 0; } }

.homepage-module.with-main-column .column.column-feed .column-tout { border-bottom: 0; border-top: 1px solid #a3a5a9; }

@media (min-width: 768px) { .homepage-module.with-main-column .column.column-feed .column-tout { border: 0; }
  .homepage-module.with-main-column .column.column-feed .column-tout:first-child { padding-top: 0; } }

.homepage-module.with-main-column .column.column-feed .lazy-image { display: none; }

@media (min-width: 768px) { .homepage-module.with-main-column .column.column-feed .lazy-image { display: block; } }

.homepage-module.with-main-column .type-300x250, .homepage-module.with-main-column .ad-container[data-dimensions="300x250"] { min-height: auto; margin: 16px 0; }

.homepage-module .media-img { margin-bottom: 8px; }

.homepage-module .headline { font-family: "Roboto Condensed", serif; font-size: 20px; line-height: 1.2; text-align: center; letter-spacing: normal; }

.homepage-module .headline a { font-weight: 400; }

.homepage-module .large-headline .headline { font-size: 34px !important; }

.homepage-module .large-headline .headline a { font-weight: 700; }

.homepage-module .summary { font-size: 15px; line-height: 1.3; text-align: center; }

.homepage-module-container { max-width: 1280px; margin-bottom: 12px; }

@media (min-width: 768px) { .homepage-module-container { padding: 24px 0; } }

.homepage-module-container .ad.type-728x90 { margin-top: 36px; }

.homepage-module-inverse { background: #333; color: #fff; }

.homepage-module-inverse .homepage-module-container { background: none; }

.homepage-module-inverse .column { border: 0 !important; }

.rundown { display: flex; flex-wrap: wrap; padding: 24px; }

@media (min-width: 768px) { .rundown { flex-wrap: nowrap; } }

.rundown .rundown-content { width: 100%; }

@media (min-width: 768px) { .rundown .rundown-content { padding-right: 24px; } }

.rundown .rundown-sidebar { width: 100%; }

@media (min-width: 768px) { .rundown .rundown-sidebar { width: 300px; } }

.rundown .rundown-sidebar .ad + .ad:not(.mobile-ad) { margin-top: 350px; }

.rundown .homepage-module { flex-wrap: wrap; }

@media (min-width: 768px) { .rundown .homepage-module { flex-wrap: nowrap; } }

.rundown .rundown-item-column { flex: 1 1 100%; }

.rundown .rundown-item-column:first-child .headline { font-size: 26px; }

@media (min-width: 768px) { .rundown .rundown-item-column:last-child { max-width: 300px; padding-left: 24px; } }

.rundown .rundown-item-column .column-tout, .rundown .rundown-item-column .headline { text-align: left; }

.rundown .heading-3 { font-size: 36px; margin: 0; }

.rundown .homepage-module, .rundown .ad.type-728x90 { margin-bottom: 36px; }

.homepage-newsletter { display: flex; margin: 48px auto 24px; justify-content: center; }

.homepage-newsletter .partial.tout { color: rgba(0, 0, 0, 0.95); align-items: center; justify-content: center; display: flex; font-family: "Dosis", PT Serif,serif, Times, serif; font-style: italic; font-size: 40px; margin: 0 24px; padding: 24px 0; border-top: 4px solid rgba(0, 0, 0, 0.95); border-bottom: 4px solid rgba(0, 0, 0, 0.95); flex-wrap: wrap; }

@media (min-width: 768px) { .homepage-newsletter .partial.tout { border: 0; flex-wrap: nowrap; margin: 0; } }

.homepage-newsletter .partial.tout .button-style { margin-left: 16px; margin-top: 8px; }

@media (min-width: 768px) { .homepage-newsletter .partial.tout .button-style { margin-top: 0; } }

.homepage-newsletter .partial.tout .button-style span { border-radius: 4px; font-size: 35px; padding: 8px 24px; letter-spacing: normal; font-style: normal; font-family: "Roboto Condensed", serif; background: #00659b; color: #fff; }

.homepage-newsletter::before, .homepage-newsletter::after { border: 5px solid rgba(0, 0, 0, 0.95); width: 48px; }

@media (min-width: 768px) { .homepage-newsletter::before, .homepage-newsletter::after { content: ''; } }

.homepage-newsletter::before { border-right: 0; }

.homepage-newsletter::after { border-left: 0; }

.homepage-nav .contextual-social-links.mobile-only { display: none; }

.homepage-nav .subscribe-link-secondary { font-family: "Roboto Condensed", serif; font-size: 20px; font-weight: 700; display: none; }

.homepage-nav .subcontainer { max-width: none !important; }

@media (min-width: 1024px) { .homepage-nav .container.primary, .homepage-nav .no-secondary-ribbon.no-utility-ribbon { height: 133px !important; } }

.homepage-nav .row-header__above { display: none; height: 85px; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.95); padding: 0 24px; transition: height 0.4s ease-in-out; overflow: hidden; }

@media (min-width: 1024px) { .homepage-nav .row-header__above { display: flex; } }

.homepage-nav .row-header__above a { font-family: "Roboto Condensed", serif; font-size: 20px; font-weight: 700; }

.homepage-nav .row-header__above .logo svg[itemprop='logo'] { width: 160px; }

.homepage-nav .row-header__above .subscribe-link { display: flex; align-items: center; }

.homepage-nav .row-header__above .subscribe-link .subscribe-cover { height: 57px; margin-left: 24px; overflow: hidden; }

.homepage-nav .row-header__above .subscribe-link .subscribe-cover img { width: 90px; }

.homepage-nav .row-header__above .flex-end { align-self: flex-end; }

.homepage-nav .row-header__container { height: 48px; padding: 0 24px; position: relative; }

.homepage-nav .row-header__container .primary-links .menu-list-item a { font-size: 16px !important; font-weight: 400 !important; color: rgba(0, 0, 0, 0.95) !important; }

.homepage-nav .title-display, .homepage-nav .logo.tall-only { display: none !important; }

.homepage-nav .hide-nav-elements .container.primary, .homepage-nav .hide-nav-elements .no-secondary-ribbon.no-utility-ribbon { height: 48px !important; }

.homepage-nav .hide-nav-elements .row-header__above { height: 0; }

.homepage-nav .hide-nav-elements .primary-text-links { opacity: 1 !important; transform: translate3d(0, 0, 0) !important; pointer-events: initial !important; }

.homepage-nav .hide-nav-elements .subscribe-link-secondary { display: block; }

.homepage-nav .hide-nav-elements .icon.search { display: none; }

@media (min-width: 1024px) { nav.full-size-nav-enabled ~ nav.menu.no-secondary-ribbon.can-animate { top: 133px; } }

@media only screen and (max-width: 500px) { nav .menu { padding-left: 0 !important; }
  .logo.short-only { transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important; opacity: 1 !important; }
  .menu-active .logo.short-only { opacity: 0 !important; } }

.tabs { display: flex; flex-wrap: wrap; }

.tabs .input { position: absolute; opacity: 0; }

.tabs .label { color: #fff; cursor: pointer; font-size: 15px; font-weight: 300; padding: 8px 12px; }

.tabs .input:checked + .label { background: #282f2f; font-weight: 700; }

.tabs .panel { border-top: 1px solid #282f2f; display: none; width: 100%; }

@media (min-width: 768px) { .tabs .panel { order: 99; } }

.tabs .input:checked + .label + .panel { display: block; }

.homepage-module-inverse .tabs .label { color: #282f2f; }

.homepage-module-inverse .tabs .input:checked + .label { background: #a3a5a9; }

.homepage-module-inverse .tabs .panel { border-top: 1px solid #a3a5a9; }

.homepage-module.social .icon { margin: 0 8px; }

.homepage-module.social .icon:first-child { margin-left: 16px; }

.homepage-module.social .icon:last-child { margin-right: 16px; }

.homepage-module.social:after, .homepage-module.social:before { content: ' '; background: #d7d7d9; width: 100%; height: 2px; align-self: center; }

.content.riverpage .hero-callout { margin-bottom: 20px; }

.body.content:not(.gallery) p a { color: #00659b !important; box-shadow: none !important; }

.body.content:not(.gallery) h1 a, .body.content:not(.gallery) h2 a, .body.content:not(.gallery) h3 a, .body.content:not(.gallery) h4 a { color: #00659b !important; box-shadow: none !important; }

.gallery .owl-stage-outer { background: none !important; }

.row-header__container { height: 48px; }

.gdpr-header svg { width: 90px; }

nav.main .logo svg[itemprop='logo'] { height: auto; width: 82px; }

footer.main .logo-container svg[itemprop='logo'] { width: 100px; }

nav.main .primary-links .menu-list-item { font-family: "Roboto Condensed", serif !important; }

nav.menu .menu-item { font-family: "Roboto Condensed", serif !important; font-weight: 400; font-size: 14px; }

nav.menu .heading-tiny { font-family: "Roboto Condensed", serif !important; font-weight: 400; }

@media (min-width: 768px) { .barge .marquee { display: flex; flex-wrap: wrap; }
  .mini-barge .marquee .tile { width: calc(50% - 12px); margin-right: 24px; }
  .mini-barge .marquee .tile:nth-of-type(2n) { margin-right: 0; } }

.under-nav { min-height: 0 !important; }

nav.footer-links section ul li a { font-family: arial, sans-serif !important; font-weight: 300; color: #686c73 !important; line-height: 12px !important; font-size: .75rem !important; text-transform: none !important; }

.heading-eyebrow, .subtitle { font-family: "Roboto Condensed", serif !important; }

.partial.breadcrumbs nav ol li { font-family: "Roboto Condensed", serif !important; }

.component.newsletter-callout.newsletter-inline .newsletter-logo { display: none; }

@media (min-width: 768px) { .component.newsletter-callout.newsletter-inline .newsletter-logo { display: block; } }

.component.newsletter-callout.newsletter-inline h3 { margin-top: 0 !important; }

.component.newsletter-callout .lazy-image .inner-container { height: 100% !important; }

.image-wrap-container { padding-top: 8px !important; padding-left: 16px !important; }

@media (min-width: 768px) { .image-wrap-container { padding-left: 0 !important; }
  .partial.lead-image .image-wrap-container { padding-left: 24px !important; padding-right: 24px !important; } }

@media (min-width: 768px) and (min-width: 1024px) { .partial.lead-image .image-wrap-container { padding-left: 0 !important; padding-right: 0 !important; } }

.image-wrap-container .credit.body-caption, .image-wrap-container .credit.body-credit { display: inline !important; float: none !important; padding: 0 !important; }

@media (max-width: 375px) { .inline.image:not(.small-align) .lazy-image img { width: 100% !important; } }

.inline.image.align-img.small-align { max-width: 100% !important; width: auto !important; }

.inline.image.align-img.small-align.align-center { margin: 0 auto !important; }

.inline.image.align-img.small-align.align-right { float: right; margin: 8px 0 16px 16px !important; }

.inline.image.align-img.small-align.align-left { float: left; margin: 8px 16px 16px 0 !important; }

.inline.image.align-img.small-align .credit.body-caption, .inline.image.align-img.small-align .credit.body-credit { padding-left: 0 !important; }

.component.lazy-image.vertical-image img { max-width: 525px !important; }

.article-content p { font-size: 17px; }

.article-content table:not(.linescore):not(.schedules) { font-family: "PT Serif", serif !important; }

.article-content table:not(.linescore):not(.schedules) tbody { border: 1px solid #f0f1f2; }

.article-content table:not(.linescore):not(.schedules) tr { border-bottom: 1px solid #f0f1f2; }

.article-content table:not(.linescore):not(.schedules) tr:nth-child(even) { background-color: #fafafa; }

.article-content table:not(.linescore):not(.schedules) td { text-align: left; padding: 8px !important; }

.article-content table:not(.linescore):not(.schedules) td:first-of-type { background-color: #fafafa; border-right: 1px solid #f0f1f2; }

.article-content table:not(.linescore):not(.schedules) th { padding: 8px !important; text-align: left; }

.media-hulu, .media-vimeo { position: relative; width: 100%; margin-bottom: 1em; padding-top: 56.25%; overflow: hidden; }

.media-hulu .tempo-iframe-embed-container, .media-vimeo .tempo-iframe-embed-container { margin: 0 !important; }

.media-hulu iframe, .media-vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.native-info__logos svg { transform: scale(0.6) !important; }

.row-header__above .header-section.flex-end { width: 193.984px; height: auto; }

.hero-text { font-size: 46px; line-height: 1.15; color: rgba(0, 0, 0, 0.95); }

.hero-text .longform-headline { font-size: .75em; }

@media (min-width: 768px) { .hero-text .longform-headline { font-size: .9em; max-width: 680px; } }

.hero-text .longform-dek { font-size: .35em; }

@media (min-width: 768px) { .hero-text .longform-dek { max-width: 650px; } }

.hero-text .longform-bylines { font-family: arial; font-size: .3em; color: rgba(0, 0, 0, 0.95); }

@media (min-width: 768px) { .hero-text .longform-bylines { max-width: 630px; } }

.hero-text .longform-timestamps { font-family: arial; font-size: .285em; color: rgba(0, 0, 0, 0.95); }

@media (min-width: 768px) { .hero-text .longform-timestamps { max-width: 630px; } }

.hero-text.text-above { padding-bottom: 0; }

.hero-media.full-height img { height: 100%; }

.hero-media .image-wrap-container { padding-left: 16px; padding-right: 16px; width: 100vw; }

@media (min-width: 768px) { .hero-media .image-wrap-container { margin: 0 10px 10px 10px; max-width: 700px; padding-left: 0; padding-right: 0; } }

.hero-media .image-wrap-container > * { font-family: arial; font-size: 14px; }

.hero-media .image-wrap-container > * .body-caption { color: #495656; }

.hero-media .image-wrap-container > * .body-credit { color: #a3a5a9; }

@media (min-width: 768px) { .three-quarter_height img { height: 75vh; } }

body.template-longform main.longform .article.longform > h1, body.template-longform main.longform .article.longform > h2, body.template-longform main.longform .article.longform > h3 { max-width: 650px !important; padding: 0; text-align: left; margin-bottom: 0 !important; font-family: 'Dosis', sans-serif; }

body.template-longform main.longform .article.longform > h1 { font-size: 78px !important; font-weight: 600 !important; }

body.template-longform main.longform .article.longform > h2 { font-size: 39px !important; margin-top: 20px !important; }

body.template-longform main.longform .article.longform > h3 { padding: 5px 0 0 0 !important; font-weight: 400 !important; }

#longform-body { padding: 0; }

#longform-body p { max-width: 650px; line-height: 1.5; font-size: 17px; margin-top: 20px; }

#longform-body .ad.ad-container.ad-wrapper { width: 100%; max-width: 100%; margin-left: 0; }

#longform-body .component.inline.image { max-width: 100%; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { #longform-body .component.inline.image { max-width: 90vw; } }

@media (min-width: 768px) { #longform-body .image-wrap-container { margin: 0 10px 10px 10px; max-width: 700px; } }

#longform-body .component.lazy-image.vertical-image img { max-width: 100% !important; }

#longform-body .image-wrap-container > * { font-family: arial; font-size: 14px; }

#longform-body .image-wrap-container > * .body-caption { color: #495656; }

#longform-body .image-wrap-container > * .body-credit { color: #a3a5a9; }

.black-background .hero-text > * { color: #fff; }

@media print { .yieldmo-ad, .adhesion-ad, .ad-standalone-img, .bottom-recirc, .article-small-sidebar, .under-nav, .subscribe-callout, .media-callout { display: none; }
  .full-logo.desktop-only[data-action='primary-nav-logo'] { padding-left: 40px; }
  .full-logo.desktop-only[data-action='primary-nav-logo'] svg { display: block; margin: 0 auto; }
  .headline.heading-content { padding-top: 20px; } }

.visible-mobile { display: block; }

@media (min-width: 768px) { .visible-mobile { display: none; } }

.visible-mobile.visible-desktop { display: block; }

@media (min-width: 768px) { .visible-mobile.visible-desktop { display: none; } }

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

.visible-tablet { display: none; }

@media (min-width: 768px) { .visible-tablet { display: block; } }

@media (min-width: 1024px) { .visible-tablet { display: none; } }

.visible-desktop { display: none; }

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

@media (min-width: 768px) { .visible-desktop.visible-tablet { display: block; } }

/*# sourceMappingURL=style.css.map*/