/* xxx MEDIA QUERIES xxx */

.mobile {
    display: none !important;
}

.desktop {
    display: inline-block !important;
}

.mobile-767 {
    display: none !important;
}

.desktop-767 {
    display: inline-block !important;
}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1600px) {

    .featured-content ul.icon-top img.icon,
    .featured-content ul.icon-left img.icon,
    .featured-content ul.icon-right img.icon {
        padding: 10px;
    }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 1023px) {
    .mobile {
        display: inline-block !important;
    }

    .desktop {
        display: none !important;
    }

    ul.sub-menu,
    .main-navigation li,
    .main-navigation li:hover,
    .main-navigation li.current-menu-item {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    a:hover img:not(.icon),
    a:hover video {
        filter: brightness(1);
    }

    /* Structure */
    .site-main,
    .site-header,
    .site-footer,
    .inside,
    .entry-header ~ #main.site-main,
    .archive-header ~ #main.site-main {
        padding: 0 20px;
    }

    .site-main {}

    .site-main.no-margin {
        margin: 0;
    }

    .entry-header ~ .site-main {
        margin: 60px 0 0 0;
    }

    #main.site-main {
        overflow: hidden;
        padding: 90px 20px 0;
    }

    .alerts-active .site-main {
        /*margin: 120px 0 0 0;*/
    }

    .site-footer {
        margin: 40px 0;
    }

    .lede,
    .site.lede_imagery .lede {
        margin: 90px 0 0;
        overflow: hidden;
        width: 100%;
        padding: 0;
    }

    .site.lede_imagery .lede {
        min-height: 360px;
        max-height: 420px;
    }

    .site.lede_imagery .lede.lede_slides {
        min-height: unset;
        max-height: unset;
    }

    .search .site.lede_imagery .lede {
        min-height: unset;
    }

    .page-content,
    .entry-content,
    .entry-summary,
    .entry-title,
    .entry-footer,
    .nav-archive,
    .comments-area {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .entry-header {
        float: left;
        max-width: 100%;
    }

    /* Structure */
    /* Columns */
    .column,
    .column.left,
    .column.right,
    .column.half,
    .column.one-third,
    .column.two-third,
    .column.one-quarter,
    .column.three-quarter,
    .column.half,
    .col.half,
    .two-column .column,
    .two-col .column,
    .two-column .col,
    .two-col .col {
        /* PDP stacking bug */
        /*float: left;*/
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .column:last-child, .column.right, .two-column .column:last-child {
        padding: 0;
    }


    /* Navs */
    .main-navigation ul li > ul li.menu-item-layout-promo img,
    .main-navigation ul li > ul li.menu-item-layout-promo video {

        /*width: 100%;
        height: auto;*/

    }


    /* List style */
    nav.category ul.categories,
    nav.category ul.categories li {
        display: none;
    }


    /* Footer */
    .site-footer {
        /*display: flex;
        flex-direction: column;
        justify-content: space-between;*/
    }

    .site-footer .site-branding {
        margin: 0 0 40px 0;
    }

    .site-footer .site-branding svg.logo.primary {
        display: none;
    }

    .site-footer .site-branding svg.logo.alt {
        display: block;
        float: left;
    }

    .site-footer span.tagline {
        float: left;
        text-align: left;
    }

    .site-footer .column.right {
        float: left;
        width: 100%;
    }

    .site-footer ul.menu,
    .site-footer .meta {
        float: left;
        width: 100%;
        margin: 0 0 40px 0;
        text-align: left;
    }

    .site-footer .meta {
        margin: 40px 0 0;
    }

    div.copyright {
        margin: 60px 0 0 0;
    }

    .promos {
        padding: 40px 0;
    }

    .site-footer span.terms-privacy {
        float: left;
        margin: 20px 0 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .site-footer ul.menu.contact li a {
        font-size: 14px;
    }

    span.terms-privacy {
        width: 100%;
    }

    span.terms-privacy a {
        margin: 0;
        display: block;
    }

    .slide.align_left .entry-title {
        left: 20px;
    }

    .share-print {
        right: 20px
    }

    .sharer.print {
        display: none;
    }


    /* Breadcrumbs */
    .breadcrumb {
        margin: 20px 0;
        padding: 0 20px;
    }


    /* Search */

    #results article {
        margin: 0 0 40px 0;
        padding: 20px;
        background: #fff;
    }

    .search-main .column.left {
        margin: 0 0 40px 0;
    }

    .search-main .column.right {
        width: 100%;
    }

    .search .lede .entry-title, .search .site.lede_imagery .lede .entry-title {
        padding: 0;
        margin: 40px 0 80px;
        width: 100%;
    }


    /* Utilities */

    .featured-content:not(.slider) .content ul.grid-4 li {
        width: 50%;
        width: calc(50% - 20px);
        margin: 0 0 40px 0;
    }


    /* Shapes */

    .ratio {
        position: relative;
        width: inherit;
    }

    .ratio:after {
        content: "";
        display: block;
        position: relative;
        z-index: -1;
    }

    .ratio.square:after {
        padding-bottom: 32%;
    }

    .ratio.landscape:after {
        padding-bottom: 32%;
    }

    .ratio.portrait:after {
        padding-bottom: 66%;
    }


    /* Promos */

    .promos:not(.featured-content) ul:not(.lSPager):not(.slider) {
        flex-wrap: wrap;
    }

    .promos:not(.featured-content) ul:not(.lSPager):not(.slider):not(.buttons) li {
        margin: 40px 0;
    }


    /* Blocks */


    /* Wordpress blocks */
    .wp-block-columns.inset {
        padding: 20px 40px;
    }

    .wp-block-columns:not(.full) {
        flex-direction: column;
    }

    .wp-block-column:not(.full) {
        width: 100%;
        flex-basis: 100%;
        margin: 0 0 20px 0;
    }

    .wp-block-columns.full {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wp-block-columns.full .wp-block-column {
        width: 50%;
        flex-basis: 50%;
        margin: 0 0 40px;
    }

    .featured-content.slider-controller .content ul li,
    .featured-content.slider-controller .content ul li img {
        width: 100%;
    }


    /* Search */
    .search .subnav.left {
        display: none;
    }


}


@media screen and (max-width: 768px) {}

@media screen and (max-width: 767px) {

    .mobile-767 {
        display: inline-block !important;
    }

    .desktop-767 {
        display: none !important;
    }







    /* Text */

    .mega {
        font-size: 1.6em;
    }


    /* Links */

    a:hover img:not(.icon),
    a:hover video {
        filter: none;
    }

    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button a,
    .button a:visited,
    a.button,
    a.button:visited,
    .button,
    .wp-block-buttons,
    .wp-block-button,
    .wp-block-buttons .wp-block-button,
    a.wp-block-button__link {
        width: 100%;
    }


    /* Footer */

    .site-footer ul.menu li {
        margin: 0 0 10px 0;
    }

    .site-footer ul.menu li.phone {
        margin: 0 0 20px 0;
    }

    .site-footer ul.menu li.email {
        margin: 20px 0 0 0;
    }


    /* Ledes */

    .slide .entry-title {}

    .slide.background_fixed {
        background-attachment: inherit !important;
    }


    /* Archives */

    .archive-header .entry-title h3,
    .archive-header .entry-title h4,
    .archive-header .entry-title h5,
    .archive-header .entry-title h6 {
        width: 40%;
        padding: 0 40px 0 0;
    }

    .archive-header .entry-title p {
        width: 60%;
    }


    /* Search */

    .search-main .page-content {
        margin: 20px 0;
    }


    /* Forms */

    .form.half,
    .form.third {
        width: 100%;
        margin: 0 0 20px 0;
    }


    /* Promos */

    .promos ul {
        flex-direction: column;
    }

    .promos ul li {
        margin: 0 0 80px 0;
    }

    .promos ul li:last-child {
        margin: 0;
    }


    /* Blocks */

    .block-ui {
        /*
        position: relative !important;
        float: left;
        right: 0 !important;
        width: 100%;
        */
        right: 20px;
    }

    .block-ui .sep {
        display: none;
    }

    .block-header,
    .block-footer {
        margin: 0 0 20px 0;
        padding: 0 20px;
    }


    /* Wordpress blocks */


    .wp-block-group.has-background {
        padding: 40px;
    }

    .wp-block-columns.has-background {
        padding: 40px;
    }

    .wp-block-media-text {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
        justify-content: center;
        text-align: center;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding: 0 0 20px;
    }

    .notification a.button,
    .notification a.button.small {
        box-sizing: border-box;
        width: 100%;
        margin: 20px 0 0 0;
    }

    .notification {
        display: block;
    }


    /* Archives */

    ul#main-archive li:not(.slide) {
        width: 100%;
    }


    /* Flare */

    .flare {
        width: 60px;
        height: auto;
    }


    /* Utilities */

    .padding-40, .padding-80 {
        padding: 20px;
    }

    .ratio.square:after {
        padding-bottom: 100%;
    }

    .ratio.landscape:after {
        padding-bottom: 66%;
    }

    .ratio.portrait:after {
        padding-bottom: 132%;
    }



}

@media screen and (max-width: 480px) {

    .wp-block-group.has-background {
        padding: 20px;
    }

    .wp-block-columns.has-background {
        padding: 20px;
    }

}

@media screen and (max-width: 400px) {}

@media screen and (max-width: 320px) {}


/* pp PRINT STYLES pp */

@media print {

    html {
        background: #fff;
    }

    body,
    .tab,
    .tab-button {
        background: #fff !important;
        color: #000 !important;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p a,
    .site-footer,
    strong {
        color: #000 !important;
    }

    .searcher,
    nav.main-navigation,
    .menu.footer-categories,
    .menu-footer.about,
    .promo,
    .promos,
    .share-print,
    footer.entry-footer,
    form.woocommerce-ordering,
    a.button,
    button {
        display: none;
    }

    .site-header,
    .site-branding.center-y {
        position: relative;
        top: auto;
        box-shadow: none;
        transform: none;
    }

    .zoom.shadow,
    .shadow,
    .product-main {
        box-shadow: none !important;
    }

    .site-header {
        padding: 0 0 20px 0;
        border-bottom: 2px solid #000;
    }

    ul.menu.contact {
        float: left;
        margin: 0 0 40px 0;
        text-align: left;
    }

    .page-content,
    .entry-content,
    .entry-summary,
    .entry-title,
    .entry-footer,
    .inside,
    .nav-archive,
    .comments-area,
    .woocommerce-notices-wrapper,
    .single-product div.product,
    .nav-archive,
    .woocommerce-notices-wrapper,
    .single-product div.product,
    .single .breadcrumb,
    .woocommerce-notices-wrapper,
    .single-product div.product,
    .product-title,
    .site-footer,
    .tab,
    .tab-button {
        padding: 0 !important;
    }

    .site-main {
        margin: 20px 0 0 0 !important;
    }

    .meta li,
    ul.products li .meta li {
        border-color: #000 !important;
    }

    .tab {
        display: block !important;
    }
}