/**
 * FOOTER
 * 
 * Contains styling for the footer.
 */

/* General
---------------------------------------------------------*/

.jor-theme-footer h2 {
    margin-top: 0 !important;
}

/* Top section
---------------------------------------------------------*/

.jor-theme-footer > .sv-layout {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.jor-theme-footer > .sv-layout:first-child {
    padding: 2rem var(--jor-horizontal-content-padding);
}

.jor-theme-footer > .sv-layout .sv-row:first-child {
    padding-bottom: 2.5rem;
}

/* Footer logotype
---------------------------------------------------------*/

.jor-theme-footer .jor-theme-logotype,
.jor-theme-footer .jor-theme-logotype img {
    display: block;
}

.jor-theme-footer .jor-theme-logotype img {
    max-height: var(--jor-footer-logotype-max-height);
    max-width: var(--jor-footer-logotype-max-width);
}

/* Shortcuts
---------------------------------------------------------*/

.jor-footer-shortcut-links ul {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(2, 1fr);
}

.jor-footer-shortcut-links ul li {
    height: 100%;
    border-bottom: 1px solid var(--env-border-color-light);
}

.jor-footer-shortcut-links ul li a {
    display: inline-block !important;
    text-decoration: none !important;
    padding: 1rem 0;
}

.jor-footer-shortcut-links ul li a span {
    padding: 0 8px 0 5px;
}

/* Social media links
---------------------------------------------------------*/

.jor-social-media-links {
    display: flex !important;
    gap: 2rem;
}

.jor-social-media-links__link-icon {
    margin-right: var(--env-spacing-xx-small);
}

/* Bottom section
---------------------------------------------------------*/

.jor-theme-footer > .sv-layout:last-child .sv-fixed-fluid-grid > .sv-vertical {
    align-items: center;
    display: flex;
    gap: 2rem;
}

.jor-theme-footer > .sv-layout:last-child .sv-fixed-fluid-grid > .sv-vertical > .sv-layout {
    flex: 1;
}

.jor-theme-footer > .sv-layout:last-child .sv-fixed-fluid-grid > .sv-vertical > .sv-layout:first-child {
    margin: 0 !important;
}

.jor-theme-footer > .sv-layout:last-child .sv-fixed-fluid-grid > .sv-vertical > .sv-layout:last-child {
    display: flex;
    gap: 2rem;
}