/*Main Container*/
div.icc-menu-contain{
  display: flex;
  justify-content: center;
  align-items: center;
  height:auto;
/*   background-color: #000; */
  width: 100%;
  margin: 0 auto;
}

/*Main Wrapper*/
div.icc-menu-desktop-wrapper{
  display: inline-flex;
  padding: 24px 50px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  max-width: 1380px;
  position: absolute;
  top: 0;
}

/*Groups Logo and Hamburger menu - This is the Desktop Styling*/
.mobile-setup{
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  align-content: center;
  min-height: 100%;
}

/* remove Styling on main nav items and drop down items*/
    ul.icc-menu-list,
    ul.drop-down{
        list-style: none;
        padding:0;
        margin:0;
    }


/****************Nav Items List Desktop***************/
    ul.icc-menu-list{
        display: flex;
        justify-content: center;
        align-items: center;
/*         flex-grow: 1;
        max-width: 815px; */
    }

    /*Individual Nav Items*/
    ul.icc-menu-list li{
        position: relative;
/*         flex: 1; */
    }

    /*Individual Nav Links*/
    a.icc-menu-link{
        font-family: 'Ibm Plex Sans', sans-serif;
        text-decoration: none;
        display: block;
        padding: 12px 12px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        font-size: 14px;
        transition: ease .3s;
        cursor: pointer;
    }

    a.icc-menu-link:hover{    
        background-color: #6d6d6d;
    }


/*     .has-kids > a::after{

        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6 7.41L12 1.41L10.59 -6.16331e-08L6 4.58L1.41 -4.62904e-07L-6.16331e-08 1.41L6 7.41Z' fill='white'/%3E%3C/svg%3E");
        font-size: 20px;
         margin: 8px;
         transition: .3s;
         
    }

    .has-kids:hover > a:after{
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6 7.41L12 1.41L10.59 -6.16331e-08L6 4.58L1.41 -4.62904e-07L-6.16331e-08 1.41L6 7.41Z' fill='%239BEE36'/%3E%3C/svg%3E");
    } */




/*********Drop Down List Desktop***************/
    ul.drop-down {
        display: block;
        min-width: 200px;
        background: #000000;
        position: absolute;
        padding: 8px;
        z-index:999;
        display: none;
        opacity: 1;
        border-radius: 2px;
        transition: ease .4s;
        border: solid 1px #2D2D2D;
        /* transform: translate(0,-100%); */
   
    }

    /*Individual Drop Down Nav Items*/
    ul.drop-down li{
        display: block;
        background-color: #2d2d2d;
        /* padding: 8px; */
        /* transform: translate(0,0); */
    }


      ul.drop-down li:hover{
        display: block;
        background-color: #2d2d2d;
 
        
        /* transform: translate(0,0); */
        
    }


    ul.drop-down > :first-child{
            margin-bottom: 8px;
    }
    
    /*activates dropdown on desktop*/
    ul.icc-menu-list li:hover ul.drop-down{
        display: block;
        opacity: 1;
     
    }


    /*****Drop Down Animation****/

    .hide{
        display: none;
    }

    .mob-drop-down{
        text-align: center;
        transform-origin: center top;
        height: 120px;
    }


    .mob-drop-title{
        padding-bottom: 4px;
     }


    .mob-drop-down > li{
        padding: 4px 12px !important;
        color: white;
        background-color: #2D2D2D;
        margin: 8px 0px !important;
    }

    ul.mob-drop-down li a{
        border: 1px solid #6D6D6D;

    }


    ul.mob-drop-down li:hover a{
        background-color: #6D6D6D;

    }

    .mob-drop-down > :first-child{

        margin-top: 16px !important;
    }

    ul.gallery-drop{
    margin-left: -30px;
  }


    .drop-two > li{
        padding: 4px 12px !important;
        color: white;
        background-color: #2D2D2D;
        margin: 8px 0px !important;
    }

    .drop-two > :first-child{

        margin-top: 16px !important;
    }

    ul.drop-two li a{
        border: 1px solid #6D6D6D;

    }

    ul.drop-two li:hover a{
        background-color: #6D6D6D;
    }

  ul.plus-drop{
      margin-left: -68px;
    }






    .dropdown-open{
        animation: open .3s ease-in-out forwards;
    }

    @keyframes open {
        0%{
            transform: scaleY(0);
            height: 0px;
        }

         100%{
            transform: scaleY(1);
            max-height: 100px;
        }
    }


    .dropdown-close{
        animation: close .3s ease-in-out forwards;
    }

    @keyframes close {
        0%{
            transform: scaleY(1);
            max-height: 100px;
        }

         100%{
            transform: scaleY(0);
             height: 0px;
        }
    }


    




/*****************BUTTON***************/
    a.main-nav-reg-btn{
        background-color: #FFDA08;
        padding: 16px 32px;
        box-shadow: 8px 8px 0px #fff;
        margin-right: 8px;
        text-decoration: none;
        margin-bottom: 8px;
        transition: ease .3s;
    }

    a.main-nav-reg-btn:hover{
        box-shadow: 0px 0px 0px #fff;

     }

    /*Button Text*/
    a.main-nav-reg-btn span{
        color: #000;
        font-style: none;
        font-size: 16px;
        font-family: 'Ibm Plex Sans', sans-serif;
        text-transform: uppercase;
        font-weight: 600;
    }



/*****************LOGO***************/
        a.ani-logo-contain{
            display: flex;
            cursor: pointer;
            justify-content: flex-start;
            align-content: center;
            min-height: 100%;
            /* background-color: #000; */
        }


        svg.ani-logo-wrapper{
            display: flex;
            min-height: 20px;
            justify-content: center;
            align-items: center;
        }

        svg.icc-logo-graph{
            max-width: 200px;
            height:auto;
        }

        span.ani-logo-wrapper svg g{
            transition: transform ease .2s; 
        }

        /*animates logo on hover**/
        a.ani-logo-contain:hover span.ani-logo-wrapper svg g {
            
            transform: translate(50px, -100px) rotate(15deg) ;
        }


/**********HAMBURGER MENU************/
.icc-hamburger{
  display: none;
}

.icc-mob-nav-contain{
    display: none;
}



/********Mobile**********/
@media (max-width: 1200px) {

ul.icc-menu-list{
    display: none;
}

a.main-nav-reg-btn{
       display: none;
    }


    /*Main Wrapper*/
        div.icc-menu-desktop-wrapper{
        display: flex;
        flex-direction: column;
        padding: 16px 50px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        }

    .mobile-setup{
        display: flex;
        cursor: pointer;
        justify-content: space-between;
        align-content: center;
        min-height: 20px;
        width: 100%;
        z-index: 99;
    }

    /*****Hamburger*****/
    .icc-hamburger{
        position: relative;
        display: block;
        width: 35px;
        cursor: pointer;
        align-self: center;

        appearance: none;
        background:none;
        outline: none;
        border: none;
    }

    .icc-hamburger .ham-bar, .icc-hamburger::after, .icc-hamburger::before{
        content:'';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        margin: 6px 0px;
        transition: 0.4s;
    }

    

    .icc-hamburger.ham-active:before{
        transform: rotate(-45deg) translate(-4px, 2px);
        background-color:#9BEE36;
    }

    .icc-hamburger.ham-active:after{
        transform: rotate(45deg) translate(-9px, -8px);
        background-color:#9BEE36;
    }

    .icc-hamburger.ham-active .ham-bar{
        opacity: 0;
    }


/***MOBILE NAV SETUP****/

    .icc-mob-menu-list, .icc-mob-menu-list li, .icc-mob-menu-list li ul, .icc-mob-menu-list li ul li{
        padding: 0;
        margin: 0;
        list-style: none;
    }

    div.icc-mob-nav-contain{
        position: fixed;
        display: flex;
        flex-direction: column;
        top: 0;
        left:100%;
        width: 100%;
        min-height: 100vh;
        background-color: #000;
        z-index: 98;
        padding-top: 80px;
        align-items: center;
        text-align: center;
        row-gap: 32px;
        transition: .4s;
    }

    div.icc-mob-nav-contain.ham-active{
            left: 0;

    }

    ul.icc-mob-menu-list{
        display: flex;
        flex-direction: column;
        width: 90%;
        row-gap: 24px;
        background-color: #2D2D2D;
        padding: 16px;
        border: 1px solid #6D6D6D;

    }

    /* ul.mob-drop-down{
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        margin-top: 16px !important;
    } */

    ul.icc-mob-menu-list li a{
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: 24px;
        text-decoration: none;
        background-color: #000;
        /* border: 1px solid #6D6D6D; */
        display: flex;
        padding: 8px 16px;
        border-radius: 2px;
        color: #fff;
        font-weight: 600;
        transition: .4s;
    }
    ul.icc-mob-menu-list li:hover a.icc-mob-menu-link {
       background-color: #6D6D6D;
       padding: 8px 16px;
       border-radius: 2px;
    }

    ul.mob-drop-down li a{
        color: #fff;
        font-size: 18px !important;
        font-weight: 400;
    }


    ul.drop-two li a{
        color: #fff;
        font-size: 18px !important;
        font-weight: 400;
    }
    


     

     .mobile-reg-btn{
        background-color: #FFDA08;
        padding: 16px 32px;
        box-shadow: 8px 8px 0px #fff;
        margin-right: 8px;
        text-decoration: none;
        margin-bottom: 8px;
        transition: ease .3s;
     }


     .mobile-reg-btn span{
        color: #000;
        font-style: none;
        font-size: 16px;
        font-family: 'Ibm Plex Sans', sans-serif;
        text-transform: uppercase;
        font-weight: 600;
     }

     .mobile-reg-btn:hover{
        box-shadow: 0px 0px 0px #fff;

     }



}