@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebThin.woff2") format("woff2"), url("fonts/Stratum2WebThin.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebLight.woff2") format("woff2"), url("fonts/Stratum2WebLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebRegular.woff2") format("woff2"), url("fonts/Stratum2WebRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebMedium.woff2") format("woff2"), url("fonts/Stratum2WebMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebBold.woff2") format("woff2"), url("fonts/Stratum2WebBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Backwards compatible name */
@font-face {
  font-family: "Stratum2WebBold";
  src: url("fonts/Stratum2WebBold.woff2") format("woff2"), url("fonts/Stratum2WebBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Stratum2Web";
  src: url("fonts/Stratum2WebBlack.woff2") format("woff2"), url("fonts/Stratum2WebBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/* All OSU colors */
/* Setting other variable names for common colors */
/* Map for Background Colors */
/* Map for border colors */
/* Map for minimum heights */
/* Map for border sides */
body {
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-osx-font-smoothing: grayscale;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

a {
  color: #d73f09;
  text-decoration: underline;
}
a:active, a:focus, a:hover {
  color: #000;
  text-decoration: none;
}

h1 {
  font-family: "Stratum2Web", sans-serif;
  font-weight: bold;
  font-size: 3rem;
}

h2 {
  color: #d73f09;
  font-family: "Stratum2Web", sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
}

h3 {
  font-family: "Stratum2Web", sans-serif;
  font-size: 2rem;
  color: #d73f09;
}

h4 {
  font-weight: bold;
}

h5 {
  color: #d73f09;
  font-weight: bold;
}

h6 {
  font-size: 1.1rem;
  font-weight: bold;
}

img {
  height: auto;
  max-width: 100%;
}

/* Base List styles */
main ul {
  padding-left: 1.5em;
}
main ul.list-unstyled li:before {
  display: none !important;
}
main ul li {
  list-style-type: none;
}
main ul li:before {
  color: #d73f09;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
}
main ul.contextual-links li:before {
  content: "";
  margin-right: 0;
}

hr {
  margin-block: 3rem;
}

button, input[type=submit] {
  border-radius: 0.6rem;
}

/*CONTENTS*/
/* Create osu-min-h-xx classes for min-height. */
.osu-min-h-100 {
  min-height: 100px;
}

.osu-min-h-200 {
  min-height: 200px;
}

.osu-min-h-300 {
  min-height: 300px;
}

.osu-min-h-400 {
  min-height: 400px;
}

.osu-min-h-500 {
  min-height: 500px;
}

.osu-min-h-600 {
  min-height: 600px;
}

.osu-min-h-700 {
  min-height: 700px;
}

.osu-min-h-800 {
  min-height: 800px;
}

/* For Bootstrap Layout Builder we need a border-side-color for each color and side we wish to use. */
.osu-border-neutral {
  border-color: #f7f5f5 !important;
}

.osu-border-neutral-left {
  border-left-color: #f7f5f5 !important;
}

.osu-border-neutral-top {
  border-top-color: #f7f5f5 !important;
}

.osu-border-neutral-right {
  border-right-color: #f7f5f5 !important;
}

.osu-border-neutral-bottom {
  border-bottom-color: #f7f5f5 !important;
}

.osu-border-white {
  border-color: #fff !important;
}

.osu-border-white-left {
  border-left-color: #fff !important;
}

.osu-border-white-top {
  border-top-color: #fff !important;
}

.osu-border-white-right {
  border-right-color: #fff !important;
}

.osu-border-white-bottom {
  border-bottom-color: #fff !important;
}

.osu-border-dark {
  border-color: #212529 !important;
}

.osu-border-dark-left {
  border-left-color: #212529 !important;
}

.osu-border-dark-top {
  border-top-color: #212529 !important;
}

.osu-border-dark-right {
  border-right-color: #212529 !important;
}

.osu-border-dark-bottom {
  border-bottom-color: #212529 !important;
}

.osu-border-osu {
  border-color: #d73f09 !important;
}

.osu-border-osu-left {
  border-left-color: #d73f09 !important;
}

.osu-border-osu-top {
  border-top-color: #d73f09 !important;
}

.osu-border-osu-right {
  border-right-color: #d73f09 !important;
}

.osu-border-osu-bottom {
  border-bottom-color: #d73f09 !important;
}

.osu-border-pine {
  border-color: #4a773c !important;
}

.osu-border-pine-left {
  border-left-color: #4a773c !important;
}

.osu-border-pine-top {
  border-top-color: #4a773c !important;
}

.osu-border-pine-right {
  border-right-color: #4a773c !important;
}

.osu-border-pine-bottom {
  border-bottom-color: #4a773c !important;
}

.osu-border-rogue-wave {
  border-color: #00859b !important;
}

.osu-border-rogue-wave-left {
  border-left-color: #00859b !important;
}

.osu-border-rogue-wave-top {
  border-top-color: #00859b !important;
}

.osu-border-rogue-wave-right {
  border-right-color: #00859b !important;
}

.osu-border-rogue-wave-bottom {
  border-bottom-color: #00859b !important;
}

.osu-border-luminance {
  border-color: #ffb500 !important;
}

.osu-border-luminance-left {
  border-left-color: #ffb500 !important;
}

.osu-border-luminance-top {
  border-top-color: #ffb500 !important;
}

.osu-border-luminance-right {
  border-right-color: #ffb500 !important;
}

.osu-border-luminance-bottom {
  border-bottom-color: #ffb500 !important;
}

.osu-border-stratosphere {
  border-color: #006a8e !important;
}

.osu-border-stratosphere-left {
  border-left-color: #006a8e !important;
}

.osu-border-stratosphere-top {
  border-top-color: #006a8e !important;
}

.osu-border-stratosphere-right {
  border-right-color: #006a8e !important;
}

.osu-border-stratosphere-bottom {
  border-bottom-color: #006a8e !important;
}

/* For Generating Border Widths. */
.osu-border-width-0 {
  border-width: 0 !important;
}

.osu-border-width-1 {
  border-width: 1px !important;
}

.osu-border-width-2 {
  border-width: 2px !important;
}

.osu-border-width-3 {
  border-width: 3px !important;
}

.osu-border-width-4 {
  border-width: 4px !important;
}

.osu-border-width-5 {
  border-width: 5px !important;
}

/* For Generating Border widths for different sides. */
.osu-border-width-left-0 {
  border-left-width: 0 !important;
}

.osu-border-width-left-1 {
  border-left-width: 1px !important;
}

.osu-border-width-left-2 {
  border-left-width: 2px !important;
}

.osu-border-width-left-3 {
  border-left-width: 3px !important;
}

.osu-border-width-left-4 {
  border-left-width: 4px !important;
}

.osu-border-width-left-5 {
  border-left-width: 5px !important;
}

.osu-border-width-top-0 {
  border-top-width: 0 !important;
}

.osu-border-width-top-1 {
  border-top-width: 1px !important;
}

.osu-border-width-top-2 {
  border-top-width: 2px !important;
}

.osu-border-width-top-3 {
  border-top-width: 3px !important;
}

.osu-border-width-top-4 {
  border-top-width: 4px !important;
}

.osu-border-width-top-5 {
  border-top-width: 5px !important;
}

.osu-border-width-right-0 {
  border-right-width: 0 !important;
}

.osu-border-width-right-1 {
  border-right-width: 1px !important;
}

.osu-border-width-right-2 {
  border-right-width: 2px !important;
}

.osu-border-width-right-3 {
  border-right-width: 3px !important;
}

.osu-border-width-right-4 {
  border-right-width: 4px !important;
}

.osu-border-width-right-5 {
  border-right-width: 5px !important;
}

.osu-border-width-bottom-0 {
  border-bottom-width: 0 !important;
}

.osu-border-width-bottom-1 {
  border-bottom-width: 1px !important;
}

.osu-border-width-bottom-2 {
  border-bottom-width: 2px !important;
}

.osu-border-width-bottom-3 {
  border-bottom-width: 3px !important;
}

.osu-border-width-bottom-4 {
  border-bottom-width: 4px !important;
}

.osu-border-width-bottom-5 {
  border-bottom-width: 5px !important;
}

.light_text {
  color: #fff;
}

.force-dark .light_text {
  color: #212529;
}
.force-dark .light_text a {
  color: #d73f09;
}
.force-dark .light_text a:active, .force-dark .light_text a:focus, .force-dark .light_text a:hover {
  color: #212529;
}

.left-text {
  text-align: left;
}

.right-text {
  text-align: right;
}

/* pa11y fixes - for Accessibility Bots... */
.sr-only {
  background: #000 !important;
  color: #fff !important;
}

/* Bootstrap Buttons modifications */
.btn {
  border: none;
  border-radius: 0.6rem;
}

.btn-primary {
  background: #d73f09;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #212529;
}
.btn-primary:hover a, .btn-primary:active a, .btn-primary:focus a {
  color: #fff;
}

.btn-black {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  margin: 1.5rem;
  padding: 0.7rem;
  text-decoration: none;
  transition: 250ms;
}
.btn-black i {
  font-size: 25px;
  margin-right: 20px;
  transition: 250ms;
}
.btn-black:hover, .btn-black:active, .btn-black:focus {
  background: #212529;
  color: #fff;
  text-decoration: underline;
}
.btn-black:hover i, .btn-black:active i, .btn-black:focus i {
  color: #d73f09;
}

/*DROP DOWN STYLES*/
.small-font--italic {
  font-size: 0.8rem;
  font-style: italic;
}

.info-text {
  background-color: #c6dae7;
  border-radius: 20px;
  padding: 20px;
}

.orange-text {
  background: #d73f09;
  color: #fff;
  display: table;
  padding: 5px 10px;
}

.blockquoteUpdated {
  font-family: "georgia", serif;
  line-height: 1.7 !important;
  font-size: 1.3rem;
  border: 5px solid #f7f5f5;
  padding: 2rem;
  margin: 4rem 0;
  overflow: auto;
}
@media screen and (min-width: 640px) {
  .blockquoteUpdated {
    padding: 3rem;
  }
}
@media screen and (min-width: 100px) {
  .blockquoteUpdated {
    font-size: 1.5rem;
  }
}

.attributeQuote {
  font-size: 1rem;
  font-family: "OpenSans", sans-serif;
}

.sidebarstory {
  background: #f7f5f5;
  border-radius: 10px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
  margin-bottom: 3rem;
  max-width: 600px;
}
@media (min-width: 1000px) {
  .sidebarstory {
    padding: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .sidebarstory {
    float: right;
    margin: 20px -100px 20px 25px;
  }
}

.orange-headline {
  background: #d73f09;
  padding: 2rem;
  color: #fff !important;
  font-size: 1.6rem;
  font-family: "Stratum2Web", sans-serif;
}
@media screen and (min-width: 1200px) {
  .orange-headline {
    font-size: 2.5rem;
  }
}

.osu-top-hat {
  position: relative;
  background-color: #d73f09;
  height: 80px;
  display: flex;
}
@media screen and (min-width: 480px) {
  .osu-top-hat {
    height: 100px;
  }
}
.osu-top-hat .logo {
  text-decoration: none;
  margin-right: 2em;
}
.osu-top-hat .logo img {
  height: 60px;
  margin: 6px;
  width: 188px;
}
@media screen and (min-width: 480px) {
  .osu-top-hat .logo img {
    height: 80px;
    width: 250px;
    margin: 10px;
  }
}
.osu-top-hat .site-title h1 {
  color: #d73f09;
  display: inline-block;
  padding-left: 2rem;
  margin-bottom: 0;
  vertical-align: middle;
}
.osu-top-hat .site-title:active h1, .osu-top-hat .site-title:focus h1, .osu-top-hat .site-title:hover h1 {
  text-decoration: underline;
}
.osu-top-hat .icon-wrapper {
  position: absolute;
  right: 20px;
  top: 25px;
}
@media screen and (max-width: 480px) {
  .osu-top-hat .icon-wrapper {
    top: 10px !important;
  }
}
.osu-top-hat .icon-wrapper a {
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}
.osu-top-hat .icon-wrapper a:active, .osu-top-hat .icon-wrapper a:focus, .osu-top-hat .icon-wrapper a:hover {
  color: #252525;
}
.osu-top-hat .icon-wrapper .mobile-menu {
  padding-right: 1rem;
}

.osu-top-hat + .container-fluid {
  padding: 0;
  flex: 1;
  position: relative;
}

nav .main-menu {
  margin: 1.7rem 0;
}
nav .main-menu .is-active {
  color: #000;
}
nav ul {
  list-style-type: none;
  padding-left: 0;
}

/*AUDIENCE MOBILE MENU LINK STYLES*/
.mobile-menu-main a {
  display: block;
  font-size: 19px;
  text-decoration: none;
}

#block-homepage-main-menu {
  z-index: 255;
  top: 5rem;
  background: #000;
  position: absolute;
  right: 0;
  width: 100%;
}
#block-homepage-main-menu a {
  color: #fff;
  font-weight: normal;
  padding: 0.2em 1.5em;
  text-decoration: none;
}
#block-homepage-main-menu a:active, #block-homepage-main-menu a:focus, #block-homepage-main-menu a:hover {
  background-color: #212529;
}
@media screen and (min-width: 1200px) {
  #block-homepage-main-menu a {
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    padding: 0.5rem 1rem;
  }
  #block-homepage-main-menu a:active, #block-homepage-main-menu a:focus, #block-homepage-main-menu a:hover {
    text-decoration: underline;
    background-color: transparent;
  }
}
@media screen and (min-width: 480px) {
  #block-homepage-main-menu {
    top: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  #block-homepage-main-menu {
    background-color: transparent;
    position: unset;
    width: unset;
  }
}

/*GREY SUBMENU STYLE 
the grey submenu is on the top tier pages and shares the same region as the tools and services drop down. however since the light color for the submenu is applied to the ul, it will work.*/
.homepage-full-top nav ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  background: #f7f5f5;
}
.homepage-full-top nav li {
  padding: 9px;
}
.homepage-full-top nav li::before {
  content: none;
}
@media screen and (min-width: 990px) {
  .homepage-full-top nav li {
    padding: 15px;
  }
}
.homepage-full-top nav a {
  color: #1f1d1c;
  font-size: 16px;
  text-decoration: none;
}
.homepage-full-top nav a:hover, .homepage-full-top nav a:active, .homepage-full-top nav a:focus {
  text-decoration: underline;
}

#search {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  height: 100vh;
  left: 0;
  padding-top: 4em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 900;
}
#search .searchform {
  flex: 0 0 20em;
  text-align: center;
}
#search .searchform p {
  color: #fff;
  margin: 2em 0;
}
#search .searchform p a {
  color: #fff;
}
#search .searchform button[type=submit] {
  background: #d73f09;
  border: none;
  border-radius: 0;
  height: 89px;
  left: -5px;
  padding: 20px;
  position: relative;
  top: 9px;
}
#search .searchform button[type=submit]:hover i, #search .searchform button[type=submit]:focus i {
  color: #000;
}
#search .searchform button[type=submit] i {
  color: #fff;
  display: block;
  font-size: 48px;
  height: 50px;
}
#search .searchform .searchbox {
  border: none;
  font-size: 1.5rem;
  height: 3.7em;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 20rem;
}
@media screen and (max-width: 544px) {
  #search .searchform .searchbox {
    max-width: 15rem;
  }
}
#search .searchform .close-search {
  background: #000;
  border: 1px solid #fff;
  border-radius: 0.6rem;
  color: #fff;
  padding: 10px;
}
#search .searchform .close-search:hover, #search .searchform .close-search:focus {
  background: #fff;
  color: #000;
}
#search.active {
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 544px) {
  #search.active {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 991px) {
  #search.active {
    justify-content: flex-start;
  }
}

/*RESPONSIVE VIDEO*/
.videowrapper {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}

.videowrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*CENTER IMAGES. the default Drupal code doesn't work for centering images, so this will actually center an image when it is selected from the UI*/
.align-center img {
  margin: 0 auto;
  display: block;
}

.numbers-white,
.numbers-orange {
  font-family: "Stratum2Web", sans-serif;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
  font-weight: bold;
}

/* OVERSIZED NUMBERS WHITE OUTLINE */
.numbers-white {
  color: #000;
  font-size: 52px;
  margin: 0;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  text-transform: uppercase;
}

/* OVERSIZED NUMBERS ORANGE OUTLINE */
.numbers-orange {
  color: #d73f09;
  font-size: 52px;
  margin: 0;
  text-transform: uppercase;
}

.layout-sidebar-first {
  background: #000;
  /*our locations "menu" needs special padding*/
}
.layout-sidebar-first h1 {
  background: #333;
  color: #fff;
  font-family: "Stratum2Web", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  padding: 1rem;
}
@media screen and (min-width: 1200px) {
  .layout-sidebar-first h1 {
    padding: 1rem 2rem;
  }
}
.layout-sidebar-first h2 {
  color: #fff;
  padding: 1rem 1rem 0;
  font-size: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .layout-sidebar-first h2 {
    padding: 1rem 2rem 0;
  }
}
.layout-sidebar-first #block-branchcampuses h2 {
  padding: 2rem 2rem 0;
}
.layout-sidebar-first a {
  color: #fff;
}
.layout-sidebar-first a:hover, .layout-sidebar-first a:active, .layout-sidebar-first a:focus {
  color: #fff;
}
.layout-sidebar-first nav {
  background: #000;
  font-size: 1.1rem;
  padding: 0.5rem 0;
}
.layout-sidebar-first nav a {
  border-left: 10px solid transparent;
  display: block;
  padding: 0.5rem 0 0.5rem 0.5rem;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .layout-sidebar-first nav a {
    padding-left: 1.5rem;
  }
}
.layout-sidebar-first nav a:hover, .layout-sidebar-first nav a:active, .layout-sidebar-first nav a:focus {
  border-color: #d73f09;
}
.layout-sidebar-first nav ul {
  padding-bottom: 1rem;
  padding-left: 0;
}
.layout-sidebar-first nav li:before {
  content: "" !important;
  margin-right: 0 !important;
}

.paragraph div[class^=col-] > div {
  padding: 0.9rem;
}
.paragraph.orange_bg_left > .col-md-6:first-child, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 {
  background-color: #d73f09;
  color: #fff;
}
.paragraph.orange_bg_left > .col-md-6:first-child a, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 a {
  color: #212529;
}
.paragraph.orange_bg_left > .col-md-6:first-child a:hover, .paragraph.orange_bg_left > .col-md-6:first-child a:focus, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 a:hover, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 a:focus {
  color: #fff;
  text-decoration: none;
}
.paragraph.orange_bg_left > .col-md-6:first-child h2, .paragraph.orange_bg_left > .col-md-6:first-child h3, .paragraph.orange_bg_left > .col-md-6:first-child h5, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 h2, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 h3, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 h5 {
  color: #212529;
}
.paragraph.orange_bg_left > .col-md-6:first-child li::before, .paragraph.orange_bg_right > .col-md-6 + .col-md-6 li::before {
  color: #212529;
}
.paragraph.black_bg_left > .col-md-6:first-child, .paragraph.black_bg_right > .col-md-6 + .col-md-6 {
  background-color: #252525;
  color: #fff;
}
.paragraph.black_bg_left > .col-md-6:first-child a, .paragraph.black_bg_right > .col-md-6 + .col-md-6 a {
  color: #fff;
}
.paragraph.bg_padding > div {
  padding-top: 1rem;
}
.paragraph.paragraph--type--paragraph-plain {
  padding: 4rem 10%;
}
@media screen and (min-width: 1200px) {
  .paragraph.paragraph--type--paragraph-plain {
    padding: 4rem 15%;
  }
}
@media screen and (min-width: 1800px) {
  .paragraph.paragraph--type--paragraph-plain {
    padding: 4rem 20%;
  }
}
.paragraph.paragraph--type--paragraph-1-column {
  min-height: 32rem;
}
.paragraph.paragraph--type--paragraph-1-column > div {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: flex;
  justify-content: center;
}
.paragraph.paragraph--type--paragraph-1-column > div > div {
  background-color: rgba(255, 255, 255, 0.95);
  color: #212529;
  margin: 30px 5%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type--paragraph-1-column > div > div {
    margin: 3rem 20%;
    padding: 2rem;
  }
}
.paragraph.paragraph--type--paragraph-1-column.left-text > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div {
  display: flex;
  min-height: 40rem;
}
@media screen and (min-width: 545px) {
  .paragraph.paragraph--type--paragraph-1-column.left-text > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div {
    display: block;
  }
}
.paragraph.paragraph--type--paragraph-1-column.left-text > div > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div > div {
  background-color: rgba(255, 255, 255, 0.95);
  text-align: left;
  width: 50%;
}
@media screen and (max-width: 544px) {
  .paragraph.paragraph--type--paragraph-1-column.left-text > div > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div > div {
    width: 100%;
  }
}
.paragraph.paragraph--type--paragraph-1-column.left-text > div > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div > div {
  margin: 30px 5%;
  padding: 1rem;
  max-width: 550px;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type--paragraph-1-column.left-text > div > div, .paragraph.paragraph--type--paragraph-1-column.right-text > div > div {
    margin: 2rem;
    padding: 2rem;
  }
}
.paragraph.paragraph--type--paragraph-1-column.right-text > div > div {
  float: right;
}
.paragraph.paragraph--type--paragraph-2-column > div {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 32rem;
}
@media screen and (min-width: 1200px) {
  .paragraph.paragraph--type--paragraph-2-column > div > div {
    padding: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph.paragraph.paragraph--type--paragraph-3-column > div > div {
    padding: 2rem;
  }
}
.paragraph.paragraph--type--paragraph-icon-menu {
  background-color: #d73f09;
  text-align: center;
}
.paragraph.paragraph--type--paragraph-icon-menu.menu-gray {
  background-color: #f0f0f0;
}
.paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a {
  color: #000;
}
.paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:active .center-block, .paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:focus .center-block, .paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:hover .center-block {
  color: #d73f09;
  text-decoration: none;
}
.paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:active i, .paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:focus i, .paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a:hover i {
  color: #000;
}
.paragraph.paragraph--type--paragraph-icon-menu.menu-gray > div > div a i {
  color: #d73f09;
}
.paragraph.paragraph--type--paragraph-icon-menu > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div {
  align-self: flex-start;
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div a {
  color: #fff;
  display: block;
  min-width: 4rem;
  padding: 1rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type--paragraph-icon-menu > div > div a {
    min-width: 6rem;
    padding: 1.2rem 1rem;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--type--paragraph-icon-menu > div > div a {
    padding: 1.5rem;
  }
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div a i {
  color: #000;
  display: block;
  font-size: 2.2rem;
  margin: auto;
  transition: all 0.4s ease;
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div a .center-block {
  transition: all 0.4s ease;
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div a:active .center-block, .paragraph.paragraph--type--paragraph-icon-menu > div > div a:focus .center-block, .paragraph.paragraph--type--paragraph-icon-menu > div > div a:hover .center-block {
  color: #000;
  text-decoration: none;
}
.paragraph.paragraph--type--paragraph-icon-menu > div > div a:active i, .paragraph.paragraph--type--paragraph-icon-menu > div > div a:focus i, .paragraph.paragraph--type--paragraph-icon-menu > div > div a:hover i {
  text-decoration: none;
  color: #fff;
}
.paragraph.paragraph--type--paragraph-2-column-33-67 .layout__region, .paragraph.paragraph--type--paragraph-2-column-70-30 .layout__region {
  min-height: 32rem;
  flex: 0 1 100%;
}
.paragraph.paragraph--type--paragraph-2-column-33-67 .field--type-text-long, .paragraph.paragraph--type--paragraph-2-column-70-30 .field--type-text-long {
  padding: 4rem 10%;
}
.paragraph.paragraph--type--paragraph-2-column-70-30 .field--name-field-left-photo img,
.paragraph.paragraph--type--paragraph-2-column-70-30 .field--name-field-right-photo img {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--paragraph-2-column-70-30 .layout__region--first {
    flex: 0 1 60%;
  }
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--paragraph-2-column-70-30 .layout__region--second {
    flex: 0 1 40%;
  }
}
.paragraph.paragraph--type--paragraph-2-column-33-67 .field--name-field-right-side-image img,
.paragraph.paragraph--type--paragraph-2-column-33-67 .field--name-field-left-side- img {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--paragraph-2-column-33-67 .layout__region--first {
    flex: 0 1 40%;
  }
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--paragraph-2-column-33-67 .layout__region--second {
    flex: 0 1 60%;
  }
}

/*CLASSY PARAGRAPH STYLES*/
.paragraph.bg-top.paragraph--type--paragraph-1-column > div {
  background-position: top;
}

.paragraph.bg-bottom.paragraph--type--paragraph-1-column > div {
  background-position: bottom;
}

.bg-parallax .col-md-12 {
  background-attachment: fixed;
}

.grey-bg.paragraph {
  background-color: #f7f5f5;
}

.orange-bg.paragraph {
  background-color: #d73f09;
  color: #f7f5f5;
}
.orange-bg.paragraph a {
  color: #000;
}
.orange-bg.paragraph a:active, .orange-bg.paragraph a:hover, .orange-bg.paragraph a:focus {
  color: #fff;
  text-decoration: none;
}
.orange-bg.paragraph h2, .orange-bg.paragraph h3, .orange-bg.paragraph h5 {
  color: #fff;
}

.thick-bg.paragraph {
  min-height: 50rem;
}

/* Table of Contents
1. Local Admin menu
2. Red Alert
3. Secondary Alert
4. Sidebar announcement
5. Hero Cover
6. Stories
7. Podcasts
8. Clicker Game
*/
/* Styling local admin menu for view / draft / delete / revisions */
#block-homepage-local-tasks {
  display: block;
}
#block-homepage-local-tasks ul {
  margin: 0.5em 0;
}
#block-homepage-local-tasks li {
  background: #f0f0f0;
  border: 1px solid #ccc;
  display: inline-block;
  list-style-type: none;
  padding: 0.4rem;
}

/*RED ALERT STYLES*/
#block-views-block-alerts-block-1 {
  background-color: #af292e;
  color: #fff;
  font-size: 1.2rem;
  padding: 1rem;
  text-align: center;
}
#block-views-block-alerts-block-1 p {
  margin-bottom: 0;
}
#block-views-block-alerts-block-1 .field-content a,
#block-views-block-alerts-block-1 .field-content i {
  color: #fff;
}

/*SECONDARY ALERT*/
/*Secondary Alert Below Cover Video*/
#block-frontpagesecondaryalert,
.latest-updates-black-bar-below-hero {
  background: #212529;
  color: #fff;
  text-align: center;
  font-size: 20px;
}

#block-frontpagesecondaryalert .field--name-body p,
.latest-updates-black-bar-below-hero p {
  margin: 0px;
  padding: 20px;
}

#block-frontpagesecondaryalert .field--name-body a,
.latest-updates-black-bar-below-hero a {
  color: #fff !important;
}

/*SIDEBAR ANNOUNCEMENT*/
#block-views-block-tools-and-services-block-2 .latest-updates-sidebar {
  background: #f7f5f5;
}
#block-views-block-tools-and-services-block-2 .views-row {
  color: #212529;
  font-size: 1.125rem;
  padding: 2rem;
}
#block-views-block-tools-and-services-block-2 .views-row:last-child {
  margin-bottom: 0;
}
#block-views-block-tools-and-services-block-2 .views-row ~ .views-row {
  padding-top: 0 !important;
}
#block-views-block-tools-and-services-block-2 a {
  color: #212529;
}
#block-views-block-tools-and-services-block-2 p {
  margin-bottom: 0;
}

/*HERO COVER STYLES*/
/*the image and video need to match this height*/
.hero-cover {
  height: 35rem;
  position: relative;
}

/*this image height needs to match the height of the hero-cover class*/
.views-field-field-fallback-photo img,
.views-field-field-hero-image img {
  height: 35rem;
  object-fit: cover;
  width: 100%;
}

.hero-caption {
  background: #fff;
  border-left: 5px solid #d73f09;
  bottom: 0;
  font-size: 16px;
  max-width: 100%;
  padding: 15px;
  position: absolute;
}
.hero-caption p {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .hero-caption {
    bottom: 30px;
    max-width: 550px;
  }
}

/*large headline styles*/
.hero-headline-container {
  bottom: 0px;
  left: 0px;
  padding: 20px 30px 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hero-headline-container {
    bottom: 30px;
    left: 30px;
    margin-right: 30px;
    width: auto;
  }
}
@media screen and (min-width: 1300px) {
  .hero-headline-container {
    max-width: 700px;
  }
}

.hero-headline {
  font-family: "Stratum2Web", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .hero-headline {
    font-size: 2.5rem;
  }
}

.hero-subhead {
  font-family: "OpenSans", sans-serif;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .hero-subhead {
    font-size: 1.3rem;
  }
}

/*headline colors for hero cover*/
.light-text {
  color: #fff;
  background-color: rgba(37, 37, 37, 0.8);
}

.light-text a {
  color: #fff;
}

.dark-text {
  color: #212529;
  background-color: rgba(255, 255, 255, 0.95);
}

.dark-text a {
  color: #212529;
}

/*play pause button*/
.views-field-field-button-control {
  display: none;
}
@media screen and (min-width: 768px) {
  .views-field-field-button-control {
    display: block;
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 899;
  }
}

.hero-video-control {
  background: transparent;
  border: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  box-sizing: border-box;
  border-width: 15px 0 15px 30px;
  cursor: pointer;
  height: 30px;
  outline-style: none;
  padding: 0;
  transition: 100ms all ease;
  width: 0;
}
.hero-video-control.paused {
  border-style: double;
  border-width: 0 0 0 30px;
}
.hero-video-control:focus {
  outline: 2px dotted #d73f09;
}
.hero-video-control:hover {
  border-color: transparent transparent transparent #fff;
}

/*background video*/
.views-field-field-background-video video {
  display: none;
}
@media screen and (min-width: 768px) {
  .views-field-field-background-video video {
    display: block;
    height: 32rem;
    object-fit: cover;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  /*the hero cover container, images, and video need to all be the same height*/
  .hero-cover,
  .views-field-field-fallback-photo img,
  .views-field-field-hero-image img,
  .views-field-field-background-video video {
    height: 32rem;
  }
  .views-field-field-fallback-photo {
    display: none;
  }
  .views-field-field-background-video,
  .views-field-field-fallback-photo,
  .views-field-field-hero-image {
    position: relative;
    z-index: -9999;
  }
}
/*prefers reduced motion*/
@media (prefers-reduced-motion: reduce) {
  .views-field-field-fallback-photo {
    display: block;
  }
  .hero-video-control,
  .views-field-field-background-video {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  #block-toolsandservices,
  #block-audience {
    display: none;
  }
}

/*TOOLS AND SERVICES*/
/*Mobile Button*/
#toolsnservices {
  width: 100%;
  background-color: #000;
  padding: 12px;
  margin: 0;
  border: 0;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 576px) {
  #toolsnservices {
    display: none;
  }
}

/*Desktop Sidebar Button*/
#tns {
  white-space: normal;
  margin: 1.5rem 5%;
  width: 90%;
  background-color: #212529;
}
#tns:hover, #tns:active, #tns:focus {
  background-color: #000;
  color: #fff;
}

/*Expanded Menu*/
/*set the background for the collapsible and gets rid of overflow*/
.homepage-full-top {
  background: #212529;
  overflow: hidden;
}

/*COLLAPSE TRANSITIONS*/
#block-views-block-tools-and-services-block-1 {
  opacity: 0;
  height: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.8s, height 0.4s;
  transition: opacity 0.8s, height 0.4s;
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
}
#block-views-block-tools-and-services-block-1.animate-tns {
  opacity: 1;
  height: 550px;
  visibility: visible;
}
@media screen and (min-width: 1100px) {
  #block-views-block-tools-and-services-block-1.animate-tns {
    height: 230px;
  }
}

/*STYLES FOR THE COLLAPSIBLE*/
.tns-container {
  display: grid;
  grid-template-rows: 125px 160px auto;
  padding: 25px 20px;
  grid-template-columns: minmax(300px, 500px);
}
@media screen and (min-width: 1100px) {
  .tns-container {
    grid-template-columns: repeat(3, minmax(250px, 400px));
    grid-template-rows: auto;
    align-items: center;
    gap: 2rem;
    padding: 0;
  }
}
.tns-container a,
.tns-container p,
.tns-container i {
  color: #cececc;
}
.tns-container a:hover {
  color: #fff;
}

#left-col,
#middle-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1100px) {
  #left-col,
  #middle-col {
    justify-content: space-around;
  }
}
#left-col a,
#middle-col a {
  text-decoration: none;
}
#left-col img,
#middle-col img {
  width: 45px;
  padding-bottom: 1rem;
}
#left-col p,
#middle-col p {
  text-align: center;
  margin-bottom: 0;
}

#middle-col {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  padding: 20px 0;
}
@media screen and (min-width: 1100px) {
  #middle-col {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 0;
    border-top: 0;
    padding: 0;
  }
}
#middle-col ul {
  list-style: none;
}
#middle-col li,
#middle-col ul {
  margin: 0;
  padding: 0;
}

#tns-two-column #middle-col {
  border-bottom: 0px;
}
@media screen and (min-width: 1100px) {
  #tns-two-column #middle-col {
    border-right: 0px;
  }
}

@media screen and (min-width: 1100px) {
  #tns-two-column {
    grid-template-columns: repeat(2, minmax(250px, 400px));
  }
}

#right-col {
  align-self: start;
  padding-top: 20px;
}
@media screen and (min-width: 1100px) {
  #right-col {
    align-self: auto;
    padding-top: 0;
  }
  #right-col p {
    padding-right: 10ex;
  }
}
#right-col i {
  margin-right: 5px;
}

#closeTNS {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 8px 15px;
  background: #000;
  color: #cececc;
  display: none;
}
@media screen and (min-width: 1100px) {
  #closeTNS {
    display: block;
  }
}

/*STORIES*/
/*HEADING STYLE FOR LABELS of Related Stories and Research Stories*/
div[data-block-plugin-id="views_block:news_and_stories-block_1"] h2,
#block-views-block-news-and-stories-block-3 h2 {
  font-size: 2rem;
  text-align: center;
  padding-top: 4rem;
}

.stories-grid-wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin: 3rem 2rem;
  padding: 0;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .stories-grid-wrapper {
    grid-template-columns: repeat(2, minmax(240px, 375px));
  }
}
@media screen and (min-width: 1100px) {
  .stories-grid-wrapper {
    grid-template-columns: repeat(4, minmax(240px, 375px));
  }
}

@media screen and (min-width: 1100px) {
  .three-columns-stories .stories-grid-wrapper {
    grid-template-columns: repeat(3, minmax(220px, 375px));
  }
}

.story-child {
  background-color: #f7f5f5;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
}
.story-child::before {
  content: "";
  margin-right: 0;
}
.story-child video {
  height: auto;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.story-child img {
  min-width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.story-title {
  margin: 1rem 2rem 2rem;
}
.story-title a {
  color: #212529;
  font-family: "OpenSans", sans-serif;
  text-decoration: none;
  font-weight: 600;
}
.story-title a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.views-field-field-animation {
  display: none;
}
@media screen and (min-width: 768px) {
  .views-field-field-animation {
    display: block;
  }
}
@media (prefers-reduced-motion) {
  .views-field-field-animation {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .views-field-field-picture {
    display: none;
  }
}
@media (prefers-reduced-motion) {
  .views-field-field-picture {
    display: block;
  }
}

/*read more stories button for the front*/
#moreStories {
  text-align: center;
}
#moreStories a {
  white-space: normal;
  padding: 10px 15px;
  text-decoration: none;
  background: #fff;
  color: #d73f09;
  border: 1px solid #d73f09;
  border-radius: 0.5rem;
}
#moreStories a:hover {
  background: #f7f5f5;
  text-decoration: none;
}

/*Exposed Filters*/
#views-exposed-form-news-and-stories-block-4 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #f7f5f5;
  padding: 1.5rem;
}

/*hides the all stories option and apply button that I can't remove via the UI*/
input[id^=edit-submit-news-and-stories] {
  display: none;
}

#views-exposed-form-news-and-stories-block-4 fieldset {
  display: flex;
  align-items: flex-end;
}
#views-exposed-form-news-and-stories-block-4 input {
  accent-color: #d73f09;
}
#views-exposed-form-news-and-stories-block-4 label {
  margin-bottom: 0;
  margin-right: 15px;
}
#views-exposed-form-news-and-stories-block-4 legend {
  margin-bottom: 0;
}
#views-exposed-form-news-and-stories-block-4 div[id^=edit-actions] input {
  background: #d73f09;
  color: #fff;
  padding: 4px 10px;
  border-radius: 0.6rem;
  outline-color: transparent;
  border: 0;
  font-family: "OpenSans", sans-serif;
  font-size: 14px;
}
#views-exposed-form-news-and-stories-block-4 div[id^=edit-actions] input:hover, #views-exposed-form-news-and-stories-block-4 div[id^=edit-actions] input:active, #views-exposed-form-news-and-stories-block-4 div[id^=edit-actions] input:focus {
  background-color: #212529;
}

/*this is for the view that displays the podcasts at OSU*/
.podcasts h2 {
  text-align: center;
  margin-top: 2rem;
}
.podcasts .footer {
  text-align: center;
}
.podcasts .footer a {
  text-decoration: none;
  color: #fff;
}
.podcasts .footer a:hover, .podcasts .footer a:active, .podcasts .footer a:focus {
  text-decoration: underline;
}
.podcasts .item-list {
  margin: 15px;
}
@media screen and (min-width: 1100px) {
  .podcasts .item-list {
    margin: 30px;
  }
}
.podcasts .grid-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 45px;
  padding: 0;
}
@media screen and (min-width: 550px) {
  .podcasts .grid-layout {
    justify-content: space-around;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1100px) {
  .podcasts .grid-layout {
    justify-content: space-around;
    grid-template-columns: repeat(2, 1fr);
  }
}
.podcasts .grid-layout li::before {
  content: none;
  margin: 0;
}
.podcasts .item {
  display: flex;
  flex-wrap: wrap;
  background: #f7f5f5;
  position: relative;
}
@media screen and (min-width: 550px) {
  .podcasts .item {
    display: grid;
    grid-template-columns: 220px 1fr;
    background: #f7f5f5;
  }
}
@media screen and (min-width: 1100px) {
  .podcasts .item {
    display: grid;
    grid-template-columns: 220px 1fr;
    background: #f7f5f5;
  }
}
.podcasts .podcast-content {
  margin: 25px 0 0 25px;
}
.podcasts .podcast-content a {
  text-decoration: none;
  color: #d73f09;
  font-weight: 700;
  font-size: 22px;
}
.podcasts .podcast-content a:hover, .podcasts .podcast-content a:active, .podcasts .podcast-content a:focus {
  text-decoration: underline;
}
.podcasts .podcast-content a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.podcasts .podcast-content p {
  margin: 5px 20px 0 0;
}

/*Clicker game*/
#block-frontpagechopper {
  display: none;
}

#benny-clicker {
  cursor: pointer;
  position: relative;
  height: 250px;
  width: 250px;
}

#head,
#mouth,
#log {
  position: absolute;
  left: 0;
}

#log {
  overflow: hidden;
  z-index: 2;
  top: 0;
}

#head {
  z-index: 3;
}

#mouth {
  z-index: 1;
}

#counter-parent {
  text-align: center;
  color: #fff;
}

#reset {
  margin: 0 auto 25px;
  display: block;
  background-color: #f7f5f5;
}

#benny-clicker,
#benny-clicker img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

@media (min-width: 1100px) {
  #block-frontpagechopper {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
body > div > footer {
  background: #212529 url("images/repeatable-treeline.png") repeat-x scroll left bottom;
  border-top: 3px solid #d73f09;
  color: #fff;
  min-height: 300px;
}
body > div > footer div[class^=homepage-footer] {
  padding: 2rem 0.9rem;
}
@media screen and (min-width: 1200px) {
  body > div > footer div[class^=homepage-footer] {
    padding: 2rem;
  }
}
body > div > footer a {
  color: #fff;
  text-decoration: underline;
}
body > div > footer a:active, body > div > footer a:focus, body > div > footer a:hover {
  color: #fff;
  text-decoration: none;
}
body > div > footer #social-link {
  margin-bottom: 2rem;
}
body > div > footer #social-link a {
  font-size: 25px;
  padding-right: 20px;
  transition: all 0.4s ease;
}
body > div > footer #social-link a:active, body > div > footer #social-link a:focus, body > div > footer #social-link a:hover {
  color: #d73f09;
}
body > div > footer #social-link a:last-child {
  padding-right: 0;
}
body > div > footer #block-contactinformation {
  text-align: center;
}
body > div > footer #block-contactinformation ul {
  padding: 0;
}
body > div > footer #block-contactinformation li {
  list-style: none;
  padding-bottom: 3px;
}

.osu-d-flex {
  display: flex !important;
}

/* Wrapper classes for flex alignment */
.osu-align-items-start {
  align-items: flex-start !important;
}

.osu-align-items-center {
  align-items: center !important;
}

.osu-align-items-end {
  align-items: flex-end !important;
}

.osu-align-items-baseline {
  align-items: baseline !important;
}

.osu-align-items-stretch {
  align-items: stretch !important;
}

.osu-align-self-start {
  align-self: flex-start !important;
}

.osu-align-self-center {
  align-self: center !important;
}

.osu-align-self-end {
  align-self: flex-end !important;
}

.osu-justify-content-start {
  justify-content: flex-start !important;
}

.osu-justify-content-center {
  justify-content: center !important;
}

.osu-justify-content-end {
  justify-content: flex-end !important;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset) .messages.messages.messages--error p,
#drupal-off-canvas-wrapper .messages.messages.messages--error p {
  color: #212529;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) span.input-icon.fade-zoom-in,
#drupal-off-canvas-wrapper span.input-icon.fade-zoom-in {
  background-image: url(../assets/images/fade-zoom-in.svg);
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) div.form-item,
#drupal-off-canvas-wrapper div.form-item {
  width: initial !important;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) form.layout-builder-configure-block details[id^=edit-appearance-positioning],
#drupal-off-canvas-wrapper form.layout-builder-configure-block details[id^=edit-appearance-positioning] {
  display: none;
}

#drupal-modal .form-item {
  width: initial !important;
}

/*EMBED VIEWS removes the title of the view that is displayed by default by Drupal and there is no GUI to to turn it off*/
.viewsreference--view-title {
  display: none;
}

/*PAGER STYLES --there are no pager styles in the theme*/
.pager {
  display: flex;
  justify-content: center;
  margin: 0 20px 3rem;
}

.js-pager__items {
  display: flex;
  flex-wrap: wrap;
}

.js-pager__items li:before {
  content: none;
  margin-right: 0;
}
.js-pager__items li a {
  color: #d73f09;
  text-decoration: none;
  padding: 8px 15px;
  margin: 2px;
  font-size: 20px;
  transition: all 0.4s ease;
  border: 1px solid #d73f09;
  border-radius: 0.6rem;
  display: block;
}
.js-pager__items li a:active, .js-pager__items li a:hover, .js-pager__items li a:focus {
  color: #fff;
  background-color: #d73f09;
}

.pager__item--ellipsis {
  padding: 8px 10px;
  border-radius: 0.6rem;
  margin: 2px;
  color: #423e3c;
  pointer-events: none;
  background-color: #e9e5e4;
  border-color: #d4cfcd;
}
/*# sourceMappingURL=homepage.css.map */