/**/
.mega-menu:before{
    right: 8.5em;
}

.mega-menu  .donate-link.current-menu-ancestor.menu-item-has-children, .mega-menu .donate-link.expand {
    background: #F69000 ;
}

@media (max-width: 49em){

    .mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu a,
    .mega-menu .expand .sub-menu a
    {
        font-family: "myriad-pro",sans-serif;
        font-weight: 700;
        font-size: 13px;
        padding: 0.4em 7.5%;
    }
    .mega-menu > .menu-item > a{
        font-size: 13px;
    }
    .mega-menu .sub-menu{
        padding: 0 0 2em;
    }
}

/**/

@media (min-width: 50em){

    .main-nav>li.donate-toggle a:after {
        content: '';
        margin-left: 0.5em;
        display: inline-block;
        height: 0.75em;
        width: 0.75em;
        background-size: 0.75em 0.75em;
        background-image: url(../image/more-down.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
    }
    .main-nav>li.donate-toggle.showing a:after {
        background-image: url(../image/more-close.svg);
        background-size: 0.625em 0.625em;
    }
}






.donate-mega-menu {
    border-bottom: 1px solid #ddd;
    display: none;
}
.donate-mega-menu .mega-offer{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.donate-mega-menu .mega-offer h5{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    margin: 20px 0 5px;
    color:#003263;
}

.donate-mega-menu .mega-offer div{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color:#003263;
}

@media (min-width: 50em) {
    .donate-mega-menu {
        display: block;
        position: absolute;
        top: 100%;
        right: -50em;
        /*width: 45em;*/
        padding: 1.5em 1em;
        grid-column-gap: 1.5em;
        background: #fff;
        border: 0;
        border-top: 0.25em solid #F69000;
        z-index: 500;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 2em;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5);
        transition: all 200ms ease-in-out
    }
    .donate-mega-menu .mega-offer{
        -ms-grid-column: 1;
        /*-ms-grid-column-span: 2;*/
        grid-column: 1 /*/ span 2*/;
    }
    .donate-mega-menu.showing {
        right: 1em
    }
}

@media (min-width: 55em) {
    .donate-mega-menu {
        right: -75em;
        width: 37em;
        padding: 1.5em 2.5em 4rem;
    }
}

/*@media (min-width: 67.5em) {*/
/*    .donate-mega-menu {*/
/*        right: -67em;*/
/*        width: 62.5em*/
/*    }*/
/*}*/

/*@media (min-width: 80em) {*/
/*    .donate-mega-menu {*/
/*        right: -75em;*/
/*        width: 37em;*/
/*        grid-column-gap: 3em*/
/*    }*/
/*}*/

.donate-mega-menu li {
    list-style: none;
    margin-bottom: 15px;
}

.donate-mega-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.donate-mega-menu:before {
    content: '';
    display: none;
    height: 0;
    width: 0;
    border-bottom: 0.5em solid #F69000;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
    position: absolute;
    right: 2em;
    top: -0.75em;
}

@media (min-width: 50em) {
    .donate-mega-menu:before {
        display: block
    }
}

.donate-mega-menu > .menu-item > a, .donate-mega-menu .menu-item-has-children > a {
    position: relative;
    display: block;
    padding: 1em 7.5%;
    vertical-align: middle;
    text-decoration: none;
    font-size: 0.95em;
    font-weight: 700;
    color: #5B8E7F
}

.donate-mega-menu > .menu-item > a:after, .donate-mega-menu .menu-item-has-children > a:after {
    content: url("../image/add.svg");
    font-weight: 700;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    right: 7.5%;
    top: 1.35em
}

@media (min-width: 50em) {
    .donate-mega-menu > .menu-item > a, .donate-mega-menu .menu-item-has-children > a {
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: #003263;
        padding: 0.5em 0;
        border-bottom: 1px solid #e7e7e7;
        line-height: 1;
        margin: 0 0 0.5em;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
    }

    .donate-mega-menu > .menu-item > a:after, .donate-mega-menu .menu-item-has-children > a:after {
        display: none
    }
}

.donate-mega-menu > .menu-item:not(.menu-item-has-children) > a:after {
    display: none
}

.donate-mega-menu .sub-menu {
    display: none;
    list-style: none;
    margin: 0 0 0 7.5%;
    padding: 0
}

.donate-mega-menu .sub-menu a {
    display: block;
    color: #003263;
    padding: 1em 7.5%;
    font-size: 0.95em;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
}

.donate-mega-menu .sub-menu a:hover {
    text-decoration: underline
}

@media (min-width: 50em) {
    .donate-mega-menu .sub-menu {
        display: block;
        margin: 20px 0;
    }

    .donate-mega-menu .sub-menu a {
        padding: 0 0 0.25em;
        font-size: 0.9375em;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
    }
}

.donate-mega-menu .donate-link a {
    color: #F69000;
    position: relative;
    display: block;
    padding: 1em 7.5%;
    vertical-align: middle;
    text-decoration: none;
    font-size: 0.95em;
    font-weight: 700
}

@media (min-width: 50em) {
    .donate-mega-menu .donate-link {
        display: none
    }
}

.donate-mega-menu h4 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #003263;
    padding: 0.5em 0;
    border-bottom: 1px solid #e7e7e7;
    line-height: 1;
    margin: 0 0 0.5em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children, .donate-mega-menu .expand {
    background: #5B8E7F
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children > a,
.donate-mega-menu .expand > a,
.donate-link.current-menu-ancestor.menu-item-has-children.expand > a
{
    color: #fff
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children > a:after,
.donate-mega-menu .expand > a:after {
    content: url("../image/minus-white.svg")
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu,
.donate-mega-menu .expand .sub-menu {
    display: block
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu a,
.donate-mega-menu .expand .sub-menu a {
    color: #fff;
    padding: 1em 7.5%;
    font-weight: normal
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu .current-menu-item a, .donate-mega-menu .expand .sub-menu .current-menu-item a {
    text-decoration: underline
}

@media (min-width: 50em) {
    .donate-mega-menu .current-menu-ancestor.menu-item-has-children, .donate-mega-menu .expand {
        background: none
    }

    .donate-mega-menu .current-menu-ancestor.menu-item-has-children > a, .donate-mega-menu .expand > a {
        color: #003263
    }

    .donate-mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu a, .donate-mega-menu .expand .sub-menu a {
        color: #4d5155;
        padding: 0 0 0.25em;

        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;

    }

    .donate-mega-menu .current-menu-ancestor.menu-item-has-children .sub-menu .current-menu-item a, .donate-mega-menu .expand .sub-menu .current-menu-item a {
        text-decoration: none;
        color: #5B8E7F;
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
    }
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand {
    background: none
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand > a {
    color: #5B8E7F
}

.donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand > a:after {
    content: url("../image/add-orange.svg")
}


.donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand .sub-menu {
    display: none
}

@media (min-width: 50em) {
    .donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand {
        background: none
    }

    .donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand > a {
        color: #003263
    }

    .donate-mega-menu .current-menu-ancestor.menu-item-has-children.expand .sub-menu a {
        color: #4d5155;
        padding: 0 0 0.25em
    }
}

.mega-menu > .donate-link.menu-item > a:after, .mega-menu .donate-link.menu-item-has-children > a:after {
    content: url(../image/add-orange.svg);
    font-weight: 700;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    right: 7.5%;
    top: 1.35em;
}
.mega-menu .current-menu-ancestor.menu-item-has-children > a:after,

.mega-menu > .donate-link.menu-item.expand > a:after{
    content: url(../image/minus-white.svg);
}