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-accordion:after { padding: 4.125rem 0; }

.component-accordion .component-accordion__title { display: flex; align-content: center; justify-content: center; max-width: 700px; width: 100%; margin: 0 auto; padding: 4.125rem 0 1rem; }

.component-accordion .component-accordion__title .field--name-field-accordion-title { font-family: 'Hand-Mocha-Mattari', arial, sans-serif; font-style: normal; font-weight: normal; font-size: 40px; font-size: 2.5rem; align-items: center; display: flex; flex-direction: row; justify-content: center; line-height: .9; color: #472632; text-align: center; text-transform: uppercase; margin: 0; position: relative; }

.component-accordion .component-accordion__title .field--name-field-accordion-title:before, .component-accordion .component-accordion__title .field--name-field-accordion-title:after { content: none; }

@media only screen and (min-width: 768px) { .component-accordion .component-accordion__title .field--name-field-accordion-title::before { content: url("/themes/custom/tnvacation/img/accordion-star-plum.png"); position: relative; left: -1rem; }
  .component-accordion .component-accordion__title .field--name-field-accordion-title::after { content: url("/themes/custom/tnvacation/img/accordion-star-plum.png"); position: relative; right: -1rem; } }

.component-accordion .field--name-field-accordion-subtitle { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 500; font-size: 20px; font-size: 1.25rem; max-width: 700px; width: 100%; margin: 0 auto; padding: 0 0 4.125rem; text-align: center; }

.component-accordion .field--name-field-accordion-subtitle p:nth-last-of-type(1) { margin: 0; }

.component-accordion .component-accordion-item__title-wrapper { cursor: pointer; position: relative; display: flex; }

.component-accordion .component-accordion-item__title-wrapper:before { content: ''; top: 0; left: 0; right: 0; height: 3px; width: 100%; position: absolute; background-color: #F2F2F2; mix-blend-mode: multiply; pointer-events: none; }

.component-accordion .component-accordion-item__title-wrapper .component-accordion-item__title { font-size: 30px; font-size: 1.875rem; font-family: 'Hand-Mocha-Mattari', arial, sans-serif; font-style: normal; font-weight: normal; color: #472632; display: inline-block; line-height: 1; max-width: 750px; margin: 0 auto; padding: 1.8rem 1rem 1.8rem 3rem; position: relative; text-align: left; text-transform: uppercase; }

@media only screen and (min-width: 768px) { .component-accordion .component-accordion-item__title-wrapper .component-accordion-item__title { padding: 1.8rem 0; text-align: center; } }

.component-accordion .component-accordion-item__title-wrapper .component-accordion-item__title:before { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 9px 0; border-color: #979797 transparent transparent; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); }

@media only screen and (min-width: 768px) { .component-accordion .component-accordion-item__title-wrapper .component-accordion-item__title:before { left: -2rem; } }

.component-accordion .component-accordion-item__title-wrapper[aria-selected='true'] .component-accordion-item__title:before { transform: rotate(180deg); top: calc(50% - 4px); }

.component-accordion .component-accordion-item__content-wrapper { position: relative; }

.component-accordion .component-accordion-item__content-wrapper:after { content: ''; top: 0; left: 0; right: 0; height: 100%; width: 100%; position: absolute; background-color: #F2F2F2; mix-blend-mode: multiply; pointer-events: none; z-index: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .component-accordion .component-accordion-item__content-wrapper { background-color: #F2F2F2; }
  .component-accordion .component-accordion-item__content-wrapper:after { content: none; } }

@supports (-ms-ime-align: auto) { .component-accordion .component-accordion-item__content-wrapper { background-color: #F2F2F2; }
  .component-accordion .component-accordion-item__content-wrapper:after { content: none; } }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 500; font-size: 20px; font-size: 1.25rem; color: #424242; width: 100%; line-height: 1.2; max-width: 750px; margin: 0 auto; padding: 1rem; text-align: left; }

@media only screen and (min-width: 768px) { .component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content { padding: 3rem 0; } }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content a { font-weight: bold; color: #424242; text-decoration: underline; }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content a:hover { cursor: pointer; }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content p:nth-last-of-type(1) { margin: 0; }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content .social-links-wrapper { display: flex; justify-content: center; align-content: center; flex-direction: row; padding: 2rem 0 0; }

.component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content .social-links-wrapper a { padding: 0 .5rem; }

@media only screen and (min-width: 768px) { .component-accordion .component-accordion-item__content-wrapper .component-accordion-item__content .social-links-wrapper a { padding: 0 2rem; } }

.component-accordion .component-accordion-item__content-wrapper[aria-hidden='false'] .component-accordion-item__content { animation: fadein .2s ease-in-out; }

.component-accordion .paragraph-item--accordion-item:nth-last-of-type(1) .component-accordion-item__title-wrapper:after { content: ''; bottom: 0; left: 0; right: 0; height: 3px; width: 100%; position: absolute; background-color: #EBEBEB; mix-blend-mode: multiply; pointer-events: none; }

.component-accordion .component-accordion-item.songwriters-week-sign-ups-full .component-accordion-item__title-wrapper .component-accordion-item__title { color: #979797; }

.kb-lp-accordion-wrapper { background-color: #FFFFFF; padding: 4.5rem 0 6rem; position: relative; }

.kb-lp-accordion-wrapper .component-accordion__title { display: flex; align-content: center; justify-content: center; max-width: 700px; width: 100%; margin: 0 auto; padding-bottom: 2rem; }

.kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title { font-family: 'Knockout 69 A', 'Knockout 69 B', arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; text-transform: none; font-size: 32px; font-size: 2rem; line-height: .9; color: #363636; text-align: center; text-transform: uppercase; margin: 0; position: relative; }

.kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::before, .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::after { content: none; }

@media only screen and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title { font-size: 45px; font-size: 2.8125rem; }
  .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::before, .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::after { content: ''; height: 42px; position: absolute; width: 80px; top: calc(50% - 1px); } }

@media only screen and (min-width: 768px) and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::before, .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::after { display: inline-block; } }

@media only screen and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::before { background-image: url("/modules/custom/tnv_campaign/img/ken-burns/left-hand-pointing-right.png"); background-repeat: no-repeat; left: -5rem; transform: translateY(-50%) rotate(90deg); }
  .kb-lp-accordion-wrapper .component-accordion__title .field--name-field-accordion-title::after { background-image: url("/modules/custom/tnv_campaign/img/ken-burns/right-hand-pointing-left.png"); background-repeat: no-repeat; right: -5rem; transform: translateY(-50%) rotate(-90deg); } }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper { position: relative; cursor: pointer; }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper:before { content: ''; top: 0; left: 0; right: 0; height: 3px; width: 100%; position: absolute; background-color: #EBEBEB; mix-blend-mode: multiply; pointer-events: none; }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper .component-accordion-item__title { font-size: 30px; font-size: 1.875rem; font-family: 'Knockout 69 A', 'Knockout 69 B', arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; text-transform: none; color: #6B6B6B; display: block; width: 100%; line-height: 1; max-width: 700px; margin: 0 auto; padding: 1.8rem 1rem 1.8rem 4rem; position: relative; text-align: left; text-transform: uppercase; }

@media only screen and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion-item__title-wrapper .component-accordion-item__title { padding: 1.8rem 0; } }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper .component-accordion-item__title:before { content: none; }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper .component-accordion-item__title:after { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; left: 1rem; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 14px 15px; border-color: transparent transparent #B8261B; top: calc(50% - 1px); transform: translateY(-50%); }

@media only screen and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion-item__title-wrapper .component-accordion-item__title:after { left: -3rem; } }

.kb-lp-accordion-wrapper .component-accordion-item__title-wrapper[aria-selected='true'] .component-accordion-item__title:after { transform: rotate(180deg); top: calc(50% - 7px); }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper { position: relative; }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper:after { content: ''; top: 0; left: 0; right: 0; height: 100%; width: 100%; position: absolute; background-color: #EBEBEB; mix-blend-mode: multiply; pointer-events: none; z-index: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .kb-lp-accordion-wrapper .component-accordion-item__content-wrapper { background-color: #EBEBEB; background-image: url("/modules/custom/tnv_campaign/img/ken-burns/bg_kb-red-grit-opacity-80.png"); background-repeat: repeat; background-position: top center; }
  .kb-lp-accordion-wrapper .component-accordion-item__content-wrapper:after { content: none; } }

@supports (-ms-ime-align: auto) { .kb-lp-accordion-wrapper .component-accordion-item__content-wrapper { background-color: #EBEBEB; background-image: url("/modules/custom/tnv_campaign/img/ken-burns/bg_kb-red-grit-opacity-80.png"); background-repeat: repeat; background-position: top center; }
  .kb-lp-accordion-wrapper .component-accordion-item__content-wrapper:after { content: none; } }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper .component-accordion-item__content { font-family: 'Knockout 69 A', 'Knockout 69 B', arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; text-transform: none; font-size: 20px; font-size: 1.25rem; color: #363636; width: 100%; line-height: 1.2; max-width: 700px; margin: 0 auto; padding: 1rem; text-align: left; }

@media only screen and (min-width: 768px) { .kb-lp-accordion-wrapper .component-accordion-item__content-wrapper .component-accordion-item__content { padding: 2rem 0; } }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper .component-accordion-item__content a { text-decoration: underline; }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper .component-accordion-item__content a:hover { cursor: pointer; }

.kb-lp-accordion-wrapper .component-accordion-item__content-wrapper[aria-hidden='false'] .component-accordion-item__content { animation: fadein .2s ease-in-out; }

.kb-lp-accordion-wrapper .paragraph-item--accordion-item:nth-last-of-type(1) .component-accordion-item__title-wrapper:after { content: ''; bottom: 0; left: 0; right: 0; height: 3px; width: 100%; position: absolute; background-color: #EBEBEB; mix-blend-mode: multiply; pointer-events: none; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/accordion.css.map */
