.top-menu--mobile-buttons {
    display:block;
    color:#fff;
    border-radius:0px;
}
.menu__item {
    list-style: none;
}
.menu__item a:hover {
    color:#fff;
    background: #8B072B;
}
.show-for-large {
    display: none;
}
.menu--mega-hr {
    display:none;
}
a.button--mega-mobile-icon {
    display:block;
    margin:1rem;
    background:#252524;
    border-radius :0px !important;
}
.button--mega-mobile-icon img {
    display:block;
    opacity: 1;
    margin: auto;
}
.top-menu--mobile {
    display:flex;
    justify-content: center;
    font-size:.9rem;

}
a.button--mega-mobile {
    flex:1 1 auto;
    margin: 1rem;
    border-radius :0px !important;

}
.top-menu--mobile-buttons .top-menu--mobile:first-child a {
    border:none;
}
.top-menu--mobile-buttons .top-menu--mobile:last-child a {
    border:none;
    background: #333;
    padding:2.5rem;
    width:33%;
    margin:1px;
}
#logo a:before {
    content:none;
}
#logo a {
    background: url(/sites/all/themes/energy/img/cwu-chevron.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    display:block;
    box-shadow:none;
    box-sizing: border-box;
    border:none;
    width:180px;
    height:90px;
    -webkit-filter: drop-shadow(0px 8px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(0px 8px 6px rgba(0,0,0,0.5));
    pointer-events: auto;
}

#logo a:hover {
    background-color:transparent !important;
}
#logo::before {
    content:none;
}
#logo a::before {
    content:none;
}
#logo img {
    display:none;
}
.menu--mega-child a {
    pointer-events: auto;
}
@media (max-width:768px){
    #menu-main-wrapper.active #logo {
        position: absolute;
        -webkit-backface-visibility: hidden;
    }
    #drawer {
        background: #252524;
    }
    #search-block-form .form-item{

        margin:auto;
    }
    #search-block-form  {
        position: relative;
        max-width:80% ;
        margin: auto;
        margin-top:3rem;
    }
    #search-block-form .form-submit {
        /*! right: none; */
        left:100%;
    }
    #search-block-form #edit-actions {
        position: absolute;
        width: 100%;
    }
    .form-type-textfield.form-item-search-block-form {
        margin:0 0 !important;
        padding:0 0 !important;
    }
    .search-trigger {
        display:none;
    }
    .mega-menu-wrap {
        background: #252524;
        opacity: 1 !important;
        height:calc(100% + 200px);
        pointer-events:all;
    }
    .menu--mega {
        text-align: center;
    }
    .menu__item a {
        color:white;
        text-transform: uppercase;
        font-weight:300;
        font-size: .9rem;
        display:block;
        width:100%;
    }

    .menu__item--mega-parent > a {
        font-weight: 700;
        color:#A70532;
        /*margin: 2rem 0 .5rem 0;*/
        margin:0;
        display: inline-block;
        padding:0;
    }
    .menu__item--mega-parent > a ~ ul {
        max-height:0px;
        overflow:hidden;
        transition: all .5s;
    }
    .mobile-parent-active ~ul{
        max-height:800px !important;
    }

    .top-menu--mobile a {
        text-transform: capitalize;
    }
    .menu__item--mega-parent a {
        display: block;
        color: #A70632;
        font-weight: 400;
        text-shadow: 0px 0px 1px rgba(0,0,0,0.7);
        background: rgba(74,74,74,0.1);
        height: 3rem;
        line-height: 3rem;
        padding:0 1rem;
        box-sizing: border-box;
    }
    .menu--mega-child a {
        color:#fff;
        text-transform: capitalize;

    }
    .menu__item--mega-parent > a:after {
        /*content:'\f0d7';*/
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: relative;
        float:right;

        color: #fefefe;
        height: 1rem;
        width: 1rem;
        z-index: 1;
        /*pointer-events: none;*/
    }
    .menu__item--mega-parent > a.mobile-parent-active:after {
        content:'\f0d8';
       /*pointer-events: none;*/
    }
    .menu__item--mega-parent {

    }
    .secondary-container-content-wrap div {
        flex-basis:100% !important;
        flex-wrap:wrap;
        min-width:100%  !important;
    }
}
@media (min-width:769px){
    .front.page-node-3116 #intro-wrapper > div {
        z-index: 0;
        position: static;
    }
    .menu__item--mega-parent > a:after {
        content:none;
    }
    #logo a {
        display:block;
        background: url(/sites/all/themes/energy/img/chevron_large.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events:none;
    }
    #logo {
        width:176px !important;
    }
    .top-menu--mobile-buttons {
        display:none;
    }

    .background--mega {
        background:#A70632;
        height:54px;
        overflow: visible;
    }
    .menu--mega {
        margin:auto;
        display:flex;
        width:100%;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }

    .menu__item a {
        display:block;
        text-transform: uppercase;
        font-weight:400;
        background: #A70632;
        color:#fff;
        font-size: 1rem;
    }
    .menu__item--mega-parent{
        height:54px;
        flex:1;
        display: inline-block;
    }
    .menu__item--mega-parent > a {
        height:inherit;
        line-height: 54px;
        text-align: center;
        font-size: .9rem;
        font-weight:700;
        border-left:1px solid #760423;
        pointer-events: none;
    }
    .menu__item--mega-parent:last-child > a {
        border-right:1px solid #760423;
    }
    .menu--mega-child a {
        border-top:1px solid #760423;
        padding:.25rem 0 .25rem .5rem;
        text-transform: capitalize;
    }
    .menu--mega-child {
        max-height:0px;
        overflow: hidden;
        transition: all .3s;
    }
    .mega-active .menu--mega-child {
        max-height: 600px;
    }
    .show-for-large {
        display: inline-block;
    }
    .menu__item--mega-parent.mega-active a {
        background: #8B072B;
    }
    .mega-active .menu__item--mega-child a {
        background: #98052e;
    }
    .mega-active .menu__item--mega-child a:hover {
        background: #8B072B;
    }

}

@media (min-width:1025px){

    .menu--mega {
        width:80%;
    }

}