/*==================================
Infinity Spaces - Footer Text Logo
==================================*/

.footer-logo{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:24px;
}

.footer-logo a{
    display:inline-block;
    text-decoration:none;
}

/*==================================
Footer Brand Name
==================================*/

.footer-text-logo{

    font-family:'Cinzel', serif !important;
    font-size:40px;
    font-weight:700;

    line-height:1;
    letter-spacing:0.3px;
    white-space:nowrap;

    display:inline-block;
    text-decoration:none;

    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F7F7F7 18%,
        #ECECEC 42%,
        #D8D8D8 68%,
        #FFFFFF 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,.45),
        0 2px 4px rgba(0,0,0,.28),
        0 8px 16px rgba(0,0,0,.18);

    transition:all .35s ease;

}

.footer-logo:hover .footer-text-logo{

    filter:brightness(1.08);

}

/*==================================
Footer Tagline
==================================*/

.footer-logo-tagline{

    display:block;

    margin-top:10px;

    font-family:'Hanken Grotesk', sans-serif;
    font-size:14px;
    font-weight:500;

    letter-spacing:2px;
    line-height:1.6;

    text-transform:uppercase;

    color:#D8D8D8;

    transition:all .35s ease;

}

.footer-logo:hover .footer-logo-tagline{

    color:#FFFFFF;

}

/*==================================
Tablet
==================================*/

@media only screen and (max-width:991px){

    .footer-text-logo{
        font-size:36px;
    }

    .footer-logo-tagline{
        font-size:13px;
        letter-spacing:2px;
    }

}

/*==================================
Mobile
==================================*/

@media only screen and (max-width:767px){

    .footer-logo{
        align-items:center;
        text-align:center;
        margin:0 auto 20px;
    }

    .footer-text-logo{
        font-size:32px;
    }

    .footer-logo-tagline{
        font-size:12px;
        letter-spacing:1.8px;
        line-height:1.5;
    }

}

/*==================================
Small Mobile
==================================*/

@media only screen and (max-width:480px){

    .footer-text-logo{
        font-size:28px;
    }

    .footer-logo-tagline{
        font-size:11px;
        letter-spacing:1.4px;
    }

}

/*==================================
Footer Contact Links
==================================*/

.footer-contact-item a,
.footer-contact-item a:link,
.footer-contact-item a:visited,
.footer-contact-item a:active{
    color:#F5F5F5 !important;
    text-decoration:none;
    transition:all .3s ease;
}

.footer-contact-item a:hover,
.footer-contact-item a:focus{
    color:#C99A2E !important;
}

.footer-contact-item a i{
    transition:.3s ease;
}

.footer-contact-item a:hover i{
    color:#C99A2E;
}