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-kr-reviews { background-position: top center; background-repeat: repeat; background-image: url("/themes/custom/tnvacation/img/kid-reviewed/bg-dk-blue-illustration.jpg"); align-items: center; display: flex; flex-direction: column; position: relative; width: 100%; z-index: 2; }

.component-kr-reviews:before { background-image: url("/themes/custom/tnvacation/img/kid-reviewed/acidedge-kr-dk-blue.png"); content: ''; pointer-events: none; position: absolute; top: -40px; left: 0; height: 40px; width: 100%; z-index: 1; }

.component-kr-reviews:after { background-image: url("/themes/custom/tnvacation/img/kid-reviewed/acidedge-kr-dk-blue.png"); content: ''; pointer-events: none; position: absolute; bottom: -40px; left: 0; height: 40px; width: 100%; transform: rotate(180deg); z-index: 1; }

.component-kr-reviews .component-kr-reviews__container { align-items: center; display: flex; flex-direction: column; color: #EFEAD8; max-width: 1200px; padding: 2rem 0 3rem; position: relative; width: 100%; }

.component-kr-reviews .component-kr-reviews__container .field--name-field-kr-reviews-title { font-family: 'TN-Brushed', arial, sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 35px; font-size: 2.1875rem; color: #EFEAD8; letter-spacing: 2px; text-align: center; text-transform: uppercase; line-height: 1; padding-bottom: 2.5rem; }

@media only screen and (min-width: 768px) { .component-kr-reviews .component-kr-reviews__container .field--name-field-kr-reviews-title { font-size: 37px; font-size: 2.3125rem; } }

.component-kr-reviews .component-kr-reviews__container .field--name-field-kr-reviews { display: flex; flex-wrap: nowrap; justify-content: center; position: relative; width: 100%; }

@media only screen and (min-width: 768px) { .component-kr-reviews .component-kr-reviews__container .field--name-field-kr-reviews { flex-direction: row; flex-wrap: wrap; max-width: 1440px; } }

.component-kr-reviews .component-kr-reviews__container .slick-dots li button:before { color: #FFFFFF; margin: 1rem 0 0; }

.component-kr-reviews .component-kr-reviews__cta-container { display: flex; flex-direction: row; flex-wrap: nowrap; }

.component-kr-reviews .component-kr-reviews__cta { border-width: 3px; border-color: #EFEAD8; border-style: solid; border-radius: 10px; display: block; margin-bottom: 3rem; padding: 0; position: relative; }

@media only screen and (max-width: 1023px) { .component-kr-reviews .component-kr-reviews__cta { display: none; } }

.component-kr-reviews .component-kr-reviews__cta button, .component-kr-reviews .component-kr-reviews__cta .field--name-field-link { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 700; background-color: transparent; color: #EFEAD8; padding: .75rem 2.25rem; position: relative; text-transform: uppercase; letter-spacing: 2px; }

@media only screen and (min-width: 768px) { .component-kr-reviews .component-kr-reviews__cta button, .component-kr-reviews .component-kr-reviews__cta .field--name-field-link { margin-left: -12px; } }

.component-kr-reviews .component-kr-reviews__cta button:after, .component-kr-reviews .component-kr-reviews__cta .field--name-field-link:after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #EFEAD8; right: 14px; top: 18px; }

.component-kr-reviews .component-kr-reviews__cta button a, .component-kr-reviews .component-kr-reviews__cta .field--name-field-link a { color: #EFEAD8; }

.component-kr-reviews .component-kr-reviews__cta button a:hover, .component-kr-reviews .component-kr-reviews__cta .field--name-field-link a:hover { color: #EFEAD8; }

.component-kr-reviews .component-kr-reviews__cta button { padding-top: 1rem; }

.component-kr-reviews .component-kr-reviews__cta:nth-of-type(2) { margin-left: 1rem; }

/*# sourceMappingURL=../../maps/libraries/paragraph/kr-reviews.css.map */