/* ==========================================================
   Landing Footer
   ========================================================== */

.osf-landing-footer {

    position: relative;

    width: 100%;

    background: #171717;

    border-top: 1px solid rgba(176,138,62,.20);

    padding: 0;

    margin-top: 0;

}

.osf-landing-footer::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 220px;
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        to right,
        transparent,
        rgba(176,138,62,.7),
        transparent
    );

}

.osf-landing-footer::after {

    content: "✦";

    position: absolute;

    top: -11px;
    left: 50%;

    transform: translateX(-50%);

    color: #b08a3e;

    font-size: 16px;

    background: transparent;

    padding: 0 14px;

}

.osf-landing-footer__inner {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    max-width: 1800px;

}

.osf-footer-grid {

    width: 100%;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    background: #171717;

    border: 1px solid rgba(176,138,62,.15);

}

.osf-footer-card {

    position:relative;

    display:grid;

    grid-template-columns:56px minmax(0,1fr);

    column-gap:1.5rem;

    padding:70px 50px;

    min-height:300px;

    border-right:none;

    align-items:start;

    transition:.25s;

}

.osf-footer-card:not(:last-child)::after{

    content:"";

    position:absolute;

    top:38px;

    bottom:38px;

    right:0;

    width:1px;

    background:rgba(255,255,255,.08);

}

.osf-footer-card:hover{

    background:rgba(255,255,255,.015);

}

.osf-footer-card__content {

    display: flex;

    flex-direction: column;

    min-height: 100%;

    min-width: 0;
}

.osf-footer-card__title {

    white-space:nowrap;

    font-size:1.5rem;

    letter-spacing:.05em;

    margin:0 0 18px;

}

.osf-footer-card__text{

    color:#d7d1c5;

    line-height:1.7;

    margin-bottom:2rem;

}

.osf-footer-card__link{

    margin-top:auto;

    font-weight:700;

    letter-spacing:.08em;

    transition:.25s;

}

.osf-footer-card__link::after {

    content: "›";

    margin-left: .5rem;

    transition: transform .1s ease;

    display: inline-block;

}

.osf-footer-card:hover .osf-footer-card__link::after {

    transform: translateX(4px);

}

.osf-footer-card:hover .osf-footer-card__link{

    letter-spacing:.14em;

}

.osf-footer-card:last-child {

    border-right: none;

}

.osf-footer-icon{

    width:48px;

    height:48px;

    color:var(--osf-gold);

    margin-bottom:24px;

}

.osf-footer-icon svg{

    width:100%;

    height:100%;

    display:block;

}

#socket {

    background: var(--color-socket-bg);

    color: var(--color-text-muted);

    border-top: 1px solid var(--color-border-accent);

    padding: 0 20px;

}

/* ==========================================================
   Typography
   ========================================================== */

.osf-footer-card h3 {

    margin: 0 0 18px;

    font-size: 1.35rem;

    font-weight: 600;

    color: var(--osf-gold);

    text-transform: uppercase;

    letter-spacing: .08em;

}

.osf-footer-card p {

    margin: 0 0 28px;

    line-height: 1.8;

    color: rgba(255,255,255,.72);

}

.osf-footer-card a {

    display: inline-block;

    color: var(--osf-gold);

    text-decoration: none;

    font-weight: 600;

    letter-spacing: .05em;

    transition: all .25s ease;

}

.osf-footer-card a:hover {

    transform: translateX(6px);

    color: #fff;

}

.socket_color a,
.socket_color a:hover{
    color: var(--osf-gold);
}

#top .social_bookmarks a,
#top .social_bookmarks [data-av_iconfont]:before {

    color: var(--color-accent);

}

#top .social_bookmarks a:hover,
#top .social_bookmarks a:hover:before,
#top .social_bookmarks a:hover [data-av_iconfont]:before {

    color: rgba(255, 255, 255, .72);
    background: transparent;
    opacity: 1;

}