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-slider { align-items: center; color: #EFEAD8; display: flex; flex-direction: column; padding: 2rem 0; position: relative; width: 100%; }

.component-kr-slider .component-kr-slider__content-container { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; max-width: 1440px; width: 100%; top: 0; z-index: 2; }

.component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-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; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6); }

@media only screen and (min-width: 768px) { .component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-title { font-size: 40px; font-size: 2.5rem; } }

.component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-subtitle { display: none; }

.component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-description { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 500; font-size: 24px; font-size: 1.5rem; color: #EFEAD8; line-height: 1.2; margin: -.5rem 0 2rem; padding: 0 2rem; text-align: center; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6); }

@media only screen and (min-width: 768px) { .component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-description { font-size: 20px; font-size: 1.25rem; } }

.component-kr-slider .component-kr-slider__content-container .field--name-field-kr-slider-slides { display: flex; flex-wrap: nowrap; justify-content: center; position: relative; width: 100%; }

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

.component-kr-slider .component-kr-slider__content-container .slick-dots li button:before { color: #FFFFFF; }

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