/* =========================================================
LOCK SCROLL
========================================================= */

html.cin-menu-lock,
html.cin-menu-lock body{
overflow:hidden;
}


/* =========================================================
BASE MENU
========================================================= */

.cin-menu{
position:relative;
font-family:azo-sans-web,sans-serif;
color:#222222;
padding: 8px 0;
}

.cin-menu a{
text-decoration:none;
color:inherit;
}


/* =========================================================
DESKTOP BAR
========================================================= */

.cin-menu__bar{
display:flex;
align-items:center;
list-style:none;
padding:0;
margin:0;
}

.cin-menu__bar > .cin-menu__item{
position:relative;
padding: 18px 18px 0;
}

.cin-menu__link{

font-size:16px;
text-transform:uppercase;
color:#222222;

border-top:3px solid transparent;
padding-top:8px;

transition:color .25s ease, border-color .25s ease;

}


/* =========================================================
HOVER + ACTIVE
========================================================= */

.cin-menu__link:hover{
color:#980321;
border-top-color:#980321;
}

.cin-menu__item.current-menu-item > .cin-menu__link,
.cin-menu__item.current-menu-parent > .cin-menu__link,
.cin-menu__item.current-menu-ancestor > .cin-menu__link{

color:#980321;
border-top-color:#980321;

}


/* =========================================================
DESKTOP SUBMENU
========================================================= */

.cin-submenu{

position:fixed;
left:0;
width:100vw;
top:130px;

background: rgba(57, 69, 38,  0.80);/* #394526; */
    backdrop-filter: blur(95px);
    -webkit-backdrop-filter: blur(95px);
opacity:0;
visibility:hidden;

transform:translateY(-10px);

transition:opacity .25s ease, transform .25s ease;

z-index:80;

}

.cin-menu__bar .has-children:hover > .cin-submenu,
.cin-menu__bar .has-children.is-open > .cin-submenu{

opacity:1;
visibility:visible;

transform:translateY(0);

}

.cin-submenu__inner{

max-width:1440px;
margin:0 auto;

display:flex;

justify-content:center;
gap:80px;

padding:40px;

}

.cin-submenu__col--links ul{
list-style:none;
margin:0;
padding:0;
}

.cin-submenu__col--links a{
color: #f2eee9;
display:block;

padding:10px 4px;

font-size:16px;

transition:color .25s ease;

}

.cin-submenu__col--links a:hover{
color:#980321;
}

.cin-submenu__col--image{
width:240px;
display:flex;
align-items:center;
justify-content:center;
}

.cin-submenu__col--image img{
width:100%;
height:auto;
display:block;
object-fit:contain;
}


/* =========================================================
MOBILE BURGER
========================================================= */

.cin-menu__burger{

display:none;

width:40px;
height:auto;

border:0;
background:none;

cursor:pointer;

position:relative;
z-index:998;

}

.cin-menu__burger span{

display:block;
height:2px;

margin-bottom:6px;

background:#222222;

}
.cin-menu__burger span:last-child{
    margin-bottom: 0; 
}

/* =========================================================
OVERLAY
========================================================= */

.cin-menu__overlay{

position:fixed;

top:0;
left:0;

width:100vw;
height:100vh;

background:rgba(0,0,0,.45);

opacity:0;
visibility:hidden;

transition:opacity .25s ease;

z-index:998;

}


/* =========================================================
DRAWER
========================================================= */

.cin-menu__drawer{

position:fixed;

top:0;
left:0;

width:320px;
max-width:85vw;

height:100dvh;

background:#fff;

transform:translateX(-110%);

transition:transform .28s ease;

padding:30px 28px;

display:flex;
flex-direction:column;

z-index:999;

}

.cin-menu.is-open .cin-menu__overlay{
opacity:1;
visibility:visible;
}

.cin-menu.is-open .cin-menu__drawer{
transform:translateX(0);
}


/* =========================================================
MOBILE MENU LIST
========================================================= */

.cin-menu__list{

list-style:none;
padding:0;
margin-top:30px;

}

.cin-menu__list .cin-menu__item{

padding:12px 0;

display:flex;
align-items:center;
justify-content:space-between;

flex-wrap:wrap;
width: fit-content;

}

.cin-menu__list .cin-menu__link{

font-size:16px;

letter-spacing:.02em;

text-transform:uppercase;

color:#222222;

flex:1;

}


/* =========================================================
SUBMENU MOBILE
========================================================= */

.cin-menu__toggle{

border:0;
background:none;

font-size:20px;

color:#222222;

cursor:pointer;

}

.cin-menu__sub{

display:none;

list-style:none;

padding-left:12px;

margin-top:8px;

width:100%;

}

.cin-menu__sub li{
padding:6px 0;
}

.cin-menu__sub a{

font-size:14px;

color:#222222;

}


/* =========================================================
DRAWER FOOTER
========================================================= */

.cin-menu__drawer-footer{

margin-top:auto;

padding-top:25px;

font-size:12px;

line-height:1.4;

color:#222222;
text-align: left;

}


/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:991px){

.cin-menu__bar{
display:none;
}

.cin-menu__burger{
display:block;
}

}

.cin-menu__drawer{
display:flex;
flex-direction:column;
}

.cin-menu__drawer-footer{
margin-top:auto;
padding-top:25px;
}

.cin-menu__social{
display:flex;
gap:14px;
margin-bottom:16px;
}

.cin-menu__social svg{
width:18px;
height:18px;
fill:#222222;
}