/*!
Theme Name: DGEPress 2023
Theme URI: http://crowdfavorite.com/
Author: Crowd Favorite
Author URI: http://crowdfavorite.com/
Description: DGEPress 2022 child theme
Template: dgepress2022
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dap
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dgepress2023 is based on _tw https://underscoretw.com/, (C) 2021-2022 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2022 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

:root {
  --gap-heading: 1.5rem;
  /* 24px */
  --gap-section: 2rem;
  /* 32px */
}

@media (min-width: 768px) {
  :root {
    --gap-heading: 2rem;
    /* 32px */
    --gap-section: 3.5rem;
    /* 56px */
  }
}

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Do we need to serve a font? Add the @font-face styles here.
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Ultra-Light.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Ultra-Light.woff") format("woff");

  font-weight: 200;

  font-style: normal;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Web-Ultra-Light-Italic.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Web-Ultra-Light-Italic.woff") format("woff");

  font-weight: 200;

  font-style: italic;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Light.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Light.woff") format("woff");

  font-weight: 300;

  font-style: normal;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Light-Italic.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Light-Italic.woff") format("woff");

  font-weight: 300;

  font-style: italic;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Regular.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Regular.woff") format("woff");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Regular-Italic.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Regular-Italic.woff") format("woff");

  font-weight: normal;

  font-style: italic;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Bold.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal;
}

@font-face {
  font-display: swap;

  font-family: "ABC Modern";

  src: url("./assets/fonts/ABC-Modern-Bold-Italic.woff2") format("woff2"),
		url("./assets/fonts/ABC-Modern-Bold-Italic.woff") format("woff");

  font-weight: bold;

  font-style: italic;
}

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: "ABC Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* 4 */
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "ABC Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

h1, .h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3rem;
}

@media (min-width: 768px) {
  h1, .h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
}

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.938rem;
}

@media (min-width: 768px) {
  h2, .h2 {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}

h3, .h3 {
  font-size: 2rem;
  line-height: 1.938rem;
}

h4, .h4 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

h5, .h5 {
  font-size:  1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h6, .h6 {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

p {
  margin-bottom: 1.375rem;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.375rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.125rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1280px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

a {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
}

a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

a:focus {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

a:active {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.pcss`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1408px) {
  .\!container {
    max-width: 1408px !important;
  }

  .container {
    max-width: 1408px;
  }
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.25rem;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: #0066CC;
  text-decoration: underline;
  font-weight: inherit;
}

.prose :where(a):not(:where([class~="not-prose"] *)):hover {
  text-decoration: none;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 300;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose :where(b):not(:where([class~="not-prose"] *)) {
  font-weight: 300;
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.prose-lg :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.375rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}

.prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em;
}

.prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}

.prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}

.prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-lg :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.prose-lg :where(code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8666667em;
}

.prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}

.prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}

.prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}

.prose-lg :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}

.prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}

.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}

.prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(table):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
}

.prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-lg {
  font-weight: 200;
}

.prose-lg :where(a):not(:where([class~="not-prose"] *)) {
  color: #0066CC;
  text-decoration: none;
  font-weight: inherit;
}

.prose-lg :where(b):not(:where([class~="not-prose"] *)) {
  font-weight: 300;
}

.prose-lg :where(strong):not(:where([class~="not-prose"] *)) {
  font-weight: 300;
}

.filter-option {
  display: block;
  cursor: pointer;
  border-radius: 0.313rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size:  1rem;
  font-weight: 300;
  line-height: 1.375rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.filter-option:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.filter-option.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.filter-option.active:focus {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #505050;
  --tw-shadow: var(--tw-shadow-colored);
}

.primary-menu-list {
  --dropdown-icon: '';
  --arrow-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI2Ij48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Im02LjU3MSA1Ljc5MiA1LjE5LTQuNTc5Yy41MS0uNDQ4LjE1LTEuMjEzLS41NjgtMS4yMTNILjgwN0MuMDkgMC0uMjcuNzY1LjIzOCAxLjIxM2w1LjE5IDQuNTc5YS44ODguODg4IDAgMCAwIDEuMTQzIDBaIi8+PC9zdmc+);
  --plus-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzciIGhlaWdodD0iMTcuNDM3Ij48cGF0aCBmaWxsPSIjMTIxMjEyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMy4yMTkgOC4xNTZhLjQyMy40MjMgMCAwIDAtLjQyMi0uNDIySDkuNzAzVjQuNjQxYS40MjMuNDIzIDAgMCAwLS40MjItLjQyMkg4LjE1NmEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYzLjA5M0g0LjY0MWEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYxLjEyNWMwIC4yMzIuMTkuNDIyLjQyMi40MjJoMy4wOTN2My4wOTRjMCAuMjMyLjE5LjQyMi40MjIuNDIyaDEuMTI1Yy4yMzIgMCAuNDIyLS4xOS40MjItLjQyMlY5LjcwM2gzLjA5NGMuMjMyIDAgLjQyMi0uMTkuNDIyLS40MjJWOC4xNTZabTQuMjE4LjU2M0E4LjcxNyA4LjcxNyAwIDAgMCA4LjcyIDAgOC43MTcgOC43MTcgMCAwIDAgMCA4LjcxOWE4LjcxNyA4LjcxNyAwIDAgMCA4LjcxOSA4LjcxOCA4LjcxNyA4LjcxNyAwIDAgMCA4LjcxOC04LjcxOFptLTEuNjg3IDBhNy4wMyA3LjAzIDAgMCAxLTcuMDMxIDcuMDMxIDcuMDMgNy4wMyAwIDAgMS03LjAzMi03LjAzMUE3LjAzIDcuMDMgMCAwIDEgOC43MiAxLjY4NyA3LjAzIDcuMDMgMCAwIDEgMTUuNzUgOC43MloiLz48L3N2Zz4=);
  --minus-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzciIGhlaWdodD0iMTcuNDM3Ij48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00LjY0IDkuNzAzaDguMTU3Yy4yMzIgMCAuNDIyLS4xOS40MjItLjQyMlY4LjE1NmEuNDIzLjQyMyAwIDAgMC0uNDIyLS40MjJINC42NGEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYxLjEyNWMwIC4yMzIuMTkuNDIyLjQyMi40MjJabTEyLjc5Ny0uOTg0QTguNzE3IDguNzE3IDAgMCAwIDguNzIgMCA4LjcxNyA4LjcxNyAwIDAgMCAwIDguNzE5YTguNzE3IDguNzE3IDAgMCAwIDguNzE5IDguNzE4IDguNzE3IDguNzE3IDAgMCAwIDguNzE4LTguNzE4Wm0tMS42ODcgMGE3LjAzIDcuMDMgMCAwIDEtNy4wMzEgNy4wMzEgNy4wMyA3LjAzIDAgMCAxLTcuMDMyLTcuMDMxQTcuMDMgNy4wMyAwIDAgMSA4LjcyIDEuNjg3IDcuMDMgNy4wMyAwIDAgMSAxNS43NSA4LjcyWiIvPjwvc3ZnPg==);
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.primary-menu-list:hover {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

@media not all and (min-width: 1280px) {
  .primary-menu-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 300;
  }
}

@media (min-width: 1280px) {
  .primary-menu-list {
    gap: 1.5rem;
    font-size: 0.875rem;
  }
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li {
    z-index: 10;
    border-radius: 0.313rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .primary-menu-list > li.network-sites {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
}

.primary-menu-list > li.network-sites a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li.network-sites a {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .primary-menu-list > li.network-sites a {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

.primary-menu-list > li.network-sites a:after {
  height: 1.125rem;
  width: 1.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {
  .primary-menu-list > li.network-sites a:after {
    margin-bottom: 0.125rem;
    height: 0.5rem;
    width: 0.875rem;
  }
}

.primary-menu-list > li.network-sites a:after {
  --dropdown-icon: var(--plus-icon);
  content: '';
  -webkit-mask: var(--dropdown-icon);
  mask: var(--dropdown-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

@media (min-width: 1280px) {
  .primary-menu-list > li.network-sites a:after {
    --dropdown-icon: var(--arrow-icon)
  }
}

@media not all and (min-width: 1280px) {
  .no-touch .primary-menu-list > li.network-sites:hover a:after, .primary-menu-list > li.network-sites:focus a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1280px) {
  .no-touch .primary-menu-list > li.network-sites:hover a:after, .primary-menu-list > li.network-sites:focus a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li.network-sites.active a:after, .primary-menu-list > li.network-sites:active a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}

.primary-menu-list > li.network-sites.active a:after, .primary-menu-list > li.network-sites:active a:after {
  --dropdown-icon: var(--minus-icon);
}

@media (min-width: 1280px) {
  .primary-menu-list > li.network-sites.active a:after, .primary-menu-list > li.network-sites:active a:after {
    --dropdown-icon: var(--arrow-icon)
  }
}

.primary-menu-list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li > a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    line-height: 1.5rem;
    --tw-shadow: 0 1px 0 0 #D8D8D8;
    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px) {
  .primary-menu-list > li > a {
    --tw-text-opacity: 1;
    color: rgb(80 80 80 / var(--tw-text-opacity));
  }

  .primary-menu-list > li > a:focus {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }

  .primary-menu-list > li > a:active {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
}

@media not all and (min-width: 1280px) {
  .no-touch .primary-menu-list > li:not(.menu-item-has-children):hover > a, .primary-menu-list > li:not(.menu-item-has-children):focus > a, .primary-menu-list > li:not(.menu-item-has-children).active > a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px) {
  .no-touch .primary-menu-list > li:not(.menu-item-has-children):hover > a, .primary-menu-list > li:not(.menu-item-has-children):focus > a, .primary-menu-list > li:not(.menu-item-has-children).active > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }

  .primary-menu-list > li:not(.menu-item-has-children):active > a, .primary-menu-list > li:not(.menu-item-has-children).current-menu-item > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
}

@media not all and (min-width: 1280px) {
  .no-touch .primary-menu-list > li:not(.menu-item-has-children):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 73 145 / var(--tw-bg-opacity));
  }

  .primary-menu-list > li:not(.menu-item-has-children).active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 102 204 / var(--tw-bg-opacity));
  }

  .primary-menu-list > li:not(.menu-item-has-children):active {
    -webkit-animation: menu-item 1s ease-out;
            animation: menu-item 1s ease-out;
  }

  .primary-menu-list > li:not(.menu-item-has-children):active > a {
    -webkit-animation: menu-item-link 1s ease-out;
            animation: menu-item-link 1s ease-out;
  }
}

.primary-menu-list > li.menu-item-has-children {
  position: relative;
}

.primary-menu-list > li.menu-item-has-children > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

.primary-menu-list > li.menu-item-has-children > a:after {
  display: none;
  height: 1.125rem;
  width: 1.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {
  .primary-menu-list > li.menu-item-has-children > a:after {
    margin-bottom: 0.125rem;
    display: block;
    height: 0.5rem;
    width: 0.875rem;
  }
}

.primary-menu-list > li.menu-item-has-children > a:after {
  --dropdown-icon: var(--arrow-icon);
  content: '';
  -webkit-mask: var(--dropdown-icon);
  mask: var(--dropdown-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

@media (min-width: 1280px) {
  .primary-menu-list > li.menu-item-has-children > a:focus ~ .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .primary-menu-list > li.menu-item-has-children.current-menu-item > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
  }

  .primary-menu-list > li.menu-item-has-children.current-menu-item > a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .no-touch .primary-menu-list > li.menu-item-has-children:hover > a, .primary-menu-list > li.menu-item-has-children:active > a, .primary-menu-list > li.menu-item-has-children:focus > a, .primary-menu-list > li.menu-item-has-children.active > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
  }

  .no-touch .primary-menu-list > li.menu-item-has-children:hover > a:after, .primary-menu-list > li.menu-item-has-children:active > a:after, .primary-menu-list > li.menu-item-has-children:focus > a:after, .primary-menu-list > li.menu-item-has-children.active > a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .no-touch .primary-menu-list > li.menu-item-has-children:hover .sub-menu, .primary-menu-list > li.menu-item-has-children:active .sub-menu, .primary-menu-list > li.menu-item-has-children:focus .sub-menu, .primary-menu-list > li.menu-item-has-children.active .sub-menu {
    visibility: visible;
    opacity: 1;
  }
}

/*
				The whole block will be rejected where :focus-within is not supported, so we keep it separate.
				 */

@media (min-width: 1280px) {
  .primary-menu-list > li.menu-item-has-children:focus-within > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
  }

  .primary-menu-list > li.menu-item-has-children:focus-within > a:after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }

  .primary-menu-list > li.menu-item-has-children:focus-within .sub-menu {
    visibility: visible;
    opacity: 1;
  }
}

.primary-menu-list > li .sub-menu {
  list-style-type: none;
  border-radius: 0.313rem;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.primary-menu-list > li .sub-menu::before {
  position: absolute;
  top: -0.25rem;
  height: 0.25rem;
  content: var(--tw-content);
  width: 100%;
}

@media (min-width: 1280px) {
  .primary-menu-list > li .sub-menu {
    visibility: hidden;
    position: absolute;
    left: -0.5rem;
    top: 100%;
    margin-top: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
    opacity: 0;
    --tw-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li .sub-menu li {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1px;
    border-radius: 0.313rem;
  }
}

.primary-menu-list > li .sub-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

@media not all and (min-width: 1280px) {
  .primary-menu-list > li .sub-menu li a {
    margin-left: 3.5rem;
    margin-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-shadow: 0 1px 0 0 #D8D8D8;
    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px) {
  .primary-menu-list > li .sub-menu li a {
    line-height: 1.188rem;
    --tw-text-opacity: 1;
    color: rgb(80 80 80 / var(--tw-text-opacity));
  }
}

@media not all and (min-width: 1280px) {
  .no-touch .primary-menu-list > li .sub-menu li:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 73 145 / var(--tw-bg-opacity));
  }

  .primary-menu-list > li .sub-menu li.active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 102 204 / var(--tw-bg-opacity));
  }

  .primary-menu-list > li .sub-menu li:active {
    -webkit-animation: menu-item 1s ease-out;
            animation: menu-item 1s ease-out;
  }

  .primary-menu-list > li .sub-menu li:active > a {
    -webkit-animation: menu-item-link 1s ease-out;
            animation: menu-item-link 1s ease-out;
  }
}

@media (min-width: 1280px) {
  .primary-menu-list > li .sub-menu li:active > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
}

@media not all and (min-width: 1280px) {
  .no-touch .primary-menu-list > li .sub-menu li:hover > a, .primary-menu-list > li .sub-menu li:focus > a, .primary-menu-list > li .sub-menu li.active > a, .primary-menu-list > li .sub-menu li.current-menu-item > a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px) {
  .no-touch .primary-menu-list > li .sub-menu li:hover > a, .primary-menu-list > li .sub-menu li:focus > a, .primary-menu-list > li .sub-menu li.active > a, .primary-menu-list > li .sub-menu li.current-menu-item > a {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
  }
}

.primary-menu-list .menu-item-icon {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  height: 0.875rem;
  width: 0.875rem;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.view-toggle .view-icon-active {
  display: none;
}

.view-toggle:active .view-icon-active, .view-toggle:focus .view-icon-active, .view-toggle:hover .view-icon-active, .view-toggle.active .view-icon-active {
  display: block;
}

.view-toggle:active .view-icon-inactive, .view-toggle:focus .view-icon-inactive, .view-toggle:hover .view-icon-inactive, .view-toggle.active .view-icon-inactive {
  display: none;
}

.button {
  display: inline-block;
  white-space: nowrap;
  border-radius: 0.313rem;
  --tw-bg-opacity: 1;
  background-color: rgb(180 180 180 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.188rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button:hover,
	.button:active,
	.button:focus,
	.button.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-blue {
  display: inline-block;
  white-space: nowrap;
  border-radius: 0.313rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 204 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 145 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-blue:active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 43 86 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cart-item-actions {
  --add-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzciIGhlaWdodD0iMTcuNDM3Ij48cGF0aCBmaWxsPSIjMDZDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMy4yMTkgOC4xNTZhLjQyMy40MjMgMCAwIDAtLjQyMi0uNDIySDkuNzAzVjQuNjQxYS40MjMuNDIzIDAgMCAwLS40MjItLjQyMkg4LjE1NmEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYzLjA5M0g0LjY0MWEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYxLjEyNWMwIC4yMzIuMTkuNDIyLjQyMi40MjJoMy4wOTN2My4wOTRjMCAuMjMyLjE5LjQyMi40MjIuNDIyaDEuMTI1Yy4yMzIgMCAuNDIyLS4xOS40MjItLjQyMlY5LjcwM2gzLjA5NGMuMjMyIDAgLjQyMi0uMTkuNDIyLS40MjJWOC4xNTZabTQuMjE4LjU2M0E4LjcxNyA4LjcxNyAwIDAgMCA4LjcyIDAgOC43MTcgOC43MTcgMCAwIDAgMCA4LjcxOWE4LjcxNyA4LjcxNyAwIDAgMCA4LjcxOSA4LjcxOCA4LjcxNyA4LjcxNyAwIDAgMCA4LjcxOC04LjcxOFptLTEuNjg3IDBhNy4wMyA3LjAzIDAgMCAxLTcuMDMxIDcuMDMxIDcuMDMgNy4wMyAwIDAgMS03LjAzMi03LjAzMUE3LjAzIDcuMDMgMCAwIDEgOC43MiAxLjY4NyA3LjAzIDcuMDMgMCAwIDEgMTUuNzUgOC43MloiLz48L3N2Zz4=");
  --remove-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzciIGhlaWdodD0iMTcuNDM3Ij48cGF0aCBmaWxsPSIjMDZDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00LjY0IDkuNzAzaDguMTU3Yy4yMzIgMCAuNDIyLS4xOS40MjItLjQyMlY4LjE1NmEuNDIzLjQyMyAwIDAgMC0uNDIyLS40MjJINC42NGEuNDIzLjQyMyAwIDAgMC0uNDIyLjQyMnYxLjEyNWMwIC4yMzIuMTkuNDIyLjQyMi40MjJabTEyLjc5Ny0uOTg0QTguNzE3IDguNzE3IDAgMCAwIDguNzIgMCA4LjcxNyA4LjcxNyAwIDAgMCAwIDguNzE5YTguNzE3IDguNzE3IDAgMCAwIDguNzE5IDguNzE4IDguNzE3IDguNzE3IDAgMCAwIDguNzE4LTguNzE4Wm0tMS42ODcgMGE3LjAzIDcuMDMgMCAwIDEtNy4wMzEgNy4wMzEgNy4wMyA3LjAzIDAgMCAxLTcuMDMyLTcuMDMxQTcuMDMgNy4wMyAwIDAgMSA4LjcyIDEuNjg3IDcuMDMgNy4wMyAwIDAgMSAxNS43NSA4LjcyWiIvPjwvc3ZnPg==");
}

.cart-item-actions [data-in-cart="0"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.cart-item-actions [data-in-cart="0"] .icon {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 98 232 / var(--tw-bg-opacity));
  -webkit-mask: var(--add-icon);
  mask: var(--add-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.cart-item-actions [data-in-cart="0"]:hover .icon,
		.cart-item-actions [data-in-cart="0"]:active .icon,
		.cart-item-actions [data-in-cart="0"]:focus .icon {
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 145 / var(--tw-bg-opacity));
}

.cart-item-actions [data-in-cart="1"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.cart-item-actions [data-in-cart="1"] .icon {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 98 232 / var(--tw-bg-opacity));
  -webkit-mask: var(--remove-icon);
  mask: var(--remove-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.cart-item-actions [data-in-cart="1"]:hover .icon,
		.cart-item-actions [data-in-cart="1"]:active .icon,
		.cart-item-actions [data-in-cart="1"]:focus .icon {
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 145 / var(--tw-bg-opacity));
}

.drawer-container {
  position: relative;
}

.drawer-container.justified-gallery {
  /* need to use important to override justified gallery inline styles */
  height: auto !important;
}

.drawer-container a, 
		.drawer-container a:link, 
		.drawer-container a:visited, 
		.drawer-container a:hover, 
		.drawer-container a:active, 
		.drawer-container a:focus {
  --tw-text-opacity: 1;
  color: rgb(0 102 204 / var(--tw-text-opacity));
}

.drawer-container .prev,
	.drawer-container .next {
  position: absolute;
  z-index: 100;
  display: none;
  font-size: 0.688rem;
  font-weight: 300;
  line-height: 14px;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.drawer-container .prev::before,
	.drawer-container .next::before {
  margin-bottom: 0.5rem;
  display: block;
  height: 2.75rem;
  width: 2.75rem;
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity));
  background-size: 1rem 1rem;
  background-position: center;
  content: var(--tw-content);
  background-repeat: no-repeat;
}

@media not all and (min-width: 768px) {
  .drawer-container .prev,
	.drawer-container .next {
    bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .drawer-container .prev,
	.drawer-container .next {
    top: 50%;
  }
}

.drawer-container .prev:before, .drawer-container .next:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.688 16'%3E%3Cpath fill='%238A8A8A' fill-rule='nonzero' d='M1.884.34 8.39 7.25a1.088 1.088 0 0 1 0 1.5l-6.505 6.91A1.093 1.093 0 0 1 .3 14.158l5.837-6.16L.3 1.84A1.088 1.088 0 0 1 .342.3 1.092 1.092 0 0 1 1.884.34Z'/%3E%3C/svg%3E%0A");
}

.drawer-container .prev:hover, .drawer-container .next:hover {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.drawer-container .prev:hover:before, .drawer-container .next:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgb(138 138 138 / var(--tw-bg-opacity));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.688 16'%3E%3Cpath fill='%23FFFFFF' fill-rule='nonzero' d='M1.884.34 8.39 7.25a1.088 1.088 0 0 1 0 1.5l-6.505 6.91A1.093 1.093 0 0 1 .3 14.158l5.837-6.16L.3 1.84A1.088 1.088 0 0 1 .342.3 1.092 1.092 0 0 1 1.884.34Z'/%3E%3C/svg%3E%0A");
}

.drawer-container .prev:focus,
		.drawer-container .prev:active,
		.drawer-container .next:focus,
		.drawer-container .next:active {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.drawer-container .prev:focus:before, .drawer-container .prev:active:before, .drawer-container .next:focus:before, .drawer-container .next:active:before {
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.688 16'%3E%3Cpath fill='%23FFFFFF' fill-rule='nonzero' d='M1.884.34 8.39 7.25a1.088 1.088 0 0 1 0 1.5l-6.505 6.91A1.093 1.093 0 0 1 .3 14.158l5.837-6.16L.3 1.84A1.088 1.088 0 0 1 .342.3 1.092 1.092 0 0 1 1.884.34Z'/%3E%3C/svg%3E%0A");
}

.drawer-container .prev {
  left: calc(50% - 66px);
}

@media (min-width: 768px) {
  .drawer-container .prev {
    left: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .drawer-container .prev {
    left: 1.5rem;
  }
}

.drawer-container .next {
  right: calc(50% - 66px);
}

.drawer-container .next::before {
  content: var(--tw-content);
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .drawer-container .next {
    right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .drawer-container .next {
    right: 1.5rem;
  }
}

.drawer-container .close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  height: 2rem;
  width: 2rem;
  border-radius: 0.313rem;
  background-size: 1rem 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('assets/images/icon-close.svg');
}

.drawer-container .close:hover,
		.drawer-container .close:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity));
}

.drawer-container .close:active,
		.drawer-container .close:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(138 138 138 / var(--tw-bg-opacity));
}

.drawer-container .drawer-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  height: 100%;
  width: 100%;
  border-radius: 0.313rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  z-index: 100;
}

.drawer-container .drawer-overlay .drawer-overlay-content {
  position: relative;
  top: 50%;
  margin-top: -44px;
  text-align: center;
}

.drawer-container .drawer-overlay .drawer-overlay-content span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.drawer-wrapper {
  position: relative;
  grid-column: span 4 / span 4;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  display: none;
  height: auto;
  width: 100%;
}

.drawer-wrapper::before {
  content: var(--tw-content);
  display: table;
}

.drawer-wrapper::after {
  clear: both;
  content: var(--tw-content);
  display: table;
}

@media (min-width: 768px) {
  .drawer-wrapper {
    grid-column: span 9 / span 9;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .drawer-wrapper {
    grid-column: span 12 / span 12;
  }
}

.drawer-wrapper {
  grid-column: span 4 / span 4;
}

@media (min-width: 768px) {
  .drawer-wrapper {
    grid-column: span 9 / span 9;
  }
}

@media (min-width: 1024px) {
  .drawer-wrapper {
    grid-column: span 12 / span 12;
  }
}

.drawer-content {
  min-height: 250px;
  overflow: hidden;
  border-radius: 0.313rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media not all and (min-width: 768px) {
  .drawer-content {
    padding-bottom: 5.625rem;
  }
}

.drawer-content-load {
  padding-bottom: 1.5rem;
  padding-top: 0.75rem;
}

@media (min-width: 768px) {
  .drawer-content-load {
    padding-top: 1.5rem;
  }
}

.drawer-triangle {
  position: absolute;
  top: -1rem;
  height: 0px;
  width: 0px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(250 250 250 / var(--tw-border-opacity));
  border-bottom-width: 1rem;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
}

.drawer-for-tile-video {
  margin-top: 0px;
}

.dap-video-embed-player {
  height: 100%;
}

.nicescroll-rails {
  border-right: 1px solid red;
}

.drawer-body-text {
  font-weight: 200;
  margin-bottom: 0;
  overflow: auto;
  padding-right: calc(20px * 1.5);
}

/* accommodate scrollbar */

.drawer-body-text p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.loading-note {
  margin: 14px 0 12px;
}

ul, ol {
  margin-bottom: 1rem;
  font-weight: 200;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0px;
}

dl {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: grid;
}

dt {
  grid-column-start: 1;
  margin-right: 0.5rem;
  font-weight: 200;
}

dt::after {
  content: ':';
}

dd {
  grid-column-start: 2;
  font-weight: 300;
}

.svg-control svg g {
  fill: currentColor;
}

.search-cancel-button::-webkit-search-cancel-button {
  display: none;
}

.search-form-wrapper input[type=search] {
  outline: none;
}

hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 216 216 / var(--tw-border-opacity));
}

@media (min-width: 768px) {
  hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-2 {
  inset: 0.5rem;
}

.inset-3 {
  inset: 0.75rem;
}

.-bottom-0 {
  bottom: -0px;
}

.-bottom-0\.5 {
  bottom: -0.125rem;
}

.-right-0 {
  right: -0px;
}

.-right-0\.5 {
  right: -0.125rem;
}

.-top-0 {
  top: -0px;
}

.-top-0\.5 {
  top: -0.125rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-2\.5 {
  bottom: 0.625rem;
}

.bottom-8 {
  bottom: 2rem;
}

.left-0 {
  left: 0px;
}

.left-2 {
  left: 0.5rem;
}

.left-2\.5 {
  left: 0.625rem;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-2\.5 {
  right: 0.625rem;
}

.top-0 {
  top: 0px;
}

.top-15 {
  top: 3.75rem;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.z-10 {
  z-index: 10;
}

.z-4 {
  z-index: 4;
}

.z-999 {
  z-index: 999;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[9999\] {
  z-index: 9999;
}

.-order-1 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-first {
  -webkit-box-ordinal-group: -9998;
      -ms-flex-order: -9999;
          order: -9999;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.col-auto {
  grid-column: auto;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-end-9 {
  grid-column-end: 9;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-start-1 {
  grid-row-start: 1;
}

.m-0 {
  margin: 0px;
}

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

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-heading {
  margin-bottom: var(--gap-heading);
}

.mb-section {
  margin-bottom: var(--gap-section);
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0px;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-auto {
  margin-right: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-3\.5 {
  margin-top: 0.875rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-heading {
  margin-top: var(--gap-heading);
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-16 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 16;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[1\.895\] {
  aspect-ratio: 1.895;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.h-0 {
  height: 0px;
}

.h-15 {
  height: 3.75rem;
}

.h-4 {
  height: 1rem;
}

.h-4\.5 {
  height: 1.125rem;
}

.h-6 {
  height: 1.5rem;
}

.h-6\.5 {
  height: 1.625rem;
}

.h-8 {
  height: 2rem;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-107\.5 {
  max-height: 26.875rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-full {
  max-height: 100%;
}

.min-h-full {
  min-height: 100%;
}

.w-0 {
  width: 0px;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-6\.5 {
  width: 1.625rem;
}

.w-8 {
  width: 2rem;
}

.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-header-search-form {
  width: calc(100% - 2.75rem);
}

.max-w-104 {
  max-width: 26rem;
}

.max-w-158 {
  max-width: 39.5rem;
}

.max-w-none {
  max-width: none;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-show-desktop {
  grid-template-columns: repeat(auto-fill, 12.5rem);
}

.grid-cols-show-mobile {
  grid-template-columns: repeat(auto-fill, 10.1875rem);
}

.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}

.grid-rows-\[auto_auto_1fr\] {
  grid-template-rows: auto auto 1fr;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.place-content-center {
  place-content: center;
}

.place-content-start {
  place-content: start;
}

.content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-col {
  gap: 1rem;
}

.gap-x-4 {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.gap-x-6 {
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overflow-hidden {
  overflow: hidden;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-5 {
  border-radius: 0.313rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-t {
  border-top-width: 1px;
}

.\!border-alert-error {
  --tw-border-opacity: 1 !important;
  border-color: rgb(169 68 66 / var(--tw-border-opacity)) !important;
}

.border-alert-info-border {
  --tw-border-opacity: 1;
  border-color: rgb(133 197 229 / var(--tw-border-opacity));
}

.border-alert-success-border {
  --tw-border-opacity: 1;
  border-color: rgb(163 212 142 / var(--tw-border-opacity));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-blue-link {
  --tw-border-opacity: 1;
  border-color: rgb(0 102 204 / var(--tw-border-opacity));
}

.border-gray-light {
  --tw-border-opacity: 1;
  border-color: rgb(216 216 216 / var(--tw-border-opacity));
}

.border-gray-lighter {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.border-gray-medium {
  --tw-border-opacity: 1;
  border-color: rgb(138 138 138 / var(--tw-border-opacity));
}

.border-b-gray-light {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(216 216 216 / var(--tw-border-opacity));
}

.bg-alert-info {
  --tw-bg-opacity: 1;
  background-color: rgb(217 237 247 / var(--tw-bg-opacity));
}

.bg-alert-success {
  --tw-bg-opacity: 1;
  background-color: rgb(223 240 216 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blue-link {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 204 / var(--tw-bg-opacity));
}

.bg-gray-light {
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity));
}

.bg-gray-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.bg-gray-smoke-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-video-tile-overlay {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(58%, rgba(0, 0, 0, .8)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 58%);
}

.from-gray-smoke {
  --tw-gradient-from: #F5F5F5 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(245 245 245 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-white {
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.bg-contain {
  background-size: contain;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.p-0 {
  padding: 0px;
}

.p-2 {
  padding: 0.5rem;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.25 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

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

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.25 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-\[0\.563rem\] {
  padding-top: 0.563rem;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-base {
  font-size: 1.125rem;
}

.text-lg {
  font-size: 1.5rem;
}

.text-sm {
  font-size:  1rem;
}

.text-xl {
  font-size: 2rem;
}

.text-xs {
  font-size: 0.875rem;
}

.text-xxl {
  font-size: 2.25rem;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-10\.5 {
  line-height: 2.625rem;
}

.leading-12 {
  line-height: 3rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-4\.5 {
  line-height: 1.125rem;
}

.leading-4\.75 {
  line-height: 1.188rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-5\.5 {
  line-height: 1.375rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-7\.25 {
  line-height: 1.8125rem;
}

.leading-7\.75 {
  line-height: 1.938rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-\[1\.1875rem\] {
  line-height: 1.1875rem;
}

.leading-none {
  line-height: 1;
}

.tracking-\[1px\] {
  letter-spacing: 1px;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.\!text-blue-link {
  --tw-text-opacity: 1 !important;
  color: rgb(0 102 204 / var(--tw-text-opacity)) !important;
}

.\!text-blue-tertiary {
  --tw-text-opacity: 1 !important;
  color: rgb(26 98 232 / var(--tw-text-opacity)) !important;
}

.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(18 18 18 / var(--tw-text-opacity)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-alert-info-text {
  --tw-text-opacity: 1;
  color: rgb(49 112 143 / var(--tw-text-opacity));
}

.text-alert-success-text {
  --tw-text-opacity: 1;
  color: rgb(60 118 61 / var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-link {
  --tw-text-opacity: 1;
  color: rgb(0 102 204 / var(--tw-text-opacity));
}

.text-blue-tertiary {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
}

.text-gray-medium {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.decoration-0 {
  text-decoration-thickness: 0px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-60 {
  opacity: 0.6;
}

.shadow-copy-message {
  --tw-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-site-card {
  --tw-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.outline-0 {
  outline-width: 0px;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-all {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.duration-300 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-16 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 16;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

/* Utility class to convert black elements to #0066CC. Used to change SVG color. */

.black-to-blue-link {
  -webkit-filter: invert(22%) sepia(80%) saturate(2658%) hue-rotate(198deg) brightness(96%) contrast(101%);
          filter: invert(22%) sepia(80%) saturate(2658%) hue-rotate(198deg) brightness(96%) contrast(101%);
}

/* Utility class to convert black elements to #1A62E8. Used to change SVG color. */

.black-to-navy-blue {
  -webkit-filter: invert(27%) sepia(92%) saturate(1295%) hue-rotate(202deg) brightness(103%) contrast(110%);
          filter: invert(27%) sepia(92%) saturate(1295%) hue-rotate(202deg) brightness(103%) contrast(110%);
}

@media not all and (min-width: 1280px) {
  .max-xl-hidden {
    display: none;
  }
}

@media (min-width: 1280px) {
  .xl-hidden {
    display: none;
  }
}

.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.clearfix {
  overflow: hidden;
}

.clearfix::before {
  content: var(--tw-content);
  display: table;
}

.clearfix::after {
  content: var(--tw-content);
  clear: both;
}

/* TODO: Clean this file. */

/* Imports that don"t generate any actual CSS output */

/* ------------------------------------------------- */

/* --- Blend Modes plugin: used in _base.scss, so import it now. */

/*@import "blend-modes"*/

/* --- Get project vars, configurations. */

/* -------------------------------------------------------------- */

/* Colors */

/* -------------------------------------------------------------- */

/* Acts as opaque base colors for the possibly semi-transparent colors that */

/* get applied to the elements inside the tiles. */

/* @TODO factor this out. */

/* @TODO factor this out. */

/* Social */

/* BRAND COLORS */

/* ABC */

/* yellow */

/* Episode tile colors. */

/* @see $color-schedule-list-vertical-tile-bg */

/* @see $color-schedule-list-horizontal-tile-bg */

/*blend-normal(transparentize($abc-brand-1, 0.9), $color-schedule-list-tile-bg);*/

/*blend-normal(transparentize($abc-brand-1, 0.2), $color-schedule-list-tile-bg);*/

/*blend-normal(transparentize($abc-brand-1, 0.4), $color-schedule-list-tile-bg);*/

/*blend-normal(transparentize($abc-brand-1, 0.9), $color-schedule-list-tile-bg);*/

/*blend-normal(transparentize($abc-brand-1, 0.5), $abc-schedule-tile-bg);*/

/*blend-normal(transparentize($abc-schedule-tile-bg, 0.7), $color-schedule-list-tile-bg);*/

/* ABC Family */

/* dark red */

/* light red */

/* pink */

/* Disney Channel */

/* yellow */

/* light blue */

/* blue */

/* Disney Junior */

/* red */

/* yellow */

/* blue */

/* brown */

/* gray */

/* Disney XD */

/* light green */

/* dark blue */

/* Radio Disney */

/* purple */

/* also purple */

/* red */

/* blue */

/* dark blue */

/* DATG */

/* yellow */

/* Members Site */

/* Semantic colors. These base colors should be saturated enough to use as text colors */

/* (assuming a white bg). */

/* Alert colors. */

/* Misc colors. */

/* -------------------------------------------------------------- */

/* Fonts */

/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */

/* Font sizes */

/* -------------------------------------------------------------- */

/* Baseline values. */

/* ~12px */

/* ~24px. This value is also used as the default vertical unit. */

/* -- Standard sizes */

/* Normal */

/* 12px default */

/* Small */

/* default 10px; */

/* Extra small */

/* default 9px; */

/* Medium */

/* default 15px; */

/* Big */

/* default 20px; */

/* Bigger */

/* default 24px; */

/* Biggest */

/* default 40px; */

/* -- Other common sizes */

/* -------------------------------------------------------------- */

/* Sizes */

/* -------------------------------------------------------------- */

/* Responsive / breakpoint configuration */

/* @see custom breakpoint() mixin in _mixins.scss */

/* 15px * 2 */

/* Standard building-block sizes. */

/* This should be set equal to the base line height. */

/* Use as basic unit for horizontal dimensions, padding, margins etc. */

/* Section spacing. */

/* Just an alias for $vertical-unit. */

/* Just an alias for $horizontal-unit. */

/* Layout component sizes. (widths should be multiples of $hunit) */

/* Used on header-wrap, footer-wrap. 1280px width + (10px gutter * 2) */

/* -------------------------------------------------------------- */

/* Form stuff */

/* -------------------------------------------------------------- */

/* make sure contrast is sufficient on normal and error bg colors */

/* Labels */

/* Buttons */

/* Checkboxes and radios. */

/* Checkbox colors */

/* --- dark bg variation */

/* Radio colors */

/* --- dark bg varation */

/* Misc individual field customizations */

/* as px or rem */

/* --- Import the Compass modules and plugins we want to use. */

/* (do this AFTER base, so we can customize default vars if necessary) */

/*@import "compass/css3"*/

/*@import "compass/utilities"*/

/* Custom mixins in their own partial */

/* @TODO check and fix all the mixins. */

/* Imports that generate output and rely on the imports above */

/* ---------------------------------------------------------- */

/* External libraries we may want to override with our own CSS downstream. */

/* (unless one of these is really big, we"ll just include it with our standard */

/*  build CSS, rather than cause additional file downloads for end user) */

/* */

/* Chosen, a Select Box Enhancer for jQuery and Prototype */

/* by Patrick Filler for Harvest, http://getharvest.com */

/* */

/* *** These styles customized (heavily) from Chosen v1.1.0 for DAP *** */

/* */

/* Full source at https://github.com/harvesthq/chosen */

/* Copyright (c) 2011 Harvest http://getharvest.com */

/* MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

/* */

/* @group Base */

.chosen-container {
  display: inline-block;
  font-size: .9375rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  zoom: 1;
}

.chosen-container.error {
  background-color: #F1DEDE;
  /* border: 1px solid $form-field-border-color-error; */
}

.chosen-container .chosen-drop {
  margin-top: -0.25rem;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: -9999px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1010;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
  border-radius: 0.1875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding: 0.5rem;
  background-clip: padding-box;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-single,
		.chosen-container-single .chosen-single:link,
		.chosen-container-single .chosen-single:visited {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.chosen-container-single .chosen-single:hover,
		.chosen-container-single .chosen-single:active,
		.chosen-container-single .chosen-single:focus {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.search .chosen-container-single .chosen-single {
  background-color: #e0e0e0;
  color: #000000;
}

.search .chosen-container-single .chosen-single:hover,
			.search .chosen-container-single .chosen-single:active,
			.search .chosen-container-single .chosen-single:focus {
  background-color: #bdbdbd;
  color: #ffffff;
}

.chosen-container-single.error {
  background-color: #F1DEDE;
}

/* border: 1px solid $form-field-border-color-error; */

.chosen-container-single.error .chosen-single {
  background-color: #F1DEDE;
  border: 1px solid #a94442;
}

.chosen-container-single .chosen-default {
  color: #777;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 2rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.chosen-container-single .chosen-single span:after {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-left-width: 0.375rem;
  border-right-width: 0.375rem;
  border-top-width: 0.375rem;
  border-left-color: transparent;
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(138 138 138 / var(--tw-border-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  /* @TODO replace dap-icon mixin */
  /*@mixin dap-icon 'exit';*/
  border-bottom: none;
  color: #777;
  cursor: pointer;
  display: block;
  font-size: 10px;
  height: 100%;
  line-height: 1;
  padding-top: 12px;
  position: absolute;
  right: 40px;
  /* should be greater than width of .chosen-container-single .chosen-single div */
  top: 0;
  width: 12px;
}

.chosen-container-single .chosen-single abbr:hover {
  color: #fff;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  color: #fff;
}

.chosen-container-single .chosen-single div {
  display: block;
  height: 100%;
  padding-right: 8px;
  padding-top: 5px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 36px;
}

.chosen-container-single .chosen-single div b {
  /*@mixin dap-icon 'arrow-down-wide', bold;*/
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: 1;
}

.chosen-container-single .chosen-search {
  margin: 0;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1010;
}

.chosen-container-single .chosen-search input[type="text"] {
  background: #9f9f9f url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;
  border: 1px solid #fff;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: sans-serif;
  font-size: 1em;
  height: auto;
  line-height: normal;
  margin: 1px 0;
  outline: 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
}

.chosen-container-single .chosen-drop {
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  left: -9999px;
  position: absolute;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  margin: 0 0 4px 0;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0 0;
  position: relative;
}

.chosen-container .chosen-results li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  font-weight: 300;
  display: none;
  list-style: none;
  margin: 0;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  display: list-item;
}

.chosen-container .chosen-results li.disabled-result {
  color: #ccc;
  cursor: default;
  display: list-item;
}

.chosen-container .chosen-results li.highlighted {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.search .chosen-container .chosen-results li.highlighted {
  background-color: #bdbdbd;
  color: #ffffff;
}

.chosen-container .chosen-results li.no-results {
  background: #9f9f9f;
  display: list-item;
}

.chosen-container .chosen-results li.group-result {
  cursor: default;
  display: list-item;
  font-weight: bold;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.search .chosen-container .chosen-results {
  color: #000000;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
  background-color: #9f9f9f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6c6c6c), color-stop(15%, #9f9f9f));
  background-image: linear-gradient(#6c6c6c 1%, #9f9f9f 15%);
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: text;
  height: auto !important;
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.search .chosen-container-multi .chosen-choices {
  background-color: #e0e0e0;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  color: #666;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  line-height: normal;
  margin: 1px 0;
  outline: 0;
  padding: 5px;
}

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background-clip: padding-box;
  background-color: #6c6c6c;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #333;
  cursor: default;
  line-height: 13px;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  /*@mixin dap-icon 'exit';*/
  display: block;
  font-size: 1px;
  height: 12px;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  /* @TODO */
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  background-color: #9f9f9f;
  border: 1px solid #fff;
  color: #666;
  padding-right: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  /* @TODO */
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */

/* @group Active	*/

.chosen-container-active.chosen-with-drop .chosen-single {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  background: transparent;
  border-left: none;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  /* @TODO? */
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */

/* @group Disabled Support */

.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  direction: rtl;
  margin-left: 26px;
  margin-right: 0;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  left: 3px;
  right: auto;
}

.chosen-rtl .chosen-single abbr {
  left: 26px;
  right: auto;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  left: 4px;
  right: auto;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-left: 0;
  padding-right: 15px;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  background: white url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
  padding: 4px 5px 4px 20px;
}

/* @end */

/*!
 * Justified Gallery - v3.2.0
 * http://miromannino.com/projects/justified-gallery/
 * Copyright (c) 2014 Miro Mannino
 * Licensed under the MIT license.
 */

.justified-gallery {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.justified-gallery > a > img,
.justified-gallery > div > img {
  border: none;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
}

.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
  background-color: #000000;
  bottom: 0;
  color: white;
  display: none;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 300;
  left: 0;
  margin: 0;
  padding: 5px;
  position: absolute;
  right: 0;
}

.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
  display: initial;
  opacity: 0.7;
}

.justified-gallery > .entry-visible {
  opacity: 1.0;
}

.justified-gallery > .spinner {
  bottom: 0;
  -webkit-filter: initial;
          filter: initial;
  left: 50%;
  margin-left: -24px;
  opacity: initial;
  overflow: initial;
  padding: 10px 0 10px 0;
  position: absolute;
}

.justified-gallery > .spinner > span {
  background-color: #000;
  border-radius: 6px;
  display: inline-block;
  height: 8px;
  margin: 0 4px 0 4px;
  opacity: 0;
  width: 8px;
}

/* jQuery UI datepicker reset */

/*--------------------------------------------------------------
jQuery UI Datepicker Reset
--------------------------------------------------------------*/

.ui-datepicker {
  padding: 0;
  width: auto;
}

.ui-datepicker.ui-corner-all,
	.ui-datepicker .ui-corner-all {
  border-radius: 0px;
}

.ui-datepicker.ui-widget-content {
  background: transparent;
  border: none;
}

.ui-datepicker.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-datepicker .ui-datepicker-header {
  height: 36px;
  padding: 11px 0 5px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  left: auto;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  top: auto;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: normal;
  line-height: 13px;
  margin: 0;
}

.ui-datepicker .ui-icon {
  background: transparent;
}

.ui-datepicker .ui-state-hover,
	.ui-datepicker .ui-widget-content .ui-state-hover,
	.ui-datepicker .ui-widget-header .ui-state-hover {
  border: none;
  background: transparent;
}

.ui-datepicker .ui-priority-secondary,
	.ui-datepicker .ui-widget-content .ui-priority-secondary {
  opacity: 1;
}

.ui-datepicker .ui-state-default,
	.ui-datepicker .ui-widget-content .ui-state-default {
  border: none;
}

.ui-datepicker table {
  border-collapse: separate;
  margin: 0;
}

.ui-datepicker td {
  border: none;
  padding: 0;
}

/* css for timepicker */

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

/* Our project CSS. */

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

table {
  margin: 0 0 1.5rem;
  width: 100%;
}

th {
  font-weight: bold;
}

body a:focus {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

blockquote {
  color: #666666;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 200;
  letter-spacing: 0.03em;
  line-height: 2.25rem;
  margin: calc(1.5rem * 2.5);
  position: relative;
}

.site-members blockquote {
  color: #888888;
}

blockquote p:first-child:before {
  content: '“';
  margin-left: -9px;
  position: absolute;
}

blockquote p:last-child:after {
  content: '”';
}

blockquote p {
  display: inline-block;
  margin: 0;
}

blockquote p + p {
  margin-top: 1.5rem;
}

pre {
  background-color: #ffffff;
  margin: 0 0 0 0;
  /* Wrap pres with <p> to achieve top/bottom margins. */
  padding: calc(1.5rem / 2) calc(8px / 2);
}

.site-members pre {
  background-color: #000000;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
  display: block;
}

/* @import "forms.pcss"; */

.site-header-top {
  background-color: #f5f5f5;
  display: none;
  height: 74px;
  margin: -5px -5px 0;
  min-height: auto;
  padding: 12px 0;
}

@media only screen and (min-width: 1024px) {
  .site-header-top {
    display: block
  }
}

.site-header-top a {
  color: #333333;
}

.site-header-top .site-header-top-row {
  display: table;
  height: 50px;
  width: 100%;
}

.site-header-top .top-center-box,
	.site-header-top .top-right-box,
	.site-header-top .top-left-box {
  display: table-cell;
  position: static;
  vertical-align: middle;
}

.site-header-top .top-right-box,
	.site-header-top .top-left-box {
  width: 20%;
}

.site-header-top .top-center-box {
  width: 60%;
}

.site-header-top .top-center-box img {
  display: block;
  height: 50px;
  margin: 0 auto;
}

.site-header-top .top-search {
  margin-top: 0;
}

.site-header-top .top-search input#search {
  background: #FFFFFF;
  border: 1px solid #cecece;
  -webkit-box-shadow: inset 0 5px 5px -7px black;
          box-shadow: inset 0 5px 5px -7px black;
  color: #000;
  height: 36px;
}

.site-header-top .top-search button.searchsubmit {
  font-size: 1.5625rem;
  top: 5px;
}

.site-header-top .form-hline a {
  float: left;
  font-size: .8125rem;
  padding-bottom: 1em;
  text-align: left;
}

.site-header-top .iconmediabox {
  margin: -2px 0 0 5px;
  width: auto;
}

.site-header-top .iconmediabox .cart-count {
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  font-size: .8125rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 0;
  padding: 7px 30px 7px 15px;
  position: relative;
}

.site-header-top .iconmediabox .cart-count:after {
  background: #D8D8D8;
  border-radius: 3px;
  bottom: 0;
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  width: 25px;
}

.site-header-top .iconmediabox .cart-count:before {
  background-image: url('download-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px;
  bottom: 0;
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  width: 25px;
  z-index: 1;
}

/* .site-header-top */

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
  bottom: 0;
  clear: both;
  display: none;
  left: 0;
  min-height: 23px;
  padding: 20px 0 0 10px;
  position: absolute;
  top: 0;
  width: 40%;
}

@media only screen and (min-width: 1024px) {
  .main-navigation {
    float: left;
    left: auto;
    padding: 0 0 0 163px;
    position: relative;
    top: auto;
    width: 100%
  }
}

@media only screen and (min-width: 1280px) {
  .main-navigation {
    /*padding: 0 0 0 278px;*/
  }
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul.nav-menu {
  text-align: center;
  width: 77%;
}

.main-navigation ul.nav-menu > li {
  display: inline-block;
  float: none;
}

@media only screen and (min-width: 1024px) {
  .main-navigation ul {
    display: block
  }
}

.main-navigation ul .mega-wrapper {
  text-align: left;
}

.main-navigation.toggled {
  -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 5px;
          box-shadow: rgba(0, 0, 0, .3) 0 0 5px;
  background-color: rgba(255, 255, 255, .95);
  overflow-y: auto;
  position: fixed;
  z-index: 121;
}

.main-navigation.toggled .nav-menu {
  display: block;
  text-align: left;
  width: auto;
}

.main-navigation.toggled .nav-menu > li {
  display: block;
  float: left;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .main-navigation.toggled {
    -webkit-box-shadow: 0 0 #0000;
            box-shadow: 0 0 #0000;
    background-color: transparent
  }
}

.main-navigation li {
  padding: 0 30px 0 19px;
}

@media only screen and (min-width: 1024px) {
  .main-navigation li {
    float: left;
    margin-right: 20px;
    padding: 0
  }
}

@media only screen and (min-width: 1280px) {
  .main-navigation li {
    margin-right: 30px
  }
}

.main-navigation li:first-child a {
  border-top: 0;
}

.main-navigation li:last-child {
  margin-right: 0;
}

.main-navigation a {
  border-top: 1px solid #666666;
  color: #666666;
  display: block;
  font-size: .625rem;
  font-weight: 300;
  line-height: 1.2;
  padding: 10px 10px 8px 0;
  text-decoration: none;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  .main-navigation a {
    border-top: 0;
    font-size: .8125rem;
    height: 23px;
    line-height: 18px;
    padding: 0
  }
}

#desktop-site-navigation.main-navigation ul li li a,
.main-navigation li:hover a,
.main-navigation a:hover,
.main-navigation li.current_page_item a {
  color: #000000;
}

.desktop-only-navigation {
  margin: 20px -5px 0;
  display: none;
}

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

.desktop-only-navigation .main-navigation {
  float: none;
  min-height: 0;
  padding: 0;
  text-align: center;
}

.desktop-only-navigation .main-navigation .menu-item {
  display: inline-block;
  float: none;
}

.desktop-only-navigation .main-navigation .menu-item > a {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 15px 0 12px;
}

.menu-toggle {
  /*@mixin dap-icon 'menu';*/
  background-color: transparent;
  color: #666666;
  font-size: .625rem;
  padding: 0 0 0 18px;
  position: relative;
}

.menu-toggle:hover {
  color: #000000;
}

.menu-toggle:before {
  font-size: 17px;
  left: -2px;
  position: absolute;
  top: 8px;
}

@media only screen and (min-width: 1024px) {
  .menu-toggle {
    display: none
  }
}

.error404 .menu-toggle:hover {
  color: #ffffff;
}

.main-navigation ul ul {
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 3px 3px;
          box-shadow: rgba(0, 0, 0, .2) 0 3px 3px;
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul {
  left: 100%;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}

.site-main .comment-navigation,
.site-main .paging-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.post-navigation {
  margin: 0 0 3.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
5.2.1 Blog Category Navigation
--------------------------------------------------------------*/

.btn-calendar,
.btn-categories {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-appearance: none;
  background: transparent;
  bottom: 0;
  border: none;
  color: #666666;
  display: block;
  font-size: .6875rem;
  font-weight: 300;
  line-height: 1.4;
  outline: none;
  padding-right: 40px;
  position: absolute;
  right: 0;
  text-shadow: none;
  text-transform: none;
  width: 35%;
}

@media only screen and (min-width: 376px) {
  .btn-calendar,
.btn-categories {
    width: auto
  }
}

.btn-calendar:hover,
	.btn-calendar:focus,
	.btn-calendar.active,
	.btn-categories:hover,
	.btn-categories:focus,
	.btn-categories.active {
  -webkit-box-shadow: 0 0 #0000;
          box-shadow: 0 0 #0000;
  background: transparent;
  color: #000000;
  outline: none;
}

.btn-calendar:before, .btn-categories:before {
  color: #000000;
  font-size: 27px;
  position: absolute;
  right: 0;
  top: 8px;
}

.no-js .btn-calendar, .no-js .btn-categories {
  display: none;
}

.nav-category-bg {
  -webkit-box-shadow: inset 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 -10px 25px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 -10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F7B81B;
}

.categories-heading {
  border-bottom: 1px solid rgba(34, 34, 34, 0.2);
  color: #222222;
  font-size: .8125rem;
  font-weight: 200;
  line-height: 1;
  margin: 0;
  padding: 0 0 2px 2px;
}

/*--------------------------------------------------------------
5.2.1.1 Calendar Navigation
--------------------------------------------------------------*/

.btn-calendar {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-appearance: none;
  background: transparent;
  bottom: 0;
  border: none;
  color: #666666;
  display: block;
  font-size: .6875rem;
  font-weight: 300;
  line-height: 1.4;
  outline: none;
  padding-right: 40px;
  position: absolute;
  right: 0;
  text-shadow: none;
  text-transform: none;
  width: 35%;
}

@media only screen and (min-width: 376px) {
  .btn-calendar {
    width: auto
  }
}

.btn-calendar:hover,.btn-calendar:focus,.btn-calendar.active {
  -webkit-box-shadow: 0 0 #0000;
          box-shadow: 0 0 #0000;
  background: transparent;
  color: #000000;
  outline: none;
}

.btn-calendar:before {
  color: #000000;
  font-size: 27px;
  position: absolute;
  right: 0;
  top: 8px;
}

 .no-js .btn-calendar {
  display: none;
}

.page-template-podcasts .btn-calendar, .audio-show-body .btn-calendar {
  color: #9013FE;
}

.page-template-podcasts .btn-calendar:before, .audio-show-body .btn-calendar:before {
  color: #9013FE;
}

.btn-calendar {
  float: right;
  font-size: .8125rem;
  font-weight: 200;
  padding-left: 0;
  padding-top: 0;
  position: relative;
  margin-bottom: 10px;
  text-transform: none;
}

@media only screen and (min-width: 376px) {
  .btn-calendar {
    float: none
  }
}

.btn-calendar:before {
  color: #666666;
  top: 4px;
}

.btn-calendar .no-js {
  display: none;
}

.nav-calendar {
  -webkit-box-shadow: inset 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 -10px 25px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 -10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F7B81B;
  -webkit-transition: max-height 0.5s, opacity 0.5s;
  transition: max-height 0.5s, opacity 0.5s;
  -webkit-backface-visibility: hidden;
  min-height: calc(1.5rem * 2.5);
  line-height: 1;
}

@media only screen and (min-width: 376px) {
  .nav-calendar {
    min-height: auto
  }
}

@media only screen and (min-width: 1310px) {
  .nav-calendar {
    margin: 0 -30px 0
  }
}

.nav-calendar .container:before, .nav-calendar .container:after {
  content: "";
  display: table;
}

.nav-calendar .container:after {
  clear: both;
}

.nav-calendar .container {
  padding: 12px 0;
  position: relative;
}

.nav-calendar .calendar-today {
  background-color: #f8c75d;
  border: 1px solid #000000;
  color: #000000;
  cursor: pointer;
  display: block;
  line-height: 40px;
  margin-bottom: 4px;
  text-align: center;
  width: 215px;
}

#menu-main-showpage-menu {
  margin: 0;
}

/*--------------------------------------------------------------
5.2.2 Mega Menu
--------------------------------------------------------------*/

.mega-menu {
  -webkit-box-shadow: rgba(0, 0, 0, .25) 0 5px 5px 2px;
          box-shadow: rgba(0, 0, 0, .25) 0 5px 5px 2px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: #e1e1e1;
  display: none;
  font-size: .75rem;
  left: 50%;
  line-height: 1.5;
  margin: 0 auto;
  padding: calc(1.5rem / 2) 1.5rem;
  position: absolute;
  top: 100%;
  width: 95%;
  z-index: 1000;
}

@media only screen and (min-width: 1024px) {
  .mega-parent:hover .mega-menu {
    /*display: block;*/
  }
}

.mega-menu .mega-wrapper {
  position: relative;
}

.mega-menu .mega-menu-column {
  border-left: 1px solid #bbb;
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 25%;
}

.mega-menu .mega-menu-column:first-child {
  border-left: none;
  padding-left: 0;
}

.mega-menu .mega-menu-column:last-child {
  padding-right: 0;
}

.mega-cat-name {
  color: #000000;
  font-size: .75rem;
  font-weight: 400;
  margin: 0;
}

/* specificity needed for nav overrides */

.mega-menu .mega-link-list {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  float: none;
  left: auto;
  margin: 0 0 1.5rem;
  padding: 0;
  position: relative;
  top: auto;
}

.mega-menu .mega-link-list li {
  float: none;
  margin-right: 0;
}

.mega-menu .mega-link-list li:hover {
  background-color: #f7b81b;
  color: #000000;
}

.mega-menu .mega-link-list a {
  color: #000000;
  display: block;
  height: auto;
  padding-left: calc(8px * 2);
  text-transform: none;
  width: 100%;
}

.mega-menu .mega-link-list a:hover {
  background-color: #f7b81b;
  color: #000000;
}

div#js-mega-menu.mega-menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 10000;
}

div#js-mega-menu.mega-menu > div.mega-wrapper {
  max-width: 33%;
  min-width: 33%;
  width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

div#js-mega-menu.mega-menu > div.mega-wrapper > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

/* --------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Utility
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5rem;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5rem;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

.pos-relative {
  position: relative;
}

.line-right {
  position: relative;
}

.line-right:before {
  background: #a7a7a7;
  bottom: 10px;
  content: '';
  display: block !important;
  position: absolute;
  right: -30px;
  top: 45px;
  width: 1px;
}

.show-episodes-teaser-list-header .inline-heading:link,
		.show-episodes-teaser-list-header .inline-heading:visited {
  top: 0;
}

.container-wide {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1408px) {
  .container-wide {
    max-width: 1408px;
  }
}

.container-wide {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .container-wide {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1280px) {
  .container-wide {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.nav-calendar .container-wide:before, .nav-calendar .container-wide:after {
  content: "";
  display: table;
}

.nav-calendar .container-wide:after {
  clear: both;
}

.nav-calendar .container-wide {
  padding: 12px 0;
  position: relative;
}

.post-title-wrapper.has-registration-banner .container-wide:before, .post-title-wrapper.has-registration-banner .container-wide:after {
  content: "";
  display: table;
}

.post-title-wrapper.has-registration-banner .container-wide:after {
  clear: both;
}

.post-title-wrapper.has-registration-banner .container-wide {
  max-width: none;
  padding: 0 0 0 0;
}

.networks-selector-container .container-wide {
  position: static;
}

div.contact-form-drawer .container-wide {
  padding: 100px 0 35px;
}

.season-pages-episode-subheader .container-wide:before, .season-pages-episode-subheader .container-wide:after, .show-pages-episode-subheader .container-wide:before, .show-pages-episode-subheader .container-wide:after {
  content: "";
  display: table;
}

.season-pages-episode-subheader .container-wide:after, .show-pages-episode-subheader .container-wide:after {
  clear: both;
}

.info .container-wide {
  max-width: 820px;
}

.info .container-wide .name {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
}

.page-template-special-template-d .post-title-wrapper .container-wide, .page-template-special-template-d-releases .post-title-wrapper .container-wide {
  padding: 10px 20px 0 20px;
}

.special-template-c .post-title-wrapper .container-wide, .special-template-c-day .post-title-wrapper .container-wide {
  background-color: inherit;
}

.drawer-container .episode-photos.container-wide {
  padding: 30px 30px;
}

.drawer-content-load .episode-photos.container-wide .item-box {
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

.drawer-content-load .episode-photos.container-wide .basic-heading-light.alignright {
  margin-top: 10px;
}

.drawer-content-load .episode-photos.container-wide .item-box.width-auto {
  width: auto;
}

.container-wide {
  max-width: 1300px;
}

.container-clearfix:before, .container-clearfix:after {
  content: "";
  display: table;
}

.container-clearfix:after {
  clear: both;
}

.container-clearfix {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1408px) {
  .container-clearfix {
    max-width: 1408px;
  }
}

.container-clearfix {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .container-clearfix {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1280px) {
  .container-clearfix {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.nav-calendar .container-clearfix:before, .nav-calendar .container-clearfix:after {
  content: "";
  display: table;
}

.nav-calendar .container-clearfix:after {
  clear: both;
}

.nav-calendar .container-clearfix {
  padding: 12px 0;
  position: relative;
}

.post-title-wrapper.has-registration-banner .container-clearfix:before, .post-title-wrapper.has-registration-banner .container-clearfix:after {
  content: "";
  display: table;
}

.post-title-wrapper.has-registration-banner .container-clearfix:after {
  clear: both;
}

.post-title-wrapper.has-registration-banner .container-clearfix {
  max-width: none;
  padding: 0 0 0 0;
}

.networks-selector-container .container-clearfix {
  position: static;
}

div.contact-form-drawer .container-clearfix {
  padding: 100px 0 35px;
}

.season-pages-episode-subheader .container-clearfix:before, .season-pages-episode-subheader .container-clearfix:after, .show-pages-episode-subheader .container-clearfix:before, .show-pages-episode-subheader .container-clearfix:after {
  content: "";
  display: table;
}

.season-pages-episode-subheader .container-clearfix:after, .show-pages-episode-subheader .container-clearfix:after {
  clear: both;
}

.info .container-clearfix {
  max-width: 820px;
}

.info .container-clearfix .name {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
}

.page-template-special-template-d .post-title-wrapper .container-clearfix, .page-template-special-template-d-releases .post-title-wrapper .container-clearfix {
  padding: 10px 20px 0 20px;
}

.special-template-c .post-title-wrapper .container-clearfix, .special-template-c-day .post-title-wrapper .container-clearfix {
  background-color: inherit;
}

.drawer-container .episode-photos.container-clearfix {
  padding: 30px 30px;
}

.drawer-content-load .episode-photos.container-clearfix .item-box {
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

.drawer-content-load .episode-photos.container-clearfix .basic-heading-light.alignright {
  margin-top: 10px;
}

.drawer-content-load .episode-photos.container-clearfix .item-box.width-auto {
  width: auto;
}

.content-offset {
  max-width: 920px;
}

.no-margin-right {
  margin-right: 0;
}

.overlay-spinner {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.overlay-spinner .loader {
  color: #ffffff;
  margin-top: -32px;
  position: relative;
  text-align: center;
  top: 50%;
}

.overlay-spinner img {
  margin: 0 auto;
}

/* 	Breakpoint indicator
	------------------------------------------------------- */

.breakpoint-context {
  left: -999em;
  position: absolute;
  top: -999em;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .breakpoint-context {
    z-index: 2
  }
}

@media only screen and (min-width: 1024px) {
  .breakpoint-context {
    z-index: 3
  }
}

.center {
  display: block;
  margin: 0 auto;
}

.text-reset {
  color: inherit !important;
}

.overlay-spinner .loader {
  background-size: 32px 32px !important;
  /* Override theme default. */
  background: url('assets/images/loading.gif') center center;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

/*--------------------------------------------------------------
7.1 Episodes Lists
--------------------------------------------------------------*/

/**
 * The .episode-tile class is applied to all episode tiles, regardless
 * of what list they are displayed in, and is also applied to the
 * "expanded" episode tiles.
 *
 * In addition to the ".episode-tile" class, each episode tile
 * will have one or more of the following classes, depending
 * on when it airs relative to the current date and other episodes:
 *  - .upcoming     (all episodes that air *today or later* have this)
 *  - .past         (all episodes that aired *before* today have this)
 *  - .next         (next episode to air)
 *  - .after-next   (episode after the next *one* to air)
 *  - .after2-next  (episode after the next *two* to air)
 *  - .most-recent  (most recent episode to air)
 *
 * So: Try to keep universal episode tile styles here. Typically,
 * that means colors, font weights, stuff like that. Other styles
 * that are likely to vary per list (dimensions and so on) can go
 * in the list-specific styles later in this file.
 */

.episode-tile, .season-tile {
  background-color: rgba(224, 224, 224, 0.3);
  border: none;
}

.episode-tile a:link,
	.episode-tile a:visited,
	.season-tile a:link,
	.season-tile a:visited {
  color: #666666;
}

.episode-tile a:link .schedule-details, .episode-tile a:visited .schedule-details, .season-tile a:link .schedule-details, .season-tile a:visited .schedule-details {
  color: #000000;
}

.episode-tile a:hover,
	.episode-tile a:active,
	.episode-tile a:focus,
	.season-tile a:hover,
	.season-tile a:active,
	.season-tile a:focus {
  color: #F7B81B;
}

.episode-tile a:hover .schedule-details, .episode-tile a:active .schedule-details, .episode-tile a:focus .schedule-details, .season-tile a:hover .schedule-details, .season-tile a:active .schedule-details, .season-tile a:focus .schedule-details {
  color: #F7B81B;
}

/* === DEFAULT CHILD STYLES === */

.episode-tile .schedule-episode, .season-tile .schedule-episode {
  font-weight: 200;
}

.episode-tile .schedule-title, .season-tile .schedule-title {
  font-weight: 600;
}

.episode-tile .schedule-date, .season-tile .schedule-date {
  font-weight: 300;
}

.episode-tile .schedule-details, .season-tile .schedule-details {
  text-transform: uppercase;
}

.episode-tile .schedule-details a:link,
		.episode-tile .schedule-details a:visited,
		.season-tile .schedule-details a:link,
		.season-tile .schedule-details a:visited {
  color: #000000;
}

.episode-tile .schedule-details a:hover,
		.episode-tile .schedule-details a:active,
		.episode-tile .schedule-details a:focus,
		.season-tile .schedule-details a:hover,
		.season-tile .schedule-details a:active,
		.season-tile .schedule-details a:focus {
  color: #F7B81B;
}

.episode-tile .schedule-info, .season-tile .schedule-info {
  background-color: #000;
  color: #ffffff;
  text-transform: uppercase;
}

.episode-tile .schedule-info a:link,
		.episode-tile .schedule-info a:visited,
		.season-tile .schedule-info a:link,
		.season-tile .schedule-info a:visited {
  color: #000000;
}

.episode-tile .schedule-info a:hover,
		.episode-tile .schedule-info a:active,
		.episode-tile .schedule-info a:focus,
		.season-tile .schedule-info a:hover,
		.season-tile .schedule-info a:active,
		.season-tile .schedule-info a:focus {
  color: #F7B81B;
}

.episode-tile .schedule-number, .season-tile .schedule-number {
  font-weight: 300;
}

/* === OVERRIDE TILE STYLES BASED ON RELATIVE AIRDATE === */

/* --- UPCOMING */

.episode-tile.upcoming, .season-tile.upcoming {
  background-color: #E0E0E0;
  border: 1px solid #666666;
}

.episode-tile.upcoming .schedule-info, .season-tile.upcoming .schedule-info {
  background-color: #F7B81B;
}

.episode-tile.upcoming .schedule-tools a:link,
			.episode-tile.upcoming .schedule-tools a:visited,
			.season-tile.upcoming .schedule-tools a:link,
			.season-tile.upcoming .schedule-tools a:visited {
  color: #666;
}

.episode-tile.upcoming .schedule-tools a:link.episode-add-all, .episode-tile.upcoming .schedule-tools a:visited.episode-add-all, .season-tile.upcoming .schedule-tools a:link.episode-add-all, .season-tile.upcoming .schedule-tools a:visited.episode-add-all {
  border-bottom: 1px solid #666;
}

.episode-tile.upcoming .schedule-tools a:hover,
			.episode-tile.upcoming .schedule-tools a:active,
			.episode-tile.upcoming .schedule-tools a:focus,
			.season-tile.upcoming .schedule-tools a:hover,
			.season-tile.upcoming .schedule-tools a:active,
			.season-tile.upcoming .schedule-tools a:focus {
  color: #F7B81B;
}

.episode-tile.upcoming .schedule-tools a:hover.episode-add-all, .episode-tile.upcoming .schedule-tools a:active.episode-add-all, .episode-tile.upcoming .schedule-tools a:focus.episode-add-all, .season-tile.upcoming .schedule-tools a:hover.episode-add-all, .season-tile.upcoming .schedule-tools a:active.episode-add-all, .season-tile.upcoming .schedule-tools a:focus.episode-add-all {
  border-bottom: 1px solid #F7B81B;
}

/* --- NEXT */

.episode-tile.next,
	.episode-tile.next.upcoming,
	.season-tile.next,
	.season-tile.next.upcoming {
  background-color: #000;
  border: none;
}

.episode-tile.next .schedule-info, .episode-tile.next.upcoming .schedule-info, .season-tile.next .schedule-info, .season-tile.next.upcoming .schedule-info {
  background-color: #000;
}

.episode-tile.next .schedule-number .inner, .episode-tile.next.upcoming .schedule-number .inner, .season-tile.next .schedule-number .inner, .season-tile.next.upcoming .schedule-number .inner {
  border-bottom: 3px solid #ffffff;
}

.episode-tile.next a:hover,
		.episode-tile.next a:active,
		.episode-tile.next a:focus,
		.episode-tile.next.upcoming a:hover,
		.episode-tile.next.upcoming a:active,
		.episode-tile.next.upcoming a:focus,
		.season-tile.next a:hover,
		.season-tile.next a:active,
		.season-tile.next a:focus,
		.season-tile.next.upcoming a:hover,
		.season-tile.next.upcoming a:active,
		.season-tile.next.upcoming a:focus {
  color: #ffffff;
}

.episode-tile.next .schedule-tools a:link,
			.episode-tile.next .schedule-tools a:visited,
			.episode-tile.next.upcoming .schedule-tools a:link,
			.episode-tile.next.upcoming .schedule-tools a:visited,
			.season-tile.next .schedule-tools a:link,
			.season-tile.next .schedule-tools a:visited,
			.season-tile.next.upcoming .schedule-tools a:link,
			.season-tile.next.upcoming .schedule-tools a:visited {
  color: #666;
}

.episode-tile.next .schedule-tools a:link.episode-add-all, .episode-tile.next .schedule-tools a:visited.episode-add-all, .episode-tile.next.upcoming .schedule-tools a:link.episode-add-all, .episode-tile.next.upcoming .schedule-tools a:visited.episode-add-all, .season-tile.next .schedule-tools a:link.episode-add-all, .season-tile.next .schedule-tools a:visited.episode-add-all, .season-tile.next.upcoming .schedule-tools a:link.episode-add-all, .season-tile.next.upcoming .schedule-tools a:visited.episode-add-all {
  border-bottom: 1px solid #666;
}

.episode-tile.next .schedule-tools a:hover,
			.episode-tile.next .schedule-tools a:active,
			.episode-tile.next .schedule-tools a:focus,
			.episode-tile.next.upcoming .schedule-tools a:hover,
			.episode-tile.next.upcoming .schedule-tools a:active,
			.episode-tile.next.upcoming .schedule-tools a:focus,
			.season-tile.next .schedule-tools a:hover,
			.season-tile.next .schedule-tools a:active,
			.season-tile.next .schedule-tools a:focus,
			.season-tile.next.upcoming .schedule-tools a:hover,
			.season-tile.next.upcoming .schedule-tools a:active,
			.season-tile.next.upcoming .schedule-tools a:focus {
  color: #ffffff;
}

.episode-tile.next .schedule-tools a:hover.episode-add-all, .episode-tile.next .schedule-tools a:active.episode-add-all, .episode-tile.next .schedule-tools a:focus.episode-add-all, .episode-tile.next.upcoming .schedule-tools a:hover.episode-add-all, .episode-tile.next.upcoming .schedule-tools a:active.episode-add-all, .episode-tile.next.upcoming .schedule-tools a:focus.episode-add-all, .season-tile.next .schedule-tools a:hover.episode-add-all, .season-tile.next .schedule-tools a:active.episode-add-all, .season-tile.next .schedule-tools a:focus.episode-add-all, .season-tile.next.upcoming .schedule-tools a:hover.episode-add-all, .season-tile.next.upcoming .schedule-tools a:active.episode-add-all, .season-tile.next.upcoming .schedule-tools a:focus.episode-add-all {
  border-bottom: 1px solid #ffffff;
}

/* --- AFTER NEXT */

.episode-tile.after-next,
	.episode-tile.after-next.upcoming,
	.season-tile.after-next,
	.season-tile.after-next.upcoming {
  background-color: #E0E0E0;
  border: 1px solid #666666;
}

.episode-tile.after-next .schedule-info, .episode-tile.after-next.upcoming .schedule-info, .season-tile.after-next .schedule-info, .season-tile.after-next.upcoming .schedule-info {
  background-color: #000;
}

/* --- PAST */

.episode-tile.past, .season-tile.past {
  background-color: #000;
  border: none;
}

.episode-tile.past .schedule-info, .season-tile.past .schedule-info {
  background-color: #000;
}

.episode-tile.past .schedule-tools a:link,
			.episode-tile.past .schedule-tools a:visited,
			.season-tile.past .schedule-tools a:link,
			.season-tile.past .schedule-tools a:visited {
  color: #ffffff;
}

.episode-tile.past .schedule-tools a:link.episode-add-all, .episode-tile.past .schedule-tools a:visited.episode-add-all, .season-tile.past .schedule-tools a:link.episode-add-all, .season-tile.past .schedule-tools a:visited.episode-add-all {
  border-bottom: 1px solid #ffffff;
}

.episode-tile.past .schedule-tools a:hover,
			.episode-tile.past .schedule-tools a:active,
			.episode-tile.past .schedule-tools a:focus,
			.season-tile.past .schedule-tools a:hover,
			.season-tile.past .schedule-tools a:active,
			.season-tile.past .schedule-tools a:focus {
  color: #F7B81B;
}

.episode-tile.past .schedule-tools a:hover.episode-add-all, .episode-tile.past .schedule-tools a:active.episode-add-all, .episode-tile.past .schedule-tools a:focus.episode-add-all, .season-tile.past .schedule-tools a:hover.episode-add-all, .season-tile.past .schedule-tools a:active.episode-add-all, .season-tile.past .schedule-tools a:focus.episode-add-all {
  border-bottom: 1px solid #F7B81B;
}

/* ends .episode-tile, .season-tile */

.season-tile {
  background-color: transparent;
}

.season-tile a {
  display: block;
  height: 100%;
}

/* --------------------- */

/* List-specific styles. */

/* --------------------- */

/* 1. Vertical */

/* Original (266 x 70) */

.schedule-list-vertical:before, .schedule-list-vertical:after, .seasons-list-vertical:before, .seasons-list-vertical:after, .schedule-list-horiz-med:before, .schedule-list-horiz-med:after, .seasons-list-horiz-med:before, .seasons-list-horiz-med:after, .schedule-list-single-large:before, .schedule-list-single-large:after, .seasons-list-single-large:before, .seasons-list-single-large:after, .show-episodes-expanded .schedule-list-horiz-med:before, .show-episodes-expanded .schedule-list-horiz-med:after {
  content: "";
  display: table;
}

.schedule-list-vertical:after, .seasons-list-vertical:after, .schedule-list-horiz-med:after, .seasons-list-horiz-med:after, .schedule-list-single-large:after, .seasons-list-single-large:after, .show-episodes-expanded .schedule-list-horiz-med:after {
  clear: both;
}

.schedule-list-vertical,
.seasons-list-vertical,
.schedule-list-horiz-med,
.seasons-list-horiz-med,
.schedule-list-single-large,
.seasons-list-single-large,
.show-episodes-expanded .schedule-list-horiz-med {
  display: block;
  list-style: none;
  margin: 0;
  min-height: 70px;
  padding: 0;
}

.schedule-list-vertical li:before, .schedule-list-vertical li:after, .seasons-list-vertical li:before, .seasons-list-vertical li:after, .schedule-list-horiz-med li:before, .schedule-list-horiz-med li:after, .seasons-list-horiz-med li:before, .seasons-list-horiz-med li:after, .schedule-list-single-large li:before, .schedule-list-single-large li:after, .seasons-list-single-large li:before, .seasons-list-single-large li:after, .show-episodes-expanded .schedule-list-horiz-med li:before, .show-episodes-expanded .schedule-list-horiz-med li:after {
  content: "";
  display: table;
}

.schedule-list-vertical li:after, .seasons-list-vertical li:after, .schedule-list-horiz-med li:after, .seasons-list-horiz-med li:after, .schedule-list-single-large li:after, .seasons-list-single-large li:after, .show-episodes-expanded .schedule-list-horiz-med li:after {
  clear: both;
}

.schedule-list-vertical li, .seasons-list-vertical li, .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li, .show-episodes-expanded .schedule-list-horiz-med li {
  margin: 0 0 20px;
  min-height: 70px;
  padding: 0;
  position: relative;
  width: auto;
}

.schedule-list-vertical li:last-child, .seasons-list-vertical li:last-child, .schedule-list-horiz-med li:last-child, .seasons-list-horiz-med li:last-child, .schedule-list-single-large li:last-child, .seasons-list-single-large li:last-child, .show-episodes-expanded .schedule-list-horiz-med li:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
  .schedule-list-vertical li:last-child, .seasons-list-vertical li:last-child, .schedule-list-horiz-med li:last-child, .seasons-list-horiz-med li:last-child, .schedule-list-single-large li:last-child, .seasons-list-single-large li:last-child, .show-episodes-expanded .schedule-list-horiz-med li:last-child {
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 376px) {
  .schedule-list-vertical li, .seasons-list-vertical li, .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li, .show-episodes-expanded .schedule-list-horiz-med li {
    float: left;
    margin-left: 2%;
    min-height: 90px;
    width: 49%
  }

  .schedule-list-vertical li:nth-of-type(2n+1), .seasons-list-vertical li:nth-of-type(2n+1), .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1), .show-episodes-expanded .schedule-list-horiz-med li:nth-of-type(2n+1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 769px) {
  .schedule-list-vertical li, .seasons-list-vertical li, .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li, .show-episodes-expanded .schedule-list-horiz-med li {
    margin-left: 1.3%;
    min-height: 70px;
    width: 32.4%
  }

  .schedule-list-vertical li:nth-of-type(2n+1), .seasons-list-vertical li:nth-of-type(2n+1), .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1), .show-episodes-expanded .schedule-list-horiz-med li:nth-of-type(2n+1) {
    clear: none;
    margin-left: 1.3%;
  }

  .schedule-list-vertical li:nth-of-type(3n+1), .seasons-list-vertical li:nth-of-type(3n+1), .schedule-list-horiz-med li:nth-of-type(3n+1), .seasons-list-horiz-med li:nth-of-type(3n+1), .schedule-list-single-large li:nth-of-type(3n+1), .seasons-list-single-large li:nth-of-type(3n+1), .show-episodes-expanded .schedule-list-horiz-med li:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .schedule-list-vertical li, .seasons-list-vertical li, .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li, .show-episodes-expanded .schedule-list-horiz-med li {
    float: none;
    margin-left: 0;
    width: auto
  }

  .schedule-list-vertical li:nth-of-type(2n+1), .seasons-list-vertical li:nth-of-type(2n+1), .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1), .show-episodes-expanded .schedule-list-horiz-med li:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .schedule-list-vertical li:nth-of-type(3n+1), .seasons-list-vertical li:nth-of-type(3n+1), .schedule-list-horiz-med li:nth-of-type(3n+1), .seasons-list-horiz-med li:nth-of-type(3n+1), .schedule-list-single-large li:nth-of-type(3n+1), .seasons-list-single-large li:nth-of-type(3n+1), .show-episodes-expanded .schedule-list-horiz-med li:nth-of-type(3n+1) {
    clear: none;
  }
}

.schedule-list-vertical .schedule-info, .seasons-list-vertical .schedule-info, .schedule-list-horiz-med .schedule-info, .seasons-list-horiz-med .schedule-info, .schedule-list-single-large .schedule-info, .seasons-list-single-large .schedule-info, .show-episodes-expanded .schedule-list-horiz-med .schedule-info {
  height: 100%;
  left: 0;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 70px;
}

.schedule-list-vertical .schedule-episode, .seasons-list-vertical .schedule-episode, .schedule-list-horiz-med .schedule-episode, .seasons-list-horiz-med .schedule-episode, .schedule-list-single-large .schedule-episode, .seasons-list-single-large .schedule-episode, .show-episodes-expanded .schedule-list-horiz-med .schedule-episode {
  display: block;
  font-size: .75rem;
  line-height: 25px;
}

.schedule-list-vertical .schedule-number, .seasons-list-vertical .schedule-number, .schedule-list-horiz-med .schedule-number, .seasons-list-horiz-med .schedule-number, .schedule-list-single-large .schedule-number, .seasons-list-single-large .schedule-number, .show-episodes-expanded .schedule-list-horiz-med .schedule-number {
  /* Text (normal, pilot, long) */
  /* Normal (3-digit) */
  font-size: 2.125rem;
  line-height: 1;
}

/* Long (4-digit) */

.schedule-list-vertical .schedule-number.long, .seasons-list-vertical .schedule-number.long, .schedule-list-horiz-med .schedule-number.long, .seasons-list-horiz-med .schedule-number.long, .schedule-list-single-large .schedule-number.long, .seasons-list-single-large .schedule-number.long, .show-episodes-expanded .schedule-list-horiz-med .schedule-number.long {
  font-size: 1.5625rem;
}

/* "Pilot" */

.schedule-list-vertical .schedule-number.pilot, .seasons-list-vertical .schedule-number.pilot, .schedule-list-horiz-med .schedule-number.pilot, .seasons-list-horiz-med .schedule-number.pilot, .schedule-list-single-large .schedule-number.pilot, .seasons-list-single-large .schedule-number.pilot, .show-episodes-expanded .schedule-list-horiz-med .schedule-number.pilot {
  font-size: 1.25rem;
}

.schedule-list-vertical .schedule-details, .seasons-list-vertical .schedule-details, .schedule-list-horiz-med .schedule-details, .seasons-list-horiz-med .schedule-details, .schedule-list-single-large .schedule-details, .seasons-list-single-large .schedule-details, .show-episodes-expanded .schedule-list-horiz-med .schedule-details {
  float: left;
  font-size: .75rem;
  line-height: 1.3;
  min-height: 70px;
  padding: 12px 10px 12px 85px;
  width: 100%;
}

.schedule-list-vertical .schedule-date, .seasons-list-vertical .schedule-date, .schedule-list-horiz-med .schedule-date, .seasons-list-horiz-med .schedule-date, .schedule-list-single-large .schedule-date, .seasons-list-single-large .schedule-date, .show-episodes-expanded .schedule-list-horiz-med .schedule-date {
  display: block;
}

.seasons-list-vertical li {
  float: left;
  margin: 0 0 10px;
  min-height: 60px;
  width: 60px;
}

@media only screen and (min-width: 376px) {
  .seasons-list-vertical li {
    float: none;
    min-height: 60px;
    width: 60px
  }

  .seasons-list-vertical li:nth-of-type(2n+1) {
    clear: none;
    margin-left: 0;
  }
}

@media only screen and (min-width: 769px) {
  .seasons-list-vertical li {
    min-height: 60px;
    width: 60px
  }

  .seasons-list-vertical li:nth-of-type(3n+1) {
    clear: none;
  }
}

@media only screen and (min-width: 1024px) {
  .seasons-list-vertical li {
    float: left;
    margin: 0 10px 10px 0;
    width: 60px
  }
}

.seasons-list-vertical .schedule-info {
  height: 60px;
  width: 60px;
}

.seasons-list-vertical .schedule-number {
  /* Text (normal, pilot, long) */
  /* Normal (3-digit) */
  font-size: 1.5625rem;
}

.seasons-list-vertical .schedule-number.long {
  font-size: 1.25rem;
}

.seasons-list-vertical .schedule-details {
  display: none;
}

/* 2. Horizontal */

/* Medium (286 x 76) */

.schedule-list-horiz-med .schedule-info, .seasons-list-horiz-med .schedule-info, .schedule-list-single-large .schedule-info, .seasons-list-single-large .schedule-info {
  padding-top: 6px;
  width: 76px;
}

.schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li {
  margin-bottom: 8px;
  min-height: 76px;
}

@media only screen and (min-width: 376px) {
  .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li {
    float: left;
    margin-left: 2%;
    min-height: 96px;
    width: 49%
  }

  .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 769px) {
  .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li {
    margin-bottom: 15px;
    min-height: 76px
  }

  .schedule-list-horiz-med li:nth-of-type(4n+1),
			.schedule-list-horiz-med li:nth-of-type(3n+1),
			.seasons-list-horiz-med li:nth-of-type(4n+1),
			.seasons-list-horiz-med li:nth-of-type(3n+1),
			.schedule-list-single-large li:nth-of-type(4n+1),
			.schedule-list-single-large li:nth-of-type(3n+1),
			.seasons-list-single-large li:nth-of-type(4n+1),
			.seasons-list-single-large li:nth-of-type(3n+1) {
    clear: none;
    margin-left: 2%;
  }

  .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li {
    margin-bottom: 12px;
    margin-left: 1.08%;
    width: 32.61%
  }

  .schedule-list-horiz-med li:nth-of-type(2n+1), .seasons-list-horiz-med li:nth-of-type(2n+1), .schedule-list-single-large li:nth-of-type(2n+1), .seasons-list-single-large li:nth-of-type(2n+1) {
    margin-left: 1.08%;
  }

  .schedule-list-horiz-med li:nth-of-type(3n+1), .seasons-list-horiz-med li:nth-of-type(3n+1), .schedule-list-single-large li:nth-of-type(3n+1), .seasons-list-single-large li:nth-of-type(3n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1314px) {
  .schedule-list-horiz-med li, .seasons-list-horiz-med li, .schedule-list-single-large li, .seasons-list-single-large li {
    margin-left: 1.08%;
    width: 24.16%
  }

  .schedule-list-horiz-med li:nth-of-type(2n+1),
			.schedule-list-horiz-med li:nth-of-type(3n+1),
			.seasons-list-horiz-med li:nth-of-type(2n+1),
			.seasons-list-horiz-med li:nth-of-type(3n+1),
			.schedule-list-single-large li:nth-of-type(2n+1),
			.schedule-list-single-large li:nth-of-type(3n+1),
			.seasons-list-single-large li:nth-of-type(2n+1),
			.seasons-list-single-large li:nth-of-type(3n+1) {
    margin-left: 1.08%;
  }

  .schedule-list-horiz-med li:nth-child(4n+1), .seasons-list-horiz-med li:nth-child(4n+1), .schedule-list-single-large li:nth-child(4n+1), .seasons-list-single-large li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}

.seasons-list-horiz-med .schedule-info {
  width: 76px;
}

.seasons-list-horiz-med li.season-tile a {
  display: block;
  height: 100%;
}

.seasons-list-horiz-med li.season-tile {
  clear: none;
  float: left;
  margin-left: 0;
  margin-right: 2%;
  min-height: 76px;
  width: 76px;
}

/* 4. Single */

/* Large (391 x 105) */

.schedule-list-single-large, .seasons-list-single-large {
  width: 100%;
}

@media only screen and (min-width: 1280px) {
  .schedule-list-single-large, .seasons-list-single-large {
    width: auto
  }
}

.schedule-list-single-large li, .seasons-list-single-large li {
  min-height: 76px;
  width: 100%;
}

@media only screen and (min-width: 1280px) {
  .schedule-list-single-large li, .seasons-list-single-large li {
    min-height: 105px;
    width: 391px
  }

  .schedule-list-single-large .schedule-info, .seasons-list-single-large .schedule-info {
    color: #ffffff;
    width: 105px;
  }

  .schedule-list-single-large .schedule-episode, .seasons-list-single-large .schedule-episode {
    font-size: .90625rem;
    line-height: 36px;
  }

  .schedule-list-single-large .schedule-number, .seasons-list-single-large .schedule-number {
    /* Text (normal, pilot, long) */
    /* Normal (3-digit) */
    font-size: 3.21875rem;
    line-height: 1;
  }

  /* Long (4-digit) */

  .schedule-list-single-large .schedule-number.long, .seasons-list-single-large .schedule-number.long {
    font-size: 2.375rem;
  }

  /* "Pilot" */

  .schedule-list-single-large .schedule-number.pilot, .seasons-list-single-large .schedule-number.pilot {
    font-size: 2rem;
  }

  .schedule-list-single-large .schedule-details, .seasons-list-single-large .schedule-details {
    font-size: 1.125rem;
    line-height: 1.3;
    padding: 19px 17px 19px 120px;
  }

  .schedule-list-single-large .schedule-date, .seasons-list-single-large .schedule-date {
    display: block;
  }
}

.seasons-list-single-large li {
  min-height: 60px;
}

.show-episodes-expanded .schedule-list-horiz-med li {
  float: left;
  margin: 0 0 20px 0;
  min-height: 126px;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .show-episodes-expanded .schedule-list-horiz-med li {
    margin-left: 2%;
    width: 49%
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .show-episodes-expanded .schedule-list-horiz-med li {
    width: 32%
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .show-episodes-expanded .schedule-list-horiz-med li {
    margin-left: 1%;
    width: 24.25%
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }

  .show-episodes-expanded .schedule-list-horiz-med li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5rem;
}

/* Make sure select elements fit in widgets */

.widget select {
  max-width: 100%;
}

/* Search widget */

.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.section {
  margin-top: 50px;
  margin-bottom: 50px;
}

.alert {
  border-radius: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Generics look much better here due to the high baseline on ABC fonts. */
  font-size: .9375rem;
  line-height: 1.5rem;
  margin: 1.5rem 0;
  padding: calc(1.5rem * .75) calc(8px * 1.5);
}

.alert.alert-danger {
  background-color: #F1DEDE;
  border: 2px solid #d39696;
  color: #a94442;
}

.alert.alert-info {
  background-color: #D9EDF7;
  border: 2px solid #85c5e5;
  color: #31708f;
}

.alert.alert-success {
  background-color: #DFF0D8;
  border: 2px solid #a3d48e;
  color: #3c763d;
}

.alert.alert-warning {
  background-color: #FCF8E3;
  border: 2px solid #f2e187;
  color: #8a6d3b;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.members-registration-banner-wrapper {
  /* close whitespace w/out float. */
  font-size: 0;
  line-height: 0;
}

.post-title-wrapper {
  background: #cccccc;
  line-height: 86px;
  overflow: hidden;
}

.post-title-wrapper.has-registration-banner {
  text-align: center;
}

.post-title-wrapper.has-registration-banner .post-title {
  margin-bottom: 0;
  margin-top: 0;
  max-width: none;
  padding-bottom: 0;
  padding-top: 0;
}

.post-title-wrapper.has-registration-banner .container:before, .post-title-wrapper.has-registration-banner .container:after {
  content: "";
  display: table;
}

.post-title-wrapper.has-registration-banner .container:after {
  clear: both;
}

.post-title-wrapper.has-registration-banner .container {
  max-width: none;
  padding: 0 0 0 0;
}

/* Post title (as link and not). */

.post-title {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.5rem;
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.9375rem 0;
  position: relative;
  text-transform: uppercase;
}

/* Post title (as link). */

a.post-title:link,
	a.post-title:visited {
  color: #000000;
}

a.post-title:hover,
	a.post-title:active,
	a.post-title:focus {
  color: #F7B81B;
}

.entry-meta {
  color: #666666;
  font-size: .875rem;
  font-weight: 200;
  line-height: 1;
  margin: 25px 0 18px;
}

.entry-header + .entry-content,
	.entry-header + .entry-excerpt {
  margin-top: 3px;
}

.entry-title {
  color: #000000;
}

.entry-title,
	.entry-title:link,
	.entry-title:visited {
  color: #444444;
  font-size: 1.75rem;
  font-weight: 200;
  line-height: 1;
  margin: 0 0 10px;
}

.entry-title:hover,
	.entry-title:active,
	.entry-title:focus {
  color: #F7B81B;
}

.lead-text {
  font-size: 1.5625rem;
  letter-spacing: 0.02em;
  line-height: 2rem;
}

.single .entry-header {
  margin-top: 50px;
}

.single .entry-title,
		.single .entry-title a {
  font-size: 3.5rem;
  line-height: 1;
  margin: 0;
}

.single .entry-meta {
  border-bottom: 1px solid #cccccc;
  font-size: .75rem;
  font-weight: 300;
}

@media only screen and (min-width: 1280px) {
  .single .entry-meta {
    margin: 23px 0 0 -140px
  }
}

.byline,
.updated {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-content figure.wp-caption:before, .entry-content figure.wp-caption:after {
  content: "";
  display: table;
}

.entry-content figure.wp-caption:after {
  clear: both;
}

.entry-content figure.wp-caption {
  background: #2a2626;
  color: #dddddd;
}

.entry-content figure.wp-caption figcaption {
  line-height: 2.25rem;
  padding: calc(1.5rem / 2) 1.5rem;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .entry-content figure.wp-caption img {
    float: left;
    height: auto;
    margin-right: 1.5rem;
    max-width: 74%
    /*some room for padding */
  }
}

.info-button {
  display: inline-block;
}

.info-button.info-grey {
  background: url('icon_info_grey.png') no-repeat 50% 50% transparent;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

.single-post .entry-footer {
  color: #666666;
}

/* hide categories in footer on members site only */

.site-members .entry-footer em {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
}

/*--------------------------------------------------------------
10.4 Header
--------------------------------------------------------------*/

#footer-navigation ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#footer-navigation ul.menu li {
  padding: 10px;
}

@media only screen and (max-width: 1024px) {
  #footer-navigation ul.menu li {
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }
}

.link-download {
  color: #666666;
  display: inline-block;
  font-size: .75rem;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 1024px) {
  .link-download {
    letter-spacing: 0.03em;
    padding-right: 25px
  }
}

.link-download .icon,
	.link-download .font-dap {
  font-size: .8125rem;
  vertical-align: -12%;
}

.form-hline {
  display: block;
}

.form-hline a {
  font-size: .5625rem;
  font-weight: 200;
  position: relative;
  z-index: 11;
}

@media only screen and (min-width: 1024px) {
  .form-hline a {
    font-size: 1.142rem
  }
}

.form-hline.fhline1 {
  float: right;
  line-height: 2;
  margin-top: 9px;
}

@media only screen and (min-width: 1024px) {
  .form-hline.fhline1 {
    float: none;
    margin: 0
  }
}

.form-hline.fhline1 a:before {
  content: "\007C";
  display: inline-block;
  margin: 0 6px 0 3px;
}

.form-hline.fhline1 a:first-child:before {
  content: "";
}

.form-hline.fhline2 {
  position: absolute;
  right: 10px;
  top: 63px;
}

@media only screen and (min-width: 1024px) {
  .form-hline.fhline2 {
    float: none;
    line-height: 12px;
    margin-top: 15px;
    position: static;
    right: auto;
    top: 90px
  }
}

.top-search {
  position: absolute;
  top: 55px;
  width: 102px;
  z-index: 1;
}

@media only screen and (min-width: 401px) {
  .top-search {
    width: 112px
  }
}

@media only screen and (min-width: 376px) {
  .top-search {
    width: 131px
  }
}

@media only screen and (min-width: 1024px) {
  .top-search {
    margin-top: 5px;
    position: relative;
    top: auto;
    width: auto
  }
}

@media only screen and (max-width: 370px) {
  .top-search {
    min-width: 103px
  }
}

.header-site-branding {
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 200px;
  z-index: 10;
}

@media only screen and (min-width: 1024px) {
  .header-site-branding {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    display: inline-block;
    float: left;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
    width: auto;
    z-index: 10
  }
}

.header-site-branding .site-title a {
  background-size: 100% auto;
  height: 70px;
  margin: 0 auto;
  width: 100px;
}

@media only screen and (min-width: 1024px) {
  .header-site-branding .site-title a {
    background-size: auto auto;
    height: 100px;
    width: 150px
  }
}

.site-branding {
  display: inline-block;
  float: left;
  position: relative;
}

@media only screen and (min-width: 769px) {
  footer .site-branding {
    left: 10px;
    position: absolute;
  }
}

.footer-wrap .site-branding {
  float: none;
}

@media only screen and (min-width: 376px) {
  .footer-wrap .site-branding {
    float: left
  }
}

.iconmediabox {
  color: #666666;
  display: inline-block;
  float: right;
  font-size: .5625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

@media only screen and (min-width: 1024px) {
  .iconmediabox {
    margin-top: -2px
  }
}

.iconmediabox .icon,
	.iconmediabox .font-dap {
  font-size: 1.5625rem;
  line-height: 1;
  margin-left: 1px;
}

@media only screen and (min-width: 1024px) {
  .iconmediabox .icon,
	.iconmediabox .font-dap {
    font-size: 1.875rem;
    line-height: 1;
    margin-left: -1px
  }
}

.iconmediabox .cart-count {
  background-image: url('download_icon.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  line-height: 26px;
  margin-top: 0;
  padding-left: 1px;
  padding-right: 12px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transform: rotate(0.0001deg);
          transform: rotate(0.0001deg);
  /* This is a fix for a bug that occurs in IE10 and IE11 where the background is cut at the bottom. */
  width: 100%;
}

.iconmediabox .cart-count span {
  position: relative;
  top: 1px;
}

@media only screen and (min-width: 1024px) {
  .iconmediabox .cart-count {
    margin-top: 10%
  }
}

.site-dap-freeform .iconmediabox .cart-count,
	.site-dap-disneychannel .iconmediabox .cart-count,
	.site-dap-disneyxd .iconmediabox .cart-count,
	.site-dap-radiodisney .iconmediabox .cart-count,
	.site-dmd-abcstudios .iconmediabox .cart-count,
	.site-dmd-kidsandfamily .iconmediabox .cart-count,
	.site-dmd-disneymovies .iconmediabox .cart-count,
	.site-dmd-lucasfilm .iconmediabox .cart-count,
	.site-dmd-freeform .iconmediabox .cart-count,
	.site-dap-disneyabctv .iconmediabox .cart-count {
  background-image: url('download_icon-white.png');
}

.site-dap-disneyjunior .iconmediabox .cart-count {
  background-image: url('download_icon-red.png');
}

span.links-sep {
  font-size: .75rem;
  margin: 0 8px;
}

.under-logo {
  -webkit-transform: translateX(-75px);
          transform: translateX(-75px);
  display: block;
  height: 20px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 63px;
  width: 150px;
  z-index: 10;
}

@media only screen and (min-width: 1024px) {
  .under-logo {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    bottom: 5px;
    left: 15px;
    top: auto
  }
}

.international-under-logo {
  display: block;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .international-under-logo {
    display: none
  }
}

.international-under-logo .more-networks-link {
  font-size: 12px;
}

.more-networks-link {
  font-size: 0.563em;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 13pt;
}

.other-networks {
  background-color: rgba(255, 255, 255, .9);
  bottom: 0;
  display: none;
  left: 0;
  padding-top: 90px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 101;
}

@media only screen and (min-width: 1024px) {
  .other-networks {
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
    background-color: transparent;
    bottom: auto;
    display: block;
    float: left;
    height: 85px;
    left: auto;
    margin: 10px 0 0 11px;
    max-width: 19px;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    z-index: 12
  }
}

.other-networks ul {
  text-align: center;
  margin: 3.75rem 0;
}

@media only screen and (min-width: 376px) {
  .other-networks ul {
    margin: 3.75rem
  }
}

@media only screen and (min-width: 1024px) {
  .other-networks ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 85px;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 23px;
    position: relative;
    text-align: left;
    width: 813px;
    z-index: 0
  }

  .other-networks ul:before {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: -1;
  }
}

@media only screen and (min-width: 1280px) {
  .other-networks ul {
    width: 830px
  }
}

.other-networks li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #d4d4d4;
  display: block;
  float: left;
  line-height: 60px;
  margin-bottom: 10px;
  padding: 0;
  width: 33%;
}

.other-networks li:first-child,
		.other-networks li:nth-of-type(4n) {
  border-left: 0;
}

.other-networks li:nth-of-type(n+4) {
  border-top: 1px solid #d4d4d4;
}

@media only screen and (min-width: 1024px) {
  .other-networks li {
    border: 0;
    display: inline-block;
    width: auto
  }

  .other-networks li:first-child a:after {
    content: none;
  }

  .other-networks li:nth-of-type(n+4) {
    border-top: 0;
  }
}

.other-networks a {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  height: 50px;
  line-height: 85px;
  padding-bottom: 20px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .other-networks a {
    margin-top: 15px;
    padding: 0 15px
  }

  .other-networks a:after {
    background: #bbbbbb;
    content: '';
    left: 0;
    height: 40px;
    position: absolute;
    top: 5px;
    width: 1px;
  }

  .other-networks a.first-element:after {
    background: none;
  }
}

.other-networks a.prev-networks,
		.other-networks a.next-networks {
  display: none;
  font-family: "datgdap";
  font-size: 24px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 1px;
  z-index: 100;
}

.other-networks a.prev-networks:after, .other-networks a.next-networks:after {
  display: none;
}

.other-networks a.prev-networks:visited, .other-networks a.next-networks:visited {
  color: #000000;
}

.other-networks a.prev-networks img, .other-networks a.next-networks img {
  opacity: 0.1;
}

.other-networks a.prev-networks:hover, .other-networks a.next-networks:hover {
  color: #999999;
}

.other-networks a.prev-networks:hover img, .other-networks a.next-networks:hover img {
  opacity: 1;
}

.other-networks a.prev-networks {
  left: 0;
}

.other-networks.active {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .other-networks.active {
    max-width: 830px
  }
}

.other-networks.active ul:before {
  opacity: 1;
}

.other-networks [class*='logo-'] img:hover {
  opacity: 0;
}

.networks-selector-container {
  background-color: #041B2B;
}

@media only screen and (min-width: 1024px) {
  .networks-selector-container {
    position: relative
  }
}

.home .networks-selector-container {
  -webkit-box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.networks-selector-container .container {
  position: static;
}

.networks-selector-container .other-networks a {
  height: 60px;
}

@media only screen and (min-width: 1024px) {
  .networks-selector-container .other-networks:before, .networks-selector-container .other-networks:after {
    content: "";
    display: table;
  }

  .networks-selector-container .other-networks:after {
    clear: both;
  }

  .networks-selector-container .other-networks {
    float: none;
    height: auto;
    margin: 30px auto;
    max-width: 100%;
    overflow: visible;
    -webkit-transition: 0;
    transition: 0;
  }

  .networks-selector-container .other-networks .prev-networks,
			.networks-selector-container .other-networks .next-networks {
    display: none;
  }

  .networks-selector-container .other-networks ul {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 100px;
  }

  .networks-selector-container .other-networks ul:before, .networks-selector-container .other-networks ul:after {
    content: "";
    display: table;
  }

  .networks-selector-container .other-networks ul:after {
    clear: both;
  }

  .networks-selector-container .other-networks ul {
    background-color: #ffffff;
    display: table;
    padding: 20px;
    text-align: center;
    height: 100px;
    width: 100%;
  }

  .networks-selector-container .other-networks li {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }

  .networks-selector-container .other-networks a {
    background: none !important;
    /*overwritting inline styling with important */
    height: auto;
    line-height: normal;
    margin: 0 20px;
    padding: 0;
  }

  .networks-selector-container .other-networks a:after {
    display: none;
  }

  .networks-selector-container .other-networks a.active-site img {
    opacity: 1;
  }

  .networks-selector-container .other-networks img {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: .5;
  }

  .networks-selector-container .other-networks img:hover {
    opacity: 1;
  }
}

.search-filters-container {
  background-color: #0E4B78;
}

.search-filters-container .slider-search {
  margin: 20px auto;
  position: static;
}

.search-filters-container .site-home-search {
  text-align: center;
}

.search-filters-container .show-filters-wrapper {
  min-height: 35px;
}

.search-filters-container .show-filters-wrapper .show-filters-content {
  margin-bottom: 10px;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .search-filters-container .show-filters-wrapper .show-filters-content {
    display: none;
  }
}

.search-filters-container .show-filters-wrapper .chosen-container {
  float: left;
  font-size: .8125rem;
  margin-right: 40px;
  max-width: 180px;
  text-align: center;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-single {
  border: 2px solid #ffffff;
  border-radius: 20px;
  height: 1.875rem;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-single span {
  background-position: 10px 5px;
  background-size: 14px;
  line-height: 1.75rem;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-single b {
  font-size: 20px;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-single b:before {
  display: none;
  font-size: 14px;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-single div {
  background: url('select-down-arrow.png') no-repeat center transparent;
  margin-right: 18px;
  padding-top: 2px;
  padding: 0;
  width: 12px;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-drop {
  border: 0;
  margin: -5px 5% 0;
  width: 90%;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-results li {
  padding: 5px 3px 3px;
}

.search-filters-container .show-filters-wrapper .chosen-container .chosen-results li.highlighted {
  background-color: transparent;
  color: #666666;
}

.search-filters-container .show-filters-wrapper .chosen-container {
  float: none;
  margin-bottom: 10px;
}

.search-filters-container .show-filters-wrapper .chosen-container:last-of-type {
  margin-right: 0;
}

.page-template-templatesbios-php .post-title {
  padding-bottom: .625rem;
}

.page-template-templatesbios-php .post-title .alpha-filter {
  padding-bottom: .625rem;
}

ul.letter-filter {
  float: left;
  margin: 0;
  position: relative;
  width: 75%;
}

ul.letter-filter li {
  display: block;
  float: left;
  font-size: .9375rem;
  line-height: 1;
  list-style-type: none;
  margin-right: .625rem;
  padding-bottom: .3125rem;
  width: 5%;
}

@media only screen and (min-width: 769px) {
  ul.letter-filter li {
    width: 5%
  }
}

@media only screen and (min-width: 769px) {
  ul.letter-filter li {
    width: 2%
  }
}

ul.letter-filter li.j, ul.letter-filter li.s {
  clear: left;
}

@media only screen and (min-width: 769px) {
  ul.letter-filter li.j, ul.letter-filter li.s {
    clear: none
  }

  ul.letter-filter li.n {
    clear: left
  }
}

@media only screen and (min-width: 769px) {
  ul.letter-filter li.n {
    clear: none
  }
}

ul.letter-filter li a {
  padding: .1875rem .0625rem;
}

@media only screen and (min-width: 1024px) {
  ul.letter-filter li a {
    padding: .5rem .375rem
  }
}

ul.letter-filter li a:link,
			ul.letter-filter li a:visited {
  color: #888888;
}

ul.letter-filter li a:hover {
  background-color: #f7b81b;
  color: #444;
}

/*--------------------------------------------------------------
10.6 Boxed Items/Tiles
--------------------------------------------------------------*/

div.items-line {
  display: block;
  margin-bottom: 25px;
}

div.items-line h4 {
  font-size: .75rem;
}

.drawer-for-collection .item-box-in-drawer {
  height: 210px;
}

.drawer-for-collection .item-box-in-drawer .over-layer {
  padding-bottom: calc(1.5rem * 1.5);
}

@media only screen and (max-width: 769px) {
  .drawer-for-collection .item-box-in-drawer {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .drawer-for-collection .item-box-in-drawer:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .drawer-for-collection .item-box-in-drawer {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%
  }

  .drawer-for-collection .item-box-in-drawer:nth-of-type(3n) {
    margin-right: 0;
  }
}

.domain-international .drawer-for-collection .item-box-in-drawer {
  height: 240px;
}

.item-box,
.item-box-in-drawer {
  /*
		Elements with .item-box or .item-box-in-drawer should *not* contain both of those
		classes. (if for no other reason than because the nth-of-type() selectors in our
		columns mixins will cause some headaches).

		Along the same lines, avoid applying the columns mixins here since the styles below
		will be applied to .item-box and .item-box-in-drawer. You'll more likely want to
		apply those mixins in a more specific/targeted manner.

		ALSO: If you need to ensure consistent row height (i.e., if the images you're using
		inside these item boxes are guaranteed to be the same dimensions as each other,
		you should apply a fixed height on the instances of .item-box/.item-box-in-drawer
		in question.  (we omit the height here to avoid creating a specificity issue)
	*/
  float: left;
  position: relative;
  overflow: hidden;
}

.item-box > img, .item-box-in-drawer > img {
  display: block;
}

.item-box .primary-tile-image, .item-box-in-drawer .primary-tile-image {
  display: block;
  max-height: 210px;
  max-width: none;
  /* Note: Anywhere you use a fixed height on .item-box or .item-box-in-drawer (and you *don't* define a width */
  /* value for .primary-tile-image), you should (probably) also apply min-height:100% to the .primary-tile-image */
  /* inside. (we omit it here because it seriously messes up the display if you don't have a fixed height on */
  /* item-box/item-box-drawer). */
  min-width: 100%;
}

.item-box .over-layer, .item-box-in-drawer .over-layer {
  background: rgba(0 ,0, 0, .7);
  bottom: 0;
  display: block;
  left: 0;
  line-height: 1.125rem;
  /* PADDING: Use this value when overlay is "short" (everything on one line). If overlay is taller, add */
  /* a padding-bottom value based on $vunit (probably "calc($vunit * 1.5)"). */
  padding: 5px 0;
  position: absolute;
  right: 0;
}

.domain-international .item-box .over-layer, .domain-international .item-box-in-drawer .over-layer {
  clear: left;
  position: static;
}

.domain-international .item-box .over-layer .item-title,
			.domain-international .item-box .over-layer .item-filename,
			.domain-international .item-box .over-layer .item-updated,
			.domain-international .item-box .over-layer .item-date,
			.domain-international .item-box .over-layer .item-airtime,
			.domain-international .item-box .over-layer .item-videocategory,
			.domain-international .item-box .over-layer .network-name,
			.domain-international .item-box .over-layer .item-episode-title,
			.domain-international .item-box-in-drawer .over-layer .item-title,
			.domain-international .item-box-in-drawer .over-layer .item-filename,
			.domain-international .item-box-in-drawer .over-layer .item-updated,
			.domain-international .item-box-in-drawer .over-layer .item-date,
			.domain-international .item-box-in-drawer .over-layer .item-airtime,
			.domain-international .item-box-in-drawer .over-layer .item-videocategory,
			.domain-international .item-box-in-drawer .over-layer .network-name,
			.domain-international .item-box-in-drawer .over-layer .item-episode-title {
  white-space: normal;
}

.item-box .over-layer .item-title,
		.item-box .over-layer .item-filename,
		.item-box .over-layer .item-updated,
		.item-box .over-layer .item-date,
		.item-box .over-layer .item-airtime,
		.item-box .over-layer .item-videocategory,
		.item-box .over-layer .network-name,
		.item-box .over-layer .item-episode-title,
		.item-box-in-drawer .over-layer .item-title,
		.item-box-in-drawer .over-layer .item-filename,
		.item-box-in-drawer .over-layer .item-updated,
		.item-box-in-drawer .over-layer .item-date,
		.item-box-in-drawer .over-layer .item-airtime,
		.item-box-in-drawer .over-layer .item-videocategory,
		.item-box-in-drawer .over-layer .network-name,
		.item-box-in-drawer .over-layer .item-episode-title {
  color: #ffffff;
  display: block;
  font-size: .8125rem;
  font-weight: 200;
  line-height: 1.125rem;
  margin-bottom: 0;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  /* override this as necessary, depending on if/what shows up to the right. */
}

.item-box .over-layer .download-photo a,
		.item-box .over-layer .item-filename,
		.item-box .over-layer .item-updated,
		.item-box .over-layer .item-date,
		.item-box .over-layer .item-episode-title,
		.item-box-in-drawer .over-layer .download-photo a,
		.item-box-in-drawer .over-layer .item-filename,
		.item-box-in-drawer .over-layer .item-updated,
		.item-box-in-drawer .over-layer .item-date,
		.item-box-in-drawer .over-layer .item-episode-title {
  --tw-text-opacity: 1;
  color: rgb(71 181 255 / var(--tw-text-opacity));
}

.item-box .over-layer .item-updated, .item-box-in-drawer .over-layer .item-updated {
  display: none;
}

@media only screen and (min-width: 769px) {
  .item-box .over-layer .item-updated, .item-box-in-drawer .over-layer .item-updated {
    display: block
  }
}

@media only screen and (min-width: 769px) {
  .item-box .over-layer .item-updated, .item-box-in-drawer .over-layer .item-updated {
    display: none
  }
}

@media only screen and (min-width: 1024px) {
  .item-box .over-layer .item-updated, .item-box-in-drawer .over-layer .item-updated {
    display: block
  }
}

.item-box .over-layer .item-videocategory, .item-box-in-drawer .over-layer .item-videocategory {
  color: #888888;
  font-weight: 200;
}

.item-box .over-layer .add-item-wrapper, .item-box-in-drawer .over-layer .add-item-wrapper {
  /* Position-related styles here are similar to .toggle-collection-items-in-cart below. */
  bottom: calc(calc(1.5rem / 4) - .0625rem);
  /* extra .0625rem compensates for the custom font's baseline */
  display: inline-block;
  line-height: 1.1;
  /* fixes vertical alignment of text and icon */
  position: absolute;
  right: 5px;
  text-align: left;
  top: auto;
  white-space: nowrap;
}

.item-box .over-layer .add-item-wrapper a.add-item, .item-box-in-drawer .over-layer .add-item-wrapper a.add-item {
  display: inline-block;
  font-size: .75rem;
  font-weight: 200;
  padding-right: 0;
}

.item-box .over-layer .add-item-wrapper a.add-item .icon,
				.item-box .over-layer .add-item-wrapper a.add-item .font-dap,
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item .icon,
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item .font-dap {
  font-size: 1rem;
}

.item-box .over-layer .add-item-wrapper a.add-item, 
				.item-box .over-layer .add-item-wrapper a.add-item:link, 
				.item-box .over-layer .add-item-wrapper a.add-item:visited, 
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item, 
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item:link, 
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item:visited {
  --tw-text-opacity: 1;
  color: rgb(71 181 255 / var(--tw-text-opacity));
}

.item-box .over-layer .add-item-wrapper a.add-item:hover,
				.item-box .over-layer .add-item-wrapper a.add-item:active,
				.item-box .over-layer .add-item-wrapper a.add-item:focus,
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item:hover,
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item:active,
				.item-box-in-drawer .over-layer .add-item-wrapper a.add-item:focus {
  opacity: 0.7;
}

.item-box .over-layer a.toggle-collection-items-in-cart, .item-box-in-drawer .over-layer a.toggle-collection-items-in-cart {
  /* Position-related styles here are similar to .add-item-wrapper above. */
  bottom: calc(calc(1.5rem / 4) - .0625rem);
  /* extra .0625rem compensates for the custom font's baseline */
  display: inline-block;
  font-size: .75rem;
  font-weight: 200;
  line-height: 1.1;
  position: absolute;
  right: 5px;
  text-align: left;
  top: auto;
  white-space: nowrap;
}

.item-box .over-layer a.toggle-collection-items-in-cart, 
			.item-box .over-layer a.toggle-collection-items-in-cart:link, 
			.item-box .over-layer a.toggle-collection-items-in-cart:visited, 
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart, 
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart:link, 
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart:visited {
  color: #f7b81b;
}

.item-box .over-layer a.toggle-collection-items-in-cart:hover,
			.item-box .over-layer a.toggle-collection-items-in-cart:active,
			.item-box .over-layer a.toggle-collection-items-in-cart:focus,
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart:hover,
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart:active,
			.item-box-in-drawer .over-layer a.toggle-collection-items-in-cart:focus {
  opacity: 0.7;
}

.item-box .over-layer a.toggle-collection-items-in-cart .icon, .item-box-in-drawer .over-layer a.toggle-collection-items-in-cart .icon {
  font-family: "datgdap";
  font-size: 1rem;
  vertical-align: middle;
}

.item-box .over-layer .info-button, .item-box-in-drawer .over-layer .info-button {
  bottom: calc(1.5rem / 4);
  color: #f7b81b;
  cursor: pointer;
  display: inline-block;
  font-size: .75rem;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: auto;
}

.item-box .over-layer .info-button:hover, .item-box-in-drawer .over-layer .info-button:hover {
  opacity: 0.7;
}

.domain-international .item-box.info-link-two-rows .over-layer .item-title,
				.domain-international .item-box.info-link-two-rows .over-layer .item-filename,
				.domain-international .item-box.info-link-two-rows .over-layer .item-updated,
				.domain-international .item-box.info-link-two-rows .over-layer .item-date,
				.domain-international .item-box.info-link-two-rows .over-layer .item-airtime,
				.domain-international .item-box.info-link-two-rows .over-layer .item-videocategory,
				.domain-international .item-box.info-link-two-rows .over-layer .network-name,
				.domain-international .item-box.info-link-two-rows .over-layer .item-episode-title,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-title,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-filename,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-updated,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-date,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-airtime,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-videocategory,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .network-name,
				.domain-international .item-box-in-drawer.info-link-two-rows .over-layer .item-episode-title {
  width: 94%;
}

.item-box .inline-drawer-content, .item-box-in-drawer .inline-drawer-content {
  display: none;
}

.item-box.video-item a.video-play-button, .item-box-in-drawer.video-item a.video-play-button {
  background: url('icon_video_play_gold.png') no-repeat 50% 50%;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.item-box.video-item .file-name, .item-box-in-drawer.video-item .file-name {
  display: block;
  color: #f7b81b;
  font-size: 11px;
  font-weight: 400;
  margin-left: 15px;
}

.item-box.video-item .item-title, .item-box-in-drawer.video-item .item-title {
  font-size: .43rem;
}

.item-box.video-item .over-layer .add-item-wrapper, .item-box-in-drawer.video-item .over-layer .add-item-wrapper {
  top: 7px;
}

.item-box.justified-image, .item-box-in-drawer.justified-image {
  margin-left: 0;
  margin-top: 5px;
  overflow: hidden;
}

.item-box.justified-image .over-layer, .item-box-in-drawer.justified-image .over-layer {
  padding-bottom: calc(1.5rem * 1.5);
}

@media only screen and (min-width: 769px) {
  .item-box.justified-image .over-layer, .item-box-in-drawer.justified-image .over-layer {
    padding-bottom: 1.5rem
  }
}

.item-box.default-tile, .item-box-in-drawer.default-tile {
  margin-bottom: calc(1.5rem / 2);
}

@media only screen and (min-width: 376px) and (max-width: 769px) {
  .item-box.default-tile, .item-box-in-drawer.default-tile {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .item-box.default-tile:nth-of-type(even), .item-box-in-drawer.default-tile:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .item-box.default-tile, .item-box-in-drawer.default-tile {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%
  }

  .item-box.default-tile:nth-of-type(3n), .item-box-in-drawer.default-tile:nth-of-type(3n) {
    margin-right: 0;
  }
}

span.force-break {
  display: block;
}

.bio.item-box:before, .bio.item-box:after {
  content: "";
  display: table;
}

.bio.item-box:after {
  clear: both;
}

.bio.item-box {
  background: #E0E0E0;
  font-size: .75rem;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 8px;
  max-height: 114px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .bio.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%;
    margin-bottom: .9375rem
  }

  .bio.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .bio.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%;
    margin-bottom: .75rem
  }

  .bio.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.bio.item-box:nth-child(even) {
  background: #cccccc;
}

.bio.item-box:nth-of-type(4n) {
  margin-right: 0;
}

.bio.item-box .js-tile-trigger {
  padding-right: .625rem;
}

.bio.item-box .bio-pic-wrapper {
  /* Styles here are required to enforce image size (back-end doesn't */
  /* consistently return these images correctly resized). */
  float: left;
  margin-right: calc(8px * 1.5);
  max-width: 90px;
  overflow: hidden;
  width: 37%;
}

.bio.item-box .bio-pic-wrapper img {
  display: block;
  width: 100%;
}

.bio.item-box a.info-button {
  bottom: 8px;
  font-size: .75rem;
  line-height: .75rem;
  position: absolute;
  right: 8px;
}

.bio.item-box a.info-button:link,
		.bio.item-box a.info-button:visited {
  color: #666666;
}

.bio.item-box a.info-button:hover,
		.bio.item-box a.info-button:active,
		.bio.item-box a.info-button:focus {
  color: #F7B81B;
}

/*--------------------------------------------------------------
10.7 Landing pages
--------------------------------------------------------------*/

.slider-search {
  bottom: -52px;
  display: block;
  left: 0;
  margin: 0 auto 0 auto;
  position: absolute;
  right: 0;
  width: 96%;
  z-index: 52;
}

@media only screen and (min-width: 1024px) {
  .slider-search {
    display: none
  }
}

@media only screen and (min-width: 377px) and (max-width: 769px) {
  .slider-search {
    bottom: -68px
  }
}

@media only screen and (min-width: 770px) and (max-width: 1280px) {
  .slider-search {
    bottom: 8px;
    left: auto;
    margin: 0 0 0 0;
    right: 8px;
    width: 460px
  }
}

@media only screen and (min-width: 1281px) {
  .slider-search {
    bottom: 8px;
    left: 0;
    margin: 0 auto 0 auto;
    right: 0;
    width: 460px
  }
}

.slider-search fieldset {
  border: 0;
  display: block;
  margin: 0 auto;
}

.slider-search fieldset #search2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border: none;
  border-radius: 10px 0 0 10px;
  color: #444;
  display: block;
  float: left;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 200;
  height: 42px;
  line-height: 1.1;
  padding: 4px 1.25rem 0;
  width: 82%;
}

@media only screen and (min-width: 377px) {
  .slider-search fieldset #search2 {
    font-size: 1.3125rem;
    height: 57px
  }
}

.slider-search fieldset .searchsubmit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  background-color: #f7b81b;
  border: none;
  border-radius: 0 10px 10px 0;
  color: white;
  display: block;
  float: left;
  font-family: "datgdap";
  font-size: 2.25rem;
  height: 42px;
  line-height: 1.1;
  padding: 0 0 2px 8px;
  position: relative;
  right: 0;
  top: 0;
  width: 18%;
}

@media only screen and (min-width: 377px) {
  .slider-search fieldset .searchsubmit {
    font-size: 2.25rem;
    height: 57px
  }
}

/* Hide it if the bxslider hasn't yet loaded (to avoid positioning it). */

.bxslider-outer.js-not-loaded .slider-search {
  display: none;
}

.bxslider-outer {
  position: relative;
}

.bxslider-outer.js-not-loaded {
  background-color: #333;
}

/* Push down the content below the slider here because we relocate the search */

/* field beneath it at smaller sizes. */

@media only screen and (max-width: 376px) {
  .bxslider-outer {
    margin-bottom: 48px
  }
}

@media only screen and (min-width: 377px) and (max-width: 769px) {
  .bxslider-outer {
    margin-bottom: 72px
  }
}

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

ul.bxslider .slide-image {
  max-width: 100%;
  /*min-width: $bp-sm-max;*/
  width: 100%;
}

.bxslider-outer.js-not-loaded ul.bxslider {
  height: 200px;
  overflow: hidden;
}

.bxslider-outer.js-not-loaded ul.bxslider .slide-image {
  visibility: hidden;
}

ul.bxslider > li {
  min-height: 106px;
  /* prevent clipping of search field and caption on small screens. */
  position: relative;
}

.slide-copy {
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: 400;
  left: auto;
  line-height: 1;
  min-height: none;
  padding: 5px 8px 4px 16px;
  position: absolute;
  right: auto;
  width: 100%;
}

@media only screen and (min-width: 377px) {
  .slide-copy {
    bottom: 6px;
    line-height: 1.5
  }
}

@media only screen and (min-width: 770px) {
  .slide-copy {
    bottom: 72px;
    right: 0;
    width: 420px
    /* match .slider-search width plus its offset from right */
  }
}

@media only screen and (min-width: 1281px) {
  .slide-copy {
    bottom: 0;
    min-height: 65px;
    padding: 10px 15px 4px;
    width: 28%
  }
}

.slide-copy .slide-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 300;
}

.slide-copy .slide-details {
  display: block;
  font-size: .75rem;
  font-weight: 200;
}

@media only screen and (min-width: 769px) {
  .slide-copy .slide-details {
    font-size: .9375rem
  }
}

.slide-copy .slide-details a:link,
			.slide-copy .slide-details a:visited {
  color: #f7b81b;
}

.slide-copy .slide-details a:hover,
			.slide-copy .slide-details a:active,
			.slide-copy .slide-details a:focus {
  color: #f7b81b;
  opacity: 0.75;
}

.domain-international .slide-copy {
  bottom: 0;
}

a.slider-link {
  display: block;
  font-size: 0;
  line-height: 0;
}

/* Removes excess space around slide image */

@media only screen and (max-width: 376px) {
  a.slider-link {
    /* At this breakpoint, we'll let the slide image clip/overflow */
    /* to prevent it from getting super short and not leaving enough */
    /* height for text content. */
    overflow-x: hidden
  }
}

/*--------------------------------------------------------------
10.8 Videos Page
--------------------------------------------------------------*/

div.filters-area {
  background: url('filters_background.png') repeat-x 0% 0%;
  display: none;
  height: 120px;
  width: 100% !important;
}

div.filters-area .filters-wrap {
  padding-top: 30px;
  max-width: 860px;
  margin: 0 auto;
}

div.filters-area .filters-wrap .section {
  display: inline-block;
  float: left;
  color: #222222;
}

div.filters-area .filters-wrap .section span.title {
  border-bottom: 1px solid #c19015;
  display: block;
  font-size: .8125rem;
  margin-bottom: 5px;
}

div.filters-area .filters-wrap .section .filters-column {
  display: inline-block;
  float: left;
  margin-right: 30px;
}

div.filters-area .filters-wrap .section .filters-column span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}

div.filters-area .filters-wrap .section .filters-column span input[type="checkbox"] {
}

div.filters-area .filters-wrap .section .filters-column span input[type="checkbox"] + label {
}

div.filters-area .filters-wrap .section .filters-column span input[type='checkbox']:checked + label {
}

div.filters-area .filters-wrap .section .filters-column.last-item {
  margin-right: 0;
}

div.filters-area .filters-wrap .section.left-column {
  border-right: 1px solid #c19015;
  padding-right: 50px;
  margin-right: 50px;
}

div.expand_filter {
  background: url('expan_arrow.png') no-repeat 100% 50% transparent;
  bottom: 0;
  cursor: pointer;
  font-size: 11px;
  line-height: 26px;
  padding-right: 40px;
  position: absolute;
  right: 0;
}

.todo {
  background-color: yellow;
  color: red;
  font-weight: bold;
}

/*--------------------------------------------------------------
10.7 Executives Page
--------------------------------------------------------------*/

.exec.item-box:before, .exec.item-box:after {
  content: "";
  display: table;
}

.exec.item-box:after {
  clear: both;
}

.exec.item-box {
  background: #cccccc;
  border: 1px solid #999999;
  display: inline-block;
}

@media only screen and (max-width: 769px) {
  .exec.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .exec.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .exec.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .exec.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.exec.item-box .exec-pic-wrapper {
  /* Styles here are required to enforce image size (back-end doesn't */
  /* consistently return these images correctly resized). */
  float: left;
  max-height: 174px;
  max-width: 134px;
  overflow: hidden;
  width: 45%;
}

.exec.item-box .exec-pic-wrapper img {
  display: block;
  width: 100%;
}

.exec.item-box .exec-text {
  float: left;
  font-size: .625rem;
  font-weight: 300;
  line-height: 1.125rem;
  margin-left: 4%;
  padding-top: calc(1.5rem * 0.5);
  width: 50%;
}

@media only screen and (min-width: 376px) {
  .exec.item-box .exec-text {
    padding-top: calc(1.5rem * 1.5)
  }
}

.exec.item-box .exec-name {
  font-size: .8125rem;
  font-weight: 400;
  text-transform: uppercase;
}

.exec.item-box a.info-button {
  bottom: 8px;
  font-size: .75rem;
  line-height: 1;
  position: absolute;
  right: 8px;
}

.exec.item-box a.info-button:link,
		.exec.item-box a.info-button:visited {
  color: #666666;
}

.exec.item-box a.info-button:hover,
		.exec.item-box a.info-button:active,
		.exec.item-box a.info-button:focus {
  color: #F7B81B;
}

.exec.item-box .exec-position {
  display: none;
}

@media only screen and (min-width: 769px) {
  .exec.item-box .exec-position {
    display: inline
  }
}

div.pressrelease-full-details {
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  margin-left: 30px;
  padding-top: 20px;
}

div.pressrelease-full-details .title {
  color: #dddddd;
  display: block;
  font-size: 1rem;
  font-weight: 200;
  margin-bottom: 10px;
}

div.pressrelease-full-details .position {
  color: #999999;
  display: block;
  font-size: .8125rem;
}

div.pressrelease-full-details div.bottom-links {
  text-align: center;
}

div.pressrelease-full-details div.bottom-links a, div.pressrelease-full-details div.bottom-links .links-sep {
  color: #f7b81b;
}

/*--------------------------------------------------------------
10.10 Contacts Page
--------------------------------------------------------------*/

.btn-contact-form-drawer {
  bottom: 30px;
  padding-right: 0;
  font-size: .9375rem;
}

div.contact-form-drawer {
  /* @TODO The styles and markup for this should be updated to use the */
  /* conventions in the kitchen sink. */
  -webkit-box-shadow: inset 0 100px 200px #424242, inset 0 -100px 200px #424242;
          box-shadow: inset 0 100px 200px #424242, inset 0 -100px 200px #424242;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: max-height 0.5s, opacity 0.5s;
  transition: max-height 0.5s, opacity 0.5s;
  background: #858585;
  font-weight: 200;
  line-height: 1.125rem;
  padding: 0 10px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

@media only screen and (min-width: 769px) {
  div.contact-form-drawer {
    margin: 0 -200px 0;
    padding: 0
  }
}

div.contact-form-drawer .close {
  right: 10px;
}

@media only screen and (min-width: 769px) {
  div.contact-form-drawer .close {
    right: 200px
  }
}

div.contact-form-drawer .container {
  padding: 100px 0 35px;
}

div.contact-form-drawer.active,
	.no-js div.contact-form-drawer {
  max-height: 2000px;
  opacity: 1;
  overflow-y: auto;
}

div.contact-form-drawer a {
  color: #ffffff;
}

div.contact-form-drawer div.contact-text {
  color: #ffffff;
}

div.contact-form-drawer div.form-text {
  color: #ffffff;
  display: inline-block;
  font-size: .8125rem;
}

@media only screen and (min-width: 769px) {
  div.contact-form-drawer div.form-text {
    float: left;
    width: 280px
  }
}

div.contact-form-drawer div.contact-form {
  color: #ffffff;
  display: inline-block;
  font-size: .6875rem;
}

@media only screen and (min-width: 769px) {
  div.contact-form-drawer div.contact-form {
    float: left;
    margin-left: 90px;
    width: 550px
  }
}

div.contact-form-drawer div.contact-form label {
  color: #dddddd;
}

/* Base mixin for all profile form field groups. */

/* Mixin for full-width field groups. */

/* Mixin for left-col (at large size) field groups. */

/* Mixin for right-col (at large size) field groups. */

div.contact-form-drawer div.contact-form .form-group {
  width: 100%;
}

@media only screen and (min-width: 377px) {
  div.contact-form-drawer div.contact-form .form-group {
    float: left;
    width: 50%
  }
}

/* Left cols. */

@media only screen and (min-width: 377px) {
  div.contact-form-drawer div.contact-form .form-group.contact-form-name,
			div.contact-form-drawer div.contact-form .form-group.contact-form-company,
			div.contact-form-drawer div.contact-form .form-group.contact-form-agree-to-terms {
    clear: left;
    padding-right: 8px;
  }
}

/* Right cols. */

@media only screen and (min-width: 377px) {
  div.contact-form-drawer div.contact-form .form-group.contact-form-publication,
			div.contact-form-drawer div.contact-form .form-group.contact-form-email,
			div.contact-form-drawer div.contact-form .form-group.contact-form-submit {
    padding-right: 0;
  }
}

/* Full-width cols. */

div.contact-form-drawer div.contact-form .form-group.contact-form-message,
			div.contact-form-drawer div.contact-form .form-group.contact-form-title {
  clear: both;
}

@media only screen and (min-width: 377px) {
  div.contact-form-drawer div.contact-form .form-group.contact-form-message,
			div.contact-form-drawer div.contact-form .form-group.contact-form-title {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}

.contacts-rows {
  display: block;
  margin: 25px 0 0 40px;
}

.contacts-rows .contact-item {
  padding: 0 45px 40px;
}

.contacts-rows .contact-item.mod-2,
		.contacts-rows .contact-item.mod-3 {
  clear: none;
}

@media only screen and (min-width: 769px) {
  .contacts-rows .contact-item {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%;
    margin-right: 0
  }

  .contacts-rows .contact-item:nth-of-type(even) {
    margin-right: 0;
  }

  .contacts-rows .contact-item:nth-of-type(even),
			.contacts-rows .contact-item:nth-of-type(3n) {
    margin-right: 0;
  }

  .contacts-rows .contact-item.mod-2 {
    clear: left;
    margin-right: 0;
  }

  .contacts-rows .contact-item.mod-3 {
    clear: none;
    margin-right: 0;
  }

  .contacts-rows .contact-item.mod-2.mod-3 {
    clear: left;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .contacts-rows .contact-item {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%;
    margin-right: 0
  }

  .contacts-rows .contact-item:nth-of-type(3n) {
    margin-right: 0;
  }

  .contacts-rows .contact-item:nth-of-type(even),
			.contacts-rows .contact-item:nth-of-type(3n) {
    margin-right: 0;
  }

  .contacts-rows .contact-item.mod-2 {
    clear: none;
    margin-right: 0;
  }

  .contacts-rows .contact-item.mod-3,
			.contacts-rows .contact-item.mod-2.mod-3 {
    clear: left;
    margin-right: 0;
  }
}

.contacts-rows .contact-item span,
		.contacts-rows .contact-item div.movies {
  color: #666666;
  display: block;
  font-size: .9375rem;
  line-height: 1.125rem;
}

.contacts-rows .contact-item span ul, .contacts-rows .contact-item div.movies ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contacts-rows .contact-item .name {
  color: #444444;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.contacts-rows .contact-item .title {
  font-weight: 300;
}

.contacts-rows .contact-item .email a {
  color: #a57e36;
  font-size: .9375rem;
}

.contacts-rows .contact-item .email a:hover {
  color: #f7b81b;
}

#boxframe {
  height: 300px;
  left: 420px;
  overflow: auto;
  position: absolute;
  top: 8px;
  width: 400px;
}

div.contacts-category-select {
  background: url('expan_arrow.png') no-repeat scroll 100% 50% transparent;
  bottom: 25px;
  cursor: pointer;
  font-size: 11px;
  line-height: 26px;
  padding-right: 40px;
  position: absolute;
  right: 0;
}

div.contact-us-trigger {
  bottom: 30px;
  cursor: pointer;
  font-size: .9375rem;
  line-height: 1.125rem;
  position: absolute;
  right: 250px;
}

/*--------------------------------------------------------------
10.12 Show Releases
--------------------------------------------------------------*/

.single-episode .show-releases:before, .single-episode .show-releases:after, .single-show .show-releases:before, .single-show .show-releases:after {
  content: "";
  display: table;
}

.single-episode .show-releases:after, .single-show .show-releases:after {
  clear: both;
}

.single-episode .show-releases, .single-show .show-releases {
  margin-bottom: 30px;
}

.episode-press-releases-page .toggle-collection-items-in-cart.add-all {
  display: inline-block;
  float: right;
  text-align: right;
}

.episode-press-releases-page #dap-tiles-episode-releases {
  clear: both;
}

.episode-photos,
.episode-videos,
.show-episodes,
.show-episodes-expanded {
  position: relative;
  margin-bottom: 30px;
}

.show-episodes-expanded {
  padding-top: 1.5rem;
}

.season-pages-episode-subheader,
.show-pages-episode-subheader {
  margin-bottom: 1.5rem;
}

.season-pages-episode-subheader .container:before, .season-pages-episode-subheader .container:after, .show-pages-episode-subheader .container:before, .show-pages-episode-subheader .container:after {
  content: "";
  display: table;
}

.season-pages-episode-subheader .container:after, .show-pages-episode-subheader .container:after {
  clear: both;
}

.season-pages-episode-subheader .newest-episode, .show-pages-episode-subheader .newest-episode {
  margin-bottom: 0;
  /* removes margin set elsewhere */
}

.season-pages-episode-subheader .schedule-list-single-large li, .show-pages-episode-subheader .schedule-list-single-large li {
  margin-bottom: 0;
  /* removes margin set elsewhere */
}

.season-pages-episode-subheader.show-info, .show-pages-episode-subheader.show-info {
  margin-bottom: 0;
}

.season-pages-episode-subheader .newest-episode .schedule-details img {
  display: block;
}

.season-pages-episode-subheader .newest-episode .schedule-details {
  padding: 0 0 0 76px;
}

@media only screen and (min-width: 1280px) {
  .season-pages-episode-subheader .newest-episode .schedule-details {
    padding-left: 105px;
  }
}

.show-info {
  margin-bottom: 1.5rem;
}

.show-pages-header {
  background: #2a2626;
  display: block;
  padding: 0 8px;
}

.show-pages-header-wrap {
  color: #fff;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2.25rem;
  padding-top: calc(1.5rem * 1.25);
  position: relative;
}

.show-pages-header-wrap .show-title {
  font-size: 1.625rem;
  font-weight: 200;
  margin: 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 769px) {
  .show-pages-header-wrap .show-title {
    font-size: 3.4rem;
    line-height: 4.0rem;
    margin: .75rem 0
  }
}

.show-pages-header-wrap .show-nav {
  clear: both;
  float: right;
}

@media only screen and (min-width: 1024px) {
  .show-pages-header-wrap .show-nav {
    bottom: 30px;
    float: none;
    left: 450px;
    position: absolute
  }

  .show-pages-header-wrap .show-nav ul {
    display: inline-block;
    list-style: none;
    margin: 0 35px 0 0;
    padding: 0;
  }

  .show-pages-header-wrap .show-nav li {
    border-right: 1px solid #fff;
    display: inline-block;
    float: left;
    line-height: .75rem;
    margin-right: 10px;
    padding-right: 10px;
  }

  .show-pages-header-wrap .show-nav li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }

  .show-pages-header-wrap .show-nav li.current_page_item a {
    color: #f7b81b;
  }

  .show-pages-header-wrap .show-nav a {
    color: #fff;
    font-size: .75rem;
    line-height: 1;
    text-transform: uppercase;
  }

  .show-pages-header-wrap .show-nav a:hover {
    color: #f7b81b;
  }
}

.show-pages-header-wrap .menu-toggle {
  clear: both;
  padding: 0 18px 0 0;
}

.show-pages-header-wrap .menu-toggle:before {
  left: auto;
  right: -2px;
}

.show-pages-header-wrap .menu-toggle:hover {
  color: #e7e7e7;
}

@media only screen and (max-width: 1024px) {
  .show-pages-header-wrap .menu-main-menu-container {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 0 5px;
            box-shadow: rgba(0, 0, 0, 0.3) -1px 0 5px;
    background: rgba(102, 102, 102, 0.9);
    display: none;
    height: 100%;
    padding: 8px 30px;
    position: fixed;
    right: 0;
    z-index: 100
  }

  .show-pages-header-wrap .menu-main-menu-container ul {
    margin: 0;
  }
}

.show-pages-header-wrap .toggled .menu-main-menu-container {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .show-pages-header-wrap .menu {
    list-style: none
  }

  .show-pages-header-wrap .menu li {
    border-top: 1px solid #e7e7e7;
    display: block;
    line-height: 1;
    padding: 10px 10px 8px 0;
  }

  .show-pages-header-wrap .menu a {
    font-size: .625rem;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .show-pages-header-wrap .menu a:link,
				.show-pages-header-wrap .menu a:visited {
    color: #e7e7e7;
  }

  .show-pages-header-wrap .menu a:hover,
				.show-pages-header-wrap .menu a:active,
				.show-pages-header-wrap .menu a:focus {
    color: #ffffff;
  }

  .show-pages-header-wrap .menu:first-child li:first-child {
    border: none;
  }
}

.show-press-releases-page .toggle-collection-items-in-cart.add-all {
  display: inline-block;
  float: right;
  text-align: right;
}

.show-press-releases-page #dap-tiles-show-releases {
  clear: both;
}

.show-pages-subheader {
  background-color: #ccc;
  max-width: none;
  padding: 0;
}

.show-pages-subheader .page-title {
  font-size: 1.25rem;
  font-weight: 200;
  line-height: 1.5rem;
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.5rem 0;
  text-transform: uppercase;
}

.episode-photos-page .entry-content, .show-photos-page .entry-content {
  margin-bottom: 1.5rem;
}

.episode-photos-page .photos-list-title, .show-photos-page .photos-list-title {
  border-bottom: none;
  color: #686859;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-top: 0;
  text-transform: uppercase;
}

.item-episode {
  background: #f7b81b;
  display: inline-block;
  float: left;
  margin-bottom: 1.58%;
  margin-right: 1.58%;
  max-width: 288px;
  position: relative;
  width: 23%;
}

.item-episode .episode-info {
  color: #000;
  display: inline-block;
  float: left;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  margin: 0 1.5%;
  padding: 8px 0 0 0;
  text-align: center;
  width: 30%;
}

.item-episode .episode-info span {
  display: block;
}

.item-episode .episode-info span.date {
  border-bottom: 1px solid #666666;
  display: block;
  font-size: .9375rem;
  font-weight: 300;
  padding-bottom: 6px;
}

.item-episode .episode-info span.episode-lbl {
  color: #fff;
  display: block;
  font-size: .8125rem;
  font-weight: 200;
  margin-top: 6px;
}

.item-episode .episode-info span.episode-no {
  color: #fff;
  display: block;
  font-size: 1.875rem;
  font-weight: 200;
  line-height: 1;
}

.item-episode .thumb {
  display: inline-block;
  float: left;
  position: relative;
  width: 67%;
}

.item-episode .thumb .over-layer {
  bottom: 0;
  left: 0;
  padding: 2px 3%;
  position: absolute;
  right: 0;
  text-align: right;
  vertical-align: middle;
}

.domain-international .item-episode .thumb .over-layer {
  position: static;
}

.item-episode .thumb .over-layer .icon {
  color: #f7b81b;
  display: inline-block;
  line-height: .625rem;
  vertical-align: middle;
}

.item-episode .thumb .over-layer .add-item {
  color: #f7b81b;
  display: inline;
  font-size: .6875rem;
  line-height: .8125rem;
  margin-right: 10px;
  padding-right: 20px;
  vertical-align: middle;
}

.item-episode .episode-excerpt {
  background: #666666;
  clear: both;
  color: #fff;
  display: block;
  font-size: .6875rem;
  line-height: .78125rem;
  padding: 5px 3%;
  position: relative;
}

.special-media-bundle.item-box {
  background: #f7b81b;
  /* The special media bundle item-boxes need to calculate their own height. */
  height: auto;
  margin-bottom: calc(1.5rem / 2);
}

@media only screen and (min-width: 376px) and (max-width: 769px) {
  .special-media-bundle.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .special-media-bundle.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .special-media-bundle.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .special-media-bundle.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.pressrelease.item-box {
  background: #f7b81b;
  /* The press release item-boxes need to calculate their own height. */
  height: auto;
  margin-bottom: calc(1.5rem / 2);
}

@media only screen and (min-width: 376px) and (max-width: 769px) {
  .pressrelease.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .pressrelease.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .pressrelease.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .pressrelease.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.pressrelease.item-box .pressrelease-info {
  bottom: 0;
  color: #000000;
  display: inline-block;
  font-size: .5rem;
  font-weight: 600;
  left: 0;
  line-height: 1rem;
  padding: 16px 0 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 34%;
}

@media only screen and (min-width: 769px) {
  .pressrelease.item-box .pressrelease-info {
    font-size: .75rem;
    padding: 36px 0 0 0
  }
}

.pressrelease.item-box .pressrelease-info .pressrelease-date {
  font-size: .625rem;
  font-weight: 300;
  padding-bottom: 6px;
}

@media only screen and (min-width: 769px) {
  .pressrelease.item-box .pressrelease-info .pressrelease-date {
    font-size: .75rem
  }
}

.pressrelease.item-box .pressrelease-pic-wrapper {
  /* Dimensions and overflow here prevent display problems if server returns */
  /* wrong image size. */
  display: inline-block;
  float: right;
  overflow: hidden;
  position: relative;
  width: 66%;
}

.pressrelease.item-box .pressrelease-pic-wrapper .pressrelease-pic {
  display: block;
  width: 100%;
}

.pressrelease.item-box .pressrelease-pic-wrapper .over-layer {
  bottom: 0;
  left: 0;
  padding: 4px 3% 0;
  position: absolute;
  right: 0;
  text-align: right;
}

.domain-international .pressrelease.item-box .pressrelease-pic-wrapper .over-layer {
  position: static;
}

.pressrelease.item-box .pressrelease-pic-wrapper .over-layer .info-button {
  bottom: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  right: auto;
  text-align: left;
  top: auto;
}

.pressrelease.item-box .pressrelease-pic-wrapper .over-layer .add-item-wrapper {
  bottom: 0;
  display: inline-block;
  font-weight: 200;
  right: 5px;
  text-align: right;
  width: auto;
}

.pressrelease.item-box .pressrelease-excerpt {
  background: #ffffff;
  clear: both;
  color: #000000;
  display: block;
  font-size: .6875rem;
  height: 3.125rem;
  line-height: .875rem;
  overflow: hidden;
  padding: 7px 3% 3px;
  /* extra top padding to address font's baseline issues */
  position: relative;
}

.releases h4 {
  border-bottom: none;
  margin-bottom: 0;
}

.show-details {
  color: #dddddd;
  display: inline-block;
  float: left;
  margin: 0 3% 0 7%;
  width: 37%;
}

.show-details .station-logo {
  display: block;
  margin: 180px 0 40px 0;
  text-align: center;
}

.show-details .show-title {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.75rem;
  margin-bottom: 15px;
}

.show-details .show-description {
  display: block;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.25rem;
  margin-bottom: 20px;
}

.show-details .episode-details {
  color: #999999;
  display: block;
  font-size: .8125rem;
  font-weight: 300;
  line-height: .975rem;
  margin-bottom: 20px;
}

.bottom-links a {
  color: #f7b81b;
  font-size: .75rem;
  font-weight: 300;
}

.bottom-links .links-sep {
  color: #666666;
}

.site-members #profile-form-terms {
  color: #333;
  background-color: #ededed;
  padding: 1.5rem calc(8px * 2);
}

.site-members .content-offset {
  max-width: none;
}

.has-hero,
.has-newest-episode {
  background: #4a4848;
}

@media only screen and (max-width: 1024px) {
  .has-hero .container-wide {
    padding: 0
  }
}

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

.hero:after {
  clear: both;
}

.hero {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .hero {
    float: left;
    width: 50%
  }
}

@media only screen and (min-width: 1100px) {
  .hero {
    width: 770px
  }
}

@media only screen and (min-width: 1300px) {
  .hero {
    width: 936px
  }
}

.hero img {
  float: left;
  height: auto;
  width: 100%;
}

/* Assuming there's no hero image before the synopsis button... */

.read-synopsis {
  background: rgba(0 ,0, 0, .7);
  display: block;
  float: left;
  line-height: 20px;
  padding: 10px 20px 7px 40px;
  position: relative;
}

.read-synopsis:before {
  display: inline-block;
  font-size: 20px;
  left: 10px;
  position: absolute;
  top: 7px;
}

@media only screen and (min-width: 1280px) {
  .read-synopsis {
    margin-left: 27px
  }
}

/* If there's an image before the synopsis button... */

.hero img + .read-synopsis,
	.hero .show-featured-container + .read-synopsis {
  bottom: 0;
  left: 0;
  margin-left: 0;
  position: absolute;
}

@media only screen and (min-width: 1280px) {
  .hero img + .read-synopsis,
	.hero .show-featured-container + .read-synopsis {
    margin-left: 0
  }
}

.newest-episodes:before, .newest-episodes:after, .seasons:before, .seasons:after {
  content: "";
  display: table;
}

.newest-episodes:after, .seasons:after {
  clear: both;
}

.newest-episodes, .seasons {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #ffffff;
  padding: 32px 10px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .newest-episodes, .seasons {
    float: left;
    padding: 32px 0 0 32px;
    width: 264px;
  }
}

.newest-episodes > a, .seasons > a {
  position: absolute;
  right: 10px;
  top: 5px;
}

@media only screen and (min-width: 1024px) {
  .newest-episodes > a, .seasons > a {
    position: relative;
    right: auto;
    top: auto
  }
}

@media only screen and (min-width: 376px) {
  .newest-episodes > a, .seasons > a {
    top: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .newest-episodes.max-episodes > a.see-all-episodes, .seasons.max-episodes > a.see-all-episodes {
    top: 0
  }

  .seasons {
    width: 300px
  }
}

.has-synopsis:before, .has-synopsis:after {
  content: "";
  display: table;
}

.has-synopsis:after {
  clear: both;
}

.has-synopsis {
  -webkit-box-shadow: inset 0 20px 20px 5px #3b3b3b, inset 0 -40px 40px 5px #3b3b3b;
          box-shadow: inset 0 20px 20px 5px #3b3b3b, inset 0 -40px 40px 5px #3b3b3b;
  -webkit-transition: max-height 0.5s, opacity 0.5s;
  transition: max-height 0.5s, opacity 0.5s;
  background: #414141;
  max-height: 3000px;
  opacity: 1;
  overflow: hidden;
}

.js .has-synopsis {
  max-height: 0;
  opacity: 0;
}

.js .has-synopsis.active {
  max-height: 3000px;
  opacity: 1;
}

.has-synopsis .entry-content {
  margin-top: 0;
}

.has-synopsis-inner:before, .has-synopsis-inner:after {
  content: "";
  display: table;
}

.has-synopsis-inner:after {
  clear: both;
}

.has-synopsis-inner {
  padding: 25px 0;
  position: relative;
}

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

.synopsis:after {
  clear: both;
}

.synopsis {
  color: #eeeeee;
  float: left;
  padding: 35px 10px 0;
}

@media only screen and (min-width: 1024px) {
  .synopsis {
    padding: auto 0 auto 25px;
    width: 66%
  }

  .synopsis:not(.single-column) {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}

@media only screen and (min-width: 1280px) {
  .synopsis {
    padding-left: 0;
    width: 890px
  }

  .synopsis:not(.single-column) {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .synopsis-tools {
    float: left;
    padding: 5% 0 0 30px;
    position: relative;
    width: 310px
  }
}

.synopsis-tools .icon,
	.synopsis-tools .font-dap {
  font-size: 16px;
  vertical-align: text-bottom;
}

.synopsis-tools a {
  color: #F7B81B;
}

.synopsis-tools .synopsis-tools-list li {
  margin-left: 10px;
  padding-left: 10px;
}

.synopsis-tools-list {
  text-align: center;
  width: 100%;
}

.synopsis-tools-list li {
  border-left: 1px solid #a7a7a7;
  display: inline-block;
  font-size: .75rem;
  font-weight: 300;
  line-height: 1;
  margin-left: 30px;
  padding-left: 30px;
}

.synopsis-tools-list li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

.synopsis-tools-list {
  margin: 0;
}

.btn-close {
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: -9999em;
  top: 15px;
  width: 40px;
  z-index: 2;
}

.btn-close:before {
  color: #a7a7a7;
  display: block;
  font-size: 20px;
  left: 0;
  line-height: 40px;
  right: 0;
  text-align: center;
  text-indent: 0;
}

.show-media:before, .show-media:after {
  content: "";
  display: table;
}

.show-media:after {
  clear: both;
}

.show-media {
  margin-bottom: 1.5rem;
}

.has-media {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 376px) {
  .has-media {
    float: left;
    margin-left: 2%;
    width: 49%
  }

  .has-media:nth-of-type(odd) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 769px) {
  .has-media {
    margin-bottom: 0;
    margin-left: 1.4%;
    position: relative;
    width: 32.4%
  }

  .has-media:nth-of-type(odd) {
    margin-left: 1.4%;
  }

  .has-media:first-child {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1320px) {
  .has-media {
    margin-left: 25px;
    width: 383px
  }

  .has-media:nth-of-type(odd) {
    margin-left: 25px;
  }

  .has-media:first-child {
    margin-left: 0;
  }
}

.show-bios {
  position: relative;
  margin-bottom: 30px;
}

.has-bios:before, .has-bios:after {
  content: "";
  display: table;
}

.has-bios:after {
  clear: both;
}

.has-bios {
  margin-bottom: 0 !important;
}

/* NOTE: Removed negative 5px L/R margins from here because they were */

/*       breaking left side alignment in places where bio tiles were */

/*       present. /kamm 2014-09-05 */

.bio-wrapper h4 {
  border: none;
  margin-bottom: 0;
}

.bio-name {
  color: #000000;
  display: block;
  font-weight: 600;
  padding: 25px 0 5px;
  text-transform: uppercase;
  word-wrap: break-word;
}

.bio-description {
  word-wrap: break-word;
}

.show-contacts {
  margin-bottom: 30px;
}

.has-contacts:before, .has-contacts:after, .has-social:before, .has-social:after {
  content: "";
  display: table;
}

.has-contacts:after, .has-social:after {
  clear: both;
}

.has-contacts,
.has-social {
  background: #ffffff;
  padding-top: 40px;
}

.contact {
  color: #666666;
  font-size: 13px;
  font-weight: 200;
  line-height: 1;
  padding: 0 60px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 769px) {
  .contact {
    border-left: 1px solid #cccccc;
    float: left;
    width: 50%
  }

  .contact:nth-child(2n+1) {
    border: none;
    clear: left;
  }
}

@media only screen and (min-width: 1024px) {
  .contact {
    width: 25%
  }

  .contact:nth-child(2n+1) {
    border-left: 1px solid #cccccc;
    clear: none;
  }

  .contact:nth-child(4n+1) {
    border: none;
    clear: left;
  }
}

.contact strong {
  display: block;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 6px;
}

.contact a {
  display: block;
  margin-top: 4px;
}

.contact a:link,
		.contact a:visited {
  color: #666666;
}

.contact a:hover,
		.contact a:active,
		.contact a:focus {
  color: #F7B81B;
}

.social {
  color: #666666;
  font-size: 13px;
  font-weight: 200;
  line-height: 1;
  padding: 0 60px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 769px) {
  .social {
    border-left: 1px solid #cccccc;
    float: left;
    width: 50%
  }

  .social:nth-child(2n+1) {
    border: none;
    clear: left;
  }
}

@media only screen and (min-width: 1024px) {
  .social {
    width: 25%
  }

  .social:nth-child(2n+1) {
    border-left: 1px solid #cccccc;
    clear: none;
  }

  .social:nth-child(4n+1) {
    border: none;
    clear: left;
  }
}

.social a {
  border-radius: 50%;
  display: block;
  height: 46px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999;
  width: 46px;
}

.social a:before {
  display: block;
  font-size: 1.5rem;
  line-height: 46px;
  text-align: center;
  text-indent: 0;
  width: 46px;
}

.social.social-facebook a {
  background: #507cbe;
}

.social.social-facebook a:link,
			.social.social-facebook a:visited {
  color: #ffffff;
}

.social.social-twitter a {
  background: #63cdf1;
}

.social.social-twitter a:link,
			.social.social-twitter a:visited {
  color: #ffffff;
}

.social.social-flickr a {
  background: #ffffff;
  border: 1px solid #b3b3b3;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
}

.social.social-flickr a:before,.social.social-flickr a:after {
  border-radius: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
  content: '';
  display: block;
  height: 21%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  width: 21%;
  z-index: 2;
}

.social.social-flickr a:before {
  background: #3172b9;
  left: 26%;
}

.social.social-flickr a:after {
  background: #e54b9b;
  right: 26%;
}

.social.social-feed a {
  background: #f7941e;
}

.social.social-feed a:link,
			.social.social-feed a:visited {
  color: #ffffff;
}

/*--------------------------------------------------------------
10.13 Episode Page
--------------------------------------------------------------*/

.has-newest-episode {
  padding: 10px 0;
}

@media only screen and (min-width: 1024px) {
  .has-newest-episode {
    padding: 20px
  }
}

.synopsis-excerpt {
  color: #cccccc;
  float: left;
  font-size: 1.4375rem;
  font-weight: 200;
  line-height: 1.4;
}

@media only screen and (min-width: 1280px) {
  .synopsis-excerpt {
    float: none
  }
}

.episode-read-synopsis {
  font-size: .9375rem;
}

.newest-episode:before, .newest-episode:after {
  content: "";
  display: table;
}

.newest-episode:after {
  clear: both;
}

.newest-episode {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #ffffff;
  padding: 32px 10px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .newest-episode {
    float: left;
    padding: 32px 0 0 32px;
    width: 264px
  }
}

.newest-episode > a {
  position: absolute;
  right: 10px;
  top: 5px;
}

@media only screen and (min-width: 1024px) {
  .newest-episode > a {
    position: relative;
    right: auto;
    top: auto
  }
}

@media only screen and (min-width: 376px) {
  .newest-episode > a {
    top: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .newest-episode.max-episodes > a.see-all-episodes {
    top: 0
  }
}

.newest-episode {
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .newest-episode {
    float: left;
    margin: 0 8px 10px 0;
    width: 50%
  }
}

@media only screen and (min-width: 1280px) {
  .newest-episode {
    margin: 0 50px 10px 0;
    width: 390px
  }
}

/* Single show template/pages. */

.single-show {
  /* @TODO Bio tiles on single-show pages are still janky (at narrow browser widths) */
}

/* @TODO Header text for media items ("Latest Videos" etc) on single-show pages are a bit big at lower browser widths */

/* Regarding depth: We'll probably nest deep here because encapsulation and organization */

/* is more important here than other concerns. */

.single-show .show-media:before, .single-show .show-media:after {
  content: "";
  display: table;
}

.single-show .show-media:after {
  clear: both;
}

.single-show .show-media .item-box {
  float: left;
  margin-bottom: .75rem;
  position: relative;
  width: 100%;
}

.single-show .show-media .item-box .primary-tile-image {
  /* FYI: Since we're using max-width:100%, the images pulled from the server must be the correct size/proportions. */
  max-width: 100%;
}

.single-show .show-media .item-box {
  float: left;
  margin-bottom: calc(1.5rem / 2);
  margin-right: 2%;
  position: relative;
  width: 49%;
}

.single-show .show-media .item-box:nth-of-type(even) {
  margin-right: 0;
}

@media only screen and (min-width: 770px) {
  .single-show .show-media .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%
  }

  .single-show .show-media .item-box:nth-of-type(3n) {
    margin-right: 0;
  }

  .single-show .show-media .item-box:nth-of-type(even) {
    margin-right: 1.08%;
  }
}

/* Episode teaser list (currently used on shows, episodes pages). */

.show-episodes-teaser-list .show-episodes-teaser-list-header {
  position: relative;
}

.show-episodes-teaser-list .show-episodes-teaser-list-heading {
  border: none;
  color: #666666;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 20px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) {
  .show-episodes-teaser-list .show-episodes-teaser-list-heading {
    font-size: .75rem;
  }
}

.show-episodes-teaser-list .show-episodes-teaser-list-heading {
  font-size: .75rem;
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
10.14 404 Page
--------------------------------------------------------------*/

.error404.site-members .site-header {
  background-color: #000;
  background-image: none;
}

.error404.site-members .site-header h2 {
  color: #fff;
}

.error404 .site-header {
  background-color: #000;
  background-image: none;
}

.error404 .site-header h2 {
  color: #fff;
}

.error404 .more-networks-link {
  color: #fff;
}

.error404 .main-navigation a {
  color: #000;
}

@media only screen and (min-width: 1024px) {
  .error404 .main-navigation a {
    color: #fff;
  }

  .error404 .main-navigation a:hover {
    color: #ddd;
  }
}

.error404 .form-hline a {
  color: #000;
}

@media only screen and (min-width: 1024px) {
  .error404 .form-hline a {
    color: #fff;
  }

  .error404 .form-hline a:hover {
    color: #ddd;
  }
}

.error404 input#search {
  background-color: #36636c;
}

.error404 .entry-content {
  margin-bottom: .9375rem;
}

.error404 .error-404 img {
  display: block;
  margin: 0 auto;
}

.edit-profile-link-wrapper {
  float: right;
  font-size: .75rem;
  text-transform: lowercase;
}

.profile-view-company-information dd.address {
  clear: left;
  margin-left: 8px;
}

/* Cart Details page */

.cart-details-header {
  position: relative;
}

.cart-details-header .download-button-wrapper {
  margin-bottom: calc(1.5rem / 2);
  position: static;
}

.cart-details-header .download-button-wrapper button.btn {
  width: 100%;
}

@media only screen and (min-width: 377px) {
  .cart-details-header .download-button-wrapper {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .cart-details-header .download-button-wrapper button.btn {
    width: 180px;
  }
}

.cart-details-footer .download-button-wrapper {
  text-align: center;
  position: static;
}

.cart-details-footer .download-button-wrapper button.btn {
  width: 100%;
}

@media only screen and (min-width: 377px) {
  .cart-details-footer .download-button-wrapper button.btn {
    width: 180px;
  }
}

/* Remove default ul styling from cart item, details lists. */

.cart-details-entry-content .cart-items,
	.cart-details-entry-content .cart-item-details {
  list-style: none;
  margin: 0 0 0 0;
}

.cart-details-entry-content .cart-items:before, .cart-details-entry-content .cart-items:after {
  content: "";
  display: table;
}

.cart-details-entry-content .cart-items:after {
  clear: both;
}

.cart-details-entry-content .cart-items {
  margin-bottom: 0;
}

.cart-details-entry-content .cart-item {
  background-color: #ccc;
  display: block;
  margin-bottom: calc(1.5rem / 2);
  min-height: 150px;
  padding: calc(1.5rem / 2) calc(180px + 8px) 1.5rem 8px;
  position: relative;
}

.cart-details-entry-content .cart-item-title {
  border-bottom: 1px solid #fff;
  color: #000000;
  font-size: .75rem;
  line-height: 2;
  margin: 0 0 calc(1.5rem / 2) 0;
}

@media only screen and (min-width: 769px) {
  .cart-details-entry-content .cart-item-title {
    font-size: 1.375rem;
    line-height: 1.4
  }
}

.cart-details-entry-content .detail-label {
  color: #888888;
}

.cart-details-entry-content .detail-label:after {
  content: ':';
}

.cart-details-entry-content .detail-value {
  color: #444;
}

.cart-details-entry-content .cart-item-details-item-add {
  background: rgba(0 ,0, 0, .7);
  bottom: 0;
  font-size: .625rem;
  left: 0;
  line-height: 1.125rem;
  padding-left: 8px;
  position: absolute;
  text-align: right;
  width: 100%;
}

.cart-details-entry-content .cart-item-details-item-add a.add-item {
  font-size: .625rem;
  margin-right: 8px;
  padding-right: 0;
}

/* Removes padding applied elsewhere */

.cart-details-entry-content .cart-item-details-item-add a.add-item:link,
			.cart-details-entry-content .cart-item-details-item-add a.add-item:visited {
  color: #f7b81b;
}

.cart-details-entry-content .cart-item-details-item-add a.add-item:hover,
			.cart-details-entry-content .cart-item-details-item-add a.add-item:active,
			.cart-details-entry-content .cart-item-details-item-add a.add-item:focus {
  opacity: 0.7;
  /* This is what's being used elsewhere */
}

.cart-details-entry-content .cart-item-details-item {
  font-size: .75rem;
  line-height: 1.125rem;
}

.cart-details-entry-content .cart-item-details-item-thumbnail {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url('icon_mediabox.png');
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  right: 0;
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 180px;
}

.cart-details-entry-content .cart-item-details-item-thumbnail img {
  height: auto;
  left: 0;
  max-height: 150px;
  max-width: 150px;
  min-height: 150px;
  position: absolute;
  right: 0;
  width: auto;
}

.cart-details-entry-content {
  margin-bottom: 1.5rem;
}

.cart-spinner {
  background: url('/wp-admin/images/wpspin_light-2x.gif') no-repeat;
  background-size: 32px 32px;
  display: inline-block;
  filter: alpha(opacity=70);
  height: 32px;
  opacity: .7;
  vertical-align: middle;
  width: 32px;
}

/* Network Photos Promo Page */

/* -- Trending Downloads. */

.network-photos-trending-downloads-list {
  margin-bottom: 1.5rem;
}

.network-photos-trending-downloads-list .list-group-title {
  border-bottom: none;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-bottom: calc(1.5rem / 4);
}

/* No height is needed on this instance of .item-box because justified gallery should do that for us. */

.network-photos-trending-downloads-list .item-box .over-layer {
  /* Markup in the overlay. */
  /* RE: Depth: These selectors need to be in .item-box .over-layer to achieve sufficient specificity */
  /* due to previously declared styles. */
  padding-bottom: calc(1.5rem * 1.5);
}

.network-photos-trending-downloads-list .item-box .over-layer .item-title,
			.network-photos-trending-downloads-list .item-box .over-layer .item-filename,
			.network-photos-trending-downloads-list .item-box .over-layer .item-episode-title {
  width: 80%;
}

/* -- Collections */

.network-photos-collections-list:before, .network-photos-collections-list:after {
  content: "";
  display: table;
}

.network-photos-collections-list:after {
  clear: both;
}

.network-photos-collections-list {
  margin-bottom: calc(1.5rem * 1.5);
}

.network-photos-collections-list .item-box {
  height: 210px;
  margin-bottom: calc(1.5rem / 2);
  overflow: hidden;
}

.network-photos-collections-list .item-box .primary-tile-image {
  /* Since we use a fixed height on .item-box, we need this min-height declaration. */
  /*min-height: 100%;*/
}

@media only screen and (max-width: 769px) {
  .network-photos-collections-list .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .network-photos-collections-list .item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .network-photos-collections-list .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .network-photos-collections-list .item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.network-photos-collections-list .item-box img {
  float: left;
  /* prevents whitespace from increasing height of .item-box */
}

.network-photos-collections-list .list-group-title {
  border-bottom: none;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-bottom: calc(1.5rem / 4);
}

/* Markup in the overlay. These selectors need to be in .over-layer to achieve sufficient specificity. */

.network-photos-collections-list .over-layer {
  /* Need to declare line-height here to override other styles. */
  line-height: .875rem;
  padding-bottom: 1.5rem;
}

.network-photos-collections-list .over-layer .item-title,
		.network-photos-collections-list .over-layer .item-updated,
		.network-photos-collections-list .over-layer .item-filename,
		.network-photos-collections-list .over-layer a.toggle-collection-items-in-cart,
		.network-photos-collections-list .over-layer .item-episode-title {
  font-size: .6875rem;
  line-height: .875rem;
}

.network-photos-collections-list .over-layer .item-updated {
  color: #f7b81b;
}

/* Show and episode video pages */

/* (ex: example.com/abc/shows/modern-family/videos or example.com/abc/shows/modern-family/episodes/episode-102/videos */

.episode-videos-page-list:before, .episode-videos-page-list:after, .show-videos-page-list:before, .show-videos-page-list:after {
  content: "";
  display: table;
}

.episode-videos-page-list:after, .show-videos-page-list:after {
  clear: both;
}

.episode-videos-page-list,
.show-videos-page-list {
  margin-bottom: calc(1.5rem * 1.5);
}

.episode-videos-page-list .item-box, .show-videos-page-list .item-box {
  margin-bottom: calc(1.5rem / 2);
  overflow: hidden;
}

@media only screen and (max-width: 769px) {
  .episode-videos-page-list .item-box, .show-videos-page-list .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .episode-videos-page-list .item-box:nth-of-type(even), .show-videos-page-list .item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .episode-videos-page-list .item-box, .show-videos-page-list .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .episode-videos-page-list .item-box:nth-of-type(4n), .show-videos-page-list .item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.episode-videos-page-list .item-box img, .show-videos-page-list .item-box img {
  float: left;
  /* prevents whitespace from increasing height of .item-box */
}

.episode-videos-page-list .list-group-title, .show-videos-page-list .list-group-title {
  border-bottom: none;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-bottom: calc(1.5rem / 4);
}

/* Markup in the overlay. These selectors need to be in .over-layer to achieve sufficient specificity. */

.episode-videos-page-list .over-layer, .show-videos-page-list .over-layer {
  /* Need to declare line-height here to override other styles. */
  line-height: .875rem;
  padding-bottom: 1.5rem;
}

.episode-videos-page-list .over-layer .item-title,
		.episode-videos-page-list .over-layer .item-date,
		.episode-videos-page-list .over-layer .item-filename,
		.episode-videos-page-list .over-layer .item-videocategory,
		.episode-videos-page-list .over-layer .item-episode-title,
		.show-videos-page-list .over-layer .item-title,
		.show-videos-page-list .over-layer .item-date,
		.show-videos-page-list .over-layer .item-filename,
		.show-videos-page-list .over-layer .item-videocategory,
		.show-videos-page-list .over-layer .item-episode-title {
  font-size: .6875rem;
  line-height: .875rem;
}

.episode-videos-page-list .over-layer .item-date, .show-videos-page-list .over-layer .item-date {
  --tw-text-opacity: 1;
  color: rgb(71 181 255 / var(--tw-text-opacity));
}

.episode-videos-page-list .over-layer .item-videocategory, .show-videos-page-list .over-layer .item-videocategory {
  bottom: .3125rem;
  left: 0;
  position: absolute;
}

.episode-landing-page-videos-list:before, .episode-landing-page-videos-list:after {
  content: "";
  display: table;
}

.episode-landing-page-videos-list:after {
  clear: both;
}

.episode-landing-page-videos-list {
  margin-bottom: calc(1.5rem * 1.5);
}

.episode-landing-page-videos-list .item-box {
  margin-bottom: calc(1.5rem / 2);
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .episode-landing-page-videos-list .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%
  }

  .episode-landing-page-videos-list .item-box:nth-of-type(3n) {
    margin-right: 0;
  }
}

.episode-landing-page-videos-list .item-box img {
  float: left;
  /* prevents whitespace from increasing height of .item-box */
}

.episode-landing-page-videos-list .list-group-title {
  border-bottom: none;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-bottom: calc(1.5rem / 4);
}

/* Markup in the overlay. These selectors need to be in .over-layer to achieve sufficient specificity. */

.episode-landing-page-videos-list .over-layer {
  /* Need to declare line-height here to override other styles. */
  line-height: .875rem;
  padding-bottom: 1.5rem;
}

.episode-landing-page-videos-list .over-layer .item-title,
		.episode-landing-page-videos-list .over-layer .item-date,
		.episode-landing-page-videos-list .over-layer .item-filename,
		.episode-landing-page-videos-list .over-layer .item-videocategory,
		.episode-landing-page-videos-list .over-layer .item-episode-title {
  font-size: .6875rem;
  line-height: .875rem;
}

.episode-landing-page-videos-list .over-layer .item-date {
  --tw-text-opacity: 1;
  color: rgb(71 181 255 / var(--tw-text-opacity));
}

.episode-landing-page-videos-list .over-layer .item-videocategory {
  bottom: .3125rem;
  left: 0;
  position: absolute;
}

/* Network videos page (ex: example.com/abc/videos) */

/* @TODO remove, if not necessary anymore. */

.network-videos-listtt:before, .network-videos-listtt:after {
  content: "";
  display: table;
}

.network-videos-listtt:after {
  clear: both;
}

.network-videos-listtt {
  margin-bottom: calc(1.5rem * 1.5);
}

.network-videos-listtt .item-box {
  margin-bottom: calc(1.5rem / 2);
  overflow: hidden;
}

@media only screen and (max-width: 769px) {
  .network-videos-listtt .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .network-videos-listtt .item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .network-videos-listtt .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .network-videos-listtt .item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.network-videos-listtt .item-box img {
  float: left;
  /* prevents whitespace from increasing height of .item-box */
}

.network-videos-listtt .list-group-title {
  border-bottom: none;
  font-size: .9375rem;
  line-height: 1.5rem;
  margin-bottom: calc(1.5rem / 4);
}

/* Markup in the overlay. These selectors need to be in .over-layer to achieve sufficient specificity. */

.network-videos-listtt .over-layer {
  /* Need to declare line-height here to override other styles. */
  line-height: .875rem;
  padding-bottom: 1.5rem;
}

.network-videos-listtt .over-layer .item-title,
		.network-videos-listtt .over-layer .item-date,
		.network-videos-listtt .over-layer .item-filename,
		.network-videos-listtt .over-layer .item-videocategory,
		.network-videos-listtt .over-layer .item-episode-title {
  font-size: .6875rem;
  line-height: .875rem;
}

.network-videos-listtt .over-layer .item-date {
  --tw-text-opacity: 1;
  color: rgb(71 181 255 / var(--tw-text-opacity));
}

.network-videos-listtt .over-layer .item-videocategory {
  bottom: .3125rem;
  left: 0;
  position: absolute;
}

/*--------------------------------------------------------------
10.15 Home Page
--------------------------------------------------------------*/

.home h4 {
  border-bottom: none;
}

.home h4.alignleft {
  line-height: normal;
  margin-top: 0;
}

.home h4.btm-margin-short {
  line-height: normal;
}

/* On homepage. */

.content-area-home .add-all-wrapper:before, .content-area-home .add-all-wrapper:after {
  content: "";
  display: table;
}

.content-area-home .add-all-wrapper:after {
  clear: both;
}

.content-area-home .add-all-wrapper {
  clear: both;
}

.content-area-home .drawer-container:before, .content-area-home .drawer-container:after {
  content: "";
  display: table;
}

.content-area-home .drawer-container:after {
  clear: both;
}

.content-area-home .item-box {
  float: none;
  height: 210px;
  margin-bottom: calc(1.5rem / 2);
}

.content-area-home .item-box .over-layer {
  padding-bottom: calc(1.5rem * 1.5);
}

.content-area-home .item-box .primary-tile-image {
  /* since we use a fixed height on .item-box, we need this min-height declaration. */
  min-height: 100%;
}

/* The press release item-boxes need to calculate their own height. */

.content-area-home .item-box.pressrelease {
  height: auto;
}

@media only screen and (min-width: 377px) and (max-width: 769px) {
  .content-area-home .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .content-area-home .item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .content-area-home .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 32.61%
  }

  .content-area-home .item-box:nth-of-type(3n) {
    margin-right: 0;
  }
}

.content-area-home.content-area-home-international .item-box.show {
  max-height: 210px;
}

.content-area-home.content-area-home-international .item-box.show .primary-tile-image {
  min-height: 0;
}

@media only screen and (min-width: 770px) {
  .content-area-home.content-area-home-international .item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .content-area-home.content-area-home-international .item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

/*--------------------------------------------------------------
10.16 Bios Page
--------------------------------------------------------------*/

.dap-tiles-network-bios .items-line {
  float: left;
  width: 100%;
}

.dap-tiles-network-bios h5 {
  background-color: #2a2626;
  color: #ffffff;
  margin: 1.25rem 0 .3125rem 0;
  padding-left: 7px;
}

/*--------------------------------------------------------------
10.16 Network Level Show Page
--------------------------------------------------------------*/

.page-template-templatesshows-php h4 {
  border-bottom: none;
  line-height: 1;
  margin-bottom: 10px;
}

.show.item-box {
  /* No fixed height on "show" item-boxes because we need the images (usually logos) */
  /* displayed without any clipping. (there's no protection here against the wrong */
  /* size being returned by the server) */
  height: auto;
}

.show.item-box .primary-tile-image {
  /* As noted above: With width:100%, the images returned from the server must be the correct size/proportion here. */
  width: 100%;
}

.show.item-box .item-title {
  width: 85%;
}

.domain-international .show.item-box .item-title {
  width: 70%;
}

.show.item-box .item-airtime {
  color: #f7b81b;
  width: 80%;
}

@media only screen and (max-width: 769px) {
  .show.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .show.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .show.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .show.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.episode.search.item-box {
  /* No fixed height on "episode.search" item-boxes because we need the images (usually logos) */
  /* displayed without any clipping. (there's no protection here against the wrong */
  /* size being returned by the server) */
  height: auto;
}

.episode.search.item-box .primary-tile-image {
  /* As noted above: With width:100%, the images returned from the server must be the correct size/proportion here. */
  width: 100%;
}

.episode.search.item-box .item-title {
  width: 95%;
}

.episode.search.item-box .item-airtime {
  color: #f7b81b;
  width: 80%;
}

@media only screen and (max-width: 769px) {
  .episode.search.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .episode.search.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .episode.search.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 1.08%;
    position: relative;
    width: 24.16%
  }

  .episode.search.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.info {
  margin-top: 0;
}

.info .container {
  max-width: 820px;
}

.info .container .name {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
}

/*--------------------------------------------------------------
10.17 Calendar Pages
--------------------------------------------------------------*/

.cal-view-by {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-appearance: none;
  border: none;
  bottom: 0;
  color: #ffffff;
  display: none;
  font-size: .6875rem;
  font-weight: 300;
  line-height: 2.25rem;
  padding: .25rem 10px 0;
  position: absolute;
  right: 0;
}

@media only screen and (min-width: 1024px) {
  .cal-view-by {
    display: block
  }
}

.cal-view-by a:link,
		.cal-view-by a:visited,
		.cal-view-by a:active {
  -webkit-box-shadow: 0 0 #0000;
          box-shadow: 0 0 #0000;
  background: transparent;
  color: #999999;
  outline: none;
}

.cal-view-by a:hover,
		.cal-view-by a:focus,
		.cal-view-by a.selected {
  color: #000000;
}

.cal-view-by a:first-child {
  border-right: 1px solid #999999;
  margin: 0 7px;
  padding-right: 10px;
}

.no-js .cal-view-by {
  display: none;
}

.cal-prev,
.cal-next {
  color: #7f704c;
  font-size: 1.125rem;
  display: inline-block;
  float: left;
  height: 34px;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  width: 34px;
}

.cal-prev:before, .cal-next:before {
  bottom: 0;
  color: #000000;
  display: block;
  font-size: 24px;
  left: 0;
  line-height: 34px;
  position: absolute;
  right: 0;
  text-indent: 0;
  top: 0;
}

.cal-prev:link,
	.cal-prev:visited,
	.cal-prev:active,
	.cal-next:link,
	.cal-next:visited,
	.cal-next:active {
  outline: none;
}

@media only screen and (min-width: 1310px) {
  .cal-prev {
    margin-right: 25px
  }
}

.cal-prev:before {
  -webkit-transform: rotate(90deg) translateX(7px);
          transform: rotate(90deg) translateX(7px);
}

@media only screen and (min-width: 1310px) {
  .cal-next {
    margin-left: 25px
  }
}

.cal-next:before {
  -webkit-transform: rotate(-90deg) translateX(4px);
          transform: rotate(-90deg) translateX(4px);
}

.has-calendar:before, .has-calendar:after, .has-calendar-title:before, .has-calendar-title:after {
  content: "";
  display: table;
}

.has-calendar:after, .has-calendar-title:after {
  clear: both;
}

.has-calendar:before, .has-calendar:after {
  content: "";
  display: table;
}

.has-calendar:after {
  clear: both;
}

.has-calendar {
  margin: 0 auto;
  overflow: initial;
  width: 215px;
}

.has-calendar .calendar-today {
  display: none;
  font-size: 1.125rem;
  line-height: 1;
  padding: 11px 0 5px 0;
}

.has-calendar.active .calendar-today {
  display: block;
}

@media only screen and (min-width: 769px) {
  .has-calendar.right-calendar-wrapper {
    float: right;
    margin: 0 20px;
  }
}

@media only screen and (min-width: 376px) {
  .has-calendar {
    margin: 0 34px
  }
}

@media only screen and (min-width: 1310px) {
  .has-calendar {
    margin: 0 59px 
  }
}

.cal-status {
  background: #f8c75d;
  border: 1px solid #444;
  color: #000;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 2px;
  padding: 11px 0 5px;
  position: relative;
  text-align: center;
  width: 215px;
}

.ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background: #f8c75d;
  border: 1px solid #cc9933;
  color: #000000;
  display: inline-block;
  float: left;
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 2px;
  padding: 11px 0 5px;
  position: relative;
  text-align: center;
  width: 215px;
}

.ui-datepicker-header span, #ui-datepicker-div .ui-datepicker-header span {
  color: #444;
  font-size: .8125rem;
  font-weight: 400;
  text-transform: uppercase;
}

.ui-datepicker-header:hover, #ui-datepicker-div .ui-datepicker-header:hover {
  -webkit-box-shadow: inset 0 15px 20px 0 #E0E0E0;
          box-shadow: inset 0 15px 20px 0 #E0E0E0;
  background: #ffffff;
}

.ui-datepicker-header .ui-datepicker-prev,
	.ui-datepicker-header .ui-datepicker-next,
	#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
	#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 0;
  z-index: 3;
}

.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
  display: inline-block;
  height: 34px;
  overflow: hidden;
  text-indent: -9999em;
  width: 34px;
}

.ui-datepicker-header .ui-datepicker-prev span:before, .ui-datepicker-header .ui-datepicker-next span:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span:before {
  display: block;
  font-size: 1.5rem;
  line-height: 34px;
  text-indent: 0;
}

.ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}

.ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
  @extend .dap-arrow-down-wide;
}

.ui-datepicker-header .ui-datepicker-prev span:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span:before {
  -webkit-transform: rotate(90deg) translateX(1px);
          transform: rotate(90deg) translateX(1px);
  left: -10px;
}

.ui-datepicker-header .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  right: 0;
}

.ui-datepicker-header .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
  @extend .dap-arrow-down-wide;
}

.ui-datepicker-header .ui-datepicker-next span:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span:before {
  -webkit-transform: rotate(-90deg) translateX(0px);
          transform: rotate(-90deg) translateX(0px);
  right: -10px;
}

.ui-datepicker-calendar,
#ui-datepicker-div .ui-datepicker-calendar {
  background: #f8c75d;
  border: 1px solid #cc9933;
  font-size: .875rem;
  padding: 4px 4px 1px;
  width: 100%;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr, .cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr {
  background: #ffffff;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr a, .cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a {
  border-bottom: 3px solid #F7B81B;
  display: block;
  text-align: center;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr a:link,
	.cal-body-view-week .ui-datepicker-calendar tbody tr a:visited,
	.cal-body-view-week .ui-datepicker-calendar tbody tr a:hover,
	.cal-body-view-week .ui-datepicker-calendar tbody tr a:active,
	.cal-body-view-week .ui-datepicker-calendar tbody tr a:focus,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a:link,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a:visited,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a:hover,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a:active,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr a:focus {
  color: #000000;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:link,
	.cal-body-view-week .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:visited,
	.cal-body-view-week .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:hover,
	.cal-body-view-week .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:active,
	.cal-body-view-week .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:focus,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:link,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:visited,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:hover,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:active,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-other-month a:focus {
  color: #ccc;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a, .cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a {
  background: #666666;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a:link,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a:visited,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a:hover,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a:active,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover a:focus,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a:link,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a:visited,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a:hover,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a:active,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover a:focus {
  color: #999999;
}

.cal-body-view-week .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:link,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:visited,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:hover,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:active,
	.cal-body-view-week .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:focus,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:link,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:visited,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:hover,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:active,
	.cal-body-view-week #ui-datepicker-div .ui-datepicker-calendar tbody tr:hover .ui-datepicker-other-month a:focus {
  color: #878787;
}

.cal-body-view-day .ui-datepicker-calendar td a, .search .ui-datepicker .ui-datepicker-calendar td a, .cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a, .search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a {
  background: #ffffff;
  border-bottom: 3px solid #F7B81B;
  display: block;
  text-align: center;
}

.cal-body-view-day .ui-datepicker-calendar td a:link,
			.cal-body-view-day .ui-datepicker-calendar td a:visited,
			.search .ui-datepicker .ui-datepicker-calendar td a:link,
			.search .ui-datepicker .ui-datepicker-calendar td a:visited,
			.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a:link,
			.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a:visited,
			.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a:link,
			.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a:visited {
  color: #000000;
}

.cal-body-view-day .ui-datepicker-calendar td a:hover,
			.cal-body-view-day .ui-datepicker-calendar td a:active,
			.cal-body-view-day .ui-datepicker-calendar td a:focus,
			.search .ui-datepicker .ui-datepicker-calendar td a:hover,
			.search .ui-datepicker .ui-datepicker-calendar td a:active,
			.search .ui-datepicker .ui-datepicker-calendar td a:focus,
			.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a:hover,
			.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a:active,
			.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td a:focus,
			.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a:hover,
			.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a:active,
			.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td a:focus {
  color: #ccc;
  background: #666666;
}

.cal-body-view-day .ui-datepicker-calendar td.ui-datepicker-other-month a:link,
				.cal-body-view-day .ui-datepicker-calendar td.ui-datepicker-other-month a:visited,
				.search .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:link,
				.search .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:visited,
				.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:link,
				.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:visited,
				.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:link,
				.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:visited {
  color: #ccc;
}

.cal-body-view-day .ui-datepicker-calendar td.ui-datepicker-other-month a:hover,
				.cal-body-view-day .ui-datepicker-calendar td.ui-datepicker-other-month a:active,
				.cal-body-view-day .ui-datepicker-calendar td.ui-datepicker-other-month a:focus,
				.search .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:hover,
				.search .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:active,
				.search .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:focus,
				.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:hover,
				.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:active,
				.cal-body-view-day #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:focus,
				.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:hover,
				.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:active,
				.search .ui-datepicker #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month a:focus {
  color: #878787;
}

.cal-body-week:before, .cal-body-week:after {
  content: "";
  display: table;
}

.cal-body-week:after {
  clear: both;
}

.cal-body-week {
  display: block;
  margin-bottom: 3px;
}

.cal-body-week span {
  background: #ffffff;
}

/* day */

.ui-datepicker-calendar,
#ui-datepicker-div .ui-datepicker-calendar {
  margin-bottom: 3px;
}

.ui-datepicker-calendar th,
	.ui-datepicker-calendar td a,
	#ui-datepicker-div .ui-datepicker-calendar th,
	#ui-datepicker-div .ui-datepicker-calendar td a {
  padding: 6px 0 2px;
  text-align: center;
}

.ui-datepicker-calendar th,
	.ui-datepicker-calendar td,
	#ui-datepicker-div .ui-datepicker-calendar th,
	#ui-datepicker-div .ui-datepicker-calendar td {
  width: 14.285%;
}

.cal-wrapper {
  display: none;
  float: none;
  margin-top: calc(1.5rem * 3);
  text-align: center;
}

@media only screen and (min-width: 376px) {
  .cal-wrapper {
    display: block;
    float: left;
    margin-top: 0;
    text-align: left
  }
}

.cal-wrapper.active {
  display: block;
}

.has-calendar-title {
  display: inline-block;
  float: none;
  margin: 0 auto;
  text-align: left;
}

@media only screen and (min-width: 376px) {
  .has-calendar-title {
    margin: 0
  }
}

.cal-part {
  left: 10px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 12px;
}

@media only screen and (min-width: 376px) {
  .cal-part {
    left: auto;
    text-align: left
  }
}

@media only screen and (min-width: 1310px) {
  .cal-part {
    right: 0
  }
}

.cal-part a:link,
		.cal-part a:visited {
  color: #222222;
}

.cal-dropdown-list {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 376px) {
  .cal-dropdown-list {
    clear: none
  }
}

.cal-dropdown-list li {
  font-size: .75rem;
  font-weight: 200;
  display: inline-block;
  line-height: 1;
  margin: 0 0 15px;
  padding: 0;
}

@media only screen and (min-width: 376px) {
  .cal-dropdown-list li {
    display: block;
    margin: 0 0 15px
  }
}

.cal-dropdown-list a:link,
		.cal-dropdown-list a:visited,
		.cal-dropdown-list a:active {
  color: #222222;
}

.cal-dropdown-list a:hover,
		.cal-dropdown-list a:focus,
		.cal-dropdown-list a.selected {
  font-weight: 300;
}

.cal-dropdown-list .radio label input[type="radio"].with-faux:checked ~ span.faux-radio::before {
  background-color: #666666;
}

#nav-filter .cal-dropdown-list, .has-calendar .cal-dropdown-list {
  display: none;
}

#nav-filter,
.has-calendar {
  -webkit-transition: max-height 0.5s, opacity 0.5s;
  transition: max-height 0.5s, opacity 0.5s;
  max-height: 0;
  opacity: 0;
}

.no-js #nav-filter,
	#nav-filter.active,
	.no-js .has-calendar,
	.has-calendar.active {
  max-height: 2000px;
  opacity: 1;
}

.bumper {
  height: 50px;
}

/* Style over-rides for jquery UI Datepicker on search page */

.search .ui-datepicker {
  background: #ffffff;
  line-height: 14px;
  width: 215px;
}

#tmp_empty_cart_listing_rez {
  display: inline-block;
}

/** Special Template A Styles **/

.special-template-a .post-title-wrapper {
  background: none;
}

.special-template-a .pos-relative {
  background: none;
  text-align: center;
}

.special-template-a .pos-relative img {
  bottom: 0;
  display: block;
  margin: 0 auto;
}

.special-template-a .pos-relative .overlay {
  vertical-align: bottom;
}

.special-template-a h1.basic-heading-light {
  font-size: 1.25rem;
}

.special-template-a h5 {
  font-size: .75rem;
  margin: 0;
  text-transform: uppercase;
}

.special-template-a header .over-layer {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  display: block;
  left: 0;
  line-height: 1.125rem;
  /* PADDING: Use this value when overlay is "short" (everything on one line). If overlay is taller, add */
  /* a padding-bottom value based on $vunit (probably "calc($vunit * 1.5)"). */
  padding: 1.5rem 8px 0;
  position: absolute;
  right: 0;
  text-align: left;
}

.domain-international .special-template-a header .over-layer {
  position: static;
}

.special-template-a ul.special-event-links li, .page-template-special-template-d ul.special-event-links li, .page-template-special-template-d-releases ul.special-event-links li {
  border-right: 1px solid #ffffff;
  display: inline;
  padding: 0;
}

.special-template-a ul.special-event-links li:last-child, .page-template-special-template-d ul.special-event-links li:last-child, .page-template-special-template-d-releases ul.special-event-links li:last-child {
  border: 0;
}

.special-template-a ul.special-event-links li a, .page-template-special-template-d ul.special-event-links li a, .page-template-special-template-d-releases ul.special-event-links li a {
  color: #ffffff;
  font-size: .75rem;
  padding: 1.5rem 8px;
  text-transform: uppercase;
}

.special-template-a ul.special-event-links, .page-template-special-template-d ul.special-event-links, .page-template-special-template-d-releases ul.special-event-links {
  clear: right;
  margin: 0 0 calc(1.5rem / 4);
  padding: 0;
}

.special-template-a .has-synopsis p, .page-template-special-template-d .has-synopsis p, .page-template-special-template-d-releases .has-synopsis p {
  font-weight: normal;
}

.special-template-a .special-event-links a.active, .page-template-special-template-d .special-event-links a.active, .page-template-special-template-d-releases .special-event-links a.active {
  color: #F7B81B;
  font-weight: bold;
}

.special-template-a a.lead i, .page-template-special-template-d a.lead i, .page-template-special-template-d-releases a.lead i {
  display: inline-block;
  font-size: 2em;
  vertical-align: middle;
}

.page-template-special-template-d .basic-heading, .page-template-special-template-d-releases .basic-heading {
  font-size: 1.375rem;
}

.page-template-special-template-d .post-title-wrapper, .page-template-special-template-d-releases .post-title-wrapper {
  background-color: #e9e9e9;
  line-height: normal;
}

.page-template-special-template-d .post-title-wrapper .container, .page-template-special-template-d-releases .post-title-wrapper .container {
  padding: 10px 20px 0 20px;
}

.page-template-special-template-d .has-synopsis, .page-template-special-template-d-releases .has-synopsis {
  background-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-template-special-template-d .synopsis, .page-template-special-template-d-releases .synopsis {
  color: #555555;
}

.page-template-special-template-d .basic-heading, .page-template-special-template-d-releases .basic-heading {
  border-color: #555555;
}

.page-template-special-template-d ul.special-event-links, .page-template-special-template-d-releases ul.special-event-links {
  margin-bottom: 0;
  text-align: right;
}

.page-template-special-template-d ul.special-event-links li, .page-template-special-template-d-releases ul.special-event-links li {
  border-color: #555555;
}

.page-template-special-template-d ul.special-event-links li a, .page-template-special-template-d-releases ul.special-event-links li a {
  color: #555555;
  font-size: 1rem;
}

@media only screen and (min-width: 1200px) {
  .page-template-special-template-d .synopsis, .page-template-special-template-d-releases .synopsis {
    padding-left: 20px
  }
}

.page-template-special-template-d .entry-content, .page-template-special-template-d-releases .entry-content {
  margin: 0;
}

.page-template-special-template-d .section-title, .page-template-special-template-d-releases .section-title {
  background-color: #dddddd;
  color: #555555;
  font-size: 1rem;
  margin-top: 0;
  padding: 10px 20px;
}

.page-template-special-template-d .section-title a, .page-template-special-template-d-releases .section-title a {
  color: #555555;
  font-size: 12px;
}

.page-template-special-template-d .section-title a:hover, .page-template-special-template-d-releases .section-title a:hover {
  color: #f7b81b;
}

.page-template-special-template-d .items-line, .page-template-special-template-d-releases .items-line {
  margin-bottom: 30px;
}

.page-template-special-template-d .items-line.static .over-layer, .page-template-special-template-d-releases .items-line.static .over-layer {
  background: #1B87FB;
  color: #ffffff;
  padding-top: 10px;
  position: static
}

.page-template-special-template-d .item-box .over-layer, .page-template-special-template-d-releases .item-box .over-layer {
  overflow: hidden;
}

.page-template-special-template-d .item-box .over-layer .item-title, .page-template-special-template-d-releases .item-box .over-layer .item-title {
  height: 100%;
}

.page-template-special-template-d .item-box .over-layer .item-title .item-box-title,
				.page-template-special-template-d .item-box .over-layer .item-title .item-box-text,
				.page-template-special-template-d-releases .item-box .over-layer .item-title .item-box-title,
				.page-template-special-template-d-releases .item-box .over-layer .item-title .item-box-text {
  height: 36px;
  overflow: hidden;
  white-space: normal;
}

.special-template-c .post-title-wrapper, .special-template-c-day .post-title-wrapper {
  background: #000000;
}

.special-template-c .post-title-wrapper .container, .special-template-c-day .post-title-wrapper .container {
  background-color: inherit;
}

.special-template-c .post-title-wrapper .pos-relative, .special-template-c-day .post-title-wrapper .pos-relative {
  text-align: left;
}

.special-template-c .post-title-wrapper .pos-relative h1.basic-heading-light, .special-template-c-day .post-title-wrapper .pos-relative h1.basic-heading-light {
  color: #ffffff;
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 2.2em;
  font-weight: normal;
}

.special-template-c .post-title-wrapper .pos-relative h2.basic-heading-light, .special-template-c-day .post-title-wrapper .pos-relative h2.basic-heading-light {
  font-size: 1.4em;
  font-weight: normal;
}

.special-template-c .post-title-wrapper .pos-relative ul.special-event-links, .special-template-c-day .post-title-wrapper .pos-relative ul.special-event-links {
  font-size: 1.5em;
  line-height: 1.3em;
  margin: 0;
  padding: 0 0 10px 0;
}

.special-template-c .nav-calendar, .special-template-c-day .nav-calendar {
  margin: 0 auto;
  min-height: 50px;
  min-width: 1220px;
  padding: 0 10px;
}

.special-template-c .cal-day-row:before, .special-template-c .cal-day-row:after, .special-template-c-day .cal-day-row:before, .special-template-c-day .cal-day-row:after {
  content: "";
  display: table;
}

.special-template-c .cal-day-row:after, .special-template-c-day .cal-day-row:after {
  clear: both;
}

.special-template-c .cal-day-row p, .special-template-c .cal-day-row ul, .special-template-c-day .cal-day-row p, .special-template-c-day .cal-day-row ul {
  margin-bottom: 0;
}

.special-template-c .cal-day-row img, .special-template-c-day .cal-day-row img {
  float: right;
  height: auto;
  margin-left: 10px;
  max-height: 200px;
  position: relative;
  width: 233px;
}

.special-template-c .cal-day-row .title, .special-template-c-day .cal-day-row .title {
  padding: 25px 0 0 25px;
}

.special-template-c .cal-day-row-content, .special-template-c-day .cal-day-row-content {
  padding: 0;
}

.special-template-c .cal-day-row-content a, .special-template-c-day .cal-day-row-content a {
  font-weight: bold;
}

.special-template-c .cal-day-row-content a:link,
			.special-template-c .cal-day-row-content a:visited,
			.special-template-c-day .cal-day-row-content a:link,
			.special-template-c-day .cal-day-row-content a:visited {
  color: #222222;
}

.special-template-c .cal-day-content, .special-template-c-day .cal-day-content {
  line-height: 1.2em;
  padding: 25px 0 15px 25px;
  text-align: right;
}

.special-template-c .cal-day-content ul, .special-template-c-day .cal-day-content ul {
  margin-right: 0;
}

.special-template-c .cal-day-content li, .special-template-c-day .cal-day-content li {
  border-left: 0;
  display: inline;
  list-style-type: none;
}

.special-template-c .cal-row-text-content, .special-template-c-day .cal-row-text-content {
  width: 77%;
  float: left;
}

.special-template-c .cal-row-image, .special-template-c-day .cal-row-image {
  width: 21%;
  float: right;
}

.special-template-c .episode-options, .special-template-c-day .episode-options {
  margin-top: 1.25em;
  font-size: 1.75em;
}

.special-template-c .episode-options a:link,
			.special-template-c .episode-options a:visited,
			.special-template-c-day .episode-options a:link,
			.special-template-c-day .episode-options a:visited {
  color: #666666;
}

/* Search results */

.js-search-results-block .drawer-container {
  float: left;
  width: 100%;
}

.template-c-drawer-hid-links a {
  display: none;
}

.template-c-drawer-hid-links .drawer-content a {
  display: inline-block;
}

.js-more-photos-trigger {
  cursor: pointer;
}

.more-videos-placeholder .over-layer {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.more-videos-placeholder .over-layer span {
  color: #ffffff;
  display: block;
  line-height: 1.5rem;
  margin-top: calc(-1 * calc(1.5rem / 2));
  position: relative;
  top: 50%;
}

.domain-international .more-videos-placeholder .over-layer {
  background: rgba(0 ,0, 0, .7);
  padding: 14px 0 14px;
}

.domain-international .more-videos-placeholder .over-layer span {
  line-height: .9375rem;
  margin: 0;
}

.show-videos-page-entry-content .toggle-collection-items-in-cart.add-all {
  margin-bottom: 25px;
}

/* @TODO remove, if not necessary anymore. */

.show-videos-page-entry-content .network-videos-listtt {
  margin-bottom: 25px;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line {
  margin-bottom: 0;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line:before,
				.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line:after {
  display: none;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line .item-box {
  background-color: #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line .item-box a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.show-videos-page-entry-content .network-videos-listtt div.items-line.flex-items-line .item-box img {
  max-height: 290px;
}

.show-videos-page-entry-content .network-videos-listtt .list-group-title {
  margin-top: 0;
}

.js-tile-trigger {
  cursor: pointer;
}

.flash-over-layer {
  display: none;
}

#cf-terms-of-use {
  text-align: center;
}

#cf-terms-of-use label {
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
}

#cf-terms-of-use label:first-of-type {
  margin-right: 5%;
}

/* position download link inside tiles over-layer */

.over-layer .download-photo {
  bottom: calc(calc(1.5rem / 4) - .0625rem);
  /* extra .0625rem compensates for the custom font's baseline */
  left: 10px;
  position: absolute;
}

.over-layer .download-photo a {
  display: inline-block;
  font-size: .75rem;
  font-weight: 200;
}

.domain-international .photos-list .item-box .over-layer, .domain-international .photos-list .item-box-in-drawer .over-layer {
  clear: none;
  position: absolute;
}

.media-bundles-groups {
  margin-bottom: 30px;
  text-transform: uppercase;
}

.media-bundles-groups .active {
  font-weight: bold;
}

.drawer-no-preview {
  font-size: 16px;
  font-style: italic;
  margin: 15px 0;
}

.private-content-iframe-banner {
  background: no-repeat center center;
  background-size: cover;
}

.items-line > h4 {
  width: 100%;
}

.items-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.tile-trigger .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 63 112 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* @TODO check if this is still necessary */

/* From customizer.php */

/** Partial override the drawers photos tiles to allow the justify gallery to calculate and properly arrange the tiles */

.drawer-container .episode-photos.container {
  padding: 30px 30px;
}

.drawer-content-load .episode-photos.container .item-box {
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

.drawer-content-load .episode-photos.container .basic-heading-light.alignright {
  margin-top: 10px;
}

.drawer-content-load .episode-photos.container .item-box.width-auto {
  width: auto;
}

/*--------------------------------------------------------------
?.0 Calendar
--------------------------------------------------------------*/

/* Day view is the default */

/* 60px per 1/2 hour block */

/* .calendar-title = 1200px - 6.25% = 93.75% */

/* .time-slots = 1200px / 75px = 6.25% */

/* .day-col = .caledar-title / 7 = 13.39% */

/* .cal-day-row-content = 1200px - 174px - 75px = 79.2% */

@media only screen and (min-width: 376px) {
  .page-template-calendar-php .drawer-triangle {
    left: auto !important;
    right: 65px;
    z-index: 11
  }
}

.cal-body-day-view,
.cal-body-week-view,
.has-calendar-grid-day,
.has-calendar-grid-week {
  display: none;
}

.cal-body-day-view.active, .cal-body-week-view.active, .has-calendar-grid-day.active, .has-calendar-grid-week.active {
  display: block;
}

.calendar-week-grid {
  clear: both;
  min-height: 600px;
  /* placeholder */
}

.calendar-day-grid:before, .calendar-day-grid:after {
  content: "";
  display: table;
}

.calendar-day-grid:after {
  clear: both;
}

.calendar-day-grid {
  clear: both;
}

.calendar-title {
  background: #dddddd;
  color: #666666;
  font-size: .8125rem;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 3px;
  padding: 17px 10px 9px;
}

@media only screen and (min-width: 1310px) {
  .calendar-title {
    float: right;
    font-size: 1.125rem;
    padding: 17px 25px 9px;
    width: 93.75%
  }
}

@media only screen and (min-width: 769px) {
  .calendar-title br {
    display: none
  }
}

.daypart-title {
  margin-left: 5px;
}

@media only screen and (min-width: 376px) {
  .daypart-title {
    font-size: 1.125rem;
    font-weight: 200;
    float: right;
    line-height: 16px;
    margin-left: 0
  }
}

@media only screen and (min-width: 1310px) {
  .daypart-title {
    font-weight: 200
  }
}

.day-title {
  background: #dddddd;
  color: #666666;
  height: 42px;
  position: absolute;
  text-align: center;
  top: -42px;
  width: 100%;
}

.calendar-week-grid .cal-week-column {
  background: #dddddd;
  float: left;
  height: 100%;
  margin-top: 42px;
  position: relative;
  width: 13.39%;
}

.calendar-week-grid .cal-week-column:first-child {
  background: none;
  width: 6.25%;
}

.calendar-week-grid .cal-week-column:nth-child(even),
		.calendar-week-grid .cal-week-column:nth-child(even) .day-title {
  background: #e5e5e5
}

.calendar-week-grid .cal-week-column span,
		.calendar-week-grid .cal-week-column a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #666666;
  display: block;
  font-size: .6875rem;
  line-height: 1;
  padding: 10px;
}

.calendar-week-grid .cal-week-column span.day-title, .calendar-week-grid .cal-week-column a.day-title {
  border: none;
  font-size: 1.125rem;
  line-height: 47px;
  padding: 0;
}

.calendar-week-grid .cal-week-column a {
  background-color: #d4d4d4;
  border: 1px solid #ffffff;
  margin: 0 2.5%;
  width: 95%;
}

.calendar-week-grid .cal-week-column a:link,
			.calendar-week-grid .cal-week-column a:visited {
  color: #666666;
}

.calendar-week-grid .cal-week-column a:hover,
			.calendar-week-grid .cal-week-column a:active {
  color: #999999;
}

.calendar-week-grid .cal-week-column a.js-disable {
  cursor: default;
}

.calendar-week-grid .cal-week-column a.expand-on-hover {
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar-week-grid .cal-week-column a.expand-on-hover:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 212, 212, 0.5)), to(rgba(212, 212, 212, 1)));
  background: linear-gradient(to bottom, rgba(212, 212, 212, 0.5) 0%, rgba(212, 212, 212, 1) 100%);
  bottom: 0;
  content: ' ';
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  width: 100%;
}

.calendar-week-grid .cal-week-column a.expand-on-hover:before {
  background-color: #d4d4d4;
  bottom: .625rem;
  content: '...';
  display: block;
  height: .625rem;
  position: absolute;
  right: 10px;
  text-align: right;
  width: 1.25rem;
}

.calendar-week-grid .cal-week-column a.expand-on-hover:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.75);
  height: auto !important;
  /*overwritting inline styling */
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
  width: 115%;
  z-index: 100;
}

.calendar-week-grid .cal-week-column a.expand-on-hover:hover:before {
  display: none;
}

.calendar-week-grid .cal-week-column a.expand-on-hover:hover:after {
  display: none;
}

.calendar-week-grid .cal-week-column i {
  display: block;
  margin-top: 10px;
}

.cal-day-row:before, .cal-day-row:after {
  content: "";
  display: table;
}

.cal-day-row:after {
  clear: both;
}

.cal-day-row {
  margin-bottom: 5px;
}

.cal-day-row img {
  display: none;
  max-height: 98px;
}

@media only screen and (min-width: 376px) {
  .cal-day-row img {
    display: block;
    position: absolute;
    right: 0;
    z-index: 1
  }
}

.cal-day-row:nth-of-type(even) .cal-day-row-content {
  background: #dddddd;
}

.cal-day-row-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #dddddd;
  padding: 10px;
  position: relative;
}

@media only screen and (min-width: 376px) {
  .cal-day-row-content {
    min-height: 98px;
    padding: 10px 195px 10px 10px
  }
}

@media only screen and (min-width: 1310px) {
  .cal-day-row-content {
    float: right;
    padding: 25px 195px 25px 25px;
    width: 93.75%
  }
}

.time-slots {
  border: none;
  float: left;
}

.time-slots span {
  border: none;
  color: #999999;
  display: block;
  font-size: .8125rem;
  font-weight: 300;
  line-height: 1;
  padding: 15px 0 0;
}

.time-slot {
  color: #999999;
  font-size: .8125rem;
  font-weight: 300;
  margin-left: 10px;
  padding-top: 10px;
}

@media only screen and (min-width: 376px) {
  .time-slot {
    margin-left: 0;
    padding-top: 25px
  }
}

@media only screen and (min-width: 1310px) {
  .time-slot {
    float: left;
    width: 6.25%
  }
}

.calendar-day-grid .cal-day-inline-list {
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .calendar-day-grid .cal-day-inline-list {
    margin: 0
  }
}

.calendar-day-grid .cal-day-inline-list li {
  color: #444444;
  display: block;
  font-size: .8125rem;
  font-weight: 200;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.calendar-day-grid .cal-day-inline-list li:first-child {
  border: none;
  margin-left: 0;
  padding-left: 0;
  padding-right: 25px;
}

.calendar-day-grid .cal-day-inline-list li.cal-info {
  border: none;
  margin-left: 0;
}

@media only screen and (max-width: 769px) {
  .calendar-day-grid .cal-day-inline-list li.cal-info:last-child {
    position: absolute;
    right: 195px;
    top: 10px;
  }
}

@media only screen and (max-width: 376px) {
  .calendar-day-grid .cal-day-inline-list li.cal-info:last-child {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}

@media only screen and (min-width: 769px) {
  .calendar-day-grid .cal-day-inline-list li {
    border-left: 1px solid #444444;
    display: inline-block;
    margin-left: 7px;
    padding-left: 10px
  }

  .calendar-day-grid .cal-day-inline-list li:first-child {
    padding-right: 0;
  }
}

.calendar-day-grid .cal-day-inline-list.episode-options li {
  border-left: 1px solid #444444;
  display: inline-block;
  margin-left: 7px;
  padding-left: 10px;
}

.calendar-day-grid .cal-day-inline-list.episode-options li:first-child {
  border-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 769px) {
  .calendar-day-grid .cal-day-inline-list.episode-options {
    margin-right: 0;
    margin-top: 10px
  }

  .calendar-day-grid .cal-day-inline-list.episode-options li {
    margin-top: 5px;
  }
}

.calendar-day-grid .cal-day-inline-list a:link,
			.calendar-day-grid .cal-day-inline-list a:visited,
			.calendar-day-grid .cal-day-inline-list a:active {
  color: #444444;
}

.calendar-day-grid .cal-day-inline-list a:hover,
			.calendar-day-grid .cal-day-inline-list a:focus {
  color: #000000;
}

.calendar-day-grid .cal-day-inline-list a.js-disable {
  cursor: default;
}

.cal-info {
  position: absolute;
  right: 10px;
  top: 10px;
}

@media only screen and (min-width: 376px) {
  .cal-info {
    position: relative;
    right: auto;
    top: auto
  }
}

.cal-info a {
  font-size: 1.1875rem;
  vertical-align: -5px;
}

.episode-options {
  bottom: 5px;
  margin: 0;
  right: 10px;
  text-align: left;
}

.episode-options#menu-main-showmenu {
  text-align: right;
}

@media only screen and (max-width: 769px) {
  .episode-options li {
    border-left: 1px solid #444444;
    display: inline-block;
    margin-left: 7px;
    padding-left: 10px;
  }

  .episode-options li:first-child {
    padding-right: 0;
  }

  .episode-options li:last-child {
    position: relative;
    right: auto;
    top: auto;
  }
}

@media only screen and (max-width: 376px) {
  .episode-options {
    display: block
  }

  .episode-options li {
    border-left: 1px solid #444444;
    display: inline-block;
    margin-left: 7px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 376px) {
  .episode-options {
    bottom: 11px;
    right: 25px
  }
}

.post-title-wrapper .cal-view-by a:link,
			.post-title-wrapper .cal-view-by a:visited,
			.post-title-wrapper .cal-view-by a:active {
  color: #999999;
}

.post-title-wrapper .cal-view-by a:hover,
			.post-title-wrapper .cal-view-by a:focus,
			.post-title-wrapper .cal-view-by a.selected {
  color: #000000;
}

.cal-body-view-week .ui-datepicker-calendar .ui-state-active, .cal-body-view-day .ui-datepicker-calendar .ui-state-active {
  background-color: #f7b81b;
  background-image: none;
}

.cal-body-view-week .ui-datepicker-calendar .ui-state-highlight, .cal-body-view-day .ui-datepicker-calendar .ui-state-highlight {
  background-color: #b3b3b3;
  background-image: none;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

/*--------------------------------------------------------------
Twitter Marquee
--------------------------------------------------------------*/

/*Default, over riden from admin color settings. */

.twitter-scroll {
  background: #d9d9d9;
  height: 38px;
  margin: 1em;
  overflow: hidden;
  position: relative;
}

.dap-tw-logo {
  /*@mixin dap-icon 'twitter';*/
  background-color: #55acee;
  -webkit-box-shadow: 1px 0 0 0 #eeeeee;
          box-shadow: 1px 0 0 0 #eeeeee;
  color: #fff;
  font-size: 26px;
  height: 38px;
  left: 0;
  padding-top: 6px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 38px;
}

.dap-tw-logo:after {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #55acee;
  border-top: 6px solid transparent;
  -webkit-filter: drop-shadow(1px 0 0 #eeeeee);
          filter: drop-shadow(1px 0 0 #eeeeee);
  content: "";
  height: 0;
  margin-top: -6px;
  position: absolute;
  right: -5px;
  top: 50%;
  width: 0;
}

.dap-tw-logo img {
  vertical-align: text-bottom;
}

a.dap-tw-item {
  border-right: 1px solid #eeeeee;
  display: inline-block;
  float: left;
  line-height: calc(38px + 1);
  /* slight tweak to line-height */
  padding: 0 1em;
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

a.dap-tw-item:hover {
  background-color: rgba(255, 255, 255, .5);
}

/* Extra specificity needed */

.twitter-scroll a.dap-tw-item {
  color: #222;
}

.dap-tw-name {
  font-size: 0.8em;
  font-weight: 600;
  margin-right: 0.15em;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
1.0 Videos
--------------------------------------------------------------*/

.item-box.video .box .overlay .overlay-links a, .item-box.video .box .overlay .overlay-links button {
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}

.item-box.video .box .overlay .overlay-links a:hover, .item-box.video .box .overlay .overlay-links button:hover {
  padding-right: 15px;
}

.item-box.video .box .overlay .overlay-links a:after, .item-box.video .box .overlay .overlay-links button:after {
  content: "";
  display: inline-block;
  height: 20px;
  margin: 4px 0 -4px 3px;
  width: 20px;
}

.item-box.video .box .overlay .overlay-links a.add-item:after, .item-box.video .box .overlay .overlay-links button.add-item:after {
  background: url(assets/images/icons.svg#add-to-cart);
}

.item-box.video .box .overlay .overlay-links a.download-item:after, .item-box.video .box .overlay .overlay-links button.download-item:after {
  background: url(assets/images/icons.svg#download);
}

.item-box.video .box .overlay .overlay-links a.embed:after, .item-box.video .box .overlay .overlay-links button.embed:after {
  background: url(assets/images/icons.svg#embed);
}

.item-box.video .box .overlay .overlay-links a.watch-video:after, .item-box.video .box .overlay .overlay-links button.watch-video:after {
  background: url(assets/images/icons.svg#watch-video);
}

.item-box.video .box .overlay .overlay-links a span.icon, .item-box.video .box .overlay .overlay-links button span.icon {
  display: none;
}

.video_download_now_btn_wrapper {
  display: none;
}

.show_video_download_button .video_download_now_btn_wrapper {
  display: block;
}

@media only screen and (min-width: 841px) {
  .show-videos-page-list,
	.videos-page-list {
    margin: 0 -15px;
  }
}

/*DMD image size replacement */

.show-featured-container {
  float: left;
  max-height: 482px;
  max-width: 936px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.show-featured-container img {
  float: none;
  vertical-align: middle;
}

.page-template-podcasts .drawer-for-tile-bio .drawer-content,
	.page-template-podcasts .drawer-for-tile-executive .drawer-content,
	.page-template-podcasts .bio.item-box,
	.page-template-podcasts .bio.item-box:nth-child(even),
	.audio-show-body .drawer-for-tile-bio .drawer-content,
	.audio-show-body .drawer-for-tile-executive .drawer-content,
	.audio-show-body .bio.item-box,
	.audio-show-body .bio.item-box:nth-child(even) {
  background-color: #eeeeee;
}

.page-template-podcasts #page, .audio-show-body #page {
  background-color: #ffffff !important;
}

.page-template-podcasts .has-bios.items-line, .audio-show-body .has-bios.items-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1280px) {
  .page-template-podcasts .has-bios.items-line, .audio-show-body .has-bios.items-line {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
  }
}

.page-template-podcasts .bio.item-box, .audio-show-body .bio.item-box {
  margin-bottom: 20px;
  margin-right: 30px;
  max-width: 270px;
}

@media only screen and (min-width: 769px) {
  .page-template-podcasts .show-media .item-box, .audio-show-body .show-media .item-box {
    width: 23.92%;
  }

  .page-template-podcasts .show-media .item-box:nth-of-type(3n), .audio-show-body .show-media .item-box:nth-of-type(3n) {
    margin-right: 1.08%;
  }
}

.page-template-podcasts .btn-categories, .audio-show-body .btn-categories {
  color: #9013FE;
}

.page-template-podcasts .btn-categories:before, .audio-show-body .btn-categories:before {
  color: #9013FE;
}

.page-template-podcasts .audio-show-home .audio-show-nav-wrapper .show-nav .menu-item-index, .audio-show-body .audio-show-home .audio-show-nav-wrapper .show-nav .menu-item-index {
  display: none;
}

.audio-show-pages-header {
  display: block;
  margin-top: 20px;
  padding: 0;
}

.audio-show-title {
  color: #000000;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 64px;
  margin-bottom: 0;
  margin-top: 0;
}

.audio-show-nav-wrapper {
  background-color: #EAEAEE;
  padding: 12px 0 10px;
}

@media only screen and (min-width: 1024px) {
  .audio-show-nav-wrapper {
    padding: 22px 0 20px
  }
}

.audio-show-nav-wrapper .show-nav .menu-main-menu-container {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .audio-show-nav-wrapper .show-nav #menu-main-showpage-menu {
    padding-left: 20px;
    position: relative;
  }

  .audio-show-nav-wrapper .show-nav #menu-main-showpage-menu:before {
    background-color: #000000;
    content: '';
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.audio-show-nav-wrapper .show-nav .menu-toggle {
  color: #000000;
  font-size: 12px;
}

.audio-show-nav-wrapper .show-nav .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.audio-show-nav-wrapper .show-nav .menu a {
  color: #000000;
  display: block;
  font-size: 16px;
  padding: 3px 0;
  text-transform: uppercase;
}

.audio-show-nav-wrapper .show-nav .menu a:hover {
  color: #f7b81b;
}

.audio-show-nav-wrapper .show-nav .menu .current_page_item a {
  color: #f7b81b;
}

.audio-show-nav-wrapper .show-nav.toggled .menu-main-menu-container {
  display: block;
}

.audio-show-nav-wrapper .show-nav.toggled .menu-toggle {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1024px) {
  .audio-show-nav-wrapper .show-nav .menu-main-menu-container {
    display: block;
  }

  .audio-show-nav-wrapper .show-nav .menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
  }

  .audio-show-nav-wrapper .show-nav .menu-item {
    display: inline-block;
    float: left;
    line-height: .75rem;
    margin-right: 10px;
    padding-right: 10px;
  }

  .audio-show-nav-wrapper .show-nav .menu-item a {
    font-size: 18px;
    line-height: 18px;
  }
}

.audio-show-featured-wrapper {
  max-width: 470px;
}

.audio-show-featured {
  margin-bottom: 20px;
}

.audio-show-featured-image {
  display: block;
  height: auto;
  width: 100%;
}

.audio-show-description {
  font-size: 18px;
  color: #000000;
  line-height: 21px;
}

.audio-show-contacts {
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 62px;
}

.audio-show-contacts .col-auto {
  min-width: 300px;
}

.audio-show-lead-title {
  font-size: 36px;
  letter-spacing: -1.93px;
  line-height: 49px;
}

/* Podcast archive tiles */

.page-template-podcasts .entry-content {
  max-width: 1170px;
}

.items-line.podcasts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.podcast.item-box {
  margin-right: 30px;
  width: 270px;
}

.podcast.item-box .item-title {
  color: #000000;
  font-size: 18px;
  margin-top: 20px;
  width: 100%;
}

/* @TODO - need a good breakpoint at 3 and 2 columns. */

@media only screen and (max-width: 769px) {
  .podcast.item-box {
    float: left;
    margin-bottom: calc(1.5rem / 2);
    margin-right: 2%;
    position: relative;
    width: 49%
  }

  .podcast.item-box:nth-of-type(even) {
    margin-right: 0;
  }
}

/* 3 cols */

@media only screen and (max-width: 270px) {
  .podcast.item-box:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 770px) {
  .podcast.item-box {
    width: 270px
  }

  .podcast.item-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

.podcasts-category-title {
  color: #000000;
  font-size: 28px;
  line-height: 37px;
  text-transform: none;
}

.podcasts-totals-text {
  color: #000000;
  font-size: 18px;
  line-height: 21px;
}

.podcasts-filter .categories-heading {
  border-bottom: 0;
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 10px 10px 0 0;
}

.podcasts-filter select {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #000000;
  font-size: 18px;
  line-height: 21px;
  padding: 10px 0 10px;
}

.podcasts-filter .chosen-container-single {
  max-width: 300px;
}

.podcasts-filter .chosen-single {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-size: 18px;
  line-height: 21px;
}

.podcasts-filter .chosen-single:hover {
  color: #000000;
}

.podcasts-filter .chosen-single div b {
  color: #000000;
}

.podcasts-filter .chosen-container .chosen-drop {
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.podcasts-filter .chosen-container-active .chosen-single {
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.podcasts-filter .chosen-container-active .chosen-results {
  color: #000000;
  margin: 0;
}

.audio-show-availability-list-svg {
  height: 40px;
}

.audio-show-release-meta {
  color: #757575;
  font-size: 18px;
  font-weight: 200;
  line-height: 21px;
}

.audio-show-release-title {
  border-bottom: 1px solid #eeeeee;
  color: #414141;
  font-size: 18px;
  line-height: 21px;
}

.page-template-podcasts .site-main .audio-show-more-link, .audio-show-body .site-main .audio-show-more-link {
  color: #1A73E8;
  font-size: 16px;
  line-height: 18px;
}

.page-template-podcasts .site-main .audio-show-more-link:visited, .audio-show-body .site-main .audio-show-more-link:visited {
  color: #1A73E8;
}

.audio-show-latest-podcasts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.audio-show-latest-podcasts .audio {
  max-width: calc(50% - 1%);
  width: auto;
}

@media only screen and (min-width: 376px) {
  .audio-show-latest-podcasts .audio {
    max-width: 300px;
    margin-right: 30px;
    margin-bottom: 20px
  }
}

.profile-form {
  margin-top: var(--gap-heading);
}

#profile-form-terms {
  height: 25rem !important;
}

.profile-form-section:not(.profile-form-agreements):not(.profile-form-actions),
.profile-form-network-property-access {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media (min-width: 768px) {
  .profile-form-section:not(.profile-form-agreements):not(.profile-form-actions),
.profile-form-network-property-access {
    display: grid;
  }
}

.profile-form-network-property-access > * {
  grid-column: span 6 / span 6;
}

.profile-form-add-link-to-articles {
  float: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  .profile-form-broadcast-station,
.profile-form-internet-url,
.profile-form-print-circulation {
    margin-top: 2.9375rem;
  }
}

.profile-form-broadcast-station,
.profile-form-internet-url,
.profile-form-print-circulation {
  /* 47px */
}

.profile-form-section {
  margin-bottom: -1rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .profile-form-section {
    padding-bottom: 2rem;
  }
}

.profile-form-section h2 {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .profile-form-section h2 {
    margin-bottom: 1.5rem;
  }
}

.profile-form-section h3 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.profile-form-section p {
  margin-bottom: 1rem;
}

.profile-form-section .form-subheading {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.938rem;
}

.profile-form-section > * {
  grid-column: span 6 / span 6;
}

.profile-form-section h2,
	.profile-form-section .form-subheading,
	.profile-form-section .form-subheading + p,
	.profile-form-section #profile-form-password-error,
	.profile-form-section .profile-form-comments,
	.profile-form-section .profile-form-network-properties-access,
	.profile-form-section .network-property-permissions {
  grid-column: span 12 / span 12;
}

.profile-form-section input[type="email"],
	.profile-form-section input[type="password"],
	.profile-form-section input[type="tel"],
	.profile-form-section input[type="text"],
	.profile-form-section input[type="url"],
	.profile-form-section textarea {
  max-height: 2.5rem;
  width: 100%;
  border-radius: 0.313rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.profile-form-section textarea {
  max-height: none;
}

.profile-form-section .form-group {
  margin-bottom: 1rem;
}

.profile-form-section .links-to-articles-wrapper > label, .profile-form-section .profile-form-media-type > label, .profile-form-section .profile-form-newspaper-sunday-supplement > label, .profile-form-section .profile-form-publication-frequency > label {
  margin-bottom: 1rem;
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.938rem;
}

.profile-form-section .form-group-email ::-webkit-input-placeholder, .profile-form-section .form-group-password ::-webkit-input-placeholder, .profile-form-section .form-group-tel ::-webkit-input-placeholder, .profile-form-section .form-group-text ::-webkit-input-placeholder, .profile-form-section .form-group-textarea ::-webkit-input-placeholder, .profile-form-section .form-group-url ::-webkit-input-placeholder {
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .form-group-email ::-moz-placeholder, .profile-form-section .form-group-password ::-moz-placeholder, .profile-form-section .form-group-tel ::-moz-placeholder, .profile-form-section .form-group-text ::-moz-placeholder, .profile-form-section .form-group-textarea ::-moz-placeholder, .profile-form-section .form-group-url ::-moz-placeholder {
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .form-group-email :-ms-input-placeholder, .profile-form-section .form-group-password :-ms-input-placeholder, .profile-form-section .form-group-tel :-ms-input-placeholder, .profile-form-section .form-group-text :-ms-input-placeholder, .profile-form-section .form-group-textarea :-ms-input-placeholder, .profile-form-section .form-group-url :-ms-input-placeholder {
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .form-group-email ::-ms-input-placeholder, .profile-form-section .form-group-password ::-ms-input-placeholder, .profile-form-section .form-group-tel ::-ms-input-placeholder, .profile-form-section .form-group-text ::-ms-input-placeholder, .profile-form-section .form-group-textarea ::-ms-input-placeholder, .profile-form-section .form-group-url ::-ms-input-placeholder {
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .form-group-email ::placeholder, .profile-form-section .form-group-password ::placeholder, .profile-form-section .form-group-tel ::placeholder, .profile-form-section .form-group-text ::placeholder, .profile-form-section .form-group-textarea ::placeholder, .profile-form-section .form-group-url ::placeholder {
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .form-group-email label:not(.error), .profile-form-section .form-group-password label:not(.error), .profile-form-section .form-group-tel label:not(.error), .profile-form-section .form-group-text label:not(.error), .profile-form-section .form-group-textarea label:not(.error), .profile-form-section .form-group-url label:not(.error) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.profile-form-section .show-password {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.profile-form-section .show-password:after {
  content: '';
  display: block;
  height: 24px;
  margin-left: 4px;
  width: 27px;
}

.profile-form-section .show-password[aria-pressed="false"]:after {
  background: url('assets/images/icon-not-visible.svg') no-repeat center;
}

.profile-form-section .show-password[aria-pressed="true"]:after {
  background: url('assets/images/icon-visible.svg') no-repeat center;
}

.profile-form-section label.error {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.188rem;
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.profile-form-section #profile-form-password-error {
  margin-top: -1rem;
  padding-top: 0.5rem;
}

.profile-form-section label {
  cursor: pointer;
  font-weight: 200;
}

.profile-form-section button[type="reset"],
	.profile-form-section button[type="submit"] {
  width: 100%;
  border-radius: 0.313rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 204 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 375px) {
  .profile-form-section button[type="reset"],
	.profile-form-section button[type="submit"] {
    width: auto;
  }
}

.profile-form-actions {
  margin-bottom: var(--gap-section);
  display: grid;
  grid-auto-flow: row;
  gap: 1.5rem;
  padding: 0px;
}

@media (min-width: 375px) {
  .profile-form-actions {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-auto-flow: column;
    gap: 1rem;
  }
}

.checkbox input, .radio input {
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.checkbox label, .radio label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.375rem;
}

.checkbox label .label-text, .radio label .label-text {
  margin-top: 0.125rem;
}

.checkbox ~ *, .radio ~ * {
  margin-top: 1rem;
}

.faux-checkbox {
  position: absolute;
  left: 0px;
  height: 1.25rem;
  width: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.1875rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(151 151 151 / var(--tw-border-opacity));
}

:checked + .faux-checkbox {
  --tw-bg-opacity: 1;
  background-color: rgb(151 151 151 / var(--tw-bg-opacity));
}

.faux-radio {
  position: absolute;
  left: 0px;
  height: 1.25rem;
  width: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(151 151 151 / var(--tw-border-opacity));
}

:checked + .faux-radio {
  --tw-bg-opacity: 1;
  background-color: rgb(151 151 151 / var(--tw-bg-opacity));
}

#profile-form-comments {
  height: 15.625rem;
}

@media (min-width: 768px) {
  #profile-form-comments {
    height: 5rem;
  }
}

/**
	* BxSlider v4.1.2 - Fully loaded, responsive content slider
	* http://bxslider.com
	*
	* Written by: Steven Wanderski, 2014
	* http://stevenwanderski.com
	* (while drinking Belgian ales and listening to jazz)
	*
	* CEO and founder of bxCreative, LTD
	* http://bxcreative.com
	*/

/** RESET AND LAYOUT
	===================================*/

.home .bx-wrapper {
  margin: 0 auto 60px;
  padding: 0;
  position: relative;
}

.home .bx-wrapper img {
  display: block;
  max-width: 100%;
}

/** THEME
	===================================*/

.home .bx-wrapper .bx-pager,
	.home .bx-wrapper .bx-controls-auto {
  bottom: -30px;
  position: absolute;
  width: 100%;
}

/* LOADER */

.home .bx-wrapper .bx-loading {
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  left: 0;
  min-height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

/* PAGER */

.home .bx-pager-item {
  width: auto;
}

.home .bx-wrapper .bx-pager {
  color: #666;
  font-family: Arial;
  font-size: .85em;
  font-weight: bold;
  text-align: center;
}

.home .bx-wrapper .bx-pager .bx-pager-item,
	.home .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}

.home .bx-wrapper .bx-pager.bx-default-pager a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #666;
  border-radius: 5px;
  display: block;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  text-indent: -9999px;
  width: 10px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.home .bx-wrapper .bx-prev {
  background: url(images/controls.png) no-repeat 0 -32px;
  left: 10px;
}

.home .bx-wrapper .bx-next {
  background: url(images/controls.png) no-repeat -43px -32px;
  right: 10px;
}

.home .bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.home .bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.home .bx-wrapper .bx-controls-direction a {
  height: 32px;
  margin-top: -16px;
  outline: 0;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 32px;
  z-index: 9999;
}

.home .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.home .bx-wrapper .bx-controls-auto {
  text-align: center;
}

.home .bx-wrapper .bx-controls-auto .bx-start {
  background: url(images/controls.png) -86px -11px no-repeat;
  display: block;
  height: 11px;
  margin: 0 3px;
  outline: 0;
  text-indent: -9999px;
  width: 10px;
}

.home .bx-wrapper .bx-controls-auto .bx-start:hover,
	.home .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.home .bx-wrapper .bx-controls-auto .bx-stop {
  background: url(images/controls.png) -86px -44px no-repeat;
  display: block;
  height: 11px;
  margin: 0 3px;
  outline: 0;
  text-indent: -9999px;
  width: 9px;
}

.home .bx-wrapper .bx-controls-auto .bx-stop:hover,
	.home .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.home .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.home .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.home .bx-wrapper .bx-caption {
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.home .bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-family: Arial;
  font-size: .85em;
  padding: 10px;
}

.slider {
  display: none;
}

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

.slider .bx-controls {
  position: relative;
  z-index: 99;
}

.primary-navigation-open .slider {
  display: none;
}

.bxslider-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.bxslider-wrapper .bx-wrapper {
  overflow: hidden;
  border-radius: 0.313rem;
  border-width: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bxslider-wrapper .bx-wrapper .bx-pager {
  bottom: 0px;
  margin-bottom: 1.5rem;
  height: 0.75rem;
}

.bxslider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.6);
}

.bxslider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bxslider-outer.js-not-loaded {
  visibility: hidden;
}

.slide-copy-outer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: auto;
  height: 100%;
  width: 100%;
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0,0,0,0.00)), color-stop(80%, rgba(0,0,0,0.85)));
  background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 65%, rgba(0,0,0,0.85) 80%);
}

.slide-copy-outer .slide-copy-inner {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 1.5rem;
}

.slide-copy-outer .slide-copy-inner .slide-content {
  grid-column: span 5 / span 5;
  margin-bottom: 1rem;
}

@media (min-width: 1280px) {
  .slide-copy-outer .slide-copy-inner .slide-content {
    margin-bottom: 0px;
  }
}

.slide-copy-outer .slide-logo {
  grid-column: span 2 / span 2;
  grid-column-start: 11;
  align-self: flex-end;
  justify-self: end;
  font-size:  1rem;
  font-weight: 400;
}

.slide-copy-outer .available-on {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.slide-copy-outer .slide-title {
  margin-bottom: 0.375rem;
  display: block;
  font-size: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  line-height: 2.625rem;
}

.slide-copy-outer .slide-details {
  margin-bottom: 0px;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.813rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.slide-copy-outer .slide-details p,
			.slide-copy-outer .slide-details span {
  margin-bottom: 0px;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.813rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.slide-copy-outer .slide-details a:link,
				.slide-copy-outer .slide-details a:visited {
}

.slide-copy-outer .slide-details a:hover,
				.slide-copy-outer .slide-details a:active,
				.slide-copy-outer .slide-details a:focus {
  opacity: 0.75;
}

.site-footer {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.75rem;
  padding-top: 0px;
}

@media (min-width: 375px) {
  .site-footer {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.no-widgets .site-footer {
  margin-top: 3rem;
}

@media (min-width: 375px) {
  .no-widgets .site-footer {
    margin-top: 6rem;
  }
}

.site-footer .site-info {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.site-footer .site-info .footer-copyright {
  text-align: center;
}

.site-footer > .site-info {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.375rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.site-footer > .site-info .site-name {
  font-size: 1.3125rem;
  text-transform: uppercase;
}

.site-footer > .site-info .privacy-policy,
	.site-footer > .site-info .powered-by {
  margin-top: 0.5rem;
}

@media only screen and (min-width: 1280px) {
  .site-footer > .site-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .site-footer > .site-info .site-name {
    margin-top: 0.5rem;
  }

  .site-footer > .site-info .privacy-policy,
		.site-footer > .site-info .powered-by {
    margin-left: auto;
    margin-top: initial;
  }

  .site-footer > .site-info .privacy-policy + .powered-by {
    margin-top: 0.5rem;
  }
}

.site-footer > .site-info a {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.site-footer > .site-info a:link,
		.site-footer > .site-info a:visited,
		.site-footer > .site-info a:active {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.site-footer > .site-info a:hover {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.site-footer > .site-info a:focus {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
}

.is-dark-theme .site-footer > .site-info a:focus {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
}

.has-background-white .site-footer > .site-info a:focus {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
}

.footer-navigation {
  font-size:  1rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.footer-navigation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0px;
}

.footer-navigation-wrapper li {
  display: inline;
  line-height: 3;
}

.footer-navigation-wrapper li a {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.footer-navigation-wrapper li a:link,
			.footer-navigation-wrapper li a:visited,
			.footer-navigation-wrapper li a:active {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.footer-navigation-wrapper li a:hover {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
}

.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
  fill: #1A62E8;
}

.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
  fill: #1A62E8;
}

.footer-navigation-wrapper li .svg-icon {
  fill: #121212;
  vertical-align: middle;
}

.footer-navigation-wrapper li .svg-icon:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-reduced-motion: no-preference) {
  .footer-navigation-wrapper li .svg-icon {
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease
  }
}

.footer-navigation-wrapper .sub-menu-toggle,
	.footer-navigation-wrapper .menu-item-description {
  display: none;
}

.widget-area {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .widget-area {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .widget-area {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.widget-area section {
  grid-column: span 4 / span 4;
}

@media (min-width: 768px) {
  .widget-area section {
    grid-column: span 9 / span 9;
  }
}

@media (min-width: 1024px) {
  .widget-area section {
    grid-column: span 12 / span 12;
  }
}

@media (min-width: 1280px) {
  .widget-area section {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
    margin: 0px;
  }
}

.widget-area .footer-navigation:before,
		.widget-area .footer-navigation:after {
  display: none;
}

.widget-area .footer-navigation .widget_nav_menu .menu {
  display: none;
}

.widget-area .footer-navigation .widget_nav_menu.active .menu {
  display: block;
}

.widget-area .footer-navigation .widget_nav_menu li a {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.widget-area .footer-navigation .widget_nav_menu li a:link {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.widget-area .footer-navigation .widget_nav_menu li a:link:hover {
  --tw-text-opacity: 1;
  color: rgb(26 98 232 / var(--tw-text-opacity));
}

@media only screen and (min-width: 1280px) {
  .widget-area .footer-navigation .widget_nav_menu .menu {
    display: block;
  }
}

.widget-area .footer-navigation .wp-block-group__inner-container {
  display: grid;
  gap: 1rem;
}

@media (min-width: 1280px) {
  .widget-area .footer-navigation .wp-block-group__inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.widget-area .footer-navigation .wp-block-group__inner-container .widget {
  margin: 0px !important;
}

@media (min-width: 1280px) {
  .widget-area .footer-navigation div[class*="menu-"] {
    margin-top: 2.25rem;
  }

  .widget-area .footer-navigation .widgettitle + div[class*="menu-"] {
    margin-top: 0.25rem;
  }
}

.widget-area .wp-block-social-links.alignright {
  margin-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.widget-area .wp-block-social-links.alignleft {
  margin-top: 1rem;
}

.widget-area:after {
  clear: both;
  display: table;
  --tw-content: '';
  content: var(--tw-content);
}

.widget-area .widget ul li {
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1;
}

.widget h1,
	.widget h2,
	.widget h3,
	.widget h4,
	.widget h5,
	.widget h6 {
  font-weight: 700;
  line-height: 1.4;
}

.widget h1 {
  font-size:  1rem;
}

.widget h2 {
  font-size:  1rem;
}

.widget .widgettitle {
  position: relative;
  margin-bottom: 0.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 216 216 / var(--tw-border-opacity));
  padding-bottom: 1rem;
  font-size:  1rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.375rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

@media (min-width: 1280px) {
  .widget .widgettitle {
    border-width: 0px;
    padding-bottom: 0px;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.widget .widgettitle:after {
  position: absolute;
  right: 1rem;
  top: 0px;
  display: block;
  font-size: 20px;
  font-weight: 700;
}

@media (min-width: 1280px) {
  .widget .widgettitle:after {
    display: none;
  }
}

.widget .widgettitle:after {
  content: url("data:image/svg+xml,%3Csvg width='10px' height='6px' viewBox='0 0 10 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-321.000000, -24.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(320.999214, 24.021117)'%3E%3Cpath d='M4.73514954,5.84763468 C4.88203029,5.99451543 5.11951752,5.99451543 5.26639827,5.84763468 L9.89138724,1.26015172 C10.038268,1.11327097 10.038268,0.87578374 9.89138724,0.728902986 L9.27264482,0.110160565 C9.12576407,-0.0367201883 8.88827684,-0.0367201883 8.74139609,0.110160565 L5.0007739,3.81327674 L1.26015172,0.110160565 C1.11327097,-0.0367201883 0.87578374,-0.0367201883 0.728902986,0.110160565 L0.110160565,0.728902986 C-0.0367201883,0.87578374 -0.0367201883,1.11327097 0.110160565,1.26015172 L4.73514954,5.84763468 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.widget.active .widgettitle {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.widget.active .widgettitle:after {
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.widget h3,
	.widget h4,
	.widget h5,
	.widget h6 {
  font-size:  1rem;
}

.widget ul {
  list-style-type: none;
  padding: 0px;
}

.widget ul li {
  line-height: 1.9;
}

.widget ul.sub-menu,
		.widget ul.children {
  margin-left: 2.6px;
}

.widget ul .sub-menu-toggle {
  display: none;
}

.widget a {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.widget a:link,
		.widget a:visited,
		.widget a:active {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.widget a:hover {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity));
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
}

.media-tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 479px) {
  .media-tiles > :nth-child(1n + 5) {
    display: none;
  }
}

@media (min-width: 768px) {
  .media-tiles {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .media-tiles {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.media-tiles article {
  grid-column: span 4 / span 4;
}

@media (min-width: 480px) {
  .media-tiles article {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 768px) {
  .media-tiles article {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 1024px) {
  .media-tiles article {
    grid-column: span 3 / span 3;
  }
}

@-webkit-keyframes menu-item {
  from {
    --tw-bg-opacity: 1;
    background-color: rgb(0 43 86 / var(--tw-bg-opacity));
  }

  to {
    background-color: rgb(0 43 86 / 0);
  }
}

@keyframes menu-item {
  from {
    --tw-bg-opacity: 1;
    background-color: rgb(0 43 86 / var(--tw-bg-opacity));
  }

  to {
    background-color: rgb(0 43 86 / 0);
  }
}

@-webkit-keyframes menu-item-link {
  from {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@keyframes menu-item-link {
  from {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.placeholder\:text-gray-medium::-webkit-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-medium::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-medium:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-medium::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-medium::placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:w-10::before {
  content: var(--tw-content);
  width: 2.5rem;
}

.before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.before\:from-black::before {
  content: var(--tw-content);
  --tw-gradient-from: #000000 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:to-transparent::before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}

.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}

.after\:hidden::after {
  content: var(--tw-content);
  display: none;
}

.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.after\:w-10::after {
  content: var(--tw-content);
  width: 2.5rem;
}

.after\:bg-gradient-to-r::after {
  content: var(--tw-content);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.after\:from-transparent::after {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:to-black::after {
  content: var(--tw-content);
  --tw-gradient-to: #000000 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:border-0:last-child {
  border-width: 0px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last\:border-none:last-child {
  border-style: none;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.visited\:text-blue-tertiary:visited {
  color: rgb(26 98 232 );
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.hover\:border-blue-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 73 145 / var(--tw-border-opacity));
}

.hover\:bg-blue-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 145 / var(--tw-bg-opacity));
}

.hover\:bg-blue-hover\/10:hover {
  background-color: rgb(0 73 145 / 0.1);
}

.hover\:\!text-blue-tertiary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(26 98 232 / var(--tw-text-opacity)) !important;
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

.hover\:text-gray-medium:hover {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:border-blue-active:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 43 86 / var(--tw-border-opacity));
}

.focus\:\!text-blue-tertiary:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(26 98 232 / var(--tw-text-opacity)) !important;
}

.focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.focus\:text-blue-hover:focus {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

.focus\:text-gray-medium:focus {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity));
}

.focus\:text-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}

.focus\:underline:focus {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.active\:border-blue-active:active {
  --tw-border-opacity: 1;
  border-color: rgb(0 43 86 / var(--tw-border-opacity));
}

.active\:bg-blue-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 43 86 / var(--tw-bg-opacity));
}

.active\:bg-blue-active\/10:active {
  background-color: rgb(0 43 86 / 0.1);
}

.active\:text-black:active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.active\:text-blue-hover:active {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

.group\/cart:hover .group-hover\/cart\:bg-blue-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 145 / var(--tw-bg-opacity));
}

.group\/cart:focus .group-focus\/cart\:bg-blue-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 43 86 / var(--tw-bg-opacity));
}

.group\/cart:active .group-active\/cart\:bg-blue-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 43 86 / var(--tw-bg-opacity));
}

.group.toggled .group-\[\.toggled\]\:block {
  display: block;
}

.group\/header.toggled .group-\[\.toggled\]\/header\:hidden {
  display: none;
}

.group.toggled .group-\[\.toggled\]\:hidden {
  display: none;
}

.group\/header.toggled .group-\[\.toggled\]\/header\:h-0 {
  height: 0px;
}

.group.toggled .group-\[\.toggled\]\:before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.group.toggled .group-\[\.toggled\]\:before\:block::before {
  content: var(--tw-content);
  display: block;
}

.group.toggled .group-\[\.toggled\]\:before\:h-2::before {
  content: var(--tw-content);
  height: 0.5rem;
}

.group.toggled .group-\[\.toggled\]\:before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.group.toggled .group-\[\.toggled\]\:before\:shadow-header-inset::before {
  content: var(--tw-content);
  --tw-shadow: inset 0px 6px 4px -4px rgba(0, 0, 0, 0.5);
  --tw-shadow-colored: inset 0px 6px 4px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:prose-a\:text-blue-hover :is(:where(a):not(:where([class~="not-prose"] *))):hover {
  --tw-text-opacity: 1;
  color: rgb(0 73 145 / var(--tw-text-opacity));
}

.child\:mb-6 > * {
  margin-bottom: 1.5rem;
}

.child\:text-xxs > * {
  font-size: 0.75rem;
}

.child\:font-light > * {
  font-weight: 300;
}

.child\:leading-3 > * {
  line-height: .75rem;
}

.child\:leading-3\.5 > * {
  line-height: 0.875rem;
}

.child\:last\:mb-0:last-child > * {
  margin-bottom: 0px;
}

[aria-expanded="true"] .parent-expanded\:rotate-180 {
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 1280px) {
  .max-xl\:fixed {
    position: fixed;
  }

  .max-xl\:sticky {
    position: sticky;
  }

  .max-xl\:-z-10 {
    z-index: -10;
  }

  .max-xl\:-order-1 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .max-xl\:col-start-2 {
    grid-column-start: 2;
  }

  .max-xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .max-xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-xl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .max-xl\:hidden {
    display: none;
  }

  .max-xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .max-xl\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .max-xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .max-xl\:bg-gray-wave {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FFFFFF), color-stop(10%, #F5F5F5), color-stop(90%, #F5F5F5), to(#FFFFFF));
    background-image: linear-gradient(180deg, #FFFFFF 1%, #F5F5F5 10%, #F5F5F5 90%, #FFFFFF 100%);
  }

  .max-xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .max-xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .max-xl\:text-center {
    text-align: center;
  }

  .max-xl\:shadow-mobile-header {
    --tw-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group.toggled .max-xl\:group-\[\.toggled\]\:block {
    display: block;
  }

  .max-xl\:prose-p\:text-base :is(:where(p):not(:where([class~="not-prose"] *))) {
    font-size: 1.125rem;
  }

  .max-xl\:prose-p\:leading-5 :is(:where(p):not(:where([class~="not-prose"] *))) {
    line-height: 1.25rem;
  }

  .max-xl\:prose-p\:leading-5\.5 :is(:where(p):not(:where([class~="not-prose"] *))) {
    line-height: 1.375rem;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-md\:mb-4 {
    margin-bottom: 1rem;
  }

  .max-md\:mt-2 {
    margin-top: 0.5rem;
  }

  .max-md\:mt-5 {
    margin-top: 1.25rem;
  }

  .max-md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-md\:pt-8 {
    padding-top: 2rem;
  }
}

@media (min-width: 320px) {
  .min-\[320px\]\:block {
    display: block;
  }

  .min-\[320px\]\:hidden {
    display: none;
  }
}

@media (min-width: 375px) {
  .sm\:w-auto {
    width: auto;
  }
}

@media (min-width: 480px) {
  .min-\[480px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 601px) {
  @media not all and (min-width: 783px) {
    .admin-bar .wp-sm\:max-wp-md\:admin-bar\:top-11 {
      top: 2.75rem;
    }

    .admin-bar .wp-sm\:max-wp-md\:admin-bar\:top-11\.5 {
      top: 2.875rem;
    }

    .admin-bar .wp-sm\:max-wp-md\:admin-bar\:mt-11 {
      margin-top: 2.75rem;
    }

    .admin-bar .wp-sm\:max-wp-md\:admin-bar\:mt-11\.5 {
      margin-top: 2.875rem;
    }

    .admin-bar .group.toggled .wp-sm\:max-wp-md\:admin-bar\:group-\[\.toggled\]\:before\:top-11\.5::before {
      content: var(--tw-content);
      top: 2.875rem;
    }
  }
}

@media (min-width: 768px) {
  .md\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .md\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:col-start-5 {
    grid-column-start: 5;
  }

  .md\:col-start-6 {
    grid-column-start: 6;
  }

  .md\:col-start-8 {
    grid-column-start: 8;
  }

  .md\:col-start-9 {
    grid-column-start: 9;
  }

  .md\:col-end-13 {
    grid-column-end: 13;
  }

  .md\:col-end-5 {
    grid-column-end: 5;
  }

  .md\:col-end-6 {
    grid-column-end: 6;
  }

  .md\:col-end-7 {
    grid-column-end: 7;
  }

  .md\:col-end-8 {
    grid-column-end: 8;
  }

  .md\:col-end-9 {
    grid-column-end: 9;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .md\:line-clamp-8 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-\[1\.925\] {
    aspect-ratio: 1.925;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-rows-season-tile {
    grid-template-rows: repeat(5, -webkit-min-content);
    grid-template-rows: repeat(5, min-content);
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .md\:border-t-0 {
    border-top-width: 0px;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:text-base {
    font-size: 1.125rem;
  }

  .md\:text-lg {
    font-size: 1.5rem;
  }

  .md\:text-xs {
    font-size: 0.875rem;
  }

  .md\:text-xxl {
    font-size: 2.25rem;
  }

  .md\:text-xxxl {
    font-size: 3rem;
  }

  .md\:leading-12 {
    line-height: 3rem;
  }

  .md\:leading-4 {
    line-height: 1rem;
  }

  .md\:leading-4\.75 {
    line-height: 1.188rem;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:leading-7 {
    line-height: 1.75rem;
  }

  .md\:leading-7\.75 {
    line-height: 1.938rem;
  }

  .md\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .md\:line-clamp-8 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }

  @media not all and (min-width: 1280px) {
    .md\:max-xl\:gap-4 {
      gap: 1rem;
    }
  }

  @media not all and (min-width: 1024px) {
    .md\:max-lg\:block {
      display: block;
    }
  }
}

@media (min-width: 783px) {
  @media not all and (min-width: 1280px) {
    .admin-bar .wp-md\:max-xl\:admin-bar\:top-8 {
      top: 2rem;
    }

    .admin-bar .wp-md\:max-xl\:admin-bar\:mt-8 {
      margin-top: 2rem;
    }

    .admin-bar .group.toggled .wp-md\:max-xl\:admin-bar\:group-\[\.toggled\]\:before\:top-8::before {
      content: var(--tw-content);
      top: 2rem;
    }
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:\!col-end-12 {
    grid-column-end: 12 !important;
  }

  .lg\:col-end-12 {
    grid-column-end: 12;
  }

  .lg\:col-end-6 {
    grid-column-end: 6;
  }

  .lg\:col-end-8 {
    grid-column-end: 8;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:text-base {
    font-size: 1.125rem;
  }

  .lg\:leading-6 {
    line-height: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .xl\:absolute {
    position: absolute;
  }

  .xl\:top-full {
    top: 100%;
  }

  .xl\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:col-start-1 {
    grid-column-start: 1;
  }

  .xl\:col-start-3 {
    grid-column-start: 3;
  }

  .xl\:col-start-8 {
    grid-column-start: 8;
  }

  .xl\:col-end-7 {
    grid-column-end: 7;
  }

  .xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:row-start-1 {
    grid-row-start: 1;
  }

  .xl\:row-start-2 {
    grid-row-start: 2;
  }

  .xl\:\!mb-20 {
    margin-bottom: 5rem !important;
  }

  .xl\:-mt-14 {
    margin-top: -3.5rem;
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:mt-2 {
    margin-top: 0.5rem;
  }

  .xl\:mt-6 {
    margin-top: 1.5rem;
  }

  .xl\:mt-8 {
    margin-top: 2rem;
  }

  .xl\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .xl\:line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .xl\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:inline-grid {
    display: inline-grid;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-14 {
    height: 3.5rem;
  }

  .xl\:h-20 {
    height: 5rem;
  }

  .xl\:max-h-12 {
    max-height: 3rem;
  }

  .xl\:max-h-12\.5 {
    max-height: 3.125rem;
  }

  .xl\:min-h-99 {
    min-height: 24.75rem;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .xl\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:gap-8 {
    gap: 2rem;
  }

  .xl\:border-b {
    border-bottom-width: 1px;
  }

  .xl\:bg-gray-drawer {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  }

  .xl\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .xl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .xl\:pb-4 {
    padding-bottom: 1rem;
  }

  .xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:text-right {
    text-align: right;
  }

  .xl\:text-base {
    font-size: 1.125rem;
  }

  .xl\:text-lg {
    font-size: 1.5rem;
  }

  .xl\:text-xl {
    font-size: 2rem;
  }

  .xl\:text-xs {
    font-size: 0.875rem;
  }

  .xl\:leading-10 {
    line-height: 2.5rem;
  }

  .xl\:leading-10\.5 {
    line-height: 2.625rem;
  }

  .xl\:leading-4 {
    line-height: 1rem;
  }

  .xl\:leading-4\.75 {
    line-height: 1.188rem;
  }

  .xl\:leading-6 {
    line-height: 1.5rem;
  }

  .xl\:text-gray-medium {
    --tw-text-opacity: 1;
    color: rgb(138 138 138 / var(--tw-text-opacity));
  }

  .xl\:text-secondary {
    --tw-text-opacity: 1;
    color: rgb(80 80 80 / var(--tw-text-opacity));
  }

  .xl\:shadow-header {
    --tw-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    --tw-shadow-colored: 0 4px 4px -2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .xl\:line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .xl\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}

.last\:\[\&\>p\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}

.\[\&\>svg\]\:h-3\.5>svg {
  height: 0.875rem;
}

.\[\&\>svg\]\:w-3\.5>svg {
  width: 0.875rem;
}

.\[\&\>svg\]\:fill-current>svg {
  fill: currentColor;
}

.\[\&\>svg_path\]\:fill-current>svg path {
  fill: currentColor;
}

.\[\&_\.standard-show-air-date\]\:mt-2 .standard-show-air-date {
  margin-top: 0.5rem;
}

.\[\&_\.standard-show-air-date\]\:block .standard-show-air-date {
  display: block;
}

.\[\&_\.standard-show-air-date\]\:font-extralight .standard-show-air-date {
  font-weight: 200;
}

.\[\&_\.standard-show-air-date\]\:leading-7 .standard-show-air-date {
  line-height: 1.75rem;
}

.item-box.video .youtube-stillshot {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 154/85;
}