@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);@charset "UTF-8";

.font-heading {
  font-family: Basel, serif;
}

.font-paragraph {
  font-family: Lora, serif;
}

html body .container-full-width:before,
html body .container-full-width:after,
html body.template-section .template.section:before,
html body.template-section .template.section:after {
  display: none;
}

/*! 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: Limerick, sans-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: "Roboto", "HelveticaNeue", sans-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: Lora, serif;
  font-size: 17px;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 16px;
  margin-bottom: 16px;
}

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

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

.mdex-test .article-content-container ol li {
  text-indent: -25px;
}

.mdex-test .article-content-container ol li:before {
  font-size: 24px;
  padding-right: 5px;
  margin-right: 8px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.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: Limerick, sans-serif;
  font-size: 14px;
}

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

a {
  color: #00aeef;
  font-weight: 500;
  text-decoration: none;
}

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

a:visited {
  color: #00aeef;
}

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: Limerick, sans-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: #239AD2;
}

.bg-branding-accent-text {
  background-color: #239AD2;
}

.branding-accent-text-hover {
  color: #239AD2;
}

.bg-branding-accent-text-hover {
  background-color: #0F7BAE;
}

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

.bg-branding-accent {
  background-color: #239AD2;
}

.bg-branding-accent-hover {
  background-color: #0F7BAE;
}

.bg-branding-secondary-accent {
  background-color: #73C14A;
}

.bg-branding-secondary-accent-hover {
  background-color: #3F9612;
}

.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: Basel, 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: Lora, serif;
  color: rgba(0, 0, 0, 0.65);
  text-transform: capitalize;
  margin-bottom: 12px;
}

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

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

.style-orange a {
  color: #239AD2;
}

.style-orange a:hover {
  color: #0F7BAE;
}

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

a.style-orange {
  color: #239AD2;
}

a.style-orange:hover {
  color: #0F7BAE;
}

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

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

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

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

.eyebrow-link {
  color: #00aeef;
}

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

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

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

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

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

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

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

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

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

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

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

.body-credit {
  color: #a3a5a9;
}

.credit {
  font-family: Lora, 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: Lora, 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: Lora, 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: Basel, 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: #239AD2;
}

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

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

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

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

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

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

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

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

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

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

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

.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: Lora, 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: #239AD2;
  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 #239AD2;
  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: #239AD2;
  color: #fff;
}

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

.partial.shop-it-button .price,
.component.shop-it-button .price {
  color: rgba(0, 0, 0, 0.95);
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

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

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

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

.partial.shop-it-button .shop-it,
.component.shop-it-button .shop-it {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover,
.component.shop-it-button .shop-it:hover {
  color: rgba(0, 0, 0, 0.95);
}

.partial.shop-it-button .shop-it:hover,
.partial.shop-it-button .shop-it:focus,
.component.shop-it-button .shop-it:hover,
.component.shop-it-button .shop-it:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

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

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

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

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

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

.partial.ecommerce .ecommerce-button-outer .ecommerce-button,
.component.ecommerce .ecommerce-button-outer .ecommerce-button {
  border: 2px solid #73C14A;
  font-family: Lora, 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: #fff100;
  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 #00aeef;
  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: Lora, 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: Lora, 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: #239AD2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi40NCA2LjkzNkwyLjk3MyAzLjQ2NyAwIDYuNDRsNi40NCA2LjQ0IDkuOTA5LTkuOTA4TDEzLjM3NiAweiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}

.partial.header-banner,
.component.banner {
  font-family: Lora, 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: Lora, 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: Lora, 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: #239AD2;
}

.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: Lora, 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: #73C14A;
  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: #73C14A;
  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: #73C14A;
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.component.promo-banner .banner-cta:hover {
  color: #90ce70;
}

@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 #239AD2;
  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: #fff100;
  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: #3F9612;
}

.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: Basel, 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 #239AD2;
}

@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: Basel, 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: Basel, 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: Basel, 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: Lora, 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: Lora, 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(115, 193, 74, 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: Lora, 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: Lora, 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: #3F9612;
  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: Lora, 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: Basel, 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: #3f9612;
    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: Basel, 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: #239AD2;
  font-family: Lora, 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: #239AD2;
}

@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(35, 154, 210, 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: Basel, 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: Basel, 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: Lora, 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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  padding-top: 2px;
  text-transform: none;
  display: inline-block;
}

.mdex-test .component.shopping-module .product-tile .brand-price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.mdex-test .component.shopping-module .product-tile .shop-it {
  border: solid 2px rgba(0, 0, 0, 0.95);
  font-family: Lora, 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: Lora, serif;
  color: #383838;
  letter-spacing: 1px;
}

.secondary-nav li a:hover {
  color: #0F7BAE;
}

.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: Lora, 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 #239AD2;
  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: #fff100;
  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: #3F9612;
}

.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: Basel, 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: Basel, 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: Lora, 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: Limerick, sans-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: #00aeef;
  display: inline-flex;
  height: inherit;
  width: 13px;
  margin: 0 6px;
}

.two-col-container .breadcrumbs__icon svg path,
.two-col-container .breadcrumbs__icon svg circle {
  fill: #00aeef;
}

.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: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0;
}

.two-col-container .author .author-text {
  text-align: left;
}

.two-col-container .author .author-text .author-name {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  border: none;
  color: rgba(0, 0, 0, 0.95);
}

.two-col-container .author a.author-name {
  font-family: Lora, 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: Lora, 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: #239AD2;
}

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: Lora, 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 #239AD2;
  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 #239AD2;
  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: Lora, 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 #239AD2;
  transition: all .1s ease-in-out;
  font-weight: 400;
}

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

.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: #239AD2;
  box-shadow: none;
}

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

.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,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDQwIDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdyb3VwIDc8L3RpdGxlPjxnIGZpbGw9IiNBM0E1QTkiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjIiIHI9IjIiLz48Y2lyY2xlIGN4PSIyNiIgY3k9IjIiIHI9IjIiLz48Y2lyY2xlIGN4PSIzOCIgY3k9IjIiIHI9IjIiLz48L2c+PC9zdmc+);
}

.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) .inline-article {
  overflow: auto;
  line-height: 1.16;
}

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

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

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

.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: Basel, 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: Basel, 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: Basel, 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: Lora, 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: Basel, 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: Lora, 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: Lora, 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+PHBhdGggZmlsbD0iIzNFMzgzMiIgZD0iTTE4LjIgMS4xYy0xLjMuNi0yLjUgMS40LTMuNSAyLjZzLTEuNCAyLjQtMS40IDMuNmMwIC41LjEgMSAuMiAxLjMuNy0uNiAxLjUtLjggMi40LS44IDEuMS4xIDIuMS40IDIuOSAxLjIuOC43IDEuMiAxLjcgMS4yIDMgMCAxLjItLjQgMi4xLTEuMiAyLjktLjguNy0xLjggMS4xLTIuOSAxLjEtMS43IDAtMi45LS43LTMuOC0yLS43LTEuMS0xLjEtMi41LTEuMS00LjIgMC0yLjEuNi00IDEuNy01LjdzMi44LTMgNS00LjFsLjUgMS4xem0tMTEgMGMtMS4zLjYtMi41IDEuNS0zLjQgMi43UzIuMyA2LjIgMi4zIDcuNGMwIC41LjEgMSAuMiAxLjMuNy0uNSAxLjUtLjggMi40LS44IDEuMiAwIDIuMS4zIDIuOSAxLjEuOC43IDEuMiAxLjcgMS4yIDMgMCAuOC0uMiAxLjUtLjYgMi4xcy0uOCAxLTEuNCAxLjRjLS42LjQtMS4zLjUtMiAuNS0xLjcgMC0yLjktLjctMy44LTJDLjQgMTIuOSAwIDExLjUgMCA5LjhjMC0yLjEuNi00IDEuNy01LjdzMi44LTMgNS00LjFsLjUgMS4xeiIvPjwvc3ZnPg==);
  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;
  }
}

.edit-link {
  align-items: center;
  background: #239AD2;
  color: #fff;
  display: none;
  padding: 6px 6px;
  position: absolute;
  z-index: 100;
  font-family: Lora, 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: Lora, serif;
}

.syndication-attribution-text a {
  font-weight: bold;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.95);
  font-style: italic;
  font-family: Lora, 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: Lora, 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-container .instream-ad.sister-ad + .sister-ad {
  margin-left: 24px;
}

.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: Basel, 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: Basel, 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: #239AD2 !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: #239AD2;
}

.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: Limerick, sans-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: Lora, 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: Lora, 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: Basel, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Limerick, sans-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: Lora, 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: Basel, serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 12px;
}

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

.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: Lora, 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: #239AD2;
}

.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: Lora, 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: Lora, 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: Lora, 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: Basel, 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 #239AD2;
  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: #239AD2;
}

.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: Basel, 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: #239AD2;
}

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

.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: Lora, 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: Lora, 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: #239AD2;
  font-size: 11px;
}

.recipe-content .recipe-ingredients-instructions .partial.recipe-nutrition ul li {
  display: inline;
  width: 100%;
  font-family: Lora, 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: Lora, 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: Lora, 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: Lora, 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 #239AD2;
  background: #fff;
  color: rgba(0, 0, 0, 0.95);
  font-family: Lora, 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: #239AD2;
  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: Lora, 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: #00aeef;
}

main.listicle .disclosure {
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
  font-family: Lora, 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: Lora, 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: Basel, serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 80px;
  margin-right: 15px;
}

.listicle-item .primary {
  color: #239AD2;
}

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

.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: #0F7BAE;
  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 #239AD2;
}

@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,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMjMiIGZpbGw9IiNkN2Q3ZDkiIC8+PC9zdmc+Cg==);
  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: #239AD2;
}

.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: Lora, serif;
  background: #239AD2;
  border: 2px solid #239AD2;
  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: #239AD2;
}

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

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

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

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

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

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

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

.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: Lora, 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: Lora, 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: Georgia;
  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: #239AD2;
}

.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: Lora, 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: Basel, 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: Basel, 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 #239AD2;
  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: #239AD2;
  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: #239AD2;
  cursor: pointer;
}

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

.partial.map-button .icon-map svg {
  fill: #239AD2;
}

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

.partial.map-button:hover {
  color: #0F7BAE;
}

.partial.map-button:hover svg {
  fill: #0F7BAE;
}

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

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 #239AD2;
  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: #239AD2;
}

@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.5px;
}

.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: Basel, 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: Basel, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.template-category-page .category-page-back:hover,
.template-category-page .category-page-back:visited {
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Basel, 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: Lora, 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: Lora, 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: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 0;
    margin-left: 4px;
    width: 100%;
    bottom: 0;
  }

  .template-category-page .category-page-header .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: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.template-category-page .category-page-body {
  padding: 0 16px 64px;
}

.template-category-page .category-page-leaderboard-ad-wrapper {
  display: none;
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  .template-category-page .category-page-leaderboard-ad-wrapper {
    display: block;
  }
}

.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: Lora, 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: Limerick, sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .template-category-page .category-page-entity-aside {
    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: Basel, 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: Basel, 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);
  }
}

.template-category-page .category-page-videos-date {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px 0 0;
  color: #00aeef;
}

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

.mdex-test.template-recipe.print-preview h1 {
  font-family: Basel, serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe.print-preview h1 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe.print-preview h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical {
  justify-content: space-between;
}

@media (min-width: 360px) {
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical {
    justify-content: left;
  }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite {
  margin-right: 6px;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a {
  width: 76px;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a.saved {
  width: 82px;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a {
    width: 48px;
  }

  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite a.saved {
    width: 48px;
  }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-pinterest {
  width: 68px;
  margin-right: 6px;
  display: flex;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print {
  width: 80px;
  margin-right: 6px;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print a {
  width: auto;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .shareicon-modal-toggle {
  width: 80px;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-favorite,
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-pinterest,
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .icon-print,
  .mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical.square .shareicon-modal-toggle {
    width: 48px;
    height: 58px;
    margin-right: 0;
  }
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag .icon-share-check {
  display: none;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag.saved .icon-share-check {
  display: block;
  width: 24px;
  height: 22px;
}

.mdex-test.template-recipe .docked-sharebar-content-container .component.share-new.vertical .shareicon-favorite-link-tag.saved .icon-share-check path {
  stroke: 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name,
.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-name.link,
.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-byline-prefix {
  font-size: 16px;
  font-weight: 400;
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .author-credit {
  font-style: italic;
}

.mdex-test.template-recipe .docked-sharebar-content-container .author-text .syndication {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
    margin: 0 auto;
    max-width: 640px;
  }

  .mdex-test.template-recipe .template-two-col .content {
    margin: 24px auto;
  }
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
    max-width: 1088px;
    padding: 0 24px;
  }

  .mdex-test.template-recipe .template-two-col .content {
    margin: 32px auto 0;
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1162px) {
  .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
    max-width: 1226px;
    padding: 0 32px;
  }
}

@media (min-width: 1279px) {
  .mdex-test.template-recipe .template-two-col.recipe-wrapper.container-full-width {
    max-width: 1310px;
    padding: 0 32px;
  }

  .mdex-test.template-recipe .template-two-col.container-full-width,
  .mdex-test.template-recipe .template-two-col .container-full-width,
  .mdex-test.template-recipe .template-two-col .content {
    max-width: 1310px;
  }
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .template-two-col.container-full-width .two-col-content {
    margin-right: 24px;
  }
}

@media (min-width: 1162px) {
  .mdex-test.template-recipe .template-two-col.container-full-width .two-col-content {
    margin-right: 32px;
  }
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .recirculation-wrapper {
    margin: 0 -24px;
    width: 100vw;
  }

  .mdex-test.template-recipe .recirculation-wrapper .recirculation {
    max-width: 1088px;
    padding: 0 24px;
  }
}

.mdex-test.template-recipe .component.breadcrumbs .breadcrumbs__container {
  justify-content: flex-start;
}

.mdex-test.template-recipe .recipe-content .section-headline {
  font-family: Lora, 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: #00aeef;
  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: Lora, 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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.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__add-all-button:hover,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:hover {
  color: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:hover,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__add-all-button:focus,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:hover,
.mdex-test.template-recipe .recipe-content-container .recipe-ingredients-new.interactive .recipe-shopping-list__view-items-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Limerick, sans-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-body .checkbox-list-checkmark::before,
.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::after {
  position: absolute;
}

.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::before {
  transform: translate(0%, -50%);
  top: 50%;
}

.mdex-test.template-recipe .recipe-content-container #recipe-body .checkbox-list-checkmark::after {
  transform: rotate(45deg) translateY(-100%);
  top: 50%;
  left: 0;
}

.mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
  max-width: 280px;
  flex: 0 0 100%;
  align-self: flex-start;
  margin: 40px auto 0;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
    margin-left: 24px;
  }
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
    margin-left: 0;
  }
}

@media (min-width: 1162px) {
  .mdex-test.template-recipe .recipe-content-container #ar-calvera-app .recipe-shopper-container {
    margin-left: 32px;
  }
}

.mdex-test.template-recipe .recipe-content-container .recipe-ad-container .tablet-ad:nth-child(2) {
  margin-right: 24px;
}

.mdex-test.template-recipe .lead-content-wrapper {
  margin-bottom: 24px;
}

@media (min-width: 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.5px;
  font-family: Limerick, sans-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: Lora, 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: #00aeef;
}

.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: Limerick, sans-serif;
  font-size: 18px;
  font-weight: 700;
  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: #00aeef;
  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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  font-size: 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: Lora, 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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  height: 36px;
  width: 67px;
  letter-spacing: 0.5px;
  padding: 0;
}

.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 {
  color: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:hover,
.mdex-test.template-recipe .section-headline .recipe-adjust-servings__adjust-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

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

@media (min-width: 1024px) {
  .mdex-test.template-recipe .section-headline .recipe-adjust-servings__original-serving,
  .mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message {
    text-align: right;
  }
}

.mdex-test.template-recipe .section-headline .recipe-adjust-servings__validation-message {
  display: none;
}

.mdex-test.template-recipe .section-headline .nutrition-help-link {
  height: 24px;
  margin-left: 0;
  text-decoration: none;
}

.mdex-test.template-recipe .section-headline .nutrition-help-link path {
  fill: #595959;
}

.mdex-test.template-recipe .section-headline .recipe-ratings {
  display: flex;
}

.mdex-test.template-recipe .recipe-nutrition-section {
  margin-top: 24px;
}

.mdex-test.template-recipe .recipe-nutrition-section-link {
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 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;
  float: left;
  font-family: Lora, serif;
  font-weight: 700;
  text-transform: capitalize;
  margin-right: 6px;
}

.mdex-test.template-recipe .section-label .nutrition-exchanges {
  display: inline-block;
}

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

.mdex-test.template-recipe .section-body.checked {
  color: rgba(0, 0, 0, 0.65);
}

.mdex-test.template-recipe .ingredients-section .container,
.mdex-test.template-recipe .favorite-collections-section .container {
  list-style: none;
}

.mdex-test.template-recipe .ingredients-section .container .step-label,
.mdex-test.template-recipe .favorite-collections-section .container .step-label {
  font-family: Lora, 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 {
  border: solid 1px #fff100;
  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 {
  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-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 {
  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: #fff100;
}

.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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews-link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg g,
.mdex-test.template-recipe .recipe-review-overall-rating .all-reviews svg path {
  fill: #fff;
}

.mdex-test.template-recipe .recipe-review-top-reviews {
  background: rgba(0, 174, 239, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  padding-left: 8px;
}

.mdex-test.template-recipe .recipe-reviews-link {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .recipe-reviews-link:hover,
.mdex-test.template-recipe .recipe-reviews-link:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .recipe-ad-wrapper.full-width {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 24px 0;
  }

  .mdex-test.template-recipe .recipe-ad-wrapper.full-width .ad-wrapper:nth-child(odd) {
    margin-right: 24px;
  }

  .mdex-test.template-recipe .recipe-ad-wrapper.full-width:after {
    position: absolute;
    bottom: 0;
  }
}

.mdex-test.template-recipe .two-col-right-rail {
  display: none;
}

.mdex-test.template-recipe .two-col-right-rail .recipe-ad-wrapper {
  background: none;
}

.mdex-test.template-recipe .two-col-right-rail .ad-wrapper {
  margin-bottom: 40px;
}

.mdex-test.template-recipe .two-col-right-rail .ad-wrapper:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .two-col-right-rail {
    display: block;
  }
}

.mdex-test.template-recipe .recipe-review-container {
  display: block;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .recipe-review-container {
    display: flex;
    align-items: center;
  }
}

.mdex-test.template-recipe .recipe-review-container .component.recipe-ratings {
  margin-right: 16px;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
  display: inline-block;
  margin-bottom: 18px;
}

@media (max-width: 768px) {
  .mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
    position: relative;
    bottom: 7px;
  }
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings {
    margin-bottom: 0;
  }
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item {
  display: flex;
  align-items: center;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-item {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.mdex-test.template-recipe .recipe-review-container .partial.ugc-ratings .ugc-ratings-list-item .ugc-ratings-link-divider {
  display: inline-block;
  height: 24px;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 0 12px;
}

.mdex-test.template-recipe .partial.recipe-made-button {
  position: relative;
  height: 50px;
  width: 100%;
}

.mdex-test.template-recipe .partial.recipe-made-button .button-text-wrapper {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 173px;
  height: 50px;
  border-radius: 4px;
  border: 2px solid 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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  position: absolute;
  top: 24px;
  right: 24px;
  color: #fff;
}

.mdex-test.template-recipe.modal-active .close {
  width: 120px;
}

.mdex-test.template-recipe.modal-active.ugc-modal {
  overflow: hidden;
}

.mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal {
  position: fixed;
  display: block;
  width: 100vw;
  height: 80vh;
  max-width: 100%;
  max-height: 750px;
}

.mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #fff;
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe.modal-active.ugc-modal .modal.ugc-modal {
    height: 80vh;
    max-width: 992px;
  }
}

.mdex-test.template-recipe.modal-active.nutrition-modal {
  overflow: hidden;
}

.mdex-test.template-recipe.modal-active.nutrition-modal .close {
  right: 16px;
  bottom: 20px;
  top: 0;
  height: 40px;
}

.mdex-test.template-recipe.modal-active.nutrition-modal .close path {
  fill: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal {
  position: fixed;
  display: block;
  width: 100vw;
  overflow: hidden;
  max-width: 400px;
  height: 80vh;
  min-width: 300px;
}

.mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal .content {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe.modal-active.nutrition-modal .modal.nutrition-modal {
    max-width: 400px;
  }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .close path {
  fill: #fff;
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal {
  position: fixed;
  display: block;
  width: 100vw;
  height: 90vh;
  padding-top: 0;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal {
    max-width: 736px;
    max-height: 636px;
  }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .dialog-close-text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  overflow-y: auto;
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-container {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 16px 16px;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-container {
    padding: 32px 0 32px 32px;
  }
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-title {
  font-family: Basel, 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: Lora, 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: #fff100;
  padding-left: 32px;
  padding-right: 32px;
  color: #fff;
  height: 48px;
  display: flex;
  font-family: Lora, 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: #fff100;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-remove:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-remove:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-recipe.modal-active.favorite-collections-modal .modal.favorite-collections-modal .favorite-collections-footer-done {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 8px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: #fff100;
  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: #fff100;
}

.mdex-test.template-recipe.modal-active.save-success-modal .modal.save-success-modal .save-success-title {
  font-family: Basel, 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: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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: Basel, 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: Lora, 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 .print-preview-full-width .recipe-content:not(.print_hide_images) .recipe-main-header,
.mdex-test.template-recipe .print-preview-full-width .recipe-content:not(.print_hide_images) .recipe-info-section {
  margin-right: 190px;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-weight: 700;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon.icon-favorite .shareicon-favorite-link-tag,
.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .component.share-new .icon .display-block {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-share-bar .recipe-button {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: 4px;
  height: 44px;
  text-transform: uppercase;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 4px;
  font-style: italic;
}

@media (min-width: 768px) {
  .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .print-preview-ad-slug {
    display: none;
  }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement {
  max-width: 640px;
  margin: 0 auto 24px;
  display: flex;
  flex-basis: 640px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement .monetate {
  padding-top: 24px;
  padding-bottom: 8px;
  flex: 0 0 100%;
  text-align: center;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .print-preview-content .print-preview-column-wrapper .recipe-marketing-placement .recipe-marketing-text {
  flex: 0 0 100%;
  text-align: center;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  font-style: italic;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail {
  display: none;
  flex-basis: 300px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail {
    display: block;
  }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail .recipe-ad-wrapper {
  padding-top: 44px;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-container .recipe-right-rail .recipe-ad-wrapper span {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  font-style: italic;
  margin-bottom: 4px;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-ad-container {
  display: none;
}

@media (min-width: 1024px) {
  .mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-ad-container {
    display: block;
  }
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-container .recipe-shopper-wrapper {
  margin: 0;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .recipe-content-toggle {
  background: #fff;
  max-width: 640px;
  padding: 24px;
  margin: 0 auto;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  display: block;
}

@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;
  letter-spacing: 0.5px;
  line-height: 1.5;
  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 {
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad span:first-child {
  margin-bottom: 4px;
  font-style: italic;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .print-preview-footer-ad span:last-child {
  font-size: 12px;
  margin-top: 4px;
}

.mdex-test.template-recipe .recipe-wrapper.print-preview .two-subcol-content-wrapper .image-container {
  width: 100%;
  max-width: 180px;
}

@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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  font-family: Lora, 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%;
  }
}

.mdex-test.template-recipe .nutrition-profile {
  font-family: "Roboto", "HelveticaNeue", sans-serif;
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-text {
  height: 24px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.95);
  display: inline-block;
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link {
  display: inline-block;
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link a.external-link {
  top: 3px;
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-header-link svg {
  width: 14px;
  height: 14px;
  fill: rgba(0, 0, 0, 0.65);
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-list {
  padding-left: 4px;
}

@media (max-width: 1279px) {
  .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .right-column,
  .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .left-column {
    vertical-align: top;
    display: inline-block;
  }

  .mdex-test.template-recipe .nutrition-profile .nutrition-profile-list .right-column {
    padding-left: 4px;
  }
}

.mdex-test.template-recipe .nutrition-profile .nutrition-profile-item {
  color: rgba(0, 0, 0, 0.95);
  height: 20px;
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.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: Basel, 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: Basel, 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: Lora, 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: Lora, 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: Basel, 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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.project-step-download-button:hover,
.project-step-download-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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 {
  color: rgba(0, 0, 0, 0.95);
  background-color: #F2F2F2;
  padding: 16px;
}

.project-callout-wrapper {
  display: block;
}

.project-callout-wrapper-video {
  display: flex;
  justify-content: center;
  position: relative;
  height: 154px;
  width: auto;
  margin-bottom: 16px;
}

.project-callout-wrapper-video::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.project-callout-wrapper-video .icon-play-circle-stroke {
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - (48px / 2));
  width: 52px;
  transform: translateY(-50%);
  z-index: 1;
}

.project-callout-wrapper-video .icon-play-circle-stroke g {
  transform: translateX(1px);
}

.project-callout-wrapper-video .icon-play-circle-stroke circle {
  fill: rgba(0, 0, 0, 0.65);
  stroke: rgba(255, 255, 255, 0.7);
  stroke-width: 2;
}

.project-callout-wrapper-video .icon-play-circle-stroke path {
  stroke: none;
  fill: #fff;
}

@media (min-width: 768px) {
  .project-callout-wrapper {
    display: flex;
  }

  .project-callout-wrapper-image,
  .project-callout-wrapper-video {
    flex: 0 0 250px;
    margin-right: 24px;
  }
}

@media (min-width: 1024px) {
  .project-callout-wrapper {
    display: block;
    width: 270px;
  }

  .project-callout-wrapper-image,
  .project-callout-wrapper-video {
    margin-right: 0;
  }
}

.project-callout-label {
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.project-callout-description p,
.project-callout-description p:first-child {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px 0 0;
}

@media (min-width: 768px) {
  .template-project .two-col-container .two-col-content-container.article-content-container {
    padding-right: inherit;
  }
}

@media (min-width: 1024px) {
  .template-project .two-col-container .two-col-content-container.article-content-container {
    padding-right: 48px;
  }
}

.template-project .template-two-col .two-col-content-container {
  max-width: 768px;
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container-1,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container-1 {
  margin-top: 32px;
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container {
  padding-bottom: 0;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .template-project .two-col-container .two-col-content-container.article-content-container .project-part-container,
  .template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container {
    margin-bottom: 48px;
  }
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-part-container:not(.project-part-container-1),
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-part-container:not(.project-part-container-1) {
  margin-top: 48px;
}

.template-project .two-col-container .two-col-content-container.article-content-container .project-heading-callout,
.template-project .two-col-container .two-col-content-wrapper.project-parts-steps .project-heading-callout {
  font-family: Lora, 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: Lora, 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: Lora, 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: Basel, 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: Lora, 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 .homepage-leaderboard-ad-wrapper {
  display: none;
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  .template-homepage .homepage-leaderboard-ad-wrapper {
    display: block;
  }
}

.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: Lora, 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: rgba(110, 190, 67, 0.3);
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 24px;
  text-align: center;
}

.accountPage__signin,
.accountPage__signin a,
.accountPage__signup,
.accountPage__signup a {
  color: rgba(0, 0, 0, 0.65);
}

.accountPage__signin a,
.accountPage__signup a {
  font-weight: 700;
  text-decoration: underline;
}

.accountPage__stepCount {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  display: block;
  font-style: italic;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
}

.accountPage__stepCount + .accountPage__heading {
  margin-top: 4px;
}

.accountPage__heading {
  font-family: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  margin: 0;
}

.accountPage .singleField {
  margin-bottom: 16px;
}

.accountPage__signupDek,
.accountPage__dek {
  font-family: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 16px 0 0 0;
}

.accountPage__forgotPasswordDek {
  font-size: 16px;
  margin-bottom: 24px;
}

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

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

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

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

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

.accountPage .button:visited {
  background: #00aeef;
  color: #fff;
}

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

.accountPage .button .icon-arrow-right {
  position: relative;
  top: 3px;
}

.accountPage .button .icon-arrow-right svg path {
  fill: #fff;
}

.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: Lora, 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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  display: block;
}

.userAccountForm__container {
  position: relative;
}

.userAccountForm .icon-check-circle {
  position: absolute;
  right: 10px;
  top: 15px;
}

.userAccountForm__field {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: block;
  margin-top: 4px;
  padding: 0 16px;
  width: 100%;
  height: 48px;
  line-height: 48px;
}

.userAccountForm__loginPassword {
  padding-right: 64px;
}

.userAccountForm__formEmail.checkOn,
.userAccountForm__loginPassword.checkOn {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPiA8ZGVmcz4gPHBhdGggaWQ9ImEiIGQ9Ik03IC4zMzNBNi42NyA2LjY3IDAgMDAuMzMzIDcgNi42NyA2LjY3IDAgMDA3IDEzLjY2NyA2LjY3IDYuNjcgMCAwMDEzLjY2NyA3IDYuNjcgNi42NyAwIDAwNyAuMzMzem0tMS4zMzMgMTBMMi4zMzMgN2wuOTQtLjk0IDIuMzk0IDIuMzg3IDUuMDYtNS4wNi45NC45NDYtNiA2eiIvPiA8L2RlZnM+IDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+IDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4gPHVzZSB4bGluazpocmVmPSIjYSIvPiA8L21hc2s+IDxnIGZpbGw9ImdyZWVuIiBtYXNrPSJ1cmwoI2IpIj4gPHBhdGggZD0iTS0xLTFoMTZ2MTZILTF6Ii8+IDwvZz4gPC9nPiA8L3N2Zz4K) right no-repeat;
}

.userAccountForm__formEmail.alertOn,
.userAccountForm__loginPassword.alertOn {
  border: 3px solid #cc0000;
}

.userAccountForm__error {
  background-color: #fae6e6;
  display: none;
  padding: 12px 16px;
}

.userAccountForm__error div {
  display: inline-block;
  vertical-align: text-top;
}

.userAccountForm__error svg {
  width: 20px;
  height: 20px;
}

.userAccountForm__errorMessage {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 700;
  width: 240px;
}

.userAccountForm__passwordGroup {
  position: relative;
}

.userAccountForm__showPassword {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 16px;
  color: rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  line-height: 48px;
  background: transparent;
  border: none;
  padding: 0;
}

.userAccountForm__showPassword:focus {
  outline: none;
  -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: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  display: block;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 4px;
}

.userAccountForm__rules:first-child {
  margin-top: 8px;
}

.userAccountForm__rules:before {
  content: '';
  display: block;
  margin: 2px 5px 0 0;
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.userAccountForm__rules.checkOn:before {
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPiA8ZGVmcz4gPHBhdGggaWQ9ImEiIGQ9Ik03IC4zMzNBNi42NyA2LjY3IDAgMDAuMzMzIDcgNi42NyA2LjY3IDAgMDA3IDEzLjY2NyA2LjY3IDYuNjcgMCAwMDEzLjY2NyA3IDYuNjcgNi42NyAwIDAwNyAuMzMzem0tMS4zMzMgMTBMMi4zMzMgN2wuOTQtLjk0IDIuMzk0IDIuMzg3IDUuMDYtNS4wNi45NC45NDYtNiA2eiIvPiA8L2RlZnM+IDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+IDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4gPHVzZSB4bGluazpocmVmPSIjYSIvPiA8L21hc2s+IDxnIGZpbGw9ImdyZWVuIiBtYXNrPSJ1cmwoI2IpIj4gPHBhdGggZD0iTS0xLTFoMTZ2MTZILTF6Ii8+IDwvZz4gPC9nPiA8L3N2Zz4K);
  width: 14px;
  height: 14px;
}

.userAccountForm__userInputSelectBlock {
  margin-top: 24px;
  padding: 24px 20px;
  background-color: rgba(0, 0, 0, 0.05);
}

.userAccountForm__subformHeading {
  font-family: Lora, 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 {
  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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}

.userAccountForm__tooltip {
  position: relative;
  display: inline-block;
}

.userAccountForm__tooltiptext,
.userAccountForm__tooltip {
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  font-size: 12px;
  top: -15px;
  right: 0;
  white-space: nowrap;
  z-index: 1;
}

.userAccountForm .icon-help-outline:hover + .userAccountForm__tooltip .userAccountForm__tooltiptext,
.userAccountForm .icon-help-outline:active + .userAccountForm__tooltip .userAccountForm__tooltiptext {
  visibility: visible;
}

.thinNavigation {
  width: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

.thinNavigation__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  height: 60px;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .thinNavigation__wrapper {
    padding: 0 64px;
  }
}

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

.thinNavigation__menuContainer {
  display: block;
}

.thinNavigation__prefix,
.thinNavigation__link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.thinNavigation__prefix {
  color: rgba(0, 0, 0, 0.65);
}

.thinNavigation__link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.thinNavigation__link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.thinNavigation__link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.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: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  font-family: Lora, serif;
  text-align: center;
}

.thinFooter__copyrightText a,
.thinFooter__legalLink a {
  color: rgba(0, 0, 0, 0.95);
  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.95);
  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: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.ad-container.instream-ad.tablet-ad.sister-ad > div:after {
  color: #595959;
  font-size: 12px;
  font-family: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.ad-container.instream-ad.tablet-ad.sister-ad:not(.single-ad-tablet-article) > div:after {
  content: '\A0';
}

.ad-container.instream-ad.tablet-ad.sister-ad + .sister-ad > div:after {
  content: 'Advertisement';
  margin-left: -50%;
}

.product-tiles .ad-container:after,
.bottom-recirc .ad-container:after {
  color: #595959;
  font-size: 12px;
  font-family: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.ad-container:not(.ads-processed):not(.type-120x60):not(.cm-ad):not(.karma-ad) {
  background: #f3f3f2;
}

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

.sidebar-item .ad-container,
.sidebar-item .ad-sticky-container {
  margin-bottom: 4px;
}

.sidebar-item .ad-container:not(:first-of-type),
.sidebar-item .ad-sticky-container:not(:first-of-type) {
  margin-top: 32px;
}

.hide-ad {
  display: none !important;
}

.leaderboard-ad {
  text-align: center;
}

.type-120x60 {
  width: 120px;
  height: 60px;
}

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

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

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

.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;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.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;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

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

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

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

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

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

.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 {
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  position: fixed;
  text-align: center;
  transition: height 400ms ease-in-out, opacity 400ms ease-in-out;
  z-index: 200;
}

@media (min-width: 1024px) {
  .component.adhesion-ad {
    height: 98px;
    width: 100%;
    left: 0;
    right: initial;
  }
}

.component.adhesion-ad.hidden {
  opacity: 0;
}

.component.adhesion-ad.closed {
  height: 0;
  opacity: 0;
}

.component.adhesion-ad .adhesion-ad-container {
  background-color: rgba(255, 255, 255, 0.95);
  padding-top: 4px;
  position: relative;
  width: 100%;
}

@media (min-width: 1024px) {
  .component.adhesion-ad .adhesion-ad-container {
    height: 90px;
    min-width: 728px;
  }
}

.component.adhesion-ad .adhesion-ad-container .ad-container {
  margin: 0 auto;
}

.component.adhesion-ad .icon-close {
  background-color: rgba(0, 0, 0, 0.95);
  border: 2px solid #fff;
  border-radius: 100%;
  display: none;
  left: calc(50% + 160px);
  top: -8px;
  line-height: 12px;
  padding: 0;
  position: absolute;
  width: 16px;
  height: 16px;
}

@media (min-width: 1024px) {
  .component.adhesion-ad .icon-close {
    left: calc(50% + 364px);
  }
}

.component.adhesion-ad .icon-close svg {
  width: 8px;
  height: 8px;
}

.component.adhesion-ad .icon-close.visible {
  display: block;
}

.ad-title {
  color: #595959;
  font-size: 12px;
  font-family: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0;
}

.glide-slide-image .ad-title {
  background-color: #F2F2F2;
  color: rgba(0, 0, 0, 0.95);
}

.sidebar-right .sidebar-item:not(:first-child) .ad-container:not(.type-nativo) {
  margin-top: 600px;
}

.component.vertical-gallery .ad-container,
.component.gallery-test .ad-container {
  border: 0;
  margin-top: 16px;
}

.component.vertical-gallery .ad-title,
.component.gallery-test .ad-title {
  margin-bottom: 24px;
}

.component.vertical-gallery .hide-on-mobile,
.component.gallery-test .hide-on-mobile {
  display: none;
}

@media (min-width: 768px) {
  .component.vertical-gallery .hide-on-mobile,
  .component.gallery-test .hide-on-mobile {
    display: block;
  }
}

@media (min-width: 768px) {
  .component.vertical-gallery .hide-on-tablet,
  .component.gallery-test .hide-on-tablet {
    display: none;
  }
}

@media (min-width: 1024px) {
  .component.vertical-gallery .hide-on-desktop,
  .component.gallery-test .hide-on-desktop {
    display: none;
  }
}

.component.vertical-gallery .ad-container {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0;
}

.ads-in-content.xl-only {
  display: none;
}

@media (min-width: 1162px) {
  .ads-in-content.xl-only {
    display: block;
  }
}

@media (min-width: 1162px) {
  .ads-in-content.desktop-ad.hide-on-extra-wide {
    display: none;
  }
}

.ads-in-content .sister-ads {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 650px;
}

.ads-in-content .karma-auto-advance-placeholder {
  margin-left: auto;
  margin-right: auto;
}

.ads-in-content .ad-title {
  width: 100%;
}

header .ad-wrapper.outer,
header .ad-sticky-container.outer {
  border-bottom: 1px solid #e1dfdd;
}

.ad-wrapper.bucket {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1162px) {
  .ad-wrapper.bucket {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}

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

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

@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 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

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

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

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

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

.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: #f3f3f2;
  border-bottom: 1px solid #e1dfdd;
  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: Basel, 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: #239AD2;
  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: #239AD2;
  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,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NjgxMzU4MjYtRTg4RS00MDYxLThEMUQtQkY3NTM5MERDMDRFPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTggMTRsNiA2LTYgNiIvPjwvZz48L3N2Zz4K);
}

.component.gallery .gallery-content .gallery-container .owl-prev {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MTg4OTA3RTQtQUU5Ri00QThCLThCNjUtNDAwQ0YzNDUzNEU0PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMjMgMTRsLTYgNiA2IDYiLz48L2c+PC9zdmc+Cg==);
}

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

.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: Lora, 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: Lora, serif;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.component.gallery .gallery-details .image-details .slide-info .credit {
  font-family: Lora, 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: Lora, 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: Lora, 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: #239AD2;
  height: 42px;
  width: 50px;
  border-radius: 0 5px 5px 0;
}

.search-results-html-form .icon.search:hover {
  background-color: #0F7BAE;
}

.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,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMjMiIGZpbGw9IiNkN2Q3ZDkiIC8+PC9zdmc+Cg==);
  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: #239AD2;
}

.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: #239AD2;
  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: #0F7BAE;
}

.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: #239AD2;
  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: #0F7BAE;
}

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

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

.search-results-pagination .arrow:hover {
  background-color: #0F7BAE;
}

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

.search-results-pagination .prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MTg4OTA3RTQtQUU5Ri00QThCLThCNjUtNDAwQ0YzNDUzNEU0PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMjMgMTRsLTYgNiA2IDYiLz48L2c+PC9zdmc+Cg==);
}

.search-results-pagination .next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NjgxMzU4MjYtRTg4RS00MDYxLThEMUQtQkY3NTM5MERDMDRFPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTggMTRsNiA2LTYgNiIvPjwvZz48L3N2Zz4K);
}

.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: Lora, 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: Lora, 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: Lora, serif;
  color: #383838;
}

nav.main .style-orange a {
  color: #239AD2;
}

nav.main .style-orange a:hover {
  color: #0F7BAE;
}

nav.main .secondary-item.small.section-label {
  color: #239AD2;
  font-size: 12px;
  line-height: 12px;
  padding-top: 3px;
  padding-left: 6px;
  padding-bottom: 2px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: Lora, 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: Lora, 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 #239AD2;
  border-bottom: 1px solid #239AD2;
}

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

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: Lora, 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: Lora, serif;
}

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

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

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

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: #239AD2;
  border-bottom: 2px solid #239AD2;
}

nav.main li.selected a {
  color: #239AD2;
}

nav.main a {
  color: #239AD2;
  display: inline-block;
}

nav.main a:hover {
  color: #239AD2;
}

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: #239AD2;
  font-family: Lora, 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: #239AD2;
}

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: #239AD2;
  }

  nav.menu li:hover .accordion-arrow .icon svg {
    fill: #239AD2;
  }

  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: #239AD2;
}

.menu:hover .menu-inner,
.menu:hover .menu-inner:after,
.menu:hover .menu-inner:before {
  background-color: #239AD2;
}

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

.menu-label-small:hover {
  color: #239AD2;
}

.menu-label {
  font-family: Lora, 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: #239AD2;
  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: #00aeef;
  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: #00aeef;
}

.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,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MTg4OTA3RTQtQUU5Ri00QThCLThCNjUtNDAwQ0YzNDUzNEU0PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMjMgMTRsLTYgNiA2IDYiLz48L2c+PC9zdmc+Cg==);
}

.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,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NjgxMzU4MjYtRTg4RS00MDYxLThEMUQtQkY3NTM5MERDMDRFPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTggMTRsNiA2LTYgNiIvPjwvZz48L3N2Zz4K);
}

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

.component.content-loader button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.95);
  font-family: Limerick, sans-serif;
  font-size: 18px;
  line-height: 50px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  padding: 0 16px;
  margin: 16px auto;
  border: 0;
  text-align: center;
}

.component.content-loader .load-more-content {
  display: none;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  font-family: Lora, 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: Lora, serif;
  overflow: hidden;
  padding-bottom: 50px;
}

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

footer.main a:hover {
  color: #239AD2;
}

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: Lora, serif;
}

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

.product-tile .headline a:hover {
  color: #239AD2;
}

.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(35, 154, 210, 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: #239AD2;
}

.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: Lora, 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: Lora, 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 #00aeef;
  margin: 28px 0;
  padding-left: 15.84px;
  padding-top: 8px;
  padding-bottom: 8px;
}

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

.pullquote-attribution,
.blockquote figcaption,
.blockquote-attribution {
  font-family: Lora, 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: Basel, 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNiAxN2gzbDItNFY3SDV2Nmgzem04IDBoM2wyLTRWN2gtNnY2aDN6IiBmaWxsPSIjMjM5QUQyIi8+PC9zdmc+Cg==) 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 #00aeef;
  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: #239AD2;
}

.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: Basel, 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: Basel, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  background-color: #fff;
}

.vjs-big-play-button:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.3) !important;
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: -3px;
}

.component.anchors .anchor-menu {
  z-index: 600;
  opacity: 0;
  position: fixed;
  right: 24px;
  top: calc(50% + 28px);
  transform: translate(48px, -50%);
  transition: transform 800ms ease-in-out, opacity 600ms ease-in-out 200ms;
  display: flex;
  flex-flow: column;
}

@media (min-width: 1024px) {
  .component.anchors .anchor-menu {
    position: initial;
    right: initial;
    top: initial;
    z-index: initial;
    display: block;
    flex-flow: initial;
  }
}

.component.anchors .anchor-menu.in-view {
  opacity: 1;
  transform: translate(0, -50%);
  background-color: #fff;
}

.component.anchors .anchor-menu-item {
  display: block;
  width: 20px;
  font-family: Lora, 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 #239AD2;
}

.component.anchors .anchor-list-item-title {
  font-size: 24px;
  font-weight: 500;
  font-family: Basel, 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: Lora, 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,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyMyIgdmlld2JveD0iMCAwIDEgMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMjMiIGZpbGw9IiNkN2Q3ZDkiIC8+PC9zdmc+Cg==);
  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: #239AD2;
}

.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: Basel, 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 #239AD2;
  border-bottom: 2px solid #239AD2;
  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: Lora, 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: Limerick, sans-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 #239AD2;
  background: #239AD2;
  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: #239AD2;
}

.button.white {
  background: #fff;
  color: #239AD2;
  font-family: Basel, 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: #239AD2;
  border-color: #0F7BAE;
  color: #fff;
}

.button.orange {
  background-color: #239AD2;
  width: 272px;
  height: 42px;
  border: none;
  color: #fff;
  font-family: Basel, 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: #0F7BAE;
}

.button.green {
  color: #239AD2;
}

.button.green .icon #plus {
  fill: #239AD2;
}

.button.green:hover {
  color: #0F7BAE;
}

.button.green:hover .icon #plus {
  fill: #0F7BAE;
}

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

.button.favorite {
  font-family: Lora, 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: Basel, 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: #239AD2;
  border-color: #0F7BAE;
  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: #239AD2;
}

.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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.button:hover,
.component.button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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.recirc-list .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: Lora, serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
}

.component.vertical-gallery .vertical-slide > .slide-info .credit {
  font-family: Lora, 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: Basel, serif;
  color: #282f2f;
}

.component.vertical-gallery .vertical-slide > .media-body a.headline-link:hover {
  color: #0F7BAE;
}

.component.vertical-gallery .vertical-slide > .media-body .caption {
  line-height: 24px;
  font-family: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Basel, 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 #239AD2;
  display: table;
}

.newsletter-success-modal .content-container {
  display: table-cell;
  vertical-align: middle;
}

.newsletter-success-modal .primary-heading {
  font-family: Basel, serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #239AD2;
}

.newsletter-success-modal .primary-message {
  font-family: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Basel, 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: #239AD2;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 9px;
}

.component.dropdown.video-transcript .heading svg path {
  fill: #239AD2;
}

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

.component.expander .open-button:hover path,
.component.expander .close-button:hover path {
  fill: #239AD2;
}

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

.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: Lora, 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: #239AD2;
  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: #73c14a;
  color: #fff;
  margin-bottom: 30px;
  font-family: Lora, 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: Basel, 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: #3f9612;
  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: Lora, 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 #239AD2;
  border-top: 0;
  font-family: Lora, serif;
}

.hub-filter .link {
  color: #282f2f;
  font-weight: 600;
}

.hub-filter .link:hover {
  color: #3F9612;
}

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

.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: Lora, 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: #73C14A;
  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: #73C14A;
  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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI4IDEyIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS45MzUuMjYybDUuNDU1IDUuNDU2LTUuNDU1IDUuNDU1TDIwLjIyIDkuNDJsMi42ODMtMi42NC05Ljg5LjAxOFY0LjY2bDEwLjA2NC4wMzNMMjAuMyAxLjkyIDIxLjkzNi4yNjN6bS0xNS43MjggMGwxLjYzNCAxLjY2LTIuNzc1IDIuNzdoNy45NDR2Mi4xNGwtNy43Ny0uMDUzIDIuNjggMi42NC0xLjcxMyAxLjc1M0wuNzUyIDUuNzE4IDYuMjA3LjI2MnoiLz48L3N2Zz4=) 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: Lora, 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: Lora, serif;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 24px;
  background: #239AD2;
  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,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NjgxMzU4MjYtRTg4RS00MDYxLThEMUQtQkY3NTM5MERDMDRFPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTggMTRsNiA2LTYgNiIvPjwvZz48L3N2Zz4K) 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: #a054a0;
  appearance: none;
}

.progress-bar progress::-webkit-progress-bar {
  background-color: transparent;
}

.progress-bar progress::-webkit-progress-value {
  background-color: #a054a0;
}

.progress-bar progress::-moz-progress-bar {
  background-color: #a054a0;
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  display: block;
}

.progress-bar-inner {
  background-color: #a054a0;
  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: Basel, 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: Lora, 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: Basel, 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: Lora, 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: Lora, 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: Basel, 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: #0F7BAE;
}

.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: Basel, 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: Lora, serif;
}

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

.component .product-tile .media-body .headline a:hover {
  color: #239AD2;
}

.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(35, 154, 210, 0.7);
}

.component .product-tile .top-buy-image {
  position: absolute;
  top: 0;
  right: 0;
}

body.modal-active {
  overflow-y: hidden;
  max-height: 100%;
}

@media (min-width: 1024px) {
  body.modal-active {
    padding-right: 17px;
  }
}

.partial.modal {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  padding: 32px;
  z-index: 600;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}

@media (min-width: 768px) {
  .partial.modal {
    max-width: 380px;
    z-index: 500;
  }
}

.partial.modal .close {
  position: absolute;
  top: -50px;
  right: 0;
  font-size: 100%;
  font-family: inherit;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 50px;
  height: 50px;
}

.partial.modal .close svg {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 8px;
  right: 0;
}

.partial.modal:not(.other-sites):not(.global-communities):not(.show-header) .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: Lora, serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4px;
  color: #239AD2;
}

/*
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: Lora, serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #239AD2;
  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: Lora, 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: #239AD2;
}

.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: Basel, serif;
  font-size: 40px;
  letter-spacing: 0.5px;
  line-height: 1.25;
  color: #282f2f;
  font-weight: normal;
}

.auth-forms .auth-header {
  font-family: Lora, 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: Lora, 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: Lora, 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: #239AD2;
}

.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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.65);
  outline: none;
  padding-left: 16px;
  height: 48px;
  width: 100%;
}

.auth-forms .input-group input[type=email]:focus,
.auth-forms .input-group input[type=password]:focus,
.auth-forms .input-group input[type=text]:focus {
  border-color: #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: #239AD2;
}

.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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0wIDB2MTJoMTZWMEgwem0xLjUxMSAxMC41MTVWMi4yNjhMOCA2LjUxNmw2LjQ4OS00LjM5N3Y4LjM5NkgxLjUxem0xLjMxLTkuMDA3aDEwLjUwMmwtNS4zMSAzLjUxNy01LjE5Mi0zLjUxN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0E1OUY5OSIgeGxpbms6aHJlZj0iI2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

.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,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMi42NjcgOFY1LjQ1OGMwLTEuMTUyLS4zNzItMi4xMjgtMS4xMTUtMi45MjctLjc0My0uNzk4LTEuNzEyLTEuMTk4LTIuOTA2LTEuMTk4LTEuMjA5IDAtMi4xNzQuNDAzLTIuODk2IDEuMjA5LS43MjIuODA1LTEuMDgzIDEuNzc3LTEuMDgzIDIuOTE2VjhoOHpNMTQgOGgzLjMzM3YxMC4zMzNhMyAzIDAgMCAxLTMgM0gzYTMgMyAwIDAgMS0zLTNWOGgzLjMzM1Y1LjQ1OGMwLS43NS4xMjktMS40NTguMzg2LTIuMTI1YTUuMjYgNS4yNiAwIDAgMSAxLjA4My0xLjc0QTUuMDU0IDUuMDU0IDAgMCAxIDYuNDguNDI4QzcuMTMyLjE0MiA3Ljg1NCAwIDguNjQ2IDBjLjc3OCAwIDEuNDk2LjE0MiAyLjE1Ni40MjcuNjYuMjg1IDEuMjI2LjY3IDEuNjk4IDEuMTU2LjQ3Mi40ODYuODQgMS4wNjMgMS4xMDQgMS43My4yNjQuNjY2LjM5NiAxLjM4MS4zOTYgMi4xNDVWOHpNMS4zMzMgOS4zMzNWMThhMiAyIDAgMCAwIDIgMkgxNGEyIDIgMCAwIDAgMi0yVjkuMzMzSDEuMzMzek04LjY2NyAxMmMuMzc1IDAgLjY5LjEyOC45NDguMzg1LjI1Ny4yNTcuMzg1LjU3My4zODUuOTQ4IDAgLjI1LS4wNjIuNDc2LS4xODguNjc3YTEuMzQ1IDEuMzQ1IDAgMCAxLS40NzkuNDd2Mi4xODdhLjY0LjY0IDAgMCAxLS4xOTguNDY4LjY0LjY0IDAgMCAxLS40NjguMTk4LjY0LjY0IDAgMCAxLS40Ny0uMTk4LjY0LjY0IDAgMCAxLS4xOTctLjQ2OHYtMi4xODhhMS4zNDUgMS4zNDUgMCAwIDEtLjQ4LS40NjkgMS4yNTggMS4yNTggMCAwIDEtLjE4Ny0uNjc3YzAtLjM3NS4xMjktLjY5LjM4Ni0uOTQ4LjI1Ny0uMjU3LjU3My0uMzg1Ljk0OC0uMzg1eiIgaWQ9ImEiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuMzMzKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNBNTlGOTkiIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0YzRjNGMiI+PHBhdGggZD0iTS04LTUuMzMzaDMydjMySC04eiIvPjwvZz48ZyBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjRTFERkREIj48cGF0aCBkPSJNLTgtNS4zMzNoMzJ2MzJILTh6Ii8+PC9nPjxnIG1hc2s9InVybCgjYikiIGZpbGw9IiNEMENEQ0EiPjxwYXRoIGQ9Ik0tOC01LjMzM2gzMnYzMkgtOHoiLz48L2c+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0E1OUY5OSI+PHBhdGggZD0iTS04LTUuMzMzaDMydjMySC04eiIvPjwvZz48L2c+PC9zdmc+);
}

.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,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0E1OUY5OSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuNzMgOS4xOUgxN3YxMC4xNDNhMyAzIDAgMCAxLTMgM0gzYTMgMyAwIDAgMS0zLTNWOS4xOWgzLjI3VjYuNjg1YTUuOCA1LjggMCAwIDEgLjM3Ny0yLjA5NUE1LjE5IDUuMTkgMCAwIDEgNC43MSAyLjg3NmE0Ljk1NyA0Ljk1NyAwIDAgMSAxLjY0NS0xLjE1Yy42NC0uMjggMS4zNDgtLjQyMSAyLjEyNS0uNDIxLjQ2NCAwIC45MDYuMDUyIDEuMzI4LjE1NnYxLjM1NkE0LjI2OCA0LjI2OCAwIDAgMCA4LjQ4IDIuNjJjLTEuMTg2IDAtMi4xMzIuMzk3LTIuODQgMS4xOTEtLjcwOS43OTQtMS4wNjMgMS43NTItMS4wNjMgMi44NzVWOS4xOWg3Ljg0NlY3LjIyaDEuMzA4VjkuMTl6TTEuMzA5IDEwLjUwNXY4LjUxNGEyIDIgMCAwIDAgMiAyaDEwLjM4NGEyIDIgMCAwIDAgMi0ydi04LjUxNEgxLjMwOHpNOC41IDEzLjEzM2MuMzY4IDAgLjY3OC4xMjcuOTMuMzguMjUyLjI1NC4zNzguNTY1LjM3OC45MzUgMCAuMjQ2LS4wNjIuNDY5LS4xODQuNjY3LS4xMjMuMTk5LS4yOC4zNTMtLjQ3LjQ2MnYyLjE1NmEuNjMzLjYzMyAwIDAgMS0uMTk0LjQ2Mi42MjcuNjI3IDAgMCAxLS40Ni4xOTUuNjI3LjYyNyAwIDAgMS0uNDYtLjE5NS42MzMuNjMzIDAgMCAxLS4xOTQtLjQ2MnYtMi4xNTZhMS4zMjIgMS4zMjIgMCAwIDEtLjQ3LS40NjIgMS4yNDUgMS4yNDUgMCAwIDEtLjE4NC0uNjY3YzAtLjM3LjEyNi0uNjgxLjM3OC0uOTM1YTEuMjYgMS4yNiAwIDAgMSAuOTMtLjM4eiIvPjxwYXRoIGQ9Ik0xNC45MTYgNmgtLjgyNGEuMjI4LjIyOCAwIDAgMS0uMTU4LS4wNTIuNDU1LjQ1NSAwIDAgMS0uMDk0LS4xMTZsLS45NC0xLjUwOGEuOTEuOTEgMCAwIDEtLjA5Ni4yMzZsLS44NTIgMS4yNzJhLjc1MS43NTEgMCAwIDEtLjA5OC4xMTYuMTk2LjE5NiAwIDAgMS0uMTQyLjA1MmgtLjc2OGwxLjQxMi0yLjEwNEwxMSAxLjkyaC44MjRjLjA2NyAwIC4xMTUuMDEuMTQ2LjAzLjAzLjAyLjA1OC4wNS4wODIuMDlsLjkyNCAxLjQ0YS45MjMuOTIzIDAgMCAxIC4xMTItLjI1MmwuNzgtMS4xNzJjLjA1My0uMDkuMTIxLS4xMzYuMjA0LS4xMzZoLjc4OGwtMS4zNTYgMS45NEwxNC45MTYgNnptNC40OTItLjgxMmMuMDkzIDAgLjE2Ny4wMjcuMjIuMDgyLjA1My4wNTUuMDguMTI1LjA4LjIxVjZoLTMuODk2di0uMjkyYS41MjQuNTI0IDAgMCAxIC4xNTItLjM2bDEuNzkyLTEuNzk2Yy4xNTItLjE1Mi4yODctLjI5Ny40MDYtLjQzNi4xMTktLjEzOS4yMi0uMjc3LjMwNC0uNDE2LjA4NC0uMTM5LjE0OC0uMjguMTkyLS40MjIuMDQ0LS4xNDMuMDY2LS4yOTMuMDY2LS40NSAwLS4xNTItLjAyMy0uMjg2LS4wNy0uNDAyYS43OTEuNzkxIDAgMCAwLS4xOTItLjI4OC44LjggMCAwIDAtLjI5Mi0uMTcyIDEuMTUyIDEuMTUyIDAgMCAwLS4zNzQtLjA1OGMtLjEzIDAtLjI1MS4wMTktLjM2Mi4wNTYtLjExLjAzNy0uMjEuMDktLjI5Ni4xNTZhLjg5Ni44OTYgMCAwIDAtLjIxNi4yMzhjLS4wNTcuMDkyLS4xLjE5My0uMTI2LjMwMi0uMDQuMTEtLjA5MS4xODMtLjE1NC4yMi0uMDYzLjAzNy0uMTU0LjA0NS0uMjc0LjAyNGwtLjQ1Mi0uMDhjLjA0LS4yNzIuMTE1LS41MS4yMjYtLjcxNmExLjY5IDEuNjkgMCAwIDEgLjk5Ni0uODI2IDIuMjcgMi4yNyAwIDAgMSAuNzA2LS4xMDZjLjI1NiAwIC40OTEuMDM4LjcwNi4xMTQuMjE1LjA3Ni40LjE4NC41NTYuMzI0LjE1Ni4xNC4yNzguMzEuMzY2LjUxLjA4OC4yLjEzMi40MjUuMTMyLjY3NiAwIC4yMTMtLjAzMS40MS0uMDk0LjU5MmEyLjQwNiAyLjQwNiAwIDAgMS0uMjU0LjUyIDMuNjM3IDMuNjM3IDAgMCAxLS4zNzQuNDgyYy0uMTQzLjE1Ni0uMjkzLjMxNC0uNDUuNDc0TDE3LjA0IDUuMjkyYy4xMTUtLjAzMi4yMy0uMDU3LjM0Ni0uMDc2YTIuMDggMi4wOCAwIDAgMSAuMzMtLjAyOGgxLjY5MnoiLz48L2c+PC9zdmc+);
}

.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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0wIDB2MTJoMTZWMEgwem0xLjUxMSAxMC41MTVWMi4yNjhMOCA2LjUxNmw2LjQ4OS00LjM5N3Y4LjM5NkgxLjUxem0xLjMxLTkuMDA3aDEwLjUwMmwtNS4zMSAzLjUxNy01LjE5Mi0zLjUxN3oiIGlkPSJhIi8+PC9kZWZzPjx1c2UgZmlsbD0iI0E1OUY5OSIgeGxpbms6aHJlZj0iI2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

.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: #239AD2;
  color: #fff;
  border-color: #239AD2;
  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: #239AD2;
  border-color: #239AD2;
}

.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: Lora, 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: #239AD2;
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: Basel, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  border: none;
  color: rgba(0, 0, 0, 0.95);
}

.component.gallery-test .author .timestamp {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: block;
  margin-top: 8px;
}

@media (min-width: 1024px) {
  .component.gallery-test .author .author-name + .timestamp,
  .component.gallery-test .author .author-credit + .timestamp {
    display: inline;
    margin-left: 8px;
    padding-left: 12px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
}

@media (min-width: 1162px) {
  .component.gallery-test .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }

  .component.gallery-test .glide * {
    box-sizing: inherit;
  }

  .component.gallery-test .glide-track {
    overflow: hidden;
  }

  .component.gallery-test .glide-slides {
    position: relative;
    width: 100%;
    list-style: none;
    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: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Limerick, sans-serif;
  margin: 34px 0 24px;
  text-align: center;
}

.component.gallery-test .glide-share-buttons a,
.component.gallery-test .glide-replay {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Limerick, sans-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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 32px;
}

.component.gallery-test .glide-share-buttons .icon a:focus {
  outline: none;
  -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%;
  margin-bottom: 40px;
}

.component.gallery-test .glide-current-slide {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.component.gallery-test .glide-toolbar {
  margin-bottom: 24px;
}

.component.gallery-test .glide-controls,
.component.gallery-test .glide-start {
  display: none;
}

.component.gallery-test .glide.ad-slide .share-new {
  display: none;
}

.component.gallery-test .glide-slide {
  white-space: normal;
}

.component.gallery-test .glide-slide.title-slide {
  margin-bottom: 32px;
}

.component.gallery-test .glide-slide:not(.title-slide),
.component.gallery-test .glide-slide:not(.last-slide) {
  display: flex;
  flex-direction: column;
}

.component.gallery-test .glide-slide.ad-slide {
  display: none;
}

.component.gallery-test .glide-slide-meta {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  order: 1;
  margin-bottom: 8px;
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-slide-meta {
    margin-bottom: 0;
  }
}

.component.gallery-test .glide-slide-number {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0;
}

.component.gallery-test .glide-slide-image {
  background: #F2F2F2;
  line-height: 0;
  order: 1;
  position: relative;
  text-align: center;
}

.component.gallery-test .glide-slide-image .social-embed {
  margin: 0;
}

.component.gallery-test .glide-slide-title {
  font-family: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 16px 0;
  order: 2;
}

.component.gallery-test .glide-slide-desc {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Lora, serif;
}

.component.gallery-test .glide-slide-desc a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.component.gallery-test .glide-slide-desc a:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.component.gallery-test .glide-slide-desc a:hover,
.component.gallery-test .glide-slide-desc a:focus {
  color: 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 {
  color: rgba(0, 0, 0, 0.95);
}

.component.gallery-test .glide-slide-content {
  order: 2;
}

.component.gallery-test .glide-slide-recipe-meta {
  font-family: Lora, 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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  margin-left: 4px;
  max-width: 296px;
}

.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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.gallery-test .glide-slide-cta-button:hover,
.component.gallery-test .glide-slide-cta-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.component.gallery-test .glide-slide-shopit-button {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.gallery-test .glide-slide-shopit-button:hover,
.component.gallery-test .glide-slide-shopit-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  display: block;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.component.gallery-test .glide-slide-shopit-retailer {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-slide-shopit-retailer {
    display: inline-block;
    padding-left: 8px;
  }
}

.component.gallery-test .glide-slide-related-links {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 24px 0 0;
}

.component.gallery-test .glide-slide-related-links a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 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 #00aeef;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0);
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc {
  padding-top: 24px;
  font-family: Lora, serif;
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc p {
  font-family: Lora, serif;
}

.component.gallery-test .glide-slide.title-slide .glide-slide-desc p:first-of-type {
  margin-top: 0;
}

.component.gallery-test .glide-slide.title-slide .glide-slide-image {
  text-align: center;
}

.component.gallery-test .glide-slide.title-slide .glide-slide-image .component.lazy-image {
  display: inline-block;
}

@media (min-width: 768px) {
  .component.gallery-test .glide-slide.title-slide .glide-slide-container {
    overflow: hidden;
  }

  .component.gallery-test .glide-slide.title-slide .glide-slide-image {
    width: 48%;
    float: left;
    margin: 0 24px 24px 0;
  }

  .component.gallery-test .glide-slide.title-slide .glide-slide-desc {
    padding: 0;
  }
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-slide.title-slide {
    padding: 32px;
  }

  .component.gallery-test .glide-slide.title-slide .glide-slide-image {
    width: 400px;
    margin: 0 32px 0 0;
  }
}

@media (min-width: 1162px) and (min-width: 1024px) {
  .component.gallery-test .glide-slide.title-slide .glide-slide-image--intro {
    margin-bottom: 32px;
  }
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-slide.title-slide .glide-slide-desc {
    padding: 0;
  }

  .component.gallery-test .glide-slide.title-slide .glide-start-container {
    padding-top: 24px;
  }

  .component.gallery-test .glide-slide.title-slide .glide-start {
    /* standard and little */
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    font-family: Limerick, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 32px;
    display: inline-block;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    background: #00aeef;
    color: #fff;
    border-radius: 0;
    border: 3px solid #00aeef;
    padding: 14px 32px;
    position: relative;
    left: 4px;
  }

  .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: #00aeef;
    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: Limerick, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
  }

  .component.gallery-test .glide.title-slide .title-slide-next-text:focus {
    outline: none;
    -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;
    align-items: center;
    border-width: 0;
    display: flex;
    flex-basis: auto;
    flex-direction: row;
    justify-content: center;
    padding: 0 24px 0;
  }

  .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 {
    margin-left: 8px;
    position: static;
  }

  .component.gallery-test .glide.title-slide .glide-controls {
    border-bottom-width: 0;
    justify-content: flex-end;
  }

  .component.gallery-test .glide.last-slide .glide-controls,
  .component.gallery-test .glide.last-slide .glide-sharebar,
  .component.gallery-test .glide.last-slide .view-all-btn {
    display: none;
  }

  .component.gallery-test .glide.last-slide .glide-toolbar {
    z-index: 0;
  }

  .component.gallery-test .glide.last-slide .circular-countdown {
    margin: 28px auto 0;
  }

  .component.gallery-test .glide.last-slide .circular-countdown-canvas {
    transform: rotate(-90deg);
  }

  .component.gallery-test .glide.last-slide .glide-replay-container {
    margin-top: 36px;
    text-align: left;
  }

  .component.gallery-test .glide.last-slide .icon-replay,
  .component.gallery-test .glide.last-slide .glide-replay {
    color: rgba(0, 0, 0, 0.95);
    cursor: pointer;
    vertical-align: middle;
  }

  .component.gallery-test .glide.last-slide .icon-replay svg path {
    fill: rgba(0, 0, 0, 0.95);
  }

  .component.gallery-test .glide.last-slide .glide-up-next {
    background: rgba(160, 84, 160, 0.05);
    padding: 32px;
  }

  .component.gallery-test .glide.last-slide .glide-up-next h2 {
    font-family: Lora, serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: Limerick, sans-serif;
    letter-spacing: 0.5px;
    margin: 0;
  }

  .component.gallery-test .glide.last-slide .glide-up-next-link {
    font-family: Basel, serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    display: inline-block;
    font-family: Limerick, sans-serif;
    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: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    background: 0;
    border: 0;
    font-family: Limerick, sans-serif;
    margin-top: 8px;
  }

  .component.gallery-test .glide.first-slide .glide-controls {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }

  .component.gallery-test .glide .title-slide-next-text {
    display: none;
  }

  .component.gallery-test .glide-toolbar {
    align-items: center;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    height: 70px;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .component.gallery-test .glide-toolbar,
  .component.gallery-test .glide-controls,
  .component.gallery-test .glide .view-all-btn {
    display: flex;
  }

  .component.gallery-test .glide-controls {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    height: 100%;
    min-width: 434px;
    max-width: 550px;
    width: calc(100% - 330px);
  }
}

@media (min-width: 1162px) and (min-width: 1279px) {
  .component.gallery-test .glide-controls {
    width: 550px;
  }
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-controls button {
    background-color: transparent;
    font-family: inherit;
    font-size: 100%;
  }

  .component.gallery-test .glide-view-all {
    align-items: center;
    border: 0;
    display: flex;
    flex: 100 0 1px;
    justify-content: center;
  }

  .component.gallery-test .glide-view-all .view-all-inner-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .component.gallery-test .glide-view-all .view-all-button-icon {
    margin-right: 4px;
    width: 24px;
    height: 24px;
  }

  .component.gallery-test .glide-view-all .view-all-button-text {
    font-family: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    font-family: Limerick, sans-serif;
  }

  .component.gallery-test .glide-view-all .view-all-button-text:hover,
  .component.gallery-test .glide-view-all .view-all-button-text:visited {
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
  }

  .component.gallery-test .glide-nav {
    align-items: center;
    border-width: 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    display: flex;
    flex: 0 0 72px;
    justify-content: center;
    z-index: 100;
  }

  .component.gallery-test .glide-nav:hover,
  .component.gallery-test .glide-nav:focus {
    border-color: rgba(0, 0, 0, 0.65);
    border-width: 1px;
  }

  .component.gallery-test .glide-sharebar {
    flex: 100 0 1px;
  }

  .component.gallery-test .glide-replay {
    font-family: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: flex-start;
  }

  .component.gallery-test .glide-replay .icon-replay {
    margin-right: 8px;
  }

  .component.gallery-test .glide-replay .icon-replay svg {
    width: 24px;
    height: 24px;
  }

  .component.gallery-test .glide-slide[aria-hidden="true"] {
    visibility: hidden;
  }

  .component.gallery-test .glide-slide[aria-hidden="true"] .monetateLastSlide {
    display: none;
  }

  .component.gallery-test .glide-slide.glide__slide--active {
    visibility: visible;
  }

  .component.gallery-test .glide-slide:not(.title-slide):not(.last-slide):not(.video-slide) {
    display: block;
  }

  .component.gallery-test .glide-slide:not(.title-slide):not(.last-slide) {
    padding-top: 70px;
    position: relative;
  }

  .component.gallery-test .glide-slide.title-slide {
    margin-top: 70px;
  }

  .component.gallery-test .glide-slide.video-slide {
    display: flex;
    flex-direction: column;
  }

  .component.gallery-test .glide-slide.video-slide .glide-slide-image {
    order: 1;
  }

  .component.gallery-test .glide-slide.video-slide .glide-slide-meta,
  .component.gallery-test .glide-slide.video-slide .glide-slide-title,
  .component.gallery-test .glide-slide.video-slide .glide-slide-content {
    order: 2;
  }

  .component.gallery-test .glide-slide.ad-slide {
    display: block;
  }

  .component.gallery-test .glide-slide.ad-slide .glide-slide-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
  }

  .component.gallery-test .glide-slide.ad-slide .ad-title {
    display: block;
    margin-bottom: 8px;
  }

  .component.gallery-test .glide-slide.ad-slide .glide-slide-image {
    background-color: rgba(0, 0, 0, 0.05);
    padding-top: 24px;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom {
    display: none;
  }
}

@media (min-width: 1162px) and (min-width: 1162px) {
  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom {
    display: flex;
    order: 4;
    width: 100%;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-slide-number {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 4px;
    order: 1;
    padding-right: 8px;
    padding-top: 0;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-view-all {
    background-color: #fff;
    justify-content: left;
    order: 2;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls {
    border: none;
    order: 3;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls .right-arrow {
    border: none;
    margin-left: auto;
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .glide-controls .right-arrow svg {
    fill: rgba(0, 0, 0, 0.95);
  }

  .component.gallery-test .glide-slide:not(.title-slide) .glide-slide-meta-bottom .next-text {
    color: #00aeef;
    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-meta {
    float: left;
    width: 298px;
  }

  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-content {
    clear: left;
  }

  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-image {
    float: right;
    min-width: 434px;
    max-width: 550px;
    margin: 0 0 32px 32px;
    position: relative;
    width: calc(100% - 330px);
  }
}

@media (min-width: 1162px) and (min-width: 1279px) {
  .component.gallery-test .glide-slide:not(.title-slide):not(.video-slide) .glide-slide-image {
    width: 550px;
  }
}

@media (min-width: 1162px) {
  .component.gallery-test .glide-slide-meta {
    display: block;
    margin-top: 32px;
    width: 300px;
  }

  .component.gallery-test .glide-slide-sharebar {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }

  .component.gallery-test .glide-slide.full-width {
    display: flex;
    flex-direction: column;
  }

  .component.gallery-test .glide-slide.full-width .glide-slide-meta {
    order: 2;
  }

  .component.gallery-test .glide-slide.full-width .glide-slide-image {
    float: none;
    margin: 0;
    max-width: none;
    order: 1;
    width: auto;
  }

  .component.gallery-test .glide-slide.full-width .glide-slide-content {
    order: 3;
  }

  .component.gallery-test .glide-slide.last-slide {
    text-align: center;
  }

  .component.gallery-test .glide .share-new-ad {
    display: block;
  }
}

@media (min-width: 1279px) {
  .component.gallery-test .glide {
    width: 915px;
  }
}

.component.gallery-test .glide .glide-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: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
  float: none;
  padding-left: 0;
  text-align: left;
  text-transform: uppercase;
}

.component.gallery-test .body-credit:before {
  content: 'Photo: ';
}

.component.gallery-test .dek {
  color: rgba(0, 0, 0, 0.95);
  margin-bottom: 24px;
}

.component.gallery-test .glide-toolbar.cloned {
  display: none;
}

body.modal-active.view-all {
  overflow: hidden;
  padding-right: 17px;
}

body.modal-active.view-all .partial.modal.view-all {
  position: fixed;
  display: flex;
  padding: 0 0 16px 16px;
  flex-wrap: wrap;
  top: 150px;
  max-width: 1104px;
  background-color: #a054a0;
}

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 .dialogTitle {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Limerick, sans-serif;
  font-size: 18px;
  line-height: 48px;
  margin: 0;
  text-transform: capitalize;
  letter-spacing: 0;
  color: #fff;
}

body.modal-active.view-all .partial.modal.view-all .dialogTitle: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.view-all .partial.modal.view-all .dialogTitle:active {
  opacity: 0.8;
}

body.modal-active.view-all .partial.modal.view-all .close {
  top: 0;
  right: 16px;
}

body.modal-active.view-all .partial.modal.view-all .close svg {
  top: 50%;
  transform: translateY(-50%);
}

body.modal-active.view-all .partial.modal.view-all .close svg path {
  fill: #fff;
}

body.modal-active.view-all .partial.modal.view-all .content {
  background: #fff;
  left: 0;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 100%;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin-top: 14px;
  padding: 0 16px;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item {
  position: relative;
  display: block;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  width: 232px;
  max-width: 100%;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item:hover .view-all-item-title-wrapper {
  transition: opacity 0.15s, visibility 0.15s;
  visibility: visible;
  opacity: 1;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-wrapper {
  margin: 16px;
  max-width: calc(25% - 32px);
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-number {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  text-transform: lowercase;
  margin-bottom: 6px;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-number: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.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-number:active {
  opacity: 0.8;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title-wrapper {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  visibility: hidden;
  opacity: 0;
  width: 232px;
  height: 232px;
  max-width: 100%;
  max-height: 100%;
  background: #00aeef;
  color: rgba(0, 0, 0, 0.95);
  z-index: 100;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 8px;
  overflow: hidden;
  text-align: center;
  font-family: Limerick, sans-serif;
  line-height: 28px;
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #4d90fe;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item-title:active {
  opacity: 0.8;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide {
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  position: relative;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke {
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - (48px / 2));
  width: 52px;
  transform: translateY(-50%);
  z-index: 1;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke g {
  transform: translateX(1px);
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke circle {
  fill: rgba(0, 0, 0, 0.65);
  stroke: rgba(255, 255, 255, 0.7);
  stroke-width: 2;
}

body.modal-active.view-all .partial.modal.view-all .content .gallery-view-all .view-all-item.video_slide .icon-play-circle-stroke path {
  stroke: none;
  fill: #fff;
}

.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:hover {
  background: rgba(0, 0, 0, 0.65);
}

.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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: block;
  margin-top: 8px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjU1cHgiIGhlaWdodD0iMjU1cHgiIHZpZXdCb3g9IjAgMCAyNTUgMjU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTUgMjU1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGcgaWQ9ImFycm93LWRyb3AtZG93biI+PHBvbHlnb24gcG9pbnRzPSIwLDYzLjc1IDEyNy41LDE5MS4yNSAyNTUsNjMuNzUgIi8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) 95%/4% no-repeat;
  background-position: 198px center;
}

.component.recirculation .similarProjectsFiltersSelect:focus {
  border-color: #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: Basel, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Limerick, sans-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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  margin-top: 8px;
}

.primary-bylines .primarybylines-text-container a.social-media-link:hover,
.primary-bylines .primarybylines-text-container a.social-media-link:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

@media (min-width: 1024px) {
  .primary-bylines .primarybylines-text-container a.social-media-link {
    margin-left: 8px;
    margin-top: initial;
  }
}

.primary-bylines .primary-container {
  align-items: center;
  display: flex;
}

.primary-bylines .job-title {
  font-family: Lora, 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.5px;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.95);
  margin-left: 0;
}

@media (min-width: 1024px) {
  .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    font-family: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
  }
}

@media (min-width: 1024px) {
  .component.share-new.square .icon.shareicon-modal-toggle .icon-reply {
    flex-direction: row;
  }

  .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
    margin-left: 5px;
    margin-top: 2px;
  }
}

.component.share-new.square .icon.icon-twitter > a {
  width: 88px;
}

@media (min-width: 1024px) {
  .component.share-new.square .icon.icon-twitter > a {
    width: 48px;
  }
}

.component.share-new.square .icon > a {
  width: 76px;
  height: 44px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: row;
}

.component.share-new.square .icon > a:hover,
.component.share-new.square .icon > a:active {
  border-color: rgba(0, 0, 0, 0.95);
  background-color: #fff;
}

.component.share-new.square .icon > a:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.95);
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -3px;
  background-color: #fff;
}

@media (min-width: 1024px) {
  .component.share-new.square .icon > a {
    width: 48px;
    height: 58px;
    flex-direction: column;
    justify-content: center;
  }
}

.component.share-new.square .icon-text {
  display: block;
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.95);
  text-transform: capitalize;
  letter-spacing: normal;
}

.component.share-new.square .icon-text:focus {
  outline: none;
  -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: #fff100;
  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: #fff100;
  stroke: #fff100;
}

.component.share-new .icon.icon-favorite .saved path:first-child {
  fill: #fff100;
  stroke: #fff100;
}

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

.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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.95);
}

.modal.share-icons .component.share-new .icon-text:focus {
  outline: none;
  -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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

body.modal-active.share-icons .partial.modal.share-icons .component.share-new .share-icon-link:focus {
  outline: none;
  -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: Lora, 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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.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:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Basel, 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 #a054a0;
  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: Lora, 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: #fff100;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  padding-right: 16px;
  font-family: Lora, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.95);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-link:focus {
  outline: none;
  -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: 40px;
  position: relative;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
  position: absolute;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
  border-radius: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.65);
  border-width: 1px;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Limerick, sans-serif;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 66px 10px 16px;
  color: rgba(0, 0, 0, 0.95);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field:focus {
  outline: none;
  -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 .menu-item-main.search-menu-item .search-container .search-field:active {
  opacity: 0.8;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field:hover {
  border-color: rgba(0, 0, 0, 0.95);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search {
  bottom: -1px;
  right: 0;
  height: 100%;
  width: 50px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search {
  width: 20px;
  height: 20px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search svg {
  width: 100%;
  height: 100%;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search .icon-search svg path {
  fill: rgba(0, 0, 0, 0.65);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .search-field {
  padding-right: 40px;
}

@media (min-width: 768px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item {
    display: block;
    margin-left: 32px;
  }

  .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .icon.search {
    opacity: 1;
    background: transparent;
  }

  .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container {
    display: block;
  }

  .partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.search-menu-item .search-container .icon.search {
    display: block;
  }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper {
  display: none;
  position: absolute;
  background: #fff;
  top: 0;
  right: -110%;
  opacity: 0;
  padding: 0 16px;
  min-height: 100%;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
  z-index: 1;
  opacity: 1;
  width: 100%;
  display: block;
  right: 0;
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
    top: 0;
    left: 255px;
    width: 720px;
    padding: 0 60px;
  }
}

@media (min-width: 1162px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded {
    width: 844px;
  }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded button:not(.ingredient-search) {
  border: 0;
  background: none;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.children-wrapper-expanded button:not(.ingredient-search).back-button {
  position: absolute;
  left: -10px;
  height: 48px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .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: Basel, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  flex-basis: 100%;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading:hover,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .see-all-heading {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    text-align: right;
    border-bottom-width: 0;
  }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.unlinked .sub-menu-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu {
  height: auto;
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu {
    display: flex;
    flex: 1 1 100%;
  }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children {
  padding: 0;
  margin-top: 0;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .submenu-link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .submenu-link {
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children {
    height: auto;
    width: 100%;
  }

  .partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .submenu-children .menu-item-main {
    float: left;
    width: 50%;
    padding-right: 0;
    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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper.has-multi-submenu .submenu-children.expanded .menu-item-expanded .menu-item-main .submenu-link {
  display: inline-block;
  padding: 8px 0;
  letter-spacing: 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: Lora, serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lora, serif;
  color: #00aeef;
  color: #00aeef;
  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: #00aeef;
  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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  line-height: 36px;
  text-transform: capitalize;
  font-family: Lora, 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: Lora, serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lora, serif;
  color: #00aeef;
  color: #00aeef;
  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: #00aeef;
  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: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Lora, 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: Lora, serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Lora, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lora, serif;
  color: #00aeef;
  color: #00aeef;
  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: #00aeef;
  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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.component.navigation-test .menu-subscribe a {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

.component.navigation-test .menu-subscribe a:hover,
.component.navigation-test .menu-subscribe a:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

@media (min-width: 1024px) {
  .component.navigation-test .menu-search {
    justify-content: center;
    align-items: center;
  }
}

.component.navigation-test .docking-nav-placeholder {
  height: 0;
  width: 100%;
}

.component.navigation-test .tablet-ad {
  text-align: center;
}

@media (min-width: 1162px) {
  .component.navigation-test .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .component.navigation-test .menu-explore {
    position: static;
    clip: unset;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    font-family: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .component.navigation-test .menu-box {
    margin-right: 8px;
  }

  .component.navigation-test .menu {
    padding: 0 16px 0 0;
  }
}

.component.navigation-test .logo {
  flex: 100 0 1px;
}

@media (min-width: 768px) {
  .component.navigation-test .logo {
    z-index: 10;
  }
}

.component.navigation-test .menu-list-wrapper {
  list-style: none;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  padding: 0;
  width: 100%;
  border: 0;
  letter-spacing: normal;
  white-space: nowrap;
  background: none;
}

.component.navigation-test .container.secondary-links .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-link:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

.component.navigation-test .container.secondary-links .menu-link.has-auth {
  display: flex;
  align-items: center;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list {
  position: absolute;
  z-index: 500;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-link {
  font-weight: 400;
}

.component.navigation-test .container.secondary-links .menu-list-item .submenu-children-wrapper {
  display: none;
}

.component.navigation-test .container.secondary-links .menu-list-item.mobile-open.active .menu-link.expand-trigger {
  display: none;
}

.component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper {
  display: block;
  top: 0;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
  min-height: 100%;
  width: 100%;
  right: 0;
  position: absolute;
  background: #fff;
  left: 0;
  padding: 0;
  overflow: auto;
  height: 100vh;
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper {
    position: static;
    height: 100%;
  }
}

.component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper .sub-menu-header {
  margin-top: 16px;
  text-align: center;
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .menu-list-item.active .submenu-children-wrapper .sub-menu-header {
    display: none;
  }
}

.component.navigation-test .container.secondary-links .menu-list-item.active .dropdown-links-list {
  width: 100%;
  top: 60px;
  display: block;
  border: none;
  box-shadow: none;
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .menu-list-item.active .dropdown-links-list {
    top: 100%;
    width: 232px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
  }
}

.component.navigation-test .container.secondary-links .menu-list-item .main-channel {
  font-family: Basel, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  text-transform: none;
  width: 100%;
  font-style: normal;
  display: flex;
  height: 50px;
  align-items: center;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link:visited,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link:hover,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link.join-now,
.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link.join-now {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .menu-item .menu-link,
  .component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-item .menu-link {
    min-width: 132px;
    padding: 6px 0;
    height: auto;
    display: inline-block;
    white-space: normal;
  }
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .sub-menu__heading-label {
  font-family: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Limerick, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 12px;
  padding: 0 16px;
  text-transform: uppercase;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-divider {
  width: calc(100% - 32px);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children {
  padding-left: 0;
  margin: 8px 0;
}

.component.navigation-test .container.secondary-links .menu-list-item .dropdown-links-list .secondary-nav-submenu-children:not(:last-child) {
  border-bottom: 1px solid #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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  padding: 0 12px;
  border-left: 1px solid #e1dfdd;
  display: block;
}

.component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:hover,
.component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:visited {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

@media (max-width: 1023px) {
  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item {
    padding: 0;
    border: none;
  }

  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .menu-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
  }

  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .menu-link.has-auth .secondary-menu-label {
    flex: 1;
  }

  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item .accordion-arrow {
    height: auto;
    padding: 0;
    transform: rotate(-90deg);
    display: block;
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item:last-of-type {
    padding-right: 0;
  }

  .component.navigation-test .container.secondary-links .secondary-text-links .secondary-item.hide-menu {
    display: none;
  }
}

@media (min-width: 1024px) {
  .component.navigation-test .container.secondary-links .secondary-text-links {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.component.navigation-test .container.secondary-links .search {
  transition: transform 0.3s ease-in-out;
}

.component.navigation-test .contextual-social-links,
.component.navigation-test .menu-search {
  display: none;
}

@media (min-width: 1024px) {
  .component.navigation-test .menu-search {
    display: flex;
    position: relative;
  }

  .component.navigation-test .primary-links {
    display: none;
  }

  .component.navigation-test .search-container {
    position: relative;
    top: 7px;
    right: 0;
    background: #fff;
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
    height: 24px;
    width: 200px;
    display: none;
  }

  .component.navigation-test .search-container .search-field,
  .component.navigation-test .search-container .icon.close {
    position: absolute;
    top: 0;
  }

  .component.navigation-test .search-container .search-field {
    left: 0;
    width: 160px;
    height: 100%;
    border-width: 0;
    border-radius: 0;
  }

  .component.navigation-test .search-container input[type=text]::-ms-clear {
    display: none;
  }

  .component.navigation-test .search-container .icon.close {
    right: 0;
    width: 40px;
    height: 100%;
  }

  .component.navigation-test .icon.search,
  .component.navigation-test .secondary-menu {
    background: #fff;
    position: relative;
    z-index: 100;
  }

  .component.navigation-test .icon.search {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    display: block;
  }

  .component.navigation-test .icon.search svg {
    width: 24px;
    height: 24px;
  }

  .component.navigation-test .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 #fff100;
  }

  .component.navigation-test .search-open .search-container .search-field {
    border-width: 0;
    border-style: none;
    width: 300px;
    font-family: Lora, 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: Lora, serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff100;
    text-decoration: none;
    border-bottom: 2px solid #fff100;
  }

  .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: #fff100;
    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: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .menu-box {
    margin-right: 8px;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
    display: flex;
    align-items: center;
    border-left: 0;
    padding-left: 0;
    padding-right: 20px;
    margin-left: 0;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .primary-links {
    display: block;
    flex: 100 0 1px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 0 0 16px;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-height: 25px;
    overflow: hidden;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links .menu-list-item {
    margin-right: 24px;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a {
    /* standard and little */
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    font-family: Limerick, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    padding: 0;
  }

  .component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a:focus {
    outline: none;
    -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: 40px;
  position: relative;
  height: 36px;
  display: none;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search,
.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
  position: absolute;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
  border-radius: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.65);
  border-width: 1px;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Limerick, sans-serif;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 66px 10px 16px;
  color: rgba(0, 0, 0, 0.95);
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #4d90fe;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:active {
  opacity: 0.8;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field:hover {
  border-color: rgba(0, 0, 0, 0.95);
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
  bottom: -1px;
  right: 0;
  height: 100%;
  width: 50px;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search {
  width: 20px;
  height: 20px;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search svg {
  width: 100%;
  height: 100%;
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search .icon-search svg path {
  fill: rgba(0, 0, 0, 0.65);
}

@media (min-width: 768px) {
  .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search {
    display: block;
    flex: 100 1 240px;
  }
}

@media (min-width: 1024px) {
  .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search {
    flex: 100 0 320px;
  }
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
  background: none;
}

@media (min-width: 768px) {
  .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
    left: 180px;
  }
}

@media (min-width: 1024px) {
  .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .icon.search {
    left: 260px;
  }
}

.component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
  border-width: 1px;
  width: 240px;
  text-indent: 16px;
  border-radius: 4px;
}

@media (min-width: 1024px) {
  .component.navigation-test.with-search-nav .main-new .subcontainer .primary-nav-search .search-field {
    width: 320px;
  }
}

.component.navigation-test .contextual-social-links {
  position: static;
  opacity: 0;
  height: auto;
  transform: translate(0, -100%);
  pointer-events: auto;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.component.navigation-test .contextual-social-links .social-container {
  margin-right: -8px;
}

.component.navigation-test .contextual-social-links .component.share-new.square .icon.icon-twitter > a {
  width: 48px;
}

.component.navigation-test .contextual-social-links .icon > a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.65);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.component.navigation-test .contextual-social-links .icon > a:hover,
.component.navigation-test .contextual-social-links .icon > a:active {
  border-color: rgba(0, 0, 0, 0.95);
  background-color: #fff;
}

.component.navigation-test .contextual-social-links .icon > a:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.95);
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -3px;
  background-color: #fff;
}

.component.navigation-test .contextual-social-links .icon > a .icon-text {
  display: none;
}

.component.navigation-test .contextual-social-links .icon > a svg.icon-share-check {
  display: none;
}

.component.navigation-test .contextual-social-links .icon > a svg:not(.icon-share-favorite) {
  width: 48px;
  height: 48px;
}

.component.navigation-test .contextual-social-links .icon > a svg:not(.icon-share-favorite) path:first-of-type {
  display: block;
}

.component.navigation-test .contextual-social-links .icon.icon-pinterest path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid path:last-child {
  fill: #bd071d;
}

.component.navigation-test .contextual-social-links .icon.icon-pinterest:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-pinterest-circle-solid:visited path:last-child {
  fill: #bd071d;
}

.component.navigation-test .contextual-social-links .icon.icon-google path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid path:last-child {
  fill: #e0483a;
}

.component.navigation-test .contextual-social-links .icon.icon-google:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-google-circle-solid:visited path:last-child {
  fill: #e0483a;
}

.component.navigation-test .contextual-social-links .icon.icon-facebook path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid path:last-child {
  fill: #3B5998;
}

.component.navigation-test .contextual-social-links .icon.icon-facebook:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-facebook-circle-solid:visited path:last-child {
  fill: #3B5998;
}

.component.navigation-test .contextual-social-links .icon.icon-twitter path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid path:last-child {
  fill: #1DA1F2;
}

.component.navigation-test .contextual-social-links .icon.icon-twitter:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-twitter-circle-solid:visited path:last-child {
  fill: #1DA1F2;
}

.component.navigation-test .contextual-social-links .icon.icon-sms path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.component.navigation-test .contextual-social-links .icon.icon-sms:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-sms-circle-solid:visited path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.component.navigation-test .contextual-social-links .icon.icon-print path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.component.navigation-test .contextual-social-links .icon.icon-print:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-print-circle-solid:visited path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.component.navigation-test .contextual-social-links .icon.icon-email path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.component.navigation-test .contextual-social-links .icon.icon-email:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email:visited path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid:hover path:last-child,
.component.navigation-test .contextual-social-links .icon.icon-email-circle-solid:visited path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.under-docked-sharebar .component.navigation-test .contextual-social-links {
  opacity: 1;
  transform: translate(0, 0);
  display: flex;
}

.under-docked-sharebar .component.navigation-test .menu-subscribe {
  display: none;
}

.under-docked-sharebar .component.navigation-test .menu-homepage-row .menu-subscribe {
  display: block;
}

.component.navigation-test .secondary-subscribe {
  display: none;
}

.component.navigation-test.sticky-nav .main-new {
  position: fixed;
  width: 100%;
  top: 0;
}

.component.navigation-test.sticky-nav .ad-wrapper.docked ~ .new-navigation {
  top: 122px;
}

.component.navigation-test.sticky-nav .ad-wrapper.undocking ~ .new-navigation {
  top: 0;
  transition: top .7s;
  z-index: 302;
}

.component.navigation-test.sticky-nav .docking-nav-placeholder {
  height: 60px;
}

.component.navigation-test.sticky-nav .main-new.homepage ~ .docking-nav-placeholder {
  height: 136px;
}

.component.navigation-test.sticky-nav .menu-homepage-row:first-of-type {
  height: 60px;
  align-items: center;
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .component.navigation-test.sticky-nav .menu-homepage-row:first-of-type {
    padding-left: 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: Limerick, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.95);
    text-decoration: none;
    padding: 0;
  }

  .scroll-up .component.navigation-test .primary-text-links a:focus {
    outline: none;
    -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: Limerick, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .scroll-up .component.navigation-test .menu-box {
    margin-right: 8px;
  }

  .scroll-up .component.navigation-test .menu {
    padding: 0 16px 0 0;
  }
}

.scroll-up .component.navigation-test .menu-homepage-row:first-of-type .logo {
  display: flex;
  visibility: hidden;
}

.scroll-up .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
  display: block;
}

@media (min-width: 1024px) {
  .scroll-up .component.navigation-test .menu-homepage-row:last-of-type .primary-links {
    display: block;
  }

  .scroll-up .component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
    display: none;
  }
}

.component.navigation-test .profile-image-container {
  padding: 4px 8px 0 0;
}

.component.navigation-test .profile-image-container .profile-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

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

body.authenticated .component.navigation-test .secondary-links .secondary-text-links .secondary-item.logged-out {
  display: none;
}

body:not(.authenticated) .component.navigation-test .secondary-links .secondary-text-links .secondary-item.logged-in {
  display: none;
}

.component.navigation-test .menu-subscribe {
  display: block;
  width: 100px;
}

@media (min-width: 1024px) {
  .component.navigation-test .menu-subscribe {
    width: auto;
  }
}

.component.navigation-test .menu-subscribe .subscribe-link a {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  font-family: Lora, 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: #00aeef;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.95);
}

.component.footer-test .footer-product-link .svg-logo {
  display: block;
  margin-bottom: 16px;
}

.component.footer-test .footer-test .footer-links-wrapper {
  background: #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: Lora, serif;
}

.component.footer-test .footer-test .footer-title {
  font-family: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  font-family: Lora, 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: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.component.footer-test .footer-test .footer-other-sites-wrapper {
  text-align: center;
  margin: 48px 0 0;
}

.component.footer-test .footer-test .footer-other-sites-link {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.footer-test .footer-test .footer-other-sites-link:hover,
.component.footer-test .footer-test .footer-other-sites-link:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.component.footer-test .footer-test .footer-global-communities-link {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.footer-test .footer-test .footer-global-communities-link:hover,
.component.footer-test .footer-test .footer-global-communities-link:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  margin: 12px 16px;
  font-family: Lora, serif;
}

.component.footer-test .footer-test .footer-copyright-text a {
  color: rgba(0, 0, 0, 0.95);
  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.95);
  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: Basel, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  font-family: Lora, 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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.topics-carousel .carouselNav {
  position: relative;
}

.topics-carousel .carouselNav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 11 */
  word-spacing: 0;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-top: 3px;
  padding-bottom: 3px;
}

.topics-carousel .carouselNav__list::-webkit-scrollbar {
  /** Webkit */
  display: none;
}

.topics-carousel .carouselNav__listItem {
  display: inline-block;
}

.topics-carousel .carouselNav__listItem:not(:first-child) {
  padding-left: 4px;
}

.topics-carousel .carouselNav__listItem:first-of-type .carouselNav__link:focus {
  margin-left: 3px;
}

.topics-carousel .carouselNav__link {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.topics-carousel .carouselNav__link:hover,
.topics-carousel .carouselNav__link:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: 3px;
  display: none;
}

.topics-carousel .carouselNav__prev svg,
.topics-carousel .carouselNav__next svg {
  width: 32px;
  height: 32px;
}

.topics-carousel .carouselNav__prev:focus,
.topics-carousel .carouselNav__prev:hover,
.topics-carousel .carouselNav__next:focus,
.topics-carousel .carouselNav__next:hover {
  text-decoration: none;
}

.topics-carousel .carouselNav__prev:focus,
.topics-carousel .carouselNav__next:focus {
  outline: none;
  -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: Basel, 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: Lora, 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: Lora, 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: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.category-page-list-content .category-page-item:not(:first-of-type) {
  margin-top: 32px;
}

.category-page-list-content .category-page-item-content {
  margin: 16px 0 0;
  padding-bottom: 4px;
}

@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: Limerick, sans-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: Basel, 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: Basel, 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 #a054a0;
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Lora, 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: Limerick, sans-serif;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    content: 'Advertisement';
    display: block;
    padding: 0 4px 4px;
    margin-top: 4px;
    width: 100%;
  }

  .category-page-list-related-aside:before {
    position: absolute;
    content: '';
    top: 0;
    left: calc(-1 * ((100vw - 640px) / 2));
    background: #F2F2F2;
    width: 100vw;
    height: 100%;
  }

  .category-page-list-related-aside:after {
    position: relative;
    z-index: 2;
  }

  .category-page-list-related-aside .ad-container:first-of-type {
    margin: 0 12px 0 0;
  }

  .category-page-list-related-aside .ad-container:last-of-type {
    margin: 0 0 0 12px;
  }

  .category-page-list-related .category-page-item {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .category-page-list-related .category-page-item:not(:first-of-type) {
    margin-top: 24px;
  }

  .category-page-list-related .category-page-item-image {
    flex: 0 0 197px;
  }

  .category-page-list-related .category-page-item-content {
    margin-left: 24px;
  }

  .category-page-list-related .category-page-item-title {
    font-family: Lora, 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: Basel, 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: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.category-page-blocks .category-page-item-image-placeholder {
  display: none;
}

.category-page-blocks-primary .category-page-item:not(:first-of-type) {
  margin-top: 48px;
}

.category-page-blocks-primary .category-page-item-content {
  margin: 16px 0 0;
}

@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: Lora, 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: Lora, 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: Lora, 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: Basel, 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: Basel, 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: Lora, 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: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  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: Lora, serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 12px;
}

.category-page-videos__list .category-page-videos-video {
  margin-bottom: 4px;
}

.category-page-videos__listItem {
  display: block;
  position: relative;
  width: 245px;
  min-width: 245px;
  margin-right: 16px;
}

@media (min-width: 768px) {
  .category-page-videos__listItem {
    margin-right: 24px;
    width: 197px;
    min-width: 197px;
  }
}

@media (min-width: 1024px) {
  .category-page-videos__listItem {
    width: 226px;
    min-width: 226px;
  }
}

@media (min-width: 1162px) {
  .category-page-videos__listItem {
    margin-right: 32px;
    width: 288px;
    min-width: 288px;
  }
}

.category-page-videos__listItem img {
  width: 245px;
}

@media (min-width: 768px) {
  .category-page-videos__listItem img {
    width: 197px;
  }
}

@media (min-width: 1024px) {
  .category-page-videos__listItem img {
    width: 226px;
  }
}

@media (min-width: 1162px) {
  .category-page-videos__listItem img {
    width: 288px;
  }
}

.category-page-videos__listItem .category-page-videos-video {
  overflow: hidden;
  height: 138px;
}

@media (min-width: 768px) {
  .category-page-videos__listItem .category-page-videos-video {
    height: 112px;
  }
}

@media (min-width: 1024px) {
  .category-page-videos__listItem .category-page-videos-video {
    height: 128px;
  }
}

@media (min-width: 1162px) {
  .category-page-videos__listItem .category-page-videos-video {
    height: 164px;
  }
}

.category-page-videos.reverse-colors {
  background-color: #00aeef;
  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: Limerick, sans-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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.faceted-search-widget-text:focus,
.faceted-search-widget-dropdown:focus {
  border-color: #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: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 0 0 40px;
}

.faceted-search-widget-dropdown-item::before,
.faceted-search-widget-dropdown-item::after {
  content: '';
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 16px;
  left: 8px;
}

.faceted-search-widget-dropdown-item::before {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
  border-radius: 1px;
}

.faceted-search-widget-dropdown-item.selected:before {
  background: rgba(0, 0, 0, 0.65);
}

.faceted-search-widget-dropdown-item.selected:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 13px;
}

.faceted-search-widget-filter {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.faceted-search-widget-filter-container .faceted-search-widget-label {
  display: block;
  margin: 0 auto 8px;
}

.faceted-search-widget-filter-container .faceted-search-widget-filter {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.95);
  border-right: 1px solid rgba(0, 0, 0, 0.95);
  border-left: 1px solid rgba(0, 0, 0, 0.95);
  position: relative;
}

.faceted-search-widget-filter-container .faceted-search-widget-filter:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.95);
}

.faceted-search-widget-filter-container .faceted-search-widget-filter:last-of-type .faceted-search-widget-filter-label {
  height: 46px;
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-label {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faceted-search-widget-filter-container .faceted-search-widget-filter-choice:focus + .faceted-search-widget-filter-label {
  border-color: #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: #00aeef;
}

.faceted-search-widget-submit {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  position: relative;
}

.faceted-search-widget .faceted-search-widget-dropdown-label:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #111;
  position: absolute;
  content: '';
  top: 50%;
  right: 16px;
}

.faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label.faceted-search-widget-dropdown-label {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.95);
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  margin-bottom: 0;
  padding: 0 16px;
}

.faceted-search-widget .faceted-search-widget-dropdown-container .faceted-search-widget-label.faceted-search-widget-dropdown-label:focus {
  outline: 3px solid #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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
  font-weight: 700;
}

.component.image-filmstrip .screen-reader-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@media (min-width: 768px) {
  .image-container + .component.image-filmstrip {
    max-width: 640px;
    margin: 0 auto;
  }
}

.image-container + .component.image-filmstrip .inner {
  max-width: 550px;
}

.component.ugc-reviews {
  display: flex;
  flex-direction: column;
  height: auto;
}

.component.ugc-reviews .ugc-heading {
  color: rgba(0, 0, 0, 0.95);
  margin: 24px 16px;
}

@media (min-width: 1024px) {
  .component.ugc-reviews .ugc-heading {
    margin: 20px 0;
  }
}

.component.ugc-reviews .ugc-heading .ugc-heading-reviews {
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0;
  flex: 1;
  display: block;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 24px 0;
  color: rgba(0, 0, 0, 0.95);
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-all-link .icon {
  margin-right: 8px;
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev,
.component.ugc-reviews .ugc-recipe-reviews .ugc-review-next {
  flex: 0 0 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 67px;
  width: 67px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  border-top: none;
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev .icon svg polygon,
.component.ugc-reviews .ugc-recipe-reviews .ugc-review-next .icon svg polygon {
  fill: rgba(0, 0, 0, 0.65);
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev.disabled {
  cursor: not-allowed;
}

.component.ugc-reviews .ugc-recipe-reviews .ugc-review-prev.disabled .icon svg {
  opacity: 0.2;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 8px 0 16px;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-index-of {
  flex: 1;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-index-of .recipe-review-title {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 12px;
  margin-left: 12px;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-open-in-new {
  height: 24px;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-index .recipe-review-open-in-new .icon svg path {
  fill: rgba(0, 0, 0, 0.15);
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper {
  padding: 0 0 24px 0;
  margin: 0;
}

.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-author,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-rating,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-body,
.component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-helpful {
  margin-left: 16px;
  margin-right: 16px;
}

@media (min-width: 1024px) {
  .component.ugc-reviews .ugc-recipe-reviews .ugc-recipe-review {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .component.ugc-reviews .recipe-ad-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 298px;
    position: relative;
  }

  .component.ugc-reviews .recipe-ad-wrapper::after {
    position: absolute;
    bottom: 0;
  }

  .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:nth-child(3) {
    margin-right: 24px;
    margin-bottom: 0;
    margin-top: 0;
  }

  .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:nth-child(4) {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .component.ugc-reviews {
    margin: 32px;
    flex-direction: row;
  }

  .component.ugc-reviews .recipe-ad-wrapper {
    flex-direction: column;
    justify-content: start;
    height: auto;
    background: none;
  }

  .component.ugc-reviews .recipe-ad-wrapper .ad-wrapper:first-child {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .component.ugc-reviews .ugc-recipe-reviews {
    max-width: 596px;
  }

  .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-author,
  .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-rating,
  .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-body,
  .component.ugc-reviews .ugc-recipe-reviews .ugc-heading .recipe-review-helpful,
  .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-author,
  .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-rating,
  .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-body,
  .component.ugc-reviews .ugc-recipe-reviews .recipe-review-wrapper .recipe-review-helpful {
    margin-left: 0;
    margin-right: 0;
  }

  .component.ugc-reviews .ugc-content {
    flex: 1;
  }

  .component.ugc-reviews .right-column {
    flex: 0 0 300px;
    margin-left: 32px;
    padding: 0;
  }
}

.component.ugc-item .recipe-review-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  height: 40px;
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper svg {
  border: 1px solid rgba(0, 0, 0, 0.65);
  border-radius: 50%;
}

.component.ugc-item .recipe-review-author .reviewer-image-wrapper .reviewer-image {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.component.ugc-item .recipe-review-author .reviewer-name {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  font-family: Lora, 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: Lora, 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: Lora, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  font-family: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.component.ugc-item .recipe-review-helpful svg path {
  fill: rgba(0, 0, 0, 0.95);
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  box-shadow: none;
  margin-left: 8px;
  margin-right: 4px;
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:hover,
.component.ugc-item .recipe-review-helpful .recipe-review-helpful-link:focus {
  box-shadow: none;
}

.component.ugc-item .recipe-review-helpful .recipe-review-helpful-count {
  color: rgba(0, 0, 0, 0.65);
}

.component.ugc-item .recipe-photo-caption {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.component.ugc-item .component.lazy-image.lazy-image-udf.image-loaded .inner-container {
  display: block;
}

@media (min-width: 1024px) {
  .template-recipe.modal-active.ugc-modal .component.ugc-item {
    min-width: 595px;
    width: 100%;
  }
}

.template-recipe.modal-active.ugc-modal .component.ugc-item .recipe-review-author {
  height: auto;
  padding: 16px 0 28px;
}

.recipe-ratings {
  display: inline-flex;
  margin: 16px 0;
  position: relative;
  align-items: center;
  justify-content: center;
}

.recipe-ratings .ratings-count {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  margin-left: 4px;
}

.recipe-ratings .review-star-text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.recipe-ratings .review-stars-container {
  display: inline-flex;
}

.recipe-ratings .rating-star {
  height: 24px;
  width: 24px;
}

.recipe-ratings .rating-star svg path.rating-star-filled {
  fill: rgba(0, 0, 0, 0.65);
}

.recipe-ratings .rating-star.active svg path.rating-star-filled {
  fill: #fff100;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews .ugc-ratings-link:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.recipe-ratings .ratings-dropdown-menu .rating-reviews .ugc-ratings-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.recipe-ratings .ratings-text-label {
  font-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 #fff100;
}

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

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

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

.recipe-ratings-list .ratings-count {
  display: block;
  font-family: Lora, 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: #fff100;
}

.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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -16px -16px 0;
  width: 142px;
  border-radius: 28px;
  position: fixed;
  bottom: 66px;
  right: 34px;
  height: 56px;
  z-index: 1;
  background: #00aeef;
}

.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: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}

.faceted-search-filters-clearall {
  font-family: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  width: 100%;
  padding-right: 30px;
}

.faceted-search-filters-available-item-filter-choices:focus {
  border-color: #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 {
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.faceted-search-filters-available-item-select-wrapper {
  border-width: 0;
  padding: 6px 0 0 0;
  margin-bottom: -6px;
}

.faceted-search-filters-available-input {
  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: Limerick, sans-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: Limerick, sans-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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Lora, 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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 18px;
  font-family: Limerick, sans-serif;
  border: none;
  padding: 3px 15px;
  margin: 4px;
}

.component.search-ingredient-form .form-row.primary {
  border: 1px solid #00aeef;
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show:visited,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show:hover,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show .icon,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon {
  margin-left: 4px;
  width: 14px;
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-show .icon svg path,
.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon svg path {
  fill: rgba(0, 0, 0, 0.65);
}

@media (min-width: 1024px) {
  .search-by-ingredient-menu-item .search-by-ingredient-mobile-show {
    display: none;
  }
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide {
  display: none;
}

.search-by-ingredient-menu-item .search-by-ingredient-mobile-hide .icon {
  transform: rotate(180deg);
}

.search-by-ingredient-menu-item .main-channel {
  display: none;
}

@media (min-width: 1024px) {
  .search-by-ingredient-menu-item .main-channel {
    display: block;
  }
}

.search-by-ingredient-menu-item .submenu-children {
  text-align: center;
}

@media (min-width: 1024px) {
  .search-by-ingredient-menu-item .submenu-children {
    text-align: left;
  }
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .search-by-ingredient-mobile {
  width: 100%;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .search-by-ingredient-mobile.show {
  display: block;
  position: relative;
  opacity: 1;
  right: 0;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .submenu-link {
  text-transform: none;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .submenu-link .search-by-ingredient-menu-text {
  letter-spacing: 0;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  line-height: 20px;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 #595959;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item:not(.selected) .submenu-link .search-by-ingredient-menu-text:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile {
  width: 193px;
  min-height: 348px;
  border: 2px solid #e1dfdd;
  position: relative;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::before,
.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::after {
  content: ' ';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  background-color: #e1dfdd;
  border: 4px solid #fff;
  border-radius: 50%;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::before {
  top: -5px;
  left: -5px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile::after {
  bottom: -5px;
  right: -5px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.search-by-ingredient-menu-item .promotional-tile .headline {
  color: #fff100;
}

.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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
}

.recipe-reviews-sort .sort-option.active .sort-option-check .icon-check {
  display: inline-block;
}

.recipe-reviews-sort .sort-option-title {
  padding-left: 4px;
}

.recipe-reviews-sort .sort-option-check {
  width: 20px;
  height: 20px;
}

.recipe-reviews-sort .sort-option-check .icon-check {
  display: none;
  fill: #00aeef;
}

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

  .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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  position: absolute;
  top: 23px;
  right: 24px;
  color: #fff;
}

.component.ugc-upload.ugc-upload-with-photo .ugc-upload-header {
  display: flex;
}

.component.ugc-upload.ugc-upload-with-photo .ugc-upload-headline {
  display: block;
  /* 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: #fff100;
  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: Basel, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: #fff100;
  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: Lora, 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: #00aeef;
  color: rgba(0, 0, 0, 0.95);
  font-family: Limerick, sans-serif;
  font-weight: 600;
  font-size: 22px;
  flex: 1 1 auto;
  justify-content: center;
  padding-left: 0;
  width: 100%;
  white-space: normal;
  z-index: 100;
  height: 48px;
}

@media (min-width: 768px) {
  .component.saga-ribbon .saga-ribbon__header {
    padding-left: 20%;
    white-space: nowrap;
    height: 60px;
  }
}

.component.saga-ribbon .saga-ribbon__header .saga-ribbon__image {
  height: 65px;
  width: 65px;
  min-width: 70px;
  border-radius: 50%;
  border: 5px solid #3dcaff;
  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: 24px;
  font-family: Basel, serif;
  line-height: 32px;
  letter-spacing: 0;
  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: Limerick, sans-serif;
  justify-content: center;
  white-space: nowrap;
  width: 100%;
  padding: 14px 0;
  cursor: pointer;
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__top-ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.95);
}

@media (min-width: 768px) {
  .component.saga-ribbon .saga-ribbon__detail {
    padding: 0;
    pointer-events: none;
    justify-content: flex-start;
    border: none;
  }

  .component.saga-ribbon .saga-ribbon__detail .saga-ribbon__top-ribbon {
    justify-content: flex-start;
  }
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__count {
  color: rgba(0, 0, 0, 0.95);
  font-size: 14px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-transform: lowercase;
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__count .since-date {
  font-weight: 700;
  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: #00aeef #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: #a054a0;
  border-radius: 3px;
  margin: 0 10px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  cursor: pointer;
  transition: background 0.3s;
  height: 100%;
}

@media (min-width: 768px) {
  .component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more {
    color: #fff;
    position: static;
    height: auto;
    display: inline-block;
  }
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more .saga-ribbon__more-link {
  color: #fff;
  width: auto;
  display: inline-block;
  padding: 10px 20px;
}

.component.saga-ribbon .saga-ribbon__detail .saga-ribbon__more:hover {
  background: #a054a0;
  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: #00aeef;
  transform: translateX(-16px);
  color: #fff;
  font-family: Limerick, sans-serif;
  margin: 30px 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
}

@media (min-width: 768px) {
  .component.saga {
    transform: translateX(0);
    border-radius: 5px;
    width: 100%;
    max-width: initial;
  }
}

.component.saga .saga-timeline__skip {
  background-color: #00aeef;
  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: Lora, serif;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  margin: 16px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

.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: 18px;
  font-family: Limerick, sans-serif;
  line-height: 28px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  margin: 5px auto 20px;
}

.component.saga .saga-timeline__count .since-date {
  text-transform: uppercase;
}

.component.saga .saga-timeline__tout-container {
  display: flex;
  flex-direction: row;
  z-index: 200;
  transition: 0.5s margin-left;
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout {
  position: relative;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  height: 290px;
  width: 290px;
  flex-shrink: 0;
  margin: 0 4px 8px;
  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: 0;
}

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

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline {
  position: absolute;
  bottom: 30px;
  font-family: Limerick, sans-serif;
  font-size: 18px;
  text-align: center;
  margin: 0 10px;
  line-height: 24px;
  z-index: 300;
  display: flex;
  align-items: flex-end;
  height: 100%;
}

@media (min-width: 768px) {
  .component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline {
    font-size: 18px;
  }
}

.component.saga .saga-timeline__tout-container .saga-timeline__tout .saga-timeline__tout-headline .saga-timeline__tout-link {
  color: #fff;
  display: block;
  font-family: Limerick, sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.5px;
  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: 700;
  background-color: #00aeef;
  bottom: -17.5px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  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: #a054a0;
  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: #656566;
  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: #a054a0;
  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, #00aeef 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, #a054a0 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: #a054a0;
  transition: 0.5s border-color;
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline-dates {
  color: #fff;
  font-family: Limerick, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 10px;
  height: 20px;
}

.component.saga .saga-timeline__timeline-container .saga-timeline__timeline-dates .saga-timeline__date {
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  letter-spacing: 0.5px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
}

.component.saga .saga-timeline__next-container,
.component.saga .saga-timeline__prev-container {
  position: absolute;
  top: 0;
  width: 10%;
  height: 100%;
  z-index: 400;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.component.saga .saga-timeline__next-container:focus,
.component.saga .saga-timeline__prev-container:focus {
  outline: 0;
}

.component.saga .saga-timeline__next-container.saga-timeline__prev-container,
.component.saga .saga-timeline__prev-container.saga-timeline__prev-container {
  left: 0;
}

.component.saga .saga-timeline__next-container.saga-timeline__prev-container:hover .saga-timeline__prev,
.component.saga .saga-timeline__prev-container.saga-timeline__prev-container:hover .saga-timeline__prev {
  background: #a054a0;
  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: #a054a0;
  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: #fff;
  z-index: 300;
  cursor: pointer;
  transition: background 0.3s;
  border-style: solid;
  border-color: transparent;
}

@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: #a054a0;
  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: #fff100;
  line-height: 20px;
  font-family: Lora, 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: Basel, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  position: absolute;
  top: 0;
}

.search-results-standalone-input:focus,
.search-results-standalone-submit:focus,
.search-results-standalone .search-field:focus,
.search-results-standalone .searchButton:focus {
  border-color: #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: Limerick, sans-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 #a054a0;
  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 #a054a0;
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Basel, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 12px;
}

.search-result-meta-item-label {
  font-weight: 700;
  text-transform: uppercase;
}

.search-result-description {
  font-family: Lora, 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: Lora, 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: #00aeef;
  padding: 4px 8px;
}

.entity-card .special-header,
.entity-card .special-header-link {
  font-family: Lora, 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: Lora, 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: #00aeef;
}

.entity-card .details-box,
.entity-card .details-box p {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.entity-card .details-box .label,
.entity-card .field-row .label {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.95);
}

.entity-card .details-box .genus-name .value-list-gridcell,
.entity-card .field-row .genus-name .value-list-gridcell {
  font-style: italic;
}

.entity-card .field-value {
  display: block;
}

.entity-card .field-value .label {
  display: inline-block;
}

.entity-card .field-value .value-list {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.entity-card .field-value .value {
  display: inline;
}

.entity-card .field-value .value p {
  margin-top: 6px;
  margin-right: 3px;
}

.entity-card .field-value .value-link {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  text-decoration: underline;
  box-shadow: none;
}

.entity-card .field-value .value-link:hover,
.entity-card .field-value .value-link:active,
.entity-card .field-value .value-link:focus {
  box-shadow: none;
  color: #00aeef;
}

@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: Lora, serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 4px;
}

.entity-card.entity-summary .secondary-text {
  font-family: Lora, 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: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
  padding: 6px 9px;
  background-color: #00aeef;
  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: Lora, 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: #00aeef;
}

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

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container > ul li.current a {
  font-weight: 700;
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container > ul li.current a:after {
  text-transform: lowercase;
  content: ' (current step)';
}

.sticky-action-bar__dropdown .sticky-action-bar__navigation-container > ul li:hover {
  background-color: #0F7BAE;
}

.sticky-action-bar__dropdown-button {
  border: none;
  background: transparent;
  display: block;
  max-width: 290px;
  font-size: 14px;
  height: 48px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.sticky-action-bar__dropdown-button:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: '';
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid rgba(0, 0, 0, 0.95);
  margin-left: 10px;
  margin-bottom: 3px;
}

.sticky-action-bar__dropdown-button--open:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: '';
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid rgba(0, 0, 0, 0.95);
  border-bottom: none;
}

.sticky-action-bar__select-font-size {
  display: none;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  line-height: 48px;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea {
  display: flex;
  position: relative;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider {
  position: absolute;
  width: 100%;
  top: 3px;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input {
  position: relative;
  width: 100%;
  z-index: 100;
  -webkit-appearance: none;
  background: transparent;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input::-ms-track,
.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea--slider input::-moz-range-track {
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--selectionArea span {
  display: inline-block;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic {
  cursor: pointer;
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic svg path {
  fill: rgba(0, 0, 0, 0.15);
}

.sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg {
  position: relative;
  top: 1px;
}

body.fontSize-1 .sticky-action-bar__select-font-size--open .sticky-action-bar__select-font-size--graphic.fontSize-1 svg path {
  fill: #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: Lora, 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: #a054a0;
}

.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.65);
  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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
}

.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: #00aeef;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.component.ugc-comments .ugc-comments-comment-date {
  color: rgba(0, 0, 0, 0.65);
}

.component.ugc-comments .ugc-comments-comment-date + .ugc-comments-comment-rating-container {
  margin-left: 28px;
}

.component.ugc-comments .ugc-comments-comment-rating {
  font-weight: 700;
}

.component.ugc-comments .ugc-comments-comment-body {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 16px;
}

.component.ugc-comments .ugc-comments-comment-body p {
  margin: 0;
}

.component.ugc-comments .ugc-comments-reply-thread .ugc-comments-thread-inner {
  width: calc(100% - 68px);
  margin: 0 0 0 auto;
}

.component.ugc-comments .ugc-comments-reply-thread .ugc-comments-comment-author:before {
  content: '';
  display: block;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: 40px;
  position: absolute;
  top: 12px;
  left: -56px;
}

.component.ugc-comments .ugc-comments-reply-button {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 24px;
  color: rgba(0, 0, 0, 0.95);
}

.component.ugc-comments .ugc-comments-reply-button:focus {
  outline: none;
  -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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.ugc-comments .ugc-comments-show-replies:hover,
.component.ugc-comments .ugc-comments-show-replies:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.ugc-comments .ugc-comments-load-more-button:hover,
.component.ugc-comments .ugc-comments-load-more-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Basel, 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 {
  border: solid 1px #00aeef;
  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 {
  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 #00aeef;
  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 #00aeef;
  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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  font-weight: 700;
  margin-top: 4px;
}

@media (min-width: 768px) {
  .ugc-photo-upload__helpText {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 24px;
    font-weight: 700;
  }
}

.ugc-photo-upload.uploaded__uploadedImage {
  display: block;
}

.saved-items {
  padding: 16px;
}

.saved-items-heading {
  font-family: Basel, 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 #a054a0;
  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: Basel, 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: Basel, 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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 12px;
}

.saved-item-meta-item-label {
  font-weight: 700;
  text-transform: uppercase;
}

.saved-item-description {
  font-family: Lora, 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: Limerick, sans-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: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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: Basel, 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: Basel, 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: Lora, 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 0;
}

@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: Lora, serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 auto 24px;
  width: 100%;
  padding: 0;
  text-align: center;
}

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

@media (min-width: 1024px) {
  .categoryPageListLatest__title {
    flex-basis: 100%;
  }
}

@media (min-width: 768px) {
  .categoryPageListLatest__leaderboard {
    margin: 0 -64px;
    width: 100vw;
  }
}

@media (min-width: 1024px) {
  .categoryPageListLatest__leaderboard {
    margin: 0 0 32px -24px;
    width: 100vw;
  }
}

@media (min-width: 1162px) {
  .categoryPageListLatest__leaderboard {
    margin: 0 0 48px 0;
    width: 1260px;
  }
}

.categoryPageListLatest__list {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .categoryPageListLatest__list {
    border: 0;
    min-width: 640px;
  }
}

@media (min-width: 1024px) {
  .categoryPageListLatest__list {
    flex: 1;
    margin: 0 24px 0 0;
    min-width: auto;
  }
}

@media (min-width: 1162px) {
  .categoryPageListLatest__list {
    margin-right: 56px;
  }
}

.categoryPageListLatest__list .category-page-item {
  display: flex;
  padding: 0 0 32px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.categoryPageListLatest__list .category-page-item:last-child {
  border-bottom: none;
}

@media (min-width: 768px) {
  .categoryPageListLatest__list .category-page-item {
    max-width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .categoryPageListLatest__list .category-page-item {
    max-width: 652px;
  }
}

@media (min-width: 1162px) {
  .categoryPageListLatest__list .category-page-item {
    max-width: 904px;
  }
}

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

  .categoryPageListLatest__list .category-page-item.section-last {
    padding-bottom: 0;
  }

  .categoryPageListLatest__list .category-page-item-content {
    min-width: 428px;
  }
}

.categoryPageListLatest__list .category-page-item .category-page-item-image {
  flex-shrink: 0;
}

.categoryPageListLatest__list .category-page-item .category-page-item-image-link {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .categoryPageListLatest__list .category-page-item .category-page-item-content {
    min-width: 428px;
  }
}

.categoryPageListLatest__list .category-page-item .lazy-image {
  flex: 0 0 140px;
  margin: 0 16px 0 0;
  max-width: 140px;
}

@media (min-width: 768px) {
  .categoryPageListLatest__list .category-page-item .lazy-image {
    flex: 0 0 232px;
    margin-right: 20px;
    max-width: 232px;
  }
}

.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: Basel, 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-content-wrapper {
  margin-top: 16px;
  word-break: break-word;
}

@media (min-width: 768px) {
  .categoryPageListLatest__list .category-page-item-content-wrapper {
    margin-top: 0;
  }
}

.categoryPageListLatest__list .category-page-item-label-date {
  display: flex;
  flex-wrap: wrap;
}

.categoryPageListLatest__list .category-page-item-category-label {
  display: inline-block;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

.categoryPageListLatest__list .category-page-item-divider {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

.categoryPageListLatest__list .category-page-item-timestamp {
  display: inline-block;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

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

@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: 640px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .categoryPageListSixFeatured__wrapper {
    justify-content: center;
    max-width: 976px;
  }
}

@media (min-width: 1162px) {
  .categoryPageListSixFeatured__wrapper {
    max-width: 1240px;
  }
}

.categoryPageListSixFeatured__title {
  font-family: Lora, 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;
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .categoryPageListSixFeatured__main {
    max-width: 640px;
    margin-bottom: 0;
    flex: 1;
    order: 3;
  }
}

@media (min-width: 1162px) {
  .categoryPageListSixFeatured__main {
    max-width: 840px;
    flex: 1;
  }
}

.categoryPageListSixFeatured__main .category-page-item-content__title {
  display: block;
  /* 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;
}

.categoryPageListSixFeatured__main .category-page-item-image-text {
  font-family: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .categoryPageListSixFeatured__main .category-page-item-description {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .categoryPageListSixFeatured__main .category-page-item-description {
    margin-bottom: 0;
  }
}

.categoryPageListSixFeatured__block {
  order: 3;
}

@media (min-width: 768px) {
  .categoryPageListSixFeatured__block {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .categoryPageListSixFeatured__block {
    display: block;
    order: 2;
    flex: 0 1 356px;
    margin-right: 32px;
  }

  .categoryPageListSixFeatured__block .category-page-item {
    width: 100%;
  }
}

@media (min-width: 1279px) {
  .categoryPageListSixFeatured__block {
    margin-right: 80px;
    flex: 0 1 440px;
  }
}

.categoryPageListSixFeatured__block .category-page-item {
  margin-bottom: 32px;
  display: flex;
}

@media (min-width: 768px) {
  .categoryPageListSixFeatured__block .category-page-item {
    display: flex;
    width: 50%;
    padding-right: 32px;
  }
}

@media (min-width: 1024px) {
  .categoryPageListSixFeatured__block .category-page-item {
    flex: 0 1 100%;
    margin-bottom: 40px;
    width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 1279px) {
  .categoryPageListSixFeatured__block .category-page-item {
    margin-bottom: 32px;
  }
}

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

@media (min-width: 1279px) {
  .categoryPageListSixFeatured__block .category-page-item .component.lazy-image {
    margin-right: 24px;
    width: 148px;
  }
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image {
  display: flex;
}

.categoryPageListSixFeatured__block .category-page-item .category-page-item-image-text {
  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: Lora, 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: unset;
  }
}

@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: Lora, 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: Lora, 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: Lora, 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;
  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: 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: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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 16px;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .categoryPageListQuote .entityTout__image {
    max-width: 588px;
  }
}

@media (min-width: 1162px) {
  .categoryPageListQuote .entityTout__image {
    margin-bottom: 16px;
    max-width: 720px;
  }
}

.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: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .categoryPageListQuote .entityTout__description p {
    text-align: left;
  }
}

.categoryPageListQuote__wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 640px;
}

@media (min-width: 1024px) {
  .categoryPageListQuote__wrapper {
    justify-content: center;
    max-width: 976px;
  }
}

@media (min-width: 1162px) {
  .categoryPageListQuote__wrapper {
    max-width: 1240px;
  }
}

.categoryPageListQuote__title {
  font-family: Lora, 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: 588px;
    flex: 1;
    margin-bottom: 0;
  }
}

@media (min-width: 1162px) {
  .categoryPageListQuote__main {
    max-width: 720px;
    flex: 1;
  }
}

.categoryPageListQuote__block {
  background: #F2F2F2;
}

@media (min-width: 1024px) {
  .categoryPageListQuote__block {
    flex: 0 1 356px;
    margin-left: 32px;
  }
}

@media (min-width: 1162px) {
  .categoryPageListQuote__block {
    margin-left: 80px;
    flex: 0 1 440px;
  }
}

.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: Basel, 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: Lora, 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: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.95);
}

.categoryPageToutDefault__container .categoryPageToutDefault__category .entityTout__more:focus,
.categoryPageToutDefault__container .categoryPageToutDefault__list .entityTout__more:focus {
  outline: none;
  -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: Limerick, sans-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: Basel, serif;
  text-transform: capitalize;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, 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: Lora, 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: Lora, 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: Limerick, sans-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: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

@media (min-width: 1024px) {
  .categoryPageListToutEditProgram__blocks .entityTout__headline {
    font-family: Lora, 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: Lora, 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: Limerick, sans-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: Limerick, sans-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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  transition: all .1s ease-in-out;
  text-decoration: none;
  box-shadow: none;
  font-weight: 700;
  white-space: nowrap;
}

.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: Lora, 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: Limerick, sans-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: Limerick, sans-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: #fff100;
  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 {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.component.call-to-action .cta__button:hover,
.component.call-to-action .cta__button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.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: Lora, 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: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 6px;
}

.entityTout__metaItemLabel {
  font-weight: 700;
  text-transform: uppercase;
}

.entityTout__description {
  font-family: Lora, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}

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

  .entityTout__meta {
    display: flex;
    flex-wrap: wrap;
  }

  .entityTout__metaItem {
    flex: 0 0 50%;
  }

  .entityTout__metaItem:nth-child(odd) {
    padding-right: 4px;
  }

  .entityTout__metaItem:nth-child(even) {
    padding-left: 4px;
  }
}

.linksList {
  border: none;
}

.linksList__item {
  margin-top: 0;
  margin-bottom: 16px;
}

.linksList__item a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95);
  padding: 1px 0;
  box-shadow: inset 0 -1px 0 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: Basel, 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(#00aeef 0%, #00aeef 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: Lora, 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: Lora, 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 #00aeef;
  display: inline-flex;
  margin-bottom: 8px;
}

.recapSlider__itemTitle:hover {
  color: #00aeef;
}

.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: #00aeef;
  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: #00aeef;
  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: Limerick, sans-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: Basel, 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: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  font-weight: 400;
}

.priceCTA__prime {
  padding-left: 4px;
}

.salesPrice__sale {
  font-size: 13px;
  line-height: 20px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.65);
}

.sale__original {
  position: relative;
  text-decoration: line-through;
}

.sale__original::after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 4px;
  width: calc(100% - 5px);
  height: 0.5px;
  background: rgba(0, 0, 0, 0.65);
  transform: translateY(-50%);
}

.shopIt__btn,
.two-col-content-container .buyingInformation .shopIt__btn {
  /* standard and little */
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 32px;
  display: inline-block;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  background: #00aeef;
  color: #fff;
  border-radius: 0;
  border: 3px solid #00aeef;
  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: #00aeef;
  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: Limerick, sans-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: #00aeef;
}

.buyContent__showMoreInfo .showMoreInfo__label {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #595959;
  cursor: pointer;
  font-size: 13px;
  font-style: italic;
}

.buyContent__description {
  font-family: Lora, 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: Limerick, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 2px;
}

.component.breadcrumbs .breadcrumbs__icon {
  align-items: center;
  color: #00aeef;
  display: inline-flex;
  height: inherit;
  width: 13px;
  margin: 0 6px;
}

.component.breadcrumbs .breadcrumbs__icon svg path,
.component.breadcrumbs .breadcrumbs__icon svg circle {
  fill: #00aeef;
}

.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 {
    height: 32px;
    overflow: scroll;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .component.breadcrumbs.breadcrumbs-scroll .breadcrumbs__container .breadcrumbs__list {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed .breadcrumbs-align-shift {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    display: block;
    position: absolute;
    width: 45px;
    height: 100%;
    right: 0;
    top: 0;
  }

  .component.breadcrumbs.breadcrumbs-scroll.breadcrumbs-trimmed.breadcrumbAligned .breadcrumbs-align-shift {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
    right: unset;
    left: 0;
  }
}

.category-page-tout--portrait-block {
  background: rgba(0, 0, 0, 0.05);
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container {
  max-width: 1279px;
  margin: 0 auto;
  padding: 24px 0;
}

@media (min-width: 1024px) {
  .category-page-tout--portrait-block .categoryPageToutPortrait__container {
    display: flex;
  }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout {
  margin: 0;
  width: 100%;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout .entityTout__headline {
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 1.33;
  padding: 16px;
}

@media (min-width: 768px) {
  .category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image {
    width: auto;
    margin-right: 0;
    float: none;
  }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
  order: 0;
  padding: 24px;
  width: 100%;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__headline {
  display: block;
  font-size: 36px;
  text-align: left;
  line-height: 1.22;
  padding: 0;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .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;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:active {
  opacity: 0.8;
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:hover {
  color: rgba(0, 0, 0, 0.95);
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:hover,
.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details .entityTout .entityTout__more-link:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

@media (min-width: 1024px) {
  .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__details {
    order: 3;
    width: 25%;
  }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
  display: flex;
  overflow-x: scroll;
  width: 100%;
}

@media (min-width: 1024px) {
  .category-page-tout--portrait-block .categoryPageToutPortrait__container .categoryPageToutPortrait__touts {
    display: flex;
    overflow: hidden;
    width: 75%;
  }
}

.category-page-tout--portrait-block .categoryPageToutPortrait__container .entityTout__image img {
  min-width: 250px;
  max-width: 100%;
}

.component.table.longTable {
  overflow: auto;
  max-width: 100%;
  background: linear-gradient(to right, #fff 30%, rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(0, 0, 0, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}

.component.table.longTable .table {
  min-width: 150vw;
}

@media (min-width: 768px) {
  .component.table.longTable .table {
    min-width: 0;
  }
}

.component.table .table {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom-width: 0;
}

.component.table .tableCell,
.component.table .tableCell p {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.component.table .tableCell {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  max-height: 100px;
}

.component.table .tableCell.tableCell--aligndefault,
.component.table .tableCell.tableCell--alignleft {
  text-align: left;
}

.component.table .tableCell.tableCell--aligncenter {
  text-align: center;
}

.component.table .tableCell.tableCell--alignright {
  text-align: right;
}

.component.table .tableCell.tableCell--highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.component.table .tableHead .tableCell {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.component.table .tableHead .tableCell p {
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

/* 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: Lora, 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: Lora, 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: #239AD2;
}

.sponsor-info__icon a:hover {
  color: #0F7BAE;
}

.sponsor-info__popover {
  z-index: 100;
  position: absolute;
  top: 30px;
  display: none;
  width: 180px;
  margin-left: -120px;
  padding: 1em;
  font-family: Lora, 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: #239AD2;
}

.sponsor-info__popover a:hover {
  color: #0F7BAE;
}

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

/* Import People specifics. */

/* { "small-mobile-max": "400", "mobile-max": "600", "tablet-min": "601", "wp-mobile-max": "782", "tablet-max": "1024", "desktop-min": "1025", "desktop-fullwidth-max": "1250", "above-container-min": "1500" } */

main .icon .badge__play-square-icon,
main .icon .badge__camera-square-icon {
  fill: #000;
}

main .icon .badge__play-square-solid,
main .icon .badge__camera-square-solid,
main .icon #recirc-gallery-solid-a {
  fill: #FFEB3C;
}

.badge__play-square-icon,
.badge__camera-square-icon {
  fill: #000;
}

.badge__play-square-solid,
.badge__camera-square-solid {
  fill: #FFEB3C;
}

.article-badge,
.video-badge,
.gallery-badge {
  background: #FFEB3C;
  color: rgba(0, 0, 0, 0.95);
  display: block;
  height: 50px;
  position: relative;
  width: 66px;
}

.article-badge::after,
.article-badge svg,
.video-badge::after,
.video-badge svg,
.gallery-badge::after,
.gallery-badge svg {
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.article-badge svg,
.video-badge svg,
.gallery-badge svg {
  height: 1.5rem;
  width: 1.5rem;
}

/** .should-fade-in--tablet-max { @media($breakpoint-tablet-max) { opacity: 0; transition: opacity var(--timer-transition-default) var(--timing-function-default); } } */

.image-copyright {
  text-transform: uppercase;
}

.image-copyright,
.wp-caption-text {
  color: #959595;
  font: 700 1.875em/1 Limerick, sans-serif;
}

.wp-caption-credit {
  color: #959595;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 9px;
}

.wp-caption-credit::before {
  content: '// ';
}

.wp-caption-custom {
  color: rgba(0, 0, 0, 0.95);
  font-size: 12px;
  margin-bottom: 3px;
}

.intrinsic-size-container {
  height: 0;
  overflow: hidden;
  position: relative;
}

@media (max-width: 64em) {
  .intrinsic-size-container--tablet-max {
    height: 0;
    overflow: hidden;
    position: relative;
  }
}

.hidden {
  display: none !important;
}

@media (min-width: 64.0625em) {
  .hidden--desktop-min {
    display: none !important;
  }
}

@media (max-width: 64em) {
  .hidden--tablet-max {
    display: none !important;
  }
}

.layout--absolute-center {
  left: 50%;
  top: 50%;
  position: absolute;
  max-width: 100%;
  transform: translate(-50%, -50%);
}

@media (max-width: 64em) {
  .layout--absolute-center--tablet-max {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 64em) {
  .layout--bleed-full--tablet-max {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
}

@media (min-width: 64.0625em) {
  .layout--bleed-content--desktop-min {
    margin-left: calc(10px * -1);
    margin-right: calc(10px * -1);
  }
}

.margin--body {
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 64em) {
  .ratio-9-16--tablet-max {
    overflow: hidden;
    position: relative;
  }
}

@media (min-width: 64.0625em) {
  .ratio-2-3--desktop-min {
    overflow: hidden;
    position: relative;
  }
}

/* Import scss components for the homepage. */

/* ROW HEADER - Element Default Header*/

.row-header__container {
  height: 100%;
}

.stacked-header__container {
  display: flex;
  height: 100%;
}

/* STACKED HEADER Apply styles to the header elements when viewed on the homepage, but not before the user has scroll down the page. */

body:not(.header-collapsed) .is-homepage {
  /* STACKED HEADER */
}

body:not(.header-collapsed) .is-homepage > nav .social-container {
  display: none;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage > nav .social-container {
    display: flex;
  }
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage > nav .container.primary {
    box-shadow: 0 0.1875rem 0.1875rem rgba(0, 0, 0, 0.1);
    height: 8.25rem;
  }

  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links {
    position: relative;
    max-height: 48px;
  }

  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links.desktop-only .primary-text-links {
    padding-left: 0;
    max-height: inherit;
  }

  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links.desktop-only .primary-text-links > li.menu-list-item:not(.subscribe-flyout):hover {
    height: auto;
    max-height: inherit;
    border-bottom: 4px solid #3AB8EC;
  }
}

@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1160px) {
  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links.desktop-only .primary-text-links li:nth-child(n+6):not(.subscribe-flyout) {
    display: none;
  }
}

@media (min-width: 1025px) and (min-width: 1161px) and (max-width: 1278px) {
  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links.desktop-only .primary-text-links li:nth-child(n+7):not(.subscribe-flyout) {
    display: none;
  }
}

@media (min-width: 1025px) and (min-width: 1279px) {
  body:not(.header-collapsed) .is-homepage > nav .container.primary .primary-links.desktop-only .primary-text-links li:nth-child(n+8):not(.subscribe-flyout) {
    display: none;
  }
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage > nav .subcontainer {
    max-width: 93.75em;
  }
}

body:not(.header-collapsed) .is-homepage > nav .icon.color-accent g > path:first-child {
  fill: rgba(0, 0, 0, 0);
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.color-accent g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.color-accent g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.color-accent g > circle {
  fill: #000;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-facebook-circle-stroke:hover g > path:first-child {
  fill: #3b5998;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-facebook-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-facebook-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-facebook-circle-stroke:hover g > circle {
  fill: #fff;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-twitter-circle-stroke:hover g > path:first-child {
  fill: #1DA1F2;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-twitter-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-twitter-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-twitter-circle-stroke:hover g > circle {
  fill: #fff;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-instagram-circle-stroke:hover g > path:first-child {
  fill: #115789;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-instagram-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-instagram-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-instagram-circle-stroke:hover g > circle {
  fill: #fff;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-pinterest-circle-stroke:hover g > path:first-child {
  fill: #bd081c;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-pinterest-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-pinterest-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-pinterest-circle-stroke:hover g > circle {
  fill: #fff;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-youtube-circle-stroke:hover g > path:first-child {
  fill: #cd201f;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-youtube-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-youtube-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-youtube-circle-stroke:hover g > circle {
  fill: #fff;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-snapchat-circle-stroke:hover g > path:first-child {
  fill: #FFFC00;
  stroke: none;
}

body:not(.header-collapsed) .is-homepage > nav .icon.icon-snapchat-circle-stroke:hover g > path:not(:first-child),
body:not(.header-collapsed) .is-homepage > nav .icon.icon-snapchat-circle-stroke:hover g > ellipse,
body:not(.header-collapsed) .is-homepage > nav .icon.icon-snapchat-circle-stroke:hover g > circle {
  fill: #000;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage .nav-placeholder.no-secondary-ribbon {
    height: 133px;
  }
}

body:not(.header-collapsed) .is-homepage .stacked-header__container {
  display: flex;
  height: 100%;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage .stacked-header__container {
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 100%;
  }
}

body:not(.header-collapsed) .is-homepage .stacked-header__section {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage .stacked-header__section {
    margin-top: 17px;
  }

  body:not(.header-collapsed) .is-homepage .stacked-header__section .menu {
    margin-top: 20px;
  }
}

body:not(.header-collapsed) .is-homepage .stacked-header__section svg {
  transform: scale(1.2);
}

body:not(.header-collapsed) .is-homepage .stacked-header__section--wide {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage .stacked-header__section--wide .logo {
    margin-top: 1.3rem;
    margin-bottom: 5px;
  }

  body:not(.header-collapsed) .is-homepage .stacked-header__section--wide .logo a.full-logo svg {
    height: 60px;
    width: 150px;
  }
}

body:not(.header-collapsed) .is-homepage .ad.type-4x1 {
  display: none;
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage nav.notification-banner-wrapper {
    top: 8.25rem;
  }
}

body:not(.header-collapsed) .is-homepage nav.main {
  position: fixed;
  top: 0;
}

body:not(.header-collapsed) .is-homepage .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
  height: 48px;
}

@media (min-width: 601px) {
  body:not(.header-collapsed) .is-homepage nav.main {
    position: relative;
  }

  body:not(.header-collapsed) .is-homepage .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
    height: 0;
  }
}

@media (min-width: 1025px) {
  body:not(.header-collapsed) .is-homepage .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
    height: 85px;
  }
}

body.nav-docked header.is-homepage nav.main {
  position: fixed;
  top: 0;
  transition: top 500ms;
}

@media (min-width: 601px) {
  body.nav-docked.leaderboard-docked header.is-homepage nav.main {
    top: 122px;
    transition: default;
  }
}

@media (min-width: 1025px) {
  body.nav-docked header.is-homepage .nav-placeholder.no-secondary-ribbon.no-utility-ribbon {
    height: 133px;
  }
}

.header-collapsed .stacked-header__section .social-container {
  display: none;
}

.header-collapsed .stacked-header__cm-ad {
  display: none;
}

.header-collapsed .search-open .primary-text-links {
  display: none !important;
}

@media (min-width: 1024px) {
  .under-social .is-homepage nav.has-headline .primary-text-links {
    opacity: 1;
    pointer-events: all;
    transform: none;
  }
}

@media (min-width: 1025px) {
  nav.main .primary button span.icon-search {
    margin-top: 7px;
  }
}

.stacked-header__cm-ad .rthdrtoutCopy p {
  line-height: 15px;
  font-weight: 100;
}

.stacked-header__cm-ad .rthdrtoutCopy p.rthdrtoutHeading {
  font-weight: bold;
}

/* TOC: 1: General 2: Animation */

.newsletter-signup {
  background: rgba(160, 84, 160, 0.05);
  margin: 10px auto;
  padding: 24px;
}

@media (max-width: 37.5em) {
  .newsletter-signup {
    padding: 10px;
  }
}

.newsletter-signup .people-logo__path-1--fill {
  fill: #00a4df;
}

.newsletter-signup .people-logo__path-2--outline {
  fill: #fff;
}

.newsletter-signup .button-style {
  text-align: center;
}

.newsletter-signup .button-style a {
  font: 700 28px/27px Foundation, sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 16px;
  transition: all 0.1s ease-in-out;
  color: #fff;
  margin: 0 auto;
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  padding: 11px 14px;
}

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

.newsletter-signup .button-style a:active {
  opacity: 0.8;
}

.newsletter-signup .button-style a:hover {
  color: rgba(0, 0, 0, 0.95);
}

.newsletter-signup .button-style a:hover,
.newsletter-signup .button-style a:focus {
  background-color: #fff;
  border-color: #FFEB3C;
  outline: none !important;
  color: #000;
}

div.homepageNewsletter {
  width: 100%;
}

.component .newsletter-signup {
  margin: 0;
  width: 100%;
  padding: 16px;
}

@media (max-width: 37.5em) {
  .component .newsletter-signup .newsletter-signup__logo {
    width: 64px;
  }
}

.newsletter-signup__title {
  font: 700 28px/27px Foundation, sans-serif;
  font-weight: bold;
  margin-bottom: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.95);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

@media (max-width: 37.5em) {
  .newsletter-signup__title {
    font: 700 16px Limerick, sans-serif;
  }
}

.newsletter-signup__logo {
  display: inline-block;
  max-height: none;
  margin: 0 3px;
  position: relative;
  top: 10px;
  width: 90px;
}

@media (max-width: 37.5em) {
  .newsletter-signup__logo {
    width: 64px;
  }
}

.home__body-content .newsletter-signup__logo {
  top: 8px;
  width: 80px;
}

.newsletter-signup form {
  display: flex;
  justify-content: space-between;
}

.latest-news {
  background-color: #fff;
  width: auto;
  border: 1px solid #3AB8EC;
  margin: 35px 5px;
}

@media (min-width: 64.0625em) {
  .latest-news {
    margin: 87px 5px;
  }
}

.latest-news h2 {
  font-family: Foundation, sans-serif;
  font-size: 36px;
  margin: -21px auto 0;
  text-align: center;
  text-transform: lowercase;
  letter-spacing: 1.5px;
}

.latest-news h2 span {
  background-color: #fff;
  padding: 0 5px;
  text-transform: uppercase;
}

.latest-news p.timestamp {
  font-size: 12px;
  font-weight: 700;
  font-family: Limerick, sans-serif;
  color: rgba(0, 0, 0, 0.3) !important;
  letter-spacing: 0.5px;
  margin-top: 3px;
  margin-bottom: 0;
}

.latest-news__story {
  display: flex;
  margin: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e1e1e1;
  /** Override with specificity for the latest-news__ad so that ads are in block format so iframes with no min-width are not collapsed and are no viewable. */
}

.latest-news__story:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.latest-news__story img {
  height: 100%;
}

.latest-news__story .ad {
  margin: 0 auto;
}

.latest-news__story .ad:after {
  color: #595959;
  font-size: 12px;
  font-family: Limerick, sans-serif;
  line-height: 1.33;
  text-align: center;
  text-transform: uppercase;
  content: 'Advertisement';
  display: block;
  padding: 0 4px 4px;
  margin-top: 4px;
  width: 100%;
}

.latest-news__story.hidden--mobile {
  display: none;
}

@media (min-width: 64.0625em) {
  .latest-news__story.hidden--mobile {
    display: flex;
  }
}

@media (min-width: 64.0625em) {
  .latest-news__story.latest-news__ad.hidden--mobile {
    display: block;
  }
}

@media (max-width: 64em) {
  .latest-news__hidden--after-preview__tablet-max,
  .latest-news__hidden--after-preview__tablet-max .ad {
    display: none !important;
  }
}

div[class*=ltc-display-ad-mobile] {
  display: none;
}

@media (max-width: 37.5em) {
  div[class*=ltc-display-ad-mobile] {
    display: block;
  }
}

div[class*=ltc-display-ad-desktop] {
  display: none;
}

@media (min-width: 37.5625em) {
  div[class*=ltc-display-ad-desktop] {
    display: block;
  }
}

[class*=ltc-ad] {
  margin: 0 auto;
}

.latest-news__title {
  flex: 1;
}

.latest-news__title a > h3,
.latest-news__title a > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.latest-news__title a > h3 p,
.latest-news__title a > h3 > div p {
  display: inline;
}

.latest-news__title a:hover > h3,
.latest-news__title a:hover > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
}

.latest-news__title a:visited > h3,
.latest-news__title a:visited > h3 > div {
  color: #595959;
}

.latest-news__title a:hover > h3,
.latest-news__title a:hover > h3 > div {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.latest-news__title h3 {
  font: 400 16px/24px Limerick, sans-serif;
  margin-bottom: 5px;
  margin-top: 0;
  letter-spacing: 0.5px;
}

@media (max-width: 37.5em) {
  .latest-news__title h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.latest-news__tout-image {
  height: 100px;
  position: relative;
}

.latest-news__tout-image .inner-container {
  width: 100px;
  height: 100px;
  position: relative;
  margin-right: 22px;
}

.latest-news__tout-image .icon {
  position: absolute;
  bottom: 0;
  background-color: #fff100;
  z-index: 1;
}

.article-badge.article-badge--smaller {
  height: 21px;
  width: 28px;
}

.latest-news__tout-header {
  font-family: Limerick, sans-serif;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 16px;
  margin-bottom: 5px;
  padding: 5px 8px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.latest-news__tout-header--exclusive {
  background: #a054a0;
}

.latest-news__tout-header + a {
  display: inline-block;
}

.featured-stories {
  position: relative;
  margin: 0 1.25rem;
}

.featured-stories svg {
  background-color: #fff100;
}

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

.featured-stories__header {
  position: relative;
}

.featured-stories__header-text,
.featured-stories__header-logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 100%;
  z-index: 10;
}

.featured-stories__header-text:after,
.featured-stories__header-logo-wrap:after {
  content: '';
  display: block;
  background-color: #00aeef;
  height: .0625rem;
  left: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}

.featured-stories__header-text span,
.featured-stories__header-logo-wrap span {
  font-family: Foundation, sans-serif;
  background: #fff;
  box-shadow: 0.9375rem 0 0 #fff, -0.9375rem 0 0 #fff;
  color: rgba(0, 0, 0, 0.95);
  font-size: 36px;
  line-height: 44px;
  padding: 0.0625rem 0;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.featured-stories__header-logo-wrap {
  margin: 2rem auto 1.875rem;
}

.featured-stories__header-logo {
  max-width: 210px;
  height: auto;
  z-index: 1;
}

.featured-stories__importance-header {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: bold;
  left: 50%;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
  padding: 0.1875rem 0.4375rem;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 1;
}

.featured-stories__importance-header--star-tracks {
  background: #a054a0;
}

@media (min-width: 1025px) {
  .featured-stories__importance-header--horizontal {
    display: inline-block;
    left: auto;
    position: relative;
    -ms-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
  }
}

.featured-one {
  max-width: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.featured-one .icon {
  margin-top: -3.125rem;
  height: 3.125rem;
  width: 4.125rem;
  position: absolute;
  left: 0;
  top: 0;
}

.featured-one__inner {
  flex: 0 1 100%;
  max-width: none;
  position: relative;
}

@media (min-width: 1025px) {
  .featured-one__inner {
    display: flex;
    margin-bottom: 2.5rem;
  }
}

.featured-one__link {
  display: block;
  position: relative;
}

@media (min-width: 1025px) {
  .featured-one__link {
    width: calc(100% - 15rem);
  }
}

.featured-one__headline-wrap {
  position: relative;
  margin: -2.25rem .9375rem 0;
}

@media (min-width: 1025px) {
  .featured-one__headline-wrap {
    background-color: #fff;
    margin: 6.25rem 0 0 -2.875rem;
    min-height: calc(100% - 6.25rem);
    padding: 2.5rem 1.875rem;
    right: 0;
    width: 17.875rem;
  }
}

.featured-one__headline-wrap a > h3,
.featured-one__headline-wrap a > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.featured-one__headline-wrap a > h3 p,
.featured-one__headline-wrap a > h3 > div p {
  display: inline;
}

.featured-one__headline-wrap a:hover > h3,
.featured-one__headline-wrap a:hover > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
}

.featured-one__headline-wrap a:visited > h3,
.featured-one__headline-wrap a:visited > h3 > div {
  color: #595959;
}

.featured-one__headline-wrap a .featured-one__headline {
  display: block;
}

.featured-one__headline-wrap a:hover > .featured-one__headline {
  box-shadow: none;
}

.featured-one__headline-wrap a:hover > .featured-one__headline > span {
  box-shadow: inset 0 -2px #fff, inset 0 -8px 0 #fff100;
}

.featured-one__headline {
  background-color: #fff;
  font: 400 0.9375rem/1.13333 Basel, serif;
  letter-spacing: 0;
  margin-bottom: 0;
  padding: 1rem .4375rem;
  text-align: center;
}

@media (min-width: 1025px) {
  .featured-one__headline {
    font: 400 28px/32px Basel, serif;
    text-align: left;
    padding: 0 0 2.5rem;
    margin: 0;
  }
}

@media (max-width: 37.5em) {
  .featured-one__headline {
    font: 400 18px/28px Limerick, sans-serif;
  }
}

.featured-one__image-wrap {
  height: 0;
  overflow: hidden;
  padding-bottom: 66.66667%;
  position: relative;
}

.featured-one__image img {
  top: 0;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  position: absolute;
  width: auto;
  height: 100%;
  max-width: none;
}

.featured-one__footer {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.featured-one__category {
  color: rgba(0, 0, 0, 0.3);
  font-family: Limerick, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: block;
  text-align: center;
}

.featured-one__category::first-letter {
  text-transform: uppercase;
}

.featured-one__category a {
  font-weight: 700 !important;
}

.featured-one__category a.channel__color--color {
  color: rgba(0, 0, 0, 0.3);
}

.featured-one__timestamp {
  color: rgba(0, 0, 0, 0.3);
  font-family: Limerick, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
  text-align: center;
}

.featured-one__timestamp::first-letter {
  text-transform: uppercase;
}

.featured-one__timestamp a {
  font-weight: 700 !important;
}

.featured-one__timestamp:before {
  content: '//';
  margin-left: 4px;
}

.featured-two {
  position: relative;
  margin: 0 1.25rem;
}

.featured-two .icon {
  margin-top: -3.125rem;
  height: 3.125rem;
  width: 4.125rem;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 600px) {
  .featured-two .icon svg {
    width: 35px;
    height: 25px;
    margin-top: 25px;
  }
}

.featured-story--of-two {
  flex: 1 0 50%;
  margin-bottom: 1.875rem;
  max-width: 47%;
}

@media (min-width: 1025px) {
  .featured-story--of-two {
    margin-bottom: 0;
  }
}

.featured-two__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (min-width: 1025px) {
  .featured-two__inner {
    margin-bottom: 2.5rem;
  }
}

.featured-two__link {
  display: block;
  position: relative;
}

.featured-two__headline-wrap {
  position: relative;
  margin: -2.25rem .9375rem 0;
}

@media (min-width: 1025px) {
  .featured-two__headline-wrap {
    margin: -2.25rem 2.1875rem 0 2.5rem;
  }
}

.featured-two__headline-wrap a > h3,
.featured-two__headline-wrap a > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.featured-two__headline-wrap a > h3 p,
.featured-two__headline-wrap a > h3 > div p {
  display: inline;
}

.featured-two__headline-wrap a:hover > h3,
.featured-two__headline-wrap a:hover > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
}

.featured-two__headline-wrap a:visited > h3,
.featured-two__headline-wrap a:visited > h3 > div {
  color: #595959;
}

.featured-two__headline-wrap a .featured-two__headline {
  display: block;
}

.featured-two__headline-wrap a:hover > .featured-two__headline {
  box-shadow: none;
}

.featured-two__headline-wrap a:hover > .featured-two__headline > span {
  box-shadow: inset 0 -2px #fff, inset 0 -8px 0 #fff100;
}

.featured-two__headline {
  background-color: #fff;
  font: 400 0.9375rem/1.13333 Basel, serif;
  margin-bottom: 0;
  padding: 1rem .4375rem;
  text-align: center;
}

@media (min-width: 1025px) {
  .featured-two__headline {
    font: 400 28px/32px Basel, serif;
    padding: 1.25rem 1rem;
  }
}

@media (max-width: 37.5em) {
  .featured-two__headline {
    font: 400 18px/28px Limerick, sans-serif;
  }
}

.featured-two__image-wrap {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}

.featured-two__image img {
  top: 0;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  position: absolute;
  width: auto;
  height: 100%;
  max-width: none;
}

.featured-two__footer {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

@media (max-width: 601px) {
  .featured-two__footer {
    display: block;
  }
}

.featured-two__category {
  color: rgba(0, 0, 0, 0.3);
  font-family: Limerick, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: block;
  text-align: center;
}

.featured-two__category::first-letter {
  text-transform: uppercase;
}

.featured-two__category a {
  font-weight: 700 !important;
}

.featured-two__category a.channel__color--color {
  color: rgba(0, 0, 0, 0.3);
}

.featured-two__category::first-letter {
  text-transform: uppercase;
}

.featured-two__timestamp {
  color: rgba(0, 0, 0, 0.3);
  font-family: Limerick, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
}

.featured-two__timestamp::first-letter {
  text-transform: uppercase;
}

.featured-two__timestamp a {
  font-weight: 700 !important;
}

.featured-two__timestamp::before {
  content: '//';
  margin-left: 4px;
}

@media (max-width: 601px) {
  .featured-two__timestamp {
    text-align: center;
  }
}

.featured-four {
  position: relative;
}

.featured-four__inner {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1025px) {
  .featured-four__inner {
    flex-wrap: nowrap;
  }
}

.featured-four__link {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 40px;
}

@media (min-width: 601px) {
  .featured-four__link {
    width: calc(99.99% * 1/2 - 30px);
  }
}

@media (min-width: 1025px) {
  .featured-four__link {
    width: calc(99.99% * 1/4 - 22.5px);
    margin-bottom: initial;
  }
}

.featured-four__link a > h3,
.featured-four__link a > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.featured-four__link a > h3 p,
.featured-four__link a > h3 > div p {
  display: inline;
}

.featured-four__link a:hover > h3,
.featured-four__link a:hover > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
}

.featured-four__link a:visited > h3,
.featured-four__link a:visited > h3 > div {
  color: #595959;
}

.featured-four__link a .featured-four__headline {
  display: block;
}

.featured-four__link a:hover > .featured-four__headline {
  box-shadow: none;
}

.featured-four__link a:hover > .featured-four__headline > span {
  box-shadow: inset 0 -2px #fff, inset 0 -8px 0 #fff100;
}

@media (min-width: 600px) {
  .featured-four__link a:hover > .featured-four__headline > span {
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.95);
  }
}

.featured-four__link svg {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.featured-four__link:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.featured-four__link:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}

@media (min-width: 1025px) {
  .featured-four__link:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .featured-four__link:last-child {
    margin-right: 0;
  }

  .featured-four__link:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.featured-four__tout-image {
  margin-bottom: .9375rem;
  overflow: hidden;
  padding-bottom: 66.66667%;
  position: relative;
}

.featured-four__tout-image img {
  bottom: 0;
  height: 100%;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.featured-four__tout-image .icon {
  position: absolute;
  display: block;
  bottom: 0;
}

.featured-four__headline {
  font: 400 0.9375rem/1.13333 Limerick, sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}

@media (min-width: 1025px) {
  .featured-four__headline {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: 0.5px;
  }
}

.mvp__container {
  margin-top: 2em;
  margin-bottom: 16px;
}

.mvp__heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 4px;
}

@media (max-width: 37.5em) {
  .mvp__heading {
    padding-bottom: 40px;
  }
}

.mvp__logo svg {
  width: 138px;
  height: 36px;
}

.mvp__logo svg path {
  fill: #3AB8EC;
}

.mvp__view-more-link {
  color: rgba(0, 0, 0, 0.95);
  font-size: 13px;
  font-weight: 200;
}

body.home .site-header {
  margin-bottom: 0;
}

@media (min-width: 64.0625em) {
  body.home main {
    padding: 0 45px;
  }
}

.home-lead-story {
  display: flex;
  margin-bottom: 30px;
}

@media (min-width: 64.0625em) {
  .home-lead-story {
    margin-bottom: 20px;
  }
}

.tide-homepage__hero-main {
  display: flex;
  padding-top: 15px;
}

@media (max-width: 64em) {
  .tide-homepage__hero-main {
    display: block;
    padding-top: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 93.75em;
    position: relative;
  }
}

.tide-homepage__hero {
  display: flex;
}

@media (min-width: 64.0625em) {
  .tide-homepage__hero {
    width: calc(99.99% * 3/4 - 0.75rem);
  }
}

.home-lead-story__wrapper:nth-child(1n) {
  margin-left: 0;
}

@media (min-width: 64.0625em) {
  .home-lead-story__wrapper:nth-child(1n) {
    margin-right: 3rem;
  }
}

.home-lead-story__wrapper {
  display: flex;
}

@media (max-width: 64em) {
  .home-lead-story__wrapper {
    margin: calc(2/3 * 100%) 0 0;
    max-width: none;
    width: 100%;
    display: block;
  }
}

.home-lead-story__wrapper--breaking-news {
  width: 100%;
  max-width: none;
  margin-right: 0;
}

@media (max-width: 64em) {
  .home-lead-story__wrapper--breaking-news {
    margin: calc(9/20 * 100%) 0 0;
    max-width: none;
    width: 100%;
    display: block;
  }
}

.home-lead-story__header {
  /* stylelint-disable max-line-length */
  flex: 0 1 calc( (400 / 1050) * 100%);
  max-width: calc((400 / 1050) * 100%);
  /* styleline-enable */
  padding: 28px 20px;
  position: relative;
  z-index: 1;
}

.home-lead-story__header::after {
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  margin: 30px 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 0;
}

@media (max-width: 64em) {
  .home-lead-story__header {
    background-color: #fff;
    margin: -8.875rem 2rem 0;
    max-width: none;
    padding: 0 20px 0;
    width: calc(100% - 64px);
    z-index: 1;
  }

  .home-lead-story__header::after {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .home-lead-story__header {
    margin: -2.875rem 2rem 0;
  }
}

.home-lead-story__header > * {
  position: relative;
  z-index: 1;
}

.home-lead-story__header--breaking-news {
  flex: 0 1 calc((400/1410)*100%);
  max-width: calc((400/1410)*100%);
}

@media (max-width: 64em) {
  .home-lead-story__header--breaking-news {
    max-width: none;
  }
}

.home-lead-story__badge {
  background: #a054a0;
  color: #fff;
  display: inline-block;
  font: 700 14px/1 Limerick, sans-serif;
  letter-spacing: 0.1em;
  padding: 11px 18px 9px;
  text-transform: uppercase;
}

@media (max-width: 92em) {
  .home-lead-story__badge {
    font-size: 12px;
  }
}

@media (max-width: 64em) {
  .home-lead-story__badge {
    display: inline-block;
    left: 50%;
    padding: 0.5rem;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
  }
}

.home-lead-story__badge--cover-story,
.home-lead-story__badge--breaking-news {
  background: #fff100;
  color: rgba(0, 0, 0, 0.95);
}

.home-lead-story__title {
  letter-spacing: -0.025em;
  margin-bottom: 12px;
  padding-top: 30px;
  font-size: 28px;
  line-height: 32px;
}

@media (max-width: 86em) {
  .home-lead-story__title {
    font-size: 28px;
  }
}

@media (max-width: 74em) {
  .home-lead-story__title {
    font-size: 24px;
  }
}

@media (max-width: 37.5em) {
  .home-lead-story__title {
    font-size: 24px;
    padding-top: 26px;
  }
}

@media (min-width: 64.0625em) {
  .home-lead-story__title {
    padding-top: 0;
    margin-bottom: 4px;
  }
}

.home-lead-story__title-link {
  color: inherit;
  font-weight: 400;
}

.home-lead-story__timestamp {
  color: rgba(0, 0, 0, 0.3);
  font-family: Limerick, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.33;
  letter-spacing: 0.5px;
}

.home-lead-story__timestamp::first-letter {
  text-transform: uppercase;
}

.home-lead-story__timestamp a {
  font-weight: 700 !important;
}

.home-lead-story__related,
.home-lead-story__cover-story {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}

.home-lead-story__related-header {
  color: #a054a0;
  font: 700 14px/20px Limerick, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.home-lead-story__related-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.home-lead-story__related-item {
  margin-bottom: 20px;
  line-height: 19px;
}

.home-lead-story__related-item:last-of-type {
  margin-bottom: 0;
}

.home-lead-story__related-title,
.home-lead-story__related-title p {
  font: 14px Limerick, sans-serif;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.95) !important;
  line-height: 20px;
}

.home-lead-story__related-title .article-badge,
.home-lead-story__related-title p .article-badge {
  float: left;
  margin: 0 3.6px 0 0;
  position: relative;
}

.home-lead-story__related-title .article-badge svg,
.home-lead-story__related-title p .article-badge svg {
  width: var(--spacer-small);
}

.home-lead-story__thumbnail {
  margin-left: -40px;
  flex: 0 1 calc(((690 / 1050) * 100%) + 40px);
  max-width: calc(((690 / 1050) * 100%) + 40px);
}

@media (max-width: 64em) {
  .home-lead-story__thumbnail {
    margin-left: 0;
    max-width: none;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
  }
}

.home-lead-story__thumbnail--breaking-news {
  flex: 0 1 calc((1050 / 1410) * 100%);
  max-width: calc((1050 / 1410) * 100%);
}

@media (max-width: 64em) {
  .home-lead-story__thumbnail--breaking-news {
    max-width: none;
  }
}

.home-lead-story__thumbnail-link {
  display: block;
  line-height: 0;
  overflow: hidden;
  height: 100%;
  position: relative;
}

@media (max-width: 64em) {
  .home-lead-story__thumbnail-link {
    height: 0;
    padding-top: calc(2/3 * 100%);
  }
}

.home-lead-story__thumbnail-link img {
  width: 100%;
  max-width: 100%;
  left: 50%;
  top: 0;
  position: absolute;
  transform: translateX(-50%);
}

@media (min-width: 64.0625em) {
  .home-lead-story__thumbnail-link img {
    position: relative;
  }
}

/** Remove the top padding. */

.promo-override-1 .tide-homepage__right-rail {
  padding-top: 0;
}

.tide-homepage__right-rail {
  width: calc(99.99% * 1/4 - 0.75rem);
}

@media (max-width: 64em) {
  .tide-homepage__right-rail {
    display: none;
  }
}

/** Custom Breakpoints for the badge when viewed in desktop resolution ranges. */

.home-lead-story__title-link .home-article-badge--lead-story {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 20px;
}

.home-lead-story__title-link .home-article-badge--lead-story svg {
  width: 8.54px;
  height: 8.54px;
}

@media (min-width: 64.0625em) {
  .home-lead-story__title-link .home-article-badge--lead-story {
    width: 37px;
    height: 27px;
  }

  .home-lead-story__title-link .home-article-badge--lead-story svg {
    width: 12.8px;
    height: 12.8/16px;
  }
}

@media (max-width: 92em) {
  .home-lead-story__title-link .home-article-badge--lead-story {
    width: 30px;
    height: 23px;
  }
}

@media (max-width: 86em) {
  .home-lead-story__title-link .home-article-badge--lead-story {
    width: 29px;
    height: 22px;
  }
}

@media (max-width: 74em) {
  .home-lead-story__title-link .home-article-badge--lead-story {
    width: 28px;
    height: 21px;
  }

  .home-lead-story__title-link .home-article-badge--lead-story svg {
    width: 11.19px;
    height: 11.19px;
  }
}

/** Start the most popular right rail */

.home-promo-story--desktop {
  lost-column: 1/4;
  margin-top: 2em;
}

@media (max-width: 64em) {
  .home-promo-story--desktop {
    display: none;
  }
}

@media (min-width: 64.0625em) {
  .home-promo-story--mobile {
    display: none;
  }
}

@media (max-width: 64em) {
  .home-promo-story--mobile {
    display: block;
    width: calc(100% - 4.5em);
    padding: 0;
    margin: 2.5em 2.25em;
    border-top: 0.0625em solid #00aeef;
    padding-top: 1.25em;
  }
}

.home-promo-story-header-logo {
  height: 3.75em;
  max-height: 3.75em;
  width: 100%;
  margin-bottom: 1.25em;
  display: flex;
  justify-content: center;
}

.home-promo-story-header-logo img {
  width: auto;
  height: 100%;
}

.home-promo-story__thumbnail-link {
  margin-bottom: 1em;
  width: 100%;
  overflow: hidden;
}

.home-promo-story__thumbnail-link .home-promo-story__img-wrap {
  width: 100%;
  position: relative;
}

.home-promo-story__thumbnail-link .home-promo-story__img-wrap img {
  width: 100%;
  height: auto;
}

.home-promo-story__title a {
  cursor: pointer;
}

.home-promo-story__title h3.story-title {
  color: #a054a0;
  font: 700 14px/1 Limerick, sans-serif;
  font-size: .75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.home-promo-story__description {
  margin-bottom: 1.25em;
}

.home-promo-story__description a > h3,
.home-promo-story__description a > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.home-promo-story__description a > h3 p,
.home-promo-story__description a > h3 > div p {
  display: inline;
}

.home-promo-story__description a:hover > h3,
.home-promo-story__description a:hover > h3 > div {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
}

.home-promo-story__description a:visited > h3,
.home-promo-story__description a:visited > h3 > div {
  color: #595959;
}

.home-promo-story__description a > h3,
.home-promo-story__description a > h3 > p {
  font-family: Limerick, sans-serif;
}

.home-promo-story__description h3.story-description {
  font: 300 1em/1 Limerick, sans-serif;
  color: rgba(0, 0, 0, 0.95);
  margin-bottom: 5px;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}

@media (max-width: 64em) {
  .home-promo-story__description h3.story-description {
    font: 700 0.875em/1.14286 Limerick, sans-serif;
  }
}

.home-promo-story__description h3.story-description p {
  padding: 0;
  margin: 0;
}

.home-promo-story-button button {
  display: block;
}

.home-promo-story__img-wrap .article-badge {
  bottom: 0.25em;
  position: absolute;
  margin-top: -3.125em;
  height: 3.125em;
  width: 4.125em;
}

@media (max-width: 64em) {
  .home-promo-story__img-wrap .article-badge {
    margin-top: -1.5625em;
    width: 2.1875em;
    height: 1.5625em;
  }
}

.home-promo-story__img-wrap .article-badge svg {
  width: 1.5em;
  height: 1.5em;
}

@media (max-width: 64em) {
  .home-promo-story__img-wrap .article-badge svg {
    width: .8125em;
  }
}

@media (min-width: 64.0625em) {
  .home-most-popular--mobile {
    display: none;
  }
}

.home-most-popular--mobile h2 {
  margin: 0 0 25px;
}

.home-most-popular__header {
  text-align: center;
  font-size: 20px;
  margin-bottom: 0;
}

@media (min-width: 64.0625em) {
  .home-most-popular__header {
    text-align: left;
  }
}

.home-most-popular__list {
  counter-reset: home-most-popular;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.home-most-popular__list-item {
  display: flex;
  padding: 16px 0 9px 0;
  /* Apply the border to all but the last row. */
}

.home-most-popular__list-item:not(:last-of-type) {
  border-bottom: 1px solid #00aeef;
}

.home-most-popular__list-item::before {
  /** @NOTE The font-size is set in critical css _only_. For some reason, IE 11 can't handle multiple font-size declarations for counters. // font: 300 40px/1 var(--family-sans-serif); */
  color: #a054a0;
  content: counter(home-most-popular) ".";
  counter-increment: home-most-popular;
  flex: 0 0 1em;
  font: 100 1.3rem/1 Basel, serif;
  margin-right: 7px;
}

.home-most-popular__list-item:last-of-type {
  margin-bottom: 0;
}

.home-most-popular__item-title {
  font: 400 14px/1.5 Limerick, sans-serif;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-top: -2px;
}

.home-most-popular__item-title p {
  margin-bottom: 0;
}

.live-event {
  background-position: center top;
  background-size: cover;
  padding: 265px 45px 0;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 72px;
}

@media (max-width: 47.875em) {
  .live-event {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 173px;
  }
}

@media (max-width: 37.5em) {
  .live-event {
    padding-left: 0;
    padding-right: 0;
  }
}

.live-event__wrapper {
  display: flex;
  max-width: 1390px;
  margin: 0 auto;
}

@media (max-width: 47.875em) {
  .live-event__wrapper {
    max-width: 430px;
    width: 100%;
    flex-direction: column;
    padding: 0 16px;
  }
}

.live-event__tout {
  flex: 1 1 30%;
  margin-right: 50px;
  max-width: 430px;
}

.live-event__tout:last-child {
  margin-right: 0;
}

@media (max-width: 47.875em) {
  .live-event__tout {
    flex: 0 0 auto;
    margin: 0 auto 64px;
    width: 100%;
  }

  .live-event__tout:last-child {
    margin-right: auto;
  }
}

.live-event__tout-image {
  width: 100%;
  position: relative;
}

.live-event__tout-image img {
  width: 100%;
  height: auto;
}

.live-event__tout-image .icon {
  bottom: 0;
  left: 0;
  position: absolute;
  height: 3.125rem;
  width: 4.125rem;
  background-color: #FFEB3C;
}

.live-event__tout-title {
  color: #fff;
  font: 600 24px/1.34 Basel, serif;
  padding: 20px 60px 16px;
  text-align: center;
  margin-bottom: 0;
}

@media (max-width: 68.75em) {
  .live-event__tout-title {
    padding: 20px 0 16px;
  }
}

.live-event__tout-byline {
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
  display: block;
  width: 100%;
  font-size: 12px;
}

.live-event__category-link {
  color: rgba(255, 255, 255, 0.65);
}

.live-event__datetime {
  color: rgba(255, 255, 255, 0.65);
}

.timestamp--prefix-slashes:before {
  content: '//';
}

.tide-homepage__livestream-main {
  width: 100%;
  padding: 24px 16px;
  position: relative;
  z-index: 1;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main {
    padding: 48px 72px;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-background {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  max-width: 100rem;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}

.tide-homepage__livestream-main .tide-homepage__livestream-callout-container {
  display: flex;
  height: 100%;
  align-items: center;
  padding-bottom: 16px;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-callout-container {
    padding: 0 0 35px 0;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-live {
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 800;
  font-size: 30px;
  padding: 7px 18px;
  background: #cc0000;
  letter-spacing: 5px;
}

@media (max-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-live {
    font-size: 25px;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-title--main {
  color: #FFF;
  display: inline-flex;
  padding-left: 20px;
  font-family: Basel, serif;
  font-size: 46px;
  font-weight: 400;
}

@media (max-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-title--main {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    line-height: 37px;
    align-self: flex-end;
  }
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-title--main {
    margin: 0;
    line-height: 35px;
    margin-top: 17px;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-container {
    flex-direction: row;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-container .component.video {
  flex: 0 1 100%;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-container .component.video {
    flex: 0 1 65%;
    max-width: 846px;
    margin-right: 5vw;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description {
  flex: 0 1 100%;
  max-width: 100%;
  min-width: 260px;
  color: #fff;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description {
    margin-top: 0;
    flex: 0 1 35%;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description .tide-homepage__livestream-title--unit {
  font-size: 32px;
  font-weight: 400;
  font-family: Basel, serif;
  line-height: 36px;
  margin-bottom: 16px;
  margin-top: 24px;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description .tide-homepage__livestream-title--unit {
    font-size: 46px;
    margin-top: 0;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
    line-height: 53px;
  }
}

.tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description .tide-homepage__unit-description {
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 24px;
}

.tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description .tide-homepage__livestream-button {
  display: inline-block;
  background-color: white;
  font-family: Limerick, sans-serif;
  text-align: center;
  color: rgba(0, 0, 0, 0.95);
  border: 1.5px solid #00aeef;
  text-transform: uppercase;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 32px;
}

@media (min-width: 1025px) {
  .tide-homepage__livestream-main .tide-homepage__livestream-container .tide-homepage__livestream-description .tide-homepage__livestream-button {
    margin-top: 48px;
  }
}

/* Homepage Layout tweaks. */

.container-full-width--homepage {
  max-width: 1500px;
  padding: 0;
}

.tide-homepage {
  margin: 0 0 30px;
  font-family: Limerick, sans-serif;
}

.tide-homepage__main-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1025px) {
  .tide-homepage__main-content-wrapper {
    flex-direction: row;
    padding: 0 45px;
  }
}

@media (min-width: 601px) {
  .tide-homepage__main-content-wrapper {
    padding: 0 66px;
  }
}

.tide-homepage__main-content {
  width: 100%;
}

@media (min-width: 1025px) {
  .tide-homepage__main-content {
    flex: 0 0 auto;
    order: 2;
    width: calc(99.99% * 2/3 - 10px);
  }
}

.tide-homepage__left-sidebar {
  width: 100%;
  min-width: 365px;
}

@media (min-width: 1025px) {
  .tide-homepage__left-sidebar {
    flex: 0 0 auto;
    order: 1;
    margin-right: 30px;
    width: calc(99.99% * 1/3 - 20px);
  }
}

/** Buttons */

.button--large {
  background-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 0;
  cursor: pointer;
  height: 60px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

@media (max-width: 25em) {
  .button--large {
    font-size: 0.75em;
  }
}

.button--wide {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  margin-bottom: 3.125rem;
}

.home__more-button {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  margin: 0 auto 2em;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

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

.home__more-button:active {
  opacity: 0.8;
}

.home__more-button:hover {
  color: rgba(0, 0, 0, 0.95);
}

.home__more-button:hover {
  border-color: #fff100;
}

.home__more-button-container {
  width: 100%;
  text-align: center;
  margin-top: 2em;
}

@media (min-width: 1025px) {
  .home__more-button-container {
    display: none;
  }
}

.home-lead-story__title .home-lead-story__title-link {
  color: rgba(0, 0, 0, 0.95);
}

.home-lead-story__title .home-lead-story__title-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
  text-decoration: none;
}

.home-lead-story__title .home-lead-story__title-link:visited {
  color: #595959;
}

.home-lead-story__title .home-lead-story__title-link:hover {
  box-shadow: inset 0 -2px #fff, inset 0 -8px 0 #fff100;
}

.home-lead-story__related-title {
  color: rgba(0, 0, 0, 0.95);
}

.home-lead-story__related-title:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
  text-decoration: none;
}

.home-lead-story__related-title:visited {
  color: #595959;
}

.post-grid--4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.post-grid--4 > * {
  margin: 0 0 15px;
  width: calc((320 / 660) * 100%);
}

@media (max-width: 37.5em) {
  .post-grid--4 > * {
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
  }
}

@media (min-width: 64.0625em) {
  .post-grid--4 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .post-grid--4 > * {
    width: calc((100% - (15px * 2)) / 4);
  }
}

@media (max-width: 37.5em) {
  .post-grid--4 {
    margin: 0 10px 20px;
  }
}

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

.post-grid > * {
  margin: 0 0 15px;
  width: calc((320 / 660) * 100%);
}

@media (max-width: 37.5em) {
  .post-grid > * {
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
  }
}

@media (min-width: 64.0625em) {
  .post-grid {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .post-grid > * {
    width: calc((100% - (15px * 2)) / 3);
  }
}

@media (max-width: 37.5em) {
  .post-grid {
    margin: 0 10px 20px;
  }
}

@media (min-width: 64.0625em) {
  .post-grid--desktop-4 > * {
    width: calc((100% - (15px * 2)) / 4);
  }
}

.post-grid__article:nth-of-type(-n+2) {
  order: -1;
}

@media (min-width: 64.0625em) {
  .post-grid__article:last-child {
    margin-bottom: 0;
  }
}

.post-grid__article-thumbnail-link {
  display: block;
  margin-bottom: 0.5em;
  overflow: hidden;
  padding-top: calc((2 / 3) * 100%);
  position: relative;
}

.post-grid__article-badge--thumbnail {
  bottom: 3px;
  display: block;
  left: 0;
  position: absolute;
  z-index: 10;
}

.post-grid__article-badge--title {
  float: left;
  height: 18px;
  margin: 1px 6px 0 0;
  width: 24px;
}

.post-grid__article-badge--title svg {
  max-height: 12px;
  max-width: 12px;
}

@media (min-width: 64.0625em) {
  .post-grid__article-badge--title {
    display: none;
  }
}

.post-grid__article-category {
  display: block;
  font: 700 0.875em/1.42857 Limerick, sans-serif;
  font-size: 0.75em;
  text-transform: uppercase;
}

.post-grid__article-title {
  font: 700 0.875em/1.42857 Limerick, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}

.post-grid__article-title a {
  color: rgba(0, 0, 0, 0.95);
}

.post-grid__article-title a {
  font-weight: 400;
}

.section-more-articles {
  padding-bottom: 30px;
}

.section-more-articles h3 {
  color: rgba(0, 0, 0, 0.95);
  font: 700 0.875em/1.42857 Limerick, sans-serif;
  letter-spacing: -0.01em;
  margin-bottom: 1.875rem;
}

.section-more-articles h2 {
  border-bottom-style: solid;
  border-bottom-width: .625rem;
  color: rgba(0, 0, 0, 0.95);
  font: 700 1.75em/1 HCo Gotham SSm,sans-serif;
  letter-spacing: -.03em;
  text-transform: lowercase;
}

.section-more-articles .article-footer__logo--people {
  position: relative;
  top: .4375rem;
  width: 5.625rem;
}

.section-more-articles .article-footer__logo {
  margin-left: .334em;
}

.section-more-articles .article-footer__logo--people svg {
  height: 2.375rem;
  width: 5.625rem;
}

.section-more-articles .article-footer__section-title-inner-wrap {
  margin-bottom: -.6875rem;
}

.section-more-articles .article-footer__section-title-span {
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: .5em;
  padding-left: 1em;
}

.section-more-articles__article {
  position: relative;
  width: 100%;
}

.section-more-articles__article a {
  color: rgba(0, 0, 0, 0.95);
}

.section-more-articles__article img {
  height: auto;
}

@media (max-width: 37.5em) {
  .section-more-articles__article {
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 1.875rem;
  }

  .section-more-articles__article:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 37.5625em) {
  .section-more-articles__article {
    margin-bottom: var(--gutter-width-tablet);
  }

  .section-more-articles__article::after {
    background-color: var(--color-divider);
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    width: calc(100% + var(--gutter-width-tablet));
  }

  .section-more-articles__article:nth-child(3n)::after {
    width: 100%;
  }
}

.section-more-articles__img-link {
  display: block;
  padding-bottom: 66.9%;
  /* Intrinsic size */
}

.section-more-articles__img-link .image--should-lazyload {
  opacity: 0;
  transition: opacity var(--timer-transition-default) var(--timing-function-default);
}

.section-more-articles__img-link .image--did-lazyload {
  opacity: 1;
}

.section-more-articles__articles-wrap {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: opacity var(--timer-transition-default) var(--timing-function-default);
}

.section-more-articles__articles-wrap img {
  max-width: 100%;
}

@media (max-width: 37.5em) {
  .section-more-articles__articles-wrap {
    margin-bottom: calc(5/16rem);
  }
}

.section-more-articles__button {
  display: block;
  margin: 0 auto;
}

@media (min-width: 37.5625em) {
  .section-more-articles__button {
    margin-top: 15px;
  }
}

.component.channelLoadMore .section-more-articles__articles-wrap {
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
  justify-content: center;
}

@media (max-width: 37.5em) {
  .component.channelLoadMore .section-more-articles__articles-wrap {
    display: block;
  }
}

.component.channelLoadMore .section-more-articles--article-wrapper {
  width: calc(99.99% * 1/3 - 1.25em);
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 20px;
}

@media (max-width: 64em) {
  .component.channelLoadMore .section-more-articles--article-wrapper {
    width: calc(99.99% * 1/2 - 1.25em);
  }
}

@media (max-width: 37.5em) {
  .component.channelLoadMore .section-more-articles--article-wrapper {
    width: 100%;
  }
}

@media (min-width: 37.5625em) {
  .component.channelLoadMore .channel--article {
    margin-right: 49px;
  }
}

@media (min-width: 37.5625em) and (max-width: 37.5em) {
  .component.channelLoadMore .channel--article {
    margin-right: 0;
  }
}

/** Sections: channel-landing heading-chunks lead-items franchise most-recent see-also signup */

/** Channel colors provided by critical css. */

header.site-header--channel-layout {
  margin-bottom: 0;
}

.channel-landing > * {
  margin-bottom: 30px;
}

.channel-landing > *:last-child {
  margin-bottom: 0;
}

.channel-landing .image--should-lazyload {
  max-width: 100%;
  /* opacity: 0; */
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
  /* Force GPU to get Safari to pick up the lazyload */
  /* transition: opacity $timer-transition-default $timing-function-default; */
}

.channel-landing .channel-landing__lead-headline {
  text-align: center;
}

@media (max-width: 37.5em) {
  .channel-landing .channel-landing__lead-headline {
    font-size: 35px;
    line-height: 1em;
    margin: 20px 0;
  }
}

.channel-landing__newsletter-cm-ad-wrap .footer-cm-ad {
  text-align: center;
}

.border {
  border-left: 0.25em solid transparent;
}

.headline {
  /* Styles loaded async, importants okay */
  /* stylelint-disable declaration-no-important */
  background-color: transparent !important;
  /* stylelint-enable */
  display: block;
  border-left: 0.25em solid rgba(255, 255, 255, 0.9);
}

.headline:hover {
  background-color: transparent;
  border-left-color: rgba(255, 255, 255, 0.9);
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable */
}

.headline:hover .headingChunk {
  background-color: rgba(255, 255, 255, 0.9);
}

.headingChunk {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
}

.lastChunk {
  padding-right: 0.25em;
}

.noBorder {
  border-left: 0;
}

@media (min-width: 37.5625em) {
  .channel-landing__lead-items {
    display: flex;
  }
}

@media (min-width: 37.5625em) and (max-width: 64em) {
  .channel-landing__lead-items {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}

@media (min-width: 64.0625em) {
  .channel-landing__lead-items {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.channel-landing__lead-item-wrap {
  flex: 0 0 auto;
  position: relative;
}

@media (min-width: 37.5625em) {
  .channel-landing__lead-item-wrap {
    width: calc(100%/3);
  }
}

.channel-landing__lead-item-wrap .importance-header {
  color: rgba(0, 0, 0, 0.95);
  font: 700 0.625em/1 Limerick, sans-serif;
  background-color: #FFEB3C;
  left: 10%;
  margin: 0;
  padding: 0.75em 2em;
  position: absolute;
  text-transform: uppercase;
  top: -12.5px;
  width: auto;
}

.channel-landing__featured-headline {
  bottom: 50px;
  color: rgba(0, 0, 0, 0.95);
  font: 300 1.4375em/1.4 Limerick, sans-serif;
  margin: 0 50px;
  position: absolute;
  z-index: 10;
}

@media (min-width: 37.5625em) and (max-width: 64em) {
  .channel-landing__featured-headline {
    bottom: 1.5rem;
    margin: 0 1.5rem;
    max-width: calc(100% - 3rem);
  }
}

@media (max-width: 25em) {
  .channel-landing__featured-headline {
    bottom: 20px;
    margin: 0 20px;
    line-height: 1.333;
  }

  .channel-landing__featured-headline .article-badge {
    width: 50px;
    height: 38px;
  }

  .channel-landing__featured-headline .article-badge svg {
    height: 1.25rem;
    width: 1.25rem;
  }
}

.channel-landing__padded-headline-span {
  background-color: rgba(255, 255, 255, 0.9);
  font-weight: 300;
}

.channel-landing__padded-headline-span::after {
  clear: both;
  content: '';
  display: table;
}

.channel-landing__padded-headline-span:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  background-color: rgba(255, 255, 255, 0.9);
}

.channel-landing__lead-item {
  display: block;
  padding-bottom: 100%;
  width: 100%;
}

@media (min-width: 37.5625em) and (max-width: 64em) {
  .channel-landing__lead-item {
    padding-bottom: 150%;
  }

  .channel-landing__lead-item img {
    top: 0;
    transform: translate(-50%, 0);
  }
}

.channel-landing__featured-image {
  position: absolute;
}

.channel-landing__franchise {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

.channel-landing__franchise-article {
  height: auto;
  margin-bottom: 3.125rem;
  padding-bottom: 150%;
  position: relative;
  width: 100%;
}

@media (max-width: 37.5em) {
  .channel-landing__franchise-article {
    width: 100%;
  }
}

.channel-landing__franchise-article-outer {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 37.5625em) {
  .channel-landing__franchise-article-outer {
    width: calc(100% / 2);
  }
}

@media (min-width: 64.0625em) {
  .channel-landing__franchise-article-outer {
    width: calc(100%/3);
  }
}

.channel-landing__franchise-article--has-more::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 25em) {
  .channel-landing__franchise-article--has-more::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%);
  }
}

.channel-landing__franchise-article-thumbnail-link {
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.channel-landing__franchise-title {
  color: #fff;
  font: 700 0.625em/1 Limerick, sans-serif;
  background-color: #27c4ff;
  left: 10%;
  margin: 0;
  padding: 0.75em 2em;
  position: absolute;
  text-transform: uppercase;
  top: -12.5px;
}

.channel-landing__franchise-article-wrap {
  bottom: 40px;
  left: 10%;
  position: absolute;
  right: 10%;
  z-index: 1;
}

@media (min-width: 37.5625em) {
  .channel-landing__franchise-article-wrap {
    bottom: 40px;
    left: 8%;
    max-height: 86%;
    right: 8%;
    overflow: hidden;
  }
}

@media (max-width: 25em) {
  .channel-landing__franchise-article-wrap {
    left: 5%;
    right: 5%;
    bottom: 20px;
  }
}

.channel-landing__franchise-article-title {
  font: 300 1.4375em/1.4 Limerick, sans-serif;
  margin-bottom: 15px;
}

@media (max-width: 25em) {
  .channel-landing__franchise-article-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .channel-landing__franchise-article-title .article-badge {
    width: 50px;
    height: 38px;
  }

  .channel-landing__franchise-article-title .article-badge svg {
    height: 1.25rem;
    width: 1.25rem;
  }
}

.channel-landing__franchise-more ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.channel-landing__franchise-more-title {
  color: #fff;
  font: 700 1.875em/1 Limerick, sans-serif;
  font-size: 22px;
  margin-bottom: 1rem;
}

@media (max-width: 25em) {
  .channel-landing__franchise-more-title {
    display: none;
  }
}

.channel-landing__franchise-more-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.channel-landing__franchise-more-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.channel-landing__franchise-more-item-title {
  font: 400 0.875em/1rem Limerick, sans-serif;
  margin-bottom: 0;
}

.channel-landing__franchise-more-item-title a {
  color: #fff;
}

.channel-landing__franchise-more-item-title p {
  margin-bottom: 0;
}

.channel-landing__most-recent {
  margin: 0 36px 70px;
}

@media (min-width: 37.5625em) {
  .channel-landing__most-recent {
    margin: 0;
    padding: 0 50px;
  }
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-wrap {
    display: flex;
    justify-content: space-between;
  }
}

.channel-landing__most-recent-articles > * {
  margin: 0 0 30px;
  padding-bottom: 1em;
}

.channel-landing__most-recent-articles--primary,
.channel-landing__most-recent-articles--secondary {
  margin: 0;
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-articles--primary:nth-of-type(-n+2) {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-articles--primary {
    order: 2;
    width: 100%;
    padding-left: 31px;
  }

  .channel-landing__most-recent-articles--primary > * {
    width: calc((100% - (15px * 2)) / 3);
  }
}

.channel-landing__most-recent-articles--primary img {
  max-width: 100%;
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-articles--secondary {
    display: block;
    width: calc((300/1400) * 100%);
  }
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-articles--secondary > *:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-articles--secondary > article {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 40px;
  }

  .channel-landing__most-recent-articles--secondary > article:last-of-type {
    border-bottom: 0;
  }
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-article--primary,
  .channel-landing__most-recent-article--secondary {
    border-bottom: 1px solid #D7D7D7;
  }
}

.channel-landing__most-recent-article--primary:nth-of-type(-n+2) {
  order: -1;
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-article--primary:nth-of-type(-n+3) a {
    display: block;
  }
}

article.channel-landing__most-recent-article--secondary {
  width: 100%;
}

article.channel-landing__most-recent-article--secondary .post-grid__article-badge--title {
  display: block;
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-article--secondary article {
    width: 100%;
  }

  .channel-landing__most-recent-article--secondary article .post-grid__article-badge--title {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-article--secondary a.channel-landing__most-recent-article-thumbnail-link {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-article--secondary:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.channel-landing__most-recent-article-thumbnail-link {
  padding-top: 0;
}

@media (min-width: 64.0625em) {
  .channel-landing__most-recent-article--secondary .channel-landing__most-recent-article-thumbnail-link {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .channel-landing__most-recent-article-thumbnail-link {
    display: none;
  }
}

.ad-unit--channel-landing > * {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media (min-width: 37.5625em) {
  .ad-unit--channel-landing {
    display: none;
  }

  .channel-landing__most-recent .ad-unit--channel-landing {
    display: flex;
  }
}

@media (max-width: 37.5em) {
  .ad-unit--channel-landing {
    display: flex;
  }

  .channel-landing__most-recent .ad-unit--channel-landing {
    display: none;
  }
}

.channel-landing__most-recent-read-more {
  background: none;
  border-width: 1px;
  border-style: solid;
  display: block;
  font: 700 1.875em/1 Limerick, sans-serif;
  padding: 20px 74px;
  margin: 0 auto;
  text-transform: uppercase;
}

.archive main {
  margin-bottom: 1.875em;
  padding: 0;
}

@media (min-width: 1500px) {
  .archive main {
    max-width: 1500px;
    margin: 0 auto;
  }
}

.channel-landing__most-recent-article-title p {
  margin: 0;
  padding: 0;
}

.headingChunk.border {
  border: none;
  padding-left: 6px;
}

.ad-unit__channel-franchise {
  margin-bottom: 2em;
  width: 100%;
  text-align: center;
}

.section-more-articles button.section-more-articles__button {
  font-weight: bold;
}

.section-more-articles button.section-more-articles__button:hover {
  color: #fff;
}

.ugc-uploader .header-text p {
  font-size: 16px;
}

.ugc-uploader .headerSection {
  display: none;
}

@media (max-width: 600px) {
  .ugc-uploader .headerSection {
    position: relative;
  }
}

.ugc-uploader .headerSection.custom {
  margin: 30px 0 0;
  display: block;
  font-family: Basel, serif;
}

.ugc-uploader .headerSection.custom .ugc-tab {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ugc-uploader .headerSection.custom .ugc-tab .ugc-tab-scroll-icon {
  display: none;
}

@media (max-width: 600px) {
  .ugc-uploader .headerSection.custom .ugc-tab {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ugc-uploader .headerSection.custom .ugc-tab::-webkit-scrollbar {
    width: 0 !important;
  }

  .ugc-uploader .headerSection.custom .ugc-tab .ugc-tab-scroll-icon {
    display: block;
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 48px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  }

  .ugc-uploader .headerSection.custom .ugc-tab .ugc-tab-scroll-icon svg {
    width: 24px;
    float: right;
    margin-right: -8px;
  }

  .ugc-uploader .headerSection.custom .ugc-tab .ugc-tab-scroll-icon svg path {
    fill: rgba(0, 0, 0, 0.65);
  }
}

.ugc-uploader .headerSection.custom .ugc-tab-button {
  color: rgba(0, 0, 0, 0.95);
  cursor: pointer;
  text-transform: uppercase;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
  font-weight: bold;
  padding: 14px 30px;
}

.ugc-uploader .headerSection.custom .ugc-tab-button.ugc-tab-active {
  border-bottom: 4px solid #00aeef;
  padding-bottom: 10px;
}

.ugc-uploader .headerSection.custom #category-container {
  display: none;
}

.ugc-uploader [class*="img-footer"] {
  padding: 20px 8px 8px 15px;
  height: auto;
}

.ugc-uploader [class*="img-footer"] [class*="field-"] {
  font-family: Lora, serif;
  font-weight: 400;
}

.ugc-uploader [class*="img-footer"] button {
  position: absolute;
  top: 20px;
  right: 8px;
}

.ugc-uploader [class*="img-footer"] button:disabled svg {
  fill: #ee0077;
}

.ugc-uploader [class*="hand-select-item"] {
  overflow: hidden;
  border-radius: 7px;
}

.ugc-uploader [class*="hand-select-item"] img {
  width: 100%;
  height: auto;
  max-height: none;
}

@media (max-width: 64em) {
  .ugc-uploader [class*="hand-select-item"] {
    margin: 15px auto;
  }
}

.ugc-uploader [class*="vote-count"] {
  position: absolute;
  font-family: Lora, serif;
  bottom: 12px;
  right: 20px;
  font-weight: lighter;
  font-size: 0.75em;
}

.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] div {
  font-family: Lora, serif;
  letter-spacing: 0;
  line-height: 1.5em;
}

.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] div:nth-child(1) [class*="display-name"],
.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] div:nth-child(6) [class*="display-name"],
.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] div:nth-child(7) [class*="display-name"] {
  display: none;
}

.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] div:nth-child(6) {
  font-weight: 900;
  font-size: 1.25em;
  margin: 30px 0 10px;
}

.ugc-uploader [class*="ugc-layout"] [class*="ugc-image-info"] [class*="ugc-image-title"] {
  color: rgba(0, 0, 0, 0.95);
  font-size: 1.75em;
  font-weight: 900;
  margin: 20px 0;
}

.ugc-uploader [class*="display-name"] {
  font-weight: 900;
}

.ugc-uploader [class*="ugc-share-panel-image"] {
  display: flex;
  flex-direction: row;
  width: auto;
  position: absolute;
  right: 310px;
  margin-top: 20px;
}

@media (max-width: 64em) {
  .ugc-uploader [class*="ugc-share-panel-image"] {
    flex-direction: column;
    position: static;
    margin-top: 0;
  }
}

.ugc-uploader [class*="ugc-share-panel-image"] [class*="like-button"] svg {
  fill: #ee0077;
}

.ugc-uploader [class*="ugc-share-panel-image"] #share-facebook svg {
  background: #3b5998 !important;
  border-color: #3b5998 !important;
  fill: #fff;
}

.ugc-uploader [class*="ugc-share-panel-image"] #share-twitter svg {
  background: #1DA1F2 !important;
  border-color: #1DA1F2 !important;
  fill: #fff;
}

.ugc-uploader [class*="ugc-share-panel-image"] #share-pinterest svg {
  background: #bd081c !important;
  border-color: #bd081c !important;
  fill: #fff;
}

.ugc-main ~ .above-footer {
  display: none;
}

.ugc-main {
  padding: 0;
}

.ugc-uploader {
  display: flex;
  flex-direction: column;
  font-family: Lora, serif;
}

.ugc-uploader [class*="category-container"] {
  display: none;
}

.ugc-uploader .bodyContainer {
  min-height: 84px;
  position: relative;
}

.ugc-uploader .topContainer.topContainer {
  border: none;
  padding: 0;
  font-size: 0.7em;
}

.ugc-uploader .topContainer.topContainer img {
  width: 100%;
  height: auto;
}

@media (max-width: 64em) {
  .ugc-uploader .topContainer.topContainer p,
  .ugc-uploader .topContainer.topContainer ul {
    padding: 0 20px;
  }
}

.ugc-uploader .ugc-user.ugc-user {
  margin: 0 10px;
}

.ugc-uploader [class*="ugc-upload-heading"] {
  display: none;
}

.ugc-uploader .ugc-uploader [class*="field-container"] [class*="field-container-inner"]:last-child {
  border: none;
}

.ugc-uploader [class*="ugc-contest-rules"] {
  margin: 15px 10px;
  font-family: Lora, serif;
  line-height: 1.5em;
}

.ugc-uploader [class*="ugc-contest-rules"] b span {
  display: block;
  margin-bottom: 35px;
  font-family: Lora, serif !important;
  font-weight: 900;
}

.ugc-uploader [class*="ugc-share-panel-image"] {
  display: block;
  position: relative;
  float: left;
  right: unset;
  margin-top: 0;
}

.ugc-uploader [class*="ugc-image-info"] span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}

.ugc-uploader [class*="ugc-image-info"] [class*="display-name"] {
  font-weight: bold;
}

.ugc-uploader [class*="ugc-image-info"] [class*="ugc-image-title"] span {
  font-family: Basel, serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 1.13;
  letter-spacing: normal;
}

.ugc-uploader [class*="ugc-image-info"] div:last-child span {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: Basel, serif;
}

.ugc-uploader .appContainer {
  width: 100%;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .ugc-uploader .appContainer {
    padding: 0 24px;
  }
}

@media (min-width: 1025px) {
  .ugc-uploader .appContainer {
    padding: 0 80px;
  }
}

.ugc-uploader .right-container {
  display: none;
}

@media (min-width: 768px) {
  .ugc-uploader .ugc-page-container {
    display: flex;
  }

  .ugc-uploader .ugc-page-container .ugc-page {
    flex: 1;
  }

  .ugc-uploader .ugc-page-container .right-container {
    display: block;
    flex: 0 0 300px;
    margin-top: 20px;
    margin-left: 20px;
    height: auto;
    border: none;
    align-items: flex-start;
    font-size: 0.7em;
  }
}

.ugc-uploader [class*="field-container"] {
  margin-bottom: 30px;
}

.ugc-uploader [class*="field-container"] [class*="field-container-inner"] {
  margin-bottom: 0;
}

.ugc-uploader [class*="field-container"] [class*="field-container-inner"]:last-child {
  width: 94%;
  border: 1px solid #ccc;
}

.ugc-uploader [class*="field-container"] [class*="field-container-inner"]:last-child textarea {
  border: none;
}

.ugc-uploader [class*="ugc-message"] {
  font-family: Lora, serif !important;
}

.ugc-uploader [class*="ugc-message"] #view-all-entries {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-right: auto;
  width: 500px;
}

.ugc-uploader [class*="view-button"] {
  z-index: 100;
  display: block;
  position: relative;
  margin-top: 0;
  margin-right: 24px;
  width: 24px;
}

.ugc-uploader [class*="view-button"] svg rect {
  fill: #00aeef;
}

.ugc-uploader [class*="view-button"]:hover svg rect {
  fill: #fff100;
}

.ugc-uploader #load-more,
.ugc-uploader #upload-submit,
.ugc-uploader #view-all-entries {
  font-family: Lora, serif;
  background: #ee0077;
  width: 300px;
  padding: 10px 30px;
  border: none;
  box-shadow: none;
  display: block;
  margin: 25px auto 10px;
  color: #fff;
  letter-spacing: 0;
}

.ugc-uploader [class*="ugc-agree-text"] {
  font-family: Lora, serif;
}

.ugc-uploader hr {
  display: none;
}

.ugc-uploader .preloader .statusMsg {
  background-color: #f7941d;
}

.ugc-page .ugc-header-1 {
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
  font-weight: 400;
}

.ugc-page .ugc-header-2 {
  font-family: Lora, serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 28px;
  font-weight: 700;
  font-family: Basel, serif;
}

.ugc-page .ugc-header-2.ugc-judge-name {
  font-family: Foundation, sans-serif;
  letter-spacing: 1.5px;
}

.ugc-page .ugc-about-button {
  display: block;
  color: rgba(0, 0, 0, 0.95);
  background-color: #00aeef;
  text-transform: uppercase;
  height: 48px;
  width: 282px;
  line-height: 48px;
  text-align: center;
  font-family: Limerick, sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
}

.ugc-page .ugc-about-button:hover {
  background-color: #fff100;
}

.ugc-page .ugc-list {
  list-style-type: initial;
}

.ugc-page .ugc-list li {
  margin-left: 20px;
}

@media (min-width: 768px) {
  .ugc-ad-container.mobile-only {
    display: none;
  }
}

.tablet-ad.desktop-ad {
  display: none;
}

@media (min-width: 768px) {
  .tablet-ad.desktop-ad {
    display: block;
  }
}

@media (min-width: 768px) {
  .entries-page-shown .ugc-clearfix {
    display: none;
  }
}

.wcrd-winner-img {
  max-width: 100%;
}

.wcrd-image-credit {
  font-family: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
}

.judges-page .ugc-judges-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.judges-page .ugc-judge-photo {
  line-height: 20px;
}

.judges-page .ugc-judge-photo img {
  max-width: 100%;
}

.judges-page .ugc-judge-photo .photo-caption {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.judges-page .ugc-header-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.judges-page p {
  margin: 8px 0;
  padding: 0;
}

.judges-page .ugc-judge-list-item {
  margin-bottom: 40px;
}

@media (min-width: 1025px) {
  .judges-page .ugc-judge-list-item {
    display: flex;
  }

  .judges-page .ugc-header-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .judges-page .ugc-judge-photo {
    flex: 0 0 248px;
  }

  .judges-page .ugc-judge-photo img {
    max-width: 248px;
  }

  .judges-page .ugc-judge-bio {
    flex: 1;
    margin-left: 32px;
  }
}

.ugc-uploader .winners-page {
  padding: 0 20px;
}

.ugc-uploader .winners-page img {
  max-width: 750px;
}

.ugc-uploader .winners-page img.mobile-only {
  width: 100%;
}

.ugc-uploader .winners-page .runner-up-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

@media (max-width: 64em) {
  .ugc-uploader .winners-page .runner-up-container {
    flex-direction: column;
  }

  .ugc-uploader .winners-page .runner-up-container img {
    margin: 5px 0;
  }
}

.ugc-uploader .winners-page p {
  font-family: Lora, serif;
  line-height: 1.5em;
}

.native-info__logos svg {
  transform: scale(0.7);
}

.native-info__logo-site_style svg {
  transform: scale(0.9);
}

.native-info__logo-site_style svg .svg__path-2--people-style {
  fill: #ed2985;
}

.native-info__logo-site_chica svg {
  transform: scale(0.9);
}

.section .heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section .heading:after {
  content: "";
  display: block;
  background-color: #e1e1e1;
  height: .0625rem;
  left: 0;
  position: absolute;
  top: 61%;
  width: 100%;
  z-index: 0;
}

@media (min-width: 64.0625em) {
  .section .heading:after {
    top: 74%;
  }
}

.section .heading .heading-bucket {
  position: relative;
  box-shadow: 0.9375rem 0 0 #fff, -0.9375rem 0 0 #fff;
  color: rgba(0, 0, 0, 0.95);
  font-size: 1.625rem;
  padding: .0625rem 0;
  text-align: center;
  z-index: 1;
  text-transform: lowercase;
  background: #fff;
}

.section .bucket .media-heading {
  border: none;
}

.section .bucket .media-heading a {
  font: 600 24px Limerick, sans-serif;
  letter-spacing: .3px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.95);
}

.section .bucket[data-items_per_row="4"] .media-heading a {
  font: 600 18px Limerick, sans-serif;
  letter-spacing: .2px;
  line-height: 24px;
}

.section .tile .published-date {
  letter-spacing: 2px;
  color: #959595;
  font-size: 9px;
  font-style: normal;
  text-transform: uppercase;
}

.section .tile defs polygon {
  fill: #FFEB3C;
}

.section .importance-header .heading-eyebrow {
  display: inline-block;
  font: 13px Limerick, sans-serif;
  background: #FFEB3C;
  color: rgba(0, 0, 0, 0.95);
  padding: 5px;
}

.section .content-loader button {
  font-size: .75em;
  letter-spacing: .1em;
  margin: 0 auto 2em;
  color: #a054a0;
  background-color: #fff;
  padding: 0 3.125rem;
  border: 2px solid #a054a0;
  height: 60px;
}

.section .content-loader button:hover {
  background-color: #a054a0;
  color: #fff;
}

.section .component.autofill-content-container .seo-text {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

main.longform .article.content.body.longform .component.inline.image .body.content:not(.gallery) .inline.image {
  width: 100%;
}

@media (max-width: 600px) {
  main.longform .article.content.body.longform .component.inline.image {
    width: 100%;
  }
}

main.longform .article.content.body.longform figure.blockquote {
  font-family: 'Poppins', sans-serif;
  padding: 0 10px;
  border: none;
  font-style: normal;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}

main.longform .article.content.body.longform figure.blockquote p {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  font-style: normal;
  max-width: 100%;
}

main.longform .article.content.body.longform .ad-container {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}

@media (max-width: 600px) {
  main.longform .article.content.body.longform .ad-container {
    margin-left: 0;
  }
}

main.longform .article.content.body.longform h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: lowercase;
  line-height: 32px;
  box-sizing: content-box;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 620px;
  text-align: center;
  overflow: hidden;
}

main.longform .article.content.body.longform h2:before,
main.longform .article.content.body.longform h2:after {
  background-color: #d7d7d9;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

main.longform .article.content.body.longform h2:before {
  right: 0.5em;
  margin-left: -50%;
}

main.longform .article.content.body.longform h2:after {
  left: 0.5em;
  margin-right: -50%;
}

main.longform .article.content.body.longform .blockquote figcaption {
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
}

main.longform .article.content.body.longform .blockquote:before {
  content: "";
  display: block;
  background-image: url(/img/blockquote.png);
  background-size: cover;
  width: 200px;
  height: 35px;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

main.longform .full-height img {
  height: auto;
}

main.longform li:after {
  display: none !important;
}

@media (min-width: 601px) {
  .template-aggregate .aggregate-header .aggregate-heading {
    font-weight: normal;
  }
}

/** Our container is in BEM, however ,the inner is taken from a CodePen that Design wanted. We have container it to this BEM container and the work to re-do all the CSS just to rename it when it is targeted to only this component does not seem worth it. Heavy modifications have been made so that the timer scales size wise and attempts to fill the container it is in. @ref: https://codepen.io/doriancami/pen/jEJvaV */

.countdown-clock__clock--timer {
  width: 80%;
  left: 50%;
  top: 50%;
  position: absolute;
  max-width: 100%;
  transform: translate(-50%, -50%);
}

.countdown-clock__clock--timer .wrap {
  position: relative;
  margin: auto;
  height: auto;
  width: 100%;
  /** We start by hiding the timer until it is started **/
}

.countdown-clock__clock--timer .wrap .countdown--hidden {
  display: none;
}

.countdown-clock__clock--timer .countdown-clock__header-image {
  /* CSS trick/math to keep aspect ratio: 16:6 */
  /* 38.4% = 100 / (w / h) = 100 / (16 / 6) */
  padding: 60% 0 0 0;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.countdown-clock__clock--timer .countdown-clock__header-image img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.countdown-clock__clock--timer a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.95);
}

.countdown-clock__clock--timer h1 {
  margin-bottom: 60px;
  text-align: center;
  font: 300 2.25em Lora, serif;
  text-transform: uppercase;
}

.countdown-clock__clock--timer h1 strong {
  font-weight: 400;
  color: #ea4c4c;
}

.countdown-clock__clock--timer h2 {
  margin-bottom: 15px;
  text-align: center;
  font: 700 15px Lora, serif;
  text-transform: uppercase;
}

.countdown-clock__clock--timer h2 strong {
  font-weight: 400;
}

.countdown-clock__clock--timer .countdown {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.countdown-clock__clock--timer .countdown .figure-group {
  position: relative;
  display: flex;
}

.countdown-clock__clock--timer .countdown .bloc-time {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.countdown-clock__clock--timer .countdown .bloc-time:last-child {
  margin-right: 0;
}

.countdown-clock__clock--timer .countdown .bloc-time.colon {
  font-size: 10px;
  flex-flow: column-reverse;
  padding-bottom: 2%;
}

.countdown-clock__clock--timer .countdown .count-title {
  display: block;
  margin-bottom: 15px;
  font: normal 0.94em Lora, serif;
  color: rgba(0, 0, 0, 0.95);
  text-transform: uppercase;
}

.countdown-clock__clock--timer .countdown .figure,
.countdown-clock__clock--timer .countdown .top,
.countdown-clock__clock--timer .countdown .bottom-back,
.countdown-clock__clock--timer .countdown .top-back {
  background-color: #3ab8ec;
}

.countdown-clock__clock--timer .countdown .figure {
  position: relative;
  float: left;
  height: 55px;
  width: 50px;
  margin-right: 5px;
  border-radius: 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}

.countdown-clock__clock--timer .countdown .figure:last-child {
  margin-right: 0;
}

.countdown-clock__clock--timer .countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 13vh Lora, serif;
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  line-height: normal;
}

.countdown-clock__clock--timer .countdown .figure .top:after,
.countdown-clock__clock--timer .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.countdown-clock__clock--timer .countdown .figure .top {
  z-index: 3;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  background-clip: padding-box;
  -moz-transform: perspective(200px);
  -o-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -webkit-transform: perspective(200px);
  transform: perspective(200px);
}

.countdown-clock__clock--timer .countdown .figure .bottom {
  z-index: 1;
}

.countdown-clock__clock--timer .countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}

.countdown-clock__clock--timer .countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  background-clip: padding-box;
}

.countdown-clock__clock--timer .countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.countdown-clock__clock--timer .countdown .figure .top,
.countdown-clock__clock--timer .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}

.countdown-clock__clock--timer .countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: perspective(200px) rotateX(180deg);
  -o-transform: perspective(200px) rotateX(180deg);
  -ms-transform: perspective(200px) rotateX(180deg);
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-clip: padding-box;
}

.countdown-clock__clock--timer .countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
}

.countdown-clock.fact-of-the-day .countdown-clock__clock--timer {
  margin-top: 40px;
}

.countdown-clock.fact-of-the-day .countdown-clock__clock--timer .countdown-clock__header-image {
  display: none;
}

/** Overrides of the clock specific to our brand the component being in a channel/section-front. */

.channel-landing__lead-item-wrap .component.countdown-clock {
  display: flex;
  justify-content: center;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  background: #f7f7f7;
}

@media (min-width: 37.5625em) and (max-width: 64em) {
  .channel-landing__lead-item-wrap .component.countdown-clock {
    padding-bottom: 200%;
  }
}

.channel-landing__lead-item-wrap .component.countdown-clock .wrap {
  background-color: #fff;
}

.channel-landing__lead-item-wrap .component.countdown-clock .wrap .countdown {
  padding: 10px;
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day {
  display: flex;
  justify-content: center;
  height: 0;
  background: #F7F7F7;
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}

@media (min-width: 37.5625em) and (max-width: 64em) {
  div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day {
    padding-bottom: 200%;
  }
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper {
  background: #fff;
  width: 80%;
  left: 50%;
  top: 50%;
  position: absolute;
  max-width: 100%;
  transform: translate(-50%, -50%);
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner {
  position: relative;
  border: 1px solid #DDD;
  padding: 0 0 15px;
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__cover {
  padding: 60% 0 0;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__cover img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content h2 {
  font-family: Basel, serif;
  color: rgba(0, 0, 0, 0.95);
  font-size: 16px;
  text-align: center;
  z-index: 1;
  margin: 0 0 15px;
}

@media (max-width: 64em) and (min-width: 37.5625em) {
  div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content h2 {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content .fact-content {
  font-family: Lora, serif;
  color: rgba(0, 0, 0, 0.95);
  line-height: 40px;
  font-size: 18px;
  letter-spacing: .3px;
  text-align: center;
}

@media (max-width: 64em) and (min-width: 37.5625em) {
  div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content .fact-content {
    font-size: 15px;
    line-height: 30px;
  }
}

div.channel-landing__lead-item-wrap:last-child .component-bucket.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content .fact-content span {
  background-color: #00aeef;
  box-shadow: 0 0 0 5px #00aeef;
  color: #fff;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .component.countdown-clock .countdown-clock__clock--timer {
  top: 22%;
  margin: 0;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .component.countdown-clock .countdown-clock__clock--timer .wrap {
  padding-bottom: 10px;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .component.countdown-clock .countdown-clock__clock--timer h2 {
  padding-top: 10px;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper {
  transform: translate(-50%, -10%);
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner {
  padding: 0;
  border: none;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__cover {
  position: absolute;
  background: #fff;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__cover img {
  opacity: .4;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content {
  position: relative;
  overflow: auto;
}

div.channel-landing__lead-item-wrap:last-child .countdown-clock.fact-of-the-day .fact-of-the-day__wrapper .fact-of-the-day__inner .fact-of-the-day__content h2 {
  margin: 30px 0 15px;
}

.follow-prompt {
  display: none;
}

.pushly-prompt-custom {
  display: flex;
  padding: 10px 16px;
  margin: 20px -16px;
  max-width: 640px;
}

.pushly-prompt-custom.pushly-prompt-visible,
.pushly-prompt-custom.pushly-prompt-eligible,
.pushly-prompt-custom.pushly-prompt-ineligible,
.pushly-prompt-custom.pushly-web-push-supported.pushly-subscription-none {
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
}

.pushly-prompt-custom .follow-prompt__content,
.pushly-prompt-custom .follow-prompt__subscribed {
  align-items: center;
  flex-grow: 1;
}

.pushly-prompt-custom img {
  display: flex;
  align-self: flex-start;
  border-radius: 50%;
  margin-right: 8px;
  width: 55px;
  height: 55px;
}

.pushly-prompt-custom .follow-prompt__text {
  display: flex;
  flex-direction: column;
}

.pushly-prompt-custom .follow-prompt__title {
  font-family: Lora, serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 3px;
}

.pushly-prompt-custom .follow-prompt__message {
  font-family: Lora, serif;
  font-size: 17px;
  line-height: 21px;
  margin-right: 10px;
}

.pushly-prompt-custom .follow-subscribe {
  border-radius: 3px;
  height: 36px;
  padding: 0 13px;
  background-color: #1087ba;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-left: auto;
}

.pushly-prompt-custom .follow-subscribe span {
  margin-right: 5px;
  font-size: 20px;
}

@media (min-width: 600px) {
  .pushly-prompt-custom {
    margin: 20px 0;
    padding: 10px 7px;
  }

  .pushly-prompt-custom.pushly-subscription-subscribed {
    padding: 10px 16px;
  }

  .pushly-prompt-custom img {
    align-self: center;
    width: 65px;
    height: 65px;
  }

  .pushly-prompt-custom button {
    padding: 0 17px;
  }
}

.pushly-prompt-custom {
  display: flex;
  visibility: hidden;
}

.pushly-prompt-custom.pushly-web-push-supported,
.pushly-prompt-custom.pushly-web-push-unsupported {
  visibility: visible;
}

.pushly-prompt-custom .follow-prompt__content,
.pushly-prompt-custom .follow-prompt__fallback,
.pushly-prompt-custom .follow-prompt__subscribed,
.pushly-prompt-custom.pushly-subscription-subscribed.pushly-prompt-eligible .follow-prompt__subscribed {
  display: none;
}

.pushly-prompt-custom.pushly-web-push-unsupported .follow-prompt__fallback,
.pushly-prompt-custom.pushly-subscription-denied .follow-prompt__fallback,
.pushly-prompt-custom.pushly-prompt-ineligible .follow-prompt__fallback,
.pushly-prompt-custom.pushly-subscription-none .follow-prompt__content,
.pushly-prompt-custom.pushly-prompt-eligible .follow-prompt__content,
.pushly-prompt-custom.pushly-prompt-ineligible .follow-prompt__subscribed,
.pushly-prompt-custom.pushly-subscription-subscribed.pushly-prompt-ineligible .follow-prompt__subscribed {
  display: flex;
}

.pushly-prompt-custom.pushly-web-push-unsupported,
.pushly-prompt-custom.pushly-subscription-denied {
  display: none;
}

.overlay-component.popup-overlay-overlay-container {
  top: 48px;
}

.popup-overlay {
  width: 315px;
  background: #fff;
  border: 1px solid #f3f3f2;
  text-align: center;
  margin: 20vh auto;
}

@media (min-width: 1025px) {
  .popup-overlay {
    margin: 0;
  }
}

.popup-overlay .text-container {
  padding: 30px;
}

.popup-overlay .modal-title,
.popup-overlay p {
  text-align: left;
}

.popup-overlay .modal-title {
  font-size: 16px !important;
  margin: 0 0 10px 0 !important;
}

.popup-overlay p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.popup-overlay hr.divider {
  background: none !important;
  padding: 0 !important;
  border: 0.5px solid #f3f3f2 !important;
  margin: 0 10px !important;
}

.popup-overlay button {
  background: #fff;
  color: #3AB8EC;
  border: none;
  width: 100%;
  height: 40px;
  text-transform: uppercase;
}

.gallery .component.gallery .gallery-details .shop-it-button {
  font-family: Lora, serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  font-style: normal;
  text-transform: none;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.95);
  font-weight: 700;
}

.gallery .component.gallery .gallery-details .shop-it-button .retailer a:hover {
  color: #ee0077;
}

.gallery .component.gallery .gallery-details .shop-it-button .price {
  margin: 0;
}

.gallery .component.gallery .gallery-details .shop-it-button .price::before {
  content: ' | ';
}

.gallery .component.gallery .gallery-details .shop-it-button .shop-it {
  border: 2px solid #ee0077;
  font-family: Lora, serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 12px;
  display: block;
  margin-top: 16px;
  padding: 12px 0;
  text-align: center;
  width: 104px;
  color: rgba(0, 0, 0, 0.95);
}

.gallery .component.gallery .gallery-details .shop-it-button .shop-it:hover {
  background-color: #ee0077;
  color: #fff;
}

.author-page .article-header .author-info {
  padding: 20px 0;
}

.author-page .article-header .author-info .headline {
  border-left: none;
  margin-bottom: 0;
  margin-top: 0;
  float: left;
}

.author-page .article-header .author-info .share {
  margin-left: 10px;
  float: left;
}

.author-page .article-header .author-info .author-bio {
  clear: left;
  max-width: 550px;
}

@media (min-width: 64.0625em) {
  .author-page .article-header .share {
    margin-top: 4px;
  }
}

@media (max-width: 64em) {
  .author-page .article-header .headline {
    font-size: 25px;
    line-height: 34px;
  }
}

@media (max-width: 37.5em) {
  .author-page .article-header .headline {
    max-width: 80%;
  }
}

.author-page .article-header .component.lazy-image img {
  border-radius: 50%;
  padding-right: 20px;
}

@media (max-width: 64em) {
  .author-page .article-header .component.lazy-image img {
    max-width: 250px;
    margin: 0 auto;
  }
}

/* General Styles */

.sweepstakes .logo img {
  visibility: visible;
}

.sweepstakes {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  text-align: left;
}

.sweepstakes tbody {
  border: none;
}

.sweepstakes,
.sweepstakes h1,
.sweepstakes h2,
.sweepstakes h3,
.sweepstakes h4,
.sweepstakes h5,
.sweepstakes h6,
.sweepstakes p,
.sweepstakes label,
.sweepstakes input,
.sweepstakes textarea,
.sweepstakes .sweepstakes-button {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  clear: both;
}

.sweepstakes label,
.sweepstakes input,
.sweepstakes textarea {
  font-style: normal;
  font-weight: 500;
}

.sweepstakes a,
.sweepstakes a:hover,
.sweepstakes a:focus,
.sweepstakes a:active,
#main-content .sweepstakes a,
#main-content .sweepstakes a:hover,
#main-content .sweepstakes a:focus,
#main-content .sweepstakes a:active,
.text .sweepstakes a,
.text .sweepstakes a:hover,
.text .sweepstakes a:focus,
.text .sweepstakes a:active {
  text-decoration: none;
  outline: none;
  color: #618c04;
}

.sweepstakes a:hover,
.text .sweepstakes a:hover {
  text-decoration: underline;
  background-image: none;
}

.sweepstakes hr {
  border: none;
  border-top: 2px solid #cccccc;
  margin: 20px 15%;
  width: 70%;
}

.sweepstakes .logo {
  width: 100%;
  text-align: center;
  height: auto;
}

.sweepstakes .logo img {
  width: 100%;
  height: auto;
}

.sweepstakes-hidden {
  display: none;
}

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

.media-item h1 {
  display: none;
}

.media-item .sweepstakes h1 {
  display: block;
}

/* Splash Styles */

.splash-sponsor {
  color: #666666;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  max-width: 470px;
  margin: 20px auto;
}

.splash-sponsor img {
  display: inline-block;
  margin-right: 5px;
  margin-top: -5px;
  vertical-align: top;
}

.brand-logos {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 35px;
  padding-left: 20px;
  padding-right: 20px;
}

.brand-logos a,
.brand-logos span {
  display: inline-block;
  margin: 0 11px 11px;
}

.brand-logos a img,
.brand-logos span img {
  display: inline;
  height: 28px;
  width: auto;
}

/* Email Entry */

.sweepstakes-header {
  display: table;
  width: 100%;
}

.sweepstakes-header img {
  display: block;
  max-width: 100%;
}

.sweepstakes-header .logo {
  display: table-cell;
  width: 45%;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
}

.sweepstakes-header .logo a:hover,
.text .sweepstakes-header .logo a:hover {
  text-decoration: none;
  background: none;
}

.sweepstakes-newsletters-row,
.sweepstakes-primary-form-field {
  display: table;
  width: 100%;
}

.sweepstakes-newsletters-column {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 10px;
  position: relative;
}

.sweepstakes-category {
  text-transform: uppercase;
  font-weight: bold;
  margin: 15px 0 2px;
}

.sweepstakes .sweepstakes-primary-form-field label {
  color: #94bf36;
  display: table-cell;
  font-size: 20px;
  width: 170px;
}

.sweepstakes .sweepstakes-primary-form-field .form-input {
  display: table-cell;
}

.sweepstakes .sweepstakes-primary-form-field input {
  max-width: 225px;
}

.sweepstakes .sweepstakes-newsletter-selection {
  font-weight: 700;
  color: #000;
  margin: 0 0 5px 0;
}

.sweepstakes .form-label {
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}

.sweepstakes .form-label label {
  margin-bottom: 0;
  font-size: 12px;
  color: #000000;
  display: inline;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.sweepstakes .form-label label .sponsor-text {
  color: #000000;
}

.sweepstakes .sweepstakes-newsletter-description {
  color: #000000;
}

.sweepstakes-newsletters {
  margin-bottom: 20px;
}

.sweepstakes .select_all {
  color: #666;
  font-weight: 700;
}

.sweepstakes-newsletters-column input[type="checkbox"],
.sweepstakes input[type="radio"] {
  position: absolute;
  top: 14px;
  left: 7px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  margin: 0;
  min-height: 13px;
}

.sweepstakes input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  top: 5px;
}

.sweepstakes input[type="text"] {
  width: 100%;
}

.sweepstakes input,
.sweepstakes textarea {
  border: 1px solid #909090;
  padding: 4px 10px;
  line-height: 20px;
}

.sweepstakes .show-error input,
.sweepstakes .show-error textarea,
.sweepstakes .show-error select {
  border: 2px solid #d41910;
}

.sponsor_privacy {
  font-size: 12px;
}

.sweepstakes-header .logo img {
  max-width: 268px;
  width: 100%;
  height: auto;
}

.sweepstakes-header .sweepstakes-header-description {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  min-height: 150px;
  padding: 15px;
}

.sweepstakes .grand-prize {
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  margin: 28px 0 10px;
}

.sweepstakes .grand-prize strong sup {
  font-size: 14px;
  vertical-align: text-top;
}

.sweepstakes .runner-up-prize {
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  margin: 0 auto 20px;
  max-width: 300px;
}

.sweepstakes .runner-up-prize strong sup {
  font-size: 14px;
  vertical-align: text-top;
}

.sweepstakes-header hr {
  border: none;
  border-top: 1px solid #d2a0a1;
  margin: 15px 30%;
  width: 40%;
}

.sweepstakes-form-buttons {
  text-align: center;
}

.sweepstakes-form-buttons a {
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 25px 6px;
  background-color: #94bf36;
  color: #FFF !important;
  vertical-align: top;
  line-height: 18px;
}

.sweepstakes-form-buttons a:hover,
.text .sweepstakes-form-buttons a:hover {
  background: #94bf36;
  text-decoration: none;
}

.sweepstakes-form-buttons input {
  border: none;
  padding: 0;
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.sweepstakes .sweepstakes-button {
  border: none;
  background: #333;
  color: #FFF;
  text-transform: uppercase;
  height: 31px;
  min-width: 110px;
  font-weight: bold;
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
}

.sweepstakes .sweepstakes-button-arrow {
  display: inline-block;
  padding-right: 14px;
  background: url("https://cdn-image.travelandleisure.com/microsites/2017-holiday-sweepstakes/images/form-arrow.png") no-repeat right 3px;
  background-size: 7px auto;
}

.sweepstakes-body {
  border: 7px solid #e9e6ec;
  padding: 40px;
}

.sweepstakes-body hr {
  border-top: 1px solid #CCCCCC;
  margin: 20px 0;
  width: 100%;
}

.abbreviated-rules,
.sweepstakes .contest_legal {
  text-align: left;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  padding: 0 20px;
}

.footer-links {
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
  color: #000;
}

.footer-links a {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}

.form-error {
  display: none;
}

.show-error .form-error {
  display: block;
  color: #d41910;
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}

.quiz-question-wrap.show-error .form-error {
  margin-top: -9px;
}

.quiz-question-wrap.show-error .quiz-image {
  border: 1px solid #d41910;
}

.quiz-question-wrap.show-error .quiz-caption {
  color: #d41910;
}

.sweepstakes .brand-logos p {
  display: inline-block;
  margin: 0 !important;
}

.sweepstakes .sweepstakes-inline-links br {
  display: none;
}

.sweepstakes .form-required {
  font-size: 10px;
  color: #666;
  display: block;
  margin-top: 5px;
}

.sweepstakes .form-required-icon {
  color: #94bf36;
}

.sweepstakes .recirc-btn img {
  width: 240px;
}

.sweepstakes .form-input br,
.sweepstakes .sweepstakes-newsletters-column br {
  display: none;
}

#sponsor-newsletters label img {
  display: inline-block;
  position: relative;
  top: -5px;
  vertical-align: top;
}

#rules .sweepstakes-body,
#facts .sweepstakes-body,
#rules .sweepstakes-body p,
#facts .sweepstakes-body p,
#rules .sweepstakes-body td,
#facts .sweepstakes-body td {
  color: #000;
  font-size: 12px;
  border-collapse: collapse !important;
}

#rules .grand-prize,
#facts .grand-prize,
#duplicate .grand-prize,
#error .grand-prize {
  margin-top: 18px;
}

#rules .runner-up-prize,
#facts .runner-up-prize,
#duplicate .runner-up-prize,
#error .runner-up-prize {
  margin-bottom: 10px;
}

#rules .splash-get-started,
#facts .splash-get-started,
#duplicate .splash-get-started,
#error .splash-get-started {
  padding: 4px 35px;
  margin-bottom: 10px;
}

.sweepstakes-header-description strong {
  color: #FFF;
}

#rules h1 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: initial;
  margin: 15px 0 10px;
  text-align: center;
}

.facts-table {
  width: 100%;
  border-collapse: collapse;
}

.facts-table td,
.text .facts-table td,
.facts-table th {
  border: 1px solid #000 !important;
  padding: 5px !important;
  border-collapse: collapse !important;
}

.facts-table th {
  text-align: center;
}

.facts-table td.no-border {
  border: none !important;
}

.sweepstakes-facts {
  border: 1px solid #000;
  padding: 5px 10px;
  margin-bottom: 15px;
}

.sweepstakes .sweepstakes-facts-headline {
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0;
  text-align: center;
}

.sweepstakes h4,
.sweepstakes .error-headline {
  color: #618c04;
  font-size: 20px !important;
  line-height: 22px !important;
  font-weight: 700;
  margin: 0 0 7px !important;
}

.sweepstakes .error-headline {
  margin: 0 0 20px;
}

.sweepstakes-entry .sweepstakes-newsletters-column {
  padding: 10px 0;
}

.sweepstakes-entry .sweepstakes-newsletters-column.right {
  float: none;
}

.sweepstakes-entry .sweepstakes-newsletters-column .form-input {
  padding-left: 0;
  padding-right: 15px;
}

.sweepstakes-entry .sweepstakes-newsletters-column.right .form-input {
  padding-left: 15px;
  padding-right: 0;
}

.sweepstakes-entry .sweepstakes-newsletters-column .form-input {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.sweepstakes-entry {
  margin-bottom: 25px;
}

.sweepstakes-entry .sweepstakes-newsletters-column label,
.sweepstakes-entry .sweepstakes-newsletters-column .form-field {
  display: table-cell;
}

.sweepstakes-entry .sweepstakes-newsletters-column label {
  font-size: 12px;
  line-height: 16px;
  width: 70px;
}

.sweepstakes-entry select {
  width: 100%;
  border: 1px solid #909090;
  border-radius: 0;
  height: 26px;
  max-width: 90%;
}

.sweepstakes-entry .show-error .form-error {
  margin-top: 2px;
}

#phone1,
#phone2 {
  width: 40px;
  padding-left: 3px;
  padding-right: 3px;
}

#phone3 {
  width: 50px;
  padding-left: 3px;
  padding-right: 3px;
}

#contact-info iframe {
  width: 294px;
  height: 72px;
}

.radio-option {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

.form-input.subscription {
  margin-bottom: 25px;
}

.sweepstakes-subscribe {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}

.sweepstakes-subscribe-cover,
.sweepstakes-subscribe-options {
  display: table-cell;
  vertical-align: top;
}

.sweepstakes-subscribe-cover {
  width: 149px;
  padding-right: 10px;
}

.form-input.subscription .form-error {
  margin-bottom: 10px;
}

.sweepstakes-subscribe {
  margin-top: 10px;
  margin-bottom: 25px;
}

.show-error .form-error.sub-error {
  font-size: 16px;
}

#thank-you .sweepstakes-body {
  padding-top: 20px;
  padding-bottom: 20px;
}

#thank-you h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 10px;
}

.sweepstakes .thank-you-message {
  text-align: center;
  color: #000;
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 20px 0;
  font-weight: 700;
}

.recirc-btn {
  text-align: center;
}

.recirc-btn img {
  display: inline-block;
}

.recirc-btn a:hover,
.text .recirc-btn a:hover {
  background: none;
}

.sweepstakes .touts {
  text-align: justify;
}

.sweepstakes .tout {
  width: 30%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  float: none;
  margin: 0;
}

.sweepstakes .tout a:hover,
.text .tout a:hover {
  background: none;
}

.sweepstakes .tout-img img {
  width: 100%;
}

.justify-clear {
  width: 100%;
  clear: both;
  display: inline-block;
}

.tout-description {
  line-height: 20px;
  display: inline-block;
  margin: 10px 0 20px;
}

#quiz-frame {
  height: 500px;
}

.responsive .hidden-desktop-logo {
  display: none;
}

.sweepstakes.responsive,
.sweepstakes.responsive * {
  box-sizing: border-box;
}

.sweepstakes .quiz-image {
  width: 237px;
  height: 237px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.sweepstakes .quiz-image img {
  width: 100%;
}

.sweepstakes .quiz-options {
  display: table;
  width: 100%;
  margin: 0 0 10px;
}

.sweepstakes .quiz-option {
  position: relative;
  padding: 0 0 0 27px;
  display: table-cell;
  width: 50%;
}

.sweepstakes .quiz-option input[type="radio"] {
  top: 2px;
  left: 2px;
  cursor: pointer;
}

.sweepstakes .quiz-headline {
  color: #000;
  font-size: 17px;
  line-height: 20px;
  margin: 0 0 5px 0;
  font-weight: 700;
}

.sweepstakes .quiz-caption {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  margin: 10px 0;
  display: block;
  cursor: pointer;
}

.sweepstakes .quiz-question {
  margin: 10px 0 20px;
}

.sweepstakes .quiz-option br {
  display: none;
}

@media screen and (max-width: 900px) {
  /* Header Mobile */

  .responsive .sweepstakes-header .logo,
  .responsive .sweepstakes-header .sweepstakes-header-description,
  .responsive .sweepstakes-header {
    display: block;
    width: 100%;
    min-height: 0;
  }

  .responsive .sweepstakes .grand-prize {
    margin-top: 0;
  }

  .responsive .sweepstakes-header .logo {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .responsive .sweepstakes-header .logo img {
    width: 65%;
    max-width: 240px;
  }

  .responsive .sweepstakes .grand-prize {
    font-size: 16px;
    line-height: 18px;
  }

  .responsive .sweepstakes .runner-up-prize {
    margin-bottom: 0;
    font-size: 14px;
  }

  .responsive .sweepstakes-header hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .responsive .sweepstakes .sweepstakes-header-description {
    padding-top: 0;
  }

  .responsive .hidden-mobile {
    display: none;
  }

  .responsive .hidden-desktop {
    display: block;
  }

  .abbreviated-rules,
  .sweepstakes .contest_legal {
    padding-left: 0;
    padding-right: 0;
  }

  /* Form Mobile */

  .responsive .sweepstakes-newsletters-column,
  .responsive .sweepstakes .sweepstakes-primary-form-field label,
  .responsive .sweepstakes .sweepstakes-primary-form-field .form-input {
    display: block;
    width: 100%;
  }

  .responsive .sweepstakes-form-buttons a {
    margin-bottom: 10px;
  }

  #rules.responsive .splash-get-started a,
  #facts.responsive .splash-get-started a,
  #duplicate.responsive .splash-get-started a,
  #error.responsive .splash-get-started a {
    display: block;
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  #rules.responsive p,
  #facts.responsive p,
  #duplicate.responsive p,
  #error.responsive p {
    font-size: 12px;
    line-height: 15px;
  }

  #rules.responsive p.error-headline,
  #facts.responsive p.error-headline,
  #duplicate.responsive p.error-headline,
  #error.responsive p.error-headline {
    font-size: 16px;
    line-height: 20px;
  }

  .responsive .sweepstakes-body {
    padding: 20px;
  }

  #rules.responsive .grand-prize,
  #facts.responsive .grand-prize,
  #duplicate.responsive .grand-prize,
  #error.responsive .grand-prize {
    margin-top: 0px;
  }

  #rules.responsive .splash-get-started,
  #facts.responsive .splash-get-started,
  #duplicate.responsive .splash-get-started,
  #error.responsive .splash-get-started {
    margin-bottom: 0;
  }

  .responsive .sweepstakes-subscribe-cover,
  .responsive .sweepstakes-subscribe-options {
    display: block;
    width: 100%;
    padding: 0;
  }

  .responsive .sweepstakes-subscribe-cover {
    text-align: center;
    margin-bottom: 10px;
  }

  .responsive .sweepstakes-entry .sweepstakes-newsletters-column .form-input {
    padding-right: 0;
  }

  .responsive .sweepstakes-entry .sweepstakes-newsletters-column.right .form-input {
    padding-left: 0;
  }

  .responsive .tout {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }

  .responsive .tout a {
    display: block;
    width: 100%;
  }

  .responsive .brand-logos a img {
    height: 25px;
    width: auto;
  }

  .sweepstakes .quiz-option {
    display: block;
    width: 100%;
    max-width: 285px;
    margin: 0 auto;
  }

  .sweepstakes .quiz-image {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .sweepstakes .quiz-caption {
    margin-bottom: 15px;
  }

  .brand-logos {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 375px) {
  .responsive .hidden-mobile-logo {
    display: none;
  }

  .responsive .hidden-desktop-logo {
    display: block;
  }
}

/* Header Mobile */

.no-sidebars .mobile-version .sweepstakes-header .logo,
.no-sidebars .mobile-version .sweepstakes-header .sweepstakes-header-description,
.no-sidebars .mobile-version .sweepstakes-header {
  display: block;
  width: 100%;
  min-height: 0;
  padding-top: 5px;
}

.no-sidebars .mobile-version .sweepstakes .grand-prize {
  margin-top: 0;
}

.no-sidebars .mobile-version .sweepstakes-header .logo {
  padding-top: 10px;
  padding-bottom: 5px;
}

.no-sidebars .mobile-version .sweepstakes-header .logo img {
  width: 65%;
  max-width: 240px;
}

.no-sidebars .mobile-version .sweepstakes .grand-prize {
  font-size: 16px;
  line-height: 18px;
}

.no-sidebars .mobile-version .sweepstakes .runner-up-prize {
  margin-bottom: 0;
  font-size: 14px;
}

.no-sidebars .mobile-version .sweepstakes-header hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.no-sidebars .mobile-version .sweepstakes .sweepstakes-header-description {
  padding-top: 0;
}

.mobile-version .hidden-desktop {
  display: none;
}

.no-sidebars .mobile-version .hidden-desktop {
  display: block;
}

.no-sidebars .mobile-version .hidden-mobile {
  display: none;
}

/* Form Mobile */

.no-sidebars .mobile-version .sweepstakes-newsletters-column,
.no-sidebars .mobile-version .sweepstakes .sweepstakes-primary-form-field label,
.no-sidebars .mobile-version .sweepstakes .sweepstakes-primary-form-field .form-input {
  display: block;
  width: 100%;
}

.no-sidebars .mobile-version .sweepstakes-form-buttons a {
  margin-bottom: 10px;
}

#rules.no-sidebars .mobile-version .splash-get-started a,
#facts.no-sidebars .mobile-version .splash-get-started a,
#duplicate.no-sidebars .mobile-version .splash-get-started a,
#error.no-sidebars .mobile-version .splash-get-started a {
  display: block;
  width: 100%;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

#rules.no-sidebars .mobile-version p,
#facts.no-sidebars .mobile-version p,
#duplicate.no-sidebars .mobile-version p,
#error.no-sidebars .mobile-version p {
  font-size: 12px;
  line-height: 15px;
}

#rules.no-sidebars .mobile-version p.error-headline,
#facts.no-sidebars .mobile-version p.error-headline,
#duplicate.no-sidebars .mobile-version p.error-headline,
#error.no-sidebars .mobile-version p.error-headline {
  font-size: 16px;
  line-height: 20px;
}

.no-sidebars .mobile-version .sweepstakes-body {
  padding: 20px;
}

#rules.no-sidebars .mobile-version .grand-prize,
#facts.no-sidebars .mobile-version .grand-prize,
#duplicate.no-sidebars .mobile-version .grand-prize,
#error.no-sidebars .mobile-version .grand-prize {
  margin-top: 0px;
}

#rules.no-sidebars .mobile-version .splash-get-started,
#facts.no-sidebars .mobile-version .splash-get-started,
#duplicate.no-sidebars .mobile-version .splash-get-started,
#error.no-sidebars .mobile-version .splash-get-started {
  margin-bottom: 0;
}

.no-sidebars .mobile-version .sweepstakes-subscribe-cover,
.no-sidebars .mobile-version .sweepstakes-subscribe-options {
  display: block;
  width: 100%;
  padding: 0;
}

.no-sidebars .mobile-version .sweepstakes-subscribe-cover {
  text-align: center;
  margin-bottom: 10px;
}

.no-sidebars .mobile-version .sweepstakes-entry .sweepstakes-newsletters-column .form-input {
  padding-right: 0;
}

.no-sidebars .mobile-version .sweepstakes-entry .sweepstakes-newsletters-column.right .form-input {
  padding-left: 0;
}

.no-sidebars .mobile-version .tout {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.no-sidebars .mobile-version .tout a {
  display: block;
  width: 100%;
}

.no-sidebars .mobile-version .sweepstakes {
  margin-bottom: 25px;
}

.no-sidebars .mobile-version .brand-logos a img {
  height: 25px;
  width: auto;
}

.no-sidebars .brand-logos {
  padding-left: 0px;
  padding-right: 0px;
}

/* Brand Specific Overrides */

.coastal-living.sweepstakes a,
.coastal-living.sweepstakes a:hover,
.coastal-living.sweepstakes a:focus,
.coastal-living.sweepstakes a:active,
.coastal-living.sweepstakes .sweepstakes-primary-form-field label,
.coastal-living.sweepstakes .form-required-icon,
.coastal-living.sweepstakes h4,
.coastal-living.sweepstakes .error-headline,
.coastal-living.sweepstakes .form-zip-note {
  color: #0a4361 !important;
}

.coastal-living.sweepstakes .sweepstakes-form-buttons a,
.coastal-living.sweepstakes .sweepstakes-button {
  background-color: #0a4361;
  color: #FFF !important;
}

.cooking-light.sweepstakes a,
.cooking-light.sweepstakes a:hover,
.cooking-light.sweepstakes a:focus,
.cooking-light.sweepstakes a:active,
.cooking-light.sweepstakes .sweepstakes-primary-form-field label,
.cooking-light.sweepstakes .form-required-icon,
.cooking-light.sweepstakes h4,
.cooking-light.sweepstakes .error-headline,
.cooking-light.sweepstakes .form-zip-note {
  color: #2c7d9a !important;
}

.cooking-light.sweepstakes .sweepstakes-form-buttons a,
.cooking-light.sweepstakes .sweepstakes-button {
  background-color: #2c7d9a;
  color: #FFF !important;
}

.entertainment-weekly.sweepstakes a,
.entertainment-weekly.sweepstakes a:hover,
.entertainment-weekly.sweepstakes a:focus,
.entertainment-weekly.sweepstakes a:active,
.entertainment-weekly.sweepstakes .sweepstakes-primary-form-field label,
.entertainment-weekly.sweepstakes .form-required-icon,
.entertainment-weekly.sweepstakes h4,
.entertainment-weekly.sweepstakes .error-headline,
.entertainment-weekly.sweepstakes .form-zip-note {
  color: #19c1f0;
}

.entertainment-weekly.sweepstakes .sweepstakes-form-buttons a,
.entertainment-weekly.sweepstakes .sweepstakes-button {
  background-color: #19c1f0;
}

.entertainment-weekly.sweepstakes {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 12px;
  padding-right: 12px;
  max-width: 664px;
}

#rules.entertainment-weekly .sweepstakes-body p,
#facts.entertainment-weekly .sweepstakes-body p {
  line-height: 18px;
  margin: 12px 0;
}

.food-and-wine.sweepstakes a,
.food-and-wine.sweepstakes a:hover,
.food-and-wine.sweepstakes a:focus,
.food-and-wine.sweepstakes a:active,
.food-and-wine.sweepstakes .sweepstakes-primary-form-field label,
.food-and-wine.sweepstakes .form-required-icon,
.food-and-wine.sweepstakes h4,
.food-and-wine.sweepstakes .error-headline,
.food-and-wine.sweepstakes .form-zip-note {
  color: #fc6e2c;
}

.food-and-wine.sweepstakes .sweepstakes-form-buttons a,
.food-and-wine.sweepstakes .sweepstakes-button {
  background-color: #fc6e2c;
}

.health.sweepstakes a,
.health.sweepstakes a:hover,
.health.sweepstakes a:focus,
.health.sweepstakes a:active,
.health.sweepstakes .sweepstakes-primary-form-field label,
.health.sweepstakes .form-required-icon,
.health.sweepstakes h4,
.health.sweepstakes .error-headline,
.health.sweepstakes .form-zip-note {
  color: #009faf;
}

.health.sweepstakes .sweepstakes-form-buttons a,
.health.sweepstakes .sweepstakes-button {
  background-color: #009faf;
}

.health.sweepstakes .facts-table {
  margin-bottom: 25px;
}

.instyle.sweepstakes a,
.instyle.sweepstakes a:hover,
.instyle.sweepstakes a:focus,
.instyle.sweepstakes a:active,
.instyle.sweepstakes .sweepstakes-primary-form-field label,
.instyle.sweepstakes .form-required-icon,
.instyle.sweepstakes h4,
.instyle.sweepstakes .error-headline,
.instyle.sweepstakes .form-zip-note {
  color: #b8537b !important;
  font-weight: normal !important;
}

.instyle.sweepstakes .sweepstakes-form-buttons a,
.instyle.sweepstakes .sweepstakes-button {
  background-color: #b8537b;
  color: #FFF !important;
  font-weight: bold !important;
}

.instyle.sweepstakes {
  margin-top: 25px;
}

.well .full-width-media h1 {
  display: none;
}

.money.sweepstakes a,
.money.sweepstakes a:hover,
.money.sweepstakes a:focus,
.money.sweepstakes a:active,
.money.sweepstakes .sweepstakes-primary-form-field label,
.money.sweepstakes .form-required-icon,
.money.sweepstakes h4,
.money.sweepstakes .error-headline,
.money.sweepstakes .form-zip-note {
  color: #4490cc !important;
}

.money.sweepstakes .sweepstakes-form-buttons a,
.money.sweepstakes .sweepstakes-button {
  background-color: #4490cc;
  color: #FFF !important;
}

.money.sweepstakes {
  margin-top: 30px;
  margin-bottom: 30px;
}

.money.sweepstakes p {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 16px;
}

.money.sweepstakes .sweepstakes-facts {
  margin-top: 20px;
}

.myrecipes.sweepstakes a,
.myrecipes.sweepstakes a:hover,
.myrecipes.sweepstakes a:focus,
.myrecipes.sweepstakes a:active,
.myrecipes.sweepstakes .sweepstakes-primary-form-field label,
.myrecipes.sweepstakes .form-required-icon,
.myrecipes.sweepstakes h4,
.myrecipes.sweepstakes .error-headline,
.myrecipes.sweepstakes .form-zip-note {
  color: #2d75bd !important;
}

.myrecipes.sweepstakes .sweepstakes-form-buttons a,
.myrecipes.sweepstakes .sweepstakes-button {
  background-color: #2d75bd;
  color: #FFF !important;
}

.people.sweepstakes a,
.people.sweepstakes a:hover,
.people.sweepstakes a:focus,
.people.sweepstakes a:active,
.people.sweepstakes .sweepstakes-primary-form-field label,
.people.sweepstakes .form-required-icon,
.people.sweepstakes h4,
.people.sweepstakes .error-headline,
.people.sweepstakes .form-zip-note {
  color: #9627c3;
}

.people.sweepstakes .sweepstakes-form-buttons a,
.people.sweepstakes .sweepstakes-button {
  background-color: #9627c3;
}

.people.sweepstakes {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 12px;
  padding-right: 12px;
  max-width: 664px;
}

.people.sweepstakes h2::after {
  display: none;
}

#rules.people .sweepstakes-body p,
#facts.people .sweepstakes-body p {
  line-height: 18px;
  margin: 12px 0;
}

.pesp.sweepstakes a,
.pesp.sweepstakes a:hover,
.pesp.sweepstakes a:focus,
.pesp.sweepstakes a:active,
.pesp.sweepstakes .sweepstakes-primary-form-field label,
.pesp.sweepstakes .form-required-icon,
.pesp.sweepstakes h4,
.pesp.sweepstakes .error-headline,
.pesp.sweepstakes .form-zip-note {
  color: #dc0d81;
}

.pesp.sweepstakes .sweepstakes-form-buttons a,
.pesp.sweepstakes .sweepstakes-button {
  background-color: #dc0d81;
}

.pesp.sweepstakes {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 12px;
  padding-right: 12px;
  max-width: 664px;
}

#rules.pesp .sweepstakes-body p,
#facts.pesp .sweepstakes-body p {
  line-height: 18px;
  margin: 12px 0;
}

.real-simple.sweepstakes a,
.real-simple.sweepstakes a:hover,
.real-simple.sweepstakes a:focus,
.real-simple.sweepstakes a:active,
.real-simple.sweepstakes .sweepstakes-primary-form-field label,
.real-simple.sweepstakes .form-required-icon,
.real-simple.sweepstakes h4,
.real-simple.sweepstakes .error-headline,
.real-simple.sweepstakes .form-zip-note {
  color: #537f52;
}

.real-simple.sweepstakes .sweepstakes-form-buttons a,
.real-simple.sweepstakes .sweepstakes-button {
  background-color: #537f52;
}

.southern-living.sweepstakes a,
.southern-living.sweepstakes a:hover,
.southern-living.sweepstakes a:focus,
.southern-living.sweepstakes a:active,
.southern-living.sweepstakes .sweepstakes-primary-form-field label,
.southern-living.sweepstakes .form-required-icon,
.southern-living.sweepstakes h4,
.southern-living.sweepstakes .error-headline,
.southern-living.sweepstakes .form-zip-note {
  color: #722454 !important;
}

.southern-living.sweepstakes .sweepstakes-form-buttons a,
.southern-living.sweepstakes .sweepstakes-button {
  background-color: #722454;
  color: #FFF !important;
}

.southern-living.sweepstakes .facts-table {
  margin-bottom: 20px;
}

.travel-and-leisure.sweepstakes a,
.travel-and-leisure.sweepstakes a:hover,
.travel-and-leisure.sweepstakes a:focus,
.travel-and-leisure.sweepstakes a:active,
.travel-and-leisure.sweepstakes .sweepstakes-primary-form-field label,
.travel-and-leisure.sweepstakes .form-required-icon,
.travel-and-leisure.sweepstakes h4,
.travel-and-leisure.sweepstakes .error-headline,
.travel-and-leisure.sweepstakes .form-zip-note {
  color: #f18652 !important;
}

.travel-and-leisure.sweepstakes .sweepstakes-form-buttons a,
.travel-and-leisure.sweepstakes .sweepstakes-button {
  background-color: #f18652 !important;
  color: #FFF !important;
}

#page-title,
h1.section-header {
  display: none;
}

.sweepstakes .form-zip-note {
  color: #64a139;
  font-size: 11px !important;
  font-weight: 700;
  margin-left: 70px;
  margin-top: 0;
}

#ending .splash-get-started {
  margin-top: 30px;
  padding-bottom: 30px;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.sma-header {
  background: rgba(0, 0, 0, 0.95) url(https://s3.amazonaws.com/people-com-filestore/sma-2019/img/hero/header2_mobile.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  padding: 25px 10px;
}

@media (min-width: 1025px) {
  .sma-header {
    background: rgba(0, 0, 0, 0.95) url(https://s3.amazonaws.com/people-com-filestore/sma-2019/img/hero/header2_desktop.jpg);
  }
}

.sma-header a {
  text-decoration: none;
  color: #34c7ff;
}

.sma-header p {
  max-width: 700px;
  margin: 10px auto 28px auto;
  color: #fff !important;
}

.sma-header__breadcrumbs {
  color: #27c4ff;
  padding-left: 0;
  font-size: 0.8em;
  margin-top: 0;
}

.sma-header__breadcrumbs li {
  list-style: none;
  display: inline-block;
  margin-right: 4px;
  text-transform: uppercase;
}

.sma-header__breadcrumbs li img {
  margin-left: 8px;
  height: 0.8em;
}

.sma-header__breadcrumbs li:last-child {
  margin-right: 0;
}

.sma-header__breadcrumbs li:last-child:after {
  content: '';
  margin-left: 0;
}

.sma-header__logo {
  height: 30px;
}

.sma-header__text {
  max-width: 100%;
}

@media (min-width: 1025px) {
  .sma-header__text {
    margin: auto;
  }
}

.sma-header__social-share {
  display: flex;
  justify-content: center;
}

.sma-header__social-share > div {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
}

.sma-header__social-share .icon path:first-of-type {
  fill: #fff !important;
}

.sma-header__social-share .icon-pinterest-circle-solid path:last-of-type {
  fill: #bd071d !important;
}

.sma-header__social-share .icon-pinterest-circle-solid:hover path:last-of-type {
  fill: #9c0618 !important;
}

.sma-header__social-share .icon-facebook-circle-solid path:last-of-type {
  fill: #3b5999 !important;
}

.sma-header__social-share .icon-facebook-circle-solid:hover path:last-of-type {
  fill: #253d70 !important;
}

.sma-header__social-share .icon-twitter-circle-solid path:last-of-type {
  fill: #00aeef !important;
}

.sma-header__social-share .icon-twitter-circle-solid:hover path:last-of-type {
  fill: #1091e0 !important;
}

.sma-header__header p {
  margin: auto;
  max-width: 90%;
}

#sma-root {
  width: 100%;
  max-width: 916px;
}

@media all and (min-width: 1025px) and (max-width: 1300px) {
  #sma-root {
    max-width: 69vw;
    padding: 0 34px 50px 18px;
  }
}

.sma__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 64.0625em) {
  .sma__content {
    flex-direction: row;
  }
}

.sma__right-rail {
  width: 100%;
  max-width: 320px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.sma__right-rail .ad-placeholder {
  width: 100%;
  text-align: center;
}

.sma__right-rail .ad-placeholder img {
  width: 100%;
}

.sma__right-rail .karma-sticky-rail {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  padding-top: 66px;
}

.sma__right-rail .karma-sticky-rail .ad-wrapper {
  margin-bottom: 40px;
}

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

body.supertag .partial.header-banner .image-banner + .package-image-headline {
  top: 50%;
  transform: translateY(-50%);
}

body.supertag .partial.header-banner .image-banner + .package-image-headline .lead-headline,
body.supertag .partial.header-banner .image-banner + .package-image-headline .lead-subtitle {
  color: rgba(0, 0, 0, 0.95);
}

iframe.tempo-iframe-embed {
  border: none;
  width: 100%;
}

.header-recirc .list-item .media-body .headline {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.header-recirc .list-item .media-body .headline a {
  font-weight: 500;
}

.heading-content {
  font-weight: 300;
}

main.article .article.content.body .image-wrapper {
  background-color: #fff;
}

footer.main .footer-links {
  display: none;
}

.footer-copyright-text .manage-push-notifications:hover {
  cursor: pointer;
}

.latest-news__inner #people_home_tile_paid {
  color: #a054a0;
}

.above-footer .component.subscribe-callout {
  background-color: #009eda;
  color: #fff;
}

.above-footer .component.subscribe-callout .button-style {
  border: 2px solid #111;
  border-radius: 3px;
}

.above-footer .component.subscribe-callout .button-style :hover {
  background: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
  border-color: rgba(0, 0, 0, 0.95);
  border-radius: 0;
  color: #fff;
}

.above-footer .component.subscribe-callout a {
  border: 3px solid #fff;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.95);
  background: #fff;
}

.above-footer .component.subscribe-callout a:hover {
  background-color: #27c4ff;
  border-color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

@media (min-width: 601px) {
  .above-footer .component.newsletter-callout .partial.tout {
    width: auto;
  }
}

@media (max-width: 600px) {
  .above-footer h3 {
    line-height: 33px;
  }
}

@media (min-width: 1024px) {
  nav.main .title-display {
    left: 59%;
  }
}

nav.main .stacked-header__cm-ad.desktop-only {
  width: 223px;
}

@media (max-width: 600px) {
  nav.main .logo .full-logo {
    margin-right: 30px;
  }
}

nav.main .logo .full-logo svg {
  height: 34px;
}

@media (max-width: 600px) {
  nav.main .logo .full-logo svg {
    height: 28px;
  }
}

nav.main .logo .full-logo .svg__path-1--people-tv-watch {
  fill: #f4921f;
}

nav.main .logo .full-logo .svg__path-2--people-tv-watch {
  fill: #f26622;
}

nav.main .logo .full-logo .svg__path-2--people-style {
  stroke-width: 1.75;
  stroke-miterlimit: 10;
}

nav.main .logo .full-logo .svg__path-2--people-chica {
  fill: #020202;
  stroke: #020202;
  stroke-width: 1.75;
  stroke-miterlimit: 10;
}

nav.main .logo .full-logo .svg__path-2--people-pets {
  stroke-width: 1.75;
  stroke-miterlimit: 10;
}

nav.main .logo .full-logo .svg__path-2--people-human-interest {
  fill: #f4921f;
}

nav.main .logo .full-logo .svg__path-3--people-human-interest {
  fill: #f26622;
}

nav.main .logo .full-logo .svg__path--people-home {
  stroke-width: 1.75;
  stroke-miterlimit: 10;
}

nav.main .logo .full-logo .svg__path-1--people-food {
  stroke-width: 1.75;
  stroke-miterlimit: 10;
}

.heading-eyebrow {
  font-family: Lora, serif;
  font-size: 12px;
}

nav.main .primary-links .menu-list-item {
  font-family: Basel, serif;
}

.heading-content {
  font-size: 48px;
  font-weight: 400;
  line-height: 52px;
}

@media (max-width: 600px) {
  .heading-content {
    font-size: 32px;
    line-height: 36px;
  }
}

.header-recirc .list-item .media-body .headline {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.header-recirc .list-item .media-body .headline a {
  font-weight: 500;
}

p {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.95) !important;
}

.sidebar-item .component.newsletter-callout h3 {
  font-size: 28px;
  line-height: 32px;
}

.component.feed .subtitle {
  font-family: Basel, serif;
  font-size: 24px;
  letter-spacing: 0;
}

.component.feed .component.feed .list-item .headline {
  font-family: Lora, serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 19px;
}

.component.feed .component.feed .list-item .headline a {
  font-weight: 500;
}

.component.feed .component.feed .tile .headline {
  font: 400 16px/24px Limerick, sans-serif;
}

.partial.header-banner .sponsor-banner {
  padding-top: 28.12%;
  position: relative;
  width: 100%;
}

.partial.header-banner .sponsor-banner section {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 37.5em) {
  .partial.header-banner .sponsor-banner section .lead-headline {
    font-size: 24px;
  }
}

.partial.header-banner section .lead-headline {
  color: inherit;
  font-family: Basel, serif;
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

@media (max-width: 37.5em) {
  .partial.header-banner section .lead-headline {
    font-size: 35px;
  }
}

main.article .partial.lead-image + .author,
main.gallery .partial.lead-image + .author {
  margin-top: 24px;
}

@media (min-width: 1025px) {
  main.article .partial.lead-image + .author,
  main.gallery .partial.lead-image + .author {
    margin-top: 8px;
  }
}

main.article .enhanced-author,
main.gallery .enhanced-author {
  align-items: center;
  display: flex;
}

main.article .enhanced-author.no-avatar,
main.gallery .enhanced-author.no-avatar {
  display: block;
}

main.article .enhanced-author .author-avatar,
main.gallery .enhanced-author .author-avatar {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

main.article .enhanced-author .icon-twitter,
main.gallery .enhanced-author .icon-twitter {
  height: 24px;
  width: 24px;
}

main.article .enhanced-author .icon-twitter a,
main.gallery .enhanced-author .icon-twitter a {
  overflow: hidden;
}

main.article .enhanced-author .icon-twitter svg,
main.gallery .enhanced-author .icon-twitter svg {
  transform: scale(1.1);
  left: -3px;
  top: -5px;
}

main.article .enhanced-author .icon-twitter svg g > path,
main.gallery .enhanced-author .icon-twitter svg g > path {
  fill: #1DA1F2;
}

main.article .enhanced-author .icon-twitter svg g > path:first-child,
main.gallery .enhanced-author .icon-twitter svg g > path:first-child {
  fill: #fff;
}

main.article .enhanced-author .author-text .author-list-item,
main.gallery .enhanced-author .author-text .author-list-item {
  display: block;
  text-align: left;
}

main.article .enhanced-author.no-avatar .author-text .author-list-item,
main.gallery .enhanced-author.no-avatar .author-text .author-list-item {
  text-align: center;
  display: inline;
}

@media (min-width: 1025px) {
  main.article .enhanced-author.no-avatar .author-text .author-list-item,
  main.gallery .enhanced-author.no-avatar .author-text .author-list-item {
    text-align: left;
  }
}

main.article .enhanced-author .timestamp.published-date,
main.gallery .enhanced-author .timestamp.published-date {
  text-align: left;
}

main.article .enhanced-author.no-avatar .timestamp.published-date,
main.gallery .enhanced-author.no-avatar .timestamp.published-date {
  text-align: center;
}

main.gallery .enhanced-author {
  justify-content: center;
}

main.gallery .enhanced-author.no-avatar .author-text .author-list-item {
  text-align: center;
}

@media (min-width: 1025px) {
  main.gallery .gallery-content .caption {
    max-width: 508px;
  }
}

@media (min-width: 1025px) {
  .horizontal-gallery .media-img img {
    max-width: 508px;
  }
}

.content.article.tags .component,
.content.gallery.tags .component {
  margin-top: 50px;
}

.content.article.tags .component .subtitle,
.content.gallery.tags .component .subtitle {
  font-family: Basel, serif;
  font-size: 24px;
  font-weight: 700;
  color: #282f2f;
}

@media (max-width: 37.5em) {
  .topic-page .partial.header-banner section .lead-headline {
    font-size: 25px;
  }
}

.component.navigation-test .contextual-social-links.mobile-only .icon {
  display: none;
}

.component.navigation-test .contextual-social-links.mobile-only .component.share .icon-facebook-circle-solid,
.component.navigation-test .contextual-social-links.mobile-only .component.share .icon-twitter-circle-solid {
  display: block;
}

.component.navigation-test .contextual-social-links.mobile-only .component.share .icon-facebook-circle-solid svg path:first-of-type,
.component.navigation-test .contextual-social-links.mobile-only .component.share .icon-twitter-circle-solid svg path:first-of-type {
  fill: #fff;
}

@media (min-width: 1025px) {
  .component.navigation-test .secondary-links .menu-list-item.active .dropdown-links-list {
    right: 0;
  }
}

@media (min-width: 64.0625em) {
  .component.navigation-test:not(.sticky-nav) .menu-homepage-row:first-of-type {
    height: 90px;
  }

  .component.navigation-test:not(.sticky-nav) .menu-homepage-row:first-of-type .logo svg {
    width: 150px;
    height: 60px;
  }

  .component.navigation-test:not(.sticky-nav) .menu-homepage-row:last-of-type {
    height: 50px;
  }

  .component.navigation-test .main-new:not(.homepage) .logo svg {
    width: 90px;
    height: 34px;
    margin-top: 5px;
  }

  .component.navigation-test.sticky-nav .logo svg {
    width: 90px;
    height: 34px;
  }
}

@media (max-width: 64em) {
  .component.navigation-test .logo svg {
    width: 80px;
    height: 35px;
    margin-top: 5px;
  }
}

/* Override the global subscribe behavior. */

@media (min-width: 1024px) {
  .component.navigation-test .menu-subscribe .subscribe-link {
    margin-left: 0;
  }

  .component.navigation-test .sticky-nav .menu-search .buttons {
    display: none;
  }

  .component.navigation-test .sticky-nav .secondary-text-links .secondary-item:first-of-type {
    border-left: 0;
  }
}

/* Required for People BounceX logic */

.scroll-up .component.navigation-test .menu-subscribe,
.under-docked-sharebar .component.navigation-test .menu-subscribe {
  display: block;
}

/* Mobile subscribe link always up on mobile. */

.component.navigation-test .menu-homepage-row:last-of-type .menu-subscribe {
  padding-right: 40px;
}

@media (min-width: 1025px) {
  .component.navigation-test .menu-subscribe {
    display: none;
  }
}

@media (min-width: 1024px) {
  .component.navigation-test .menu-subscribe {
    display: block;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 12px;
    margin-left: 12px;
  }
}

.component.navigation-test .menu-subscribe a.subscribe-link {
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: Sophia, sans-serif;
  font-weight: 700;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.95);
}

.under-docked-sharebar .component.navigation-test .contextual-social-links.mobile-only {
  display: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile {
  border-top: none;
  border-left: none;
  border-right: 1px solid #00aeef;
  border-bottom: 1px solid #00aeef;
  text-align: center;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile.promotional-tile {
  border-right: 1px solid #fff100;
  border-bottom: 1px solid #fff100;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .show-index {
  float: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more {
  color: rgba(0, 0, 0, 0.95);
  text-decoration: none;
  background: #fff100;
  display: inline-block;
  padding: 0 8px;
  width: auto;
}

.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: rgba(0, 0, 0, 0.95);
  text-decoration: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more svg {
  display: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content.not-indexed .tile .read-more svg path {
  fill: #00aeef;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link {
  background-color: #fff100;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link:before {
  background-color: #fff100;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .menu-item-main.parent-menu.selected .submenu-link.main-link:after {
  border-left-color: #fff100;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .submenu-children-wrapper .sub-menu-header .main-channel {
  font-family: Basel, serif;
}

.partial.modal.hamburger .modal-wrapper .hamburger-menu .top-menu {
  padding-bottom: 16px;
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .secondary-item:nth-child(1) {
  order: 1;
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .secondary-item:nth-child(2) {
  order: 2;
}

.partial.modal.hamburger .modal-wrapper .hamburger-auth-section .secondary-item:nth-child(3) {
  padding-right: 12px;
}

@media (min-width: 1025px) {
  .partial.modal.hamburger .modal-wrapper .hamburger-auth-section .secondary-item:last-of-type {
    padding-right: 12px;
  }
}

.mdex-test.template-article .blockquote {
  padding: 36px 0 24px 48px;
  margin: 48px 16px 0;
  border-left: none;
}

@media (min-width: 601px) {
  .mdex-test.template-article .blockquote {
    margin: 48px 24px 0;
  }
}

@media (min-width: 1025px) {
  .mdex-test.template-article .blockquote {
    padding: 36px 0 24px 48px;
    margin: 48px 48px 0;
  }
}

.mdex-test.template-article .blockquote:before {
  background: url(/img/icons/pull-quote.svg) top left no-repeat;
  content: '';
  height: 64px;
  left: 0;
  top: 0;
  transform: none;
  width: 64px;
}

.mdex-test.template-article .blockquote blockquote {
  margin: 0;
}

.mdex-test.template-article .blockquote p {
  font-family: Basel, serif;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}

.mdex-test.template-article .headline {
  border-left: 0;
}

.mdex-test.template-article .template-two-col .two-col-social {
  margin-bottom: 32px;
}

.mdex-test.template-article .two-col-container .two-col-main-content .article-content {
  border-top: 1px solid #00aeef;
  padding-top: 32px;
}

.mdex-test.template-article .two-col-container .two-col-main-content .article-content .article-content-container h2 {
  font-family: Foundation, sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

@media (min-width: 601px) {
  .mdex-test.template-article .two-col-container .two-col-main-content .article-content .article-content-container h2 {
    font-size: 36px;
    line-height: 44px;
  }
}

.mdex-test.template-article .two-col-container .two-col-content-container p a {
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test.template-article .two-col-container .two-col-content-container p a:visited {
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-article .two-col-container .two-col-content-container p a:hover {
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test.template-article .two-col-container .two-col-content-container .partial.lead-image {
  margin-bottom: 32px;
}

.mdex-test.template-article .two-col-container .two-col-content-container em a {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test.template-article .two-col-container .two-col-content-container em a:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test.template-article .two-col-container .two-col-content-container em a:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.mdex-test.template-article .two-col-container .outbrain__below-article-divider {
  background: #00aeef;
}

.mdex-test.template-article .two-col-container .outbrain__below-article-divider:after {
  background: none;
}

.mdex-test.template-gallery .component.gallery-test .headline {
  border-left: none;
}

.mdex-test.template-gallery .component.gallery-test .heading-content {
  font-weight: normal;
  font-family: Basel, serif;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide-number {
  font-family: Limerick, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.65);
  font-family: Limerick, sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}

@media (min-width: 1025px) {
  .mdex-test.template-gallery .component.gallery-test .glide-slide-number {
    margin-top: 32px;
  }
}

.mdex-test.template-gallery .component.gallery-test .body-credit {
  font-family: Limerick, sans-serif;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.ad-slide .ad-title {
  font-family: Lora, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide-title {
  font-family: Basel, serif;
}

.mdex-test.template-gallery .component.gallery-test .glide.title-slide .title-slide-next-text {
  letter-spacing: 2px;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.title-slide {
  border: 3px solid #00aeef;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.title-slide .glide-slide-desc {
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.title-slide .glide-start {
  background: #00aeef;
  color: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.title-slide .glide-start:hover {
  background: #fff100;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.title-slide .glide-start:visited {
  background: #00aeef;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.image-slide .glide-slide-shopit-price {
  font-family: Basel, serif;
  letter-spacing: normal;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.image-slide .glide-slide-shopit-retailer {
  font-family: Limerick, sans-serif;
  padding-left: 0;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.image-slide .glide-slide-shopit .glide-slide-shopit-button {
  display: inline-block;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide.image-slide .glide-slide-shopit .glide-slide-shopit-button:hover,
.mdex-test.template-gallery .component.gallery-test .glide-slide.image-slide .glide-slide-shopit .glide-slide-shopit-button:focus {
  background-color: transparent;
  border-color: #fff100;
  color: rgba(0, 0, 0, 0.95);
}

.mdex-test.template-gallery .component.gallery-test .glide-slide-meta {
  margin-top: 0;
}

.mdex-test.template-gallery .component.gallery-test .glide-slide-desc a {
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test.template-gallery .component.gallery-test .dek {
  font-family: Limerick, sans-serif;
}

.sidebar-item .component.newsletter-callout .button-style a,
.template-category-page .category-page-list-related-load-more-button {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
  padding: 10px 12px;
}

.sidebar-item .component.newsletter-callout .button-style a:focus,
.template-category-page .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;
}

.sidebar-item .component.newsletter-callout .button-style a:active,
.template-category-page .category-page-list-related-load-more-button:active {
  opacity: 0.8;
}

.sidebar-item .component.newsletter-callout .button-style a:hover,
.template-category-page .category-page-list-related-load-more-button:hover {
  color: rgba(0, 0, 0, 0.95);
}

.sidebar-item .component.newsletter-callout .button-style a:hover,
.sidebar-item .component.newsletter-callout .button-style a:focus,
.template-category-page .category-page-list-related-load-more-button:hover,
.template-category-page .category-page-list-related-load-more-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.category-page-list-related::after {
  background: transparent;
}

.category-page-list-related .category-page-item-title {
  font-family: Basel, serif;
}

.two-col-container .main-header .disclosure-inner,
.two-col-container .project-heading .disclosure-inner,
.two-col-container .project-part-container .disclosure-inner {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.two-col-container .author .author-text .author-name:visited {
  color: #595959;
}

.two-col-container .author .author-text .author-name + .timestamp {
  letter-spacing: 0.5px;
}

@media (min-width: 601px) {
  .two-col-container .author .author-text .author-name + .timestamp {
    display: inline-block;
    margin-left: 5px;
  }
}

.component.navigation-test .menu-homepage-row:last-of-type .primary-text-links a {
  letter-spacing: 2px;
}

.glide-controls .glide-arrow svg {
  fill: rgba(0, 0, 0, 0.95);
}

.template-category-page .category-page-list-heading {
  color: rgba(0, 0, 0, 0.95);
  font-family: Foundation, sans-serif;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 37.5em) {
  .template-category-page .category-page-list-heading {
    font-size: 28px;
    line-height: 32px;
  }
}

.template-category-page .category-page-header .component.share-new.square .icon.shareicon-modal-toggle .icon-reply .icon-text {
  font-family: Limerick, sans-serif;
}

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

.mdex-test h1 {
  font-family: Basel, serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: Basel, serif;
  font-weight: 400;
}

@media (min-width: 601px) {
  .mdex-test h1 {
    font-size: 48px;
    line-height: 52px;
  }
}

.mdex-test #gallery-everything-in .gallery-everything-in-title {
  font-family: Foundation, sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

@media (max-width: 37.5em) {
  .mdex-test #gallery-everything-in .gallery-everything-in-title {
    font-size: 28px;
    line-height: 32px;
  }
}

.mdex-test #gallery-everything-in .glide-slide-title {
  font-family: Basel, serif;
  font-weight: 700;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit-price {
  font-family: Basel, serif;
  display: block;
  letter-spacing: 0.5px;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit-retailer {
  font-family: Limerick, sans-serif;
  padding-left: 0;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button {
  display: inline-block;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button:hover,
.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button:focus {
  background-color: transparent;
  border-color: #fff100;
  color: rgba(0, 0, 0, 0.95);
  position: relative;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button:hover .external-message,
.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button:focus .external-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: -2px;
  right: -2px;
  text-align: center;
  top: 44px;
  width: auto;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .gallery-everything-in-all-slide .glide-slide-shopit .glide-slide-shopit-button .external-message {
  background-color: #F2F2F2;
  border: 3px solid #F2F2F2;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-weight: 700;
  height: 34px;
  left: -9000px;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-transform: none;
  width: 0;
}

.mdex-test #gallery-everything-in .component.gallery-everything-in .glide-slide-desc a {
  box-shadow: inset 0 -3px 0 #fff100;
}

.mdex-test .component.loader {
  border-color: #F2F2F2;
  border-top-color: #a054a0;
}

.mdex-test .component.recirculation .recirculation__wrapper {
  background: #00aeef;
}

.mdex-test .component.recirculation .recirculation__wrapper:after {
  background: none;
}

.mdex-test .component.recirculation .popular__title {
  font-family: Foundation, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mdex-test .component.recirculation .popular__listItemTitleLink,
.mdex-test .component.recirculation .allTopics__title {
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.mdex-test .component.recirculation .allTopics__title {
  color: #a054a0;
}

.mdex-test .component.recirculation .carouselNav__next,
.mdex-test .component.recirculation .carouselNav__prev {
  background: #a054a0;
  border-color: #a054a0;
}

.mdex-test .component.recirculation .carouselNav__next:hover,
.mdex-test .component.recirculation .carouselNav__prev:hover {
  background: #fff100;
  border-color: #fff100;
}

.mdex-test .component.auto-advance .divider {
  background: #00aeef;
}

.mdex-test .component.auto-advance .divider .divider-text {
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.mdex-test .component.auto-advance .icon-scroll-down path {
  fill: #00aeef;
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile .headline {
  font-family: Limerick, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 24px;
}

@media (min-width: 1025px) {
  .partial.modal.hamburger .modal-wrapper .navigation-content .tile .headline {
    font-family: Basel, serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
  }
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile .show-index {
  display: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile .headline {
  border-left: none;
}

.partial.modal.hamburger .modal-wrapper .navigation-content .tile .summary {
  font-family: Limerick, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.secondary-menu .secondary-menu-label {
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.component.tags .tag-link {
  border-color: #00aeef;
}

.component.tags .tag-link:hover {
  border: 2px solid #00aeef;
  background: #00aeef;
}

.sidebar-item:not(:first-child) {
  margin-top: 0;
}

.sidebar-item .component.newsletter-callout {
  border-top-color: #00aeef;
}

.sidebar-item .component.newsletter-callout button,
.sidebar-item .component.newsletter-callout .button-style {
  background: #00aeef;
  width: auto;
}

.sidebar-item .component.newsletter-callout button a,
.sidebar-item .component.newsletter-callout .button-style a {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.sidebar-item .component.newsletter-callout button a:focus,
.sidebar-item .component.newsletter-callout .button-style a:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #4d90fe;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe;
}

.sidebar-item .component.newsletter-callout button a:active,
.sidebar-item .component.newsletter-callout .button-style a:active {
  opacity: 0.8;
}

.sidebar-item .component.newsletter-callout button a:hover,
.sidebar-item .component.newsletter-callout .button-style a:hover {
  color: rgba(0, 0, 0, 0.95);
}

.sidebar-item .component.newsletter-callout button a:hover,
.sidebar-item .component.newsletter-callout button a:focus,
.sidebar-item .component.newsletter-callout .button-style a:hover,
.sidebar-item .component.newsletter-callout .button-style a:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.article-badge,
.video-badge,
.gallery-badge {
  background: #fff100;
  fill: rgba(0, 0, 0, 0.95);
}

.component.footer-test .footer-test .footer-link,
.component.footer-test .footer-test .footer-copyright-text {
  font-family: Limerick, sans-serif;
}

.component.footer-test .shop-footer-container {
  border-color: #00aeef;
}

.component.footer-test .shop-footer-container .shop-text {
  font-family: Foundation, sans-serif;
  color: #a054a0;
  text-transform: uppercase;
  margin-right: 0;
}

.component.footer-test .shop-footer-container .svg-logo {
  padding-top: 8px;
}

.component.footer-test .shop-footer-container .svg-logo svg {
  margin-top: 7px;
  width: 72px;
  height: 24px;
}

.component.footer-test .shop-footer-container .shop-links .shop-link-item-more .shop-link-more {
  background: #fff100;
  display: inline-block;
  padding-top: 0;
  margin-top: 16px;
}

.component.footer-test .shop-footer-container .shop-links .shop-link-item-more svg {
  display: none;
}

.topics-carousel .carouselNav__link {
  display: inline-block;
}

.topics-carousel .carouselNav__link:hover {
  border-color: #fff100;
  background: #fff;
  color: rgba(0, 0, 0, 0.95);
}

.category-page-blocks-secondary:after {
  background: none;
}

.category-page-list-related-load-more-button {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.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:hover {
  color: rgba(0, 0, 0, 0.95);
}

.category-page-list-related-load-more-button:hover,
.category-page-list-related-load-more-button:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child {
  border: 3px solid #00aeef;
  padding: 14px 30px;
  background-color: #fff;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.95);
  text-align: center;
  text-transform: uppercase;
}

.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #4d90fe;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4d90fe;
}

.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child:active {
  opacity: 0.8;
}

.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child:hover {
  color: rgba(0, 0, 0, 0.95);
}

.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child:hover,
.bxc.bx-campaign-889231 .bx-element-889231-ya45PP4 > *:first-child:focus {
  background-color: #00aeef;
  border-color: #00aeef;
  outline: none !important;
  color: #fff;
}

.body.content:not(.gallery) p a {
  box-shadow: inset 0 -1px 0 #fff100;
}

.body.content:not(.gallery) p a:hover {
  color: rgba(0, 0, 0, 0.95);
}

.content.article .disclosure,
.content.article .body-caption,
.content.gallery .disclosure,
.content.gallery .body-caption,
.content.recipe .disclosure,
.content.recipe .body-caption {
  color: rgba(0, 0, 0, 0.65);
}

.gallery .dek {
  font-family: Limerick, sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.component.gallery.top-level .gallery-details .image-details h2.subheading-gallery {
  font-family: Basel, serif;
}

.component.gallery .gallery-content .gallery-container .owl-next,
.component.gallery .gallery-content .gallery-container .owl-prev {
  background-color: #00aeef;
}

.category-page-list-related:before {
  background-color: #00aeef;
}

.line-clamp-text {
  color: rgba(0, 0, 0, 0.95);
}

.line-clamp-text:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
  text-decoration: none;
}

.line-clamp-text:visited {
  color: #595959;
}

.component.feed.bottom-recirc .tile .headline a {
  color: rgba(0, 0, 0, 0.95);
}

.component.feed.bottom-recirc .tile .headline a:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
  text-decoration: none;
}

.component.feed.bottom-recirc .tile .headline a:visited {
  color: #595959;
}

.template-category-page .category-page-item-title {
  color: rgba(0, 0, 0, 0.95);
}

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

.template-category-page .category-page-item-title:visited {
  color: #595959;
}

.template-category-page .category-page-videos-link {
  color: rgba(0, 0, 0, 0.95);
  display: inline;
}

.template-category-page .category-page-videos-link:hover {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -1px 0 #fff100;
  text-decoration: none;
}

.template-category-page .category-page-videos-link:visited {
  color: #595959;
}

.template-category-page .category-page-videos-link h3 {
  display: inline;
}

.category-page-body:not(.category-page-list-related) .category-page-blocks-heading,
.category-page-body:not(.category-page-list-related) .category-page-list-heading,
.category-page-body:not(.category-page-list-related) .category-page-videos-heading {
  position: relative;
  font-family: Foundation, sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #00aeef;
  margin-bottom: 42px;
  padding-bottom: 4px;
  display: block;
}

.category-page-body:not(.category-page-list-related) .category-page-blocks-heading::after,
.category-page-body:not(.category-page-list-related) .category-page-list-heading::after,
.category-page-body:not(.category-page-list-related) .category-page-videos-heading::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-top: 12px solid #00aeef;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.category-page-body:not(.category-page-list-related) .category-page-videos-divider {
  border-width: 0;
  height: 1px;
  background: #00aeef;
  padding-bottom: 0;
  overflow: visible;
}

.template-category-page .category-page-header.layout-full-width {
  padding-bottom: 0;
}

.template-category-page .category-page-header .category-page-header-group.full-width-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.square-group {
  border-left: none;
  border-radius: 2px;
  box-shadow: 6px 6px 0 0 #fff100;
}

.template-category-page .category-page-header .category-page-header-group.full-width-group {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .template-category-page .category-page-header .category-page-header-group.full-width-group {
    padding-bottom: 16px;
  }
}

.template-category-page .category-page-header-no-hero {
  background-color: rgba(160, 84, 160, 0.05);
}

.template-category-page .container-full-width .category-page-heading {
  font-family: Basel, serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.95);
}

.template-category-page .category-page-item-title {
  font-family: Basel, serif;
}

.template-category-page .category-page-item-description {
  font-family: Lora, serif;
  line-height: 28px;
}

.template-category-page .category-page-item-readmore {
  background: #fff100;
  color: rgba(0, 0, 0, 0.95);
  display: inline-block;
  font-family: Limerick, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.template-category-page .category-page-item-readmore .category-page-item-readmore-arrow {
  display: none;
}

.template-category-page .category-page-blocks-secondary .category-page-item-title {
  font-family: Limerick, sans-serif;
}

.template-category-page .category-page-videos-lead {
  padding-bottom: 32px;
  background: #fff;
  box-shadow: inset 0 -8px #fff100;
}

@media (min-width: 1025px) {
  .template-category-page .category-page-videos-lead {
    box-shadow: inset -8px -8px #fff100;
  }
}

.template-category-page .category-page-videos-lead .category-page-videos-link .component.lazy-image.lazy-image-udf.image-loaded .inner-container {
  display: block;
}

.template-category-page .category-page-videos-lead .category-page-videos-lead-content-container {
  padding-bottom: 0;
}

.template-category-page .category-page-videos-lead .category-page-videos-lead-content-container .category-page-videos-lead-content {
  font-family: Basel, serif;
}

@media (max-width: 64em) {
  .template-category-page .category-page-videos-lead .category-page-videos-lead-content-container .category-page-videos-summary {
    margin-bottom: 10px;
  }
}

.template-category-page .category-page-videos-carousel .category-page-videos-lead-content {
  font-family: Limerick, sans-serif;
  font-weight: 700;
}

.template-category-page .category-page-videos-carousel .category-page-videos__prev,
.template-category-page .category-page-videos-carousel .category-page-videos__next {
  background: #a054a0;
  border-color: #a054a0;
}

.template-category-page .category-page-videos-carousel .category-page-videos__prev:hover,
.template-category-page .category-page-videos-carousel .category-page-videos__prev:focus,
.template-category-page .category-page-videos-carousel .category-page-videos__next:hover,
.template-category-page .category-page-videos-carousel .category-page-videos__next:focus {
  background: #a054a0;
}

.template-category-page .category-page-videos-carousel .category-page-videos__prev:hover svg,
.template-category-page .category-page-videos-carousel .category-page-videos__prev:focus svg,
.template-category-page .category-page-videos-carousel .category-page-videos__next:hover svg,
.template-category-page .category-page-videos-carousel .category-page-videos__next:focus svg {
  fill: #fff;
}

.template-category-page .category-page-list-related {
  background: rgba(160, 84, 160, 0.05);
}

.template-category-page .category-page-list-related .category-page-list-related-load-more-button {
  background: #00aeef;
  color: rgba(0, 0, 0, 0.95);
  border-width: 0;
}

.template-category-page .category-page-list-related .category-page-list-related-load-more-button:hover,
.template-category-page .category-page-list-related .category-page-list-related-load-more-button:focus {
  color: rgba(0, 0, 0, 0.95);
}

.template-category-page .category-page-list-related .category-page-item-title {
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.template-category-page .category-page-list-related .category-page-item-title:hover {
  box-shadow: inset 0 -3px 0 #fff100;
}

@media (min-width: 768px) {
  .template-category-page .category-page-list-related .category-page-item-title {
    letter-spacing: 0;
  }

  .template-category-page .category-page-list-related .category-page-item-title:hover {
    box-shadow: inset 0 -6px 0 #fff100;
  }
}

.template-category-page .category-page-topics.topics-carousel .carouselNav__prev,
.template-category-page .category-page-topics.topics-carousel .carouselNav__next {
  background: #a054a0;
  border-color: #a054a0;
}

.template-category-page .category-page-topics.topics-carousel .carouselNav__prev:hover,
.template-category-page .category-page-topics.topics-carousel .carouselNav__prev:focus,
.template-category-page .category-page-topics.topics-carousel .carouselNav__next:hover,
.template-category-page .category-page-topics.topics-carousel .carouselNav__next:focus {
  background: #a054a0;
}

.template-category-page .category-page-topics.topics-carousel .carouselNav__prev:hover svg,
.template-category-page .category-page-topics.topics-carousel .carouselNav__prev:focus svg,
.template-category-page .category-page-topics.topics-carousel .carouselNav__next:hover svg,
.template-category-page .category-page-topics.topics-carousel .carouselNav__next:focus svg {
  fill: #fff;
}

.template-category-page .category-page-topics.topics-carousel .category-page-topics__list .carouselNav__link:hover,
.template-category-page .category-page-topics.topics-carousel .category-page-topics__list .carouselNav__link:focus {
  background: #fff;
  border-color: #fff100;
  color: rgba(0, 0, 0, 0.95);
}

.template-author .author-info .share .icon-twitter-circle-solid path:first-child {
  fill: #fff;
  stroke: rgba(0, 0, 0, 0.15);
}

.template-author .author-info .share .icon-twitter-circle-solid path:last-child {
  fill: #1DA1F2;
}

.template-author .eyebrow-link .heading-eyebrow {
  font-family: Limerick, sans-serif;
  color: #a054a0;
  letter-spacing: 1px;
}

.template-author .bottom-recirc .partial.tile .heading-content {
  font-family: Limerick, sans-serif;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.template-author .component.pagination .paginator-link {
  background-color: #a054a0;
}

.template-author .component.pagination .paginator-link:hover {
  background-color: #a054a0;
}

.template-article .author .author-list-item .author-name,
.template-article .author .author-text .author-name,
.template-gallery .author .author-list-item .author-name,
.template-gallery .author .author-text .author-name {
  font: 700 14px/20px Limerick, sans-serif;
  color: rgba(0, 0, 0, 0.95);
  letter-spacing: 0.5px;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.template-article .author .author-list-item .author-name:visited,
.template-article .author .author-text .author-name:visited,
.template-gallery .author .author-list-item .author-name:visited,
.template-gallery .author .author-text .author-name:visited {
  color: #595959;
}

.template-article .author .author-list-item .author-name::before,
.template-article .author .author-text .author-name::before,
.template-gallery .author .author-list-item .author-name::before,
.template-gallery .author .author-text .author-name::before {
  font-weight: 400;
}

.template-article .author .author-list-item .icon-twitter path:last-child,
.template-article .author .author-text .icon-twitter path:last-child,
.template-gallery .author .author-list-item .icon-twitter path:last-child,
.template-gallery .author .author-text .icon-twitter path:last-child {
  fill: rgba(0, 0, 0, 0.95);
}

.template-article .author .timestamp,
.template-gallery .author .timestamp {
  font: 400 14px/20px Limerick, sans-serif;
  color: rgba(0, 0, 0, 0.65);
}

.template-article .component.feed.bottom-recirc .partial.tile .eyebrow-link .heading-eyebrow,
.template-gallery .component.feed.bottom-recirc .partial.tile .eyebrow-link .heading-eyebrow {
  color: #a054a0;
  font: 700 12px/16px Limerick, sans-serif;
}

.template-article .component.feed.bottom-recirc .partial.tile .heading-content a,
.template-gallery .component.feed.bottom-recirc .partial.tile .heading-content a {
  font: 400 16px/24px Limerick, sans-serif;
}

.template-article .component.feed.bottom-recirc .partial.tile .heading-content a:visited,
.template-gallery .component.feed.bottom-recirc .partial.tile .heading-content a:visited {
  color: rgba(0, 0, 0, 0.95);
}

.template-article .component.gallery.top-level .gallery-content .owl-carousel .owl-prev,
.template-article .component.gallery.top-level .gallery-content .owl-carousel .owl-next,
.template-gallery .component.gallery.top-level .gallery-content .owl-carousel .owl-prev,
.template-gallery .component.gallery.top-level .gallery-content .owl-carousel .owl-next {
  background-color: #a054a0;
}

.template-article .component.vertical-gallery .vertical-slide > .slide-info .counter,
.template-gallery .component.vertical-gallery .vertical-slide > .slide-info .counter {
  font: 700 12px/16px Limerick, sans-serif;
}

.template-article .body.content p a,
.template-gallery .body.content p a {
  box-shadow: inset 0 -3px 0 #fff100;
  color: rgba(0, 0, 0, 0.95);
}

.template-article .body.content em a,
.template-gallery .body.content em a {
  color: rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 -3px 0 #fff100;
}

.template-article .body.content em a:visited,
.template-gallery .body.content em a:visited {
  color: #595959;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.95);
}

.template-article .component.tags .tag-link,
.template-gallery .component.tags .tag-link {
  border-radius: inherit;
}

.template-article .component.share path:first-child,
.template-gallery .component.share path:first-child {
  fill: #fff;
  stroke: rgba(0, 0, 0, 0.15);
}

.template-article .component.share .icon-facebook-circle-solid path:first-child,
.template-gallery .component.share .icon-facebook-circle-solid path:first-child {
  stroke-width: 10px;
}

.template-article .component.share .icon-facebook-circle-solid path:last-child,
.template-gallery .component.share .icon-facebook-circle-solid path:last-child {
  fill: #3b5998;
}

.template-article .component.share .icon-pinterest-circle-solid path:last-child,
.template-gallery .component.share .icon-pinterest-circle-solid path:last-child {
  fill: #bd081c;
}

.template-article .component.share .icon-twitter-circle-solid path:last-child,
.template-gallery .component.share .icon-twitter-circle-solid path:last-child {
  fill: #1DA1F2;
}

.template-article .component.share .icon-email-circle-solid path:first-child,
.template-gallery .component.share .icon-email-circle-solid path:first-child {
  stroke-width: 10px;
}

.template-article .component.share .icon-email-circle-solid path:last-child,
.template-gallery .component.share .icon-email-circle-solid path:last-child {
  fill: rgba(0, 0, 0, 0.65);
}

.ad-title {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: Limerick, sans-serif;
  letter-spacing: 0.5px;
}

.component.tags .tag-link:hover {
  color: rgba(0, 0, 0, 0.65);
  border-color: #fff100;
  background: #fff;
}

@media (min-width: 64.0625em) {
  body:not(.header-collapsed) .is-homepage .menu.no-secondary-ribbon {
    top: 132px;
  }
}

body.channel-main nav.main.no-secondary-ribbon.no-utility-ribbon {
  z-index: 110000001;
}

body.channel-main nav.main.no-secondary-ribbon.no-utility-ribbon .title-display .title-text {
  display: none;
}

.section-header {
  font: 700 1.875em/1 Limerick, sans-serif;
  text-transform: lowercase;
}

.ad-sticky-container {
  z-index: 200000;
}

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

main .icon #recirc-gallery-solid-a,
main .icon .badge__camera-square-solid,
main .icon .badge__play-square-solid {
  fill: #fff100;
}

main .icon .badge__play-square-icon,
main .icon .badge__camera-square-icon {
  fill: rgba(0, 0, 0, 0.95);
}

.content.article.tags .component,
.content.gallery.tags .component,
.content.recipe.tags .component {
  border-top-color: #00aeef;
}

.component.gdpr .btn {
  background: #00aeef;
  color: rgba(0, 0, 0, 0.95);
}

.component.gdpr .btn:hover,
.component.gdpr .btn:active {
  background: #fff100;
  color: rgba(0, 0, 0, 0.95);
}

.component.social-stories .socialStoriesBar__itemImage {
  border-width: 0;
}

.mdex-test.template-article .outbrain__below-article-widget {
  margin: 48px auto 0;
}

.component.saga-ribbon .saga-ribbon__title {
  font-size: 24px;
}

@media (min-width: 601px) {
  .type-728x90,
  .ad-container[data-dimensions="728x90"] {
    margin-left: -45px;
  }
}

@media (min-width: 1024px) {
  .type-728x90,
  .ad-container[data-dimensions="728x90"] {
    margin-left: auto;
  }
}

.primary-bylines .primarybylines-text-container .primary-bylines-name-container,
.primary-bylines .primarybylines-text-container .primary-bylines-name-container a {
  font-family: Limerick, sans-serif;
}

.author {
  font-family: Limerick, sans-serif;
}


/*# sourceMappingURL=style.css.map*/