@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); */
.view-experience-teasers.view-display-id-block_1 .view-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #000000; }

.view-experience-teasers.view-display-id-block_1 .view-content > div:not(.slick-list), .view-experience-teasers.view-display-id-block_1 .view-content .slick-slide { margin-left: -1px; padding: 0; width: 100%; }

@media only screen and (max-width: 519px) { .view-experience-teasers.view-display-id-block_1 .view-content > div:not(.slick-list), .view-experience-teasers.view-display-id-block_1 .view-content .slick-slide { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 350px; } }

@media only screen and (min-width: 520px) and (max-width: 767px) { .view-experience-teasers.view-display-id-block_1 .view-content > div:not(.slick-list), .view-experience-teasers.view-display-id-block_1 .view-content .slick-slide { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 600px; } }

@media only screen and (min-width: 768px) { .view-experience-teasers.view-display-id-block_1 .view-content > div:not(.slick-list), .view-experience-teasers.view-display-id-block_1 .view-content .slick-slide { -webkit-flex-basis: 33.3333%; -moz-flex-basis: 33.3333%; flex-basis: 33.3333%; -ms-flex-preferred-size: 33.3333%; width: 400px; } }

@media only screen and (max-width: 519px) { .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper { width: 100%; padding-top: 100%; } }

@media only screen and (min-width: 520px) and (max-width: 1023px) { .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper { width: 100%; padding-top: 146%; }
  .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper .teaser-img img { height: 100%; width: auto; max-width: inherit; }
  .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper .teaser-img picture img { object-fit: cover; }
  .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper .teaser-info .teaser-title { font-size: 32px; } }

@media only screen and (min-width: 1024px) { .view-experience-teasers.view-display-id-block_1 .view-content .teaser-wrapper { width: 100%; padding-top: 100%; } }

.view-experience-teasers.view-display-id-block_2 { padding: 5vh 0 10vh; }

.view-experience-teasers.view-display-id-block_2:before { background-image: url("/themes/custom/tnvacation/img/exp_tear.png"); content: ''; display: block; height: 33px; position: absolute; top: -33px; width: 100%; }

.view-experience-teasers.view-display-id-block_2 .view-content { position: relative; z-index: 2; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev { left: 50px; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev::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; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next { left: auto; right: 50px; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next::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; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev, .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background-color: rgba(255, 255, 255, 0.4); border-radius: 0; color: #000000; display: block; opacity: 1; position: absolute; top: 50%; width: 50px; height: 50px; z-index: 1; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev::before, .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next::before { font-size: 32px; font-size: 2rem; color: #000000; display: inline-block; width: 100%; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev:hover, .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next:hover { background-color: white; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-disabled { opacity: .2; }

.view-experience-teasers.view-display-id-block_2 .slick-slider:hover .slick-prev, .view-experience-teasers.view-display-id-block_2 .slick-slider:hover .slick-next { background-color: rgba(255, 255, 255, 0.8); }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev, .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next { -webkit-transition: background-color 0.3s linear, opacity 0.3s lienar; -moz-transition: background-color 0.3s linear, opacity 0.3s lienar; transition: background-color 0.3s linear, opacity 0.3s lienar; }

@media only screen and (max-width: 519px) { .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-prev, .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-next { display: none; } }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-list { overflow: visible; }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-slide { transition: padding 0.2s linear; }

@media only screen and (max-width: 519px) { .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-slide { height: 130vw; margin: 0 3vw; width: 80vw; } }

@media only screen and (min-width: 520px) and (max-width: 1023px) { .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-slide { height: 80vw; margin: 0 3vw; width: 54vw; } }

@media only screen and (min-width: 1024px) { .view-experience-teasers.view-display-id-block_2 .slick-slider .slick-slide { height: 568px; margin: 0 15px; width: 302px; } }

.view-experience-teasers.view-display-id-block_2 .slick-slider .slick-slide:not(.slick-current) { padding: 1rem 0; }

.view-experience-teasers.view-display-id-block_2 .view-header { padding: 0 0 5vh; text-align: center; }

.view-experience-teasers.view-display-id-block_2 .view-header h3 { font-family: 'Hand-Mocha-Mattari', arial, sans-serif; font-style: normal; font-weight: normal; font-size: 54px; font-size: 3.375rem; line-height: 1; margin: 0 0 1rem; }

.view-experience-teasers.view-display-id-block_2 .view-header p { font-size: 20px; font-size: 1.25rem; margin: 0 auto; max-width: 90%; width: 600px; }

.slick-current .view-experience-teasers.view-display-id-block_2 .view-header p { display: block; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper { height: 100%; }

@media only screen and (max-width: 519px) { .view-experience-teasers.view-display-id-block_2 .teaser-wrapper { width: 100%; padding-top: 100%; } }

@media only screen and (min-width: 520px) and (max-width: 1023px) { .view-experience-teasers.view-display-id-block_2 .teaser-wrapper { width: 100%; padding-top: 146%; }
  .view-experience-teasers.view-display-id-block_2 .teaser-wrapper .teaser-img img { height: 100%; width: auto; max-width: inherit; }
  .view-experience-teasers.view-display-id-block_2 .teaser-wrapper .teaser-img picture img { object-fit: cover; }
  .view-experience-teasers.view-display-id-block_2 .teaser-wrapper .teaser-info .teaser-title { font-size: 32px; } }

@media only screen and (min-width: 1024px) { .view-experience-teasers.view-display-id-block_2 .teaser-wrapper { width: 100%; padding-top: 100%; } }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper .teaser-img img { margin: 0 auto; width: 100%; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper.teaser-type-experience .teaser-info { padding-right: 0; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper.teaser-type-experience .teaser-info .teaser-info-align { bottom: unset; height: 100%; width: 90%; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper.teaser-type-experience .teaser-info .teaser-info-align .field--name-field-exp-teaser-title-image { padding-top: 5rem; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper.teaser-type-experience .teaser-info .teaser-info-align p { bottom: 20%; position: absolute; width: 100%; }

.view-experience-teasers.view-display-id-block_2 .teaser-wrapper.teaser-type-experience .teaser-info .teaser-info-align .button { bottom: 10%; position: absolute; right: 50%; margin-right: -93px; text-align: center; width: 196px; }

.view-experience-teasers.view-display-id-block_2 .view-footer { display: flex; justify-content: space-around; position: relative; }

.view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots { position: relative; }

.view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots li { background: #CDCACA; width: 25px; height: 8px; }

.view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots li.slick-active { background: #949494; }

.view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots li button:before { content: unset; }

.view-experience-teasers.view-display-id-block_2 .view-footer .slick-arrow { display: none !important; }

.view-experience-teasers.view-display-id-block_2 .view-footer .prev { margin-right: 1rem; }

.view-experience-teasers.view-display-id-block_2 .view-footer .prev::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; font-size: 50px; }

.view-experience-teasers.view-display-id-block_2 .view-footer .next { margin-left: 1rem; }

.view-experience-teasers.view-display-id-block_2 .view-footer .next::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; font-size: 50px; }

@media only screen and (min-width: 768px) { .view-experience-teasers.view-display-id-block_2 .view-footer .slick-arrow { background-color: transparent; color: #606361; display: inline-block !important; height: 50px; padding: 0; position: relative; top: 11px; width: 50px; }
  .view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots li { width: 50px; } }

@media (min-width: 1183px) { .view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots { position: relative; }
  .view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots li { width: 94px; }
  .view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots .prev { margin-right: 3rem; }
  .view-experience-teasers.view-display-id-block_2 .view-footer .slick-dot-nav .slick-dots .next { margin-left: 3rem; } }

body.jsa-keyboard-activated .view-experience-teasers .node--view-mode-teaser.teaser-type-experience:focus, body.jsa-keyboard-activated .view-experience-teasers .node--view-mode-slide.teaser-type-experience:focus { outline: none; }

body.jsa-keyboard-activated .view-experience-teasers .node--view-mode-teaser.teaser-type-experience:focus .teaser-info .button, body.jsa-keyboard-activated .view-experience-teasers .node--view-mode-slide.teaser-type-experience:focus .teaser-info .button { outline: 3px auto Highlight; outline: 3px auto -webkit-focus-ring-color; }

.slick-dots li button:hover:after, .slick-dots li button:focus:after { background: #B84B1B; content: ''; display: block; height: 8px; left: 0; position: absolute; top: 0; width: 25px; }

@media (min-width: 768px) { .slick-dots li button:hover:after, .slick-dots li button:focus:after { width: 50px; } }

@media (min-width: 1183px) { .slick-dots li button:hover:after, .slick-dots li button:focus:after { width: 94px; } }

/*# sourceMappingURL=../../maps/libraries/views/experience-teasers.css.map */