/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            9.0.9
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

:root {
    --brand-brown: #4A454F;
    --brand-gold: #957843;
    --font-sans: proxima-nova, sans-serif;
    --font-serif: "Libre Baskerville", serif;
    --text-regular: 400;
    --text-semibold: 600;
    --text-bold: 700;
    --text-sm: 0.875rem;
    --text-base: 16px;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.44rem;
    --text-3xl: 1.728rem;
    --text-4xl: 2.074rem;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font-sans {
    font-family: var(--font-sans) !important;
}

.font-serif {
    font-family: var(--font-serif) !important;
}

.text-brown {
    color: var(--brand-brown);
}

.text-gold {
    color: var(--brand-gold);
}

.text-regular {
    font-weight: var(--text-regular);
}

.text-semibold {
    font-weight: var(--text-semibold);
}

.text-bold {
    font-weight: var(--text-bold);
}

.text-normal {
    font-style: normal;
}

.text-italic {
    font-style: italic;
}

.text-sm {
    font-size: 0.875rem;
}

.text-base {
    font-size: 16px;
}

.text-lg {
    font-size: 1.125rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-2xl {
    font-size: 1.44rem;
}

.text-3xl {
    font-size: 1.728rem;
}

.text-4xl {
    font-size: 2.074rem;
}

.text-uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.underline-offset {
    text-underline-offset: 4px;
}

.kerning-slightly-loose {
    letter-spacing: 0.65px;
}

.kerning-loose {
    letter-spacing: 2px;
}

.kerning-very-loose {
    letter-spacing: 4px;
}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
.page p,
.page li {
    font-family: var(--font-sans);
}

.page ul {
    padding-left: 20px;
}

.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

.container-inset {
    max-width: 1350px;
    margin: 0 auto;
}

.fancy-heading {
    font-family: var(--font-serif) !important;
    font-size: var(--text-xl);
    text-align: center;
    font-style: italic;
}

@media (min-width: 768px) {
    .fancy-heading {
        font-size: var(--text-2xl);
    }
}

/* Overrides */

.slide_year {
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
    color: var(--brand-gold) !important;
    letter-spacing: 2px !important;
}

.slide_number {
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
    color: var(--brand-gold) !important;
}

.tree-icon-left {
    display: none;
    position: absolute;
    left: -40px;
    top: 14px;
    width: 35px;
    height: 40px;
    background: transparent url('/wp-content/uploads/2025/07/icon-tree.svg') top center no-repeat;
    background-size: contain;
}

.tree-icon-right {
    display: none;
    position: absolute;
    right: -40px;
    top: 14px;
    width: 35px;
    height: 40px;
    background: transparent url('/wp-content/uploads/2025/07/icon-tree.svg') top center no-repeat;
    background-size: contain;
}

@media (min-width: 992px) {
    .tree-icon-left,
    .tree-icon-right {
        display: block;
    }
}

.slick-dots {
    padding-left: 0 !important;
}

.slick-list {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}

.slide_icon1 {
    background: url('/wp-content/uploads/2025/07/icon-team-member.svg') no-repeat !important;
    background-size: contain;
    height: 76px;
    width: 32px;
}


.timeline-carousel__wrapper {
    padding: 24px 0 !important;
}

@media (min-width: 768px) {
    .timeline-carousel__wrapper {
        padding: 24px 0 !important;
    }
}

@media (min-width: 992px) {
    .timeline-carousel__wrapper {
        padding-top: 0 !important;
    }
}

#timeline-carousel .slick-dots li.slick-active:after {
    background: #133524 !important;
    border: 6px solid #133524 !important;
}

@media (min-width: 992px) {
    #timeline-carousel .slick-dots {
        bottom: auto !important;
        top: 20px;
    }
}

.slick-track
{
    display: flex !important;
    align-items: flex-start !important;
}

.slick-slide
{
    height: inherit !important;
}

.slide_details {
    padding: 0 !important;
}

.slide-item-grid {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
    padding: 0 24px !important;
}

@media (min-width: 992px) {
    .slide-item-grid {
        padding: 120px 0 40px !important;
    }
}

.slide_icons {
    gap: 64px !important;
}

@media (min-width: 768px) {
    .slide_icons {
        flex-direction: row !important;
    }
}

@media (min-width: 992px) {
    .slide_icons {
        flex-direction: column !important;
    }
}

.slide_icons img {
    display: none !important;
}

@media (min-width: 992px) {
    .slide-item-grid {
        align-items: center;
        grid-template-columns: repeat(4, 1fr); 
        column-gap: 40px;
        row-gap: 0;
    }

    .slide_icons {
        gap: 32px !important;
    }

    .slide_icons img {
        display: block !important;
    }
}

.slide-description p {
    text-align: center;
    font-size: var(--text-lg);
}

@media (min-width: 992px) {
    .slide-description p {
        text-align: left;
    }
}

/* Footer */
.nav--social-media {
    align-items: center;
}