/** 
 * Author: Shadow Themes
 * Author URL: https://shadow-themes.com
 */

/* --- Medium Screens --- */
@media only screen and (max-width: 1680px) {
    :root {
        --anita-container-width: 1280px;
    }
}

/* --- Laptop --- */
@media only screen and (max-width: 1366px) {
    :root {
        --anita-container-width: 1100px;
        --anita-container-top-spacing: 160px;
        --anita-container-bottom-spacing: 140px;
        --anita-section-gap: 160px;
    }

    /*  --- Menu --- */
    .anita-fullscreen-menu-wrap nav.anita-nav ul.main-menu > li.menu-item-has-children > a:before,
    .anita-fullscreen-menu-wrap nav.anita-nav ul.main-menu > li.menu-item-has-children > a:after {
        margin-top: 2px;
        width: 28px;
    }
    .anita-fullscreen-menu-wrap nav.anita-nav ul.sub-menu:after {
        right: 12px;
    }

    /* --- Pagination --- */
    nav.anita-pagination ul.page-numbers li > span, 
    nav.anita-pagination ul.page-numbers li > a {
        width: 56px;
        height: 56px;
    }
    nav.anita-pagination ul.page-numbers li:not(:first-child):before {
        width: 10px;
    }

    /* --- Protected --- */
    .anita-protected-wrap {
        padding-top: var(--anita-bottom-gap-medium);
        padding-bottom: var(--anita-bottom-gap-medium);
    }
    .anita-protected-content {
        padding: 30px 40px 35px 40px;
    }
    .anita-protected-thmb {
        width: 100px;
        height: 100px;
    }

    /* --- 404 --- */
    h3.anita-404-oops {
        margin-bottom: -10px;
    }
    .anita-404-wrap h2.anita-caption {
        margin-top: -20px;
    }
    .anita-404-buttons {
        padding-top: var(--anita-bottom-gap-small);
    }
}

/* --- Tablet: Landscape --- */
@media only screen and (max-width: 1200px) {
    :root {
        --anita-container-width: 940px;
        --anita-grid-gap: 30px;
        --anita-popup-width: 600px;
    }
    
    /* -- Header -- */
    .anita-header--transparent::before {
        background: var(--anita-c-header--grad);
        opacity: 1;
    }
    .anita-mobile-menu-toggler {
        display: block;
    } 
    .anita-menu-wrapper .anita-simple-nav {
        display: none;
    }
    .anita-mobile-menu-wrap {
        display: flex;
    }
    .anita-fullscreen-menu-wrap nav.anita-nav ul.main-menu > li.menu-item-has-children > a:before,
    .anita-fullscreen-menu-wrap nav.anita-nav ul.main-menu > li.menu-item-has-children > a:after {
        margin-top: 2px;
        width: 28px;
    }
    .anita-fullscreen-menu-wrap nav.anita-nav ul.sub-menu:after {
        right: 12px;
    }
    .anita-header-cart.anita-header-cart-simple {
        margin-left: 0;
        margin-right: 24px;
        transform: none;
        width: 44px;
        height: 44px;
    }
    .anita-header-cart.anita-header-cart-simple span {
        right: -5px;
        top: -5px;
    }
    
    /* --- Blog Listing --- */
    .shadowcore-pli-head .shadowcore-sticky-marker, 
    .anita-post-listing-head > i.anita-sticky-marker, 
    .sticky .anita-post-listing-head > i.anita-sticky-marker {
        transform: scale(0.75) translateY(-6px);
    }
    nav.anita-pagination ul.page-numbers li > span, 
    nav.anita-pagination ul.page-numbers li > a {
        width: 48px;
        height: 48px;
    }
    nav.anita-pagination ul.page-numbers:before, 
    nav.anita-pagination ul.page-numbers:after,
    nav.anita-pagination ul.page-numbers li:not(:first-child):before {
        display: none;
    }
    .anita-next-post-wrap .anita-page-background, 
    .anita-next-album-wrap .anita-page-background {
        opacity: 0.5;
        width: 192px;
        height: 192px;
        top: calc(50% - 96px);
        right: -96px;
    }

    /* --- Albums Listing --- */
    .anita-gallery-nav__next {
        right: 30px;
    }
    .anita-gallery-nav__prev {
        left: 30px;
    }
    .anita-gl-roll-gallery > div.anita-gl-gallery-item {
        padding: 0 60px;
    }
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__next {
        right: 30px;
    }
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__prev {
        right: 118px;
    }
    .anita-carousel-gallery-captions li,
    .anita-gl-gallery-item {
        padding-bottom: 140px;
    }
    .anita-fixed-album-title .anita-album-title {
        margin: 0 0 90px 0;
    }
    .anita-unmute-video {
        bottom: 14px;
    }

    /* --- Albums Posts --- */
    .anita-next-album-wrap .anita-page-background,
    .anita-next-album-wrap .anita-page-background.is-hover {
        opacity: 0.4;
        transform: scale(1);
    }
    .anita-prev-album-link,
    .anita-next-album-link {
        opacity: 0.7;
    }
    .anita-album-nav-prev,
    .anita-album-nav-next {
        bottom: 110px;
    }
    .has-gl-caption .anita-gl-carousel-gallery {
        padding-left: 20vw;
    }
    .has-gl-caption .anita-gl-gallery-item {
        width: 60vw;
    }
    .anita-gl-side-nav .anita-gallery-nav.anita-gallery-nav__prev {
        right: 124px;
    }

    /* --- General UI --- */
    .anita-back2top-wrap {
        right: 30px;
        bottom: 30px;
    }

    /* --- PhotoSwipe --- */
    body .anita-pswp-close i::before,
    body .anita-pswp-close i::after {
        opacity: 1;
    }
    html body .pswp__top-bar button.pswp__button.anita-pswp-close {
        right: 20px;
        top: 20px;
    }

    /* --- Proofing --- */
    .anita-grid-gallery.anita-clients-grid.anita-grid--3cols > div,
    .anita-grid-gallery.anita-clients-grid.anita-grid--4cols > div {
       width: 50%;
    }
    .anita-protected-thmb {
        width: 100px;
        height: 100px;
    }
    .anita-protected-content {
        padding: 30px 40px 35px 40px;
    }

    /* --- 404 --- */
    h3.anita-404-oops {
        margin-bottom: 0;
    }
    .anita-404-title {
        font-size: 192px;
    }
}

/* --- Tablet: Portrait --- */
@media only screen and (max-width: 960px) {
    :root {
        --anita-container-width: calc(100vw - 2 * var(--anita-grid-gap));
    }
    .anita-sidebar--left .anita-content-part, 
    .anita-sidebar--right .anita-content-part {
        width: calc(66% - 0.5 * var(--anita-g-sidebar));
    }
    .anita-sidebar--left .anita-sidebar-wrap, 
    .anita-sidebar--right .anita-sidebar-wrap {
        width: calc(34% - 0.5 * var(--anita-g-sidebar));
    }

    /* --- Albums Listing --- */
    .anita-gl-roll-gallery > div.anita-gl-gallery-item {
        padding: 0 30px;
    }
    .anita-gl-roll-gallery > div.anita-gl-gallery-item {
        width: calc(50% + 30px);
    }

    /* --- Albums Posts --- */
    .anita-album-title .anita-albums-back:before {
        transform: translateX(6px);
    }
    .anita-prev-album-link::before,
    .anita-next-album-link::before {
        left: -20px;
        right: -20px;
    }
    .anita-album-nav-prev,
    .anita-gallery-nav__prev {
        left: 30px;
    }
    .anita-album-nav-next,
    .anita-gallery-nav__next {
        right: 30px;
    }
    .anita-fixed-album-title .anita-album-title {
        margin-bottom: 140px;
    }
    .anita-album-nav-prev,
    .anita-album-nav-next {
        bottom: 80px;
    }
    .anita-post-title .anita-post-back::before, 
    .anita-album-title .anita-albums-back::before {
        transform: translateX(4px);
    }
    .has-gl-caption .anita-gl-carousel-gallery {
        padding-left: 12.5vw;
    }
    .has-gl-caption .anita-gl-gallery-item {
        width: 75vw;
    }

    /* --- Blog Listing --- */
    .anita-blog-listing--large .anita-post-preview-image.anita-post-preview--port:before {
        height: calc(100% - 2 * var(--anita-bottom-gap-small));
        top: var(--anita-bottom-gap-small);
    }

    /* --- Proofing --- */
    .anita-protected-thmb {
        width: 150px;
        height: 150px;
    }

    /* --- Contact Form --- */
    .anita-contact-grid.anita-grid--3cols {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
    .anita-contact-grid.anita-grid--3cols > * {
        max-width: 100%;
    }
}

/* --- WordPress Tablet Breakpoint --- */
@media only screen and (max-width: 782px) {
    body.admin-bar .anita-page-background-wrap {
        height: calc(100vh - 46px);
    }
}

/* --- Mobile Phones --- */
@media only screen and (max-width: 739px) {
    :root {
        --anita-container-bottom-spacing: 100px;
        --anita-grid-gap: 20px;
        --anita-bottom-gap-small: 20px;
        --anita-bottom-gap-medium: 40px;
        --anita-bottom-gap-large: 60px;
        --anita-section-gap: 80px;
        --anita-bottom-gap-comment: 30px;
    }
    body.admin-bar {
        margin-top: -46px;
    }
    .admin-bar.anita-sticky-sidebar .anita-sidebar-wrap {
        top: 0;
    }    
    body.admin-bar header#anita-header.is-sticky {
        top: 0;
    }
    .anita-sidebar--left .anita-content-part-wrap, 
    .anita-sidebar--right .anita-content-part-wrap {
        flex-wrap: wrap;
    }
    .anita-sidebar--left .anita-content-part, 
    .anita-sidebar--right .anita-content-part,
    .anita-sidebar--left .anita-sidebar-wrap, 
    .anita-sidebar--right .anita-sidebar-wrap {
        width: 100%;
    }
    .anita-sidebar--left .anita-sidebar-wrap,
    .anita-sidebar--right .anita-sidebar-wrap {
        margin-left: 0;
        margin-right: 0;
        margin-top: var(--anita-g-sidebar);
    }

    /* --- Footer --- */
    .anita-footer-line.anita-footer-2cols .anita-footer-line-inner {
        flex-direction: column;
    }
    .anita-footer-line.anita-footer-2cols .anita-footer-line-inner > div {
        width: 100%;
        justify-content: center;
    }
    .anita-footer-line.anita-footer-2cols .anita-footer-line-inner > div:last-child {
        margin-top: 1em;
    }

    /* --- Blog Listing --- */
    .anita-sticky-sidebar .anita-sidebar-wrap {
        position: static;
    }
    .anita-blog-listing--large > div.anita-post-preview:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .shadowcore-pli-footer, 
    .anita-post-listing-footer {
        flex-direction: column-reverse;
        padding-top: 20px;
    }
    .anita-post-listing-footer .anita-post-tags-wrap {
        padding-top: 20px;
    }
    .anita-post-listing-footer .anita-post-read-more {
        align-self: flex-end;
    }
    .anita-single-post-container .anita-post-footer {
        flex-direction: column;
    }
    .anita-post-footer nav:not(:first-child) {
        padding-top: var(--anita-bottom-gap-medium);
    }
    .anita-next-post-wrap .anita-page-background, 
    .anita-next-album-wrap .anita-page-background {
        width: 128px;
        height: 128px;
        top: calc(50% - 64px);
        right: -64px;
    }
    .anita-post-title .anita-post-back::before, 
    .anita-album-title .anita-albums-back::before {
        transform: translate(7px,1px) scale(0.75);
    }
    .wp-block-tag-cloud > a, 
    .tagcloud > a, 
    .widget_tag_cloud .tagcloud > a {
        font-size: 12px!important;
        padding: 8px 12px 9px 12px;
    }

    /* --- Albums Listing --- */
    .anita-carousel-gallery-captions,
    .anita-gl-carousel-gallery {
        padding-left: 0;
    }
    .anita-carousel-gallery-captions li,
    .anita-gl-gallery-item {
        width: 100vw;
    }
    .anita-carousel-gallery-captions li,
    .anita-gl-gallery-item {
        padding-bottom: 100px;
    }
    .anita-gallery-nav {
        transform: scale(0.7);
    }
    .anita-album-nav-prev,
    .anita-gallery-nav__prev {
        left: 14px;
    }
    .anita-album-nav-next,
    .anita-gallery-nav__next {
        right: 14px;
    }
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__prev,
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__next {
        margin: 0;
        top: auto;
        bottom: 80px;
    }
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__next {
        right: 12px;
    }
    .anita-gl-roll-gallery-wrap .anita-gallery-nav__prev {
        right: 72px;
    }
    .anita-gl-roll-gallery > div.anita-gl-gallery-item {
        width: calc(100% - var(--anita-grid-gap));
    }
    .anita-albums-listing.anita-carousel-gallery {
        top: -40px;
    }

    /* --- Album Post --- */
    .anita-fixed-album-title {
        padding-left: var(--anita-grid-gap);
        padding-right: var(--anita-grid-gap);
    }
    .anita-fixed-album-title .anita-album-title {
        margin-bottom: 100px;
    }
    .anita-album-nav-prev,
    .anita-album-nav-next {
        display: none;
    }
    .justified-gallery {
        min-width: calc(100% + 40px);
        margin: -20px;
    }
    .anita-next-album-wrap {
        padding-top: 60px;
    }
    .anita-next-album-wrap .anita-page-background {
        width: 128px;
        height: 128px;
        top: -64px;
        right: calc(50% - 64px);
    }
    .anita-album-title .anita-albums-back:before {
        transform: translateX(6px) scale(0.7);
    }
    .anita-grid--2cols,
    .anita-grid--3cols,
    .anita-grid--4cols {
        grid-template-columns: repeat(1, 1fr);
    }
    .anita-grid-gallery.anita-grid--2cols.anita-masonry > *,
    .anita-grid-gallery.anita-grid--3cols.anita-masonry > *,
    .anita-grid-gallery.anita-grid--4cols.anita-masonry > * {
        max-width: 100%;
    }
    .anita-grid-gallery.anita-grid--2cols:not(.anita-masonry) > *,
    .anita-grid-gallery.anita-grid--3cols:not(.anita-masonry) > *,
    .anita-grid-gallery.anita-grid--4cols:not(.anita-masonry) > * {
        max-width: var(--anita-container-width);
    }
    .anita-grid-gallery.anita-clients-grid.anita-grid--2cols > div, 
    .anita-masonry.anita-grid--2cols > div,
    .anita-grid-gallery.anita-clients-grid.anita-grid--3cols > div, 
    .anita-masonry.anita-grid--3cols > div,
    .anita-grid-gallery.anita-clients-grid.anita-grid--4cols > div, 
    .anita-masonry.anita-grid--4cols > div {
        width: 100%;
    }
    .anita-grid-gallery.anita-grid--2cols > .anita-grid-gallery-item,
    .anita-grid-gallery.anita-grid--3cols > .anita-grid-gallery-item,
    .anita-grid-gallery.anita-grid--4cols > .anita-grid-gallery-item {
        max-width: 100%;
    }
    .has-gl-caption .anita-gl-gallery-description {
        padding-left: 20px;
        padding-right: 20px;
    }
    .has-gl-caption .anita-fixed-album-title {
        top: 90px;
        padding-left: 20px;
        transform: translateY(0);
    }
    .anita-gl-side-nav .anita-gallery-nav.anita-gallery-nav__prev {
        right: auto;
        left: 14px;
    }

    /* --- Proofing --- */
    .anita-protected-wrap {
        max-width: calc(100% - 40px);
    }
    .anita-protected-content {
        padding: 15px 20px 18px 20px;
    }
    .anita-protected-thmb {
        width: 75px;
        height: 75px;
    }
    .anita-brickwall-filter {
        overflow: auto;
        scrollbar-width: 0;
    }
    .anita-brickwall-filter::-webkit-scrollbar {
        width: 0;        
    }
    .anita-brickwall-filter.has-counter {
        padding-top: 14px;
        margin-top: -14px;
    }
    .anita-grid-gallery.anita-clients-grid.anita-grid--2cols > div,
    .anita-grid-gallery.anita-clients-grid.anita-grid--3cols > div,
    .anita-grid-gallery.anita-clients-grid.anita-grid--4cols > div {
        width: 100%;
    }
    .anita-protected-thmb i {
        transform: scale(0.6) translate(-4px, -4px);
        transform-origin: 0 0;
    }

    /* --- Maintenance --- */
    .anita-maintenance-description {
        width: 100%;
        padding-left: 0;
    }

    /* --- 404 --- */
    .anita-404-title {
        font-size: 128px;
    }
    .anita-404-buttons a:first-child {
        margin-right: 20px;
    }
    .anita-404-buttons a:last-child {
        margin-left: 20px;
    }
    .anita-404-buttons .anita-caption {
        font: var(--anita-t-h2--font);
        margin: 0 0 var(--anita-t-h2-spacing) 0;
        text-transform: var(--anita-t-h2--tt);
        text-decoration: var(--anita-t-h2--td);
        letter-spacing: var(--anita-t-h2--ls);
    }

    /* --- Comments --- */
    .anita-comment-author {
        min-height: 50px;
    }
    .anita-comment-author__image img {
        width: 50px;
    }
    .anita-comment-author__name {
        margin-left: 12px;
    }
    .anita-comment-body {
        margin: 14px 0 0 0;
    }
    .anita-comment-tools {
        padding-top: 12px;
    }
    .anita-comment-item-wrap .anita-comment-item-wrap {
        padding-left: 20px;
    }
    .anita-has-comments .comment-respond {
        padding-left: 0;
    }

    /* --- UI --- */
    .anita-back2top-wrap.is-fixed {
        transform: translateY(-80px) scale(0.7);
    }
    .anita-back2top-wrap {
        transform: scale(0.7);
        right: 5px;
        bottom: 5px;
    }
    html body .pswp__top-bar button.pswp__button.anita-pswp-close {
        right: 10px;
        top: 10px;
    }
    .anita-back2top:not(.anita-back2top-mobile) {
        display: none;
    }

    /* Unmute Mobile Button */
    .anita-unmute-video {
        transform: scale(0.7);
        bottom: 185px;
    }
    .anita-unmute-roll.anita-unmute-video {
        left: 12px;
        bottom: 80px;
    }
    .anita-unmute-slider.anita-unmute-video,
    .anita-unmute-carousel.anita-unmute-video {
        left: 12px;
        bottom: 70px;
    }
}