/* Surgeon of the Week Single */

.surgeon-of-the-week-single {
    display: grid;
    grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    grid-gap: 50px;
}

.surgeon-of-the-week--sticky {
    position: sticky;
    top: 110px;
}

.surgeon-of-the-week--image {
    padding-top: 120%;
    background-size: cover;
    background-position: center;
    position: sticky;
    top: 130px;
    border-radius: 100px 0;;
}

.surgeon-of-the-week--other-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-gap: 20px;
}


@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */

    .surgeon-of-the-week-single {
        grid-template-columns: minmax(0,1fr);
    }

    .surgeon-of-the-week--other-grid {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }  
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}

/* Surgeon of the Week Card Small */

.surgeon-card--small {
    margin: 0 0 35px;
}

a.surgeon-card--small--link {
    border-radius: 0 50px;
}

.surgeon-card--small--image {
    padding-top: 120%;
    background-size: cover!important;
    background-position: center!important;
    position: relative;
    border-radius: 50px 0;
}

.surgeon-card--small--image-inset {
    position: absolute;
    inset: 0;
    display: grid;
    align-items: end;
    padding: 15px;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: 0.5s;
    border-radius: 50px 0;
}

.surgeon-card--small:hover .surgeon-card--small--image-inset {
    opacity: 1;
}

.surgeon-card--small--date {
    color: white;
    margin: 0;
    font-size: 20px;
}

.surgeon-card--small--grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 24px;
    align-content: center;
    padding: 15px 0;
    cursor: pointer;
}

.surgeon-card--small arrow.down {
    top: 5px;
}

.surgeon-card--small--name {
    font-size: 22px;
    margin: 0;
}

.surgeon-card--small--job-title {
    font-size: 13px;
    margin: 0;
}

.surgeon-card--small--desc {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}

/* Surgeon of the Week Card Large */

.surgeon-card--large {
    margin: 0 0 35px;
    display: grid;
    grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    grid-gap: 50px;
}

.surgeon-card--large--image {
    padding-top: 120%;
    background-size: cover!important;
    background-position: center!important;
    position: relative;
    border-radius: 100px 0;
}

.surgeon-card--large--desc {
    font-size: 18px;
    color: #222;
    margin: 0 0 35px;
}

.surgeon-card--large--date {
    margin: 0;
    font-size: 20px;
}

.surgeon-card--large--name {
    font-size: 22px;
    margin: 0;
}

.surgeon-card--small--job-title {
    font-size: 13px;
    margin: 0;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .surgeon-card--large {
        grid-template-columns: minmax(0,1fr);
    }
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}

/* Surgeon of the Week Feed */

.surgeon-of-the-week--featured {
    padding: 0 0 0px;
    border-bottom: 1px solid black;
    margin: 0 0 35px;
}

.surgeon-of-the-week-feed {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-gap: 20px;
}

.post-type-archive-surgeon-of-the-week:not(.paged) .surgeon-of-the-week-feed article:first-of-type {
    display: none;
}

.post-type-archive-surgeon-of-the-week.paged .surgeon-of-the-week--featured {
    display: none;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .surgeon-of-the-week-feed {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}