/** Maintains aspect ratio Grabbed from: https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin @param  {[type]} $width  [description] @param  {[type]} $height [description] @return {[type]}         [description] */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ""; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.component.featured-content-carousel { display: inline-block; width: 100%; vertical-align: top; overflow: hidden; }

#content .component.featured-content-carousel ul { list-style: none; padding-left: 0; margin: 0; }

#content .component.featured-content-carousel ul li::before { display: none; }

.component.featured-content-carousel .mmg-slider { max-width: 100%; }

.component.featured-content-carousel .mmg-slider .cell { overflow: visible; }

@media (max-width: 699px) { .component.featured-content-carousel .mmg-slider .cell { overflow: hidden; } }

@media (max-width: 699px) { .component.featured-content-carousel .mmg-slider > .flex { flex-direction: column; } }

.component.featured-content-carousel .mmg-slider .slick-slider { position: relative; }

.component.featured-content-carousel .mmg-slider .slick-track { display: flex !important; }

.component.featured-content-carousel .mmg-slider .slick-slide { height: inherit !important; }

.component.featured-content-carousel .mmg-slider .slick-slide > div, .component.featured-content-carousel .mmg-slider .slick-slide > div > *, .component.featured-content-carousel .mmg-slider .slick-slide > div > * .card { height: 100%; }

.component.featured-content-carousel .cards .inner-wrapper { overflow: hidden; display: block; width: 100%; padding: 20px 0 0; }

@media (max-width: 699px) { .component.featured-content-carousel .cards .inner-wrapper { width: 250%; left: 50%; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.component.featured-content-carousel .cards .inner-wrapper .card .cta-button { opacity: 0; transition: opacity 250ms ease; }

.component.featured-content-carousel .cards .inner-wrapper .card > a:active, .component.featured-content-carousel .cards .inner-wrapper .card > a:focus { outline: 1px solid rgba(0, 0, 0, 0.4); }

.component.featured-content-carousel .cards .inner-wrapper .card > a:hover, .component.featured-content-carousel .cards .inner-wrapper .card > a:active, .component.featured-content-carousel .cards .inner-wrapper .card > a:focus { -webkit-transform: translateY(-20px); transform: translateY(-20px); }

.component.featured-content-carousel .cards .inner-wrapper .card > a:hover .cta-button, .component.featured-content-carousel .cards .inner-wrapper .card > a:active .cta-button, .component.featured-content-carousel .cards .inner-wrapper .card > a:focus .cta-button { opacity: 1; }

.component.featured-content-carousel .cards .inner-wrapper .card.even { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.component.featured-content-carousel .cards .inner-wrapper .card.odd { -webkit-transform: translateY(10px); transform: translateY(10px); }

@media (any-hover: none) { .component.featured-content-carousel .cards .inner-wrapper .slick-current .card .cta-button { opacity: 1; } }

.component.featured-content-carousel .node.featured, .component.featured-content-carousel .node.featured:visited { min-width: 280px; max-width: 280px; text-align: left; display: block; flex: 1; margin: 0; padding: 0; transition: all 250ms ease-in-out; }

.component.featured-content-carousel .node.featured .content, .component.featured-content-carousel .node.featured:visited .content { padding: 0; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; }

.component.featured-content-carousel .node.featured figure, .component.featured-content-carousel .node.featured:visited figure { margin-bottom: 18px; }

.component.featured-content-carousel .node.featured hr, .component.featured-content-carousel .node.featured:visited hr { width: 100%; margin-top: 0; }

.component.featured-content-carousel .node.featured .eyebrow, .component.featured-content-carousel .node.featured:visited .eyebrow { font-size: 16px; text-shadow: 1px 1px 1px black, 1px 1px 3px black; }

.component.featured-content-carousel .node.featured .eyebrow:before, .component.featured-content-carousel .node.featured:visited .eyebrow:before { width: 35px; }

.component.featured-content-carousel .omega { width: 100%; }

@media (min-width: 700px) { .component.featured-content-carousel .omega { flex-grow: 1; flex-shrink: 1; } }

.component.featured-content-carousel .alpha { width: calc(100% - (7% * 2)); margin: 0 auto; }

@media (min-width: 700px) { .component.featured-content-carousel .alpha { width: 40%; flex: 1 0 40%; min-width: 300px; max-width: 500px; } }

.component.featured-content-carousel .nav-arrows .arrow-wrap { overflow: visible; }

.component.featured-content-carousel .nav-arrows .nav-counter { padding-left: 20px; }

.component.featured-content-carousel .nav-arrows .css-grid-2 { grid-gap: 10px; grid-template-columns: 40px 40px; grid-template-rows: 40px; }

.component.featured-content-carousel .nav-arrows .slider-arrow { width: 100%; height: 100%; padding: 5px; }

.component.featured-content-carousel .nav-arrows .slider-arrow i { transition: padding 250ms ease-in-out; display: block; font-size: 30px; }

.component.featured-content-carousel .nav-arrows .slider-arrow:hover { width: calc(100% + 8px); }

.component.featured-content-carousel .nav-arrows .slider-arrow:disabled:hover { width: 100%; }

@media (max-width: 699px) { .component.featured-content-carousel .desktop-max-width.right-side, .component.featured-content-carousel .desktop-max-width.left-side { grid-template-areas: "container container container"; } }

@media (min-width: 700px) { .component.featured-content-carousel .desktop-max-width.right-side .cell.alpha { padding-right: 10px; }
  .component.featured-content-carousel .desktop-max-width.right-side .cell.omega { padding-left: 10px; }
  .component.featured-content-carousel .desktop-max-width.left-side .cell.alpha { padding-left: 10px; }
  .component.featured-content-carousel .desktop-max-width.left-side .cell.omega { padding-right: 10px; } }