/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 *//*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
    .hamburger:hover {
      opacity: 0.7; }
    .hamburger.is-active:hover {
      opacity: 0.7; }
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background-color: white; }
  
  .hamburger-box {
    width: 44px;
    height: 24px;
    display: inline-block;
    position: relative; }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
      width: 44px;
      height: 4px;
      background-color: white;
      border-radius: 0;
      position: absolute;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after {
      content: "";
      display: block; }
    .hamburger-inner::before {
      top: -10px; }
    .hamburger-inner::after {
      bottom: -10px; }
  
  /*
     * Spin
     */
  .hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--spin .hamburger-inner::before {
      transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
    .hamburger--spin .hamburger-inner::after {
      transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--spin.is-active .hamburger-inner::before {
      top: 0;
      opacity: 0;
      transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
    .hamburger--spin.is-active .hamburger-inner::after {
      bottom: 0;
      transform: rotate(-90deg);
      transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
.menu-label{
    color:white;
    text-transform: uppercase;
}

.nav-bar{
    background-color:var(--dark);
    text-align: center;
}

#hambutt{
    position:relative;
    margin-top: 4px;
    z-index: 99;
}

.millco-topnav{
    background-color: transparent;
    height:0;
    overflow:hidden;
    width:100%;
    transition:var(--transition);
}

.millco-topnav ul{
    padding:0;
    margin:0;
}

.millco-topnav li{
    display:block;
    position: relative;
}

.nav-bar a{
    color:white;
    font-size: 1.0625;
    text-decoration: none;
}


.toggled .millco-topnav{
    height: auto;
    transition:var(--transition);
    z-index: 60;
}
    
.millco-topnav a,
.millco-topnav a.current{
    display: flex;
    flex: 1;
    padding: 1.5rem;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.03rem;
    margin:0 1rem;
    transition: var(--transition);
    border-bottom: 2px solid var(--blue-grey);
}

.millco-topnav a:hover,
.millco-topnav a:focus,
.millco-topnav a.current{
    color: var(--gold);
    border-color: white !important;
    transition:var(--transition);
}


.toggled .has-submenu button{
    display: none;
}
      
    
    @media (min-width: 992px) {

        .millco-topnav a,
        .millco-topnav a.current{
            padding: 1rem 0 0.75rem 0;
            border-bottom: 4px solid var(--dark);
        }
    
    
        .millco-topnav,
        .toggled .millco-topnav {

            position: relative;
            left:0;
            background: transparent;
            overflow: visible;
            display:flex;
            width:100%;
            max-width: 100%;
            height:auto;
            justify-content: center;
        }

    
        #hambutt{
            display: none;
        }
    
        .millco-topnav > ul,
        .toggled .millco-topnav > ul {
            margin: 0;
            padding: 0;
            display: flex;
            list-style-type: none;
            align-content: center;
            align-items: center;
            z-index: 200;
        }
    
        .millco-topnav > ul > li 
        .toggled .millco-topnav > ul > li {
            display:flex;
            text-align: center;
            position:relative;
            z-index:200;
            list-style:none;
        }
    
        .millco-topnav > ul li ul { 
            display: none;
            transition: var(--transition);
        }
    
        .millco-topnav > ul li:hover ul { 
            display: block;
            transition: var(--transition);
        }
    
    
        .millco-topnav .has-submenu a,
        .toggled .millco-topnav .has-submenu a{
            padding-right:1rem;
        }
   
    
        .millco-topnav > ul > li > ul {
            display: none;
            position:absolute;
            left:0;
            right:0;
            top:100%;
            padding:0;
            margin:0;
            list-style-type:none;
            transition: var(--transition);
        }
    
        .millco-topnav > ul > li.open > ul {
            display:block;
            transition: var(--transition);
    
        }

        .millco-topnav > ul > li > ul li{
            padding:0;
        }
    
        .millco-topnav > ul > li > ul a{
            background-color: var(--red);
            color:white;
            text-align:left;
            justify-content: left;
            text-transform: unset;
            transition: var(--transition);
            margin-bottom: -2px;
            border-bottom:1px solid white;
            box-shadow: 2px 3px 4px #414141;
            min-width:124px;
        }
    
        .millco-topnav .has-submenu > a:after {
            margin-left: 2px;
            line-height: 14px;
            content: '';
        }
    
        .millco-topnav .has-submenu:hover > a:hover:after,
        .millco-topnav .has-submenu > a:focus:after {
            content: '';
        }
    
        .millco-topnav .has-submenu button {
            background-color: transparent;
            border: none;
            padding:0;
            line-height: 1;
            padding: 3px;
        }
    
        .millco-topnav .has-submenu button > span {
            display:inline-block;
            width: 14px;
            height: 14px;
            /* SVG background image */
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23005C5E'><polygon points='0,0 100,0 50,50'/></svg>");
            background-size: 12px;
            background-position: center center;
            background-repeat: no-repeat;
            }
    
        .millco-topnav .has-submenu:hover button > span,
        .millco-topnav .has-submenu button:focus > span {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23cccccc'><polygon points='0,0 100,0 50,50'/></svg>");
        }
    
    
        .millco-topnav .has-submenu button,
        .millco-topnav .has-submenu a:focus + button {
            position: absolute;
            right:2px;
            top:calc(50% - 12px);
        }
    }
    
    
    .breadcrumbs{
        padding:0;
        margin:0;
        font-size:0.9rem;
        font-weight: var(--weight-mid);
    }
    
    .breadcrumb-list{
        padding:0;
        margin:0 0 1rem 0;
    }
    
    .breadcrumbs li{
        display: inline-block;
    }
    .breadcrumb-separator{
        padding:0 0.2rem 0 0.3rem;
    }
    
    .breadcrumb-separator::after{
        content: '/';
    }
    
    /* sub nav */
    
    .sub-nav{
        width:100%;
    }
    
    .sub-nav ul{
        width:100%;
        padding:0;
        margin:0;
    }
    
    .sub-nav li{
        display:block;
        padding-bottom:0.5rem;
    }
    
    .sub-nav li a{
        background-color:white;
        color:white;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        border:1px solid white;
        padding:0.8rem 1rem;
        transition: var(--transition);
        line-height: 1.1;
        letter-spacing: 0.03rem;
    }
    
    .sub-nav li a.current-page,
    .sub-nav li a.current-parent,
    .sub-nav li a:hover{
        color: white;
        background-color: white;
        border-color: white;
        transition: var(--transition);
    }
    
    
    .sub-nav li li a{
        padding:0.2rem 0 0.2rem 1.8rem;
        text-transform: none;
        font-weight: normal;
        border-top:0;
    }
    
    .sub-nav li li li a{
        padding:0.2rem 0 0.2rem 2.4rem;
        text-transform: none;
        font-weight: normal;
        border-top:0;
    }
    
    .nav-files-heading {
        margin: 2rem 0 0.8rem 0.4rem;
        text-transform: uppercase;
        font-size: 0.9rem;
        font-weight: var(--text-strong);
        letter-spacing: 0.03rem;
    }
    
    .nav-files a.nav-file{
        background-color: transparent;
        padding:0.2rem 0.2rem 0.2rem 26px;
        text-transform: unset;
        color: white;
        display:block;
        border:0;
        font-size:0.9rem;
        background-image: url(/site/assets/images/icons/icon_DOC_37x48px.svg);
        background-position: 8px 4px;
        background-size: 12px 16px;
        background-repeat: no-repeat;
        line-height: 1.2;
        text-decoration: none;
        margin-bottom:0.5rem;
        letter-spacing: 0.03rem;
    }
    
    .nav-files a.nav-file-pdf{
        background-image: url(/site/assets/images/icons/icon_PDF_37x48px.svg);
    }
    
    .nav-files a.nav-file:hover{
        text-decoration: underline;
    }
    
    
    /* subnav bar on landing pages */
    .lp-subnav-grid{
        /* display:grid;
        grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .lp-subnav-link{
        display:flex;
        flex-grow: 1;
        flex-wrap: wrap;
        color:white;
        min-width: 180px;
        justify-content: center;
        padding:0.5rem;
        text-decoration: none;
    }
    
    .lp-subnav-link:hover{
        text-decoration: underline;
    }
    
    /* footer nav */
    
    
    .footer-nav ul{
        padding:0;
        margin:0;
    }
    
    .footer-nav li{
        display:block;
    }
    
    .footer-nav li a{
        color:white;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: var(--strong);
        font-size: 0.9rem;
        display: block;
        padding:1rem 0 0 0;
    }
    
    .footer-nav li a:hover{
        text-decoration: underline;
           transition: var(--transition);
    }
    
    .footer-nav li li a{
        padding:0.2rem 0 0 0;
        text-transform: none;
        font-weight: var(--text-light);
        line-height: 1.2rem;
    }