/*jplist styles*/

.jplist-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    align-items: end;
    margin-bottom: 20px;
}

.jplist-controls fieldset {
    border: none;
    padding-bottom: 25px;
}

.reset-button,
.jplist-pagination-wrap {
    grid-column-start: 1;
    grid-column-end: span 2;
    border: none;

}

.theme_penn_default .button.reset-button {
    font-style: normal;
    font-weight: 700;
    padding: 10px 15px;
}

.theme_penn_default .button.reset-button::after {
    content:"";
}


.jplist-filter-and-sort {
    display: block;
}

.jplist-search-wrapper, .jplist-filter-wrapper {
    display: flex;
}

.jplist-filter-wrapper {
    flex-wrap: wrap;
    align-items: flex-end;
}

.jplist-filter-wrapper label {
    display: block;
}

.jplist-filter-wrapper > * {
    flex-grow: 1;
}

.jplist-search {
    padding-bottom: 10px;
    display: block;
}

.jplist-search input {
    width: 100%;
    padding: 5px;
    margin-top: 5px;
}

.jplist-select {
    width: 100%;
    padding: 5px;
    margin-top: 5px;
}

.jplist-checkbox {
    display: block;
}

/* trainer profile items */
.trainer {
    padding: 25px;
    margin-bottom: 20px;
    background: #F2F3F2;
    display: grid;
    grid-template-columns: 1fr 250px;
    grid-template-rows: auto;
    grid-template-areas:
        "main additional";
    grid-gap: 20px;
}

.trainer p, li {
    line-height: 1.7;
}

.trainer ul, ol {
    margin-top: 0;
}

.trainer__main {
    grid-area: main;
}

.trainer__additional {
    grid-area: additional;
    padding-left: 20px;
    border-left: 1px solid hsl(227deg, 18%, 60%);
}

.trainer-img {
    float: right;
    margin: 10px 0 15px 15px;
}
 
.theme_candor_galaxy .trainer a {
    color: #005967; /* override theme link color for contrast */
}

.trainer-details-title {
    font-weight: 700;
    margin-bottom: 0;
}

.trainer-email .trainer-details-title,
.trainer-lab .trainer-details-title {
    display: inline;
}

.trainer-contact br:first-child {
    display: none;
}

.trainer-website:before {
   font-weight: 400;
   content: "\f0ac\00a0";
   font-family: Font Awesome\ 5 Pro; 
}

/* pagination */

.jplist-pagination-wrap {
    display: block;
    text-align: center;
}

.jplist-pagination-buttons button {
    border: none;
    padding: 10px 15px;
}

@media screen and (max-width: 1140px) {
    .jplist-controls {
        grid-template-columns: 1fr;
    }
    
    .reset-button,
    .jplist-pagination-wrap {
        grid-column-end: span 1;
    }

    .trainer {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "additional";
        grid-gap: 0;
    }
    
    .trainer__additional {
        padding: 0;
        border: none;
    }
}