@charset "UTF-8";
/* Gradients */
/* uses gradient ($morning-crop-1 or $day-crop-1) for header backgrounds */
/* Mixin for box sizing */
/* Clearfix helper
/* @requires {mixin} clearfix */
/* Mixin to size elements.
/* @param {Number} $width           - Width
/* @param {Number} $height [$width] - Height */
/* Accessibility hiding helper.
/* @param {Bool} $extend [true] - Whether or not extend a placeholder.
/* @requires {mixin} size */
/* Accessibility hiding helper.
/* @requires {mixin} visually-hidden */
/* Truncate Text
/* @required - specify your boundry with a max width value */
/* Position (vert, hor, center) */
/* Text Alignment Left, Right, Center */
/* Aspect Ratio */
/* Mixin to round corners */
/* Adjust the leading to a new multiple of the baseline */
/* Calculate the number of baselines required to accomodate a
/* given pixel-based font size. */
/* 16. Remove the unit of a length
/* =========================================== */
/*
/* Calculate Rem
/* */
/*
/* Margin
/*
/* calculates margin in 'rem' with 'px' fallback.
/* with the option to set direction, e.g., 'margin-top'
/* */
/*
/* Padding
/*
/* calculates padding in 'rem' with 'px' fallback.
/* with the option to set direction, e.g., 'padding-top'
/* */
/*
/* Size Rem
/*
/* calculates size (width & height) in 'rem'
/* with 'px' fallback.
/* */
/*
/* Width Rem
/*
/* calculates width in 'rem' with 'px' fallback.
/* */
/*
/* Height Rem
/*
/* calculates height in 'rem' with 'px' fallback.
/* */
/* Removes space from above text to make it flush at the top (not 100% reliable) */
/*Normal Focus No Circle */
/* Accessibility: hide/undo item from screen reader */
.videoAssetViewer .video-youtube__wrapper div,
.videoAssetViewer .video-youtube__wrapper span,
.videoAssetViewer .video-youtube__wrapper button {
  outline: none;
  outline: -webkit-focus-ring-color none 0;
}

.videoAssetViewer .video-youtube__wrapper .video-js.vjs-youtube {
  padding-top: 56.25%;
}

.videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button {
  background-color: #0057ae;
  border-radius: 100%;
  border: 0 none transparent;
  cursor: pointer;
  display: block;
  height: 56px;
  margin-left: -calc(28px);
  margin-top: -calc(28px);
  outline-style: none;
  transition: all 250ms ease;
  width: 56px;
  z-index: 999;
}
@media screen and (min-width: 62em) {
  .videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button {
    width: 112px;
    height: 112px;
    margin-top: -56px;
    margin-left: -56px;
  }
}
.videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button:focus {
  background-color: #022043 !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0057ae;
}

.videoAssetViewer .video-youtube__wrapper .video-js.vjs-playing .vjs-big-play-button {
  display: none;
}

.videoAssetViewer .video-youtube__wrapper .video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

#vjs_video_3_youtube_api {
  z-index: 0;
}

.videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-35%, -50%);
  height: 17.2px;
  width: 15.5px;
}
.videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.6px 0 8.6px 15.5px;
  border-color: transparent transparent transparent #ffffff;
}
@media screen and (min-width: 62em) {
  .videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder {
    height: 34px;
    width: 31px;
  }
  .videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    border-width: 17px 0 17px 31px;
    height: 0;
    width: 0;
  }
}

.videoAssetViewer .video-youtube__wrapper .video-js:hover .vjs-big-play-button {
  background-color: #022043;
  transition: all 250ms ease;
}

.videoAssetViewer .video-youtube__wrapper .video-js:active,
.videoAssetViewer .video-youtube__wrapper .video-js:hover,
.videoAssetViewer .video-youtube__wrapper .video-js:focus,
.videoAssetViewer .video-youtube__wrapper .video-js .vjs-poster:active {
  outline-style: none;
}

.videoAssetViewer .video-youtube__wrapper .video-js:hover .vjs-big-play-button:hover {
  background-color: #022043;
  transition: all 250ms ease;
}

.videoAssetViewer .video-youtube__wrapper .video-js .vjs-control:focus {
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
}

.videoAssetViewer .video-youtube__wrapper .video-js .vjs-slider:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0), 0 0 0 4px rgba(27, 127, 204, 0.8);
}

.videoAssetViewer .video-youtube__wrapper .video-js .vjs-control-bar {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

.videoAssetViewer .video-youtube__wrapper .vjs-poster {
  pointer-events: none;
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .videoAssetViewer .video-youtube__wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    top: 0;
  }
  .video-youtube__wrapper .vjs-icon-pause::before,
  .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
    content: "▐▐";
    font-size: 14px;
    top: 3px;
  }
  .video-youtube__wrapper .vjs-icon-play::before,
  .video-js .vjs-big-play-button .vjs-icon-placeholder::before,
  .video-js .vjs-play-control .vjs-icon-placeholder::before {
    content: "►";
    top: 4px;
    font-size: 12px;
  }
  .video-youtube__wrapper .vjs-icon-volume-high:before,
  .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "🔊";
  }
}
/* Gradients */
/* uses gradient ($morning-crop-1 or $day-crop-1) for header backgrounds */
/* Mixin for box sizing */
/* Clearfix helper
/* @requires {mixin} clearfix */
/* Mixin to size elements.
/* @param {Number} $width           - Width
/* @param {Number} $height [$width] - Height */
/* Accessibility hiding helper.
/* @param {Bool} $extend [true] - Whether or not extend a placeholder.
/* @requires {mixin} size */
/* Accessibility hiding helper.
/* @requires {mixin} visually-hidden */
/* Truncate Text
/* @required - specify your boundry with a max width value */
/* Position (vert, hor, center) */
/* Text Alignment Left, Right, Center */
/* Aspect Ratio */
/* Mixin to round corners */
/* Adjust the leading to a new multiple of the baseline */
/* Calculate the number of baselines required to accomodate a
/* given pixel-based font size. */
/* 16. Remove the unit of a length
/* =========================================== */
/*
/* Calculate Rem
/* */
/*
/* Margin
/*
/* calculates margin in 'rem' with 'px' fallback.
/* with the option to set direction, e.g., 'margin-top'
/* */
/*
/* Padding
/*
/* calculates padding in 'rem' with 'px' fallback.
/* with the option to set direction, e.g., 'padding-top'
/* */
/*
/* Size Rem
/*
/* calculates size (width & height) in 'rem'
/* with 'px' fallback.
/* */
/*
/* Width Rem
/*
/* calculates width in 'rem' with 'px' fallback.
/* */
/*
/* Height Rem
/*
/* calculates height in 'rem' with 'px' fallback.
/* */
/* Removes space from above text to make it flush at the top (not 100% reliable) */
/*Normal Focus No Circle */
/* Accessibility: hide/undo item from screen reader */
.ytPosterWrapper .ytPoster {
  height: 100%;
  min-height: 250px;
  width: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .ytPosterWrapper .ytPoster {
    min-height: 432px;
  }
}
@media screen and (min-width: 992px) {
  .ytPosterWrapper .ytPoster {
    min-height: 355px;
  }
}
@media screen and (min-width: 1200px) {
  .ytPosterWrapper .ytPoster {
    min-height: 472px;
  }
}
@media screen and (min-width: 1500px) {
  .ytPosterWrapper .ytPoster {
    min-height: 641px;
  }
}
@media screen and (min-width: 1920px) {
  .ytPosterWrapper .ytPoster {
    min-height: 869px;
  }
}
.ytPosterWrapper .ytPoster .ytButton {
  background-color: #0875e1;
  border-radius: 100%;
  border: 0 none transparent;
  cursor: pointer;
  display: block;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  outline-style: none;
  transition: all 250ms ease;
  width: 56px;
  z-index: 9999;
  top: 50%;
  left: 50%;
  pointer-events: auto;
}
