.ud-pagination {
    grid-column: 1 / -1;
}

/  Division Archive Pagination  /
:root {
    --pagination-bg: #EDEDED;
    --pagination-hover-bg: #03304f;
    --pagination-current-bg: #257CB7;
    --pagination-border: #D3D3D3;
    --pagination-hover-border: #000;
    --pagination-current-border: #012841;
    --pagination-color: #000;
    --pagination-current-color: #fff;
    --pagination-hover-color: #fff;
    --pagination-font-family: "Open Sans", sans-serif;
    --pagination-font-size: 1.6rem;
    --pagination-line-height: 2;
}

.page-link:focus {
    box-shadow: none;
}

.ud-pagination > .nav-links > .page-numbers {
    padding: 6px 12px;
    background-color: var(--pagination-bg);
    border-radius: 0;
    color: var(--pagination-color);
    font-family: var(--pagination-font-family);
    font-size: var(--pagination-font-size);
    line-height: var(--pagination-line-height);
    text-decoration: none;
    border: 1px solid var(--pagination-border);
    display: inline-block;
    margin: inherit;
}

.ud-pagination > .nav-links > .page-numbers:hover,
.ud-pagination > .nav-links > a:hover,
.ud-pagination > .nav-links > span:hover,
.ud-pagination > .nav-links > a:focus,
.ud-pagination > .nav-links > span:focus,
.ud-pagination > .nav-links > a:focus-visible,
.ud-pagination > .nav-links > span:focus-visible {
    background-color: var(--pagination-hover-bg) !important;
    border-color: var(--pagination-hover-border) !important;
    color: var(--pagination-hover-color) !important;
    outline: none;
}

.ud-pagination > .nav-links > .current {
    background-color: var(--pagination-current-bg);
    border-color: var(--pagination-current-border);
    color: var(--pagination-current-color)!important;
}

.paginate_button:hover, .page-numbers:hover {
    cursor: pointer;
}
/  End Division Archive Pagination  /

.divisions-container .entry.post .post-left, .divisions-container .post-left .post-author {
    border:none;
}

.divisions-container {
    display: flex;
    flex-direction:column;
    margin: 25px 0 10px;
    padding: 0;
}
/  remove extra padding around whole gallery  /
.container-fluid.divisions-container {
    padding-left: 0;
    padding-right: 0;
}
.divisions-container .entry.post {
    padding:0 0 25px;
    min-height:auto;
}

.divisions-container .entry {
    border-bottom: 1px solid #eee;
    margin:0 0 25px 0;
    display: flex;
    padding:10px 0px;
}
@media (max-width: 375px) {  
    .divisions-container .entry {
        flex-direction: column;
    }
}

.divisions-container .directory-gallery-thumbnail {
    margin: 0 20px 0 0;
    flex:0 0 140px;
}

.divisions-container .directory-gallery-thumbnail img {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
    min-width: 120px;
    min-height: 160px;
    /* Polyfill for IE */
    font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.divisions-container .directory-gallery-content {
    line-height: 1.25em;
    font-size: 1em;
    padding: 0 8px 0 0;
}

.divisions-container .entry-title {
    font-size: 2.225rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 .35em;
}

.divisions-container .entry-title a {
    color: #257CB7;
}

.directory-post-content {
    word-break: break-word;
}

/  styles for the multi-column gallery view /

.divisions-container.multi-column {
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* justify-content: start; */
    /* align-items: flex-start; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
    grid-gap: 25px;
}

.divisions-container.multi-column .entry.post {
    flex: 1 0 188px;
    padding-bottom: 25px;
    /* margin: 20px 20px 20px 0; */
    /* max-width: 188px; */
    /* background-color: #efefef; */
}
@media (max-width: 510px) {
    .divisions-container.multi-column .entry.post {
        border-bottom: 1px solid #eee;
    }
}

.divisions-container.multi-column .entry {
    flex-direction:column;
    border:none;
    margin: 0;
}
.divisions-container.multi-column .directory-gallery-thumbnail {
    margin: 0 20px 5px 0;
    flex:0 0 160px;
}
/* overrides for single profile view */
.directory-profile.single {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 20px 0 0 0;
}

.directory-profile.single.nocontent {
    justify-content: flex-start;
}


.directory-post-content {
    flex: 2;
    padding: 0 30px 0 0;
}

.directory-post-contactinfo {
    border-left: 1px solid #c5c5c5;
    padding-left: 30px;
    flex:1;
}

/ add yellow divider line above gallery contact info  /
.directory-gallery-content .som-directory-profile-single__contact::before {
    display: block;
    content: "";
    width: 60px;
    height: 2px;
    background-color: #fbaf41;
    margin: 1.25rem 0;
}
/  remove line above gallery contact info when it follows the persons name  /
.directory-gallery-content .entry-title + .som-directory-profile-single__contact::before {
    display: none;
    content: none;
}
/ remove email icon from gallery  /
.directory-gallery-content a[href^="mailto"]::before {
    content: none;
}
/ style phone numbers  /
.directory-gallery-content .phone-num-wrap {
    margin: 8px 0;
}
.directory-gallery-content .phone-num-wrap .phone-num-wrap {
    font-weight: 600;
}
/  style emails  /
.directory-gallery-content .ud-contact{
    margin: 8px 0;
}
.directory-gallery-content .ud-contact-label{
    font-weight: 600;
}
/  don't break phone numbers  /
.directory-gallery-content .ud-contact a[href^="tel"] {
    white-space: nowrap;
}
/ force extra long emails to break  /
.directory-gallery-content a[href^="mailto"] {
    word-break: break-all;
}
/  style poition titles  /
.ud-gallery-view__positions__title {
    font-weight: 600;
    margin-bottom: 1.1rem;
    line-height: 1.2;
}
/  add yellow divider line above gallery summary  /
.ud-gallery-view__summary::before {
    display: block;
    content: "";
    width: 60px;
    height: 2px;
    background-color: #fbaf41;
    margin: 1.25rem 0;
}
/  remove line above gallery summary when it follows the persons name  /
.entry-title + .ud-gallery-view__summary::before {
    display: none;
    content: none;
}
.ud-gallery-view__summary p:last-of-type {
    margin-bottom: 0;
}



.directory-profile-sidebar > div {
    margin:0 0 20px 0;
}

.directory-profile-sidebar > div:first-child, .directory-profile-sidebar > div:last-child {
    border:none;
}


/* for directory posts without content, take the border and left padding off the contact info */
.directory-profile.single.nocontent .directory-post-contactinfo {
        border:none;
        padding-left:0px;
        display: flex;
        align-items: flex-start;
}

.directory-profile.single .directory-post-contactinfo img {
    /* constrain the width of the image on the single profile page so that it won't take over the page (looks especially odd
    on profile pages that have no content or if someone uploads a huge image) */
    max-width:300px;
}

.directory-profile.single.nocontent .directory-profile-sidebar {
    margin-left:30px;
    margin-top: -2.1rem;
}

/* move the titles back up under the names...we use negative margin since we don't want to take 
the bottom margin off the name */
.directory-titles {
    margin:-14px 0 0 0;
}

.list-group-item:first-child {
    border-radius:0px;
}

.list-group-item {
    padding:0px;
    border:none;
}

.list-group-item > p {
    margin: 0 0 .2rem;
}

.directory-contact-info h4 {
    font-size:1.8rem;
    margin: 2.1rem 0 .5rem 0;
}

/* style the division titles separately */
.list-group-item.division-item h4 {
    color: #999;
    font-size: 1.8rem;
}

.directory-contact-info .profile-address {
    margin: 1rem 0 2rem;
}

.directory-contact-info .profile-address > p {
    margin:0px;
}

/* CSS changes made to People Directory on 3/9/18 */
.upd-image {
    width: 120px;
    height: 160px;
    margin-bottom: 20px;
    overflow: hidden;
    /* box-shadow: 2px 2px 10px #aaaaaa; */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    }
    
.directory-gallery-thumbnail:hover .upd-image {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.05);
    transform: scale(1.04);
    }

article.entry {
    min-width: 230px;
    margin: 0 auto;
    }
.directory-gallery-content p {
    line-height: 20px;
    }

h2 .profile-display-name {
    font-size: 3.625rem;
}
/* End NSB changes */

.print_img {
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    visibility: hidden;
}

@media only screen and (max-width: 660px) {
    /* for mobile, stack the info but reverse it so picture and contact info
    are on the top (they are second in the markup) */
    .directory-profile.single {
        flex-direction: column-reverse;
    }

    .directory-post-contactinfo {
        border:none;
        padding-left:0px;
    }

    /* for directory posts that have no content, for mobile, stack the information */
    .directory-profile.single.nocontent .directory-post-contactinfo {
        flex-direction: column;
    }

    .directory-profile.single.nocontent .directory-profile-sidebar {
        margin:10px 0 0 0;
    }    

}
@media print {
    .print_img {
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
        visibility: visible;
        max-width: 120px;
        height: auto;
    }
    
}

/  pagination styles  /
.ud-pagination .pagination {
    margin: 0 0 28px;
}

/  breadcrumbs on archive page  /
.breadcrumbs a.page-link  {
    display: inline-block;
    border: 0;
    color: #4f4f4f !important;
    text-decoration: none;
}

.breadcrumbs a.page-link:hover  {
    background-color: transparent;
    outline: none;
}