/**
 * Block Styles
**/

:root {
    --wp--style--campaign--content-size: 1184px;
    --wp--preset--color--tennessee-orange-campaign: #ff8300;
    --wp--preset--color--tennessee-light-gray-campaign: #F2F2F2;
    --wp--preset--color--tennessee-dark-gray-campaign: #58595B;

    @media(min-width: 1600px) {
        --wp--style--campaign--content-size: 1440px;
    }
}

.guidance-block {
    position: relative;
    padding: 8rem 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100vw;
    background-color: var(--wp--preset--color--tennessee-light-gray-campaign);
    border-bottom: 10px solid var(--wp--preset--color--tennessee-orange-campaign);
}

.guidance-block:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(/wp-content/themes/ut-southern/assets/images/divider-deco.svg) repeat-x top left;
}

.guidance-block:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 31.3%;
    height: 17%;
    background: url(images/bottom-right-deco.png) no-repeat bottom right;
    background-size: contain;
}

.guidance-block__inner {
    max-width: var(--wp--style--campaign--content-size);
    max-width: 1248px;
    margin: 0 auto;
    text-align: center;
}

.guidance-block__title {
    /* font-size: 2.5rem; */
    font-weight: 800;
    color: var(--wp--preset--color--tennessee-dark-gray-campaign);
    margin-bottom: 3rem;
    margin-top: 0;
    line-height: 1.2;
}

.guidance-block__subtitle {
    font-size: 1rem;
    line-height: 1.2;
    color: var(--wp--preset--color--tennessee-dark-gray-campaign);
    margin-bottom: 4rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

.guidance-block__slider-wrapper {
    margin-bottom: 4rem;
    position: relative;
    padding-top: 108px;
}

.guidance-block__slider-wrapper:before {
    display: block;
    /*    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2LjY3NSAxMy41MzU1QzE2LjY3NSAxNy43NjU2IDIwLjExNDUgMjEuMjEwOCAyNC4zMzc1IDIxLjIxMDhDMjguNTYwNiAyMS4yMTA4IDMyIDE3Ljc2NTYgMzIgMTMuNTM1NUMzMiA5LjMwNTM0IDI4LjU2MDUgNS44NjAxNiAyNC4zMzc1IDUuODYwMTZDMjMuNDIzMyA1Ljg2MDE2IDIyLjUwOSA2LjAzNDYzIDIxLjY4MTggNi4zMzk4M0MyMS44NTYgNC40MjA5NiAyMi40MjE4IDIuNDU4NTYgMjMuMzc5OCAwLjYyNjk0NUMyMy40NjY4IDAuNDk2MDU3IDIzLjQ2NjggMC4zMjE3MzUgMjMuNDIzMyAwLjE5MDg0N0MyMy4zNzk4IDAuMTAzNjg1IDIzLjI5MjYgMC4wMTYzNzk1IDIzLjIwNTYgMC4wMTYzNzk1QzIzLjA3NDkgLTAuMDI3MjAxNSAyMi45NDQ0IDAuMDE2Mzc3NiAyMi43NzAyIDAuMTQ3MjY2QzIwLjk0MTcgMS43MTcxOCAxOS4zNzQzIDMuNzY2OTUgMTguMzI5NCA2LjAzNDU5QzE3LjM3MTcgOC4xMjc5NCAxNi44MDU3IDEwLjM1MiAxNi43MTg2IDEyLjcwNjlDMTYuNjc1IDEyLjk2ODUgMTYuNjc1IDEzLjI3MzcgMTYuNjc1IDEzLjUzNTRMMTYuNjc1IDEzLjUzNTVaIiBmaWxsPSIjRkY4MjAwIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTAuMDAwMTkwNDUxIDEzLjUzNTRDMC4wMDAxOTAwODIgMTcuNzY1NiAzLjQzOTY0IDIxLjIxMDggNy42NjI2OSAyMS4yMTA4QzExLjg4NTggMjEuMjEwOCAxNS4zMjUyIDE3Ljc2NTUgMTUuMzI1MiAxMy41MzU0QzE1LjMyNTIgOS4zMDUyNyAxMS44ODU3IDUuODYwMSA3LjY2MjY5IDUuODYwMUM2Ljc0ODQ1IDUuODYwMSA1LjgzNDIyIDYuMDM0NTcgNS4wMDY5OCA2LjMzOTc3QzUuMTgxMTUgNC40MjA5IDUuNzQ3MDMgMi40NTg1IDYuNzA0OTUgMC42MjY4ODRDNi43OTE5NyAwLjQ5NTk5NiA2Ljc5MTk3IDAuMzIxNjc0IDYuNzQ4NDYgMC4xOTA3ODZDNi43MDQ5NSAwLjEwMzYyNCA2LjYxNzc5IDAuMDE2MzE4NSA2LjUzMDc4IDAuMDE2MzE4NUM2LjQwMDExIC0wLjAyNzI2MjUgNi4yNjk1OCAwLjAxNjMxNjYgNi4wOTU0MSAwLjE0NzIwNUM0LjI2NjkzIDEuNzE3MTIgMi42OTk0NSAzLjc2Njg5IDEuNjU0NjQgNi4wMzQ1M0MwLjY5Njg5OCA4LjEyNzg3IDAuMTMwODQ2IDEwLjM1MTkgMC4wNDM4NDUgMTIuNzA2OEMwLjAwMDE5NTI2OSAxMi45Njg1IDAuMDAwMTk0Mjg5IDEzLjI3MzcgMC4wMDAxOTQyNjYgMTMuNTM1M0wwLjAwMDE5MDQ1MSAxMy41MzU0WiIgZmlsbD0iI0ZGODIwMCIvPgo8L2c+Cjwvc3ZnPgo=);*/
    position: absolute;
    content: '';
    background: url(images/quotes.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 44px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.guidance-block__slider {
    margin: 0 auto;
    max-width: 1248px;
}

.guidance-block__slide {
    padding: 0 16px 32px 16px;
    /*    margin: 0 8px;*/
    outline: none;
}

.guidance-block__slide:last-child {
    /*    margin-right: -32px;*/
}

.guidance-block__quote-icon {
    color: var(--wp--preset--color--tennessee-orange-campaign);
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    display: none !important;
}

.guidance-block__quote-icon svg {
    width: 48px;
    height: 48px;
}

.guidance-block__content {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #58595B;
    margin-bottom: 3rem;
    font-style: italic;
    font-weight: 400;
}

.guidance-block__content p {
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 400;
}

.guidance-block__author {
    font-size: 1.125rem;
    font-weight: 700;
    color: #58595B;
}

.guidance-block__button-wrapper {
    margin-top: 0;
    display: flex;
    justify-content: center;
}

/* Slick Slider Customization */
.guidance-block__slider .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
}

.guidance-block__slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0px;
}

.guidance-block__slider .slick-dots li button:before {
    font-size: 8px;
    line-height: 8px;
    width: 8px;
    height: 8px;
    color: rgb(88, 89, 91, .3);
    opacity: 1;
}

.guidance-block__slider .slick-dots {
    bottom: -7px;
}

.guidance-block__slider .slick-dots li.slick-active button:before {
    color: var(--wp--preset--color--tennessee-orange-campaign);
}

.guidance-block__slider .slick-prev,
.guidance-block__slider .slick-next {
    width: 48px;
    height: 48px;
    /*    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    z-index: 10;
    transition: all 0.3s ease;
    top: 130px;
}

.guidance-block__slider .slick-next:hover {
    /* background-color: var(--wp--preset--color--tennessee-orange-campaign);
    color: var(--wp--preset--color--base);*/
    transform: translate(10%, -50%);
}

.guidance-block__slider .slick-prev:hover {
    /* background-color: var(--wp--preset--color--tennessee-orange-campaign);
    color: var(--wp--preset--color--base);*/
    transform: translate(-10%, -50%);
}

.guidance-block__slider .slick-prev {
    left: -60px;
}

.guidance-block__slider .slick-next {
    right: -60px;
}

.guidance-block__slider .slick-prev:before,
.guidance-block__slider .slick-next:before {
    content: '';
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    /* top: 50%;
    top: 130px;*/
    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
    cursor: pointer;
}

.guidance-block__slider .slick-next:before {
    background: url(images/slick-right.svg);
}

.guidance-block__slider .slick-prev:before {
    background: url(images/slick-left.svg);
}

/*.guidance-block__slider .slick-prev:before,
.guidance-block__slider .slick-next:before {
    content: '';
}*/

/*.guidance-block__slider .slick-prev svg,
.guidance-block__slider .slick-next svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
}*/

/* Responsive */
@media (max-width: 1380px) {
    .guidance-block__slider-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }

    .guidance-block__slider .slick-prev {
        left: -50px;
    }

    .guidance-block__slider .slick-next {
        right: -50px;
    }
}

@media (max-width: 768px) {
    .guidance-block {
        padding: 3rem 1.5rem;
    }

    .guidance-block__subtitle {
        margin-bottom: 2rem;
    }

    .guidance-block__title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .guidance-block__slider-wrapper {
        padding-top: 65px;
        margin-bottom: 2rem;
    }

    .guidance-block__content {
        font-size: 1rem;
    }

    .guidance-block__button-wrapper {
        position: relative;
        z-index: 22;
    }

    .guidance-block__slider .slick-prev,
    .guidance-block__slider .slick-next {
        width: 40px;
        height: 40px;
    }

    .guidance-block__slider-wrapper:before {
        display: block;
        /* content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2LjY3NSAxMy41MzU1QzE2LjY3NSAxNy43NjU2IDIwLjExNDUgMjEuMjEwOCAyNC4zMzc1IDIxLjIxMDhDMjguNTYwNiAyMS4yMTA4IDMyIDE3Ljc2NTYgMzIgMTMuNTM1NUMzMiA5LjMwNTM0IDI4LjU2MDUgNS44NjAxNiAyNC4zMzc1IDUuODYwMTZDMjMuNDIzMyA1Ljg2MDE2IDIyLjUwOSA2LjAzNDYzIDIxLjY4MTggNi4zMzk4M0MyMS44NTYgNC40MjA5NiAyMi40MjE4IDIuNDU4NTYgMjMuMzc5OCAwLjYyNjk0NUMyMy40NjY4IDAuNDk2MDU3IDIzLjQ2NjggMC4zMjE3MzUgMjMuNDIzMyAwLjE5MDg0N0MyMy4zNzk4IDAuMTAzNjg1IDIzLjI5MjYgMC4wMTYzNzk1IDIzLjIwNTYgMC4wMTYzNzk1QzIzLjA3NDkgLTAuMDI3MjAxNSAyMi45NDQ0IDAuMDE2Mzc3NiAyMi43NzAyIDAuMTQ3MjY2QzIwLjk0MTcgMS43MTcxOCAxOS4zNzQzIDMuNzY2OTUgMTguMzI5NCA2LjAzNDU5QzE3LjM3MTcgOC4xMjc5NCAxNi44MDU3IDEwLjM1MiAxNi43MTg2IDEyLjcwNjlDMTYuNjc1IDEyLjk2ODUgMTYuNjc1IDEzLjI3MzcgMTYuNjc1IDEzLjUzNTRMMTYuNjc1IDEzLjUzNTVaIiBmaWxsPSIjRkY4MjAwIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTAuMDAwMTkwNDUxIDEzLjUzNTRDMC4wMDAxOTAwODIgMTcuNzY1NiAzLjQzOTY0IDIxLjIxMDggNy42NjI2OSAyMS4yMTA4QzExLjg4NTggMjEuMjEwOCAxNS4zMjUyIDE3Ljc2NTUgMTUuMzI1MiAxMy41MzU0QzE1LjMyNTIgOS4zMDUyNyAxMS44ODU3IDUuODYwMSA3LjY2MjY5IDUuODYwMUM2Ljc0ODQ1IDUuODYwMSA1LjgzNDIyIDYuMDM0NTcgNS4wMDY5OCA2LjMzOTc3QzUuMTgxMTUgNC40MjA5IDUuNzQ3MDMgMi40NTg1IDYuNzA0OTUgMC42MjY4ODRDNi43OTE5NyAwLjQ5NTk5NiA2Ljc5MTk3IDAuMzIxNjc0IDYuNzQ4NDYgMC4xOTA3ODZDNi43MDQ5NSAwLjEwMzYyNCA2LjYxNzc5IDAuMDE2MzE4NSA2LjUzMDc4IDAuMDE2MzE4NUM2LjQwMDExIC0wLjAyNzI2MjUgNi4yNjk1OCAwLjAxNjMxNjYgNi4wOTU0MSAwLjE0NzIwNUM0LjI2NjkzIDEuNzE3MTIgMi42OTk0NSAzLjc2Njg5IDEuNjU0NjQgNi4wMzQ1M0MwLjY5Njg5OCA4LjEyNzg3IDAuMTMwODQ2IDEwLjM1MTkgMC4wNDM4NDUgMTIuNzA2OEMwLjAwMDE5NTI2OSAxMi45Njg1IDAuMDAwMTk0Mjg5IDEzLjI3MzcgMC4wMDAxOTQyNjYgMTMuNTM1M0wwLjAwMDE5MDQ1MSAxMy41MzU0WiIgZmlsbD0iI0ZGODIwMCIvPgo8L2c+Cjwvc3ZnPgo=); */
        position: absolute;
        content: '';
        background: url(images/quotes.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 51.2px;
        height: 35.6px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}