/* =========================================================
   START : OOKLA PACKAGING PREMIUM FOOTER
========================================================= */

.ookla-footer-premium{

    width:100%;
    margin:0;
    padding:0;

    font-family:Montserrat,sans-serif;

    color:#ffffff;

    overflow:hidden;

}


/* =========================================================
   MAIN FOOTER
========================================================= */

.ookla-footer-premium .ookla-footer-main{

    width:100%;

    position:relative;

    background-color:#06251c;

    background-image:
        linear-gradient(
            rgba(3,31,23,.78),
            rgba(3,31,23,.88)
        ),
        url("https://www.ooklapackaging.com/wp-content/uploads/Luxury-Emerald-Gold-Abstract-Banner.png");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

}


/* =========================================================
   FOOTER CONTAINER
========================================================= */

.ookla-footer-premium .ookla-footer-container{

    width:100%;

    max-width:1320px;

    margin:0 auto;

    padding-left:35px;

    padding-right:35px;

    box-sizing:border-box;

}


/* =========================================================
   MAIN FOUR COLUMN AREA
========================================================= */

.ookla-footer-premium
.ookla-footer-main
> .ookla-footer-container{

    padding-top:70px;

    padding-bottom:55px;

    display:grid;

    grid-template-columns:
        1.25fr
        .85fr
        .95fr
        1.35fr;

    gap:0;

}


/* =========================================================
   FOOTER COLUMNS
========================================================= */

.ookla-footer-premium
.ookla-footer-main
> .ookla-footer-container
> .ookla-footer-column{

    min-width:0;

    padding-left:42px;

    padding-right:42px;

    box-sizing:border-box;

}


/* =========================================================
   FIRST COLUMN
========================================================= */

.ookla-footer-premium
.ookla-footer-main
> .ookla-footer-container
> .ookla-footer-column:first-child{

    padding-left:0;

}




/* =========================================================
   LOGO
========================================================= */

.ookla-footer-premium .ookla-footer-logo{

    width:100%;

    max-width:280px;

    margin-bottom:15px;

}


.ookla-footer-premium .ookla-footer-logo a{

    display:inline-block;

}


.ookla-footer-premium .ookla-footer-logo img{

    display:block;

    width:250px;

    max-width:100%;

    height:auto;

    object-fit:contain;

}


/* =========================================================
   BRAND GOLD DIVIDER
========================================================= */

.ookla-footer-premium .ookla-footer-brand-divider{

    width:48px;

    height:3px;

    margin:5px 0 18px;

    background:#d9aa60;

}


/* =========================================================
   BRAND DESCRIPTION
========================================================= */

.ookla-footer-premium .ookla-footer-brand-text{

    max-width:300px;

    margin:0;

    color:rgba(255,255,255,.86);

    font-size:15px;

    line-height:1.65;

    font-weight:400;

}


/* =========================================================
   HEADINGS
========================================================= */

.ookla-footer-premium .ookla-footer-heading{

    position:relative;

    margin:0 0 10px;

    padding:0;

    color:#e3b76d;

    font-family:Montserrat,sans-serif;

    font-size:16px;

    line-height:1.3;

    font-weight:700;

}


/* =========================================================
   HEADING GOLD LINE
========================================================= */

.ookla-footer-premium .ookla-footer-heading-line{

    width:38px;

    height:3px;

    margin:0 0 22px;

    background:#d9aa60;

}


/* =========================================================
   FOOTER MENUS
========================================================= */

.ookla-footer-premium .ookla-footer-menu ul{

    list-style:none;

    margin:0;

    padding:0;

}


.ookla-footer-premium .ookla-footer-menu li{

    list-style:none;

    margin:0 0 13px;

    padding:0;

}


.ookla-footer-premium .ookla-footer-menu a{

    position:relative;

    display:inline-flex;

    align-items:center;

    color:rgba(255,255,255,.88);

    text-decoration:none;

    font-family:Montserrat,sans-serif;

    font-size:13px;

    line-height:1.5;

    font-weight:400;

    transition:
        color .25s ease,
        transform .25s ease;

}


.ookla-footer-premium .ookla-footer-menu a::before{

    content:"›";

    display:inline-block;

    margin-right:10px;

    color:#d9aa60;

    font-size:21px;

    line-height:10px;

    transition:transform .25s ease;

}


.ookla-footer-premium .ookla-footer-menu a:hover{

    color:#e4b96f;

    transform:translateX(4px);

}


.ookla-footer-premium .ookla-footer-menu a:hover::before{

    transform:translateX(3px);

}


/* =========================================================
   CONTACT ITEMS
========================================================= */

.ookla-footer-premium
.ookla-footer-contact-item{

    display:flex;

    align-items:center;

    gap:11px;

    margin:0 0 14px;

    color:rgba(255,255,255,.9);

    text-decoration:none;

    font-family:Montserrat,sans-serif;

    font-size:13px;

    line-height:1.45;

    transition:
        color .25s ease,
        transform .25s ease;

}


.ookla-footer-premium
.ookla-footer-contact-item:hover{

    color:#e2b56b;

    transform:translateX(3px);

}


/* =========================================================
   CONTACT ICON
========================================================= */

.ookla-footer-premium
.ookla-footer-contact-icon{

    width:30px;

    min-width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #d9aa60;

    border-radius:50%;

    color:#d9aa60;

    font-size:13px;

    line-height:1;

    box-sizing:border-box;

}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.ookla-footer-premium .ookla-footer-socials{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-top:24px;

}


.ookla-footer-premium .ookla-footer-socials a{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #d9aa60;

    border-radius:50%;

    color:#ffffff;

    text-decoration:none;

    font-family:Montserrat,sans-serif;

    font-size:12px;

    font-weight:600;

    line-height:1;

    box-sizing:border-box;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        border-color .25s ease;

}


.ookla-footer-premium .ookla-footer-socials a:hover{

    background:#d9aa60;

    border-color:#d9aa60;

    color:#09251c;

    transform:translateY(-3px);

}


/* =========================================================
   FREE SHIPPING
========================================================= */

.ookla-footer-premium .ookla-footer-shipping{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:30px;

}


.ookla-footer-premium .ookla-footer-truck{

    width:45px;

    min-width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    line-height:1;

}


.ookla-footer-premium .ookla-footer-shipping-text{

    display:flex;

    flex-direction:column;

    gap:3px;

}


.ookla-footer-premium .ookla-footer-shipping-text strong{

    display:block;

    margin:0;

    color:#e3b76d;

    font-size:14px;

    line-height:1.35;

    font-weight:700;

}


/* =========================================================
   LOCATIONS
========================================================= */

.ookla-footer-premium .ookla-footer-locations{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin-top:25px;

}


/* =========================================================
   LOCATION
========================================================= */

.ookla-footer-premium .ookla-location{

    display:flex;

    align-items:flex-start;

    gap:12px;

}


.ookla-footer-premium .ookla-location-flag{

    width:36px;

    min-width:36px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:transparent;

    border:1px solid #d9aa60;

    border-radius:50%;

    font-size:19px;

    line-height:1;

    box-sizing:border-box;

}


.ookla-footer-premium .ookla-location p{

    margin:0;

    padding:2px 0 0;

    color:rgba(255,255,255,.86);

    font-family:Montserrat,sans-serif;

    font-size:11px;

    line-height:1.5;

}


/* =========================================================
   GOLD SEPARATOR
========================================================= */

.ookla-footer-premium .ookla-footer-separator{

    width:100%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(217,170,96,.75),
            transparent
        );

}


/* =========================================================
   PAYMENT + SECURITY
========================================================= */

.ookla-footer-premium .ookla-footer-bottom-area{

    width:100%;



}


.ookla-footer-premium .ookla-footer-extra-container{

    padding-top:30px;

    padding-bottom:38px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

}


/* =========================================================
   PAYMENT AREA
========================================================= */

.ookla-footer-premium .ookla-payment-area{

    flex:1;

    min-width:0;

}


.ookla-footer-premium
.ookla-footer-payment-title{

    margin:0 0 8px;

    color:#ffffff;

    font-family:Montserrat,sans-serif;

    font-size:15px;

    line-height:1.4;

    font-weight:700;

}


.ookla-footer-premium
.ookla-payment-title-line{

    width:35px;

    height:2px;

    margin-bottom:18px;

    background:#d9aa60;

}


.ookla-footer-premium .ookla-payment-logos{

    width:100%;

}


.ookla-footer-premium
.ookla-payment-logos img{

    display:block;

    width:100%;

    max-width:650px;

    height:auto;

    object-fit:contain;

}


/* =========================================================
   SECURITY AREA
========================================================= */

.ookla-footer-premium .ookla-security-area{

    width:330px;

    min-width:330px;

}


.ookla-footer-premium
.ookla-security-area img{

    display:block;

    width:100%;

    height:auto;

    object-fit:contain;

}


/* =========================================================
   COPYRIGHT
========================================================= */

.ookla-footer-premium .ookla-footer-copyright{

    width:100%;

    background:#d9b47b;

    color:#10251d;

    text-align:center;

}


.ookla-footer-premium
.ookla-footer-copyright
.ookla-footer-container{

    padding-top:16px;

    padding-bottom:16px;

}


.ookla-footer-premium
.ookla-footer-copyright p{

    margin:0;

    padding:0;

    color:#10251d;

    font-family:Montserrat,sans-serif;

    font-size:12px;

    line-height:1.5;

    font-weight:600;

}
.ookla-footer-contact-column{
        background: #ffffff14;
    padding: 25px;
    border: 1px solid #ffffff;
    border-radius: 20px;
}
.ookla-footer-payment-text{
    width:30%;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media(max-width:1150px){

    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container{

        grid-template-columns:
            1.2fr
            1fr
            1fr;

        row-gap:45px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:nth-child(4){

        grid-column:1 / -1;

        border-left:0;

        border-top:1px solid rgba(214,177,112,.35);

        padding-top:35px;

    }


    .ookla-footer-premium
    .ookla-footer-locations{

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        gap:22px;

        margin-top:20px;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:850px){

    .ookla-footer-premium
    .ookla-footer-container{

        padding-left:25px;

        padding-right:25px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container{

        grid-template-columns:
            1fr 1fr;

        gap:40px 0;

        padding-top:55px;

        padding-bottom:45px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:nth-child(3){

        border-left:0;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:nth-child(2),
    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:nth-child(4){

        border-left:1px solid rgba(214,177,112,.35);

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:nth-child(4){

        grid-column:1 / -1;

        padding-top:35px;

    }


    .ookla-footer-premium
    .ookla-footer-locations{

        grid-template-columns:
            repeat(2,1fr);

    }


    .ookla-footer-premium
    .ookla-footer-extra-container{

        align-items:flex-start;

        flex-direction:column;

        gap:35px;

    }


    .ookla-footer-premium
    .ookla-security-area{

        width:100%;

        max-width:350px;

        min-width:0;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .ookla-footer-premium
    .ookla-footer-main{

        background-position:center center;

    }


    .ookla-footer-premium
    .ookla-footer-container{

        padding-left:20px;

        padding-right:20px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container{

        display:grid;

        grid-template-columns:1fr;

        gap:35px;

        padding-top:45px;

        padding-bottom:40px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column{

        padding-left:0;

        padding-right:0;

        border-left:0 !important;

        border-top:1px solid rgba(214,177,112,.25);

        padding-top:30px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container
    > .ookla-footer-column:first-child{

        border-top:0 !important;

        padding-top:0;

    }


    /* =====================================================
       LOGO
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-logo{

        max-width:220px;

    }


    .ookla-footer-premium
    .ookla-footer-logo img{

        width:210px;

    }


    /* =====================================================
       BRAND
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-brand-text{

        max-width:340px;

        font-size:14px;

        line-height:1.65;

    }


    /* =====================================================
       HEADINGS
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-heading{

        font-size:17px;

    }


    /* =====================================================
       MENUS
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-menu a{

        font-size:13px;

    }


    /* =====================================================
       CONTACT
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-contact-item{

        font-size:13px;

    }


    /* =====================================================
       LOCATIONS
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-locations{

        display:flex;

        flex-direction:column;

        gap:16px;

    }


    .ookla-footer-premium
    .ookla-location p{

        font-size:11px;

    }


    /* =====================================================
       PAYMENT
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-extra-container{

        padding-top:28px;

        padding-bottom:32px;

        gap:30px;

    }


    .ookla-footer-premium
    .ookla-footer-payment-title{

        font-size:14px;

    }


    .ookla-footer-premium
    .ookla-payment-logos img{

        width:100%;

        max-width:100%;

    }


    .ookla-footer-premium
    .ookla-security-area{

        max-width:300px;

    }


    /* =====================================================
       COPYRIGHT
    ====================================================== */

    .ookla-footer-premium
    .ookla-footer-copyright
    .ookla-footer-container{

        padding-top:16px;

        padding-bottom:16px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:400px){

    .ookla-footer-premium
    .ookla-footer-container{

        padding-left:17px;

        padding-right:17px;

    }


    .ookla-footer-premium
    .ookla-footer-main
    > .ookla-footer-container{

        padding-top:40px;

        padding-bottom:35px;

    }


    .ookla-footer-premium
    .ookla-footer-logo img{

        width:190px;

    }


    .ookla-footer-premium
    .ookla-footer-brand-text{

        font-size:13px;

    }


    .ookla-footer-premium
    .ookla-footer-socials a{

        width:32px;

        height:32px;

    }


    .ookla-footer-premium
    .ookla-location-flag{

        width:34px;

        min-width:34px;

        height:34px;

        font-size:17px;

    }


    .ookla-footer-premium
    .ookla-location p{

        font-size:10.5px;

    }


    .ookla-footer-premium
    .ookla-footer-copyright p{

        font-size:11px;

    }

}


/* =========================================================
   END : OOKLA PACKAGING PREMIUM FOOTER
========================================================= */