@import url('https://fonts.cdnfonts.com/css/varela');

.text-logo {
    color: #7c76bb;
    font-family: "Inter Black", sans-serif;
    font-weight: normal;
    font-style: normal;
}

.text-highlight {
    color: #7c76bb;
    font-weight: 600;
}

.icon-primary {
    color: #7c76bb;
}

.icon-secondary {
    color: #D3D3D3;
}

.border-primary {
    border-color: #7c76bb
}

.primary-color {
    background-color: #7c76bb;
}

.secondary-color {
    background-color: #7c76bb;
}

@media print {
    hr {
        border: 1px solid black !important;
        opacity: .25;
        visibility: visible !important;
    }

    .text-primary {
        color: #7c76bb !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .primary-color {
        background-color: #7c76bb !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .secondary-color {
        background-color: #7c76bb !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .prose-content {
        h2 {
            margin-top: 1rem;
        }

        h3 {
            margin-top: 1rem;
        }
    }

    .card {
        page-break-inside: avoid;
    }

    .card-body {
        .fs-2 {
            font-size: 1.2rem !important;
        }

        .fs-5 {
            font-size: 1rem !important;
        }

        .fs-6 {
            font-size: 0.8rem !important;
        }
    }

    .card.case-study-highlight {
        margin: 1rem 0 1rem 0 ;
        min-height: 13rem;
    }

    .case-study-client-box {
        margin: 0 0.5rem !important;
        min-width: 8rem !important;
        max-width: 11rem !important;
        .card-body {
            font-size: 0.8rem !important;
        }
    }

    .hero-image {
        img {
            width: 80% !important;
            height: 80% !important;
        }
    }

    .hero-title {
        font-size: 3.2em !important;
    }
}

.pagebreak {
    page-break-after: always;
}

.cards {
    justify-content: center;
}

.text-justify {
    text-align: justify;
}

.headshot {
    text-align: center;
    thumbnail-border-radius: 20px;
}

@media only screen and (min-width: 62rem) and (max-width: 74.9375rem) {
  ul.carousel li.slick-slide {
    height: 28.75rem;
  }
}

@media only screen and (min-width: 75rem) and (max-width: 87.4375rem) {
  ul.carousel li.slick-slide {
    height: 30.9375rem;
  }
}

@media only screen and (min-width: 87.5rem) {
  ul.carousel li.slick-slide {
    height: 33.125rem;
  }
}

.thumbnail-border-radius {
    border-radius: 20px;
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.pb-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.d-flex {
    flex-wrap: nowrap !important; /* Prevent wrapping */
}

.no-links a {
    text-decoration: none;
    color: inherit;
    pointer-events: none;
}

.d-flex {
    align-items: center;
}

.card-body {
    padding: 20px;
}

.card.case-study-highlight {
    margin: 1rem;
    min-width: 30%;
    min-height: 11rem;
}

.case-study-client-box {
    min-width: 10rem;
    margin: 1rem;
}

.prose-content {
    max-width: 80%;

    h2 {
        margin-top: 2rem;
    }

    h3 {
        margin-top: 2rem;
    }

    .highlight {
        pre {
            padding: 16px;
            border-radius: 8px;
        }
    }
}

.slick-dots li button:before {
    color: mediumpurple;
}

.slick-dots li.slick-active button:before {
    color: mediumpurple !important;
}

.slick-prev:before {
    color: #7c76bb;
}

.slick-next:before {
    color: #7c76bb;
}

.slick-prev:before {
    content: "<";
    color: red;
    font-size: 30px;
}

.slick-next:before {
    content: ">";
    color: red;
    font-size: 30px;
}