/* =========================================================
   PEACEMAKERS BOARD
   ========================================================= */


/* =========================================================
   CLEAN UP EDUMA'S NORMAL POST UI
   ONLY ON CUSTOM BOARD MEMBER PAGES
   ========================================================= */

/*
 * Our Board Members are not blog posts.
 *
 * Hide Eduma's automatically generated:
 * - giant featured image
 * - post title/header
 * - author
 * - posted-by information
 * - date
 * - categories
 * - comments metadata
 */

body.single-pm_member .entry-header,
body.single-pm_member .entry-meta,
body.single-pm_member .post-meta,
body.single-pm_member .post-formats-wrapper,
body.single-pm_member .entry-thumbnail,
body.single-pm_member .post-thumbnail,
body.single-pm_member .single-post-image,
body.single-pm_member .post-image,
body.single-pm_member .byline,
body.single-pm_member .posted-on,
body.single-pm_member .entry-date,
body.single-pm_member .author,
body.single-pm_member .comments-link,
body.single-pm_member .entry-footer,
body.single-pm_member .thim-post-info {
    display: none !important;
}


/* =========================================================
   BOARD GRID
   ========================================================= */

.pmb-board-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 42px 32px;

    width: 100%;
    max-width: 1120px;

    margin: 50px auto;
}


/* =========================================================
   MEMBER CARD
   ========================================================= */

.pmb-card {
    position: relative;

    overflow: hidden;

    background: #ffffff;

    border: 0;
    
    border-radius: 14px;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.07);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease;
}


.pmb-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.13);
}


/* Gold accent along bottom */

.pmb-card::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background: #e5aa00;

    transform: scaleX(0);
    transform-origin: center;

    transition:
        transform 220ms ease;
}


.pmb-card:hover::after {
    transform: scaleX(1);
}


/* =========================================================
   CARD IMAGE
   ========================================================= */

.pmb-card-image-link {
    display: block;

    overflow: hidden;

    text-decoration: none !important;
}


.pmb-card-image {
    position: relative;

    width: 100%;

    aspect-ratio: 4 / 5;

    overflow: hidden;

    background: #eeeeee;
}


.pmb-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform 400ms ease,
        filter 300ms ease;
}


.pmb-card:hover .pmb-card-image img {
    transform: scale(1.045);

    filter: brightness(0.94);
}


/* Very light image fade */

.pmb-card-image::after {
    content: "";

    position: absolute;

    inset:
        60%
        0
        0;

    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.10)
        );

    pointer-events: none;
}


.pmb-no-photo {
    display: flex;

    align-items: center;
    justify-content: center;

    height: 100%;

    color: #999999;

    font-size: 14px;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.pmb-card-content {
    position: relative;

    padding:
        25px
        24px
        28px;

    text-align: center;
}


/* Gold marker above name */

.pmb-card-content::before {
    content: "";

    display: block;

    width: 30px;
    height: 2px;

    margin:
        0
        auto
        17px;

    background: #e5aa00;
}


/* Name */

.pmb-card-name {
    margin:
        0
        0
        8px !important;

    padding: 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;
}


.pmb-card-name a {
    color: #232323 !important;

    text-decoration: none !important;

    transition:
        color 160ms ease;
}


.pmb-card-name a:hover {
    color: #b98600 !important;
}


/* Position */

.pmb-card-position {
    min-height: 20px;

    color: #777777;

    font-size: 13px;

    line-height: 1.5;

    letter-spacing: 0.15px;
}


/* View Profile */

.pmb-view-profile {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: 18px;

    color: #242424 !important;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    text-decoration: none !important;

    text-transform: uppercase;

    transition:
        color 160ms ease;
}


.pmb-view-profile::after {
    content: "→";

    color: #e5aa00;

    font-size: 14px;

    transition:
        transform 160ms ease;
}


.pmb-view-profile:hover {
    color: #b98600 !important;
}


.pmb-view-profile:hover::after {
    transform: translateX(4px);
}


/* =========================================================
   INDIVIDUAL MEMBER PAGE
   ========================================================= */

.pmb-member-page {
    width: 100%;

    background: #ffffff;
}


.pmb-member-container {
    width: 100%;
    max-width: 1120px;

    margin: 0 auto;

    padding:
        58px
        30px
        85px;
}


/* =========================================================
   BACK LINK
   ========================================================= */

.pmb-back-link {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 38px;

    color: #666666 !important;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none !important;

    transition:
        color 160ms ease;
}


.pmb-back-arrow {
    color: #e5aa00;

    font-size: 17px;

    transition:
        transform 160ms ease;
}


.pmb-back-link:hover {
    color: #222222 !important;
}


.pmb-back-link:hover .pmb-back-arrow {
    transform: translateX(-3px);
}


/* =========================================================
   MEMBER LAYOUT
   ========================================================= */

.pmb-member-layout {
    display: grid;

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

    gap: 60px;

    align-items: start;
}


/* =========================================================
   MEMBER PHOTO
   ========================================================= */

.pmb-member-photo {
    position: relative;
}


/* Gold offset frame */

.pmb-member-photo::before {
    content: "";

    position: absolute;

    top: 14px;
    left: -14px;

    width: 100%;
    height: 100%;

    border:
        2px
        solid
        #e5aa00;

    z-index: 0;
}


.pmb-profile-image {
    position: relative;

    z-index: 1;

    display: block;

    width: 100%;
    height: auto;

    background: #ffffff;
}


/* =========================================================
   MEMBER INFORMATION
   ========================================================= */

.pmb-member-content {
    padding-top: 4px;
}


.pmb-member-name {
    margin:
        0
        0
        10px !important;

    color: #232323;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 42px !important;

    line-height: 1.1 !important;

    font-weight: 700 !important;
}


/* Position */

.pmb-member-position {
    position: relative;

    margin-bottom: 32px;

    padding-bottom: 20px;

    color: #777777;

    font-size: 15px;

    line-height: 1.45;
}


.pmb-member-position::after {
    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 44px;
    height: 3px;

    background: #e5aa00;
}


/* =========================================================
   BIOGRAPHY
   ========================================================= */

.pmb-member-bio {
    max-width: 680px;

    color: #454545;

    font-size: 15px;

    line-height: 1.85;
}


.pmb-member-bio p {
    margin:
        0
        0
        22px;
}


.pmb-member-bio p:last-child {
    margin-bottom: 0;
}


/* Links inside biography */

.pmb-member-bio a {
    color: #b98600;

    text-decoration: none;

    border-bottom:
        1px
        solid
        rgba(185, 134, 0, 0.35);

    transition:
        border-color 160ms ease,
        color 160ms ease;
}


.pmb-member-bio a:hover {
    color: #222222;

    border-color: #222222;
}


/* =========================================================
   SOCIAL LINKS
   ========================================================= */

.pmb-social-links {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 32px;
}


.pmb-social-links a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding:
        0
        15px;

    border:
        1px
        solid
        #dddddd;

    background: #ffffff;

    color: #333333 !important;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background 160ms ease,
        border-color 160ms ease,
        color 160ms ease;
}


.pmb-social-links a:hover {
    border-color: #e5aa00;

    background: #e5aa00;

    color: #1c1c1c !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .pmb-board-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            32px
            24px;
    }


    .pmb-member-layout {
        grid-template-columns:
            280px
            minmax(0, 1fr);

        gap: 40px;
    }


    .pmb-member-name {
        font-size: 35px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .pmb-board-grid {
        grid-template-columns: 1fr;

        max-width: 400px;

        gap: 30px;
    }


    .pmb-member-layout {
        grid-template-columns: 1fr;
    }


    .pmb-member-photo {
        max-width: 360px;

        margin-left: 14px;
    }


    .pmb-member-name {
        margin-top: 20px !important;

        font-size: 31px !important;
    }


    .pmb-member-container {
        padding:
            42px
            22px
            65px;
    }

}

/* Hide blog-style author/share/sidebar elements on board member pages */

body.single-pm_member .author-info,
body.single-pm_member .author-bio,
body.single-pm_member .about-author,
body.single-pm_member .post-author,
body.single-pm_member .thim-about-author,
body.single-pm_member .entry-author,
body.single-pm_member .social-share,
body.single-pm_member .share,
body.single-pm_member .post-share,
body.single-pm_member .thim-social-share,
body.single-pm_member .related-archive,
body.single-pm_member .comments-area,
body.single-pm_member .widget-area,
body.single-pm_member #secondary,
body.single-pm_member .sidebar {
    display: none !important;
}