/*
Theme Name: 715 Mass 2020
Theme URI: https://715mass.com
Description: 715 Mass
Version: 1.0
*/

/*
    Color Reference
*/

i.fas.fa-arrow-right {
    color: #165c7d;
}

a {
    color: #165c7d;
}

a:hover {
    color: #48a9c5;
}

body {
    font-family: 'Mulish', sans-serif;
    background-color: white;
    margin-bottom:120px;
}

.awning {
    background-size: cover;
    background-repeat: no-repeat;
}

.fab {
    font-size: 24px;
}

.logo img {
    width: 112px;
    height: 112px;
}

.hours-widget {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 15px 30px;
}

.hours-widget p {
    margin: 0;
}

.primary-buttons {
    background-color: #D4E3CE;
    margin:0;
    padding:0;
    border-bottom:1px solid white;
    border-top:1px solid white;
}

.primary-buttons a {
    color: #512C1D;
    font-size: 18px;
    line-height: 2em;
}

.primary-buttons p {
    margin: 0;
    padding: 0;
}

.contact-info {
    background-color: #f3f3f3;
}

.contact-info h2 {
    color: #E16A2D;
    font-size:18px;
    font-family: "Playfair Display", serif;
}

.taptap-widgets-wrapper h2, .frontpage-post h2, .post h1 {
    font-family: "Playfair Display", serif;
}

.post h1 {
    font-size:32px;
}

.taptap-widgets-wrapper h2 {
    font-size: 18px;
}

.desktop {
    display: none;
}

.mobile {
    display: block;
}

@media (min-width: 992px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    body {
        margin-bottom:0;
    }

    #sb_instagram #sbi_load {
        text-align: left !important;
        margin-left:20px;
    }

    .logo img {
        width: 175px;
        height: 175px;
    }

    .navbar {
        background-color: #D4E3CE;
    }

    a.nav-link {
        color: #512C1D;
    }

    a.nav-link:hover {
        color: #3A3B39;
        text-decoration: none;
    }

    ul#menu-primary-menu {
        position: absolute;
        right: 40px;
    }

    #menu-primary-menu > .menu-item {
        margin-right: 40px;
    }

    .footer-logo img {
        width: 112px;
        height: 112px;
    }

    .desktop-footer {
        background-color: #f3f3f3;
    }

    p.footer-contact-info-bar {
        border-top: 5px solid #bbbbbb;
        width: 60px;
    }
}

@media (min-width: 768px) {

}