/**
 * Reset
 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Grid
 */
.pb-col {
    position:relative;
    float:left;
    width:100%;
}
.pb-col-3-sm {
    width:25%;
}
.pb-col-6-sm {
    width:50%;
}
.pb-col-12-sm {
    width:100%;
}

.pb-hide-on-sm{
    display: none;
}


@media (min-width: 750px){
    .pb-col-12-md {
        width:100%;
    }
    .pb-col-6-md {
        width:50%;
    }
    .pb-col-3-md {
        width:25%;
    }

    .pb-hide-on-sm{
        display: block;
    }
    .pb-hide-on-md{
        display: none;
    }
}

@media (min-width: 1520px){
    .pb-col-6-lg {
        width:50%;
    }
    .pb-col-3-lg {
        width:25%;
    }
    .pb-col-4-lg {
        width:33%;
    }
    .pb-col-pull-left-4-lg{
        right: 33%;
    }

    .pb-col-push-right-4-lg{
        left:33%;
    }

    .pb-col-push-right-3-lg{
        left:25%;
    }

    .pb-col-pull-left-3-lg{
        right: 50%;
    }

    .pb-hide-on-md{
        display: block;
    }
    .pb-hide-on-lg{
        display: none;
    }

}

/**
 * Typography
 */
html, body, button, input, select, textarea {
    font-family: "Verdana", Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: Bitter, Georgia, serif;
    line-height: 1.3;
}
body {
    color: #141412;;
    line-height: 1.5;
    margin: 0;
}
.pb-subheading{
    color: #6B6B6B;
    font-style: italic;
    display: block;
    text-align: center;
    margin-top: -20px;
    font-size: 1.2em;
}
h1{
    text-align: center;
}


/**
 * Layout
 */
html{
    background: #F9F8F8;
}
.main{
    background: #FDFDFD;
    margin: 50px auto;
    max-width:1040px;
    padding: 20px 40px;
    position:relative;
}

.pb-thumbnail{
    vertical-align: middle;
    height: 250px;
    text-align: center;
    line-height: 250px;
}
.pb-thumbnail img {
    max-width: 240px;
    max-height: 240px;
    opacity: 0.8;
    cursor: pointer;
    border: 1px solid #f1f1f1;
    border: 1px solid transparent;
    vertical-align: middle;
}
.pb-student-information{
    text-align: center;
    min-height: 250px;
    vertical-align: middle;
    height: 250px;
    display: table;
    overflow: hidden;
    font-size: 1.2em;
    margin-bottom:20px;
}

hr{
    clear:both;
}

img {
    max-width:250px; /* Limit image width, RQEP.031 */
    max-height:250px; /* Limit image width, RQEP.031 */
    height:auto;
    display:inline-block;
}


/**
 * WordPress Core
 */
.alignnone {
    margin: 5px 20px 9px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 9px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 9px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 9px 20px;
}

a img.alignnone {
    margin: 5px 20px 9px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 9px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 250px; /* Limit image width, RQEP.031 */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 9px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 9px 0;
}

.wp-caption.alignright {
    margin: 5px 0 9px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    clear: both;
}
.wp-footer {
    clear: both;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/**
 * Admin bar
 */
#wpadminbar .glow-eportfolio-icon {
    position: relative;
    float: left;
    font: normal 20px/1 'glow-eportfolio-icon';
    speak: none;
    padding: 5px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none !important;
    margin-right: 6px;

}

#wpadminbar .glow-eportfolio-icon:before{
    color: #999;
}
#wpadminbar li:hover .glow-eportfolio-icon:before,
#wpadminbar li.hover .glow-eportfolio-icon:before{
    color: #45bbe6;
}




/**
 * Clearing floats
 * ----------------------------------------------------------------------------
 */
.clear:after,
.gallery:after{
    clear: both;
}

.clear:before,
.clear:after,
.gallery:before,
.gallery:after {
    content: "";
    display: table;
}


/**
 * Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
    border: 2px solid red;
}

.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3 {
    display: table;
    margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center;
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n+1),
.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1) {
    clear: left;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition:         opacity 400ms ease;
    width: 100%;
}

.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


@media print {

    .wp-footer,
    .report-a-concern,
    #wpadminbar{ display:none; }
    div.page{
        position:relative;
        page-break-after: always;

    }
    img{
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid;
    }
    div.last-page {
        page-break-after: auto;
    }
    .pb-thumbnail{
        width: 50%;
    }
}


#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-glow-ep-download .ab-icon,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-glow-ep-print .ab-icon{
    position: relative;
    float: left;
    font: normal 20px/1 'glow-eportfolio-icon';
    speak: none;
    padding: 5px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none !important;
    margin-right: 6px;
}

@media screen and (max-width: 782px) {
    #wpadminbar li#wp-admin-bar-glow-ep-print,
    #wpadminbar li#wp-admin-bar-glow-ep-clone,
    #wpadminbar li#wp-admin-bar-glow-ep-download{
        display: block;
        position: static;
    }

    #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-glow-ep-clone .ab-icon{
        padding-top: 5px;
        font: 35px/1 dashicons !important;
    }
    #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-glow-ep-print .ab-icon,
    #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-glow-ep-download .ab-icon{
        padding-top: 5px;
        font: 35px/1 glow-eportfolio-icon !important;
    }
}

@media screen and (max-width: 500px) {
    #wpadminbar li#wp-admin-bar-glow-ep-print{
        display: none;
    }
}

/* gutenberg blocks */

video {
    /* override other styles to make responsive */
    width: 100%    !important;
    height: auto   !important;
    }
li {
    list-style-type: none;
}

.gallery-container {
    position: relative;
}

.gallery-image-container {
    float:  left;
    text-align: center;
    width:  33%;
    height: 260px;
    vertical-align: middle;
    text-align: center;
    padding-right: 5px;
}

.pullquote-container {
    text-align: center;
}

.table-container {
    text-align: center;
}

.table-container table {
    border: 1px solid black !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.table-container tr, .table-container td {
    border: 1px solid black !important;
    text-align: center;
    padding: 3px;
}

.verse-container pre {
    overflow: auto;
}

html, body {
    height: auto;
}

.pagebreak-container {
    page-break-inside: avoid;
    page-break-after: always;
}

.clear {
    clear: both;
}

.mediatext-container figure {
    width: 260px;
    float:  left;
}

.mediatext-container .wp-block-media-text__content {
    overflow: hidden;
    vertical-align: top;
}

.mediatext-container .has-media-on-the-right figure {
    width: 260px;
    float:  right;
}

.mediatext-container .has-media-on-the-right .wp-block-media-text__content {
    overflow: hidden;
    vertical-align: top;
}

.cover-container {
    text-align: center;
}

.gallery-item {
    border: none !important;
    float: left;
    width:  33%;
}

.gallery-shortcode-image {
    width: 150px !important;
    height: 150px !important;
    max-width:  150px !important;
    max-height:  150px !important;
}

li {
    list-style-type: circle;
}