@charset "UTF-8";
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.component-video-slider { padding: 3rem 0; position: relative; }

.component-video-slider .field--name-field-video-slider-title { font-family: 'Hand-Mocha-Mattari', arial, sans-serif; font-style: normal; font-weight: normal; font-size: 35px; font-size: 2.1875rem; text-align: center; text-transform: uppercase; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-video-slider-title { font-size: 40px; font-size: 2.5rem; } }

.component-video-slider .field--name-field-description { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 500; font-size: 24px; font-size: 1.5rem; line-height: 1.2; margin: -.5rem 0 2rem; padding: 0 2rem; text-align: center; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-description { font-size: 20px; font-size: 1.25rem; } }

.component-video-slider .field--name-field-videos__wrapper { padding: 0 2.5rem; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-videos__wrapper { padding: 0; } }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos { display: block; margin: 0 auto; width: 100%; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; padding: 0; width: 730px; } }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide { width: 100%; } }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide .component-video-slide--wrapper { position: relative; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide .component-video-slide--wrapper:before { background-color: #000000; content: ''; height: 100%; left: 0; opacity: .4; pointer-events: none; position: absolute; top: 0; transition: opacity 0.3s ease-in-out; width: 100%; z-index: 1; }
  .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide .component-video-slide--wrapper:hover:before { opacity: 0; } }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide:nth-child(1) .component-video-slide--wrapper:before { content: none; }

@media only screen and (min-width: 1024px) { .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide:not(:first-child) { padding-top: 0.25rem; width: calc(33.3% - 0.16rem); }
  .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide:not(:first-child) .component-video-slide { padding: 0; }
  .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide:not(:first-child) .component-video-slide .play-button-overlay::before { width: 36px; font-size: 36px !important; height: 36px !important; } }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide--play-button { width: 100%; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: center; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide--play-button:before { content: ""; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 0 !important; background-color: transparent; font-size: 68px; height: 68px; margin: 0; padding: 0; text-align: center; width: 68px; z-index: 1; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide--play-button:hover:before { background-color: unset; border: unset; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .paragraph-item--video-slide .component-video-slide--play-button .field--name-field-image { height: 100%; width: 100%; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-next, .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-prev { background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 50%; width: 19px; height: 22px; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-next:before, .component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-prev:before { content: none; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-next { background-image: url("/themes/custom/tnvacation/img/kid-reviewed/kr-slider-arrow-right.png"); right: -30px; }

.component-video-slider .field--name-field-videos__wrapper .field--name-field-videos .slick-arrow.slick-prev { background-image: url("/themes/custom/tnvacation/img/kid-reviewed/kr-slider-arrow-left.png"); left: -30px; }

.modal .component-video-slide--video-container.video-full { height: 100%; width: 100%; position: relative; }

.modal .component-video-slide--video-container.video-full .component-video-slide--video-player { height: 100%; width: 100%; }

/*# sourceMappingURL=../../maps/libraries/paragraph/video-slider.css.map */