/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/***************/
/* SHOP HEADER */
/***************/
#shop-header-wrap {
    background-color: #d2dfe8;
    padding: 20px 0;
}

.shop-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #28435e;
}

.shop-header-flex1 {
    flex: 1;
    min-width: 300px;
    margin: 4%;
}

.shop-header-flex1 img {
    width: 100%;
    height: auto;
}

.shop-header-flex2 {
    max-width: 740px;
    flex-grow: 1;
    padding: 2%;
}

@media only screen and (max-width: 999px) {
    .shop-header {
        flex-direction: column;
        text-align: center!important;
    }
}

@media only screen and (max-width: 479px) {
    .shop-header-flex1 {
        min-width: auto;
        width: 100%;
        display: none;
    }
}

/**********/
/* FOOTER */
/**********/
#footer-outer[data-full-width="1"] .container {
    padding: 0;
}

body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row {
    padding: 0;
}

#footer-outer .widget {
    margin-bottom: 0!important;
}

#copyright {
    padding-top: 0!important;
    padding-bottom: 40px!important;
}

@media only screen and (max-width: 999px) and (min-width: 690px) {
    #footer-widgets .container .col {
        margin-left: 0!important;
    }
}

/* signup row */
.footer-row1 {
    background-color: #d2dfe8;
    padding: 40px 0;
    text-align: left;
}

.footer-flex-c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    max-width: 1425px;
    margin: 0 auto;
    padding: 0 90px;
}

#footer-outer #footer-widgets .widget h4 {
    font-size: 20px;
}

#footer-outer #footer-widgets .widget .footer1-flex-text h4 {
    color: #28435e!important;
}

.footer1-flex-elephant {
    flex-grow: 0;
}

img.elephant {
    width: 160px!important;
    max-width: 160px!important;
    height: auto!important;
    margin: 0 40px 0 0;
}

.footer1-flex-text {
    flex-grow: 0;
    max-width: 400px;
    min-width: 400px;
}

.footer1-flex-form {
    flex: 1;
    max-width: 600px;
    min-width: 460px;
    width: 100%;
    margin: 0 auto;
}

/* signup form */
#mc4wp-form-1 .mc4wp-form-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}

.mc4wp-email {
    flex: 1;
    border-radius: 200px!important;
    background-color: #fff!important;
    margin: 0 20px!important;
    padding: 10px 20px!important;
}

.mc4wp-submit {
    flex-grow: 0;
    padding: 0 40px!important;
}

#footer-outer #footer-widgets .col input[type="submit"].mc4wp-submit:hover {
    background-color: #333!important;
}

/* menu row*/
.footer-row2 {
    background-color: #28435e;
    padding: 40px 0;
}

.footer2-flex1 {
    flex: 1;
    min-width: 260px;
    text-align: left;
}

.footer2-flex2 {
    flex: 1;
    min-width: 120px;
    text-align: right;
}

ul.footer-menu {
    list-style: none;
}

ul.footer-menu li {
    display: inline-block;
    margin-right: 40px;
}

ul.footer-menu li:last-child {
    margin-right: 0;
}

ul.footer-menu li a {
    font-family: Averia Gruesa Libre;
}

ul.footer-icons li {
    display: inline-block;
}

ul.footer-icons li:first-child {
    margin-right: 20px;
}

img.footer-icon {
    width: 26px!important;
    height: auto;
    margin-bottom: 0!important;
}

@media only screen and (max-width: 576px) {
    .footer2-flex1, .footer2-flex2 {
        text-align: center;
    }

    .footer2-flex1 {
        margin-bottom: 40px;
        width: 100%;
        min-width: 100%;
    }

    ul.footer-menu li {
        display: block;
        margin-right: 0;
    }

}

@media only screen and (max-width: 1256px) {
    .footer-flex-c {
        justify-content: center;
    }
}

@media only screen and (max-width: 796px) {
    img.elephant {
        margin: 0;
    }

    .footer1-flex-text {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .footer-flex-c {
        flex-direction: column;
        padding: 0 8%;
    }

    .footer1-flex-text {
        min-width: 200px;
    }

    .footer1-flex-form {
        min-width: 0;
    }

    .mc4wp-email {
        flex: 1;
        min-width: 300px;
        width: 100%;
        margin: 0 0 20px!important;
    }

    .mc4wp-submit {
        flex: 1;
        height: 48px;
        min-width: 200px;
        width: 100%;
        padding: 0;
    }
}