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-pathway-callout { left: -webkit-calc(-50vw + 50%); left: -moz-calc(-50vw + 50%); left: calc(-50vw + 50%); max-width: none; position: relative; width: 100%; width: 100vw; padding-top: 3.75rem; padding-bottom: 3.75rem; background: #171717; color: #FFFFFF; margin-bottom: 0; margin-top: 0; overflow: hidden; }

@media (min-width: 768px) { .component-pathway-callout { padding-top: 4.85rem; padding-bottom: 4.85rem; } }

.component-pathway-callout .component-pathway-callout__inner { display: flex; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 20px; }

.component-pathway-callout .component-pathway-callout__inner::after { clear: both; content: ""; display: block; }

.component-pathway-callout .component-pathway-callout__inner::after { clear: both; content: ""; display: block; }

.component-pathway-callout .component-pathway-callout__icon { flex: 1 1 25%; display: none; }

@media (min-width: 768px) { .component-pathway-callout .component-pathway-callout__icon { display: block; } }

.component-pathway-callout .component-pathway-callout__content { flex: 1 1 75%; color: #FFFFFF; padding: 0 20px; font-size: 1.3rem; width: 80%; line-height: 2.5rem; display: flex; }

.component-pathway-callout .component-pathway-callout__content .component-pathway-callout__content-inner { align-self: center; }

.component-pathway-callout .component-pathway-callout__content .component-pathway-callout__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; margin-left: 0; }

.component-pathway-callout .component-pathway-callout__content .component-pathway-callout__button::before { content: none; }

.component-pathway-callout .component-pathway-callout__content .component-pathway-callout__button::after { content: none; }

.component-pathway-callout .component-pathway-callout__content .component-pathway-callout__button:hover { color: #000000 !important; }

.component-pathway-callout .component-pathway-callout__header h2 { color: #FFFFFF; font-size: 2.5rem; margin-bottom: 0; }

/*# sourceMappingURL=../../maps/libraries/paragraph/pathway-callout.css.map */