/************************************************************************
        FOOTER
************************************************************************/
footer {
	margin-top:100px;
    background-color:var(--footer-color); 
    padding: 6rem 6.5rem 6.5rem 6.5rem;
    color:var(--white-color);
}

footer h5 {
    color:var(--white-color);
    font-size: 1.8rem;
    text-transform: uppercase;
}

footer h5{
    margin-bottom: 3rem;
}

footer a {
    color:var(--white-color);
    font-size: 1.4rem;
}

footer ul {
    list-style: none;
}

footer hr {
    border:none;
    height:1px;
    background:#95A4CD;
    margin: 4rem 0;
}

.main-footer-links {
    display: flex;
    justify-content: space-between;
}

.main-footer-links > div:nth-of-type(4){
    flex-basis: 25%;
}

.main-footer-links li {
    margin-bottom: 1rem;
}

#newsletter span {
    display: block;
    margin: 1rem 0;
}

#newsletter form input, #newsletter form button {
    border:1px solid var(--white-color);
    border-radius: .3rem;
    color: var(--white-color);
    padding: .6rem 1.5rem;
    width: 25rem; 
    text-align: center;
}
#newsletter form input {
    background: transparent;
}
#newsletter form input::placeholder{
    color: var(--white-color);
}

#newsletter form button {
    background: var(--white-color);
    color:var(--primary-color);
    margin-top: 1rem;
}

.social-and-disclaimer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size: 1.4rem;
}

.social-and-disclaimer > div {
    flex-basis: 30%;
}

.social-and-disclaimer > div:nth-of-type(2) {
    flex-basis: 40%;
}
.social-and-disclaimer > div:nth-of-type(2) span {
    margin: 0 1rem;
}
/*
.external-footer-logos {
    display: flex;
    align-items:center;
    justify-content: space-between;
    flex-wrap: wrap;
}
*/
.external-footer-logos picture {
    display: block;
    width: 110px;
}
.external-footer-logos picture{
    margin-top: 1rem;
}

.external-footer-logos picture img {
    height: 3.5rem;
}
.social-links {
    gap:1rem;
}
.social-links a {
    display: flex;
    padding: .9rem;
    border: 1px solid #566a85;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: .8rem;
}
.social-links i {
    font-size: 2rem;
}

/************************************************************************
        RESPONSIVE CSS
************************************************************************/

/********   Mobile Resolution     ******/
@media(max-width:767px){
    /* Footer */
    footer{ 
        padding:2rem !important;
    }
    .main-footer-links{
        flex-wrap: wrap;
    }

    .social-and-disclaimer{
        display:block;
        text-align: center;
    }
    .social-and-disclaimer > div:nth-of-type(1){
        font-size: 1.2rem;
    }
    .social-and-disclaimer > div:nth-of-type(2){
        margin: 1rem 0;
    }

    .social-and-disclaimer > div:nth-of-type(3){
        display: block;
        text-align: center;
    }

    .social-and-disclaimer > div:nth-of-type(3) > span:nth-of-type(1){
        font-size: 1.2rem;
    }
    .external-footer-logos picture {
        flex-basis: 100%;
        width: fit-content;
    }
    .main-footer-links > div:nth-of-type(1) {
        margin-bottom: 3rem;
    }

    .external-footer-logos{
        display: flex;
        gap: 1rem;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .external-footer-logos picture:nth-of-type(3) {
        padding-left: 0;
    }
    .main-footer-links picture img {
        height:3rem;

    }
    .main-footer-links picture:not(:last-of-type){
        margin-bottom: 1rem;
    }
    .external-footer-logos picture:nth-of-type(3), .external-footer-logos picture:nth-of-type(4){
        margin-top: 0;
    }
    .main-footer-links picture:last-of-type img{
        height: 2.5rem;
    }
    .main-footer-links li {
        margin-bottom: 1.2rem;
    }

    footer h5 {
        margin-bottom:2rem;
		text-align: left;
    }

    footer hr {
        margin: 2rem 0;
    }
	
	footer .main-footer-links{
		font-size: 12px !important;
	}
    footer .main-footer-links>div:nth-of-type(1){
		align-items: flex-start !important;
        text-align: left !important;
	}
	footer .main-footer-links {
        justify-content: space-between;
        gap: 15px;
    }
	footer .social-links a{
		margin: 0 2px;
	}
	footer a,p{
		font-size: 1.2rem !important;
	}
	footer .main-footer-links p{
		font-size: 1.2rem !important;
		width: 30rem;
	}
	footer .main-footer-links i{
		font-size: 1.6rem !important;
	}
}


/* Smaller resolutions , from mobilte to desktop */
@media (max-width: 1100px) {
    /*  Footer  */
    footer {
        padding:3rem;
    }
}
@media (max-width: 991px) {
    .main-footer-links {
        flex-wrap:wrap;
    }
    .main-footer-links>div:nth-of-type(1) {
    flex-basis:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0px;
    }
    .main-footer-links > div:nth-of-type(4) {
       flex-basis: auto;
       text-align: center;
    }
    .main-footer-links {
        justify-content: space-evenly;
        gap: 20px;
    }
    }
    .social-and-disclaimer > div:nth-of-type(2) {
        flex-basis:auto;
    }
    .social-and-disclaimer > div {
        flex-basis: auto;
    }
    .social-and-disclaimer .text-center {
          width: auto;
    }
    .social-and-disclaimer {
     flex-wrap: wrap;
    }