@import "https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap";

:root {
    --base-color: #bc8947;
    --stromboli-green: #3e6558;
    --alt-font: "Jost", sans-serif;
    --primary-font: "Jost", sans-serif;
    --medium-gray: #828282;
}

body {
    font-size: 19px;
    line-height: 32px;
    overflow-x: hidden;
}

h1 {
    font-size: 4rem;
    line-height: 3.6rem;
}

h2 {
    line-height: 3.438rem;
}

h3 {
    line-height: 2.813rem;
}

.h4 {
    font-size: 1.6rem;
}

p {
    margin-bottom: 20px;
}

.bg--primary,
.bg--primary:hover {
    background-color: #ec008b;
}

.bg--secondary {
    background-color: #fcebf6;
}

.text--primary {
    color: #ec008b;
}

.box-icon {
    width: 45px;
}

.three-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
}

.one-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-gradient {
    background: transparent
        linear-gradient(90deg, var(--unnamed-color-ec008b) 0%, #e94033 100%) 0%
        0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #ec008b 0%, #e94033 100%) 0%
        0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    color: white;
    border-radius: 7px;
    border: none;
}

.banner-video {
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    filter: brightness(85%);
}

.nav-item {
    text-transform: uppercase !important;
}

.bg-gradient-black-dark-brown {
    background-image: linear-gradient(
        to right top,
        #000000,
        #000000,
        #30281b,
        #493825,
        #da7310
    );
}

.bg-gradient-green-light-brown {
    background-image: linear-gradient(
        to right top,
        #3c7663,
        #5b8365,
        #929a68,
        #b8aa6a,
        #debb6d
    );
}

.bg-gradient-light-brown-transparent {
    background-image: linear-gradient(
        to right top,
        rgba(45, 41, 37, 0.6),
        rgba(188, 137, 71, 0.9)
    );
}

.text-gradient-green-brown-color {
    background-image: linear-gradient(
        to right top,
        #3c7663,
        #5b8365,
        #929a68,
        #b8aa6a,
        #debb6d
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-align: center;
}

.navbar .btn {
    font-size: 15px;
    padding: 8px 20px;
}

header .navbar-brand img {
    height: 50px;
    object-fit: contain;
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 18px;
    line-height: 32px;
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 5px;
}

.newsletter-style-02 .btn {
    padding: 10px 18px 9px;
}

.newsletter-style-02 input {
    padding-right: 60px;
    font-size: 18px;
}

.input-small,
.textarea-small {
    font-size: 16px;
}

.page-title-extra-large h1 {
    font-size: 4.3rem;
    line-height: 4.7rem;
}

.custom-rounded {
    border-radius: 0.4rem;
}

.shows-box {
    aspect-ratio: 742 / 425;
    width: 100%;
}

.shows-box > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

footer {
    background: transparent linear-gradient(180deg, #ec008b 0%, #e94033 100%) 0%
        0% no-repeat padding-box;
}

.value-badge {
    position: absolute;
    border-radius: 8px;
    top: -25px;
    transform: translateX(-50%);
    left: 50%;
}

.navbar-full-screen-menu-inner {
    background-color: #ec008b !important;
}

@media (min-width: 1198px) {
    .custom-rounded {
        border-radius: 50px;
    }
}

@media (max-width: 1199px) {
    header .btn.btn-very-small {
        padding: 7px 11px;
    }

    .newsletter-style-02 input {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

    .nav-link {
        font-size: 16px !important;
    }
}

@media (max-width: 991px) {
    .md-outside-box-right-70 {
        margin-right: -70vw;
    }

    [data-mobile-nav-style="full-screen-menu"]
        .navbar-full-screen-menu-inner
        .navbar-nav
        .nav-item
        .nav-link {
        font-size: 19px;
    }

    [data-mobile-nav-style="full-screen-menu"]
        .navbar-full-screen-menu-inner
        .navbar-nav
        .nav-item
        .dropdown-menu
        a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .blog-classic .card .card-body p {
        margin-bottom: 15px;
    }

    .page-title-extra-large h1 {
        line-height: 44px;
    }

    .sm-outside-box-right-0 {
        margin-right: 0;
    }
}

.channel-title > a {
    cursor:pointer; 
}