/* 2023 CLIM */

/* 2023 Header */
/* 2023-03-18 */

#b2023-header {

}

.b2023-header-left {
    grid-area:header-left;
}


.b2023-header-right {
    grid-area:header-right;
}

.b2023-logo {
    grid-area:header-logo;
}

.b2023-header-hamnav {
    grid-area:hamnav;
}

.b2023-header-container {

    width:100%;
    max-width:1170px;
    margin:0 auto;
    
    display:grid;
    grid-template-columns:50px 1fr 2fr 1fr 50px;
    grid-template-rows: auto;
    grid-template-areas: 
        ". header-left header-logo header-right hamnav";

    row-gap: 0px;
    column-gap: 1rem;
    justify-items:center;
    align-items:center;
    padding:40px 20px;
    
}


.b2023-toggler {
    width: 32px;
    border: 0;
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    display: block;
/*    position:fixed;    
    z-index:9999;*/
}


.b2023-toggler .bar {
  height: 3px;
  width: 100%;
  display: block;
  margin: 4px auto;
  background: #00467f !important;
  border-radius: 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

/*Hamburger icon convert to X */
body.nav-open .b2023-toggler .top {
  -webkit-transform: translateY(7px) rotateZ(45deg);
  -moz-transform: translateY(7px) rotateZ(45deg);
  -ms-transform: translateY(7px) rotateZ(45deg);
  -o-transform: translateY(7px) rotateZ(45deg);
  transform: translateY(7px) rotateZ(45deg);
}
body.nav-open .b2023-toggler .bottom {
  -webkit-transform: translateY(-8px) rotateZ(-45deg);
  -moz-transform: translateY(-8px) rotateZ(-45deg);
  -ms-transform: translateY(-8px) rotateZ(-45deg);
  -o-transform: translateY(-8px) rotateZ(-45deg);
  transform: translateY(-8px) rotateZ(-45deg);
}

body.nav-open .b2023-toggler .middle {
  width: 0;
}


body.nav-open {
  overflow: visible;
}
  

.b2023-menu {
    display:none; 
    position:absolute;
    top:40px;
    right:0px;
    z-index:9999;
    width:200px;
    margin:0;
    padding:0;
}

body.nav-open .b2023-menu {
    display:block;
}

.b2023-header-hamnav {
    position:relative;    
}



.b2023-logo img {
    max-width:230px;
}

.b2023-menu a,
.b2023-menu a:link,
.b2023-menu a:visited{
    display:block;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #fff;
    font-size: 1.6rem;
    background-color: rgba(0, 70, 127, 0.8);
    margin:4px 0;   
    text-decoration:none;
}


.b2023-menu a:hover,
.b2023-menu a:active,
.b2023-menu a:focus {
    background-color: #a18a67;
}


.b2023-header-left a:link,
.b2023-header-left a:visited,
.b2023-header-right a:link,
.b2023-header-left a:visited {
    font-size:25px;
    color:#00467f;
    text-decoration:none;
}


.b2023-header-left a:hover,
.b2023-header-left a:active,
.b2023-header-left a:focus,
.b2023-header-right a:hover,
.b2023-header-right a:active,
.b2023-header-right a:focus {
    color:#a18a67;
}


/* hide first two menu items on desktop */
.b2023-menu li:nth-child(1),
.b2023-menu li:nth-child(2) {
    display:none;
}


.b2023-header-left ul,
.b2023-header-right ul{
    padding:0;
    margin:0;
}

@media (max-width: 767.98px) {
    
/* prevent scrolling when nav is opened 
body.nav-open {
  overflow: hidden;
}
    */
    
.b2023-logo img {
    max-width: 130px;
}  


.b2023-menu li:nth-child(1),
.b2023-menu li:nth-child(2) {
    display:block;
}
    
.b2023-header-left,
.b2023-header-right {
    display:none;
}

.b2023-menu {
position:fixed;
width:100vw;
background:#fff;
top:120px;
}

.b2023-menu .menu-item a {
    text-align:center;
    padding:15px;
}

.b2023-header-container {

    width:100%;
    max-width:1170px;
    margin:0 auto;
    display:grid;
    grid-template-columns:30px 1fr 30px;
    grid-template-rows: auto;
    grid-template-areas: 
        ". header-logo hamnav"
}

body.nav-open #body,
body.nav-open #footer,
body.nav-open .social-block{
    display:none;
}
}

}

@media (min-width: 767.98px) {

}

@media (min-width: 991.98px) {


}