/* This is the path to all the rest of the styelsheets: /Users/bmcgivelocal/Documents/Components/ui.apps/src/main/content/jcr_root/apps/bgsu-support/themes/bootstrap-5.0.0/publish/css/file-name.css */
/*============================================
Custom Classes - Table of Contents
============================================

1. GLOBAL STYLES
    1.1 Typography
    1.2 Colors

2. LAYOUT
    2.1 Grid System

3. COMPONENTS
    3.1 Bullets
    3.2 Rankings
    3.3 Borders and HRs
    3.4 Images

4. ANIMATIONS
    4.1 Hover Effects

5. RESPONSIVE SITE BREAKPOINTS
    5.1 Large Desktop Screens (1400px + above)
    5.2 Desktop Screens (1399px + under)
    5.3 Small Desktop Screens (1199px + under)
    5.4 Tablet Screens (991px + under)
    5.5 All Mobile Devices (767px + under)
    5.5 Small Mobile Devices (575px + under)

6. ALERT BG STYLES

7. SPECIFIC PAGE STYLING
    7.1 Homepage Styling (11/2024)

============================================*/
/* 1. GLOBAL STYLES
============================================*/
/* 1.1 Typography
--------------------------------------------*/
/* Large Headings */
.large-header h1 { font-size: clamp(2.5rem, calc(6vw + 1rem), 4rem); }

.large-header h2 { font-size: clamp(2rem, calc(5vw + 1rem), 3.5rem); }

.large-header h3 { font-size: clamp(2rem, calc(4vw + 1rem), 3rem); }

.large-header h4 { font-size: clamp(1.8rem, calc(3vw + 1rem), 2.5rem); }

.large-header h5 { font-size: clamp(1.5rem, calc(2vw + 1rem), 2rem); }

.large-header h6 { font-size: clamp(1rem, calc(1.5vw + 0.75rem), 1.5rem); font-family: var(--heading-font); }

/* Large Headings Italics Colors */
.large-header em { color: var(--bgsu-orange); }

.large-header.brown-em em { color: var(--bgsu-brown); }

.large-header.gold-em em { color: var(--bgsu-gold); }

.large-header.teal-em em { color: var(--bgsu-teal); }

.large-header.seafoam-em em { color: var(--bgsu-seafoam); }

.large-header.coral-em em { color: var(--bgsu-coral); }

.large-header.rose-em em { color: var(--bgsu-rose); }

.large-header.white-em em { color: #ffffff; }

/* 1.2 Colors
--------------------------------------------*/
/* Text Colors */
.white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 { color: #ffffff; }

.orange-text, .orange-text h1, .orange-text h2, .orange-text h3, .orange-text h4, .orange-text h5, .orange-text h6 { color: var(--bgsu-orange); }

.brown-text, .brown-text h1, .brown-text h2, .brown-text h3, .brown-text h4, .brown-text h5, .brown-text h6 { color: var(--bgsu-brown); }

.teal-text, .teal-text h1, .teal-text h2, .teal-text h3, .teal-text h4, .teal-text h5, .teal-text h6 { color: var(--bgsu-teal); }

.seafoam-text, .seafoam-text h1, .seafoam-text h2, .seafoam-text h3, .seafoam-text h4, .seafoam-text h5, .seafoam-text h6 { color: var(--bgsu-seafoam); }

.gold-text, .gold-text h1, .gold-text h2, .gold-text h3, .gold-text h4, .gold-text h5, .gold-text h6 { color: var(--bgsu-gold); }

.coral-text, .coral-text h1, .coral-text h2, .coral-text h3, .coral-text h4, .coral-text h5, .coral-text h6 { color: var(--bgsu-coral); }

.rose-text, .rose-text h1, .rose-text h2, .rose-text h3, .rose-text h4, .rose-text h5, .rose-text h6 { color: var(--bgsu-rose); }

h1.white-text, h2.white-text, h3.white-text, h4.white-text, h5.white-text, h6.white-text { color: #ffffff; }

h1.orange-text, h2.orange-text, h3.orange-text, h4.orange-text, h5.orange-text, h6.orange-text { color: var(--bgsu-orange); }

h1.brown-text, h2.brown-text, h3.brown-text, h4.brown-text, h5.brown-text, h6.brown-text { color: var(--bgsu-brown); }

h1.teal-text, h2.teal-text, h3.teal-text, h4.teal-text, h5.teal-text, h6.teal-text { color: var(--bgsu-teal); }

h1.seafoam-text, h2.seafoam-text, h3.seafoam-text, h4.seafoam-text, h5.seafoam-text, h6.seafoam-text { color: var(--bgsu-seafoam); }

h1.gold-text, h2.gold-text, h3.gold-text, h4.gold-text, h5.gold-text, h6.gold-text { color: var(--bgsu-gold); }

h1.coral-text, h2.coral-text, h3.coral-text, h4.coral-text, h5.coral-text, h6.coral-text { color: var(--bgsu-coral); }

h1.rose-text, h2.rose-text, h3.rose-text, h4.rose-text, h5.rose-text, h6.rose-text { color: var(--bgsu-rose); }

/* 2. LAYOUT
============================================*/
/* 2.1 Grid System
--------------------------------------------*/
/* 3. COMPONENTS
============================================*/
/* 3.1 Bullets
--------------------------------------------*/
/* Border Bullets */
.border-bullets-orange li, .border-bullets-brown li, .border-bullets-gold li, .border-bullets-teal li, .border-bullets-seafoam li, .border-bullets-coral li, .border-bullets-rose li, .border-bullets-white li, .border-bullets-tan li { list-style: none; padding-left: 20px; margin-left: -15px; margin-bottom: 9px !important; }

.border-bullets-orange li { border-left: 2px solid var(--bgsu-orange); }

.border-bullets-brown li { border-left: 2px solid var(--bgsu-brown); }

.border-bullets-gold li { border-left: 2px solid var(--bgsu-gold); }

.border-bullets-teal li { border-left: 2px solid var(--bgsu-teal); }

.border-bullets-seafoam li { border-left: 2px solid var(--bgsu-seafoam); }

.border-bullets-coral li { border-left: 2px solid var(--bgsu-coral); }

.border-bullets-rose li { border-left: 2px solid var(--bgsu-rose); }

.border-bullets-white li { border-left: 2px solid #ffffff; }

.border-bullets-tan li { border-left: 2px solid var(--bgsu-tan); }

/* 3.2 Rankings
--------------------------------------------*/
/* University Program Rankings - Pull Quote style */
.ranking.full-width p, .ranking-white.full-width p, .ranking-all-white.full-width p { max-width: none; }

.ranking p, .ranking-white p, .ranking-all-white p { color: var(--bgsu-brown); font-family: var(--heading-font); font-size: 2.5rem; font-weight: var(--heading-bold-weight); line-height: 100%; margin: 0 auto; max-width: 450px; padding: 0; text-align: center; }

@media only screen and (max-width: 991px) { .ranking p, .ranking-white p, .ranking-all-white p { line-height: 1.1; } }

@media only screen and (max-width: 767px) { .ranking p, .ranking-white p, .ranking-all-white p { font-size: 2rem; } }

.ranking-white p, .ranking-all-white p { color: #ffffff; }

.ranking p:nth-of-type(2), .ranking-white p:nth-of-type(2), .ranking-all-white p:nth-of-type(2) { font-family: var(--body-font); font-size: 0.9rem; font-weight: var(--body-light-weight); letter-spacing: 0.5px; margin: 0.5rem auto 0 auto; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .ranking p:nth-of-type(2), .ranking-white p:nth-of-type(2), .ranking-all-white p:nth-of-type(2) { font-size: 14px; } }

.ranking .intro, .ranking-white .intro, .ranking-all-white .intro { display: block; font-family: var(--body-font); font-size: 0.7rem; font-weight: var(--body-light-weight); letter-spacing: 0.5px; line-height: 120% !important; margin: 0.5rem auto -40px auto; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .ranking .intro, .ranking-white .intro, .ranking-all-white .intro { font-size: 12px; margin: 0.5rem auto -34px; } }

.ranking p em, .ranking-white p em { color: var(--bgsu-orange); }

.ranking-all-white p em { color: #ffffff; }

/* 3.3 Borders and HRs
--------------------------------------------*/
.border-top-orange { border-top: 20px solid var(--bgsu-orange) !important; margin-top: 20px; }

.border-top-brown { border-top: 20px solid var(--bgsu-brown) !important; margin-top: 20px; }

.border-top-teal { border-top: 20px solid var(--bgsu-teal) !important; margin-top: 20px; }

.border-top-gold { border-top: 20px solid var(--bgsu-gold) !important; margin-top: 20px; }

.border-top-seafoam { border-top: 20px solid var(--bgsu-seafoam) !important; margin-top: 20px; }

.border-top-coral { border-top: 20px solid var(--bgsu-coral) !important; margin-top: 20px; }

.border-top-tan { border-top: 20px solid var(--bgsu-tan) !important; margin-top: 20px; }

.border-top-rose { border-top: 20px solid var(--bgsu-rose) !important; margin-top: 20px; }

/* 3.3 Images
--------------------------------------------*/
.image .rounded, img.rounded { border-radius: 12px !important; }

.image .rounded-diagonal, .image .rounded2, img.rounded2, img.rounded-diagonal, .cmp-background-area__container.rounded-diagonal, .cmp-background-area__container.rounded2 { border-radius: 12px 0 12px 0 !important; }

.image .rounded2-alt, img.rounded2-alt, .cmp-background-area__container.rounded2-alt { border-radius: 0 12px 0 12px !important; }

.image .rounded-right, img.rounded-right, .cmp-background-area__container.rounded-right, .right-round { border-radius: 0 12px 12px 0 !important; }

.image .rounded-left, img.rounded-left, .cmp-background-area__container.rounded-left, .left-round { border-radius: 12px 0 0 12px !important; }

/* 4. ANIMATIONS
============================================*/
/* 4.1 Hover Effects
--------------------------------------------*/
/* 5. RESPONSIVE SITE BREAKPOINTS
============================================*/
/* 5.1 Large Desktop Screens (1400px + above)
--------------------------------------------*/
/* 5.2 Desktop Screens (1399px + under)
--------------------------------------------*/
/* 5.3 Small Desktop Screens (1199px + under)
--------------------------------------------*/
/* 5.4 Tablet Screens (991px + under)
--------------------------------------------*/
/* 5.5 All Mobile Devices (767px + under)
--------------------------------------------*/
@media only screen and (max-width: 767px) { .hide-mobile { display: none !important; } }

/* 5.6 Small Mobile Devices (575px + under)
--------------------------------------------*/
/* 5.6 Extra Small Mobile Devices (399px + under)
--------------------------------------------*/
/* 6. ALERT BG STYLES
============================================*/
/* ALERT BG FULL-WIDTH CONTAINER STYLING */
.alert-bg-danger { background: #f4f4f4; padding: 20px 0; }

/* ALERT BG SITE-WIDTH CONTAINER STYLING */
.alert-bg-danger .container { background-color: #f2dede; border-radius: 4px; border: 1px solid #eed3d7; color: #b94a48; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

/* ALERT BG MESSAGE STYLING */
.alertHeadline { line-height: .9em; font-size: 3em; font-weight: 800; margin: 10px 0; text-transform: uppercase; }

.alertTimestamp { font-size: 1em; font-weight: 800; }

.alertMessage { line-height: 1.4em; font-size: 1.2em; font-weight: 600; margin: 10px 0 0 0; }

/* 7. SPECIFIC PAGE STYLING
============================================*/
/* 7.1 Homepage Styling (11/2024)
--------------------------------------------*/
.cmp-hero__wrapper video { background-color: #000; }

.home-wide { overflow: clip; }

.home--emphasis { color: var(--bgsu-gold); font-weight: var(--body-bold-weight); }

.home--white p, .home--white h1, .home--white h2, .home--white h3, .home--white h4, .home--white h5, .home--white h6 { color: #fff; }

.home--white h2 { font-size: 2.5rem; }

.home--white h2 strong { color: var(--bgsu-seafoam); font-weight: var(--heading-regular-weight); }

.home--arrow-ufl { display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: -30px; }

.home--arrow-ufl p:nth-of-type(1) { flex-basis: 24%; margin: 0 0 0 15%; padding: 0; display: none !important; }

.home--arrow-ufl p:nth-of-type(2) { margin: 0 0 40px 0; padding: 36px 0 0 0; line-height: 1.3; display: block; }

.home--admissions { position: relative; margin-top: -75px; z-index: 3; }

.home--admissions .cmp-tool-list { margin: 0; }

.home--big-text p { font-size: calc(40px + (90 - 40) * ((100vw - 300px) / (2000 - 300))); font-family: var(--heading-font); font-weight: var(--heading-semibold-weight); color: #fff; margin: 0; line-height: 1.1; }

.home--title h2 { font-size: 4rem; font-size: calc(40px + (90 - 40) * ((100vw - 300px) / (2000 - 300))); }

.home--arrow-ufl img { margin: 0 !important; padding: 0 !important; }

.home--admissions .cmp-tool-list__tool-item-link { box-shadow: var(--shadow-elevation-low); transition: all 0.3s ease; }

.home--admissions .cmp-tool-list__tool-item:nth-of-type(1) .cmp-tool-list__tool-item-link { background: var(--bgsu-orange); color: #fff; border-radius: 5000px; margin-right: 40px; }

.home--admissions .cmp-tool-list__tool-item:nth-of-type(2) .cmp-tool-list__tool-item-link { background: var(--bgsu-seafoam); color: #fff; border-radius: 5000px; margin-right: 40px; }

.home--admissions .cmp-tool-list__tool-item:nth-of-type(3) .cmp-tool-list__tool-item-link { background: var(--bgsu-gold); color: #fff; border-radius: 5000px; }

.home--admissions .cmp-tool-list__tool-item-link:hover { box-shadow: var(--shadow-elevation-medium); transform: var(--hover-scale-up); background-color: #fff !important; color: var(--bgsu-orange) !important; }

.cmp-tertiary_column_control__container.align-items-center > div.row { align-items: center; }

.cmp-tertiary_column_control__container.align-items-end > div.row { align-items: end; }

.mt-negative50 { margin-top: -50px; }

.home--photo-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 5px 1fr; grid-template-rows: 0.75fr 0.75fr; grid-template-areas: "tl tl tr tr tr" "bl bl bl br br"; grid-gap: 5px; border-radius: 12px; margin-top: 0; padding: 20px 0; }

.home--photo-grid * { background: #ccc; background-size: cover; object-fit: cover; width: 100%; height: 100%; object-position: center top; padding-top: 70%; }

.home--photo-grid .tl { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: tl; border-radius: 12px 0 0 0; }

.home--photo-grid .tr { -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 5; grid-area: tr; border-radius: 0 12px 0 0; }

.home--photo-grid .bl { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: bl; border-radius: 0 0 0 12px; }

.home--photo-grid .br { -ms-grid-row: 3; -ms-grid-column: 7; -ms-grid-column-span: 3; grid-area: br; border-radius: 0 0 12px 0; }

.home--photo-grid .tl { background-image: url("/content/dam/BGSU/images/home/pa86y9079.jpg"); background-size: cover; background-position: center 15%; background-repeat: no-repeat; }

.home--photo-grid .tr { background-image: url("/content/dam/BGSU/images/home/pbgee4488-c.jpg"); background-size: cover; background-position: center 15%; background-repeat: no-repeat; }

.home--photo-grid .bl { background-image: url("/content/dam/BGSU/images/home/pA17I0691-c.jpg"); background-size: cover; background-position: center 15%; background-repeat: no-repeat; }

.home--photo-grid .br { background-image: url("/content/dam/BGSU/images/home/pWalton-BGEE9418.jpg"); background-size: cover; background-position: center 15%; background-repeat: no-repeat; }

.home--people-container { padding: 0 !important; }

.home--people-container .cmp-javascript-widget { background: url("/content/dam/BGSU/images/svg/shapes.svg") no-repeat 80% 100%; }

.cmp-background-area__container .cmp-mid-bar.home--people { background: url("/content/dam/BGSU/images/svg/belong-outline-horiz.svg") no-repeat 80% 50% !important; background-size: 50% !important; }

.home--good-title strong { color: var(--bgsu-orange); }

.home--people-title h2 { color: var(--bgsu-teal); }

.home--people-title h2 strong { color: var(--bgsu-orange); }

.home--people-container .cmp-javascript-widget { background: url("/content/dam/BGSU/images/svg/shapes.svg") no-repeat !important; background-size: cover !important; padding: 60px 0; }

.home--people-description p { font-size: 1.15rem; }

.bh-70 { height: 70vh; }

.bh-50 { height: 50vh; }

.home--research h2, .home--research h3, .home--research h4, .home--research h5, .home--research h6, .home--research p { color: #fff; }

.home--research { background-color: var(--bgsu-orange); background-position: center 33%; background-repeat: no-repeat; background-size: cover; background: url("/content/dam/BGSU/images/home/research-water-bg.jpg"); margin-bottom: -250px; padding-top: 250px; position: relative; top: -250px; z-index: 0; }

.cmp-flick--news { z-index: 2; background: linear-gradient(0deg, rgba(253, 80, 0, 0) 0%, rgba(253, 80, 0, 0) 50%, #4f2c1d 50%, #4f2c1d 100%) !important; }

.cmp-flick--news .flickity-page-dots .dot { background: var(--bgsu-gold); }

.home--research-text em { color: var(--bgsu-gold); }

@media (min-width: 992px) { .home--arrow-ufl p:nth-of-type(1) { display: block !important; }
  .home--photo-grid { margin-top: -30px; padding: 0; } }

@media (max-width: 991px) { .home--admissions .cmp-tool-list__tool-item:nth-of-type(1) .cmp-tool-list__tool-item-link, .home--admissions .cmp-tool-list__tool-item:nth-of-type(2) .cmp-tool-list__tool-item-link { margin-right: 10px; } }

@media (max-width: 576px) { .cmp-hero__logo-wrapper { display: none; }
  .home--admissions .cmp-tool-list__tool-item:nth-of-type(1) .cmp-tool-list__tool-item-link { margin-right: 0; }
  .home--admissions .cmp-tool-list__tool-item:nth-of-type(2) .cmp-tool-list__tool-item-link { margin-right: 0; }
  .home--admissions .cmp-tool-list__tool-item:nth-of-type(3) .cmp-tool-list__tool-item-link { margin-right: 0; }
  .home--admissions .cmp-tool-list__tool-item:nth-of-type(1) { -webkit-flex-basis: 100%; flex-basis: 100%; }
  .home--admissions .cmp-tool-list__tool-item:nth-of-type(2), .home--admissions .cmp-tool-list__tool-item:nth-of-type(3) { -webkit-flex-basis: 50%; flex-basis: 50%; }
  .desktop-spacer { height: 40px !important; } }

.cmp-callout-box__enclosure.card.home .cmp-callout-box__image { min-height: unset; max-height: unset; aspect-ratio: 850/567; }

a.cmp-callout-box__image-link { display: inline; }

.cmp-split-screen .header { background: transparent !important; color: #000000; display: grid; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 65% 35%; grid-template-rows: 60px 1fr 1fr 60px; margin: 0 auto; max-width: 1320px; padding: 0 20px; }

.cmp-split-screen .header > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.cmp-split-screen .header > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.cmp-split-screen .header > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }

.cmp-split-screen .header > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3; }

.cmp-split-screen .header > *:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1; }

.cmp-split-screen .header > *:nth-child(6) { -ms-grid-row: 5; -ms-grid-column: 3; }

.cmp-split-screen .header > *:nth-child(7) { -ms-grid-row: 7; -ms-grid-column: 1; }

.cmp-split-screen .header > *:nth-child(8) { -ms-grid-row: 7; -ms-grid-column: 3; }

.cmp-split-screen .header .split50__split-image, .cmp-split-screen .header .split50__split-video { display: grid; -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 5 / 3; position: relative; }

.cmp-split-screen .header .split50__split-content { display: block; -ms-grid-row: 2; -ms-grid-row-span: -1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 2 / 2 / 1 / 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 2; max-width: unset; padding: 0; position: relative; z-index: 2; }

.cmp-split-screen .header .split50__split-content-inner { background-color: #fff; border-radius: 12px; }

.cmp-split-screen .header .cmp-split-screen__video-toggle { left: 0; }

.cmp-split-screen .header .split50__split-image img, .cmp-split-screen .header .split50__split-video video { border-radius: 0 0 12px 12px; -o-object-fit: cover; object-fit: cover; width: 100%; }

.cmp-split-screen .header .split50__split-content-inner { display: block; -webkit-flex-basis: unset; flex-basis: unset; }

.cmp-split-screen .header.flexEnd { grid-template-columns: 35% 65%; }

.cmp-split-screen .header.flexEnd .split50__split-content { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 2 / 1 / 4 / 2; }

@media (max-width: 1200px) { .cmp-split-screen .header { display: block; }
  .cmp-split-screen .header .split50__split-content { margin: 0; padding: 20px; }
  .cmp-split-screen .header.flexEnd { display: -webkit-flex; display: flex; -webkit-flex-direction: column !important; flex-direction: column !important; }
  .cmp-split-screen .header .split50__split-image { -webkit-order: 1; order: 1; }
  .cmp-split-screen .header.flexEnd .split50__split-content { -webkit-order: 2; order: 2; } }

@media (min-width: 768px) and (max-width: 992px) { .news-column [class*="col"] { width: 100%; }
  .cmp-callout-box__enclosure.card.home .cmp-callout-box__image { min-height: 420px !important; max-height: 420px !important; } }

@media (min-width: 992px) { .cmp-callout-box__enclosure.card.home .cmp-callout-box__title { font-size: 0.9rem; } }

@media (min-width: 1200px) { .cmp-callout-box__enclosure.card.home .cmp-callout-box__title { font-size: 1rem; } }

@media (min-width: 1400px) { .cmp-callout-box__enclosure.card.home .cmp-callout-box__title { font-size: 1.2rem; } }

.cmp-flick--people { margin: 0; }

.cmp-flick--people .cmp-flick__card { aspect-ratio: 9/16; background: #fff; border-radius: 12px; box-shadow: var(--shadow-elevation-medium); display: -webkit-flex; display: flex; margin: 40px 2vw; max-height: 83vh; position: relative; width: 20%; }

@supports not (aspect-ratio: auto) { .cmp-flick--people .cmp-flick__card { height: 60vh; } }

.cmp-flick--people .cmp-flick__card-left { padding: 20px; position: absolute; bottom: 10px; z-index: 2; }

.cmp-flick--people .cmp-flick__card-left, .cmp-flick__card-right { -webkit-flex-basis: 50%; flex-basis: 50%; }

.cmp-flick--people .cmp-flick__title { border-bottom: 2px dotted var(--bgsu-rose); color: #fff; font-size: 1.4rem; font-weight: var(--heading-semibold-weight); padding: 3px 5px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65); }

.cmp-flick--people .cmp-flick__image, .cmp-flick--people .cmp-flick__video { border-radius: 12px; bottom: 0; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center 15%; object-position: center 15%; position: absolute; right: 0; top: 0; width: 100%; }

.cmp-flick--people .cmp-flick__action { background-color: #fff; border-radius: 500px; border: 1px solid #fff; color: var(--bgsu-orange); padding: var(--btn-small-padding); transition: all 0.3s ease; }

.cmp-flick--people .cmp-flick__action:hover { background-color: transparent; color: #fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65); }

@media (max-width: 1200px) { .cmp-flick--people .cmp-flick__card { width: 33%; } }

@media (max-width: 992px) { .cmp-flick--people .cmp-flick__card { width: 50%; } }

@media (max-width: 576px) { .cmp-flick--people .cmp-flick__card { height: auto; width: 75vw; aspect-ratio: 9/16; }
  @supports not (aspect-ratio: auto) { .cmp-flick--people .cmp-flick__card { height: 60vh; } } }

.cmp-flick { background: linear-gradient(0deg, #fd5000 0%, #fd5000 50%, #4f2c1d 50%, #4f2c1d 100%); }

.cmp-flick--news .cmp-flick__card { border-radius: 12px; box-shadow: var(--shadow-elevation-medium); width: 40%; margin: 40px 2vw; display: flex; background: #fff; position: relative; height: 325px; max-width: 750px; }

.cmp-flick--news .cmp-flick__card-left { padding: 40px 40px 15px 40px; }

.cmp-flick--news .cmp-flick__card-left, .cmp-flick__card-right { -webkit-flex-basis: 50%; flex-basis: 50%; }

.cmp-flick--news .cmp-flick__title { font-size: 1.4rem; font-weight: var(--heading-bold-weight); padding-bottom: 10px; border-bottom: 2px dotted var(--bgsu-rose); margin: 0 0 10px 0; }

.cmp-flick--news .cmp-flick__action { text-decoration: underline; -webkit-text-decoration-color: var(--link-underline-color); text-decoration-color: var(--link-underline-color); text-decoration-thickness: 1px; text-underline-offset: 2px; line-height: 1.4; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; transition: all 0.3s ease; }

.cmp-flick--news .cmp-flick__action:hover { color: var(--bgsu-orange-hover); }

.cmp-flick--news .cmp-flick__image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 0 12px 12px 0; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__card-left { position: absolute; bottom: 0; z-index: 2; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__action { background-color: #fff; color: var(--bgsu-orange); padding: var(--btn-small-padding); border-radius: 500px; text-decoration: none; text-align: center; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__action.orange { background-color: var(--bgsu-orange); color: #fff; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__action.brown { background-color: var(--bgsu-brown); color: #fff; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__action:hover { background-color: var(--bgsu-orange-hover); }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__title { font-weight: var(--heading-black-weight); padding: 3px 5px 10px 5px; margin: 0; border-bottom: none; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__title.white { color: #fff; }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__title.brown { color: var(--bgsu-brown); }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__title.orange { color: var(--bgsu-orange); }

.cmp-flick--news .cmp-flick__card--feature .cmp-flick__image, .cmp-flick--news .cmp-flick__card--feature .cmp-flick__bleed { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 12px; }

.cmp-flick--news .cmp-flick__card--feature.cmp-flick__card--calendar .cmp-flick__card-left { position: relative; z-index: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; }

.cmp-flick--news .cmp-flick__card--feature.cmp-flick__card--calendar .cmp-flick__title { font-size: 3rem; color: var(--bgsu-brown); }

@media (max-width: 992px) { .cmp-flick--news .cmp-flick__card { -webkit-flex-direction: column; flex-direction: column; height: 400px; }
  .cmp-flick--news .cmp-flick__card .cmp-flick__card-right { -webkit-order: 1; order: 1; height: 50%; }
  .cmp-flick--news .cmp-flick__card .cmp-flick__card-left { -webkit-order: 2; order: 2; padding: 10px 20px; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; }
  .cmp-flick--news .cmp-flick__card--feature .cmp-flick__image, .cmp-flick--news .cmp-flick__card--feature .cmp-flick__bleed, .cmp-flick--news .cmp-flick__image { -o-object-fit: contain; object-fit: contain; }
  .cmp-flick--news .cmp-flick__card--feature .cmp-flick__image, .cmp-flick--news .cmp-flick__card--feature .cmp-flick__bleed { position: static; -o-object-fit: cover; object-fit: cover; border-radius: 12px 12px 0 0; }
  .cmp-flick--news .cmp-flick__card--feature .cmp-flick__card-left { position: static; }
  .cmp-flick--news .cmp-flick__card--feature .cmp-flick__action, .cmp-flick--news .cmp-flick__card--feature .cmp-flick__action.orange, .cmp-flick--news .cmp-flick__card--feature .cmp-flick__action.brown { background-color: var(--bgsu-orange); color: #fff; } }

@media (max-width: 576px) { .cmp-flick--news .cmp-flick__card { height: 35vh; width: 75vw; }
  .cmp-flick--news .cmp-flick__card--feature.cmp-flick__card--calendar .cmp-flick__title { font-size: 1.4rem; } }

.cmp-background-area__container.fixed.centered { background-attachment: scroll; }

@media (min-width: 996px) { .cmp-background-area__container.fixed.centered { background-attachment: fixed; } }

.home--announcement h6 { font-family: var(--heading-font); color: #fff; }

.home--announcement * { margin: 0; padding: 0; }

.home--announcement a { font-family: var(--body-font); display: inline-block; margin-top: 5px; }

@media (min-width: 776px) { .home--announcement a { margin-top: 0px; } }

.home--announcement a span.btn { padding: var(--btn-small-padding); background: transparent; margin-left: 20px; vertical-align: baseline; color: #fff; }

img.peek-left, img.peek-right, video.peek-left, video.peek-right { display: block; margin: 0 auto; padding: unset; left: unset; border-radius: 12px; }

video.peek-left, video.peek-right { width: 100%; height: auto; }

.reverse-column .col-md-6:nth-of-type(1), .reverse-column .col-md-8 { -webkit-order: 2; order: 2; }

.reverse-column .col-md-6:nth-of-type(2), .reverse-column .col-md-4 { -webkit-order: 1; order: 1; }

@media (min-width: 767px) { .reverse-column .col-md-6:nth-of-type(1), .reverse-column .col-md-6:nth-of-type(2), .reverse-column .col-md-8, .reverse-column .col-md-4 { -webkit-order: unset; order: unset; }
  img.peek-left, .cmp-background-area__container.peek-left, video.peek-left { left: 100%; margin-left: -50vw; margin-right: -50vw; max-width: 50vw; position: relative; border-radius: 0 12px 12px 0 !important; }
  video.peek-left, video.peek-right { width: auto; height: auto; }
  .cmp-background-area__container.peek-left { padding: 40px 40px 40px 80px; }
  img.peek-right, .cmp-background-area__container.peek-right, video.peek-right { left: 49.1vw; margin-right: -49vw; margin-left: -49vw; max-width: 49vw; position: relative; border-radius: 12px 0 0 12px !important; } }

.home--statement strong { font-size: 1.2rem; font-family: var(--heading-font); }

@media (min-width: 992px) { .home--pullquote h2 { font-size: 3rem; } }

.image-stack .parsys { position: relative; }

.image-stack .parsys img { border-radius: 12px; }

.image-stack .parsys .image:nth-of-type(1) { display: block; margin: 0 0 1.65rem 0; }

.image-stack .parsys .image:nth-of-type(2) { display: block; margin: 0 0 1.65rem 0; }

@media (min-width: 992px) { .image-stack .parsys .image:nth-of-type(1) { position: relative; top: -3.2rem; }
  .image-stack .parsys .image:nth-of-type(2) { position: absolute; top: 70%; left: 40%; z-index: 3; width: 54%; border-radius: 12px; box-shadow: var(--shadow-elevation-high); } }

.image-stack.large .parsys .image:nth-of-type(2) { left: -20%; width: 84%; }

.image-stack.swap .parsys .image:nth-of-type(1) { left: 10%; }

.image-stack.swap .parsys .image:nth-of-type(2) { left: 0%; }

.image-stack.outline .parsys .image:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 2px solid var(--bgsu-orange); -webkit-transform: rotate(3deg); transform: rotate(3deg); display: block; z-index: 0; border-radius: 12px; }

.image-stack.outline .parsys .image:nth-of-type(2):before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 2px solid var(--bgsu-gold); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); display: block; z-index: 0; border-radius: 12px; }

.image-stack.outline .parsys .image:nth-of-type(1) img { position: relative; }

.news-feature-feed .cmp-page-list__item .cmp-page-list__teaser-image { border-radius: 12px 0; }

.news-feature-feed .cmp-page-list__item:nth-of-type(1) .cmp-page-list__teaser-image { border-radius: 12px; }

@media (min-width: 768px) { .news-feature-feed .cmp-page-list__list--teaser { grid-template-columns: repeat(2, 1fr); }
  .news-feature-feed .cmp-page-list__item .cmp-page-list__teaser-image { border-radius: 12px; aspect-ratio: var(--bgsu-aspect-ratio); } }

@media (min-width: 992px) { .news-feature-feed .cmp-page-list__list--teaser { grid-gap: 60px 20px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "feature feature secondary" "third fourth fifth"; }
  .news-feature-feed.news-feature-feed--2x3 .cmp-page-list__list--teaser { grid-gap: 60px 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "feature feature feature secondary secondary secondary" "third third fourth fourth fifth fifth"; }
  .news-feature-feed.news-feature-feed--2x3 .cmp-page-list__item:nth-of-type(1) .cmp-page-list__teaser-image, .news-feature-feed .cmp-page-list__item:nth-of-type(2) .cmp-page-list__teaser-image { aspect-ratio: var(--bgsu-aspect-ratio); border-radius: 12px; }
  .news-feature-feed .cmp-page-list__item:nth-of-type(1) .cmp-page-list__teaser-image { aspect-ratio: 19/10; }
  .news-feature-feed.news-feature-feed--2x3 .cmp-page-list__item { grid-column: span 2; }
  .news-feature-feed .cmp-page-list__item:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: feature; }
  .news-feature-feed .cmp-page-list__item:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: secondary; } }

.cmp-background-area__container.card.linked-card .linked a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); box-sizing: border-box; }

.cmp-background-area__container.card.linked-card:hover .linked a.btn:after, .cmp-background-area__container.card.linked-card:hover .linked .btn:after { display: none; }

.tool-list-buttons .cmp-tool-list__tool-item-link { border-radius: 50000px; background-color: var(--bgsu-orange); color: #fff; font-weight: var(--body-link-weight); box-shadow: var(--shadow-elevation-medium); }

.tool-list-buttons .cmp-tool-list__tool-item-link:hover { background-color: var(--bgsu-orange-hover); color: #fff; box-shadow: var(--shadow-elevation-low); -webkit-transform: translateY(1px); transform: translateY(1px); }

.tabbed-left { position: relative; }

.tabbed-left::before { content: ""; background-color: var(--bgsu-brown); width: 20px; border-radius: 0 20px 20px 0; display: block; position: absolute; left: 0px; top: 0; height: 100%; }

.tabbed-left---orange::before { background-color: var(--bgsu-orange); }

.tabbed-left---gold::before { background-color: var(--bgsu-gold); }

.tabbed-left---teal::before { background-color: var(--bgsu-teal); }

.tabbed-left---seafoam::before { background-color: var(--bgsu-seafoam); }

.tabbed-left---coral::before { background-color: var(--bgsu-coral); }

.tabbed-left---rose::before { background-color: var(--bgsu-rose); }

.tabbed-left---tan::before { background-color: var(--bgsu-tan); }

.cmp-callout-box .fan { position: relative; margin: 3rem 2rem; }

.cmp-callout-box .fan .cmp-callout-box__image { z-index: 2; position: relative; }

.cmp-callout-box .fan::before { background-color: var(--bgsu-orange); border-radius: 12px; border: 2px solid var(--bgsu-orange); content: ""; display: block; height: 100%; left: 0; opacity: 1.0; position: absolute; top: 0; -webkit-transform: rotate(6deg); transform: rotate(6deg); width: 100%; z-index: 0; }

.cmp-callout-box .fan::after { background: transparent; border-radius: 12px; border: 2px solid var(--bgsu-orange); box-shadow: var(--shadow-elevation-low); content: ""; display: block; height: 100%; left: 0; opacity: 1.0; position: absolute; top: 0; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: 100%; z-index: 0; }

.cmp-callout-box .fan.fan-top-brown::before, .cmp-callout-box .fan.fan-bottom-brown::after { background-color: var(--bgsu-brown); border-color: var(--bgsu-brown); }

.cmp-callout-box .fan.fan-top-tan::before, .cmp-callout-box .fan.fan-bottom-tan::after { background-color: var(--bgsu-tan); border-color: var(--bgsu-tan); }

.cmp-callout-box .fan.fan-top-teal::before, .cmp-callout-box .fan.fan-bottom-teal::after { background-color: var(--bgsu-teal); border-color: var(--bgsu-teal); }

.cmp-callout-box .fan.fan-top-gold::before, .cmp-callout-box .fan.fan-bottom-gold::after { background-color: var(--bgsu-gold); border-color: var(--bgsu-gold); }

.cmp-callout-box .fan.fan-top-seafoam::before, .cmp-callout-box .fan.fan-bottom-seafoam::after { background-color: var(--bgsu-seafoam); border-color: var(--bgsu-seafoam); }

.cmp-callout-box .fan.fan-top-coral::before, .cmp-callout-box .fan.fan-bottom-coral::after { background-color: var(--bgsu-coral); border-color: var(--bgsu-coral); }

.cmp-callout-box .fan.fan-top-rose::before, .cmp-callout-box .fan.fan-bottom-rose::after { background-color: var(--bgsu-rose); border-color: var(--bgsu-rose); }

.cmp-callout-box .fan.fan-top-white::before, .cmp-callout-box .fan.fan-bottom-white::after { background-color: var(--bgsu-white); border-color: var(--bgsu-white); }

.cmp-callout-box .fan.fan-top-bordered::before, .cmp-callout-box .fan.fan-bottom-bordered::after { background-color: transparent !important; }

@media (max-width: 576px) { .tabbed-left { padding-left: 20px; } }

.feature-story .text h2, .feature-story .text h3, .feature-story .text h4, .feature-story .text h5, .feature-story .text h6 { max-width: 940px; }

/*equal height background areas and call out box cards within column control */
@media (min-width: 768px) { body:not(#cq-gen6) .equal-height-center div[class^="col"] .cmp-background-area__container { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; }
  html:not(.ext-strict) .equal-height .parsys, html:not(.ext-strict) .equal-height .background_area, html:not(.ext-strict) .equal-height .cmp-background-area, html:not(.ext-strict) .equal-height .cmp-background-area__container, html:not(.ext-strict) .equal-height .cmp-callout-box, html:not(.ext-strict) .equal-height .cmp-callout-box__container, html:not(.ext-strict) .equal-height .cmp-callout-box__enclosure, html:not(.ext-strict) .equal-height .callout_box, html:not(.ext-strict) .equal-height .text, .equal-height .text div { height: 100%; }
  html:not(.ext-strict) .equal-height .text .card { margin-bottom: 0; }
  html:not(.ext-strict) .equal-height div[class^="col"] .callout_box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
  html:not(.ext-strict) .equal-height-center div[class^="col"] .text div { /*  align-items: center;*/ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; }
  /*equal height staff profile widgets*/
  html:not(.ext-strict) .equal-height .staff_profile_widget { padding-bottom: var(--bs-gutter-x); }
  html:not(.ext-strict) .equal-height .staff_profile_widget, .equal-height .cmp-staff-profile-widget, .equal-height .cmp-staff-profile-widget__container { height: 100%; box-sizing: border-box; } }