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); */
.section.intro { font-size: 18px; font-size: 1.125rem; background: url("/themes/custom/tnvacation/img/texture-light.png") no-repeat top left; line-height: 1.8; overflow: hidden; position: relative; }

.section.intro ol { list-style-type: decimal; }

.section.intro ul { list-style-type: disc; }

.section.intro ul, .section.intro ol { padding-left: 1em; margin-bottom: 1.8em; }

.section.intro ul li, .section.intro ol li { line-height: 1.2; margin-bottom: .75em; }

.section.intro hr { position: relative; border-bottom: 0; border-left: 0; border-right: 0; border-top: 0; padding-bottom: 60px; }

.section.intro hr::after { background: url("/themes/custom/tnvacation/img/hr-large.png") no-repeat center; content: ''; display: block; height: 18px; left: 50%; position: absolute; transform: translateX(-50%); width: 100%; top: 0; }

.section.intro hr.small { position: relative; margin-bottom: 30px; padding-bottom: 16px; }

.section.intro hr.small::after { background: url("/themes/custom/tnvacation/img/hr-small.png") no-repeat center; content: ''; display: block; height: 7px; position: absolute; width: 30px; top: 100%; left: 50%; transform: translateX(-50%); }

.section.intro .button { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_orange.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; }

.section.intro .button::before { background-image: url("/themes/custom/tnvacation/img/btn_orange_left.png"); }

.section.intro .button::after { background-image: url("/themes/custom/tnvacation/img/btn_orange_right.png"); }

.section.intro .button:hover { color: #000000 !important; }

.reverse-landing .section.intro .button { background-size: cover; background: url("/themes/custom/tnvacation/img/tn-music-pathways/new-tmp-cta-red.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; }

.reverse-landing .section.intro .button::before { content: none; }

.reverse-landing .section.intro .button::after { content: none; }

.reverse-landing .section.intro .button:hover { color: #000000 !important; }

.section.intro h1 { font-size: 48px; font-size: 3rem; margin-top: .44em; }

.section.intro h2 { font-size: 36px; font-size: 2.25rem; margin-top: .44em; }

.section.intro h3 { font-size: 24px; font-size: 1.5rem; margin-top: .44em; }

.section.intro h4 { font-size: 18px; font-size: 1.125rem; margin-top: .44em; }

.section.intro h5 { font-size: 14px; font-size: 0.875rem; margin-top: .44em; }

.section.intro p { font-size: 18px; font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.8em; }

@media only screen and (min-width: 1024px) { .section.intro p { font-size: 20px; font-size: 1.25rem; } }

.section.intro p.intro-text { font-size: 21px; font-size: 1.3125rem; line-height: 1.6; margin: 0 auto 1.6em; max-width: 740px; }

@media only screen and (min-width: 1024px) { .section.intro p.intro-text { font-size: 24px; font-size: 1.5rem; } }

.section.intro p .button.orange a { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; transition: color 0.2s linear; color: #FFFFFF; }

.section.intro p .button.orange a:hover { color: #000000; }

.section.intro p a { color: #B84B1B; font-weight: 700; }

@media only screen and (min-width: 1024px) { .section.intro { font-size: 20px; font-size: 1.25rem; } }

.section.intro .outer-wrapper { max-width: 900px; padding-top: 15vh; padding-bottom: 20vh; }

@media only screen and (max-width: 948px) { .section.intro .outer-wrapper { padding-left: 24px; padding-right: 24px; } }

.section.intro .outer-wrapper:empty { padding-top: 0; }

.section.intro .intro-bg { left: 0; position: absolute; top: 0; z-index: 1; }

.section.intro .intro-overlay { position: relative; z-index: 2; }

.section.intro .intro-title { font-family: 'Hand-Mocha-Mattari', arial, sans-serif; font-style: normal; font-weight: normal; position: relative; margin-bottom: 30px; padding-bottom: 16px; font-size: 54px; font-size: 3.375rem; line-height: 1; }

.section.intro .intro-title::after { background: url("/themes/custom/tnvacation/img/hr-small.png") no-repeat center; content: ''; display: block; height: 7px; position: absolute; width: 30px; top: 100%; left: 0; }

.section.intro .intro-cta p { margin-bottom: 12px; }

.section.intro .intro-cta .button { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_orange.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; margin-bottom: 24px; }

.section.intro .intro-cta .button::before { background-image: url("/themes/custom/tnvacation/img/btn_orange_left.png"); }

.section.intro .intro-cta .button::after { background-image: url("/themes/custom/tnvacation/img/btn_orange_right.png"); }

.section.intro .intro-cta .button:hover { color: #000000 !important; }

.page-node-type-partner .section.intro { text-align: center; }

.page-node-type-partner .section.intro .my-trip-button .mytrip { background-size: cover; background: url("/themes/custom/tnvacation/img/cta-clear-orange.png") center repeat-x transparent; background-size: cover; color: #B84B1B !important; }

.page-node-type-partner .section.intro .my-trip-button .mytrip::before { content: none; }

.page-node-type-partner .section.intro .my-trip-button .mytrip::after { content: none; }

.page-node-type-partner .section.intro .my-trip-button .mytrip:hover { color: #000000 !important; }

.page-node-type-partner .section.intro .my-trip-button .mytrip.mytrip-remove:hover .mt-label:after { color: #B84B1B; }

.page-node-type-partner .section.intro .content-reveal-toggle { color: #333333; width: 100%; }

.page-node-type-partner .section.intro .intro-cta { margin-top: 3rem; }

@media (min-width: 768px) { .page-node-type-partner .section.intro .intro-cta { display: flex; justify-content: space-between; max-width: 355px; margin: 3rem auto 0; } }

.page-node-type-partner .section.intro .outer-wrapper { padding-bottom: 8vh; padding-top: 8vh; }

.feat-vid .section.intro { overflow: unset; }

.feat-vid .section.intro .featured-video-wrap { margin: -15vh auto 8vh; max-width: 95%; width: 350px; padding: 20px; background: #FFFFFF; box-shadow: 0 3px 30px -2px rgba(0, 0, 0, 0.5); }

.feat-vid .section.intro .featured-video-wrap .play-button-overlay { display: flex; }

.feat-vid .section.intro .featured-video-wrap .play-button-overlay img { width: 100%; max-width: 310px; }

@media (min-width: 768px) { .feat-vid .section.intro .featured-video-wrap .play-button-overlay img { max-width: 640px; } }

@media (min-width: 768px) { .feat-vid .section.intro .featured-video-wrap { margin: -15vh auto 5vh; width: 680px; } }

/*# sourceMappingURL=../../maps/libraries/tnv/intro.css.map */
