<>footer{
background: linear-gradient(0deg,rgba(2833471) 22%rgba(3341601) 100%);
}
#footerNav {
max-width: 1385px;
font-size: 16px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
#social-media1{
color: #F8F8F2;
font-size:14px;
text-align:center;
margin: 3rem 0 0;
}
.socialMediaLinks > div {
display: inline-block;
padding: 0 1rem;
}
#social-media1 a{
font-size: 20px!important;
margin: 3 3px;
}
#social-media1 span{
margin: 0 1rem 0 0;
font-weight:600;
}
#social-media2{
display:none;
height:0;
}
#footerNav a{
color: #F8F8F2;
text-decoration: none;
font-size: .875rem;
line-height: 1.875rem;
}
#footerNav h4{
color: #FFC72C;
font-size: 1.2rem;
font-weight:600;
}
#email-signup-form-group{
display:inline;
}
#email-signup-input::placeholder{
color: #F8F8F2;
opacity: 1;
}
#email-signup-input{
background-color:#21293c;
border: none;
border-bottom: 1px solid #CDCFD8;
height: 3rem;
width: 12rem;
color: #F8F8F2;
line-height: 1.2rem;
}
#email-signup-button:hover{
background: #F8F8F2;
color: #21293C;
cursor:pointer;
}
#email-signup-button{
transition: background-color 1.2s;
border-radius: 50px;
border: 1px solid #EAEBE2;
background-color: transparent;
text-align: center;
color:#EAEBE2;
font-size:16px;
padding: 11px 30px 12px;
cursor: pointer;
margin: 0 0 0 1rem;
}
#email-signup-input:focus{
outline: none;
background-color: #1C212F;
}
#footerNav-account#footerNav-help#footerNav-company#footerNav-email-signup{
width: 250px;
/*border: 1px solid #CDCFD8;*/
margin: 1rem;
padding: 2.5rem;
flex: 1;
order: initial;
}
#footerNav ul{
list--type:none;
padding: 0;
margin: 0;
}
#footerNav li{
padding: 0 0 .3rem;
}
#footerNav i.fas{
display:none;
}
#extole_zone_mobile_footer:hover {
color: #21293C!important;
cursor:pointer;
}
#extole_zone_mobile_footer {
display: block;
transition: background-color 1.2s;
}
#extole_zone_mobile_footer a{
display: block;
border-radius: 50px;
border: 1px solid#CDCFD8;
padding: 0.5em 0.6em;
color:#F8F8F2;
text-align: center;
margin: 2rem auto;
}
#extole_zone_mobile_footer a:hover{
background: #F8F8F2;
color: #21293C;
}
#extole_zone_mobile_footer a::after{
content: "\f054";
font-family:"Font Awesome 5 Pro";
display: inline-block;
font-weight: 900;
margin: 0 0 0 1rem;
}
#footerNav-email-signup{
min-width:411px;
}
@media (max-width: 768px){
#footerNav {
flex-direction: column;
}
#footerNav a {
font-size: 1rem;
line-height: 2rem;
}
#footerNav-account{
order:2;
}
#footerNav-help{
order:3;
}
#footerNav-company{
order:4;
}
#footerNav-email-signup{
order:1;
}
#footerNav-email-signup h4{
border:none!important;
}
#social-media2{
order: 5;
display: block;
height: auto;
color: #F8F8F2;
text-align:center;
}
#social-media2 a{
margin: 0 3px;
font-size: 22px;
}
#social-media1{
display:none;
height:0;
}
#footerNav h4{
border-bottom: 1px solid #fff;
padding: 0 0 1rem;
}
#footerNav i.fas{
display: flex;
justify-content: center;
align-items: center;
float:right;
border-radius: 50%;
background-color:#FFC72D;
padding:0 6px 0 1px;
line-height: 1.5rem;
}
#footerNav .footer-nav-header i.fas::after{
content: '\f077';
font-family:"Font Awesome 5 Pro";
display: inline-block;
font-weight: 900;
color: #222;
font-size:15px;
}
#footerNav section {
width:100%;
margin:5px 0;
border: 0;
padding: 0;
}
#footerNav #email-signup{
min-width: 100%;
}
#email-signup-input {
width:14rem;
}
#footerNav .footer-nav-header.closed i.fas::after{
content: '\f078';
font-family:"Font Awesome 5 Pro";
}
#footerNav nav.closed{
display:none;
height:0;
}
#extole_zone_mobile_footer {
max-width: 75%;
margin: 3rem 0;
}
.accordionItemContent {
margin: 0 0 0 15px;
}
}
