/***********************************************************************************

    ███████╗████████╗██████╗ ██╗   ██╗ ██████╗████████╗██╗   ██╗██████╗ ███████╗
    ██╔════╝╚══██╔══╝██╔══██╗██║   ██║██╔════╝╚══██╔══╝██║   ██║██╔══██╗██╔════╝
    ███████╗   ██║   ██████╔╝██║   ██║██║        ██║   ██║   ██║██████╔╝█████╗
    ╚════██║   ██║   ██╔══██╗██║   ██║██║        ██║   ██║   ██║██╔══██╗██╔══╝
    ███████║   ██║   ██║  ██║╚██████╔╝╚██████╗   ██║   ╚██████╔╝██║  ██║███████╗
    ╚══════╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝  ╚═════╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝╚══════╝
                                                                                                                    
 ***********************************************************************************/



    .wrapper footer {
        padding: calc(1.5*var(--vertical-rhythm)) 0 !important;
    }

    .single-post main article {
        max-width: 1024px;
        margin: auto;
    }



/**********************************************************************

     ██████╗ ██████╗ ███╗   ██╗████████╗███████╗███╗   ██╗████████╗
    ██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔════╝████╗  ██║╚══██╔══╝
    ██║     ██║   ██║██╔██╗ ██║   ██║   █████╗  ██╔██╗ ██║   ██║
    ██║     ██║   ██║██║╚██╗██║   ██║   ██╔══╝  ██║╚██╗██║   ██║
    ╚██████╗╚██████╔╝██║ ╚████║   ██║   ███████╗██║ ╚████║   ██║
     ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═══╝   ╚═╝
                                                                                           
 **********************************************************************/



    pre {
        background: rgb(245, 245, 245);
        padding: 0.5rem 1rem;
        border: 1px dotted rgb(165, 165, 165);
    }

    code {
        background: rgb(245, 245, 245);
        padding: 0 0.5rem;
        border: 1px solid rgb(165, 165, 165);
        border-radius: 3px;
    }

    .thumbnail-wrapper {
        border-bottom: none;
        display: inline;
    }

    .responsiville-lazymg {
        opacity: 0;
        transition: 0.2s opacity ease-in;
    }

    .responsiville-lazymg.responsiville-lazymg-loaded {
        opacity: 1;
    }



    /* Tables */

    table {
        border: none !important;
    }

        table tr:hover {
            background-color: var(--color-gray-7);
        }

        table tr:not(:last-child) {
            border-bottom: 1px solid var(--color-orange-light);
        }

        table thead tr {
            border-bottom: 1px solid var(--color-orange);
            background-color: var(--color-gray-8);
        }

        table th,
        table td {
            background-color: transparent !important;
            border: none !important;
            font-size: 85%;
        }

        table th {
            font-weight: 700;
        }
    
    
    
    /* Quote */

    .text blockquote {
        font-family: var(--font-sans-serif);
        color: var(--color-orange);
        padding: 1rem 10rem 1rem 0 !important;
        text-align: left;
    }
    
        .text blockquote::before {
            display: none;
        }

        .text blockquote::before {
            content: '';
            display: block;
            width: 60%;
            padding-bottom: 4rem;
            border-top: 1px solid var(--color-orange);
        }

        .text blockquote::after {
            content: '';
            display: block;
            width: 60%;
            padding-top: 2.5rem;
            border-bottom: 1px solid var(--color-orange);
        }

    
    
    /* Lists */

    .tablet .text ul, 
    .tablet .text ol, 
    .tablet .text dl {
        padding-left: 2rem;
    }



    /* Visit our store message. */

    .visit-our-store {
        clear: both;
        margin: auto;
        padding-top: 0;
        padding-bottom: 5rem;
        max-width: 480px;
        text-align: center;
        position: relative;
    }
    
    .visit-our-store p,
    .visit-our-store a {
        font-weight: 700;
    }

        .visit-our-store::before {
            content: '';
            display: block;
            width: 20rem;
            height: 20rem;
            margin: auto;
            background-image: url('../img/delta-solutions-floor-wall-window.png');
            background-size: 20rem 20rem;
            background-position: 0px 0px;
            background-repeat: no-repeat;
            transform: translateY(125px);
            opacity: 0.5;
            position: relative;
            z-index: -1;
        }


    
/*******************************************************

    ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
    ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
    ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
    ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
    ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
                                                    
 *******************************************************/



    .main-header-content {
        max-width: var(--panel-narrow-width);
        margin: auto;
        text-align: center;
    }

        .main-header-content h1 {
            margin-bottom: calc(0.5*var(--text-rhythm));
        }
    
    
    
    .search h1 small {
        font-size: 2rem;
    }



 /********************************************************************************

    ██╗  ██╗ ██████╗ ███╗   ███╗███████╗    ██████╗  █████╗  ██████╗ ███████╗
    ██║  ██║██╔═══██╗████╗ ████║██╔════╝    ██╔══██╗██╔══██╗██╔════╝ ██╔════╝
    ███████║██║   ██║██╔████╔██║█████╗      ██████╔╝███████║██║  ███╗█████╗
    ██╔══██║██║   ██║██║╚██╔╝██║██╔══╝      ██╔═══╝ ██╔══██║██║   ██║██╔══╝
    ██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗    ██║     ██║  ██║╚██████╔╝███████╗
    ╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝    ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚══════╝
    
 ********************************************************************************/


    /* Main logo effects. */

    .home-delta figure { 
        position: relative;
        overflow: hidden;
    }
    
    .home-delta figure::after { 
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        transform: scaleX(1) translateX(0);
        background: linear-gradient(90deg, rgba(var(--gray-9), 0) 0%, rgba(var(--gray-9), 0.8) 40%, rgba(var(--gray-9), 1) 100%); 
        z-index: 1;
        transition-property: background, transform;
        transition-duration: 2.25s;
        transition-timing-function: ease-in-out;
    }
    
    .responsiville-domcontentloaded .home-delta figure::after { 
        transform: scaleX(0.5) translateX(50%);
        background: linear-gradient(90deg, rgba(var(--gray-9), 0) 0%, rgba(var(--gray-9), 0.8) 60%, rgba(var(--gray-9), 1) 100%); 
    }

        .home-delta svg { 
            width: 100%;
            height: auto !important;
            z-index: 0;
        }

            .home-delta-tiles path {
                stroke: var(--color-white);
            }
            
            .home-delta-logo path {
                fill: var(--color-white);
            }

            .home-delta-logo {
                opacity: 0;
                transition-property: opacity;
                transition-duration: 1.25s;
                transition-timing-function: ease-in-out;
                transition-delay: 1.5s;
                animation-name: home-delta-logo;
                animation-timing-function: ease-in;
                animation-duration: 10s;
                animation-delay: 3s;
                animation-iteration-count: infinite;
            }

            @keyframes home-delta-logo {
                0% {
                    transform: translateX(0);
                    filter: blur(0) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                0.5% {
                    transform: translateX(1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                1% {
                    transform: translateX(-1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                1.5% {
                    transform: translateX(1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                2% {
                    transform: translateX(-1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                2.5% {
                    transform: translateX(1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                3% {
                    transform: translateX(-1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                3.5% {
                    transform: translateX(1px);
                    filter: blur(2px) brightness(1.2) drop-shadow(0 0 7px var(--color-gray-5));
                }
                4% {
                    transform: translateX(0);
                    filter: blur(0) brightness(1) drop-shadow(0 0 0 var(--color-gray-5));
                }
                100% {
                    transform: translateX(0);
                    filter: blur(0) brightness(1)  drop-shadow(0 0 0 var(--color-gray-5));
                }
            }

            .responsiville-domcontentloaded .home-delta-logo {
                opacity: 1;
            }

            .home-delta-tiles {
                opacity: 0;
                transition-property: opacity;
                transition-duration: 0.75s;
                transition-timing-function: ease-in-out;
            }

            .home-delta-tiles-right {
                transition-delay: 0.75s;
            }

            .responsiville-domcontentloaded .home-delta-tiles {
                opacity: 1;
            }
    
    
    
    /* Home services. */

    .home-services h3 {
        font-size: 2rem;
        font-weight: 700;
        padding-left: 4rem;
        position: relative;
    }
    
        .home-services h3::before {
            content: '';
            position: absolute;
            left: 2rem;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 16rem;
            background-color: var(--color-orange);
        }



    /* Home products. */

    .home-products {
        --grid-gutter: 1rem;
    }

    .small .home-products [class*="column"] + [class*="column"] {
        margin-top: var(--vertical-rhythm);
    }

    .laptop .home-products [class*="column"] + [class*="column"] {
        margin-top: 0;
    }

    .home-products h2 {
        color: var(--color-orange);
        margin-bottom: 3rem;
    }
    
    .home-products p {
        font-size: 1.6rem;
        font-weight: 700;
    }
    
    .home-products [class*="column"]:nth-of-type(1) p {
        font-size: 2rem;
    }

    .home-products p + p {
        margin-top: 1rem;
    }

    [class*="column"]:nth-of-type(1) p + p {
        margin-top: 2rem;
    }

    .home-products img {
        margin-right: 1rem;
    }
    
    .home-products [class*="column"]:nth-of-type(1) img {
        filter: invert(100%);
    }

    .home-products a,
    .home-products a:hover {
        color: var(--color-white);
        font-weight: 700;
        border: none;
        display: block;
        position: relative;
    }

        .home-products a::before {
            content: '';
            height: 1px;
            background-color: var(--color-white);
            width: 0;
            position: absolute;
            top: 50%;
            right: calc(100% + 20px);
            transform: translateY(-50%);
            transition-property: width;
            transition-duration: 0.3s;
            transition-timing-function: ease-in;
        }

        .home-products a:hover::before {
            width: 300px;
        }

    
    /* Home portfolio. */

    .home-portfolio .post-box h2 {
        font-weight: 700;
    }

    .home-portfolio .post-box .list-taxonomies {
        display: block;
        font-size: 1.4rem;
        color: var(--color-orange-light);
    }
        


/****************************************************************************************************************************************************

    ██████╗ ██████╗  ██████╗ ██████╗ ██╗   ██╗ ██████╗████████╗     ██████╗ █████╗ ████████╗███████╗ ██████╗  ██████╗ ██████╗ ██╗███████╗███████╗
    ██╔══██╗██╔══██╗██╔═══██╗██╔══██╗██║   ██║██╔════╝╚══██╔══╝    ██╔════╝██╔══██╗╚══██╔══╝██╔════╝██╔════╝ ██╔═══██╗██╔══██╗██║██╔════╝██╔════╝
    ██████╔╝██████╔╝██║   ██║██║  ██║██║   ██║██║        ██║       ██║     ███████║   ██║   █████╗  ██║  ███╗██║   ██║██████╔╝██║█████╗  ███████╗
    ██╔═══╝ ██╔══██╗██║   ██║██║  ██║██║   ██║██║        ██║       ██║     ██╔══██║   ██║   ██╔══╝  ██║   ██║██║   ██║██╔══██╗██║██╔══╝  ╚════██║
    ██║     ██║  ██║╚██████╔╝██████╔╝╚██████╔╝╚██████╗   ██║       ╚██████╗██║  ██║   ██║   ███████╗╚██████╔╝╚██████╔╝██║  ██║██║███████╗███████║
    ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═════╝  ╚═════╝  ╚═════╝   ╚═╝        ╚═════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝ ╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝╚══════╝╚══════╝
                                                                                                                                             
*****************************************************************************************************************************************************/



    .products-category-list a,
    .products-category-list a:hover {
        display: block;
        color: var(--color-white);
        opacity: 1;
    }
    
    .products-category-list a h2 {
        color: var(--color-white);
    }
    
    .products-category-list-item {
        position: relative;
        margin-bottom: calc(2*var(--grid-gutter));
    }

    .products-category-list-item::before {
        content: '';
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(var(--gray-7),  0.3);
        z-index: 1;
        transition-property: background-color;
        transition-duration: 0.3s;
        transition-timing-function: ease-in;
    }
    
    .products-category-list-item:hover::before {
        background-color: rgba(var(--orange-dark),  0.7);
    }
    
        .products-category-list-info {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            text-transform: uppercase;
            text-align: center;
            z-index: 2;
        }
        
            .products-category-list-info h2 {
                font-size: 2.5rem;
                font-weight: 700;
                transition-property: transform;
                transition-duration: 0.3s;
                transition-timing-function: ease-in;
            }

            .products-category-list-item:hover .products-category-list-info h2 {
                transform: translateY(-50px);
            }

            .products-category-list-info svg {
                width: 150px;
                height: auto;
                fill: var(--color-black);
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translateX(-50%) translateY(0) scale(0);
                opacity: 0;
                transition-property: opacity, transform;
                transition-duration: 0.3s;
                transition-timing-function: ease-in;
            }
            
            .products-category-list-item:hover .products-category-list-info svg {
                opacity: 1;
                transform: translateX(-50%) translateY(-30px) scale(1);
            }

        .products-category-list-image {
            position: relative;
            overflow: hidden;
            background-color: var(--color-white);
        }

        .small .products-category-list-image {
            height: 400px !important;
        }

        .tablet .products-category-list-image {
            height: 500px !important;
        }

        .desktop .products-category-list-image {
            height: 600px !important;
        }

            .products-category-list-image img {
                object-position: 50% 50%;
                object-fit: cover;
                width: 100%;
                height: 100% !important;
                transform: scale(1);
                transition-property: transform;
                transition-duration: 0.3s;
                transition-timing-function: ease-in;
            }
            
            .contain .products-category-list-image img {
                object-fit: contain;
            }

            .products-category-list-item:hover .products-category-list-image img {
                transform: scale(1.2);
            }



/********************************************************************************************************************

    ███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗    ██████╗ ██████╗  ██████╗ ██████╗ ██╗   ██╗ ██████╗████████╗
    ██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝    ██╔══██╗██╔══██╗██╔═══██╗██╔══██╗██║   ██║██╔════╝╚══██╔══╝
    ███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗      ██████╔╝██████╔╝██║   ██║██║  ██║██║   ██║██║        ██║   
    ╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝      ██╔═══╝ ██╔══██╗██║   ██║██║  ██║██║   ██║██║        ██║   
    ███████║██║██║ ╚████║╚██████╔╝███████╗███████╗    ██║     ██║  ██║╚██████╔╝██████╔╝╚██████╔╝╚██████╗   ██║   
    ╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝    ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═════╝  ╚═════╝  ╚═════╝   ╚═╝   

 *********************************************************************************************************************/
 


    /* Main product images slideshow. */

    .product-main-images {
        overflow: hidden;
    }

    .product-main-images .panel {
        max-width: 1680px;
    }
    
    .laptop .product-main-images .panel {
        padding: 0 3rem;
    }
    
        .small .product-main-images .responsiville-slideshow,
        .small .product-main-images .responsiville-slideshow-slide {
            height: clamp(300px, 60vh, 500px) !important;
            background: var(--color-white);
        }
        
        .laptop .product-main-images .responsiville-slideshow,
        .laptop .product-main-images .responsiville-slideshow-slide {
            height: clamp(600px, 85vh, 1000px) !important;
        }

        .product-main-images .responsiville-slideshow-slide img {
            object-position: 50% 50%;
            object-fit: cover;
            width: 100%;
            height: 100% !important;
        }
        
        .product-main-images .responsiville-slideshow-slide.contain img {
            object-fit: contain;
        }
    


    /* Product variation images. */

    .product-variation-images {
        position: relative;
        z-index: 2;
    }

        .product-variation-images figure {
            position: relative;
            overflow: hidden;
            transition-property: transform;
            transition-duration: 0.1s;
            transition-timing-function: ease-in;
            transform: translatey(0);
            background: var(--color-white);
        }
        
        .small .product-variation-images figure {
            height: 100px !important;
        }

        .tablet .product-variation-images figure {
            height: 200px !important;
        }

        .product-variation-images figure:hover {
            transform: translatey(-1rem);
        }

            .product-variation-images img {
                object-position: 50% 50%;
                object-fit: cover;
                width: 100%;
                height: 100% !important;
                transition-property: filter;
                transition-duration: 0.3s;
                transition-timing-function: ease-in;
                filter: brightness(100%);
                cursor: pointer;
                cursor: hand;
            }
            
            .product-variation-images .contain img {
                object-fit: contain;
            }


            .product-variation-images img:hover {
                filter: brightness(115%);
            }
            
            .product-variation-images p {
                font-size: 75%;
                margin-top: 0.5rem;
                margin-bottom: 2rem;
                padding: 0 1em;
            }

    
    /* Product variation images popup. */

    .product-variation-image-popup {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding: 3rem;
    }

        .product-variation-image-popup img {
            object-position: 50% 50%;
            object-fit: cover;
            width: 100%;
            height: 100% !important;
        }
        
        .product-variation-image-popup.contain img {
            object-fit: contain;
        }

        .product-variation-image-popup figcaption {
            position: absolute;
            bottom: 1.5rem;
            right: 1.5rem;
            background-color: rgba(var(--gray-9),  0.8);
            color: var(--color-orange);
            font-weight: 700;
            line-height: 1;
            padding: 1.5rem;
        }


    /* Product techical stuff. */

    .product-technical {
        position: relative;
    }

        .product-technical::after {
            content: url('../img/footer-background.png');
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }

        .product-technical .panel {
            max-width: 1440px;
            padding: 0 3rem;
            background-color: var(--color-gray-8);
            display: table;
            position: relative;
            z-index: 2;
        }

            .small .product-technical svg {
                max-width: 150px;
            }

            .tablet .product-technical svg {
                max-width: 250px;
            }

            .product-technical svg {
                display: block;
                height: auto;
                margin: auto;
                fill: var(--color-orange-light);
            }

            .product-technical th {
                text-align: left;
            }

            .product-technical td {
                text-align: right;
            }

            .tablet .product-technical-image,
            .tablet .product-technical-table {
                display: table-cell;
                float: none;
            }

            .product-technical-image,
            .product-technical-table {
                vertical-align: middle;
                padding: var(--text-rhythm) 0;
            }

                .product-technical-table table {
                    max-width: 500px;
                }



    /* Product related. */

    .product-related {
        position: relative;
        background-image: url('../img/background-related.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .small .product-related {
        z-index: 1;
    }

    .laptop .product-related {
        z-index: 0;
    }
   
        .product-related h2 {
            margin-bottom: var(--text-rhythm);
        }

        .product-related-item {
            margin-bottom: 2rem;
        }
        
        .product-related a {
            display: block;
        }

        .product-related figure {
            position: relative;
            overflow: hidden;
            margin-bottom: 1rem;
        }
        
        .small .product-related figure {
            height: 100px !important;
        }

        .tablet .product-related figure {
            height: 200px !important;
        }

            .product-related img {
                object-position: 50% 50%;
                object-fit: cover;
                width: 100%;
                height: 100% !important;
            }

        .product-related-categories p {
            font-size: 75%;
            font-weight: 700 !important;
            padding: 0 1em;
        }
        
        .product-related-title {
            color: var(--color-white);
            font-weight: 700;
            font-size: 85%;
            text-transform: uppercase;
            padding: 0 1em;
        }



    /* Product back buttons. */

    .product-back-buttons .button {
        margin: 0 0.5em;
    }



/**************************************************************************************************************

    ██████╗  ██████╗ ██████╗ ████████╗███████╗ ██████╗ ██╗     ██╗ ██████╗     ██╗     ██╗███████╗████████╗
    ██╔══██╗██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝██╔═══██╗██║     ██║██╔═══██╗    ██║     ██║██╔════╝╚══██╔══╝
    ██████╔╝██║   ██║██████╔╝   ██║   █████╗  ██║   ██║██║     ██║██║   ██║    ██║     ██║███████╗   ██║   
    ██╔═══╝ ██║   ██║██╔══██╗   ██║   ██╔══╝  ██║   ██║██║     ██║██║   ██║    ██║     ██║╚════██║   ██║   
    ██║     ╚██████╔╝██║  ██║   ██║   ██║     ╚██████╔╝███████╗██║╚██████╔╝    ███████╗██║███████║   ██║   
    ╚═╝      ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝      ╚═════╝ ╚══════╝╚═╝ ╚═════╝     ╚══════╝╚═╝╚══════╝   ╚═╝   
                                                                                                        
 ***************************************************************************************************************/


    .portfolio-list-controls {
        background-color: var(--color-gray-8);
        text-align: center;
        padding: 2rem;
        margin-bottom: var(--vertical-rhythm);
    }

        .portfolio-list-controls button {
            border: none;
            color: var(--color-orange-light);
            height: auto;
            line-height: unset;
            font-size: 85%;
            padding: 0.5em 1.5em;
            border-radius: 5px;
        }

        .portfolio-list-controls button:hover,
        .portfolio-list-controls button:focus,
        .portfolio-list-controls button:active,
        .portfolio-list-controls button.selected,
        .portfolio-list-controls button.selected:active {
            background-color: var(--color-orange-light);
            color: var(--color-gray-8);
        }
        
        .portfolio-list-controls button.selected:hover {
            background-color: var(--color-orange);
            color: var(--color-gray-7);
        }

    .portfolio-list-item {
        margin-bottom: calc(2*var(--grid-gutter));
    }

        .portfolio-list-item figure {
            margin-bottom: 1rem;
        }

        .portfolio-list-item h2 {
            font-size: 2rem;
            font-weight: 700;
            color: var(--color-white);
        }
    
    .small .portfolio-list-controls-mobile {
        padding: 0 5rem;
    }

    .tablet .portfolio-list-controls-mobile {
        padding: 0 15rem;
    }



/********************************************************************************************************************************

    ███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗    ██████╗  ██████╗ ██████╗ ████████╗███████╗ ██████╗ ██╗     ██╗ ██████╗ 
    ██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝    ██╔══██╗██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝██╔═══██╗██║     ██║██╔═══██╗
    ███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗      ██████╔╝██║   ██║██████╔╝   ██║   █████╗  ██║   ██║██║     ██║██║   ██║
    ╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝      ██╔═══╝ ██║   ██║██╔══██╗   ██║   ██╔══╝  ██║   ██║██║     ██║██║   ██║
    ███████║██║██║ ╚████║╚██████╔╝███████╗███████╗    ██║     ╚██████╔╝██║  ██║   ██║   ██║     ╚██████╔╝███████╗██║╚██████╔╝
    ╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝    ╚═╝      ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝      ╚═════╝ ╚══════╝╚═╝ ╚═════╝ 
                                                                                                                            
 ********************************************************************************************************************************/


    /* Main portfolio images slideshow. */

    .portfolio-main-images {
        overflow: hidden;
    }

    .portfolio-main-images .panel {
        max-width: 1680px;
    }
    
    .laptop .portfolio-main-images .panel {
        padding: 0 3rem;
    }
    
        .small .portfolio-main-images .responsiville-slideshow,
        .small .portfolio-main-images .responsiville-slideshow-slide {
            height: 60vh !important;
        }
        
        .laptop .portfolio-main-images .responsiville-slideshow,
        .laptop .portfolio-main-images .responsiville-slideshow-slide {
            height: 85vh !important;
        }

        .portfolio-main-images .responsiville-slideshow-slide img {
            object-position: 50% 50%;
            object-fit: cover;
            width: 100%;
            height: 100% !important;
        }
    
        .portfolio-main-images .responsiville-slideshow-slide.contain img {
            object-fit: contain;
        }
    


/******************************************************

    ███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗
    ██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝
    ███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗  
    ╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝  
    ███████║██║██║ ╚████║╚██████╔╝███████╗███████╗
    ╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝
                                                
 ******************************************************/



    .single-post .list-taxonomies {
        display: none;
    }

    .single-post .article-date {
        text-align: center;
    }
    


/**********************************************************************

    ██████╗  ██████╗ ███████╗████████╗    ██████╗  ██████╗ ██╗  ██╗
    ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝    ██╔══██╗██╔═══██╗╚██╗██╔╝
    ██████╔╝██║   ██║███████╗   ██║       ██████╔╝██║   ██║ ╚███╔╝
    ██╔═══╝ ██║   ██║╚════██║   ██║       ██╔══██╗██║   ██║ ██╔██╗
    ██║     ╚██████╔╝███████║   ██║       ██████╔╝╚██████╔╝██╔╝ ██╗
    ╚═╝      ╚═════╝ ╚══════╝   ╚═╝       ╚═════╝  ╚═════╝ ╚═╝  ╚═╝

 **********************************************************************/



    .post-box-wrapper + .post-box-wrapper {
        margin-top: var(--text-rhythm);
    }

    .post-box {
        font-size: 0.9em;
        line-height: 1.5;
    }
    
        .post-box a,
        .post-box a:hover {
            border-bottom: none;
            color: var(--color-white);
        }

            .post-box-image {
                margin-bottom: 0.5em;
            }

            .post-box-title {
                font-size: 2em;
                margin: 0 0 0.25em 0 !important;
                padding: 0 !important;
                text-align: left;
            }

            .tablet .post-box-title {
                margin-top: 0.5em !important;
            }

            .post-box-date {
                font-size: 0.9em;
                margin: 0 0 0.5em 0;
            }
            
                .post-box-date span {
                    font-weight: 700;
                }

            .post-box-excerpt {
                margin: 0 0 0.5em 0;
            }
            
            .post-box .list-taxonomies {
                margin: 0 0 0.5em 0;
                display: none;
            }



/************************************************************************************

    ██████╗  █████╗  ██████╗ ██╗███╗   ██╗ █████╗ ████████╗██╗ ██████╗ ███╗   ██╗
    ██╔══██╗██╔══██╗██╔════╝ ██║████╗  ██║██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║
    ██████╔╝███████║██║  ███╗██║██╔██╗ ██║███████║   ██║   ██║██║   ██║██╔██╗ ██║
    ██╔═══╝ ██╔══██║██║   ██║██║██║╚██╗██║██╔══██║   ██║   ██║██║   ██║██║╚██╗██║
    ██║     ██║  ██║╚██████╔╝██║██║ ╚████║██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║
    ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
                                                                                                                      
 ************************************************************************************/



    .pages {
        width: auto;
        text-align: center;
    }

        .pages a, 
        .pages a:hover, 
        .pages span {
            display: inline-block;
            padding: 0.2rem 1rem;
            margin: 3rem 0;
            border: none;
        }

        .pages .current {
            font-weight: bold;
        }



/*************************************************

    ██████╗  ██████╗ ██████╗ ██╗   ██╗██████╗
    ██╔══██╗██╔═══██╗██╔══██╗██║   ██║██╔══██╗
    ██████╔╝██║   ██║██████╔╝██║   ██║██████╔╝
    ██╔═══╝ ██║   ██║██╔═══╝ ██║   ██║██╔═══╝
    ██║     ╚██████╔╝██║     ╚██████╔╝██║
    ╚═╝      ╚═════╝ ╚═╝      ╚═════╝ ╚═╝

 *************************************************/



    .popup {
        box-sizing: content-box;
    }

        .popup-next,
        .popup-previous {
            top: 45%;
        }