.sub-menu {
    display: none;
    z-index: 99;
    position: absolute;
    top: 30px;
    left: 0;
    background: #f3a93e;
    width: 300px;
    padding-top: 28px;
    padding-bottom: 1rem;
    padding-left: 50px;
    -webkit-transition: 1s;
    transition: 1s;
}

.block--navigation .menu-item .sub-menu .menu-item a {
    font-size: 1rem;
    font-weight: 400
}

.block--navigation .menu-item .sub-menu .menu-item a:hover {
    color: #fff
}

.sub-menu li {
    position: relative;
}

.sub-menu li:after {
    content: "" !important;
    position: absolute;
    top: 5px;
    left: -26px;
    height: 16px;
    padding: 10px;
    background-image: url(../images/arrow-right-solid.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px
}

ul li:after {
    content: "";
    position: absolute;
    top: 3px;
    left: -24px;
    height: 16px;
    padding: 10px;
    background-image: url(../images/arrow-right-solid.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px
}

.sub-menu:hover, .menu-item-has-children:hover .sub-menu {
    display: block;
    -webkit-transition: 1s;
    transition: 1s
}

.block--navigation .menu-item .sub-menu li {
    display: list-item;
    margin-left: 0;
}

/* 2nd level of submenu */
.sub-menu .menu-item-has-children .sub-menu {
    display: none;
    z-index: 98;
    top: -10px;
    position: absolute;
    left: 250px;
}

.sub-menu .menu-item-has-children:hover .sub-menu {
    display: block;
    -webkit-transition: 1s;
    transition: 1s
}

/*
@media(hover: none) {
    .sub-menu .menu-item-has-children .sub-menu {
        display: none;
    }
}
*/


.chart-wrapper {
    height: 30rem;
    width: 40rem;
}

/*
.chart-wrapper {
    height: 24vw;
    width: 40vw;
}
*/

div#root label {
    display: inline-block;
    font-size: 0.9rem;
}

div#root li:after {
    background-image: unset;
}



.button--download:hover {
    background-color: #f3a93e;
    color: #ffffff !important;
}

.category-link__content li.disabled span {
    font-size: 1rem;
    font-weight: 600;
    color: #f3a93e;
}
.category-link__content li.disabled:after {
    background-image: url(../images/arrow-right-solid-yellow.svg);
}

.dropdown:hover .sub-menu {
    display: block;
    -webkit-transition: 1s;
    transition: 1s
}
/*
.dropdown .sub-menu .sub-menu {
    display: none;
}
*/
/* feedback AEEP-23 */
.header-top-content h1 {
    padding-top: 20px;
    font-size: 18px;
    font-weight: 400 !important;
    font-family: Roboto, sans-serif;
}
@media (max-width: 414px ) {
    .header-top-content h1 {
        font-weight: 500 !important;
    }
}



.aeep-support-logos {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.aeep-support-logos .aeep-support-logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.aeep-support-logos .aeep-support-logo img {
    /*display: block;*/
    margin: 0 auto;
    padding: 2%;
    max-width: 185px;
    max-height: 100px
}

.case-study__item:hover {
    color: #f3a93e;
}

.block--homepage-intro a.button.button--yellow.left {
    margin-right: 2rem;
}

.aeep-home-report {
    display: flex;
    flex-direction: row;
}

.case-study__index {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

.case-study__post {
    width: 48%;
    padding: 1%;
}

.region .region--inner .case-study__post  a { text-decoration: none;}
.case-study__post:hover a .category-link__content h4 { color: #f3a93e; }

.region .region--inner a { text-decoration: underline; }
.region .region--inner .category-link-item.span--6 a,
.region .region--inner .category-link__content a,
.region .region--inner .menu-footer-container a,
.region a.button { text-decoration: none; }
.region .region--inner .menu-footer-container a:hover {
    color: #ffffff;
}

.region .region--inner .category-link-item.span--6:hover ,
.region .region--inner .category-link-item.span--6:hover .fp-feature h2 {
    color: #f3a93e;
}

.region .region--inner .category-link-item.span--6:hover ,
.region .region--inner .category-link-item.span--6:hover .fp-feature p {
    color: #005d75;
}



.header-top .full-width--12.span--12.sticky {
    display: flex;
    align-items: center;
    margin-top: -1px;
}

/* shrinking top bar */
.header-top .header-logo.sticky {
    width: 346%;
    max-width: 346px;
    min-width: 346px;
    height: 100%;
    min-height: 86px;
    align-content: center;
}

.header-top-content h1.sticky {
    font-size: 14px;
}

.header-top .full-width--12.span--12.sticky {
    max-height: 78px;
}

.field--file-download {
    display: flex !important;
    justify-content: flex-end;
    display: block;
    margin-bottom: 1.5rem;
    float: unset;
}

/* updating menu arrows to white on hover */
.sub-menu  .menu-item:hover::after { background-image: url(../images/arrow-right-solid-white.svg); }
.sub-menu  .menu-item:hover a, .sub-menu  .menu-item:hover .sub-menu  .menu-item:hover a { color: #ffffff; }
.sub-menu  .menu-item:hover .sub-menu  .menu-item a { color: #005d75; }

/* fixing the font on burger menu label */
.burger-label {
    font-family: Karla, sans-serif;;
}

/* fixing Gutenberg image resizing without proportions */
.wp-block-image img { height: auto !important; }

/*** mobile stuff ***/
@media (max-width: 879px) {
    .sub-menu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 300px;
        padding-top: .5rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem
    }

    .sub-menu > .menu-item > .sub-menu {
        display: none !important;
    }

    .aeep-support-logos .aeep-support-logo {
        flex: 50%;
    }

    .aeep-home-report {
        display: flex;
        flex-direction: column-reverse;
    }

    .field--file-download {
        justify-content: flex-start;
    }
}
@media (max-width: 999px) {
    .header-top-content h1 { padding-top: 5px; }
}
#header-top-content.header-top-content { display: flex; }
#header-top-content.header-top-content.lg { justify-content: flex-start; }
#header-top-content.header-top-content.sm { justify-content: flex-end; }

/* fixing left column in smaller screens (tablets) */
@media (max-width: 768px) {
    .span--4 {
        width: 90%;
    }
}

/* adjusting charts reponsiveness */
@media (min-width: 1300px) {
    .chart-wrapper {
        height: 24vw;
        width: 40vw;
    }
    .chart-wrapper.donor-region {
        height: 32vw;
        width: 40vw;
    }
}

@media (max-width: 1299px) {
    .chart-wrapper {
        max-width: 525px;
    }
    .chart-wrapper.donor-region {
        max-width: 525px;
    }
}