.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

@media (max-width: 980px) {
    #page-container {
        padding-top: 0; /* override divi style */
    }
}

.header-bar {
    display: flex;
    padding: 20px 4% 20px 2.5%;
    align-items: center;
    background: #231f20;
    border-bottom: 1px solid #eeefef;
}

.header-bar__hamburger {
    color: white;
    border: none;
    padding: 0;
    background: none;
    font-size: 42px;    
    line-height: 1;
    margin-right: 8px;
    margin-left: -6px;
}

.header-bar__hamburger::before {
    display: block;
    font-family: 'ETmodules';
    content: "a";
}

.header-bar__hamburger:hover {
    color: #8dc63f;
}

.header-bar__title {
    color: #7b7979;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
    text-transform: uppercase;
    flex-grow: 1;    
}

.header-bar__logo {
    width: 120px;
    height: auto;
}

.header-bar__logo img {
    display: block;
}

@media only screen and (min-width: 641px) {
    .header-bar {
        padding-right: 3.2%;
    }

    .header-bar__title {
        font-size: 15px;        
    }

    .header-bar__title br {        
        display: none;
    }

    .header-bar__logo {
        width: 140px;
    }
}

@media only screen and (min-width: 768px) {
    .header-bar__hamburger {
        margin-right: 16px;
    }

    .header-bar__title {        
        font-size: 17px;
    }

    .header-bar__logo {
        width: 170px;
    }

}
@media only screen and (min-width: 981px) {
    .header-bar {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .header-bar__hamburger {
        display: none;
        margin-right: 26px;
    }

    .header-bar__title {        
        font-size: 20px;
    }

    .header-bar__logo {
        width: 200px;
    }
}

.menu-index {
    display: none;
}

@media only screen and (min-width: 981px) {
    .menu-index {        
        display: block;
        z-index: 100;
        position: fixed;
        width: 57px;
        left: 0;
        top: 0;
        bottom: 0;
        background: white;
        border-right: 1px solid #eeefef;
        filter: drop-shadow(-5px 0 15px rgba(0,0,0,0.6));
        /* box-shadow: 0 0 30px rgba(0,0,0,0.6); */
    }

    /* .menu-index::before {
        display: block;
        position: absolute;
        right: -18px;
        width: 17px;
        height: 100%;
        content: ' ';
        background: linear-gradient(to right, rgba(35,31,32,1), rgba(35,31,32,0.02) 90%, transparent);
        opacity: 0.32;
    } */

    #page-container {
        padding-left: 57px;
    }

    .menu-index__item {
        display: block;
        text-align: center;
        border-bottom: 1px solid #eeefef;
        font-weight: bold;
        font-size: 14px;
        padding: 6px 0;
    }

    .menu-index__item.is-current {
        background: #284035;
        color: white;
    }

	.menu-index__item--green.is-current { background: #9acd32; } /* Services */
	.menu-index__item--darkred.is-current { background: #97392a; } /* Whanau Services */
	.menu-index__item--turquoise.is-current { background: #00b5cd; } /* Homehealth Care */
	.menu-index__item--olive.is-current { background: #5c6336; } /* Community Housing */
}

@media only screen and (min-width: 1350px) {
    .menu-index {
        width: 75px;
    }

    #page-container {
        padding-left: 75px;
    }
}

.main-menu {
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;    
    transform: translateX(-100%);
    transition: transform 400ms ease-out;
    overflow: auto;
}

.main-menu__title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    padding: 20px 23px 12px;
}

.main-menu__closebutton {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #878183;
    padding: 13px 15px 6px;
    background: none;
    font-size: 32px;        
    line-height: 1;
}

.main-menu__closebutton::before {
    display: block;
    font-family: 'ETmodules';
    content: "\4d";
}

.main-menu__item {
    border-bottom: 1px solid #eeefef;
}

.main-menu__item:first-child {
    border-top: 1px solid #eeefef;
}

.main-menu__link {
    display: block;
    color: #284035;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 23px;
}

.main-menu__link--green { color: #9acd32; } /* Services */
.main-menu__link--darkred { color: #97392a; } /* Whanau Services */
.main-menu__link--turquoise { color: #00b5cd; } /* Homehealth Care */
.main-menu__link--olive { color: #5c6336; } /* Community Housing */



.main-menu__link.is-current,
.main-menu__link:hover,
.main-menu__link:focus {
    background: #284035;
    color: white;
}

.main-menu__link--green.is-current,
.main-menu__link--green:hover,
.main-menu__link--green:focus { 
    background: #9acd32; /* Services */
}

.main-menu__link--darkred.is-current,
.main-menu__link--darkred:hover,
.main-menu__link--darkred:focus { 
    background: #97392a; /* Whanau Services */
}

.main-menu__link--turquoise.is-current,
.main-menu__link--turquoise:hover,
.main-menu__link--turquoise:focus { 
    background: #00b5cd; /* Homehealth Care */
}

.main-menu__link--olive.is-current,
.main-menu__link--olive:hover,
.main-menu__link--olive:focus { 
    background: #5c6336; /* Community Housing */
}


.main-menu.is-open {
    transform: translateX(0);
}

@media only screen and (min-width: 981px) {
    .main-menu {
        right: auto;
        border-right: 1px solid #eeefef;
        /* filter: drop-shadow(-5px 24px 22px rgba(0,0,0,0.7)); */
        filter: drop-shadow(-5px 0 18px rgba(0,0,0,0.6));
    }

    .main-menu,
    .main-menu.is-open {
        transform: translateX(-117%);        
    }

    .main-menu__closebutton {
        display: none;
    }

    .main-menu__link {
        padding: 5px 42px 5px 23px; 
    }

    #nav:hover .main-menu {
        transform: translateX(0);
    }
}