@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arizonia&display=swap');

/*---- Global----*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lora", serif !important;
    font-style: normal;
    color: #0f0f0f;
    font-weight: 300;
}

/*---- Header ----*/
.header-logo {
    display: none
}

.header-info {
    display: none
}

.header .navbar-brand {
    padding: 0;
    min-height: auto;
    background-image: url("https://apihoard.webit.com/api/v1/Image/7F07CB08D480AB0FB6D7EDC25C92D6AF/7F07CB08D480AB0FB6D7EDC25C92D6AF.png?size=1920x1440");
    background-size: cover;
    background-repeat: no-repeat;
    width: 171px;
    height: 107px;
    font-size: 0;
    margin-top: 2px;
}

.header.has-cart .navbar-brand {
    max-width: 170px!important
}

.header .nav-link-cart,
.header .navbar .nav-link {
    line-height: 30px;
    font-size: .95em
}

.header .navbar.bg-primary {
    background: #fff !important;
    z-index: 15;
    box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.header .navbar .nav-link {
    font-size: .75em;
    font-weight: 400;
}

@media(min-width: 992px) {
    .header .navbar {
        -webkit-transition:background-color .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out;
        -ms-transition: background-color .5s ease-in-out;
        -o-transition: background-color .5s ease-in-out;
        transition: background-color .5s ease-in-out
    }
    .header .navbar .dropdown-item.active,
    .header .navbar .dropdown-item:active,
    .header .navbar-dark .navbar-nav .active>.nav-link,
    .header .navbar-dark .navbar-nav .nav-link.active,
    .header .navbar-dark .navbar-nav .nav-link.show,
    .header .navbar-dark .navbar-nav .show>.nav-link {
        background-color: transparent!important
    }
    .header .navbar.bg-primary {
        background: 0 0!important;
        z-index: 15;
        box-shadow: none;
    }
    .header .navbar.bg-primary.navbar-shadow {
        background: #fff !important;
    }
    .header .navbar.bg-primary.affix.navbar-shadow {
        background: #fff !important;
        box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.2);
    }
    .cssvars-polyfilled .header .navbar.bg-primary {
        background: 0 0!important
    }
    .page-product-details .header .navbar.bg-primary,
    .page-order-confirmation .header .navbar.bg-primary,
    .page-product-details .header .navbar {
        background: var(--color-theme-primary)!important;
        z-index: 9
    }
    .header .navbar .active>.nav-link,
    .header .navbar .show>.nav-link,
    .header .navbar .dropdown-item.active,
    .header .navbar .dropdown-item:active {
        background: 0 0
    }
    .page-product-details .header .navbar.bg-primary,
    .page-order-confirmation .header .navbar.bg-primary,
    .page-product-details .header .navbar {
        background: 0 0!important;
        z-index: 15;
        box-shadow: none;
    }

    .heroslider {
        margin-top: -92px
    }
    .header.has-cart .navbar-brand {
        max-width: 130px!important;
        min-height: auto;
        margin-top: 3px;
        margin-bottom: -5px;
        margin-left: 0;
        display: inline-block!important;
        order: 1;
        width: 185px;
        height: 81px
    }
    .navbar .container {
        max-width: 100%!important
    }
    .navbar-collapse {
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: initial
    }
    .navbar .container {
        padding-top: 3px!important;
        padding-bottom: 10px
    }
}

@media(min-width: 1200px) {
    .header li.nav-item {
        margin-right:10px
    }
    .header li.nav-item:last-of-type {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .navbar .container {
        text-align:center;
        max-width: 100%
    }
}

/*---- Hero ----*/
#firstSlide {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%), url('https://apihoard.webit.com/api/v1/Image/C704895AC300FA9BA1E368C901D816FB/C704895AC300FA9BA1E368C901D816FB.jpg?size=1920x1440');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
#secondSlide {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%), url('https://apihoard.webit.com/api/v1/Image/C84B9430DF60D9CFD9FAEAC96287D8D5/C84B9430DF60D9CFD9FAEAC96287D8D5.jpg?size=1920x1440');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
#thirdSlide {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%), url('https://apihoard.webit.com/api/v1/Image/0D08A498FBA529029EEF78936ED13207/0D08A498FBA529029EEF78936ED13207.jpg?size=1920x1440');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.hero-content {
    padding-top: 18em;
    padding-bottom: 16em;
    color: #000;
}

.hero-content p {
    width: 47%;
}

.cssvars-polyfilled .hero-content {
    color: #fcfcfc
}

.cw-hero-tag {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000;
    width: 9rem;
}
#firstSlide .cw-hero-tag {
    padding: 8px 0px 0 11px;
}
#secondSlide .cw-hero-tag {
    padding: 8px 0px 0 16px;
}
#thirdSlide .cw-hero-tag {
    padding: 8px 0px 0 15.5px;
}

.cw-hero-tag h3 {
    font-size: .65rem;
    color: #000;
}

.heroslider .btn-primary {
    min-width: 150px
}

.heroslider .btn-primary.btn-light {
    background-color: #000;
    color: #fff;
    border: 0
}

.cssvars-polyfilled .heroslider .btn-primary.btn-light:hover {
    background-color: var(--color-theme-highlight);
    color: #fff;
}

@media (max-width: 767px) {
    .heroslider .display-4 {
        font-size:2.5rem;
        font-weight: 300 !important;
    }
}
@media(max-width: 991px) {
    .hero-content {
        padding-top:7em;
        padding-bottom: 7em
    }
}
@media(max-width: 1200px) {
    .hero-content {
        padding-top: 10em;
        padding-bottom: 8em
    }
}

@media (min-width: 768px) {
    .cw-hero-tag h3 {
        font-size: 1rem;
    }
    .cw-hero-tag {
        width: 12rem;
    }
    #firstSlide .cw-hero-tag {
        padding: 8px 0px 0 11px;
        width: 13rem !important;
    }
    #secondSlide .cw-hero-tag {
        padding: 8px 0px 0 11px;
    }
    #thirdSlide .cw-hero-tag {
        padding: 8px 0px 0 10px;
    }
    .heroslider .display-4 {
        font-size: 75px;
        line-height: 85px;
        letter-spacing: 10px;
        font-weight: 300 !important;
    }
    #firstSlide {
        background-image: url('https://apihoard.webit.com/api/v1/Image/E3371904A6D2489463F9F00E68A10942/E3371904A6D2489463F9F00E68A10942.jpg?size=1920x1440');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    #secondSlide {
        background-image: url('https://apihoard.webit.com/api/v1/Image/ED0A42A1AE0750F8AE0E8F5F6FEF1B3C/ED0A42A1AE0750F8AE0E8F5F6FEF1B3C.jpg?size=1920x1440');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    #thirdSlide {
        background-image: url('https://apihoard.webit.com/api/v1/Image/F791DA0ACB8A89E1948546503D437E96/F791DA0ACB8A89E1948546503D437E96.jpg?size=1920x1440');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
}

/*----- Connect Social Section ----*/
.cw-connect {
    background: url("https://apihoard.webit.com/api/v1/Image/8678F82E0F92D951954F2BD7F8BC1C78/8678F82E0F92D951954F2BD7F8BC1C78.jpg?size=1920x1440");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 12rem 0;
}

.cw-connect-info {
    position: relative;
    top: 7rem;
}

.cw-social {
    margin: -4rem 0 6rem;
    padding-bottom: 1rem;
}

/*----- About Us Page -----*/
.cw-sig h3 {
    font-family: "Arizonia", serif !important;
    font-size: 5rem;
}
.cw-sig span {
    font-size: 2rem;
}

@media (min-width: 440px) {
    .cw-sig h3 {
        font-size: 6rem;
    }
    .cw-sig span {
        font-size: 3rem;
    }
}
@media (min-width: 768px) {
    .cw-sig h3 {
        font-size: 4rem;
    }
    .cw-sig span {
        font-size: 2rem;
    }
}
@media (min-width: 992px) {
    .cw-sig span {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    .cw-sig h3 {
        font-size: 5rem;
    }
}

/*---- Reviews ---*/

    .cw-reviews .card {
        border-radius: 1rem;
        box-shadow: #F48C92;
    }

    @media (max-width: 767px) {
        .cw-reviews .card {
            margin: 1rem 0.7rem 1rem;
            max-width: 80vw;
        }
    }

    .cw-reviews img {
        width: 6.2rem;
        border-radius: 5rem;
        margin: 1.3rem auto 1rem auto;
    }

    .cw-reviews .col-md-4 {
        padding: 0 0.5rem;
    }

    .card-title {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .card-text {
        text-align: center;
        padding: 1rem 2rem;
        font-size: 0.8rem;
        color: rgb(82, 81, 81);
        line-height: 1.4rem;
    }

    .card-footer {
        border-top: none;
        text-align: center;
        line-height: 1.2rem;
        padding: 2rem 0 1.4rem 0;
    }

    .cw-name {
        font-size: 0.8rem;
        font-weight: bold;
    }

    .cw-reviews a {
        color: #F48C92;
        font-weight: bold;
    }

    .cw-reviews a:hover {
        color: #F48C92;
    }