/*
--- HEADER UPDATE --------------------*/

 .logo-menu{
/* background-image:url('/wp-content/uploads/2020/02/the-logo.png'); */
background-position:center;
/* padding:70px 150px; */
background-repeat: no-repeat;
transition:.4s ease all;
max-width: 335px;
}

.logo-menu img {
    max-width: 100%;
    height: auto;
    transition:.4s ease all;
}
.genesis-nav-menu .logo-menu a {
    position: relative;
    padding: 10rem 18rem;
    z-index: 1000;
}

.logo-menu span{
    display: none;
}

header {
  position:relative;
}

.header-desktop {
  position:relative;
  margin:0;
  text-align:center;
  height:200px;
  background-color: #333A4B;
  transition:.4s ease all;
}

.header-desktop.stuck {
    height:100px;
}

.header-desktop.stuck .logo-menu {
    max-width:180px;
    transition:.4s ease all;
}

.header-desktop.stuck .logo-menu img {
    transition:.4s ease all;
}

.header-mobile {
  position:relative;
  background-color: #333A4B;
  margin:0;
  display:none;
  text-align:center;
  padding-bottom:40px;
}

.icon-menu, .icon-phone {
    position: absolute;
    top: 55%;
    transform:translateY(-50%);
    cursor: pointer;
}

.icon-menu {
  left:5%;
}

.icon-phone {
  right:5%;
}

.icon-menu:before, .icon-phone:before {
    font-family: 'FontAwesome';
    font-size: 3em;
    font-display:swap;
}

.icon-menu:before {
  content:"\f0c9";
  color: #d9b690;
}

.call-button {
    background-color: #ffffff;
    background-color: var(--mobile-nav-bar-text);
    border-radius: 8px;
    padding: 5px 20px;
    margin-top: 20px;
}

#close-menu {
    color: #ffffff;
    color: var(--mobile-menu-top-level);
    cursor: pointer;
    position: absolute;
    top: 2.4rem;
    left: 20px;
    transform: rotate(180deg);
}
#close-menu:hover{
    color:#d9b690;
}
.icon-menu:before:hover{
    color: #ffffff;  
}

#close-phone {
    color: #ffffff;
    color: var(--mobile-menu-top-level);
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* Site Navigation
-------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: distribute;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color:#fff;
    align-items:center;
}

.genesis-nav-menu>.menu-item>a {
 display:flex;
 align-items:center;
}


.genesis-nav-menu .menu-item a:after{
    content: " \220E";
    color:#d9b690;
    font-size:8px;
    margin:0px 0px 0 20px;
}

.genesis-nav-menu .menu-item:nth-child(3) a:after,
.genesis-nav-menu .menu-item:nth-child(4) a:after,
.genesis-nav-menu .menu-item:nth-child(7) a:after,
.genesis-nav-menu .menu-item .sub-menu a:after {
    display: none;
}

.genesis-nav-menu ul {
    list-style-type: none;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: center;
}

.genesis-nav-menu a {
    border: none;
    color: #fff;
    display: block;
    padding: 85px 10px 10px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover {
    color: #333;
}

.genesis-nav-menu .sub-menu .current-menu-item>a {
    color: #999;
}

.genesis-nav-menu>.menu-item>a {
    text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
}


.genesis-nav-menu .sub-menu a {
    background-color: #fff;
    border-top: none;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 5px !important;
    padding: 1rem .5rem !important;
    position: relative;
    width: 200px;
    text-align: left;
    color:#333A4B;
}
.nav-secondary .genesis-nav-menu a:hover{
    color: #d9b690 !important;
}

.genesis-nav-menu .sub-menu a:hover{
color: #d9b690 !important;
background-color:#fff;
} 

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -54px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover>.sub-menu {
    left: auto;
    opacity: 1;
}


/* Primary Navigation
--------------------------------------------- */

.nav-primary {
    background-color: #333A4B;
}

.nav-primary a {
  text-decoration:none;
}

.nav-primary a:hover,
.nav-primary .current-menu-item>a {
    color: #d9b690;
}

.nav-primary .sub-menu a:hover {
    color: var(--link-color);
}


/* Secondary Navigation
--------------------------------------------- */



.nav-secondary .genesis-nav-menu {
    display: block;
    margin-top: 1.6rem;
}

.nav-secondary .genesis-nav-menu li {
    display: inline-block;
}

.nav-secondary .genesis-nav-menu a {
    padding:10px !important;
    text-transform: none;
    text-decoration: none;
    font-weight: 200;
    font-size: 15px;
}
.nav-secondary .genesis-nav-menu a:after {
    display:none;
}


/* Mobile Menu Slideout
----------------------------------------*/

.slideout-menu, .slideout-phone {
    position: fixed;
    overflow: scroll;
    height:100%;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    width: 100%;
    padding: 30px;
    background: #333A4B;
    z-index: 9999999;
    transition: .7s;
    text-align: left;
    display:none;
}

.slideout-menu {
      left: -2440px;
}
.slideout-phone {
    right: -2440px;
}

.slideout-menu.open {
    display:block;
    left: 0;
    top:0;
}

.slideout-phone.open {
    display:block;
    right: 0;
}

.slideout-menu .logo-menu{
    display:none;
}

.slideout-menu .menu-main-menu-container {
    margin-top: 35px;
}
.slideout-menu .sub-menu {
    margin-left: 10px;
    margin-top:1rem;
}
.slideout-menu .sub-menu .sub-menu {
    margin-left: 20px;
}

.slideout-menu ul,
.slideout-phone ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    margin-left:2rem;
}

.slideout-menu li.menu-item-has-children:before {
    font-family: 'FontAwesome';
    content: '\f103';
    color: var(--mobile-menu-links);
    font-size: 20px;
    font-weight: 900;
    margin-right: 8px;
    position: relative;
    bottom: -1px;
    font-display:swap;
}

.slideout-menu li:not(.menu-item-has-children) {
    padding-left: 40px;
}

.slideout-menu li a,
.slideout-phone li a {
    color: var(--mobile-menu-links);
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    font-size: 2.2rem;
    margin: 0;
    margin-bottom: 1.6em;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-weight: bold;
}
.slideout-menu li.current-menu-item a,
.slideout-menu .sub-menu li.current-menu-item a {
    font-weight: bold;
    color: var(--mobile-menu-links-active);
}
.slideout-menu li a:hover, .slideout-menu .sub-menu li a:hover{
    color:#d9b690;
}

.slideout-menu li,
.slideout-phone li {
    padding:0 2rem 1rem;
}
.slideout-menu .sub-menu li a,
.slideout-phone .sub-menu li a {
    font-weight: normal;
    color: var(--mobile-menu-links);
}
.slideout-menu li:hover > .sub-menu,
.slideout-phone li:hover > .sub-menu {
    height: auto;
    visibility: visible;
}

@media screen and (max-width:1500px){

    .genesis-nav-menu a{
        padding:85px 5px 10px;
        font-size:15px;
    }
}
@media screen and (max-width:1300px){

    .genesis-nav-menu a{
        font-size:11px;
    }
}
@media screen and (max-width:1300px){

    .genesis-nav-menu a{
        font-size:11px;
    }
}

@media screen and (max-width:1180px){
    .logo-menu  a {
        max-width:260px;
    }

    .home .banner {
        margin-top:160px;
    }
}

@media screen and (max-width:1090px){
    .logo-menu  a {
        max-width:190px;
    }

    .home .banner {
        margin-top:120px;
    }
}

@media screen and (max-width:1024px){
    .header-desktop {
        display:none;
    }

    .home .banner {
        margin-top:184px;
        padding-top:0;
    }

    .header-mobile {
        display:block;
    }
    .genesis-nav-menu a{
        font-size:16px;
    }

    .nav-primary {
        display:block;
    }

    #menu-main-menu-2 {
        display:flex;
        flex-direction:column;
        padding:0;
        margin:0;
        width:100%;
    }

    .slideout-menu .menu-main-menu-container {
        margin-top:0;
    }

    .slideout-menu li.menu-item-has-children, .slideout-menu li.menu-item, .menu-main-menu-container .menu-item:hover {
        padding:0;
        display: flex;
        position: relative;
        flex-wrap:wrap;
        width:100%;
    }

    .slideout-menu li.menu-item a {
        margin:0;
        width:85%;
        text-align:left;
        font-size:2rem
    }

    .slideout-menu li.menu-item .sub-menu a {
        font-size:1.5rem
    }


    .slideout-menu li.menu-item.logo-menu {
        display:none;
    }

    .slideout-menu li.menu-item-has-children:before {
        content:none;
    }

    li.menu-item-has-children > .sub-menu-toggle {
        display:block;
    }

    .sub-menu-toggle {
        display: none;
        position: absolute;
        right: .8rem;
        top: .7rem;
        width: 15%;
        height: 3rem;
        justify-content: center;
        align-items: center;
    }

    .sub-menu-toggle:after {
        content: "\25BE";
        content: "\0002B";
        color: var(--text-color)!important;
        font-size: 24px;
        font-family: Arial, sans-serif;
        position: absolute;
    }

    .sub-menu-toggle:after {
        content: "\25BE";
        content: "\0002B";
        color: var(--text-color)!important;
        font-size: 24px;
        font-family: Arial, sans-serif;
        position: absolute;
    }

    .expanded > .sub-menu-toggle:after {
        content: "\02013"; /* minus */
        font-size:3rem;
    }

    .menu-main-menu-container .sub-menu {
        background:transparent;
        width:100%;
        position:relative;
        left:auto;
        top:auto;
    }

    .menu-main-menu-container .sub-menu-open .sub-menu {
        display:block!important;
        opacity:1;
    }

    .menu-main-menu-container .sub-menu a {
        background-color: transparent;
        border: none;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 20px;
        position: relative;
        width: 200px;
        text-align: left;
    }

}

@media screen and (max-width:767px){
    .home .banner {
        margin-top:110px;
        padding-top:0;
    }
}