/* Initialize Vars */

:root {

    /* Group Vars */

    --color-partners-group-bg: #f5f5f5;

    --font-partners-group-title: Arial, Helvetica, sans-serif;
    --color-partners-group-title: slategray;
    
    --color-partners-group-text: black;

    /* Entry Vars */
    
    --color-partners-entry-bg: white;
    --color-partners-entry-bg-alt: #dedede;
    --color-partners-entry-bg-active: white;
    
    --font-partners-entry-title: 'Times New Roman', Times, serif;
    --size-partners-entry-title: 24px;
    --color-partners-entry-title: slategray;

    --font-partners-entry-text: Arial, Helvetica, sans-serif;
    --size-partners-entry-text: 16px; 
    --color-partners-entry-text: black;

    --color-partners-entry-icon: #aaa;
    --color-partners-entry-sep: #dedede;

}

.noom-genesis {

    /* Group Vars */

    --font-partners-group-title: var(--font-title-1);
    --color-partners-group-title: var(--color-title-1);
    
    --color-partners-group-text: var(--color-body-text);

    /* Entry Vars */
    
    --font-partners-entry-title: var(--font-archive-title);
    --color-partners-entry-title: var(--color-archive-title);

    --font-partners-entry-text: var(--font-body-text);
    --color-partners-entry-text: var(--color-body-text);

}

/* Global Styles */

.entries.partners {
    margin-bottom: 1.5em;
}

.entries.partners .entry.partner {

}

.entries.partners .entry.partner .entry-title {

}

.entries.partners .entry.partner i.fa {
    
}

/*  Contact Info */

.partners-contact-info {

}

.partners-contact-title {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

.partners-contact-content li {
    padding: 0 10px;
    font-size: 16px;
}

.partners-contact-content i.fa {
    color: var(--color-partners-entry-icon);
}

/* Partner Types */

.terms.partner-types {

}

.terms.partner-types .term.partner-type {

}

.terms.partner-types .term.partner-type .section-title {
    background: var(--color-partners-group-bg);
    margin: 0 auto 8px;
}

.terms.partner-types .term.partner-type .section-title-link {
    display: inline-block;
    font-family: var(--font-partners-group-title);
    color: var(--color-partners-group-title);
    text-decoration: none;
    padding: 5px 10px;
}

.entries.partners .entry.partner .entry-title-link {
    display: inline-block;
    font-family: var(--font-partners-entry-title);
    font-size: 24px;
    color: var(--color-partners-entry-title);
    text-decoration: none;
}

.entries.partners .entry.partner .entry-content p {
    font-family: var(--font-partners-entry-text);
    font-size: var(--size-partners-entry-text);
    color: var(--color-partners-entry-text);
}


/* Records Layout */

.entries.partners.record {
    
}

.entries.partners.record .entry.partner {
    padding: 20px 0;
    margin: 0 auto;
    border-bottom: 1px solid var(--color-partners-entry-sep);
}

.entries.partners.record .entry.partner .entry-content:before,
.entries.partners.record .entry.partner .entry-content:after {
    content: none;
}

.entries.partners.record .entry.partner:before,
.entries.partners.record .entry.partner:after {
    content: none;
}

.entries.partners.record .entry.partner .entry-image.alignleft {
    margin: 0 auto;
    float: none;
}

.entries.partners.record .entry.partner .entry-image-link {
    width: 250px;
}

.entries.partners.record .entry.partner .entry-image {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 0;
}

.entries.partners.record .entry.partner:last-child {
    border-bottom: 0;
}

.entries.partners.record .entry.partner .entry-content > :last-child {
    margin-bottom: 0;
}


/* List Layout */

.entries.partners.list {

}

.entries.partners.list .entry.partner {
    margin: 0;
}

.entries.partners.list .entry.partner:before,
.entries.partners.list .entry.partner:after {
    content: none;
}

.entries.partners.list .entry.partner td {
    vertical-align: middle;
}

.entries.partners.list .entry.partner .image-col {
    width: 120px;
}

.entries.partners.list .entry.partner img {
    display: block;
    width: 100%;
    max-width: 100px;
    height: auto;
    margin: 0 auto;
}

/* Grid Layout */

.entries.partners.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.entries.partners.grid .entry.partner {
    margin: 10px;
}

.entries.partners.grid .entry.partner a {
    display: block;
}

.entries.partners.grid .entry.partner img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
}

.entries.partners.grid .entry.partner footer {
    text-align: center;
}

/* Single */

.single-partner .entry-meta {
    display: grid;
    grid-template-columns: 125px auto;
    gap: 5px;
}
.single-partner .entry-meta dd {
    margin: 0;
}
.single-partner .entry-meta .fa {
    color: #aaa;
}

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

    .entries.partners.grid[data-columns="2"] .entry.partner,
    .entries.partners.grid[data-columns="3"] .entry.partner,
    .entries.partners.grid[data-columns="4"] .entry.partner,
    .entries.partners.grid[data-columns="5"] .entry.partner {
        width: calc( ( 100% / 2 ) - 20px );
    }

}

@media screen and ( min-width: 720px ) {

    .entries.partners.grid[data-columns="3"] .entry.partner,
    .entries.partners.grid[data-columns="4"] .entry.partner,
    .entries.partners.grid[data-columns="5"] .entry.partner {
        width: calc( ( 100% / 3 ) - 20px );
    }

    .partners-contact-content {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .entries.partners.record .entry.partner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .entries.partners.record .entry.partner .entry-content-wrap {
        width: calc(100% - 270px);
    }


}

@media screen and ( min-width: 1200px ) {

    .entries.partners.grid[data-columns="4"] .entry.partner,
    .entries.partners.grid[data-columns="5"] .entry.partner {
        width: calc( ( 100% / 4 ) - 20px );
    }

}

@media screen and ( min-width: 1600px ) {

    .entries.partners.grid[data-columns="5"] .entry.partner {
        width: calc( ( 100% / 5 ) - 20px );
    }

}