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); */
.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .eyebrow { 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) { .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .eyebrow { font-size: 12px; font-size: 0.75rem; } }

.node--article-color-treated-feature { display: block; position: relative; }

.node--article-color-treated-feature .color-treated-feature--wrapper { align-items: center; display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: center; margin: 0 auto; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper, .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper { position: relative; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper { color: #FFFFFF; flex-basis: 50%; padding: 4rem 0; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .color-treated-feature--info { max-width: 90%; margin: 0 auto; text-align: center; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .eyebrow { margin-bottom: 8px; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper h3 { font-size: 45px; font-size: 2.8125rem; line-height: 1; margin-bottom: 16px; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper h3 a { color: inherit; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper p { font-size: 18px; font-size: 1.125rem; line-height: 1.4; margin-bottom: 24px; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .footer { width: 100vw; margin-left: -1rem; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .read-more { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_white.png") center repeat-x transparent; background-size: cover; color: #B84B1B !important; letter-spacing: 2px; margin-left: 0; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .read-more::before { background-image: url("/themes/custom/tnvacation/img/btn_white_left.png"); }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .read-more::after { background-image: url("/themes/custom/tnvacation/img/btn_white_right.png"); }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .read-more:hover { color: #1C5064 !important; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button { padding-left: 2rem; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip { background-size: cover; background: url("/themes/custom/tnvacation/img/cta-clear-white.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; min-width: 151px; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip::before { content: none; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip::after { content: none; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip:hover { color: #FFFFFF !important; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip:before, .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .my-trip-button .mytrip:after { content: unset; background-image: none; }

.featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper { color: #000000; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper { flex-basis: 50%; overflow: hidden; width: 100%; }

.node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper img { width: 100%; }

@media (min-width: 1000px) { .section-callout--left-align .node--article-color-treated-feature .color-treated-feature--wrapper { flex-direction: row-reverse; }
  .section-callout--left-align .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-position: top right; background-repeat: no-repeat; background-size: cover; content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 21px; }
  .section-callout--right-align .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-position: top left; background-repeat: no-repeat; background-size: cover; content: ''; height: 100%; position: absolute; left: 0; top: 0; transform: rotate(180deg); width: 21px; }
  .featured-article-color--blue .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-image: url("/themes/custom/tnvacation/img/featured-article-tear-blue.png"); }
  .featured-article-color--grey .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-image: url("/themes/custom/tnvacation/img/featured-article-tear-grey.png"); }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-image: url("/themes/custom/tnvacation/img/featured-article-tear-white.png"); }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .button { background-size: cover; background: url("/themes/custom/tnvacation/img/btn_black.png") center repeat-x transparent; background-size: cover; color: #FFFFFF !important; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .button::before { background-image: url("/themes/custom/tnvacation/img/btn_black_left.png"); }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .button::after { background-image: url("/themes/custom/tnvacation/img/btn_black_right.png"); }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .button:hover { color: #1C5064 !important; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .button:hover { color: #FFFFFF !important; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .my-trip-button .mytrip { background-size: cover; background: url("/themes/custom/tnvacation/img/cta-clear-black.png") center repeat-x transparent; background-size: cover; color: #000000 !important; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .my-trip-button .mytrip::before { content: none; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .my-trip-button .mytrip::after { content: none; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .my-trip-button .mytrip:hover { color: #000000 !important; }
  .featured-article-color--white .node--article-color-treated-feature .color-treated-feature--wrapper .my-trip-button .mytrip.mytrip-remove:hover .mt-label:after { color: #000000; }
  .featured-article-color--orange .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { background-image: url("/themes/custom/tnvacation/img/featured-article-tear-orange.png"); }
  .node--article-color-treated-feature .color-treated-feature--wrapper { flex-direction: row; }
  .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper { padding: 0; }
  .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .footer { margin-left: unset; }
  .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--info--wrapper .color-treated-feature--info { width: 455px; max-width: 90%; text-align: left; } }

@media only screen and (min-width: 1024px) { .node--article-color-treated-feature .color-treated-feature--wrapper h3 { font-size: 55px; font-size: 3.4375rem; } }

@media (min-width: 1440px) { .node--article-color-treated-feature .color-treated-feature--wrapper { height: 578px; overflow: hidden; }
  .node--article-color-treated-feature .color-treated-feature--wrapper .color-treated-feature--image--wrapper:after { height: 578px !important; top: 50% !important; margin-top: -289px; } }

/*# sourceMappingURL=../../maps/libraries/node/color-treated-feature--article.css.map */