/* -------------------- FOOTER -------------------- */
.site-footer {
    background-color: #464749;
}

.container.custom-width {
    max-width: 90%;
}

.footer-row {
    padding-top: 45px;
    padding-bottom: 24px;
}

.details h4,
.newsletter h4,
.social h4 {
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
    color: #BEBEBE;
    text-transform: uppercase;
}

.details h4 {
    margin-bottom: 22px;
}

.newsletter h4 {
    margin-bottom: 50px;
}

.social h4 {
    margin-bottom: 75px;
}

.copyright p {
    font-size: 14px;
    line-height: 24px;
    color: #BEBEBE80;
    margin-bottom: 0;
}

.copyright p a {
    color: #BEBEBE80;
    transition: color 0.2s ease;
}

.copyright p a:hover {
    color: #399F7E;
    text-decoration: unset;
}

.copyright p:last-of-type {
    margin-bottom: 35px;
}

.details p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    color: #F1F1F1;
}

.details p.title {
    font-weight: bold;
}

.details p.phone {
    margin-top: 30px;
}

.details a,
.details p span {
    color: #399F7E;
}

.details a:hover {
    text-decoration: unset;
}

.social .links {
    display: flex;
    align-items: center;
}

.social .links a {
    line-height: 0;
    color: #BEBEBE;
    margin-right: 40px;
    transition: color 0.2s ease;
}

.social .links a:first-of-type {
    font-size: 27px;
}

.social .links a:nth-of-type(2) {
    font-size: 28px;
}

.social .links a:last-of-type {
    font-size: 31px;
}

.social .links a:hover {
    color: #399F7E;
}

.site-footer .newsletter {
    padding-left: 50px;
    padding-right: 70px;
}

.site-footer .newsletter-form p {
    display: flex;
    max-height: 60px;
}

.site-footer .newsletter-form p span,
.site-footer .newsletter-form p span input {
    width: 100%;
}

.site-footer .newsletter-form p span input[type=email] {
    max-height: 60px;
    padding: 19px 16px 20px;
    background-color: #656565;
    border: 1px solid #656565;
    box-shadow: unset;
}

.site-footer .newsletter-form p span input[type=email],
.site-footer .newsletter-form p span input[type=email]::placeholder {
    font-size: 16px;
    color: #BCBCBC;
}

.site-footer .newsletter-form .wpcf7-spinner {
    display: none !important;
}

.site-footer .newsletter-form p input[type=submit] {
    width: 60px;
    font-size: 30px;
    box-shadow: unset;
    border: 1px solid #399F7E;
    background-color: #399F7E;
    color: white;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.site-footer .newsletter-form p input[type=submit]:hover {
    cursor: pointer;
    background: #399F7EBF;
}

.site-footer .newsletter-form .wpcf7 form.invalid .wpcf7-response-output, 
.site-footer .newsletter-form .wpcf7 form.unaccepted .wpcf7-response-output, 
.site-footer .newsletter-form .wpcf7 form.payment-required .wpcf7-response-output {
    border: unset;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.site-footer .newsletter-form .wpcf7-not-valid-tip {
    color: #8B0000;
}
/* END OF FOOTER */

/*-------------------- MEDIA QUERIES --------------------*/
@media (max-width: 1365.98px) {
    /* -------------------- FOOTER -------------------- */
    .container.custom-width {
        max-width: 95%;
    }
    /* END OF FOOTER */
}

@media (max-width: 1199.98px) {
    /* -------------------- FOOTER -------------------- */
    .container.custom-width {
        max-width: 98%;
    }

    .details h4, 
    .newsletter h4, 
    .social h4 {
        font-size: 22px;
    }

    .details p {
        font-size: 15px;
        line-height: 27px;
    }

    .site-footer .newsletter-form p,
    .site-footer .newsletter-form p span input[type=email] {
        max-height: 55px;
    }

    .social .links a:first-of-type {
        font-size: 25px;
    }

    .social .links a:nth-of-type(2) {
        font-size: 26px;
    }

    .social .links a:last-of-type {
        font-size: 29px;
    }

    .social h4 {
        margin-bottom: 85px;
    }
    /* END OF FOOTER */
}

@media (max-width: 991.98px) {
    /* -------------------- FOOTER -------------------- */
    .details,
    .newsletter {
        margin-bottom: 50px;
    }

    .site-footer .newsletter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .newsletter h4,
    .social h4 {
        margin-bottom: 22px;
    }

    .site-footer .newsletter-form p span, 
    .site-footer .newsletter-form p span input {
        max-width: 635px;
    }

    .social {
        margin-bottom: 36px;
    }

    #myBtn {
        right: 15px;
    }
    /* END OF FOOTER */
}

@media (max-width: 554.98px) {
    /* -------------------- FOOTER -------------------- */
    .details h4, 
    .newsletter h4, 
    .social h4 {
        font-size: 20px;
    }

    .details p {
        font-size: 14px;
        line-height: 26px;
    }

    .site-footer .newsletter-form p,
    .site-footer .newsletter-form p span input[type=email] {
        max-height: 50px;
    }

    .social .links a:first-of-type {
        font-size: 23px;
    }

    .social .links a:nth-of-type(2) {
        font-size: 24px;
    }

    .social .links a:last-of-type {
        font-size: 27px;
    }

    .copyright p {
        font-size: 13px;
        line-height: 23px;
    }
    /* END OF FOOTER */
}