.footer {
display: grid;
grid-template-columns: var(--footer-template-column);
grid-gap: calc(var(--spacer) * 3);
align-items: center;
padding: calc(var(--spacer) * 2);
border-top: 3px solid var(--black);
}
@media (max-width: 63rem) {
.footer {
display: block;
}
}
@media print {
.footer {
display: none;
}
}
.footer .footer-content {
grid-column: 2;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: var(--spacer);
}
@media (max-width: 63rem) {
.footer .footer-content {
display: block;
}
}
.footer .footer-content .footer-list-wrapper {
display: flex;
flex-direction: column;
}
@media (max-width: 63rem) {
.footer .footer-content .footer-list-wrapper {
margin-bottom: calc(var(--spacer) * 2);
}
}
.footer .footer-content .footer-list-wrapper .footer-list-title {
font-size: 0.9615384615rem;
font-weight: bold;
margin-bottom: var(--spacer);
}
.footer .footer-content .footer-list-wrapper .footer-list {
list-style: none;
padding: 0;
}
.footer .footer-content .footer-list-wrapper .footer-list .footer-list-item, .footer .footer-content .footer-list-wrapper .footer-list li {
font-size: 0.9615384615rem;
}
.footer .footer-content .footer-list-wrapper .footer-list .footer-list-item a, .footer .footer-content .footer-list-wrapper .footer-list li a {
text-decoration: none;
display: flex;
align-items: center;
}
.footer .footer-content .footer-list-wrapper .footer-list .footer-list-item a svg, .footer .footer-content .footer-list-wrapper .footer-list li a svg {
width: 16px;
fill: var(--red);
margin-right: 4px;
}
.footer .footer-content .footer-list-wrapper .footer-list .footer-list-item a:hover, .footer .footer-content .footer-list-wrapper .footer-list li a:hover {
color: var(--red);
}
.footer .partner-section {
grid-column: 2;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media (max-width: 63rem) {
.footer .partner-section {
display: block;
margin-top: var(--spacer);
padding-top: var(--spacer);
}
}
.footer .partner-wrapper {
display: flex;
flex-direction: column;
}
@media (max-width: 63rem) {
.footer .partner-wrapper {
padding: calc(var(--spacer) * 1) 0;
}
}
.footer .partner-wrapper .partner-label {
font-size: 0.7396449704rem;
margin-bottom: calc(var(--spacer) / 2);
}
.footer .partner-wrapper .partner-logo {
width: 150px;
height: 120px;
object-fit: contain;
}
.rtl .footer-content > * + * {
margin-left: 0;
margin-right: calc(var(--spacer) * 2);
}
.rtl .footer-list li a svg {
margin-right: 0 !important;
margin-left: calc(var(--spacer) / 2);
}