/* ==========================================================
Wish Seed Theme - Footer
========================================================== */

.ws-customizer-separator{
    margin:20px 0 10px;
    padding-bottom:8px;
    border-bottom:2px solid #ddd;
}

.ws-customizer-separator span{
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#555;
}

.ws-footer{
    background: linear-gradient(90deg, var(--footer-bg-start), var(--footer-bg-end));
    color:var(--footer-text);
    padding: 20px 0 5px 0;
    overflow: hidden;
}

.ws-footer a{
    color:var(--footer-link);
}

.ws-footer a:hover{
    color:var(--footer-hover);
}

.ws-footer .ws-container{
    display:grid;
    grid-template-columns: 1fr 220px;
    gap:40px;
}

.ws-footer-main{
    display:flex;
    flex-direction:column;
    height:100%;
}

.ws-footer-grid{
    display:grid;
    grid-template-columns: 2.6fr 1.2fr 1.2fr 230px;  /*1.3fr .8fr .8fr 1.4fr;*/
    gap:45px;
}

/*.ws-footer-brand-column{
    display:flex;
    flex-direction:column;
}

.ws-footer-brand-column .ws-footer-social{
    margin-top:20px;
}*/


/*.ws-footer-column-brand{
    display:flex;
    flex-direction:column;
}

.ws-footer-column-brand .ws-footer-social{
    margin-top:24px;
}*/

.ws-footer-brand {
    text-align: center;
}
.ws-footer-brand img{
    width:100%;
    max-width:var(--footer-logo-width);
    height:auto;
}

.ws-footer-tagline{
    /*margin-top:18px;*/
    color:rgba(255,255,255,.85);
    font-size:.95rem;
    line-height:1.6;
    text-align: center;
}
.ws-footer-tagline p {
    margin-bottom: 0px;
}

.ws-footer-social{
    display:flex;
    gap:12px;
    margin: 5px 0 10px 0;
    justify-content: center;
}

.ws-footer-social h3{
    margin-bottom:22px;
    font-size:1.15rem;
    font-weight:600;
    color:#fff;
}

.ws-footer-social a{
    width:25px;
    height:25px;
    border-radius:50%;
    background:var(--footer-social-bg);
    color:var(--footer-social-icon);
    display:flex;
    justify-content:center;
    align-items:center;
    /*transition:.3s;*/
    text-decoration: none;
}

.ws-footer-social a:hover{

    background:var(--footer-social-bg);

    color:#4d236f;

    /*transform:translateY(-3px);*/
    text-decoration: none;

}

.ws-footer-menu h3{
    margin-bottom:22px;
    font-size:1.15rem;
    font-weight:600;
    color:#fff;
}

.ws-footer-links{
    list-style:none;
    margin:0;
    padding:0;
}

.ws-footer-links li{
    font-size: 14px;
    margin-bottom:5px;
}

.ws-footer-links a{
    color:rgba(255,255,255,.88);
    text-decoration:none;
    transition:.3s;
}

.ws-footer-links a:hover{
    color:#f3be18;
}

.ws-footer-newsletter h3{
    margin-bottom:22px;
    font-size:1.15rem;
    font-weight:600;
    color:#fff;
}

.ws-footer-newsletter p{
    font-size: 14px;
    color:rgba(255,255,255,.85);
    line-height:1.3;
    margin-bottom:15px;
}

.ws-footer-art{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    min-width:0;      /* Important for CSS Grid */
    overflow:hidden;  /* Prevent children from causing overflow */
}

.ws-footer-art img{
    display:block;
    /*width:100%;*/
    max-width:var(--footer-dandelion-width);
    height:auto;
    object-fit:contain;
}

.ws-footer-form{
    display:flex;
    align-items:stretch;
}

.ws-footer-form input{
    border:none;
    outline:none;
    height:38px;
    font-size:13px;
    padding:0 10px;
    border-radius:10px 0 0 10px;
}

.ws-footer-form button{
    height:38px;
    width:50px;
    border-radius:0 10px 10px 0;
    font-size:13px;
    color: #ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--footer-newsletter-button);
    border:none;
}

.ws-footer-form button:hover{
    background:var(--footer-newsletter-button-hover);
    color:#dcdcdc;
    font-size: 13px;
    transition: .55s;
}

.ws-footer-bottom{
    /*margin-top:30px;*/
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    flex-wrap:wrap;
}

.ws-footer-copyright{
    color:rgba(255,255,255,.75);
    font-size:14px;
}

.ws-footer-legal-menu{
    display:flex;
    /*gap:22px;*/
    list-style:none;
    flex-wrap:wrap;
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
}

.ws-footer-legal-menu li{
    display:flex;
    align-items:center;
    
}
.ws-footer-legal-menu li:not(:last-child){
    border-right:1px solid rgba(255,255,255,.25);
    margin-right: 12px;
    padding-right: 12px;
}

.ws-footer-legal-menu a{
    font-size: 13px;
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

.ws-footer-legal-menu a:hover{
    color:#f3be18;
}

.ws-footer::after{
    content:"";
    position:absolute;
    right:-30px;
    bottom:0;
    width:var(--footer-dandelion-width);
    height:180px;
    opacity:.15;
    background: url("../images/footer-dandelion.png") no-repeat center;
    background-size:contain;
}

.ws-footer-dandelion{
    position:absolute;
    /*right:0;*/
    bottom:0;
    width:var(--footer-dandelion-width);
    pointer-events:none;
    user-select:none;
}

/* ==========================================
   Compact Footer
========================================== */

.ws-footer-compact{
    padding:50px 0 18px;
}

.ws-footer-compact-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr 180px;
    gap:40px;
    align-items:end;
}

.ws-footer-compact-menus{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.ws-footer-compact-art{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
}

.ws-footer-compact-art img{
    max-width:var(--footer-dandelion-width);
    width:100%;
    height:auto;
    display:block;
}




@media (max-width:1199px){

    .ws-footer-container{
        display:flex;
        flex-direction:column;
    }

    .ws-footer-main{
        order:1;
    }

    .ws-footer-art{
        order:2;
        display:flex;
        justify-content:center;
        align-items:flex-end;
        margin-top:30px;
    }

    .ws-footer-art img{
        max-width:220px;
        width:100%;
        height:auto;
        display:block;
    }

}

@media(max-width:991px){

    .ws-footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:45px;
    }

    .ws-footer .ws-container{
        grid-template-columns:1fr 1fr;

    }

    .ws-footer-art{
        order:2;
        display:flex;
        justify-content:center;
        align-items:flex-end;
        margin-top:20px;
    }

    .ws-footer-compact-grid{
        grid-template-columns:1fr 1fr;
    }

    .ws-footer-compact-art{
        grid-column:1 / -1;
        justify-content:center;
        margin-top:10px;
    }    
}



@media(max-width:767px){
    .ws-footer{
        text-align:center;
    }

    .ws-footer .ws-container{
        grid-template-columns:1fr;

    }

    .ws-footer-grid{
        grid-template-columns:1fr;
    }

    .ws-footer-social{
        justify-content:center;
    }

    .ws-footer-form{
        flex-direction:column;
        gap:15px;
    }

    .ws-footer-form input{
        width:100%;
        border-radius:50px;
    }

    .ws-footer-form button{
        width:100%;
        border-radius:50px;
    }

    .ws-footer-bottom{
        flex-direction:column;
        gap: 0px;
        margin-top: 20px;
    }

    .ws-footer-legal-menu{
        justify-content:center;
        flex-wrap:wrap;
    }

    .ws-footer-container{
        display:flex;
        flex-direction:column;

    }

    .ws-footer-main{
        order:1;
    }

    .ws-footer-art{
        order:2;
        display:flex;
        justify-content:center;
        align-items:flex-end;
        margin-top:20px;
    }

    .ws-footer-art img{
        max-width:50px;
        width:100%;
        height:auto;
    }

    .ws-footer-compact{
        text-align:center;
    }

    .ws-footer-compact-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .ws-footer-compact-menus{
        grid-template-columns:1fr;
    }

    .ws-footer-compact-art{
        justify-content:center;
    }    
}