/* Buckeye Alert */
.bux-buckeye-alert {
    background-color: #ba0c2f;
    padding: 16px 12px;
  }
  .bux-buckeye-alert h2 {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  .bux-buckeye-alert a {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #fff;
    border-bottom-color: #fff;
  }
  .bux-buckeye-alert a:focus {
    border-bottom: none;
    outline: 2px solid #3492b8;
    outline-offset: 2px;
  }
  .bux-buckeye-alert a:hover {
    color: #212325;
    border-bottom-color: #fff;
    background-color: #eff1f2;
  }
  .bux-buckeye-alert a:focus {
    color: #212325;
    background-color: #eff1f2;
    outline: 2px solid #74BAD8;
  }
  .bux-buckeye-alert p {
    color: #fff;
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  }
  .bux-buckeye-alert p:last-child {
    margin-bottom: 0;
  }
  .bux-buckeye-alert .bux-buckeye-alert-container {
    display: flex;
  }
  .bux-buckeye-alert .bux-buckeye-alert-container .bux-buckeye-alert-container__icon {
    line-height: 1;
    margin-right: 16px;
  }
  .bux-buckeye-alert .bux-buckeye-alert-container .bux-buckeye-alert-container__icon:after {
    content: "\f301";
    font-family: "bux-icons";
    font-size: 1.5rem;
    color: #fff;
  }
/* end - Buckeye Alert */

/* BUX Style */
article>*+* {
    margin-top: 0 !important;
}
@media (min-width: 960px) {
    .bux-hero__carousel-items {
        padding: 0 !important;
    }
}
.bux-listicle__text, .bux-paragraph, .bux-qa__answer-text, p {
    font-family: unset !important;
}
img.bux-interior-hero__image {
    width: 100%;
}
/* end BUX Style */

.paragraph--view-mode--hero-style-1 .group_hero_gradient {
    align-items: end !important;
    padding: 5vw 0 !important;
}

.paragraph--view-mode--hero-style-1 .group_hero_gradient .group_hero_body .field--name-field-title,
.paragraph--view-mode--hero-style-1 .group_hero_gradient .group_hero_body .field--name-field-text {
    max-width: 100% !important;
}

.paragraph--view-mode--hero-style-1 .group_hero_gradient .group_hero_body {
    /* width: auto !important; */
    background-color: rgba(33, 35, 37, 0.8);
    padding: 22px;
}


/* social media icons */

.social-icons {
    margin-top: 40px;
    font-size: 1.5rem;
}

.social-icons-wrap {
    display: inline-flex;
    justify-content: right;
    flex-flow: row;
    width: 100%;
    margin: 10px 0;
}

.social-icons-wrap a {
    margin-right: 20px;
    transition: all 300ms;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    text-decoration: none;
}

.social-icons-wrap a:hover {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12);
    box-shadow: 0px 8px 21px rgb(25 15 8 / 50%);
}

.social-icons-wrap a img {
    width: 30px;
    margin-left: 10px;
}

/* curriculum page */
/* .page-node-type-curriculum .node__content .container .field__item { */
.page-node-type-curriculum .paragraph {
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-node-type-curriculum .field--name-field-paragraphs {
    margin: 20px 0 40px;
}

.page-node-type-curriculum .group_curriculum_hero_section {
    display: flex;
    background-color: #bb0000;
    margin: 0 auto;
    flex-direction: column-reverse;
}

.page-node-type-curriculum .group_curriculum_hero_section .group_curriculum_hero_body {
    padding: 20px;
}

.page-node-type-curriculum .group_curriculum_hero_section .group_curriculum_hero_body h1 {
    color: #ffff;
    padding-bottom: 15px;
}

.page-node-type-curriculum .group_curriculum_hero_section .group_curriculum_hero_body .field--name-field-curriculum-subtitle {
    color: #ffff;
    font-size: 22px;
}

@media (min-width: 1200px) {
    .page-node-type-curriculum .group_curriculum_hero_section {
        background-color: #bb0000;
        align-items: center;
        justify-content: stretch;
        max-width: 1120px;
        margin: 0 auto;
        flex-direction: unset;
    }
    
    .page-node-type-curriculum .group_curriculum_hero_section .group_curriculum_hero_body {
        padding: 20px 35px 20px 55px;
        flex: 1;
    }
    
    .page-node-type-curriculum .group_curriculum_hero_section .group_curriculum_hero_image {
        overflow: hidden;
        /* flex: 1.5; */
    }
}

/* curriculum content style */

.page-node-type-curriculum main h2 {
    color: #bb0000;
}
.page-node-type-curriculum main p strong {
    color: #000000;
}

.page-node-type-curriculum main .style-2 p,
.page-node-type-curriculum main .style-2 p strong {
    color: #fff;
}

.page-node-type-curriculum .block-block-content {
    padding-bottom: 40px;
}

.page-node-type-curriculum main h2, 
.page-node-type-curriculum main h3, 
.page-node-type-curriculum main h4 {
    margin-bottom: 1rem;
}

.page-node-type-academic-program .view-academic-programs {
    margin-top: 0;
}
.page-node-type-academic-program .view-academic-programs p {
    margin-bottom: 1rem;
}
.page-node-type-academic-program .view-academic-programs p.lead {
    margin-bottom: 0;
}

/* blockquote */
.page-node-type-news blockquote {
    display: table;
    font-size: 1.15rem;
    background: #f9f9f9;
    border-left: 10px solid #A7B1B7;
    padding: 20px 30px;
    quotes: "\201C""\201D""\2018""\2019";
}
.page-node-type-news blockquote:before {
    color: #A7B1B7;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.page-node-type-news blockquote p {
    display: inline;
}

/* ## Events Add to Calendar button
--------------------------------------------- */
.addtocalendar {
    width: 100%;
}
.add-to-calendar-button a.atcb-link {
    background-color: #bb0000;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1rem 30px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    width: 100%;
}

.add-to-calendar-button .atcb-list {
    padding: 15px;
    width: 100%;
}

a:focus-visible,
.btn:focus-visible, 
.btn.btn-light:focus-visible, 
.btn.btn-danger:focus-visible, 
.paragraph--view-mode--hero-style-4 .group_hero_body .field--name-field-button a:focus-visible, 
.paragraph--view-mode--hero-style-3 .group_hero_body .field--name-field-button a:focus-visible, 
.paragraph--view-mode--hero-style-2 .group_hero_gradient .group_hero_body .field--name-field-button a:focus-visible, 
.paragraph--view-mode--hero-style-1 .group_hero_gradient .group_hero_body .field--name-field-button a:focus-visible, 
.btn.btn-red:focus-visible,
input.btn-red.button:focus-visible,
.fc-button-primary:focus,
.pb-audio-player .episode-logo a:focus,
.slick-prev:focus,
.slick-next:focus {
    /* outline: blue solid 4px !important; */
    outline: #3492AE solid 2px !important;
}

iframe .pb-audio-player {
    outline: #ccc solid 4px !important;
}

/* WAVE: visually hidden false alerts */
.visually-hidden {
    color: #000;
    background-color: #fff;
}

/* TB Mega Menu */

.tbm {
    background-color: #fff;
}

.tbm-nav, [dir='ltr'] .tbm-nav {
    justify-content: center;
}

.tbm-link.level-1:hover, .tbm-link.level-1:focus {
    background-color: #fff;
    color: #bb0000;
}

#tbm-main .tbm-item.level-1 .tbm-link.level-1:before {
    border: none;
    content: "/";
    left: -1em;
    position: relative;
}

#tbm-main .tbm-item.level-1:first-of-type .tbm-link.level-1:before {
    content: '';
}

.tbm-nav span.tbm-link.level-1.no-link.tbm-toggle {
    text-transform: uppercase;
    font-size: 18px;
    padding: 1rem 1.5rem;
    letter-spacing: 1px;
}

.tbm-submenu {
    padding: 2rem;
}

#tbm-main .tbm-item.level-1 {
    border: none;
}

#tbm-main .tbm-group-container {
    border: none;
}

#tbm-main .tbm-group-title {
    font-weight: normal;
    text-transform: none;
}

#tbm-main .tbm-link.level-2.no-link.tbm-group-title {
    font-size: 1.5rem;
}

#tbm-main .tbm-link.level-3.no-link.tbm-group-title,
#tbm-main .tbm-link.level-4.no-link.tbm-group-title {
    font-size: 1rem;
}

#tbm-main .tbm-link.level-2.no-link.tbm-group-title,
#tbm-main .tbm-link.level-3.no-link.tbm-group-title,
#tbm-main .tbm-link.level-4.no-link.tbm-group-title {
    color: #868e92;
    pointer-events: none;
    font-weight: bold;
    text-transform: uppercase;
}

#tbm-main li.tbm-item.level-1 .tbm-row .tbm-column:last-of-type {
    background-color: #f6f7f8;
    margin: -2rem;
    margin-left: 0;
    padding: 2rem;
}

#tbm-main li.tbm-item.level-2 .tbm-row .tbm-column:last-of-type,
#tbm-main li.tbm-item.level-3 .tbm-row .tbm-column:last-of-type,
#tbm-main li.tbm-item.level-4 .tbm-row .tbm-column:last-of-type {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

#tbm-main .tbm-item.column-indent.tbm-group .tbm-group-container {
    margin-left: 1rem;
}

#tbm-main .level-3.tbm-group .tbm-group-container,
#tbm-main .level-4.tbm-group .tbm-group-container {
    padding-left: 1rem;
}

#tbm-main .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
    padding: .2rem 0;
    display: inline-block;
}

#tbm-main .tbm-subnav>.tbm-item>.tbm-link-container>a.tbm-link::before {
    content: '';
    padding-left: 16px;
    padding: 4px 16px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTg0LjcsNDEzLjFsMi4xLTEuOGwxNTYuNS0xMzZjNS4zLTQuNiw4LjYtMTEuNSw4LjYtMTkuMmMwLTcuNy0zLjQtMTQuNi04LjYtMTkuMkwxODcuMSwxMDFsLTIuNi0yLjMgIEMxODIsOTcsMTc5LDk2LDE3NS44LDk2Yy04LjcsMC0xNS44LDcuNC0xNS44LDE2LjZoMHYyODYuOGgwYzAsOS4yLDcuMSwxNi42LDE1LjgsMTYuNkMxNzkuMSw0MTYsMTgyLjIsNDE0LjksMTg0LjcsNDEzLjF6Ii8+PC9zdmc+") left center no-repeat;
    background-size: 12px 12px;
}

#tbm-main .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover, 
#tbm-main .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:focus {
    color: #bb0000;
}

/* Major and Program Table */

.academics-programs .table {
    width: 100%;
}
.academics-programs .table .views-field-title {
    width: 60%;
}
.academics-programs .table .views-field-field-degree {
    width: 20%;
}
.academics-programs .table .views-field-field-department {
    width: 20%;
}

/* Better Social Sharing Buttons */
.block-better-social-sharing-buttons.block-social-sharing-buttons-block {
    float: left;
}

/* APL CAEP */
.node-653 .nav {
    justify-content: center;
}

/* webform */
.choices__inner {
    background-color: #fff;
    color: #000;
}

.choices__placeholder {
    opacity: 100%;
}

/* News Full */
.page-node-type-news .align-right.media--type-image, 
.page-node-type-news figure.align-right {
    margin: 0 0 20px 20px;
}

.page-node-type-news .align-left.media--type-image,
.page-node-type-news figure.align-left {
    margin: 0 20px 20px 0;
}

/* Section search */
.search-wrapper {
    display: inline-flex;
}
.search-icon::after {
    position: absolute;
    right: .5rem;
    top: 0;
    font-family: bux-icons;
    content: "\f012";
    font-size: 1.5rem;
    pointer-events: none;
    color: #cfd4d8;
}

/* specific faculty profiles */

/* Dr. Beard requested that H3s in her Research Summary be made to look smaller -
these CSS selectors are likely specific enough to not interfere with other profiles, remove if they cause a problem */
body > div.dialog-off-canvas-main-canvas > main > div:nth-child(3) > div.profile.container > span:nth-child(4) > span > h3:nth-child(3),body > div.dialog-off-canvas-main-canvas > main > div:nth-child(3) > div.profile.container > span:nth-child(4) > span > h3:nth-child(5), body > div.dialog-off-canvas-main-canvas > main > div:nth-child(3) > div.profile.container > span:nth-child(4) > span > h3:nth-child(7), body > div.dialog-off-canvas-main-canvas > main > div:nth-child(3) > div.profile.container > span:nth-child(4) > span > h3:nth-child(9) { font-size: 18px; /* 16px is the size of standard paragraph text */ } 

/* @media only screen and (max-width: 768px) {
    .table-responsive {
        overflow-x: auto !important;
    }
} */

@media only screen and (max-width: 576px) {
    .node--type-page .paragraph--type--section, 
    .node--type-academic-program .paragraph--type--section {
        padding: 3rem 0rem 1.5rem !important;
    }
    
    table tr, table th, table td {
        display: block;
        width: 100% !important;
    }
}