/**
Theme Name: Restaurant Coabai
Text Domain: restaurant_coabai
Version: 0.1
*/

:root {
    --clr-coabai-1: #000000;
    --clr-coabai-2: #3D0C11;
    --clr-coabai-3: #BF6900;
    --clr-coabai-4: #DDFC74;
    --clr-coabai-5: #D3F9B5;
    --clr-coabai-6: #ffffff;

    --header-background: var(--clr-coabai-1, #000000);
    --footer-background: var(--clr-coabai-1, #000000);

    --buttons-color     : var(--clr-coabai-6, #ffffff);
    --buttons-background: var(--clr-coabai-3, #BF6900);

    --font-family         : "Exo", sans-serif;
    --font-color-variant-1: var(--clr-coabai-3, #BF6900);
    --font-color-variant-2: var(--clr-coabai-6, #ffffff);

    --container-max-width: 1366px;
    --header-size        : 160px;

    font-size: 10px;
}

@keyframes banner-movement {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 130%;
    }

}

.d-none {
    display: none !important;
}

body {
    font-family: var(--font-family);
    margin     : 0;
	padding-top: 85px;


    h1 {
        font-size  : 6.4rem;
        line-height: 6.8rem;
        font-weight: 300;
    }

    h2 {
        font-size  : 4.5rem;
        line-height: 5.2rem;
    }

    h3 {
        font-size  : 3.2rem;
        line-height: 3.8rem;
        font-weight: 600;
    }

    h4 {
        font-size  : 2.2rem;
        line-height: 2.8rem;
        font-weight: 600;
    }

    .section-title {
        max-width     : fit-content;
        margin        : 0 auto;
        text-transform: uppercase;
		text-align: center;

        &:after,
        &:before {
            content         : '';
            display         : block;
            width           : 80%;
            height          : 1px;
            background-color: var(--clr-coabai-3, #BF6900);
            margin          : 1.5rem auto;
            border-radius   : 0.5px;
            transition      : width 0.3s ease;
            transform-origin: center;
        }
    }

    a,
    p,
    .btn {
        font-size      : 1.6rem;
        line-height    : 2.8rem;
        font-weight    : 300;
        text-decoration: none;
    }
	
	a {
		color: var(--clr-coabai-3, #BF6900);
	}

    .section-container {
        max-width: var(--container-max-width, 1366px);
        margin   : 0 auto;
    }

    .btn {
        --btn-dark-bg: var(--clr-coabai-1, #000000);

        &.btn-coabai-dark {
            display         : inline-block;
            padding         : 0.5rem 1rem;
            background-color: var(--btn-dark-bg, #000000);
            color           : var(--buttons-color, #ffffff);
            border-radius   : 0.5rem;
            transition      : background-color 0.3s ease;

            &:hover {
                background-color: var(--clr-coabai-3, #BF6900);
            }
        }
    }
}

header {
    background-color: var(--header-background, #000000);
		
	.logo-container {
		margin-right:auto;
	}
	.logo-container img {
		max-height:65px;
	}
	
    .brand-container .section-container {
        display              : grid;
        grid-auto-flow       : column;
        grid-template-columns: repeat(3, 1fr);
        padding              : 3rem 0;

        .contact-data {
            a {
                font-size  : 1.2rem;
                line-height: 2rem;
                color      : var(--font-color-variant-2, #ffffff);
                display    : flex;
                gap        : 0.4rem;
                align-items: center;
                margin     : 0;

                svg {
                    height: 1.2rem;
                }
            }
        }

        .social-media {
            display        : flex;
            align-items    : center;
            justify-content: flex-end;

            .widget_social_icon_widget {
                display: flex;
                gap    : 1rem;

                a {
                    display: flex;
                    gap    : 0.4rem;
                    color  : var(--font-color-variant-2, #ffffff);
                }

            }
        }

        .logo-container {
            text-align: center;
        }
    }

    .menu-container .section-container {
        border-top     : 1px solid #BF69003D;
        padding        : 1.5rem 0;
        justify-content: center;
        display        : flex;
		align-items:center;

        #sidebarToggle {
            color: var(--clr-coabai-6, #ffffff);
        }

        nav ul.navbar-nav {
            display        : flex;
            gap            : 2rem;
            flex-direction : row;
            justify-content: center;

            li a {
                font-size  : 1.3rem;
                line-height: 2.2rem;
                font-weight: 300;
                color      : var(--font-color-variant-2, #ffffff);

                &:hover,
                &:focus,
                &.active,
                &:focus-within,
                &:focus-visible {
                    color: var(--font-color-variant-1, #BF6900);
                }
            }

            .dropdown-menu,
            .dropdown-menu a {
                background-color: var(--header-background, #000000);
            }
        }
    }
}

.horizontal-section.single-post-section {
    --max-post-width: 1080px;
    padding         : 0 0 0 5rem;

    .section-container {
        max-width: var(--max-post-width, 1080px);

        .post-content {
            display        : flex;
            flex-direction : column;
            gap            : 2rem;
            text-align     : left;
            justify-content: flex-start;

            .post-thumbnail {
                text-align: center;
            }

            .post-thumbnail img {
                max-width: 800px;
                height   : auto;
            }
        }
    }
}

.horizontal-section.contact-section {
    padding: 5rem 0;

    h3 {
        margin    : 0 auto;
        margin-top: 5rem;
    }

    .section-container {
        max-width: var(--max-post-width, 1080px);

        .contact-page-data {
            display        : flex;
            gap            : 2rem;
            justify-content: center;
            margin-top     : 5rem;

            div {
                padding         : 2rem 3rem;
                aspect-ratio    : 1/1;
                height          : 200px;
                border-radius   : 16px;
                text-align      : center;
                background-color: rgba(127, 127, 127, 0.075);
                border-radius   : 16px;
                padding         : 2rem;
                display         : flex;
                flex-direction  : column;
                justify-content : flex-start;
                align-items     : center;

                svg {
                    width        : 35px;
                    height       : 35px;
                    margin-bottom: 1.8rem;
                }

                a {
                    color      : var(--clr-coabai-1, #000000);
                    line-height: 2.2rem;

                    &:hover {
                        color: var(--clr-coabai-3, #BF6900);
                    }
                }

                p {
                    line-height: 2.2rem;
                }

            }
        }
    }
}

.horizontal-section.archive-section {
    .section-container {
        padding: 5rem 0;

        .blog-entries {
            display              : grid;
            gap                  : 2rem;
            grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
            margin-top           : 5rem;

            .blog-entry {
                display       : flex;
                gap           : 2rem;
                flex-direction: column;

                .entry-thumbnail {
                    height             : 250px;
                    background-size    : cover;
                    background-position: center center;
                    background-repeat  : no-repeat;
                    border-radius      : 16px;
                }

                .entry-summary {
                    padding-bottom: 2.5rem;
                    display       : flex;
                    flex-direction: column;
                    gap           : 1rem;
                    flex          : 1 0 auto;

                    div {
                        margin-top: auto;
                    }
                }
            }
        }
    }
}

.carousel {
            isolation: isolate;
    --carousel-height: 415px;
    background-color : var(--clr-coabai-1, #000000);
	box-shadow: 0px 6px 11px 2px rgba(0, 0, 0, 0.2);

            .carousel-item {
                height             : var(--carousel-height, 500px);
                z-index            : 1;
                display            : flex;
                justify-content    : center;
                align-items        : center;
                gap                : 2.5rem;
                flex-direction     : column;
                background-size    : cover;
                background-repeat  : no-repeat;
                background-position: center top;
                animation          : banner-movement 8s infinite alternate ease-in-out;

                h2,
                h4 {
                    z-index   : 5;
                    margin    : 0;
                    color     : var(--clr-coabai-6, #ffffff);
                    text-align: center;
                }

                &:after {
                    content   : '';
                    position  : absolute;
                    top       : 0;
                    left      : 0;
                    width     : 100%;
                    height    : 100%;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 100%);
                    z-index   : 2;
                }
            }

            .carousel-indicators {
                bottom : 5px;
                gap    : 1rem;
                z-index: 5;

                li {
                    height          : 5px;
                    background-color: var(--clr-coabai-6, #ffffff);
                    width           : 35px;
                    cursor          : pointer;
                }

            }

        }

.horizontal-section.about-company-section {
    .section-container {
        .home-about-company {
            display        : flex;
            gap            : 2rem;
            justify-content: center;
            align-items    : center;
            text-align     : center;
            flex-direction : column;
            padding        : 5rem 0;

            p {
                width: 100ch;
            }
        }
    }
}

.horizontal-section.recipe-section {
    .section-container {
        .recipes-card-container {
            display              : grid;
            grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
            gap                  : 2rem;
            justify-content      : center;

            .recipe-item {
                display        : flex;
                gap            : 2rem;
                flex-direction : column;
                justify-content: flex-start;
                align-items    : center;
                text-align     : center;
                padding        : 2rem;
                border-radius  : 16px;

                .recipe-image {
                    height             : 6rem;
                    background-size    : cover;
                    background-repeat  : no-repeat;
                    background-position: center center;
                    width              : 100%;
                    height             : 250px;
                    border-radius      : 16px;
                }

                img {
                    width : 100%;
                    height: auto;
                }

                h3 {
                    margin: 0;
                }

                p {
                    margin: 0;
                }

                a {
                    margin-top: auto;
                }
            }
        }
    }

}

.horizontal-section.call-us-section {
    background-color: var(--clr-coabai-1, #000000);
    padding         : 5rem 0;
    margin          : 5rem 0 0 0;

    .section-container {
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
        text-align     : center;

        a {
            color : var(--clr-coabai-6, #ffffff);
            margin: 0;

            &:hover {
                color: var(--clr-coabai-3, #BF6900);
            }
        }
    }
}

.horizontal-section.map-section {
    background-color: var(--clr-coabai-1, #000000);

    .section-container {
        max-width: 100%;

        iframe {
            width : 100%;
            height: 450px;
        }
    }
}

.footer {
    display         : flex;
    flex-direction  : column;
    height          : 100px;
    background-color: var(--footer-background, #000000);
    text-align      : center;
	margin-top: auto;

    * {
        color: var(--clr-coabai-6, #ffffff);
    }

    .contact-data {
        display        : flex;
        gap            : 0.1rem;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
        flex-basis     : 100%;

        p {
            margin: 0;
        }
    }

    .copyright-social {
        display       : flex;
        flex-direction: column;
        gap           : 1rem;
        /*border-top    : 1px solid #BF69003D;*/
        margin-top    : auto;

        .widget_social_icon_widget {
            display        : flex;
            gap            : 1rem;
            justify-content: center;
        }

        p {
            font-size: 1.2rem;
        }
    }
}
/**
Theme Name: Global Services
Text Domain:
Version: 1.0
*/

/** IMPORTS AND FONT FACES **/
@font-face { font-family: 'Neusa Next Std'; font-style: normal; font-weight: 100; src: url(assets/fonts/neusa-next-std/neusa-next-std-thin.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: italic; font-weight: 100; src: url(assets/fonts/neusa-next-std/neusa-next-std-thin-italic.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: normal; font-weight: 300; src: url(assets/fonts/neusa-next-std/neusa-next-std-light.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: italic; font-weight: 300; src: url(assets/fonts/neusa-next-std/neusa-next-std-light-italic.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: normal; font-weight: 400; src: url(assets/fonts/neusa-next-std/neusa-next-std-regular.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: italic; font-weight: 400; src: url(assets/fonts/neusa-next-std/neusa-next-std-italic.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: normal; font-weight: 500; src: url(assets/fonts/neusa-next-std/neusa-next-std-medium.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: italic; font-weight: 500; src: url(assets/fonts/neusa-next-std/neusa-next-std-medium-italic.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: normal; font-weight: 700; src: url(assets/fonts/neusa-next-std/neusa-next-std-bold.ttf) format('truetype'); }
@font-face { font-family: 'Neusa Next Std'; font-style: italic; font-weight: 700; src: url(assets/fonts/neusa-next-std/neusa-next-std-bold-italic.ttf) format('truetype'); }

/** UTILITIES **/
/** Transitions **/
.transition-none { transition: none!important; }
/** Positions **/
@media (min-width: 1200px) { .position-xl-absolute{ position: absolute !important; } }
/** Font Sizes **/
.fs-12px { font-size: 12px !important; }
/** Font Weights **/
.fw-thin { font-weight: 100 !important; }
/** Colors **/
.link-white { color: #FFF!important; } .link-white:hover, .link-white:focus { color: #dee2e6!important; }
.text-blue, .link-blue { color: #0F3C62 !important; } .link-blue:hover, .link-blue:focus { color: #1663AD!important; }
.text-salmon, .link-salmon { color: #FF6969 !important; } .link-salmon:hover, .link-salmon:focus { color: #D05959 !important; }
/** Backgrounds **/
.bg-gray { background-color: #F5F6F8!important;}
.bg-gray2 { background-color: rgba(114, 124, 142, 0.1)!important;}
.bg-blue { background-color: #0F3C62!important;}
/** Btn **/
.btn-salmon {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF6969;
    --bs-btn-border-color: #FF6969;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D05959;
    --bs-btn-hover-border-color: #FF6969;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D05959;
    --bs-btn-active-border-color: #e25858;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(148, 16, 55, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff9a8e;
    --bs-btn-disabled-border-color: #FF6969;
    font-weight: 300;
}
.whatsapp-action {
    position: fixed;
    bottom: 30px;
    right: 40px;
    width: 45px;
    cursor: pointer;
    z-index: 1032;
}
.whatsapp-action img { width:45px; }
.btn-arrow{ position: relative; } .btn-arrow:after{ content: "\203A"; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background-color: #fff; border-radius: 50%; color: #FF6969; text-align: center; font-size: 28px; line-height: 1; }
/** Border **/
/** Margin **/
/** Padding **/
@media(min-width: 992px){
    .px-lg-6{ padding-right: 5rem !important; padding-left: 5rem !important; }
}
/** Sizing **/
.min-w-auto{ min-width: auto !important; }
.min-h-100{ min-height: 100% !important; }
.h-20px{ height: 20px !important; }
.h-30px{ height: 30px !important; }
.w-85px{ width: 85px !important; }
/** Z-index **/
.z-10 { z-index: 10 !important; }
/** LAYOUT **/
body { font-family: 'Neusa Next Std', sans-serif; font-size: 1.1rem; color: #515C6F; }
a{ text-decoration: none; } header.navbar a:not(.navbar-brand):hover img, .add-to-cart-box a:hover img, footer.footer a:hover img { opacity: .6; }
b, strong{ font-weight: 500; }
.form-group { margin-bottom: 1rem; }
.required { color: #fd7e14; }
.dropdown .dropdown-menu { position:absolute; }
.dropdown-toggle:after { border: solid; border-width: 0 0.1rem 0.1rem 0; display: inline-block; padding: 0.2rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.dropdown-menu { border-radius: 0; padding-top: 0; padding-bottom: 0; margin-top: 0!important; box-shadow: 0 .2rem .2rem rgba(0,0,0,.075); }
.dropdown-item { padding-top: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #dee2e6; }
.dropdown-menu>.dropdown-item:last-child, .dropdown-menu>li:last-child>.dropdown-item { border-bottom: 0; }
.dropdown-item.active, .dropdown-item:active{ color: #1e2125; text-decoration: underline; background-color: transparent; }
.dropdown-item.active:hover, .dropdown-item.active:focus{ background-color: #e9ecef; }
/** Elementor **/
.e-con-boxed{ padding-right: 12px !important; padding-left: 12px !important; }
.e-con-boxed>.e-con-inner{ max-width: none!important; margin-right: 0; margin-left: 0; }
@media (min-width: 992px) { .e-con-boxed{ max-width: 960px!important; } }
@media (min-width: 1200px) { .e-con-boxed{ max-width: 1140px!important; } }
@media (min-width: 1400px) { .e-con-boxed{ max-width: 1320px!important; } }
.elementor-button{ border: 1px solid transparent; }
.elementor-button.elementor-size-md { padding: 12px 24px!important; }
.elementor-button-salmon .elementor-button{ font-weight: 300; background-color: #FF6969; border-color: #FF6969; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.elementor-button-salmon .elementor-button:hover{ background-color: #D05959; border-color: #FF6969; }
.elementor-button-salmon .elementor-button:active{ background-color: #D05959; }
.fw-semibold .elementor-heading-title{ font-weight: 600 !important; }
.lh-sm .elementor-heading-title{ line-height: 1.25 !important; }
.fs-2 .elementor-heading-title{ font-size: 2rem !important; }
/** Header **/
#wpadminbar { position: fixed; }
.admin-bar .fixed-top { top: 46px; } @media(min-width: 783px) { .admin-bar .fixed-top { top: 32px; } }
header.navbar a, header.navbar .navbar-nav .nav-link { color: #a6acb8; }
header.navbar a:hover, header.navbar a:active, header.navbar .navbar-nav .nav-link:hover, header.navbar .navbar-nav .nav-link:active, header.navbar .navbar-nav .nav-link.active, header.navbar .is-active>a { color: #FF6969; }
header.navbar .navbar-brand img{ width: 100px; }
#header-search { width: 60%; }
#header-search input:not([type=image]) { background-color: #e8eaed; font-weight: 300; }
@media screen and (max-width: 1250px){
    body.woocommerce div.product form.cart, 
    body.woocommerce div.product form.cart.variations_form,
    body .woocommerce-variation-add-to-cart.variations_button
    { flex-direction: column; gap:10px; align-items: flex-start; }
    body.woocommerce div.product form.cart .button, 
    body.woocommerce div.product form.cart.variations_form .button,
    body.woocommerce div.product form.cart a, 
    body.woocommerce div.product form.cart.variations_form a   
    { margin: 0!important; }
    }
@media (max-width: 575px){
    header.navbar { min-height: 100px; }
    header.navbar .position-relative{ padding-bottom: 40px; }
    #header-search { position: absolute; bottom: 0; left: 12px; width: calc(100% - 24px); }
}
@media (max-width: 991px){
    #main-navbar { position: fixed; top: 0; left: -280px; height: 100vh; width: 280px; background-color: #FFF; transition: left 0.3s ease; z-index: 1050; overflow-y: auto; }
    .admin-bar #main-navbar { padding-top: calc(1rem + 46px) !important; }
    #sidebarClose { position: absolute; top: 1rem; right: 1rem; }
    .admin-bar #sidebarClose { top: calc(1rem + 46px); }
    @media(min-width: 783px) {
        .admin-bar #main-navbar { padding-top: calc(1rem + 32px) !important; }
        .admin-bar #sidebarClose { top: calc(1rem + 32px); }
    }
    body.sidebar-open{ overflow-y: hidden; padding-right: 15px; }
    .sidebar-backdrop{ position: fixed; top: 0; left: 0; z-index: 1049; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .5); }
    body.sidebar-open #main-navbar{ left: 0; }
    #main-navbar .navbar-nav{ overflow-y: auto; }
    #main-navbar .navbar-nav .dropdown-menu{ border-top: 0; border-right: 0; border-left: 0; box-shadow: none; margin-bottom: 0.5rem; }
}
@media(min-width: 576px) {
    header.navbar .navbar-next-to-the-brand{ width: calc(100% - 200px ); }
}
@media(min-width: 768px) {
    header.navbar .navbar-brand img{ width: 150px; }
    header.navbar .navbar-next-to-the-brand{ width: calc(100% - 250px ); }
    #header-search { width: 70%; }
}
@media(min-width: 992px){
    header.navbar .navbar-next-to-the-brand{ width: calc(100% - 180px ); }
    #main-navbar .dropdown:hover>.dropdown-menu { display: block !important; }
}
@media(min-width: 1200px){
    header.navbar .navbar-next-to-the-brand{ width: calc(100% - 300px ); }
    header.navbar .navbar-brand img{ width: 100%; }
}
.fix-header-height{ padding-top: 100px; clear: both; height:0; font-size: 1px; line-height: 0px; } .admin-bar .fix-header-height{ padding-top: 146px; }
@media(min-width: 576px){ .fix-header-height{ padding-top: 57px; } .admin-bar .fix-header-height{ padding-top: 99px; } }
@media(min-width: 768px){ .fix-header-height{ padding-top: 73px; } .admin-bar .fix-header-height{ padding-top: 119px; } }
@media(min-width: 783px) { .admin-bar .fix-header-height{ padding-top: 105px; } }
@media(min-width: 992px){ .fix-header-height{ padding-top: 94px; } .admin-bar .fix-header-height{ padding-top: 126px; } }
@media(min-width: 1200px){ .fix-header-height{ padding-top: 112px; } .admin-bar .fix-header-height{ padding-top: 144px; } }
/** Footer **/
footer.footer { color: #727C8E; }
footer .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF6969'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF6969'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
footer .accordion-button{ cursor: pointer; }
footer.footer [class*='border'] { --bs-border-color: #FF6969; }
footer.footer .sidebar ul{ padding-left: 0; list-style: none; } footer.footer .sidebar ul>li{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
footer.footer a { color: #F5F6F8; text-decoration: none; } footer.footer a:hover, footer.footer a.active, footer.footer .current-menu-item>a { color: #CCC; }
footer.footer ul { margin-bottom: 0; }
@media (min-width: 992px) { footer .accordion-button{ cursor: default; } footer .accordion-button:after{ content: none; } }
/** Back to top **/
#back-to-top{ position: fixed; right: 30px; bottom: 30px; z-index: 1031; }
#back-to-top:hover{ opacity: 1; }
@media(min-width: 992px){ #back-to-top{ bottom: 100px; } }
/** Home **/
/** Breadcrumb **/
.breadcrumb-item+.breadcrumb-item:before { content: "\203A"; font-weight: 400; }
/** 404 **/
#error_404 .row{margin-top:5%;margin-bottom:5%;}
#error_404 .number{line-height:128px;font-size:128px;font-weight:300;letter-spacing:-7px;margin-top:10px;text-align:center;}
#error_404 .message-wrapper{text-align:center;}
@media(min-width:992px){#error_404 .number{text-align:right;}#error_404 .message-wrapper{text-align:left;}}
/** PLUGINS **/
/** Contact Form 7 **/
.wpcf7-radio.column .wpcf7-list-item, .wpcf7-checkbox.column .wpcf7-list-item{ margin: 1rem 0; display: block; }
.wpcf7-radio.column .wpcf7-list-item input, .wpcf7-checkbox.column .wpcf7-list-item input{ margin-right: 0.325rem; }
.wpcf7-checkbox.ms-0 .wpcf7-list-item.first, .wpcf7-radio.ms-0 .wpcf7-list-item.first{ margin-left: 0 !important; }
.wpcf7-checkbox.no-label .wpcf7-list-item .wpcf7-list-item-label{ display: none; }
.wpcf7-response-output{margin-right:0!important;margin-left:0!important;padding:.75rem 1.25rem!important;border-width:1px!important;border-radius:.25rem;text-align:left!important;}
.wpcf7-mail-sent-ng,wpcf7-aborted,.wpcf7-spam-blocked,.wpcf7-validation-errors,.wpcf7-acceptance-missing{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb!important;}
.wpcf7-mail-sent-ok{color:#155724;background-color:#d4edda;border-color:#c3e6cb!important;}
.wpcf7-submit{ position: relative; padding-right: 5rem !important; padding-left: 5rem !important; }
form:not(.submitting) .wpcf7-spinner{ display: none; }
/** Woocommerce **/
.woocommerce { max-width: var(--max-post-width, 1080px); margin: 0 auto; }
.woocommerce h2 { font-size: 3rem; }
.woocommerce { padding: 0 2rem 2rem 2.5rem; }
.woocommerce-error, .woocommerce-info, .woocommerce-message{ position: relative; border: 1px solid #a3cfbb; background-color: #d1e7dd; color: #0a3622; border-radius: 0.375rem; margin-bottom: 1rem; }
.woocommerce-info{ border-color: #9ec5fe; color: #052c65; background-color: #cfe2ff; }
.woocommerce-error{ border-color: #f1aeb5; color: #58151c; background-color: #f8d7da; }
.woocommerce [class*='col-'] .woocommerce-result-count{ float: none; margin-bottom: 0; padding-top: 5px; }
.woocommerce input[type='number'] { -moz-appearance:textfield; }
.woocommerce input[type='number']::-webkit-outer-spin-button,
.woocommerce input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; }
.woocommerce .sg-custom-select select {
    line-height: 1.5 !important;
    font-size: 1rem;
    padding: 0.375rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 19px;
    font-weight: 300;
    background-clip: padding-box;
    height: 38px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: #FFF;
    color: #515C6F;
}
.woocommerce .sg-custom-select select option {    
    font-size: 1.1rem;
    color: #515C6F;
}
.woocommerce .quantity .qty{ display:none!important; width: 5%; }
.woocommerce .sku_wrapper { display:none!important; }
.woocomerce .single_add_to_cart_button { display:none!important; }
.woocommerce .products ul, .woocommerce ul.products{ display: flex; flex-flow: row wrap; }
.woocommerce .products ul:before, .woocommerce ul.products:before{ display: block; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ background-color: #FFF; border-radius: 1rem; padding: 1rem 1rem 55px; }
@media only screen and (max-width: 768px){
	.woocommerce .products ul, .woocommerce ul.products{ margin-right: -6px; margin-left: -6px; }
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: calc(50% - 12px);
		margin-right: 6px;
		margin-left: 6px;
	}
}
@media only screen and (max-width: 450px){
    .woocommerce ul.products li.product .w-85px{ width: 70px !important; }
    .woocommerce ul.products li.product .w-85px .form-control{ padding-right: 0 !important; padding-left: 0 !important; }
    .woocommerce ul.products li.product img.h-30px{ height: 20px !important }
}
.woocommerce span.onsale{ background-color: #FF6969; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ color: #515C6F; font-weight: 300; font-size: 2rem; line-height: 2.4rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price, 
.woocommerce ul.products li.product .price{ color: #0F3C62; font-weight: 500; font-size: 24px; display: flex; align-items: baseline; flex-direction: row-reverse; justify-content: flex-end; flex-wrap: wrap; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, 
.woocommerce ul.products li.product .price ins{ text-decoration: none; font-weight: 500; margin-right: 1rem; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del, 
.woocommerce ul.products li.product .price del{ color: #515C6F; font-size: 15px; font-weight: 400; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after{ position: absolute; top: -5px; right: -10px; color: #198754; font-size: 10px; margin-left: 0; }
.woocommerce ul.products li.product a.added_to_cart{ display: none; }
.woocommerce .button,
a.whatsapp-button{ font-weight: 400 !important; border-radius: 50rem !important; font-size: 1.2rem !important; display: inline-block !important;color:#fff!important; }
.woocommerce .button:not([class*='p-']):not([class*='px-']):not([class*='py-']):not([class*='pt-']):not([class*='pe-']):not([class*='pb-']):not([class*='ps-']),
a.whatsapp-button{ padding:1.1rem 4rem 1.1rem 2rem  !important }
.woocommerce .button.alt,
a.whatsapp-button{ background-color: #000 !important; }
.woocommerce .button.alt:hover,
a.whatsapp-button:hover{ background-color: #000 !important; }
.woocommerce button.single_add_to_cart_button,
.woocommerce a.add_to_cart_button {display:none!important;}
.woocommerce .button.alt:hover,
a.whatsapp-button:hover{ background-color: #000000c4 !important; }
.woocommerce table.shop_table{ border-spacing: 0; }
.woocommerce table.shop_table th, .woocommerce table.shop_table tbody>th, .woocommerce table.shop_table tfoot th{ font-weight: 500; }
.woocommerce table.shop_table thead>tr>th{ background-color: #0F3C62; color: #FFF; border: 0; }
.woocommerce table.shop_table thead>tr>th:first-child{ border-top-left-radius: 5px; }
.woocommerce table.shop_table thead>tr>th:last-child{ border-top-right-radius: 5px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align: center; }
@media (min-width: 576px){ .woocommerce-cart .wc-proceed-to-checkout{ text-align: right; } }
#order_review_heading{ margin-top: 1rem; margin-bottom: 1rem; }
.woocommerce-address-fields__field-wrapper{ margin-bottom: 1rem; }
.woocommerce .input-text:not([type=number]){ line-height: 1.5 !important; font-size: 1rem; padding: 0.375rem 1rem; border: 1px solid #dee2e6; border-radius: 19px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.woocommerce textarea.input-text{ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); }
.woocommerce .input-text:not([type=number]):focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus{ border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.woocommerce .input-text:not([type=number])::-moz-placeholder, .woocommerce .input-text:not([type=number])::placeholder, .woocommerce .input-text:not([type=number]):disabled{ color: rgba(33, 37, 41, 0.75); opacity: 1; }
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ top: 10px; }
.select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single{ outline: 0; font-size: 1rem; padding-top: 4px; padding-right: 7px; padding-left: 7px; min-height: 38px; border-color: #dee2e6; border-radius: 19px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 100%; right: 7px; }
.select2-dropdown{ border-color: #dee2e6; }
.select2-container--default .select2-search--dropdown .select2-search__field{ border-color: #dee2e6; font-weight: 300; color: #515C6F; }
.woocommerce div.product .woocommerce-product-gallery__image{ background-color: #FFF; border-radius: 1rem; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.woocommerce div.product .woocommerce-product-gallery__image img{ border-radius: 1rem; }
.woocommerce div.product .posted_in, .woocommerce div.product .tagged_as{ display: block; margin-bottom: 0.5rem; font-weight: 500; } 
.woocommerce div.product .posted_in a, .woocommerce div.product .tagged_as a{ font-weight: 300; font-size: 1.6rem; line-height: 2.8rem; text-decoration: none; }
.woocommerce div.product form.cart,
.woocommerce div.product form.cart.variations_form
{ display: flex; flex-direction:column; align-items: center; padding-top: 1rem; border-top: 1px solid #dee2e6; }
.woocommerce div.product form.cart {flex-direction:row;}
.woocommerce div.product form.cart .single_variation_wrap {margin-right: auto;}
.woocommerce div.product form.cart .button{ float: none; /*margin-left: 10px;*/ }
.woocommerce div.product form.cart .button:after{ content: "\203A"; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background-color: #fff; border-radius: 50%; color: #000; text-align: center; font-size: 28px; line-height: 1; }
.woocommerce-variation-add-to-cart.variations_button {display: flex;align-items: center;}
.woocommerce div.product .products:before{ display: block; clear: both; content: ""; }
@media (max-width: 991px){
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{ display: none; }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content{ width: auto; float: none; }
	.dropdown .dropdown-menu { position:unset!important;transform: translate(0px, 0)!important; }
	#main-navbar .navbar-nav { flex-direction:column; height: 100%; justify-content: flex-start; }
	header {
		& .menu-container .section-container {
			& nav ul.navbar-nav {
				.dropdown-menu, .dropdown-menu a {
					background-color: #FFF;;
				}
			}
		}
	}
	header .menu-container .section-container nav ul.navbar-nav li a { color:#000; }
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul{ list-style: none; padding-left: 0; padding-right: 1.5rem; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul>li>a{ display: block; padding: 0.5rem; color: #a6acb8; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul>li>a:hover, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul>li.is-active>a{ color: #FF6969; } 
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul>li:not(:last-child)>a{ border-bottom: 1px solid #dee2e6; }
.categories-home ul.products li.product{ padding-bottom: 1rem; margin-bottom: 0 !important; }
.categories-home ul.products li.product a { color: #515C6F; }
.categories-home ul.products li.product a:hover { color: rgba(114, 124, 142, 0.7); }
.categories-home ul.products li.product a img { margin-bottom: 0; }
.categories-home ul.products li.product .woocommerce-loop-category__title{ font-weight: 500; font-size: 1rem; text-align: center; }
.categories-home ul.products li.product .woocommerce-loop-category__title mark{ display: none; }
/** YITH WooCommerce Wishlist **/
.yith-wcwl-add-to-wishlist{ margin-top: 0; }
.yith-wcwl-add-button a{ color: #727c8e; font-size: 0; }
.yith-wcwl-add-button a:hover{ color: rgba(114, 124, 142, 0.7); }
.yith-wcwl-add-button a>i{ font-size: 30px; margin-right: 0; line-height: 1.5; }
.yith-wcwl-add-button a>:not(i){ display: none; }
@media only screen and (max-width: 450px){
	.woocommerce ul.products li.product .yith-wcwl-add-button a>i{ font-size: 1.1rem; }
}
.woocommerce .wishlist-title{ margin-bottom: 1rem; }
table.wishlist_table td{ font-size: 1.1rem; }
.wishlist_table .amount{ color: #0F3C62; font-weight: 500; font-size: 18px; }
.wishlist_table ins{ text-decoration: none; font-weight: 500; }
.wishlist_table del .amount{ color: #515C6F; font-size: 14px; font-weight: 400; }
.wishlist_table .product-add-to-cart .add-to-cart-box{ position: static !important; padding: 0 !important; }
.wishlist_table .product-add-to-cart .add-to-cart-box a{ margin: 0 !important; }
.wishlist_table .product-add-to-cart .add-to-cart-box .yith-wcwl-add-button, .wishlist_table .product-add-to-cart .add-to-cart-box .add_to_cart_button{ margin-left: 7px !important }
.wishlist_table.mobile{ padding-left: 0; margin-bottom: 0; }
.wishlist_table.mobile li{ padding: 0.5rem; border: 1px solid #dee2e6; border-radius: 0.375rem; margin-bottom: 0.5rem; }
.wishlist_table.mobile li .item-details h3 a{ color: #0F3C62; }
.wishlist_table.mobile a.remove_from_wishlist{ color: #dc3545; }
.wishlist_table.mobile a.remove_from_wishlist:hover{ color: rgba(176, 42, 55, 0.7); }
@media (max-width: 1440px) {
    body {
        :not(.banner-section, .map-section) .section-container {
            padding-right: 5rem !important;
            padding-left : 5rem !important;
        }
    }
}

@media (max-width: 1020px) {
    body .horizontal-section.about-company-section .section-container .home-about-company p {
        width: 100%;
    }
}

@media (max-width: 1020px) {
    body .horizontal-section.single-post-section {
        padding: 0;
    }
	
	body .horizontal-section.single-post-section h1 {
		font-size:4.5rem;
		line-height: 4.5rem;
	}
}

@media (max-width: 991px) {
    body {
        padding-top: 90px;

        header .brand-container .section-container {
            grid-auto-flow       : row;
            grid-template-columns: 1fr;
            gap                  : 1.5rem;

            .widget_social_icon_widget {
                margin: 0 auto;
            }

            .contact-data {
                display       : flex;
                align-items   : center;
                flex-direction: column;

                a {
                    flex-direction: column;
                    text-align    : center;
                }
            }
        }

        #main-navbar {
            position        : fixed;
            top             : 0;
            left            : -280px;
            height          : 100vh;
            width           : 280px;
            background-color: #FFF;
            transition      : left 0.3s ease;
            z-index         : 1050;
            overflow-y      : auto;
        }

        &.sidebar-open #main-navbar {
            left: 0;
        }

        &.sidebar-open #main-navbar ul#menu-primary-menu {
            flex-direction: column;

            li a,
            li .dropdown-menu li a {
                color: var(--clr-coabai-1, #000000);
            }

            li .dropdown-menu,
            li .dropdown-menu a {
                background-color: var(--clr-coabai-6, #ffffff);
            }
        }

        .banner-section .banner-carousel-item {
            padding-right: 3rem;
            padding-left : 3rem;
        }

        :not(.banner-section, .map-section) .section-container {
            padding-right: 3rem !important;
            padding-left : 3rem !important;
        }

    }
}