.site {
    width: 100%;
    /*filter: grayscale(0) blur(0);*/
    transition: margin-left 0.3s, filter 0.2s;
}

.site.toggled {
    margin-left: -40rem;
    position: fixed;
    /*filter: grayscale(0.7) blur(0.2rem);*/
}

#site-content {
    padding: 1.25rem 0;
}

@media ( max-width: 700px ) {
    .site.toggled {
        margin-left: -60vw;
    }
}


/**SUPPORT IMAGE**/
#support_project_img_holder {
    width: 25vw;
    max-width: 20rem;
    z-index: 10;
    margin: auto 0 auto auto;
}

@media (max-width: 1000px) {
    #support_project_img_holder {
        margin-right: 5rem;
        min-width: 9rem;
    }
}

#support_project_link {

}

#support_project_link img {
    transition: all 0.2s;
}

#support_project_link:hover img {
    transform: scale(1.1);
}

/**MAIN PAGE CATEGORY GRID**/
.catetory-grid figure {
    cursor: pointer;
}

.catetory-grid figure img {
    transition: all 0.2s;
}

.catetory-grid figure:hover img {
    transform: scale(1.1);
}

.singular .entry-header {
    background-color: #fff;
    padding: 0;
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin: 0;
}

.to-the-top {
    color: white !important;
    padding: 1rem 0;
}

@media ( min-width: 700px ) {
    .singular .entry-header {
        padding: 0;
    }

    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
        padding: 3rem;
        margin: 0;
    }

    .to-the-top-long {
        display: none;
    }

    .to-the-top-short {
        display: block;
        color: white;
    }
}

.footer-credits {
    color: white;
    text-transform: capitalize;
}


#site-footer .section-inner {
    flex-direction: column;
}

.footer-navigation-wrapper {
    width: 100%;
    margin: 2rem 0;
}

.footer-navigation-wrapper .primary-menu-wrapper {
    display: block;
}

.footer-navigation-wrapper .primary-menu {
    display: inline-block;
    height: calc(2.2rem * 5);
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    column-gap: 4rem;
}

.footer-navigation-wrapper .primary-menu > li {
    margin: 0;
}

.footer-navigation-wrapper .primary-menu > li > a {
    color: white !important;
    padding: 0.2rem 0.8rem 0.2rem 0;
}

.extra-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.header-center-content {
    padding: 0 1.1rem;
    align-self: end;
}

.site-slogan {
    display: flex;
    background: white;
    padding: 0.85rem 1.25rem 0.85rem 1.25rem;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    line-height: 2rem;
    white-space: pre-wrap;
    align-items: center;
}

.site-description {
    color: #EC7838;
    font-size: 1.5rem;
    font-weight: 600;
    display: block !important;
}

.site-logo img {
    max-height: 17rem;
}

.header-titles-wrapper {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.header-inner {
    padding: 0.45rem 0 0.45rem 0;
    width: calc(100% - 1.5rem);
}

span.zoom-social_icons-list-span.social-icon.socicon {
    transition: transform 0.15s ease-in-out;
}

span.zoom-social_icons-list-span.social-icon.socicon:hover {
    transform: scale(1.1);
}

.popup-fade {
    display: none;
}

.popup-fade:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9999;
}

.popup {
    position: fixed;
    padding: 1.8rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid orange;
    border-radius: 4px;
    z-index: 99999;
    opacity: 1;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
}