/*********************************
* Author : Shaeena (refacto Hakim)
* Role : CSS footer 
*********************************/

/* 
 * MOBILE FIRST (< 767px)
 ***********************/

/* Parent theme Ocean WP override*/
#footer-widgets {
    background-color: var(--grey-100);
}

#footer-bottom #copyright {
    font-size: var(--font-size-16) !important;
}

/* 
 * Footer :: Top 
 */
.site-footer--top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Footer : Top links list */
.site-footer--top .wp-block-list {
    text-align: center;
}

.footer-top--inner>p {
    display: none;
}

.site-footer--top .mc4wp-form-fields label,
.site-footer--top .wp-block-list a {
    font-size: 18px;
    color: var(--grey-900);
    margin-bottom: 10px;
}

/* Footer : Newsletter form */
.site-footer--top>p {
    margin-bottom: 0;
}

.site-footer--top .mc4wp-form-fields {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-footer--top .mc4wp-form-fields-inputs,
.site-footer--top .wpcf7 {
    padding: 0 50px;
    display: flex;
}


.site-footer--top .wpcf7 .wpcf7-text,
.site-footer--top .mc4wp-form-fields input[type="email"] {
    max-width: 250px;
    width: 100%;
    border: 1px solid;
    border-width: 0 0 2px 0;
    border-radius: 0;
    border-color: var(--green-text);
    padding-top: 0;
    min-height: 0;
}

.site-footer--top .mc4wp-form-fields input[type="submit"] {
    background-color: var(--green-text);
    color: white;
    border: none;
    padding: 6px 14px;
    margin-left: 10px;
    cursor: pointer;
}

.site-footer--top .mc4wp-response p {
    font-size: 12px;
    text-align: center;
}

/* Footer : Social links */
.site-footer--top .footer-logo-rs-container {
    width: 300px;
    margin: 3rem auto 1rem;
    justify-content: space-between;
}

.site-footer--top .footer-logo-rs-container>div {
    width: 45%;
    max-width: 130px;
}

.site-footer--top .footer-logo-rs-container figure {
    margin-bottom: 0;
}

.site-footer--top .footer-logo-rs-container .social-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer--top .footer-logo-rs-container .social-links i {
    color: #686F80;
    font-size: 20px;
}


/* 
 * Footer :: Bottom 
 */

/* Parent theme Ocean WP override*/
#footer #footer-bottom {
    padding: 2.5rem 0;
}

#footer-bottom #footer-bottom-menu {
    margin: 0px;
}

#footer-bottom #footer-bottom-menu ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#footer-bottom #footer-bottom-menu li {
    margin-bottom: 1.5rem;
}

#footer-bottom #footer-bottom-menu li:after {
    content: none;
}

/* Copyright Siege Social*/
.site-footer--bottom .footer-bottom--siege-social-address {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.site-footer--bottom .footer-bottom--siege-social-address span,
.site-footer--bottom .footer-bottom--navigation .menu .menu-item a,
.site-footer--bottom .footer-bottom--copyright {
    font-size: var(--font-size-16);
}

/* 
 * TABLET PORTRAIT VIEW (> 768px)
 **********************/
@media (min-width: 768px) {

    /* Theme Override */
    .footer-bottom--inner {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding-left: 10%;
        padding-right: 10%;
    }

    #footer-bottom .footer-bottom--inner#footer-bottom-inner>div {
        width: auto;
    }

    #footer-bottom #footer-bottom-menu {
        text-align: left;
    }

    #footer-bottom #footer-bottom-menu li {
        margin-bottom: 0;
        margin-top: 1.5rem;
    }

    .site-footer--bottom .footer-bottom--siege-social-address {
        margin-bottom: 0;
    }

    .site-footer--bottom #copyright {
        padding-right: 0;
    }

    .site-footer--bottom::after,
    .site-footer--bottom .footer-bottom--inner::after,
    .site-footer--bottom #copyright::after {
        display: none;
    }

}

/* 
 * DESKTOP VIEW (> 1366px)
 ************************/
@media (min-width: 1366px) {
    #footer-bottom-inner {
        justify-content: center;
    }

    /* Copyright links list */
    #footer-bottom .footer-bottom--navigation#footer-bottom-menu .menu {
        flex-direction: row;
        justify-content: center;
    }

    #footer-bottom .footer-bottom--navigation#footer-bottom-menu .menu li {
        margin-top: 0;
    }

    .footer-bottom--navigation .menu .menu-item,
    .footer-bottom--siege-social-address {
        padding-right: 4rem;
    }
}