body > header {
    position: relative;
    z-index: 1;
}

#header {
    background-color: var(--primary-color-white);
    position: relative;
    isolation: isolate;
    /*z-index: 9999;*/
}

.header-region {
    margin: 2rem auto 1rem auto;
    position: relative;
    /*z-index: 1;*/
}

.header-leaderboard {
    color: var(--main-gray-color);
    font-size: 0;
    margin-bottom: 1rem;
    position: relative;
    text-align: right;
    /*z-index: 1000;*/
}

.header-leaderboard a {
    color: var(--main-gray-color);
}

.leaderboard-contact {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.90rem;
    line-height: 1;
    padding-right: 8px;
    vertical-align: middle;
    width: auto;
}

.leaderboard-contact .email {
    margin-left: 8px;
}

.leaderboard-contact .email::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6OTMzNDlGNjg4Mzk3RTAxMUI4MzlFMTI2NEJDQThERTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEFDQ0MyNUMzQzY4MTFFODk4REFFNUQ5NTZGQ0Q4QzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEFDQ0MyNUIzQzY4MTFFODk4REFFNUQ5NTZGQ0Q4QzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlDNUM1Mzc2OUIyMDY4MTE5MkIwRDNGQTJGRjA0QzY0IiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOjkzMzQ5RjY4ODM5N0UwMTFCODM5RTEyNjRCQ0E4REU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MAvkbAAAAV1JREFUeNqslE9Kw0AUxr+pBIsoFlduhB4h4AXqxnU9ge0J9Aa2J6g5QXoON/YCQo5QN26EGgRL8U/G78WkTNKZpCl+8DEkmf763rz3RmmtoZSCqYfuecjFpy8u508xtlSr/CIDDTLYI587O8EMUK4CkKtP910wZYAmXG4d+yJ6KGBawEOmP7XCCOplG61a4RtLfOIEB+brDWCe5l0V6Fm/4VV/4Afa/BQyiIEN1qsCCUQs0ZVUALZcEcmPX/R7IZovPlk0kcJUwiQticxUG55tqxQkNGHTcnoLJmXKwx6P33P9t7TMKIeN6XWnL/RyY/epOqzr2esUxhLPZXTo2d/ZJIWIztQxjrBfB+sqyzj5MVZhgsSXM6pIrX42GWXUQTuWBm0CqqpmhOaKXLBgB1hghWUFGTcAzWROnU3LjyMu99uA6Kv01rDdtKXqytze0H3LuQbmzZHC/ku/AgwAvqOBBQ8NpsoAAAAASUVORK5CYII=);
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    width: 19px;
}

.leaderboard-nav {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.90rem;
    line-height: 1;
    position: relative;
    vertical-align: top;
    width: auto;
}

.leaderboard-nav ul {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.leaderboard-nav ul li {
    box-sizing: border-box;
    border-left: solid var(--main-gray-color) 1px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    padding: 0 8px;
}

.leaderboard-nav ul li:last-child {
    padding: 0 0 0 8px;
}

#menu-leaderboard-menu .sub-menu {
    background-color: var(--main-red-color);
    display: block;
    left: -9999px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: auto;
    width: 250px;
}

#menu-leaderboard-menu li:hover .sub-menu {
    left: 0;
}

#menu-leaderboard-menu .sub-menu li {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

#menu-leaderboard-menu .sub-menu li a {
    background-image: none;
    background-position: left top;
    box-sizing: border-box;
    color: var(--primary-color-black);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    /*font-weight: 400;*/
    padding: 5px 15px;
    text-transform: none;
    transition: all 0.5s ease-out 0s;
    width: 100%;
}

#menu-leaderboard-menu .sub-menu li a:hover {
    color: var(--primary-color-white);
    text-decoration: none;
}

#menu-leaderboard-menu .sub-menu li:last-child a {
    border-bottom: none;
}

#mega-menu-wrap-leaderboard_nav #mega-menu-leaderboard_nav > li.mega-menu-item:first-child > a.mega-menu-link,
html[amp] .leaderboard-nav li:first-child {
    border-left: none;
}

.mobile-logo {
    display: none;
}

.header-branding {
    font-size: 0;
    margin-bottom: 2rem;
}

.header-logo {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 37%;
}

.header-branding img {
    height: auto;
    max-width: 445px;
    width: 100%;
}

.header-features {
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 63%;
}

.header-translation {
    background-color: var(--main-color-very-light-gray);
    border: solid 2px #eee;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1rem;
    margin-right: 0.5rem;
    padding: 0.5rem;
    text-align: right;
    vertical-align: middle;
    width: auto;
}

.header-translation select {
    margin: 0;
    -webkit-appearance: none;
}

.header-translation #google_language_translator select.goog-te-combo {
    background: var(--main-color-very-light-gray) url("/wp-content/themes/stoptheclot/images/select-arrow.png") no-repeat scroll calc(95%) center;
    border-radius: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    -moz-appearance: none;
}

.header-search {
    background-color: var(--main-color-very-light-gray);
    border: solid 2px #eee;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1rem;
    text-align: right;
    vertical-align: middle;
    width: auto;
}

.header-search input {
    background-color: var(--main-color-very-light-gray);
    border: none;
    padding: 0.58rem;
}

.header-search button {
    background-color: transparent;
    border: none;
}

nav ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 2rem 0 0;
    padding: 0 2rem 0 0;
    position: relative;
    vertical-align: middle;
    width: auto;
}

nav ul li a {
}

#menu-main .sub-menu {
    background-color: var(--main-red-color);
    display: block;
    left: -9999px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: auto;
    width: 250px;
}

#menu-main li:hover .sub-menu {
    left: 0;
}

#menu-main .sub-menu li {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

#menu-main .sub-menu li a {
    background-image: none;
    background-position: left top;
    box-sizing: border-box;
    color: var(--primary-color-black);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    /*font-weight: 400;*/
    padding: 5px 15px;
    text-transform: none;
    transition: all 0.5s ease-out 0s;
    width: 100%;
}

#menu-main .sub-menu li a:hover {
    color: var(--primary-color-white);
    text-decoration: none;
}

#menu-main .sub-menu li:last-child a {
    border-bottom: none;
}

/**** begin mega menu override styles ****/
#mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
    border-right: solid 1px var(--main-gray-color);
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0 2rem;
    vertical-align: top;
    width: 25%;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4:first-child {
    padding-left: 0;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4:last-child {
    border-right: none;
    padding-right: 0;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-single-menu > ul.mega-sub-menu {
    left: auto !important;
    width: auto !important;
}

/*** end mega menu override styles ***/
.header-donate {
    display: block;
    position: absolute;
    right: 0;
    bottom: -30%;
}

.header-donate a,
.header-donate img {
    display: block;
}

.page-id-26292 .header-donate,
.page-id-1741 .header-donate,
.page-id-1985 .header-donate {
    display: none;
}

.header-leaderboard .responsive-menu-pro-label.responsive-menu-pro-label-bottom {
    margin-top: 5px;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    /*font-weight: 400;*/
}

#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-desktop-menu-col-auto > a,
#responsive-menu-pro-container #responsive-menu-pro .mobile-menu > a {
    text-transform: uppercase;
}

/* Tablets - General */
@media (min-width: 768px) and (max-width: 1024px) {
    .header-region {
        margin: 0 0 1rem 0;
    }

    .header-leaderboard {
        background-color: var(--main-red-color);
        color: var(--primary-color-white);
        padding: 1rem 10vw;
        position: relative;
        text-align: left;
    }

    .leaderboard-mobile-menu {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        width: 20%;
    }

    .leaderboard-contact {
        padding: 0;
        text-align: right;
        width: 80%;
    }

    .leaderboard-contact .email {
        display: block;
        margin-top: 0.5rem;
    }

    .leaderboard-contact a {
        color: var(--primary-color-white);
    }

    .leaderboard-contact .email::before {
        display: none;
    }

    .header-logo {
        display: none;
    }

    .header-features {
        display: block;
        margin: 0 10vw 2rem 10vw;;
        width: auto;
    }

    .header-translation {
        font-size: 16px;
        margin-right: 2%;
        width: 28%;
    }

    .header-translation .goog-te-gadget {
        text-align: left;
    }

    .header-translation select {
        font-size: 16px;
    }

    .header-search {
        width: 70%;
    }

    .header-search form {
        text-align: left;
        font-size: 0;
    }

    .header-search input {
        width: 80%;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        padding: 0.6rem;
    }

    .header-search button {
        text-align: right;
        width: 20%;
        box-sizing: border-box;
        display: inline-block;
        font-size: 1rem;
    }

    .mobile-logo {
        display: block;
        margin: 0 10vw;
        width: 30%;
    }

    .header-donate {
        right: 2%;
        bottom: -20%;
    }
}

/* Smartphones - General */
@media (max-width: 767px) {
    .header-region {
        margin: 0 0 1rem 0;
    }

    .header-leaderboard {
        background-color: var(--main-red-color);
        color: var(--primary-color-white);
        padding: 1rem 5vw;
        position: relative;
        text-align: left;
    }

    .leaderboard-mobile-menu {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        width: 20%;
    }

    .leaderboard-contact {
        padding: 0;
        text-align: right;
        width: 80%;
    }

    .leaderboard-contact .email {
        display: block;
        margin-top: 0.5rem;
    }

    .leaderboard-contact .email::before {
        display: none;
    }

    .leaderboard-contact a {
        color: var(--primary-color-white);
    }

    .header-logo {
        display: none;
    }

    .header-features {
        display: block;
        margin: 0 5vw 2rem 5vw;
        width: auto;
    }

    .header-translation {
        margin-right: 2%;
        width: 42%;
    }

    .header-translation select {
        font-size: 16px;
    }

    .header-translation #google_language_translator select.goog-te-combo {
        background-color: transparent;
        background-image: none;
    }

    .header-search {
        width: 56%;
    }

    .header-search form {
        text-align: left;
        font-size: 0;
    }

    .header-search input {
        width: 80%;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        padding: 0.6rem;
    }

    .header-search button {
        text-align: right;
        width: 20%;
        box-sizing: border-box;
        display: inline-block;
        font-size: 1rem;
    }

    .mobile-logo {
        display: block;
        margin: 0 5vw;
        width: 50%;
    }

    .header-donate {
        right: 2%;
        bottom: -17%;
    }
}