@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); */
.paragraph--type-article-itinerary .map-toggle, .itinerary-content .itinerary-stop-number { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 700; font-size: 10px; font-size: 0.625rem; letter-spacing: 3px; margin-bottom: 3px; text-transform: uppercase; }

@media only screen and (min-width: 1024px) { .paragraph--type-article-itinerary .map-toggle, .itinerary-content .itinerary-stop-number { font-size: 12px; font-size: 0.75rem; } }

.post-date + .paragraph--type-article-itinerary { margin-top: 50px; }

.paragraph--type-article-itinerary { background-color: #EBE9E6; padding-bottom: 1px; position: relative; }

.paragraph--type-article-itinerary:after { background: url("../img/bg_v_line.png") repeat-y center; content: ''; display: block; height: 100%; left: 27px; position: absolute; top: 0; width: 4px; z-index: 2; }

@media only screen and (min-width: 1248px) { .paragraph--type-article-itinerary:after { left: calc(33vw - 298px); } }

@media only screen and (min-width: 1024px) and (max-width: 1247px) { .paragraph--type-article-itinerary:after { left: 119px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .paragraph--type-article-itinerary:after { left: 104px; } }

.paragraph--type-article-itinerary .map-toggle { font-size: 10px; font-size: 0.625rem; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; background-color: rgba(49, 80, 52, 0.8); color: #FFFFFF; cursor: pointer; left: auto; letter-spacing: 2px; padding: 8px 12px; position: absolute; right: 0; top: 0; text-align: center; z-index: 5; }

.paragraph--type-article-itinerary .map-toggle: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: 24px; font-size: 1.5rem; display: block; margin-bottom: 3px; }

.itinerary-map-active .paragraph--type-article-itinerary .map-toggle:before { content: '\e90d'; }

.paragraph--type-article-itinerary .map-toggle.fixed { position: fixed; }

.scroll-up .paragraph--type-article-itinerary .map-toggle.fixed { transform: translateY(96px); }

.modal-active .paragraph--type-article-itinerary .map-toggle.fixed { z-index: 1; }

.paragraph--type-article-itinerary .map-toggle.bottom { bottom: 0; position: absolute; top: auto; }

@media only screen and (min-width: 1024px) { .paragraph--type-article-itinerary .map-toggle { display: none; } }

.paragraph--type-article-itinerary .active-marker { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; background: url("../img/itinerary_pin_active.png") repeat-y center; display: block; height: 34px; left: 16px; position: absolute; top: 2px; transform: translateY(0); width: 28px; z-index: 3; }

.paragraph--type-article-itinerary .active-marker.fixed { position: fixed; top: calc(23% - 17px); }

@media only screen and (min-width: 1248px) { .paragraph--type-article-itinerary .active-marker { left: calc(33vw - 309px); } }

@media only screen and (min-width: 1024px) and (max-width: 1247px) { .paragraph--type-article-itinerary .active-marker { left: 108px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .paragraph--type-article-itinerary .active-marker { left: 92px; } }

.paragraph--type-article-itinerary .itinerary-map { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; background-color: #201E1B; height: 100vh; left: auto; position: absolute; right: 0; top: 0; transform: translateX(100%); width: 100vw; z-index: 4; }

.paragraph--type-article-itinerary .itinerary-map.fixed { position: fixed; }

.paragraph--type-article-itinerary .itinerary-map.bottom { bottom: 0; position: absolute; top: auto; }

.itinerary-map-active .paragraph--type-article-itinerary .itinerary-map { transform: translateX(0); }

@media only screen and (min-width: 1024px) { .paragraph--type-article-itinerary .itinerary-map { left: 66vw; right: auto; transform: translateX(0); width: 34vw; z-index: 0; } }

.paragraph--type-article-itinerary .itinerary-img .slick-prev { left: 50px; }

.paragraph--type-article-itinerary .itinerary-img .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; }

.paragraph--type-article-itinerary .itinerary-img .slick-next { left: auto; right: 50px; }

.paragraph--type-article-itinerary .itinerary-img .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; }

.paragraph--type-article-itinerary .itinerary-img .slick-prev, .paragraph--type-article-itinerary .itinerary-img .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; }

.paragraph--type-article-itinerary .itinerary-img .slick-prev::before, .paragraph--type-article-itinerary .itinerary-img .slick-next::before { font-size: 32px; font-size: 2rem; color: #000000; display: inline-block; width: 100%; }

.paragraph--type-article-itinerary .itinerary-img .slick-prev:hover, .paragraph--type-article-itinerary .itinerary-img .slick-next:hover { background-color: white; }

.paragraph--type-article-itinerary .itinerary-img .slick-disabled { opacity: .2; }

.paragraph--type-article-itinerary .itinerary-img:hover .slick-prev, .paragraph--type-article-itinerary .itinerary-img:hover .slick-next { background-color: rgba(255, 255, 255, 0.8); }

.paragraph--type-article-itinerary .itinerary-img .slick-prev, .paragraph--type-article-itinerary .itinerary-img .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) { .paragraph--type-article-itinerary .itinerary-img .slick-prev, .paragraph--type-article-itinerary .itinerary-img .slick-next { display: none; } }

.paragraph--type-article-itinerary .itinerary-img::after { clear: both; content: ""; display: block; }

.paragraph--type-article-itinerary .amp-carousel { position: relative; display: block; }

.paragraph--type-article-itinerary .photo-credit { color: #FFFFFF; position: absolute; text-shadow: 0 0 10px #000000; font-style: italic; bottom: 15px; left: 20px; }

.node--type-article.node--view-mode-full .paragraph--type-article-itinerary .paragraph { margin-left: 0; margin-right: 0; width: 100vw; }

@media only screen and (min-width: 1024px) { .node--type-article.node--view-mode-full .paragraph--type-article-itinerary .paragraph { width: 66vw; } }

.paragraph--type-article-itinerary .paragraph--type-itinerary-header .itinerary-img { position: relative; z-index: 3; }

.paragraph--type-article-itinerary .paragraph--type-itinerary-header .itinerary-img img { width: 100%; }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img { margin: 0 auto; padding: 0 24px; position: relative; width: 100%; z-index: 3; }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img img { border: 8px solid #FFFFFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img .slick-list { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img .slick-list .itinerary-img-item { position: relative; }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img .slick-list .slick-current { z-index: 1; }

@media only screen and (min-width: 768px) { .paragraph--type-article-itinerary .paragraph--type-itinerary-stop .itinerary-img { max-width: 916px; padding: 0 108px; } }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop-full-width .itinerary-img { position: relative; width: 100vw; z-index: 1; }

.paragraph--type-article-itinerary .paragraph--type-itinerary-stop-full-width .itinerary-img img { width: 100%; }

.paragraph--type-article-itinerary .play-button-overlay { float: left; height: 100%; text-align: center; width: 100%; }

.paragraph--type-article-itinerary .itinerary-stop-video-title { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal; }

.paragraph--type-article-itinerary .itinerary-stop.modal-active-current { z-index: 1; }

.itinerary-content { margin: 4vh auto 12vh; padding: 0 24px 0 60px; width: 100%; }

.itinerary-content ol { list-style-type: decimal; }

.itinerary-content ul { list-style-type: disc; }

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

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

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

.itinerary-content 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; }

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

.itinerary-content 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%); }

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

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

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

.itinerary-content .button:hover { color: #000000 !important; }

.reverse-landing .itinerary-content .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 .itinerary-content .button::before { content: none; }

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

.reverse-landing .itinerary-content .button:hover { color: #000000 !important; }

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

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

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

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

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

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

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

.itinerary-content 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) { .itinerary-content p.intro-text { font-size: 24px; font-size: 1.5rem; } }

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

.itinerary-content p .button.orange a:hover { color: #000000; }

.itinerary-content p a { color: #B84B1B; font-weight: 700; }

@media only screen and (min-width: 1248px) { .itinerary-content { max-width: 712px; padding: 0 136px; } }

@media only screen and (min-width: 768px) and (max-width: 1247px) { .itinerary-content { padding: 0 148px; } }

.itinerary-content h2 { line-height: 1; margin-top: .15em; margin-bottom: .25em; position: relative; }

.itinerary-content h2:before { background: url("../img/ui-dot.png") no-repeat 0 0; content: ''; height: 8px; left: -34px; position: absolute; top: 12px; width: 8px; }

@media only screen and (min-width: 1248px) { .itinerary-content h2:before { left: -80px; } }

@media only screen and (min-width: 1024px) and (max-width: 1247px) { .itinerary-content h2:before { left: -30px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .itinerary-content h2:before { left: -45px; } }

.itinerary-content h2:nth-of-type(2) { display: none; }

.itinerary-content .itinerary-stop-number { color: #796B54; letter-spacing: 2px; }

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

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

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

.itinerary-content .button:hover { color: #000000 !important; }

.itinerary-actions .button + .button, .itinerary-actions .button + .my-trip-button { margin-left: 1em; }

@media only screen and (max-width: 519px) { .itinerary-actions .button + .my-trip-button { display: block; margin-left: 0; } }

.itinerary-actions > .button:last-of-type { display: none; }

/*# sourceMappingURL=maps/tn_vacation_itinerary.css.map */