/* Talent sedcards (partials/sedcard/*). Loaded per page via {% put styles %}, so the
   rules below stay out of the global bundle. */

/* ----- Head ----- */

.sedcard-top {
    padding-top: 40px;
}

.sedcard-head {
    text-align: center;
    margin-bottom: 2rem;
}

.sedcard-head h1 {
    margin-bottom: .25rem;
}

.sedcard-head h2 {
    font-weight: 300;
    color: var(--hgw-accent);
}

/* ----- Profile image ----- */

.sedcard-photo img {
    display: block;
    width: 100%;
    height: auto;
}

.sedcard-photo a:hover img {
    opacity: .9;
    transition: opacity .2s ease;
}

/* ----- Text column ----- */

.sedcard-about h3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.sedcard-about h3:first-child {
    margin-top: 0;
}

.sedcard-about p {
    margin-bottom: .25rem;
}

/* ----- Measurements ----- */

.sedcard-measure {
    height: 100%;
    padding: 12px 15px;
    font-size: 1.25rem;
}

.sedcard-measure b {
    font-weight: 500;
    color: var(--hgw-accent);
}

/* ----- Facts, social, actions ----- */

.sedcard-details {
    text-align: center;
    font-size: 1.125rem;
}

.sedcard-details span {
    display: inline-block;
    margin: 0 12px 6px 0;
}

.sedcard-social {
    margin-top: 1rem;
    text-align: center;
}

.sedcard-social span {
    margin: 0 12px;
}

.sedcard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 2rem;
}

.sedcard-top hr.sedcard-rule {
    height: 1px;
    margin: 2rem 0;
    border: 0;
    background-color: var(--hgw-accent);
    opacity: 1;
}

/* ----- Photo gallery -----
   The 3-column .grid-gallery default fits the 1280px container, so only the phone
   breakpoint is overridden: one portrait shot per row would be oversized.
   Selectors carry both grid classes on purpose - this file is emitted at the {% styles %}
   position, i.e. before the bundle holding custom.css, so it has to win on specificity. */

@media (max-width: 575px) {
    .grid-gallery.grid-sedcard .grid-sizer-gallery,
    .grid-gallery.grid-sedcard .grid-item-gallery {
        width: 48.5%;
    }
}

.grid-gallery.grid-sedcard .grid-item-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

/* ----- Lightbox ----- */

.hgw-lightbox-nav button {
    opacity: .85;
    font-size: 1.5rem;
    line-height: 1;
    padding: .1rem .7rem;
}