#site-nav {
    position: fixed;
    background: #525450;
    top:0;
    left:0;
    bottom:0;
    overflow-x:hidden;
    z-index: 99;
}

#site-nav-level-1 {
    width:0;
    min-width:0;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
    z-index: 99;
}

.checkbox-toggle {
    display: none;
}


#nav-toggle:checked ~ ul {
    min-width:245px;
    max-width:400px;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
}
#nav-toggle:checked ~ #nav-close {
    width:100%;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

#nav-close {
    display:block;
    width:0;
    text-align:right;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#nav-close > svg{
    margin:12px;
    height:20px;
}
#nav-close span {
    display:none;
}
#nav-close > span > svg {
    display:inline-block;
    height:9px;
    margin-left:3px;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
#nav-close > span > svg > polygon {
    fill:#525450;
}
#nav-close > svg > polygon {
    fill:#FFF;
}

/* Nav links main */
#site-nav-level-1 > li {
    border-bottom: 2px solid #EDBF26;
}

.toggle-label,

#site-nav-level-1 a {
    text-decoration: none;
    color:#FFF;
    display:block;
    font-family: 'Roboto', sans-serif;
    font-size:1rem;
}

#site-nav-level-1 > li > a,
.toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 > li > a,
#more-toggle-label,
#help-toggle-label,
#project-toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 a:focus {
	color:#FFF;
	text-decoration:none;
}
#site-nav-level-1 a:hover,#site-nav-level-1 a:focus:hover,
.dropdown-item:hover > .toggle-label,
#a-z-toggle:checked ~ label,
#more-toggle:checked ~ label,
#help-toggle:checked ~ label,
#project-toggle:checked ~ label
 {
    background-color:#EDBF26;
    color:#525450;
    text-decoration:none;
}

.dropdown-content {
    display:none; 
}
#a-z-spacer {
    position:absolute;
    min-width:213px;
    z-index:1;
    display:none;
    height:13px;
    bottom:-53px;
}

/* A-Z Dropdown */
.dropdown-item a#a-z-anchor,
.dropdown-item a#more-anchor,
.dropdown-item a#help-anchor,
.dropdown-item a#project-anchor 
{
    display:none;
}

.toggle-label::before {
    position: absolute;
    right:15px;
    height:34px;
    width:16px;
    content: "";
    background-image:url('../ico/expand-icon.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
#a-z-dropdown > li:nth-child(1) > a:nth-child(1){
box-shadow: 0 1px 2px rgba(32,32,32,0.16), 0 4px 6px rgba(32,32,32,0.1);
background-color:#727272;
}
#a-z-dropdown > li:nth-child(1) > a:nth-child(1):hover {
background-color:#EDBF26;
}
#a-z-toggle:checked ~ #a-z-dropdown
 {
    display:grid;
    background-color: #64660;
    grid-template-columns:repeat(5, 1fr);
    width:100%;
    background-color:#646660;
    padding:5px;
}

#more-toggle:checked ~ #more-dropdown,
#help-toggle:checked ~ #help-dropdown,
#project-toggle:checked ~ #project-dropdown{
    display:grid;
    background-color: #646660;
    width:100%;
    padding:5px;
}

#a-z-toggle:checked ~ label::before, 
#more-toggle:checked  ~ label::before,
#help-toggle:checked  ~ label::before,
#project-toggle:checked  ~ label::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
#a-z-dropdown > li > a,
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:34px;
    text-align: center;
    padding:0;
    margin-left: 0%;
}
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:18px;
    text-align:left;
    padding-left:12px;
    padding-bottom:12px;
    padding-top:12px;
}
    
@-webkit-keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@-webkit-keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}
@keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}

#site-nav-wrapper {
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    display: none;
}

#site-nav-wrapper.active {
    display: initial;
}




/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width:1200px) {
    #site-nav {
        position:relative;
        width:100%;
        overflow:visible;
    }
    /* These styles extend the nav background across the page */
    #site-nav::before,
    #site-nav::after {
        content:"";
        position:absolute;
        top:0px;
        bottom:0;
        right:100%;
        width:100%;
        background:#525450;
    }
    #site-nav::after {
        right:0;
        left:100%;
    }

    #nav-toggle:checked ~ ul {
        min-width:100%;
        max-width:100%;
        -webkit-transition:none;
        transition:none;
    }
    #a-z-toggle:checked ~ #a-z-dropdown {
        display:none;
    }
     #more-toggle:checked ~ #more-dropdown,
     #help-toggle:checked ~ #help-dropdown,
     #project-toggle:checked ~ #project-dropdown  {
        display:none;
    }
    #a-z-dropdown > li:nth-child(1) > a:nth-child(1){
	background-color:#525450;
	box-shadow:0 0 0;
}


    /* hide checkboxes and labels */
    #site-nav label,
    #site-nav input[type="checkbox"] {
        display:none;
    }

    #site-nav-level-1 {
        max-width:none;
        min-width: none;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    #site-nav-level-1 > li {
        -webkit-box-flex:1;
            -ms-flex-positive:1;
                flex-grow:1;
        overflow:hidden;
        border:none;
    }
    #site-nav-level-1 > li > a {
        height:34px;
        line-height:34px;
        padding:0;
        text-align:center;
    }
    
    .dropdown-content {
        display:none;
        position: absolute;
        background-color:#525450;
        min-width: 213px;
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
                box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        z-index: 1;
    }

    #a-z-dropdown {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        left:0;
        -webkit-transform:scaleY(0);
                transform:scaleY(0);
        -webkit-transform-origin:top;
                transform-origin:top;
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
        -webkit-transition-delay:0.25s;
                transition-delay:0.25s;
    }
	
    .site-nav-level-2 {
        border-top:7px solid rgba(255,255,255,1);
    }

    .site-nav-level-3 {
        left:100%;
        border-left:3px solid rgba(255,255,255,1);
        top:0;
    }

    .site-nav-level-2 .dropdown-item {
        position: relative;
    }
    
    .dropdown-item:hover > .dropdown-content {
        display:block;
		-webkit-animation:rollDown .3s ease-out;
		        animation:rollDown .3s ease-out;
		-webkit-animation-fill-mode:both;
		        animation-fill-mode:both;
		-webkit-transform-origin:top;
		        transform-origin:top;
    } 

    .dropdown-item:hover > #a-z-dropdown,
    .dropdown-item:hover > #a-z-spacer {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-animation:none;
                animation:none;
    }
    
    .dropdown-item:hover > .site-nav-level-3 {
		-webkit-animation:rollLeft .3s ease-out;
		        animation:rollLeft .3s ease-out;
		-webkit-animation-fill-mode:both;
		        animation-fill-mode:both;
		-webkit-transform-origin:left;
		        transform-origin:left;
    }  
    
.dropdown-item a#a-z-anchor, 
.dropdown-item a#more-anchor,
.dropdown-item a#help-anchor,
.dropdown-item a#project-anchor
    {
		display:block;
    }
     

    #a-z-dropdown > li,
    #more-dropdown > li,
    #help-dropdown > li,
    #project-dropdown > li  {
        -webkit-box-flex:1;
            -ms-flex-positive:1;
                flex-grow:1;
    }
     

    .dropdown-content a {
        line-height: 34px;
        padding:0 10px;
        border-bottom:1px solid #EDBF26;
     }
    #a-z-dropdown a {
        border:none;
    }

    /* Collapesd nav styles */
    #site-nav.collapsed {
        position:-webkit-sticky;
        position:sticky;
        top:85px;
        display:block;
        width:unset;
        background:none;
    }
    
    #site-nav.collapsed:before,
    #site-nav.collapsed:after,
    #site-nav.collapsed #nav-close > svg {
        display:none;
    }

    #site-nav.collapsed #nav-close > span {
        display:block;
        line-height:34px;
        font-variant: small-caps;
        font-size: 0.9em;
        font-family:'Roboto', sans-serif;
        background-color:#edbf26;
        color:#525450;
    }
    
    #site-nav.collapsed #nav-toggle:checked ~ label > span > svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
    }

    #nav-close > span > span {
        /* icon */
        display:inline-block !important;
        font-size:0.625rem !important;
        margin-left:0 !important;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
    }

    #site-nav-wrapper,
    #site-nav-wrapper.active {
        display: none;
    }
}

@media only screen and
    (min-width: 768px) and (max-width: 940px),
    (min-width: 991px) and (max-width: 1130px),
    (min-width: 1200px) and (max-width: 1299px) {
    #site-nav.collapsed #site-nav-level-1 {
        position:absolute;
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        min-width:unset;
        max-width:unset;
        visibility: hidden;
    }
    #site-nav.collapsed #nav-toggle:checked ~ ul {
        width:calc(100% - 60px);
        background: #525450;
        visibility:visible;
        left:60px;
    }

    #site-nav.collapsed #nav-close {
        display:block;
        float:left;
        width:unset;
        background:#525450;
        color:#FFF;
        width:60px;
        text-align: center;
        position:absolute;
        width:60px;
    }
}

@media only screen and 
    (min-width: 941px) and (max-width: 990px),
    (min-width: 1130px) and (max-width: 1199px),
    (min-width: 1300px) {
    #site-nav.collapsed #site-nav-level-1 {
        position:absolute;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        visibility: hidden;
        min-width:unset;
        max-width:unset;
    }
  

   #site-nav.collapsed #nav-toggle:checked ~ ul {
        width:100%;
        visibility: visible;
        background: #525450;
    }

    #site-nav.collapsed #nav-close {
        display:block;
        position: absolute;
        width:unset;
        background:#525450;
        color:#FFF;
        width:65px;
        left:-60px;
        text-align: center;
        position:absolute;
        width:60px;
    }
  }
@media only screen and (max-width:1017px) {
 #nav-entries-all {text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
 #more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:18px;
    text-align:left;
    padding-left:30px;
    padding-bottom:12px;
    padding-top:12px;
}
}
@media only screen
and (min-device-height: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #a-z-dropdown {
        transform: scaleY(1);
    }
    #site-nav label, #site-nav input[type="checkbox"] {
     display: inherit;
    }
    #site-nav-level-1 > li > a {
       height: 52px;
    }
    .checkbox-toggle {
        display: none;
    }
    #site-nav-level-1 {
        display: block;
    }
    #site-nav::before, #site-nav::after {
        display: none;
    }
     .site-nav-level-2 {
        border-top: none;
    }
 .dropdown-content a {
	border-bottom: none;
}
    /* Overriding the hover css on site nav */
    .dropdown-item:hover > .dropdown-content {
        display: none;
    } 

    .dropdown-item:hover > #a-z-dropdown,
    .dropdown-item:hover > #a-z-spacer {
        display: none;
    }
    
    .dropdown-item:hover > .site-nav-level-3 {
		display: none;
    }  
    /* end 

    /* Over riding CSS for UL on site nav */
    .dropdown-content {
        position: relative;
    }
    #a-z-dropdown {
      display: none;
    }
    /* End */
#site-nav {
    position: fixed;
    width: auto;
    background: #525450;
    top:0;
    left:0;
    bottom:0;
    overflow-x:hidden;
    z-index: 99;
}

#site-nav-level-1 {
    width:0;
    min-width:0;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
    z-index: 99;
}

.checkbox-toggle {
    display: none;
}


#nav-toggle:checked ~ ul {
    min-width:245px;
    max-width:400px;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
}
#nav-toggle:checked ~ #nav-close {
    width:100%;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

#nav-close {
    display:block;
    width:0;
    text-align:right;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#nav-close > svg{
    margin:12px;
    height:20px;
}
#nav-close span {
    display:none;
}
#nav-close > span > svg {
    display:inline-block;
    height:9px;
    margin-left:3px;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
#nav-close > span > svg > polygon {
    fill:#525450;
}
#nav-close > svg > polygon {
    fill:#FFF;
}

/* Nav links main */
#site-nav-level-1 > li {
    border-bottom: 2px solid #EDBF26;
}

.toggle-label,

#site-nav-level-1 a {
    text-decoration: none;
    color:#FFF;
    display:block;
    font-family: 'Roboto', sans-serif;
    font-size:0.875rem;
}

#site-nav-level-1 > li > a,
.toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 > li > a,
#more-toggle-label,
#help-toggle-label,
#project-toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 a:focus {
	color:#FFF;
	text-decoration:none;
}
#site-nav-level-1 a:hover,#site-nav-level-1 a:focus:hover,
.dropdown-item:hover > .toggle-label,
#a-z-toggle:checked ~ label,
#more-toggle:checked ~ label,
#help-toggle:checked ~ label,
#project-toggle:checked ~ label
 {
    background-color:#EDBF26;
    color:#525450;
    text-decoration:none;
}

.dropdown-content {
    display:none; 
}
#a-z-spacer {
    position:absolute;
    min-width:213px;
    z-index:1;
    display:none;
    height:13px;
    bottom:-53px;
}

/* A-Z Dropdown */
.dropdown-item a#a-z-anchor,
.dropdown-item a#more-anchor,
.dropdown-item a#help-anchor,
.dropdown-item a#project-anchor 
{
    display:none;
}

.toggle-label::before {
    position: absolute;
    right:15px;
    height:34px;
    width:16px;
    content: "";
    background-image:url('../ico/expand-icon.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
#a-z-toggle:checked ~ #a-z-dropdown
 {
    display:grid;
    background-color: #747572;
    grid-template-columns:repeat(5, 1fr);
    width:100%;
    background-color:#646660;
}

#more-toggle:checked ~ #more-dropdown,
#help-toggle:checked ~ #help-dropdown,
#project-toggle:checked ~ #project-dropdown{
    display:grid;
    background-color: #747572;
    width:100%;
}

#a-z-toggle:checked ~ label::before, 
#more-toggle:checked  ~ label::before,
#help-toggle:checked  ~ label::before,
#project-toggle:checked  ~ label::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
#a-z-dropdown > li > a,
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:34px;
    text-align: center;
    padding:0;
    margin-left: 0%;
}
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:18px;
    text-align:left;
    padding-left:12px;
    padding-bottom:12px;
    padding-top:12px;
}
@-webkit-keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@-webkit-keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}
@keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}

#site-nav-wrapper {
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    display: none;
}

#site-nav-wrapper.active {
    display: initial;
}
}

/* tablet */
@media only screen
and (min-device-height: 600px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #a-z-dropdown {
        transform: scaleY(1);
    }
    #site-nav label, #site-nav input[type="checkbox"] {
     display: inherit;
    }
    #site-nav-level-1 > li > a {
       height: 52px;
    }
    .checkbox-toggle {
        display: none;
    }
    #site-nav-level-1 {
        display: block;
    }
    #site-nav::before, #site-nav::after {
        display: none;
    }
     .site-nav-level-2 {
        border-top: none;
    }
 .dropdown-content a {
	border-bottom: none;
}
    /* Overriding the hover css on site nav */
    .dropdown-item:hover > .dropdown-content {
        display: none;
    } 

    .dropdown-item:hover > #a-z-dropdown,
    .dropdown-item:hover > #a-z-spacer {
        display: none;
    }
    
    .dropdown-item:hover > .site-nav-level-3 {
		display: none;
    }  
    /* end 

    /* Over riding CSS for UL on site nav */
    .dropdown-content {
        position: relative;
    }
    #a-z-dropdown {
      display: none;
    }
    /* End */
#site-nav {
    position: fixed;
    width: auto;
    background: #525450;
    top:0;
    left:0;
    bottom:0;
    overflow-x:hidden;
    z-index: 99;
}

#site-nav-level-1 {
    width:0;
    min-width:0;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
    z-index: 99;
}

.checkbox-toggle {
    display: none;
}


#nav-toggle:checked ~ ul {
    min-width:245px;
    max-width:400px;
    -webkit-transition: min-width 0.3s;
    transition: min-width 0.3s;
}
#nav-toggle:checked ~ #nav-close {
    width:100%;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

#nav-close {
    display:block;
    width:0;
    text-align:right;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#nav-close > svg{
    margin:12px;
    height:20px;
}
#nav-close span {
    display:none;
}
#nav-close > span > svg {
    display:inline-block;
    height:9px;
    margin-left:3px;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
#nav-close > span > svg > polygon {
    fill:#525450;
}
#nav-close > svg > polygon {
    fill:#FFF;
}

/* Nav links main */
#site-nav-level-1 > li {
    border-bottom: 2px solid #EDBF26;
}

.toggle-label,

#site-nav-level-1 a {
    text-decoration: none;
    color:#FFF;
    display:block;
    font-family: 'Roboto', sans-serif;
    font-size:0.875rem;
}

#site-nav-level-1 > li > a,
.toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 > li > a,
#more-toggle-label,
#help-toggle-label,
#project-toggle-label {
    padding:8px 15px;
    line-height:34px;
    text-align: left;
    cursor: pointer;
}
#site-nav-level-1 a:focus {
	color:#FFF;
	text-decoration:none;
}
#site-nav-level-1 a:hover,#site-nav-level-1 a:focus:hover,
.dropdown-item:hover > .toggle-label,
#a-z-toggle:checked ~ label,
#more-toggle:checked ~ label,
#help-toggle:checked ~ label,
#project-toggle:checked ~ label
 {
    background-color:#EDBF26;
    color:#525450;
    text-decoration:none;
}

.dropdown-content {
    display:none; 
}
#a-z-spacer {
    position:absolute;
    min-width:213px;
    z-index:1;
    display:none;
    height:13px;
    bottom:-53px;
}

/* A-Z Dropdown */
.dropdown-item a#a-z-anchor,
.dropdown-item a#more-anchor,
.dropdown-item a#help-anchor,
.dropdown-item a#project-anchor 
{
    display:none;
}

.toggle-label::before {
    position: absolute;
    right:15px;
    height:34px;
    width:16px;
    content: "";
    background-image:url('../ico/expand-icon.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
#a-z-toggle:checked ~ #a-z-dropdown
 {
    display:grid;
    background-color: #747572;
    grid-template-columns:repeat(5, 1fr);
    width:100%;
    background-color:#646660;
}

#more-toggle:checked ~ #more-dropdown,
#help-toggle:checked ~ #help-dropdown,
#project-toggle:checked ~ #project-dropdown{
    display:grid;
    background-color: #747572;
    width:100%;
}

#a-z-toggle:checked ~ label::before, 
#more-toggle:checked  ~ label::before,
#help-toggle:checked  ~ label::before,
#project-toggle:checked  ~ label::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
#a-z-dropdown > li > a,
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:34px;
    text-align: center;
    padding:0;
    margin-left: 0%;
}
#more-dropdown > li > a,
#help-dropdown > li > a,
#project-dropdown > li > a {
    line-height:18px;
    text-align:left;
    padding-left:12px;
    padding-bottom:12px;
    padding-top:12px;
}
@-webkit-keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes rollDown {
    from {-webkit-transform:scaleY(0);transform:scaleY(0);}
    to {-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@-webkit-keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}
@keyframes rollLeft {
    from {-webkit-transform:scaleX(0);transform:scaleX(0);}
    to {-webkit-transform:scaleX(1);transform:scaleX(1);}
}

#site-nav-wrapper {
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    display: none;
}

#site-nav-wrapper.active {
    display: initial;
}
}