/*DESKTOP*/
/*hide mobile*/
nav, .menu {
display:none;
}
.menu-main {
padding: 0; margin: 0 0 0 0 ;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items:center;
position:relative;
}
.menu-main ul{
padding: 0; margin: 0;
flex-wrap: nowrap;
display: flex;
}
.menu-main li {
list-style-type: none;
flex-wrap: nowrap;
}
.menu-main a:link, .menu-main a:visited 
{
color:#fff;
text-decoration: none;
font-weight:300;
font-size:21px;
text-transform: uppercase;
margin:0;
padding:0 10px 0 10px;
transition:1s;
}
.menu-main li#active {color:#fff;}
.menu-main a:hover, .menu-main a:visited:hover { 
text-decoration:none !important;
color:#bca469 !important;
transition:0.4s;
}
.menu-main .current_page_item > a,
.menu-main .current-menu-ancestor > a {
color:#bca469 !important;
}

/* SUB MENU */
.menu-main ul li ul {
display: none;
position:absolute;
top: 100%;
width:40%;
margin-top:0;
padding:20px 20px 20px 20px;
background:rgba(255,255,255,.98);
z-index:3000;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
/* Show sub-menu on hover */
.menu-main ul li:hover > ul {
display: block;
margin-left:-6rem;
}
.menu-main ul li ul li a:link, .menu-main ul li ul li a:visited {
color:#6ab8d5;
padding:6px 0 6px 0;
}
.menu-main ul li ul li a:hover, .menu-main ul li ul li a:visited:hover {
color:#62bedf;
}

/*MOBILE*/
nav {
position:absolute;
top:1em;
right:15px;
margin: auto;
z-index:1030;
width:fit-content;
background:#bca469;
}
.menu {
display:flex;
z-index:1020;
background:#bca469;
opacity:0;
visibility:hidden;
height: 100%; /* 100% Full-height */
width: 100%; /* 0 width - change this with JavaScript */
position: fixed; /* Stay in place */
top: 0;
left: 0;
overflow-x: hidden; /* Disable horizontal scroll */
margin:auto;
transition: 0.3s;
}
.menu.active {
opacity:1;
visibility:visible;
}
.hamburger-inner.men-active, .hamburger-inner.men-active::before, .hamburger-inner.men-active::after {
background: #000 !important;
}
.menu ul {
display: flex;
padding:0;
margin: auto auto auto auto;
width:100vw;
height:100vh;
text-align:center;
font-weight:600;
list-style-type: none;
flex-direction: column;
justify-content: center;
align-items: center;
}
.menu li {
padding:0 1em 2em 1em;
}
.menu li a:link, .menu li a:visited{
color:#fff;
font-size:2em;
text-decoration: none;
transition: 0.3s;
}
.menu li a:hover, .menu li a:visited:hover {
color:#f1f1f1;
transition: 0.3s;
}
/*FOOTER*/
.footerInner ul {
list-style-type: none;
text-align:left;
margin:20px 0 0 0;
padding:0;
}
.footeIinner li {
padding:0;
margin:0;
}
.footerInner a:link, .footerInner a:visited {color:white; text-decoration:none; transition: 0.3s;}
.footerInner a:hover {color:#bca469; transition: 0.3s;}


.footlogo svg:hover {color:white; transition: 0.3s;}
.footlogo svg {transition: 0.3s;}
