/*
Theme Name: Chirp
Theme URI: http://bsu.edu/marcom
Author: Ball State University Digital Corps
Author URI: http://bsu.edu/digitalcorps
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: red, black, white, cardinal, Ball State University
Version: 2.4
*/


    /*Ultimate Social Media Icon style fixes for post footer*/
    .sfsi_Sicons {
        float: none !important;
    }

    .sfsi_Sicons.sfsi_Sicons.sfsi_Sicons .sf_icon .fb_iframe_widget {
        position: relative !important;
    }

    .fb_iframe_widget iframe {
        position: absolute !important;
        left: -25px !important;
        bottom: -16px !important;
    }
    /*end USM fixes*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

div.breakout-box {
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.page-main,
.page-header .page-header_container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

body,
button,
input,
textarea {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 16px;
    background: white
}

.site-buttons {
    font-weight: 600
}

a {
    text-decoration: none;
    font-weight: 700;
    color: #54585a;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 600
}

a:hover {
    text-decoration: underline
}

a:hover h1 {
    color: #54585a
}

a h1 {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: black
}

.post-title {
    font-weight: 600
}

.page-container--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-wrapper--with-sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 100px
}

.page-wrapper--with-sidebar img {
    max-width: 100%;
    height: auto;
    width: auto
}

.form_search .form_search--input {
    background: white url(../images/search-icon_gray.svg) 4% center no-repeat;
    background-size: auto 40%;
    border: 1px solid #54585a;
    padding: 5px 5px 5px 35px;
    margin-right: 10px;
    font-size: 1em
}

.form_search .mobile {
    display: none
}

button,
.site-content_btn--primary,
.post-preview_btn,
input[type="submit"],
.wysiwyg-button-wrap a,
.wysiwyg-button-wrap button {
    background-color: #54585a;
    color: #fff !important;
    display: inline-block;
    padding: 10px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid #54585a;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0
}

button:hover,
button:focus,
button.active,
.site-content_btn--primary:hover,
.site-content_btn--primary:focus,
.site-content_btn--primary.active,
.post-preview_btn:hover,
.post-preview_btn:focus,
.post-preview_btn.active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"].active,
.wysiwyg-button-wrap a:hover,
.wysiwyg-button-wrap a:focus,
.wysiwyg-button-wrap a.active,
.wysiwyg-button-wrap button:hover,
.wysiwyg-button-wrap button:focus,
.wysiwyg-button-wrap button.active {
    background-color: #fff !important;
    color: #54585a !important;
    border: 1px solid #54585a !important;
    text-decoration: none !important
}

.page-main {
    margin-bottom: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
    display: block
}

@media screen and (max-width: 500px) {
    .page-main {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 800px) {
    .page-container--flex {
        display: block
    }

    .page-wrapper--with-sidebar {
        margin-bottom: 3em;
        margin-right: 0
    }
}

em,
i {
    font-style: italic
}

strong,
b {
    font-weight: bold
}

input {
    border-radius: 0
}

label {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #bbbebf
}

::-moz-placeholder {
    color: #bbbebf
}

:-ms-input-placeholder {
    color: #bbbebf
}

:-moz-placeholder {
    color: #bbbebf
}

.page-header {
    background-color: #f2f2f2;
    border-bottom: 1px solid #54585a;
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative
}

.page-header.with-background {
    background-color: white
}

.page-header.with-background::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .15;
    background-size: cover;
    background-position: center center;
    z-index: 0;
    content: ''
}

.page-header .page-header_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1
}

.page-header .primary-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.page-header .menu {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.page-header .page_item_has_children {
    display: none
}

.page-header .current_page_item a {
    color: #54585a;
    font-weight: 800;
    text-decoration: underline
}

.page-header .current_page_item a:hover::after {
    background: #54585a
}

.page-header .current_page_item a::after {
    opacity: 1;
    background: #54585a
}

.page-header li {
    font-size: 14px;
    display: inline-block;
    border-right: 1px solid #bbbebf;
    padding-right: 1.5ch;
    margin-right: 1.5ch;
    margin-top: .5em
}

.page-header li:first-child a {
    padding-left: 0
}

.page-header li:last-child {
    border-right: none;
    padding-right: 0
}

.page-header li a {
    font-weight: 600;
    color: #54585a;
    position: relative
}

.page-header li a:hover {
    color: #54585a;
    text-decoration: underline
}

.page-header li .sub-menu {
    display: none
}

.page-header .menu-item-has-children {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page-header .menu-item-has-children:hover .sub-menu {
    display: block
}

.page-header .menu-item-has-children .sub-menu {
    background: white;
    border: 1px solid #bbbebf;
    padding: 10px;
    position: absolute;
    width: 150px
}

.page-header .menu-item-has-children .sub-menu .sub-menu {
    padding: 0;
    border: none;
    position: relative
}

.page-header .menu-item-has-children .sub-menu li {
    display: block;
    border: none
}

.page-header .form_search {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2em
}

.page-header input[type="search"] {
    background-color: #fff;
    border: 0.5px solid #f2f2f2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.page-header .default {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page-header_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1em
}

.page-header_heading a {
    text-decoration: none;
    color: black
}

.page-header_heading a:hover {
    text-decoration: none
}

.page-header_heading a:hover h1 {
    color: black
}

.page-header_heading h1 {
    line-height: 1
}

.page-header_heading h2 {
    font-style: italic;
    font-size: 24px;
    color: #54585a;
    font-weight: 300
}

.page-header_mobile-menu {
    display: none
}

.page-header_title {
    font-size: 64px;
    font-weight: 300;
    margin-right: .5ch
}

.page-header_title img {
    max-height: 100px;
    width: auto;
    margin-right: .5ch;
    vertical-align: text-bottom;
    margin-bottom: .15em
}

.page-header_title img:last-child {
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    .page-header.with-background::after {
        opacity: .08
    }

    .page-header .page-header_heading {
        display: block;
        text-align: center;
        margin-bottom: 1.5em
    }

    .page-header .page-header_heading img {
        display: block;
        margin: 0 auto;
        max-height: 150px
    }

    .page-header .page-header_heading h1 {
        font-size: 40px;
        margin-bottom: .18em
    }

    .page-header .page-header_heading h2 {
        font-size: 24px;
        margin-bottom: .5em
    }

    .page-header .page-header_title {
        margin: 0
    }

    .page-header .form_search {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .page-header .form_search .form_search--input {
        background: white;
        width: 100px;
        margin-right: 0;
        padding: 5px
    }

    .page-header .form_search .default {
        display: none
    }

    .page-header .form_search .mobile {
        display: block
    }

    .page-header .form_search input[type="submit"] {
        background: #54585a url(../images/search-icon_white.svg) center center no-repeat;
        background-size: auto 40%;
        padding: 5px 20px;
        min-height: 36px;
        color: #54585a
    }

    .page-header .form_search input[type="submit"]:hover {
        background-image: url(../images/search-icon_red.png);
        border: 1px solid #54585a
    }

    .page-header .page-header_mobile-menu {
        display: block;
        padding: 10px 15px
    }

    .page-header .primary-menu {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        background: #54585a;
        display: none;
        width: 100%;
        padding: 20px;
        min-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .page-header .primary-menu li {
        display: block;
        border: none;
        font-size: 18px;
        margin: 0
    }

    .page-header .primary-menu li+li {
        border-top: 1px solid rgba(255, 255, 255, 0.5)
    }

    .page-header .primary-menu li:first-child a {
        padding-top: 0
    }

    .page-header .primary-menu li:last-child a {
        padding-bottom: 0
    }

    .page-header .primary-menu a {
        color: #fff;
        font-weight: 400;
        display: block;
        padding: .5em 0
    }

    .page-header .primary-menu a:hover {
        border: none;
        color: #fff;
        text-decoration: underline
    }

    .page-header .primary-menu .sub-menu {
        display: block;
        position: relative;
        background: #54585a;
        width: 100%;
        border: none;
        padding: 0 0 0 10px
    }

    .page-header .primary-menu .sub-menu li {
        padding: 0
    }

    .page-header .primary-menu .sub-menu li a {
        padding: 0 0 .25em 0
    }
}

@media only screen and (max-width: 500px) {
    .page-header {
        padding: 20px 0 10px
    }

    .page-header.with-background::after {
        opacity: .1
    }

    .page-header .page-header_heading img {
        max-height: 100px;
        margin-bottom: .5em
    }

    .page-header .page-header_heading h1 {
        font-size: 24px
    }

    .page-header .page-header_heading h2 {
        font-size: 16px
    }
}

.page-footer {
    background-color: #f2f2f2;
    line-height: 1.4;
    font-size: 13px
}

.page-footer a:hover {
    text-decoration: underline
}

.page-footer .page-footer_container {
    padding: 50px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.page-footer .page-footer_container>div {
    padding: 0 40px
}

.page-footer h2 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: .5em;
    position: relative;
    border-bottom: 1px solid #bbbebf;
    padding-bottom: .15em
}

.page-footer li {
    margin-bottom: .5em
}

.page-footer_logo {
    margin-right: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 2;
    flex: 1 2
}

.page-footer_logo img {
    height: 100px;
    width: auto
}

.page-footer_posts {
    margin-right: 15px;
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2
}

.page-footer_posts a {
    color: #54585a
}

.page-footer_contact {
    margin-right: 15px;
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2
}

.page-footer_links {
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2
}

.page-footer_links .menu>ul {
    padding-left: 0
}

.page-footer_links .menu>ul ul {
    padding-left: 1em;
    margin-top: .5em
}

.page-footer_links .current_page_item>a {
    padding-left: 1ch;
    border-left: 2px solid #54585a
}

.page-footer_links .current_page_item>a:hover {
    text-decoration: none
}

.page-footer_links a {
    color: #54585a
}

.bsu-copyright {
    background-color: #000;
    padding: 15px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 1.42858
}

.bsu-copyright strong {
    font-weight: bold
}

.bsu-copyright ul {
    margin-bottom: 11px
}

.bsu-copyright li {
    display: inline-block;
    border-right: solid 1px #555;
    padding: 0 7px 0 5px;
    line-height: 14px;
    font-weight: 600
}

.bsu-copyright li:last-child {
    border-right: none
}

.bsu-copyright a {
    color: white;
    text-decoration: none
}

.bsu-copyright a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 800px) {
    .page-footer {
        text-align: center
    }

    .page-footer .page-footer_container {
        display: block;
        padding: 60px 20px 20px
    }

    .page-footer div {
        margin-bottom: 2em;
        margin-right: 0
    }

    .page-footer h2 {
        border: none
    }

    .page-footer h2::after {
        content: none
    }

    .page-footer .bsu-copyright {
        margin-bottom: 0
    }

    .page-footer .bsu-copyright li {
        margin-bottom: 0
    }
}

.error404 .site-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.error404 .site-content input[type="submit"] {
    padding: 5px 20px
}

@media screen and (max-width: 500px) {
    .error404 .site-content input[type="submit"] {
        margin-top: 10px
    }
}

.error404 .uhoh {
    font-weight: 700
}

.error404 .pagenotfound {
    font-weight: 600
}

.error404 .page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error404 .site-content_title {
    font-size: 4em
}

.error404 .site-content_subtitle {
    font-size: 2em;
    padding-bottom: 10px
}

.error404 .site-content_search {
    margin: 10px;
    padding: 20px 0px;
    border-top: #54585a 1px solid
}

.error404 .site-content_search .search_label {
    padding-bottom: 10px
}

.front-page .post-preview_featured-post {
    margin-bottom: 100px
}

.front-page .post-preview_featured-post li {
    display: inline-block
}

.front-page .post-preview_featured-post .post-preview_footer_category {
    -webkit-box-flex: 6;
    -ms-flex: 6 6;
    flex: 6 6
}

.front-page .post-preview_featured-post .post-preview_copy {
    max-width: 800px
}

.front-page .post-preview {
    margin-bottom: 20px
}

.front-page img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.front-page_latest-posts {
    margin: 40px 0
}

.latest-posts_title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    border-bottom: 1px solid #54585a;
    margin-bottom: .75em
}

.latest-posts_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.latest-posts_list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 50px
}

.latest-posts_list li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    .front-page .latest-posts_list {
        display: block
    }

    .front-page .latest-posts_list li {
        margin-bottom: 3em;
        margin-right: 0
    }

    .front-page .latest-posts_list li:last-child {
        margin-bottom: 0
    }
}

.home-page .post-preview {
    margin-bottom: 100px
}

.home-page .post-preview_post-meta {
    margin-bottom: 20px
}

.home-page li {
    display: inline-block
}

.home-page .post-preview_footer_category {
    -webkit-box-flex: 4;
    -ms-flex: 4 4;
    flex: 4 4
}

.search-page .form_search {
    margin-bottom: 50px
}

.search-results .post-preview {
    margin-bottom: 100px
}

.post-preview article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.post-preview a {
    max-width: 150px
}

.post-preview img {
    margin-bottom: .5em
}

.post-preview_img {
    margin-bottom: 20px
}

.post-preview_header {
    width: 100%;
    margin-bottom: 1em
}

.post-preview_header img {
    margin-bottom: 1em
}

.post-preview_header_title {
    font-weight: 600;
    font-size: 24px;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: .25em
}

h1.post-preview_header_title:hover {
    color: #54585a
}

.post-preview_post-meta {
    font-size: 12px
}

.post-preview_post-meta a {
    color: #54585a
}

.post-preview_post-meta a:hover {
    text-decoration: underline
}

.post-preview_copy p {
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 1.4
}

.post-preview_footer {
    width: 100%;
    clear: both;
    overflow: hidden
}

.post-preview_footer .post-categories {
    font-size: 12px;
    border-left: 2px solid #54585a;
    padding: .25em 0 .25em 1ch;
    margin-bottom: 2em
}

.post-preview_footer .post-categories li {
    display: inline-block;
    margin: 0
}

.post-preview_footer .post-categories a {
    font-style: italic;
    font-weight: 600;
    color: #54585a;
    text-transform: capitalize
}

.post-preview_footer .post-categories a:hover {
    text-decoration: underline
}

.post-preview_footer .post-categories a::after {
    content: ", ";
    color: #54585a
}

.post-preview_footer .post-categories li:last-child a::after {
    content: ""
}

.post-preview_footer .post-preview_btn {
    float: right
}

.post-header {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #bbbebf
}

.post-header h1 {
    font-size: 42px;
    margin-bottom: .25em;
    font-weight: 300
}

.post-header img {
    display: block;
    margin: 0 auto 2em auto
}

.post-footer {
    line-height: 1.5;
    padding-top: 1em;
    border-top: 1px solid #bbbebf;
    display: block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 4em;
    clear: both;
}

.post-footer h2 {
    display: inline-block;
    color: black;
    margin: .2em 0 .2em 0;
    font-weight: 600
}

.post-footer a {
    margin-left: 5px;
    margin-right: 5px;
}

.post-footer section {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.post-footer .post-categories {
    margin-right: auto
}

.post-footer .post-tags {
    text-align: left;
    margin-top: 10px;
}

.page-template-page-template-about .wp-post-image {
    width: 100%;
    height: auto
}

.page-template-page-template-about main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-template-page-template-about .about-photo {
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2;
    margin-right: 40px
}

.page-template-page-template-about .about-content {
    -webkit-box-flex: 3;
    -ms-flex: 3 3;
    flex: 3 3
}

.page-template-page-template-about .contact-results-message {
    margin-bottom: 2em;
    color: #54585a
}

.page-template-page-template-about .contact-results-message h2 {
    font-size: 18px;
    margin-bottom: .5em
}

.page-template-page-template-about .contact-results-message p {
    font-style: italic
}

.page-template-page-template-about .send_contact_email label span {
    color: #54585a
}

@media only screen and (max-width: 800px) {
    .page-template-page-template-about main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .page-template-page-template-about .about-photo {
        margin: 0 0 1em 0;
        height: auto;
        width: 100%
    }
}

.post-content,
.textwidget {
    line-height: 1.6;
    margin-bottom: 3em
}

.post-content sup,
.textwidget sup {
    vertical-align: super
}

.post-content sub,
.textwidget sub {
    vertical-align: sub
}

.post-content h1,
.textwidget h1 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: .5em
}

.post-content h2,
.textwidget h2 {
    font-size: 26px;
    margin-bottom: .5em
}

.post-content h3,
.textwidget h3 {
    font-size: 24px;
    margin-bottom: .5em
}

.post-content h4,
.textwidget h4 {
    font-size: 20px;
    margin-bottom: .5em
}

.post-content h5,
.textwidget h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: .5em
}

.post-content h6,
.textwidget h6 {
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: .5em
}

.post-content p,
.textwidget p {
    margin: 1em 0
}

.post-content img,
.textwidget img {
    max-width: 100%;
    height: auto
}

.post-content ul,
.textwidget ul {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 40px;
}

.post-content ol,
.textwidget ol {
    list-style-position: outside;
    padding-left: 40px;
    list-style-type: decimal;
}

.post-content li,
.textwidget li {
    margin-bottom: .5em;
    padding-left: 5px;
}

.post-content ul li::before,
.textwidget ul li::before {
    content: "\25AA";
    color:#54585a;
    display: inline-block;
    position: relative;
    font-size: 2em;
    top: .1em;
    margin-right: 3px;
    line-height: 1;
}

.post-content blockquote,
.textwidget blockquote {
    border-left: 1px solid #54585a;
    padding: 0 30px;
    margin: 1em 30px;
    font-style: italic;
    font-size: 18px;
    line-height: 1.8;
    color: #54585a
}

.post-content table,
.textwidget table {
    width: 100%;
    margin: 1em 0
}

.post-content table thead,
.textwidget table thead {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px
}

.post-content table thead th,
.textwidget table thead th {
    border-bottom: 1px solid #54585a
}

.post-content table tbody th,
.post-content table tbody td,
.textwidget table tbody th,
.textwidget table tbody td {
    border: 1px solid #f2f2f2
}

.post-content table th,
.textwidget table th {
    padding: 5px 10px
}

.post-content table td,
.textwidget table td {
    padding: 5px 10px
}

.post-content code,
.textwidget code {
    background: #f2f2f2;
    font-family: monospace;
    padding: 30px;
    display: block;
    max-width: 100%;
    margin: 1em 0;
    white-space: pre-wrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.post-content hr,
.textwidget hr {
    margin: 3em 0;
    border: none;
    border-top: 1px solid #bbbebf
}

.post-content a,
.textwidget a {
    color: #54585a
}

.post-content ul ul,
.textwidget ul ul {
    margin: 0;
    padding: 10px 30px
}

.post-content ul ul li:last-child,
.textwidget ul ul li:last-child {
    margin-bottom: 0
}

.post-content ol ol,
.textwidget ol ol {
    margin: 0;
    padding: 10px 30px
}

.post-content ol ol li:last-child,
.textwidget ol ol li:last-child {
    margin-bottom: 0
}

.post-content dl,
.textwidget dl {
    margin-bottom: .5em
}

.post-content .alignright,
.textwidget .alignright {
    float: right;
    margin: 0 0 1em 1em
}

.post-content .alignleft,
.textwidget .alignleft {
    float: left;
    margin: 0 1em 1em 0
}

.post-content .aligncenter,
.textwidget .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-content a img.alignright,
.textwidget a img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

.post-content a img.alignleft,
.textwidget a img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

.post-content a img.aligncenter,
.textwidget a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-content .wp-caption-text,
.textwidget .wp-caption-text {
    font-size: 12px;
    color: #54585a;
    font-style: italic;
    line-height: 1.5;
    margin-top: .5em;
    padding: .25em 0
}

.post-content .alignleft .wp-caption-text,
.textwidget .alignleft .wp-caption-text {
    border-right: 1px solid #54585a;
    padding-right: 1em;
    margin-right: calc(1em - 1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.post-content .alignright .wp-caption-text,
.textwidget .alignright .wp-caption-text {
    border-left: 1px solid #54585a;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.post-content .aligncenter .wp-caption-text,
.textwidget .aligncenter .wp-caption-text {
    text-align: center
}

.post-meta a {
    color: #54585a;
}

.post img {
    max-width: 100%;
}

.page .post-content>h1:first-child {
    font-size: 48px;
    font-weight: 300
}

.video-container {
    padding-top: 56.25%;
    position: relative;
    background: black
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

iframe {
    max-width: 100%;
}

.gallery {
    background: #f2f2f2;
    padding: 20px
}

@media screen and (max-width: 500px) {
    .gallery {
        overflow: hidden
    }

    .gallery br {
        display: none
    }
}

.gallery .gallery-item {
    margin: 0 !important
}

@media screen and (max-width: 500px) {
    .gallery .gallery-item {
        width: 33.333% !important
    }
}

.gallery .gallery-item a {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.gallery .gallery-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7) url(../images/search-icon_white.svg) center center no-repeat;
    background-size: auto 40%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.gallery .gallery-item a:hover::after {
    opacity: 1
}

.gallery .gallery-item a img {
    border: none !important;
    display: block;
    width: 100%;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.bsu-team-list h2 {
    padding-bottom: .15em;
    border-bottom: 1px solid #bbbebf;
    margin-bottom: .75em;
    font-weight: 300;
    color: #54585a
}

.bsu-team-list.list .bio {
    padding-top: 5% !important
}

.bsu-team-list.list .bio h3 {
    font-weight: 600
}

.bsu-team-list.list .bio h4 {
    color: #54585a;
    font-weight: 300;
    font-size: 16px
}

.interactive button {
    padding: 5px 20px
}

.single-person-profile img {
    max-width: 300px;
    height: auto;
    float: left;
    margin: 0 30px 20px 0
}

.single-person-profile h1 {
    font-weight: 600
}

.page-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px
}

.page-sidebar a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 800px) {
    .page-sidebar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.page-sidebar .widget {
    margin-bottom: 60px;
    font-size: 14px
}

@media only screen and (max-width: 800px) {
    .page-sidebar .widget {
        display: none
    }
}

.page-sidebar .widget-title {
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px solid #bbbebf;
    margin-bottom: .75em;
    padding-bottom: .25em;
    color: #54585a;
    position: relative
}

.page-sidebar .widget_recent_entries li {
    margin-bottom: 1em
}

.page-sidebar .widget_recent_entries li a {
    font-weight: 600
}

.page-sidebar .widget_recent_entries .post-date {
    display: block
}

.page-sidebar .widget_categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.page-sidebar .widget_categories li {
    margin-right: 10px;
    line-height: 1.5em
}

.page-sidebar .widget_categories li:last-child {
    margin-right: 0
}

.page-sidebar .widget_categories a {
    color: #54585a;
    text-transform: capitalize
}

.page-sidebar .widget_categories a::after {
    content: ","
}

.page-sidebar .widget_archive li,
.page-sidebar .widget-pages li,
.page-sidebar .widget-meta li,
.page-sidebar .widget_recent_comments li,
.page-sidebar .widget_rss li {
    margin-bottom: 1em
}

.page-sidebar .widget_rss li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.25em
}

.page-sidebar .widget_rss a {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    line-height: 1.2;
    margin-bottom: .25em;
    font-weight: 600
}

.page-sidebar .widget_rss .rssSummary {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 14px
}

.page-sidebar .widget_rss .rss-date {
    display: block;
    margin-bottom: .05em;
    font-size: 12px;
    color: #54585a;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-transform: uppercase
}

.page-sidebar .widget_search .form_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-sidebar .widget_search .form_search .default {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 10px;
    padding-right: 10px
}

.widget_submenu {
    list-style: none
}

.widget_submenu a {
    display: block;
    color: #54585a
}

.widget_submenu a:hover {
    color: #54585a
}

.widget_submenu .widget-title {
    font-size: 24px
}

.widget_submenu .widget-title a {
    font-weight: 300;
    color: black
}

.widget_submenu .widget-title a:hover {
    color: #54585a
}

.widget_submenu .page-sidebar_nav>li {
    text-transform: uppercase;
    font-size: 16px
}

.widget_submenu .page-sidebar_nav>li>a {
    font-weight: 600;
    color: black
}

.widget_submenu .page-sidebar_nav>li>a:hover {
    color: #54585a
}

.widget_submenu .page-sidebar_nav>li ul {
    text-transform: none
}

.widget_submenu .page-sidebar_nav>li ul a {
    font-weight: 400
}

.widget_submenu .page-sidebar_nav>li ul .current_page_item>a {
    font-weight: 600
}

.widget_submenu .current_page_item>a {
    color: #54585a;
    border-left: 3px solid #54585a;
    padding-left: .5em;
    font-weight: 600
}

.widget_submenu .current_page_item>a:hover {
    text-decoration: none
}

.widget_submenu .page_item {
    margin-bottom: 1em
}

.widget_submenu .page_item+.page_item {
    padding-top: 1em;
    border-top: 1px solid #bbbebf
}

.widget_submenu ul li {
    padding-left: 1em
}

.widget_submenu .children {
    padding-top: 1em
}

.widget_submenu .children>.page_item {
    border-top: none;
    padding-top: 0;
    font-size: 14px
}

.team-widget-content h3 {
    font-weight: bold;
    color: #54585a
}

.team-widget-content h4 {
    font-size: 14px;
    color: #54585a;
    font-style: italic
}

.bsu-person-widget h3 {
    font-size: 21px
}

.bsu-person-widget h4 {
    font-size: 16px
}

.front-page .home-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    width: 100%;
    max-width: none
}

.front-page .widget {
    margin-bottom: 50px
}

.front-page .widget:nth-child(odd) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 50px
}

.front-page .widget:nth-child(odd):last-child {
    margin-right: 0
}

.front-page .widget:nth-child(even) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 50px
}

.comments-area {
    padding: 10px 0
}

.comments-area .comments-area_heading {
    width: 100%;
    padding-bottom: 5px;
    font-size: 1.5em;
    border-bottom: 1px solid #bbbebf;
    font-weight: 300
}

.comment-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0
}

.comment-meta .says {
    display: none
}

.comment-meta .comment-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

.comment-meta .comment-author b.fn {
    padding-left: 5px;
    font-weight: bold
}

.comment-meta time {
    font-size: 12px;
    color: #54585a
}

li.comment {
    margin: 1.5em 0;
    position: relative
}

li.comment .reply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

li.comment .reply a {
    background-color: #54585a;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid #54585a;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

li.comment .reply a:hover {
    background-color: #fff;
    color: #54585a;
    border: 1 px solid #54585a
}

li.comment .comment-content {
    padding: 0 36px;
    margin-bottom: 1em;
    color: #54585a
}

li.comment .comment-content p {
    line-height: 1.6
}

li.comment .comment-content p+p {
    margin-top: 1em
}

li.comment .comment-content b,
li.comment .comment-content strong {
    font-weight: bold
}

li.comment .comment-content i,
li.comment .comment-content em {
    font-style: italic
}

.comment-respond {
    padding-top: 20px
}

.comment-respond p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1em
}

.comment-respond p.form-submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.comment-respond .comment-notes {
    display: block
}

.comment-respond .comment-form {
    position: relative
}

.comment-respond .comment-form .submit {
    margin-top: 10px
}

.comment-respond .comment-form input {
    font-size: 1em;
    padding: 5px
}

.comment-respond .comment-form input.submit {
    font-size: 14px;
    padding: 10px 20px
}

.comment-respond label {
    padding-top: 5px;
    margin-bottom: .25em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px
}

.comment-respond .comment-area {
    width: 100%
}

.comment-form-comment {
    padding-bottom: 20px
}

.comment-form-comment label {
    display: none
}

.comment-notes {
    padding: 5px 0
}

.comment-reply-title {
    padding-bottom: 10px;
    font-size: 1.5em;
    font-weight: 300
}

.comment-edit-link {
    color: #54585a;
    text-decoration: underline
}

.logged-in p.logged-in-as {
    color: white;
    cursor: default;
    padding: 10px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.logged-in p.logged-in-as a {
    color: #54585a;
    text-decoration: underline
}

.contact-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px
}

@media screen and (max-width: 800px) {
    .contact-form form {
        max-width: none
    }
}

.contact-form h1 {
    font-size: 36px;
    font-weight: 300;
    border-bottom: 1px solid #bbbebf;
    margin-bottom: 1em
}

.contact-form label {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100px;
    margin-right: 15px;
    margin-bottom: .5em;
    color: #54585a
}

.contact-form input,
.contact-form textarea {
    padding: 10px;
    border: 1px solid #bbbebf;
    font-size: 14px;
    margin-bottom: 20px;
    border-radius: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contact-form textarea {
    height: 200px
}

.contact-form button {
    max-width: 100px;
    text-align: center;
    padding: 10px 20px
}

.post-preview_footer {
    padding-bottom: 10px
}

.post-preview_footer .post-preview_btn {
    padding: 5px 20px
}

/* styles for archive page */

.archives_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.archives_filter-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    z-index: 500;
}

.archives_filter-listing .archives_filter-list {
    padding: 0px 30px;
    border-right: 2px solid #f2f2f2
}

.archives_filter-listing .archives_filter-list:first-child {
    padding-left: 0px
}

.archives_filter-child {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}

.archives_filter-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 32px 0px
}

.archives_filter-clear p {
    margin-right: 10px
}

.archives_filter_results-container {
    margin: 20px 0px
}

.archives_filter_results-block {
    background-color: #54585a;
    padding: 10px 20px;
    display: inline-block
}

.archives_filter_results-block:hover {
    cursor: pointer
}

.archives_filter_results-block p {
    display: inline
}

.archives_filter_results-block img {
    display: inline;
    margin-left: 10px
}

.archives_filter-results {
    color: white
}

.x-icon {
    margin-top: 2px
}

#pagination-previous {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 20px;
    z-index: 5
}


@media screen and (max-width: 630px) {
    #pagination-previous {
        padding: 0px
    }
}

#pagination-previous img {
    padding: 20px;
    width: 122px;
    height: 149px;
    opacity: .5;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

@media screen and (max-width: 630px) {
    #pagination-previous img {
        width: 72px;
        height: 79px
    }
}

#pagination-previous img:hover {
    opacity: 1;
    cursor: pointer
}

#pagination-next {
    padding: 20px;
    z-index: 5
}

@media screen and (max-width: 630px) {
    #pagination-next {
        padding: 0px
    }
}

#pagination-next img {
    padding: 20px;
    width: 122px;
    height: 149px;
    opacity: .5;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

@media screen and (max-width: 630px) {
    #pagination-next img {
        width: 72px;
        height: 79px
    }
}

#pagination-next img:hover {
    opacity: 1;
    cursor: pointer
}

.pagination {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 9em 0em
}

.pagination-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center
}

ul.single-post-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.single-post-categories li {
    padding: 0 10px
}

ul.single-post-categories li:first-child {
    padding: 0
}

.pagination-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination-numbers li {
    padding: 5px 10px
}

.pagination-numbers li:hover {
    cursor: pointer
}

.pagination-link {
    text-decoration: underline
}


.pagination-active {
    color: #54585a;
    font-weight: 700
}

.dropbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dropdown {
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dropdown:hover {
    cursor: pointer
}

.dropdown img {
    width: 14px;
    height: 9px;
    margin: 5px 0 0 12px
}

.dropdown img:hover {
    cursor: pointer
}

.dropdown-content-list li {
    padding: 0px;
    margin: 0px
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    overflow: auto;
    width: 200px;
    height: 400px
}

@media screen and (max-width: 710px) {
    .dropdown-content {
        left: 40px;
        right: 0px
    }
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block
}

.archive-page_content-wrapper {
    margin-bottom: 60px
}

.archive-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #bbbebf;
    padding-top: 1em;
    margin-top: 2em
}

.archive-footer .archive-footer_previous {
    margin-right: auto
}

.archive-footer .archive-footer_next {
    margin-left: auto
}

.archive-footer a {
    background-color: #54585a;
    color: #fff;
    display: inline-block;
    padding: 10px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid #54585a;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.archive-footer a:hover {
    background-color: #fff;
    color: #54585a;
    border: 1px solid #54585a
}

.posts-list .post-thumbnail {
    float: left;
    margin-right: 20px
}

.wp-video,
video.wp-video-shortcode,
.mejs-overlay.load {
    width: 100% !important;
    height: 100% !important
}

.mejs-container:not(.mejs-audio) {
    padding-top: 56.25%
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important
}

video.wp-video-shortcode {
    position: relative
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important
}

/* Gutenberg core block fixes */
.post-content ul li.wp-block-jetpack-slideshow_slide::before {
    display: none;
}
.post-content .wp-block-jetpack-slideshow {
    display: grid;
}