.wtf-guest-card{

    margin:35px 0 55px;

    padding:25px 0 10px;

    border-top:1px solid #ddd;

}

.wtf-guest-kicker{

    margin-bottom:14px;

    font-size:.8rem;

    text-transform:uppercase;

    letter-spacing:.15em;

    color:#888;

    font-weight:600;

}

.wtf-guest-name{

	font-size:1.55rem;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;

}

.wtf-guest-role{

    margin-top:6px;

    font-size:1.15rem;

    color:#444;

}

.wtf-guest-meta{

    margin-top:12px;

    font-size:.9rem;

    color:#888;

}

.wtf-quick-pour{

    margin:60px 0;

}

.wtf-quick-pour h2{

    margin-bottom:35px;

    font-size:2rem;

}

.wtf-qp-row{

    display:grid;
    grid-template-columns:260px 1fr;

    gap:20px;

    padding:14px 0;

    border-bottom:1px solid #ddd;

}

.wtf-qp-label{

    font-size:.82rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#777;

    font-weight:600;

}

.wtf-qp-value{

    font-size:1.05rem;

}

@media(max-width:700px){

    .wtf-qp-row{

        grid-template-columns:1fr;

        gap:6px;

    }

}

/* ==========================================================================
   Related Content
   ========================================================================== */

.wtf-related{

    margin:70px 0 20px;

    padding:30px 0;

    border-top:2px solid #222;

    border-bottom:2px solid #222;

}

.wtf-related h2{

    margin:0 0 18px;

    font-size:1rem;

    text-transform:uppercase;

    letter-spacing:.16em;

    color:#777;

}

.wtf-related p{

    margin:0 0 18px;

    font-size:1.05rem;

    line-height:1.8;

}

.wtf-related-link{

    margin:0;

}

.wtf-related-link a{

    font-weight:600;

    text-decoration:none;

}

.wtf-related-link a:hover{

    text-decoration:underline;

}

/* Fellowship Conversation section headings */

.wtf-section{

    margin:4rem 0 2rem;

    padding-top:1rem;

    border-top:2px solid #222;

    font-size:2rem;

    font-weight:700;

    line-height:1.2;

}

/* Fellowship Conversation interview questions */

.wtf-question{

    margin:2.5rem 0 0.75rem;

    font-size:1.3rem;

    font-weight:600;

    line-height:1.4;

    color:#222;

}

.wtf-question::before{

    content:"Q.";

    display:inline-block;

    margin-right:.5rem;

    color:#888;

    font-weight:700;

}

/* Hide GeneratePress post meta on Fellowship Conversations */

.wtf-hide-entry-meta .entry-meta{
    display:none;
}

/* ==========================================================================
   Retailer Spotlight - At a Glance
   ========================================================================== */

.wtf-ataglance{

    max-width:720px;

    margin:50px 0 65px;

}

.wtf-ataglance h2{

    margin:0 0 30px;

    font-size:.95rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.18em;

    color:#888;

}

.wtf-ag-row{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:35px;

    padding:18px 0;

    border-bottom:1px solid #ececec;

}

.wtf-ag-row:first-of-type{

    border-top:2px solid #222;

}

.wtf-ag-row:last-child{

    border-bottom:2px solid #222;

}

.wtf-ag-label{

    font-size:.88rem;

    font-weight:600;

    color:#666;

}

.wtf-ag-value{

    font-size:1.08rem;

    line-height:1.7;

    color:#222;

}

.wtf-ag-value ul{

    list-style:none;

    margin:0;

    padding:0;

}

.wtf-ag-value li{

    margin:0 0 8px;

}

.wtf-ag-value li:last-child{

    margin-bottom:0;

}

@media(max-width:700px){

    .wtf-ag-row{

        grid-template-columns:1fr;

        gap:8px;

    }

}

/* ==========================================================================
   Retailer Spotlight - Contact
   ========================================================================== */

.wtf-retailer-contact{

    margin:70px 0 40px;

    padding-top:25px;

    border-top:2px solid #222;

}

.wtf-retailer-contact h2{

    margin:0 0 30px;

    font-size:1.4rem;

}

.wtf-contact-row{

    display:grid;

    grid-template-columns:180px 1fr;

    gap:25px;

    padding:12px 0;

    border-bottom:1px solid #ececec;

}

.wtf-contact-row:last-child{

    border-bottom:none;

}

.wtf-contact-label{

    font-size:.82rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    font-weight:600;

    color:#777;

}

.wtf-contact-value{

    font-size:1.02rem;
    line-height:1.8;

}

.wtf-contact-value a{

    text-decoration:none;

}

.wtf-contact-value a:hover{

    text-decoration:underline;

}

@media(max-width:700px){

    .wtf-contact-row{

        grid-template-columns:1fr;

        gap:6px;

    }

}

/* ==========================================================================
   Contact Header
   ========================================================================== */

.wtf-contact-header{

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;

    margin-bottom:2rem;

}

.wtf-contact-header h2{

    margin:0;

}

.wtf-contact-logo{

    display:flex;
    align-items:center;
    justify-content:flex-end;

    flex-shrink:0;

    text-decoration:none;

}

.wtf-contact-logo img{

    display:block;

    max-width:170px;
    max-height:60px;

    width:auto;
    height:auto;

    object-fit:contain;

    transition:opacity .2s ease, transform .2s ease;

    opacity:.9;

}

.wtf-contact-logo:hover img{

    opacity:1;

    transform:scale(1.03);

}

@media (max-width:700px){

    .wtf-contact-header{

        flex-direction:column;
        align-items:flex-start;

        gap:1rem;

    }

    .wtf-contact-logo{

        justify-content:flex-start;

    }

    .wtf-contact-logo img{

        max-width:140px;
        max-height:50px;

    }

}