/* Top bar */
.top-bar{
    height: 30px !important;
	display: flex !important;
    position: relative !important;
}

.topbar-wrapper{
    background-color: #212529 !important;
}

.top-bar *{
    color: #fff !important;
    font-size: 12px !important;
}

.top-bar-avis{
    display: flex;
    gap: 5px;
    align-items: center;
}

.top-bar-avis svg{
    width: 19px !important;
    height: 17px !important;
    position: relative;
    top: -2px;
}

.top-bar-center{
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
}

.top-bar > .col-full{
	width: 100% !important;
    max-width: 100% !important;
}

.top-bar .textwidget{
	padding: 0 !important;
}

.topbar-wrapper,
.header-4-inner{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.top-bar p{
	position: relative;
	top: 1px;
}

.top-bar-right p{
	font-family: var(--font-text) !important;
	font-size: 12px;
}

.main-header{
    justify-content: space-between !important;
}

.main-header::before,
.main-header::after,
.site-branding{
    display: none !important;
}

.site-header-cart,
.fkcart-shortcode-price{
	display: none !important;
}

body .site-header{
    margin: 0;
    padding: 10px 0 !important;
}

.secondary-icon-menu{
    z-index: 2;
    display: flex;
    padding-right: 20px;
}

.secondary-icon-menu > *{
    padding: 0 10px;
    display: flex;
    align-items: center;
}

body .header-4-container{
    padding: 0 !important;
    box-shadow: unset !important;
    border-bottom: 0 !important;
    background-color: var(--wp--preset--color--white) !important;
    transition: 200ms !important;
}

.header-4-container{
    background-color: var(--wp--preset--color--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: 200ms !important;
}

.header-social-icon svg path,
.header-account svg path{
    stroke: var(--wp--preset--color--black) !important;
}

.header-search-icon path,
.header-wishlist svg path{
    fill: var(--wp--preset--color--black) !important;
}

.fkcart-shortcode-icon-wrap::before {
    background-color: var(--wp--preset--color--black) !important;
}

.fkcart-shortcode-container .fkcart-shortcode-count {
    color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--black) !important;
    background-color: var(--wp--preset--color--black) !important;
}

.is-menu-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    z-index: 1;
}

.is-menu-logo svg{
    max-width: 170px;
}

.header-social-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 21;
    cursor: pointer;
}

.header-social-icon > *{
    margin-right: 3px !important;
}

#menu-menu-principal{
    /* margin-left: -74px !important; */
}

#nav-menu-item-578{
    margin-right: 210px !important;
}

.fkcart-shortcode-icon-wrap svg{
    display: none !important;
}

.fkcart-shortcode-icon-wrap::before{
    content: "" !important;
    width: 15px;
    height: 17px;
    display: block;
    position: relative;
    background-color: var(--wp--preset--color--white);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.03586 17.4867C5.80467 17.4867 3.57348 17.4867 1.34228 17.4867C0.622401 17.4867 0.042777 16.8332 0.140096 16.1641C0.353341 14.6925 0.550127 13.2181 0.754068 11.745C0.955867 10.2889 1.15909 8.83214 1.36232 7.37604C1.46178 6.66494 1.56626 5.95384 1.66 5.24206C1.71868 4.79737 1.85679 4.67128 2.33337 4.6706C2.96666 4.66925 3.60067 4.6645 4.23396 4.67331C4.43218 4.67602 4.50016 4.61027 4.4973 4.42317C4.48799 3.86595 4.47726 3.31144 4.68049 2.76981C5.22791 1.31575 6.79647 0.354507 8.3865 0.518556C10.0545 0.690738 11.3812 1.89127 11.5859 3.43685C11.6288 3.76224 11.6124 4.09575 11.6045 4.42453C11.6002 4.61366 11.6725 4.67535 11.8693 4.67331C12.5119 4.66518 13.1545 4.66857 13.7971 4.67128C14.2307 4.67264 14.381 4.81025 14.4382 5.22172C14.6994 7.10489 14.9642 8.98737 15.2275 10.8705C15.4808 12.6866 15.7327 14.5026 15.9882 16.3187C16.024 16.5716 15.9395 16.7661 15.7628 16.9627C15.4143 17.3491 15.0171 17.5077 14.4611 17.4996C12.3201 17.4677 10.1776 17.4867 8.03586 17.4867ZM8.05232 16.6109C10.1762 16.6109 12.3 16.6109 14.4246 16.6109C14.5227 16.6109 14.6221 16.6163 14.7187 16.6034C14.9305 16.5749 15.0715 16.4089 15.0443 16.2116C14.9534 15.5418 14.8554 14.8728 14.7617 14.2037C14.5727 12.8561 14.3838 11.5091 14.1963 10.1615C13.9953 8.71351 13.7935 7.26555 13.596 5.81758C13.5702 5.62778 13.4865 5.54711 13.2682 5.54778C9.78762 5.55389 6.30701 5.55321 2.82712 5.54778C2.60958 5.54778 2.52658 5.62778 2.50081 5.82029C2.289 7.36926 2.07146 8.91687 1.85679 10.4658C1.60061 12.3158 1.34729 14.1657 1.08753 16.015C1.02027 16.4963 1.11473 16.6109 1.62637 16.6109C3.76812 16.6109 5.91057 16.6109 8.05232 16.6109ZM8.03801 4.66789C8.81442 4.66789 9.59083 4.66789 10.368 4.66789C10.5993 4.66789 10.7155 4.55423 10.7165 4.32691C10.7165 4.17439 10.7172 4.02254 10.7157 3.87002C10.7021 2.68033 9.85849 1.69401 8.62622 1.4276C7.44837 1.17272 6.2283 1.74282 5.67801 2.78879C5.40824 3.30195 5.43257 3.85375 5.39035 4.39945C5.37389 4.61569 5.46477 4.67399 5.68231 4.67128C6.46802 4.66179 7.25229 4.66721 8.03801 4.66789Z' fill='%231E1E1E'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.fkcart-shortcode-container .fkcart-shortcode-count{
    top: -7px !important;
    right: -10px !important;
    background-color: var(--wp--preset--color--black) !important;
    font-weight: 400 !important;
	font-family: var(--wp--preset--font-family--hanken-grotesk) !important;
}

.has-scrolled .header-4-container{
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: 200ms !important;
}

.top-bar-center p,
.top-bar-center div{
    letter-spacing: 3px;
    font-size: 12px;
}

li.menu-item span.sub{
    display: none !important;
}

.col-full.topbar-wrapper{
    max-width: 100% !important;
}

.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.menu-item-has-children > a{
    font-family: var(--font-text) !important;
}

/* Ingenius intersite header */
.header-4-inner{
    padding: 0 !important;
}

header{
    width: 100%;
    height: 100%;
    margin: 0;
}

.main-header.col-full{
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.main-navigation{
    height: 100% !important;
}

.menu-primary-menu-container > ul > li > a{
    font-size: 12px !important;
}



@media only screen and (max-width: 1366px) and (min-width: 1200px){
    /* #menu-menu-principal {
        margin-left: -64px !important;
    } */

    /* #nav-menu-item-1400{
        display: none !important;
    }

    #menu-menu-principal {
        margin-left: -74px !important;
    } */

    .menu-primary-menu-container > ul > li > a {
        font-size: 10px !important;
    }

    .is-menu-logo svg{
        max-width: 140px !important;
    }

    #nav-menu-item-578 {
        margin-right: 175px !important;
    }
}


.header-4 .header-4-container{
    height: var(--nav-height) !important;
    z-index: 99 !important; 
}

.header-4-inner{
    height: 100% !important;
}

.main-navigation ul.menu ul li > a:not(.mega-menu-group > a), .main-navigation ul.nav-menu ul li > a, .main-navigation ul.menu ul li.nolink{
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: var(--font-text) !important;
}

#menu-menu-principal > li > a{
    text-transform: uppercase !important;
}

.mega-menu-group > a{
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

.main-navigation ul.menu li.full-width>.sub-menu-wrapper li{
    margin-bottom: 7px !important;
}

.header-4 .site-content:after{
    z-index: 5 !important;
}

@media only screen and (max-width: 1200px) and (min-width: 0px){
    .main-header.col-full,
    .header-4 .header-4-container,
    .header-4-inner,
    #masthead{
        height: fit-content !important;
    }

    .mega-menu-group > a{
        display: none !important;
    }
    
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    .is-menu-logo svg{
        max-width: 160px;
    }

    .top-bar > .col-full > div{
        top: 8px !important;
    }

    .top-bar *{
        font-size: 9px !important;
    }
}

@media only screen and (max-width: 420px) and (min-width: 0px){
    .top-bar-center p, .top-bar-center div{
        font-size: 10px;
    }
}