/*custom css*/

/* -------------------------------
   Cormorant Garamond Font Family
   Path: themes/ton_theme/assets/fonts/
   ------------------------------- */
@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sealya';
    src: url('../fonts/sealya-font/CormorantGaramond-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SealyaManu';
    src: url('../fonts/sealya-manu-font/Lobster-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* -------------------------------
   Global Application
   ------------------------------- */

body,
button,
input,
select,
textarea,
.box-latestnews *{
    font-family: 'Cormorant Garamond', 'Times New Roman', serif!important;
}

/* Exemple : titrage plus gras */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', 'Times New Roman', serif!important;
    font-weight: 700;
}

.align-content-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.align-content-right .contact-button .btn.btn-primary.btn-sm {
    font-size: 13px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    color: #FFF;
    background: transparent;
}

.align-content-right .contact-button .btn.btn-primary.btn-sm:hover {
    text-decoration: underline;
}

.socials-list {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.socials-list .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
}

.socials-list .social-link svg {
    height: 20px;
    width: 20px;
    fill: #FFF;
    color: #FFF;
}

#header {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
}

#header i,
#header .megamenu .nav-link span,
#header .megamenu .nav-link.dropdown-toggle.has-category::after,
#header .title_block::before {
    color: white!important;
    fill: white!important;
}

#header .cus-btnmenu::after,
.navbar-toggler::after {
    border-color: white!important;
}

#header .cus-btnmenu::before,
.navbar-toggler::before {
    background-color: white!important;
}

.manu {
    font-family: 'SealyaManu', sans-serif!important;
}

.brand-pres {
    font-size: 16px!important;
    color: black!important;
}

.bannercontainer .tp-caption.btn .caption-layer, .bannercontainer .tp-caption.btn .caption-contain {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
}
#blockcart-modal .cart-content a.btn, .product-add-to-cart .product-quantity .add-to-cart, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout, .continue.btn, button.btn.btn-primary.center-block, .checkout.cart-detailed-actions.card-block .btn {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
}

.title_block {
    color: #2A269E!important;
}
#about-us {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    #about-us {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    #about-us .col-xl-8 {
        width: 100%!important;
    }
}

.leo-bt-cart,
.box-cusmenu .nav-tabs {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
    color: white!important;
    fill: white!important;
}

.box-cusmenu .nav-tabs .nav-link:hover {
    color: white!important;
}

@media only screen and (max-width: 767px) {
    #index .carousel .product_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

#blockcart-modal .modal-header {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
}
.notification.notification-success {
    background: linear-gradient(90deg, #2A269E 0%, #151146 100%)!important;
}