/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*
 * This is my test to see if I can override some of these styles
 */

.header {
    background-color: transparent;
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: -90px;
}

.navigation-primary .menu-item a {
  color:white; !important
}

.navigation-primary .menu-item a:hover {
  color: white;
}

.header__container{
    position: relative;
    top: -190px;
}

.header__menu{
    position: absolute;
    top: 50px;
    left: 220px;
}

.header__logo{
    position: relative;
    top: -10px;
}

.header__dnd--bottom {
  margin-top:-140px;
}
/*
.header__dnd--top {
    height: 150px;
    background-color: #1e2859;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.slick-prev img {
  display:none;
}

.slick-next img {
  display:none;
}

.slick-prev {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-top: 4px solid #A9A9A9;
    border-right: 4px solid #A9A9A9;
    transform: rotate(-135deg);
}

.slick-next {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-top: 4px solid #A9A9A9;
    border-right: 4px solid #A9A9A9;
    transform: rotate(45deg);
}

.dnd_area-column-17-padding {
  margin:0px; !important
}
*/
@media(max-width:767px){
  .submenu.level-1{
      width:80%;
      background-color:#1e2859;
    }
     .header__navigation{
      left:5px;
    }
}

@media(max-width:930px){
    body .header__navigation-toggle svg,
    body .menu-arrow svg {
      fill: white;
    }
    .submenu.level-1{
      width:80%;
      background-color:#1e2859;
    }
    .header__navigation{
      display:none;
    }
    .navigation-primary .submenu.level-1>li>a.active-item:after{
        display:none
    }
    .submenu{
        display:none
    }
    input[type='checkbox']:checked ~ .submenu{
        display:block
    }
    .submenu>.has-submenu{
        position:relative
    }
    .submenu>li>a{
        display:block;
        width:100%
    }
    .submenu>.has-submenu>a{
        width:80%
    }
  .submenu.level-1{
        width:100%
    }
    .submenu.level-1>li{
        /*display:none;*/
        margin-right:.7rem 0;
        padding:0;
        width:100%
    }
    .submenu.level-1>li>a{
        padding:10px 30px
    }
    .submenu.level-2{
        border:0;
        box-shadow:none;
        opacity:1;
        position:static;
        visibility:visible;
        width:100%
    }
    .submenu.level-2 .menu-link{
        padding:10px 50px;
        transition:none
    }
    .submenu.level-2 .menu-link:hover{
        background-color:inherit
    }
    .submenu.level-2 .menu-link:hover,.submenu.level-2 .menu-link:focus{
        transition:none
    }
    .submenu li{
        margin:.7rem 0
    }

    .submenu.level-3{
        background-color:#fff;
        left:-9999px;
        opacity:0;
        position:absolute;
        top:5%;
        width:100%
    }
    .submenu.level-2 .menu-item:hover .submenu.level-3,.submenu.level-2 .menu-item.focus .submenu.level-3{
        left:100%;
        opacity:1;
        z-index:1
    }
    .submenu.level-1>li:hover:last-child .submenu.level-2 .menu-item:hover .submenu.level-3,.submenu.level-1>li.focus:last-child .submenu.level-2 .menu-item.focus .submenu.level-3{
        left:auto;
        right:100%
    }
      .header__language-switcher{
        margin-left:auto;
        margin-right:20px;
        order:2
    }
    .header__language-switcher .lang_switcher_class .globe_class{
        height:24px;
        margin-top:0;
        width:24px
    }
    .header__language-switcher .lang_list_class{
        border-radius:0 0 18px 18px
    }
    .header__language-switcher:hover .lang_list_class{
        opacity:0;
        visibility:hidden
    }
    .header__language-switcher .lang_list_class li{
        padding:10px 30px
    }
    .header__language-switcher-label{
        position:static
    }
    .header__language-switcher-label-current{
        display:none
    }
    .header__language-switcher.open .lang_list_class{
        opacity:1;
        visibility:visible
    }
}

@media screen and (min-width:930px) and (max-width:1100px){
    .submenu.level-1>li{
        margin-right:20px
    }
}

@media screen and (max-width:930px){
    .header__navigation-toggle,.menu-child-toggle-icon{
        cursor:pointer;
        display:block
    }
    .header__navigation-toggle svg,.menu-arrow svg{
        fill:#00c6ab
    }
    #nav-toggle:checked ~ .header__navigation{
        display:block
    }
    .header__mobile-menu-open-icon{
        display:block
    }
    .header__mobile-menu-close-icon{
        display:none
    }
    #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-open-icon{
        display:none
    }
    #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-close-icon{
        display:block;
          text-align: right;
    }
    .menu-arrow{
        border:0;
        cursor:pointer;
        padding:10px 30px;
        position:absolute;
        right:0;
        top:0;
        width:20%
    }
    input[type='checkbox']:checked ~ .menu-arrow svg{
        transform:rotate(180deg);
        transform-origin:50% 50%;
        transition:transform .4s
    }
    .header__navigation{
        box-shadow:0 23px 50px -14px rgba(0,0,0,0.21);
/*         right:0; */
      left: -258px;
        top:100%;
        width: 300px;
        z-index:99;
    }
    .header__menu{
        margin-left:0;
        min-height:0;
        order:3;
          top: 60px;
    right: 35px;
    left: auto;

    }
  .header__logo {
    max-width: 200px !important;
}
}
@media screen and (max-width:530px){
  h1{
    font-size:42px !important;
  }
}