/* styles for single director preview shortcode */
.director-single {
    background-color: #F5F5F5;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px;
    margin: 50px 0;
}

.director-poster-single {
    width: 200%;
}

.director-poster-single img {
    width: 100%;
}

.director-poster-single:hover {
    opacity: 0.80;
}

.director-info-single {
    padding: 25px;
}

.director-single .director-info-single a {
    color: #005f61;
}

.director-single .director-info-single a:hover {
    color: rgba(0, 95, 97, 0.80);
}

.director-details-single {
    font-size: 22px;
    line-height: 1.5;
}

.director-desc-single {
    margin-top: 25px;
}

button.director-single-button {
    background-color: #614B79;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #614B79;
    border-radius: 10px;
    margin: 4% 38% 0;
}

button.director-single-button:hover {
    background-color: white;
    color: #614B79;
    border: 2px solid #614B79;
    cursor: pointer;
}

/* responsive styles */
@media only screen and (max-width: 1226px){
    .director-single {
        flex-direction: column;
    }
    .director-poster-single {
        width: 50%;
    }
}
@media only screen and (max-width: 730px){
    .director-single .director-info-single {
        padding: 0;
    }
    button.director-single-button {
        margin: 4% 32% 0;
    }
    .director-poster-single {
        width: 100%;
    }
}
@media only screen and (max-width: 530px){
    button.director-single-button {
        margin: 4% 29% 0;
    }
}

/* styles for directors page grid list */
.director-category-title {
    margin: 40px 0 40px 15px;
    font-size: 35px;
}

.director-list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.director-poster img {
    width: 100%;
}

.director-poster:hover {
    opacity: 0.80;
}

.director-tile {
    background-color: #F5F5F5;
    padding: 0;
    margin: 0 17.5px 30px;
    width: 250px;
}

.director-list .director-tile a {
    color: #005f61;
}

.director-list .director-tile a:hover {
    color: rgba(0, 95, 97, 0.80);
}

.director-tile .director-info {
    padding: 0 15px 20px;
}

.director-tile .director-name {
    font-size: 20px;
}

.director-tile .director-title {
    padding: 5px 15px;
    font-size: 20px;
    margin-bottom: 0;
}

.director-tile .italic {
    font-style: italic;
}

.director-details {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* directors grid stylings */
.directors-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
        "keynote-directors"
        "featured-directors"
        "other-directors"
        "panelist-directors";
}

.director-list-keynote {
    grid-area: keynote-directors;
}

.director-list-featured {
    grid-area: featured-directors;
}

.other-director-list {
    grid-area: other-directors;
}

.panelist-director-list {
    grid-area: panelist-directors;
}

/* responsive styles */
@media only screen and (max-width: 720px){
    .director-tile {
        max-width: 100%;
        flex-grow: 1;
    }
}

/* styles for director full profile page */
div.director-main {
    display: flex;
    flex-direction: row;
    align-items: center;
}

section.director-info-main {
    padding: 25px 50px;
    width: 125%;
}

section.director-poster-main {
    width: 100%;
}

section.director-poster-main img {
    width: 100%;
}

h3.director-name-main {
    font-size: 28pt;
}

p.director-details-main {
    font-size: 25px;
}

a.director-details-main {
    font-size: 25px;
    line-height: 1.5;
}

a.director-details-main:hover {
    color: rgba(0, 95, 97, 0.80);
}

div.director-desc-main {
    margin-top: 50px;
}
/* responsive styles */
@media only screen and (max-width: 730px){
    div.director-main {
        flex-direction: column;
    }
    section.director-info-main {
        padding: 25px 0;
        width: 100%;
    }
}