@charset "UTF-8";

/* Variables
 * ========================================================================== */

:root {
    /* Colors
     * ====== */
    --primary-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 1);
    --primary-color-lighten: hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 10%), 1);
    --primary-color-darken: hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%), 1);
    --primary-color-10: hsla(var(--primary-h), var(--primary-s), 10%, 1);
    --primary-color-20: hsla(var(--primary-h), var(--primary-s), 20%, 1);
    --primary-color-30: hsla(var(--primary-h), var(--primary-s), 30%, 1);
    --primary-color-40: hsla(var(--primary-h), var(--primary-s), 40%, 1);
    --primary-color-50: hsla(var(--primary-h), var(--primary-s), 50%, 1);
    --primary-color-60: hsla(var(--primary-h), var(--primary-s), 60%, 1);
    --primary-color-70: hsla(var(--primary-h), var(--primary-s), 70%, 1);
    --primary-color-80: hsla(var(--primary-h), var(--primary-s), 80%, 1);
    --primary-color-90: hsla(var(--primary-h), var(--primary-s), 90%, 1);
    --secondary-color: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), var(--secondary-l, var(--primary-l)), 1);
    --secondary-color-lighten: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), calc(var(--secondary-l, var(--primary-l)) + 10%), 1);
    --secondary-color-darken: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), calc(var(--secondary-l, var(--primary-l)) - 10%), 1);
    --secondary-color-10: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 10%, 1);
    --secondary-color-20: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 20%, 1);
    --secondary-color-30: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 30%, 1);
    --secondary-color-40: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 40%, 1);
    --secondary-color-50: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 50%, 1);
    --secondary-color-60: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 60%, 1);
    --secondary-color-70: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 70%, 1);
    --secondary-color-80: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 80%, 1);
    --secondary-color-90: hsla(var(--secondary-h, var(--primary-h)), var(--secondary-s, var(--primary-s)), 90%, 1);
    --accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 1);
    --accent-color-lighten: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%), 1);
    --accent-color-darken: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%), 1);
    --accent-color-10: hsla(var(--accent-h), var(--accent-s), 10%, 1);
    --accent-color-20: hsla(var(--accent-h), var(--accent-s), 20%, 1);
    --accent-color-30: hsla(var(--accent-h), var(--accent-s), 30%, 1);
    --accent-color-40: hsla(var(--accent-h), var(--accent-s), 40%, 1);
    --accent-color-50: hsla(var(--accent-h), var(--accent-s), 50%, 1);
    --accent-color-60: hsla(var(--accent-h), var(--accent-s), 60%, 1);
    --accent-color-70: hsla(var(--accent-h), var(--accent-s), 70%, 1);
    --accent-color-80: hsla(var(--accent-h), var(--accent-s), 80%, 1);
    --accent-color-90: hsla(var(--accent-h), var(--accent-s), 90%, 1);
    --text-color: hsla(var(--text-h), var(--text-s), var(--text-l), 1);
    --text-color-lighten: hsla(var(--text-h), var(--text-s), calc(var(--text-l) + 10%), 1);
    --text-color-darken: hsla(var(--text-h), var(--text-s), calc(var(--text-l) - 10%), 1);
    --text-color-10: hsla(var(--text-h), var(--text-s), 10%, 1);
    --text-color-20: hsla(var(--text-h), var(--text-s), 20%, 1);
    --text-color-30: hsla(var(--text-h), var(--text-s), 30%, 1);
    --text-color-40: hsla(var(--text-h), var(--text-s), 40%, 1);
    --text-color-50: hsla(var(--text-h), var(--text-s), 50%, 1);
    --text-color-60: hsla(var(--text-h), var(--text-s), 60%, 1);
    --text-color-70: hsla(var(--text-h), var(--text-s), 70%, 1);
    --text-color-80: hsla(var(--text-h), var(--text-s), 80%, 1);
    --text-color-90: hsla(var(--text-h), var(--text-s), 90%, 1);
    --background-color: hsla(var(--background-h), var(--background-s), var(--background-l), 1);
    --background-color-lighten: hsla(var(--background-h), var(--background-s), calc(var(--background-l) + 10%), 1);
    --background-color-darken: hsla(var(--background-h), var(--background-s), calc(var(--background-l) - 10%), 1);
    --background-color-10: hsla(var(--background-h), var(--background-s), 10%, 1);
    --background-color-20: hsla(var(--background-h), var(--background-s), 20%, 1);
    --background-color-30: hsla(var(--background-h), var(--background-s), 30%, 1);
    --background-color-40: hsla(var(--background-h), var(--background-s), 40%, 1);
    --background-color-50: hsla(var(--background-h), var(--background-s), 50%, 1);
    --background-color-60: hsla(var(--background-h), var(--background-s), 60%, 1);
    --background-color-70: hsla(var(--background-h), var(--background-s), 70%, 1);
    --background-color-80: hsla(var(--background-h), var(--background-s), 80%, 1);
    --background-color-90: hsla(var(--background-h), var(--background-s), 90%, 1);
    --success-color: hsla(122, 39%, 49%, 1);
    --error-color: hsla(0, 100%, 45%, 1);
    --info-color: hsla(199, 98%, 48%, 1);
    /* Typography
     * ========== */
    --h4-font-size: 1.25rem;
    --h5-font-size: 1.125rem;
    --h6-font-size: 1rem;
    /* Box-shadow
     * ========== */
    --box-shadow-1: 1px 1px 4px rgba(0, 0, 0, .1);
    --box-shadow-2: 2px 2px 8px rgba(0, 0, 0, .1);
    --box-shadow-3: 4px 4px 12px rgba(0, 0, 0, .1);
    --box-shadow-4: 8px 8px 16px rgba(0, 0, 0, .1);
    --box-shadow-5: 12px 12px 24px rgba(0, 0, 0, .1);
    --box-shadow-primary-1: 1px 1px 4px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);
    --box-shadow-primary-2: 2px 2px 8px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);
    --box-shadow-primary-3: 4px 4px 12px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);
    --box-shadow-primary-4: 8px 8px 16px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);
    --box-shadow-primary-5: 12px 12px 24px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);
}


/* Icons */

@font-face {
    font-family: "slick";
    src: url("../../../assets/fonts/slick.eot");
    src: url("../../../assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/slick.woff") format("woff"), url("../../../assets/fonts/slick.ttf") format("truetype"), url("../../../assets/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/**
  Slider
*/

.slick-loading .slick-list {
    background: #fff url("../../../assets/gifs/ajax-loader.gif") center center no-repeat;
}


/*=================================
  Previous and Next icon buttons
==================================*/

.slick-slider .slick-arrow::before {
    color: var(--text-color);
}

.slick-slider.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    height: 48px;
    width: 48px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    border: none;
    transform: translate(0, -50%);
}

.slick-prev:hover .slick-prev-icon,
.slick-prev:hover .slick-next-icon,
.slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
    opacity: 1;
}

.slick-prev:focus,
.slick-next:focus {
    top: calc(50% - 1px);
}

.slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
    font-size: 28px;
    margin-left: -2px;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    cursor: default;
}

.slick-prev.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-next.slick-disabled .slick-next-icon {
    opacity: 0.25;
}

.slick-prev .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-next .slick-next-icon {
    display: block;
    color: var(--text-color);
    opacity: 0.75;
    font-family: "slick";
    font-size: 24px;
    line-height: 1;
}

.slick-prev .slick-prev-icon:before,
.slick-prev .slick-next-icon:before,
.slick-next .slick-prev-icon:before,
.slick-next .slick-next-icon:before {
    font-family: var(--icon-font);
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -2rem;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -2rem;
}

.slick-prev .slick-prev-icon:before {
    content: "";
}

[dir="rtl"] .slick-prev .slick-prev-icon:before {
    content: "";
}

@media only screen and (min-width: 1201px) {
    .slick-prev {
        left: -3rem;
    }
    [dir="rtl"] .slick-prev {
        right: -3rem;
    }
}

.slick-next {
    right: -2rem;
}

[dir="rtl"] .slick-next {
    left: -2rem;
    right: auto;
}

.slick-next .slick-next-icon:before {
    content: "";
}

[dir="rtl"] .slick-next .slick-next-icon:before {
    content: "";
}

@media only screen and (min-width: 1201px) {
    .slick-next {
        right: -3rem;
    }
    [dir="rtl"] .slick-next {
        left: -3rem;
    }
}


/*==========================
  Slide navigation dots
===========================*/

.slick-slider {
    margin-bottom: 2rem;
}

.slick-slider.slick-dotted {
    margin-bottom: 5rem;
}

.slick-dots {
    position: absolute;
    bottom: -4rem;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li button {
    display: block;
    height: 3rem;
    width: 3rem;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.slick-dots li button:hover .slick-dot-icon,
.slick-dots li button:focus .slick-dot-icon {
    opacity: 1;
}

.slick-dots li button .slick-dot-icon {
    color: var(--text-color);
    opacity: 0.25;
}

.slick-dots li button .slick-dot-icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    content: "•";
    font-family: "slick";
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%);
    transition: all .05s linear;
}

.slick-dots li.slick-active button:focus .slick-dot-icon {
    opacity: 1;
}

.slick-dots li.slick-active button .slick-dot-icon {
    color: var(--text-color);
    opacity: 1;
}


/**
 Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
 */

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}


/*===========================
  Pause/play icon button
============================*/

.slick-autoplay-toggle-button {
    position: absolute;
    left: 5px;
    bottom: -32px;
    z-index: 10;
    opacity: 0.75;
    background: none;
    border: 0;
    cursor: pointer;
    color: var(--text-color);
    opacity: 0;
    z-index: -1;
}

.slick-autoplay-toggle-button:hover,
.slick-autoplay-toggle-button:focus {
    opacity: 0;
    z-index: -1;
}

.slick-autoplay-toggle-button:focus-visible {
    opacity: 1;
    z-index: 1;
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
    content: "⏸";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.slick-autoplay-toggle-button .slick-play-icon:before {
    content: "▶";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}


/*# sourceMappingURL=accessible-slick-theme.css.map */