/* ++++++++++++++++++++++++++++++++++
University of Akron Copyright 2025
Front-end Developer JG
Back-end Developer RTN
Web Designer EH
+++++++++++++++WIDGETS+++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 600px) {
  .container {
    max-width: 90%;
  }
}

.serif {
  font-family: "" ni;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++FEATURE WIDGET TITLE INTRO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.feature_description {
  font-family: "open sans", sans-serif;
  font-size: clamp(1em, 2vw, 1.2em);
  line-height: 150%;
  width: 75%;
  margin: 1em 0 1em 0;
}

button.accordion-button {
    padding: 10px;
}

/* Mobile Accordion Styles - 767px and below */
@media (max-width: 767px) {
  .feature_description {
    width: 100%;
  }

  .mobile-accordion {
    display: block;
  }

  .accordion-item-header {
    background-color: rgba(157, 147, 98, 0.09);
    border: none;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }

  .accordion-item-header:hover {
    background-color: rgba(157, 147, 98, 0.5);
  }

  .accordion-item-header.open {
    background-color: var(--prezi-gold);
  }

  button.accordion-item-header.open .accordion-item-title,
  .accordion-item-header.open .accordion-icon {
    color: #ffffff;
  }

  .accordion-item-title {
    font-size: 20px;
    font-weight: 600;
    color: #003366;
    margin: 0;
  }

  .accordion-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #003366;
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .accordion-item-header.open .accordion-icon {
    transform: rotate(45deg);
  }

  .accordion-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: #ffffff;
  }

  .accordion-item-content.open {
    max-height: 1000px;
  }

  .accordion-content-inner {
    padding: 20px 24px;
    color: #333;
    line-height: 1.6;
  }
}
/*++++++++++++++++++++++++++++++++++++expandable++++++++++++++++++++++++++++++++++++*/
.accordion-button {
  font-weight: 900;
  font-family: "open sans bold", sans-serif;
  color: var(--buchtel-blue);
  font-size: clamp(0.9rem, 0.625rem + 1vw, 1.2rem) !important;
  border-radius: 0px;
  border: 0px solid var(--white);
  border-top: 2px solid var(--prezi-gold);
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

.accordion-item {
  border-radius: 0px;
  border: 0px solid var(--white);
  border-top: 0px solid var(--prezi-gold);
}

.accordion-button:not(.collapsed) {
  border-radius: 0px;
  color: var(--white);
  background-color: var(--prezi-gold);
  border-top: 0px solid var(--prezi-gold);
  box-shadow: unset;
}
.accordion-button:not(.collapsed)::after {
  color: var(--white);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item:first-of-type .accordion-button {
  border-radius: 0px;
  border: 0px solid var(--white);
}
/*++++++++++++++++++++++++++++++++++++expandable++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature_differentiators++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++RTN_DIFFERENTIATORS+++++++++++++++++++++++*/

.differentiator-wrapper:nth-child(odd) {
  background-color: var(--kangaroo-blue) !important;
}

.differentiator-wrapper:nth-child(even) {
  background-color: var(--buchtel-blue) !important;
}
.differentiator-content-container {
  flex-wrap: nowrap;
}

.differentiator-image-wrapper {
  position: relative;
  height: 100%;
  display: flex;
}

.differentiator-image {
  position: absolute;
  z-index: 2;
  width: 40vw;
  height: 100%;
  top: -100px;
  margin:0;
}

.differentiator-content-wrapper {
  margin-left: 4% !important;
  align-content: center;
  max-width: 80%!important;
}

.without-image .differentiator-content-wrapper {
  padding-left: 50px;
}


.differentiator-content-text {
  width: 85%;
}
.with-image .differentiator-wrapper .differentiator-content-icons {
  margin-left: 5% !important;
}

.without-image .differentiator-wrapper .differentiator-content-icons {
  margin-left: 5% !important;
}

.differentiator-content-wrapper h3{
  font-size: clamp(1.375rem, 0.5938rem + 2.5vw, 2rem)!important;
}

.differentiator-spacer {
  background-color: transparent;
  width: 80%;
  min-height: 100%;
}

.differentiator-content-collapse {
  width: 91.6666667%;
  padding-left: 5%;
}

.differentiator-content-collapse
  .differentiator-content-container
  .differentiator-content-icons
  .differentiator-content-icons-img {
  height:150px;
}

.differentiator-content-wrapper .eyebrow-sml{
  font-weight: 300;
  text-transform: capitalize;

}

.differentiator-content-container li {
    list-style-type: initial;
    margin-left: 20px;
}


@media (min-width: 1025px) and (max-width: 1150px) {
  .differentiator-content-wrapper{
    padding-left:30px!important;
  }
}

@media (max-width: 1025px) {
  .differentiator-content-container {
    flex-wrap: wrap !important;
  }
  .differentiator-image-wrapper {
    position: static;
    width: 100%;
  }
  .differentiator-image {
    position: static;
    height: 100%;
    width: 100%;
  }
  .differentiator-title {
    width: 100%;
    padding-left: 5%;
  }

.differentiator-content-collapse
  .differentiator-content-container
  .differentiator-content-icons
  .differentiator-content-icons-img {
  height: 100%;
  margin-top: 0%;
}
}
/*++++++++++++++++++++++++++++++++++++RTN_DIFFERENTIATORS+++++++++++++++++++++++*/
.eh-differentiators-rel {
  position: relative;
  top: 700px;
}

.differentiator-icon-wrapper{
    padding: 1.5em !important;
    max-width: 100px;
}

.eh-differentiators-abs {
  position: absolute;
  left: calc(33.33% + 5rem);
  top: 0;
  transform: translate(-100%, -100%);
  z-index: 1;
}

.differentiators-hero-title {
  font-family: nicholas, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 62px;
  line-height: 120%;
  letter-spacing: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 100px;
}

.differentiator-content-container {
    padding-top: 35px;
    padding-bottom: 35px;
}

/* Larger tablets */

@media (max-width: 1025px) {

    .differentiator-sidebar {
    display: none;
  }

  .col-lg-8.differentiator-content-column {
    min-width: 100%;
  }

  .without-image .differentiator-content-wrapper {
    padding-left: 0%;
  }
}

/* Smaller tablets */
@media (max-width: 991px) {

  .without-image .differentiator-content-wrapper {
    margin-left: 1% !important;
    padding-left: 2%;
  }

  .without-image .differentiator-wrapper .differentiator-content-icons{
    padding-bottom: .5rem;
  }
}

/* Mobile devices */
@media (max-width: 576px) {
  .differentiators-hero-title {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 55rem;
  }

  .differentiators-title {
    margin-top: 100px;
  }
}

/*++++++++++++++++++++++++++++++++++++feature_differentiators++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++FEATURE WIDGET TITLE INTRO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++tabs++++++++++++++++++++++++++++++++++++*/
li.nav-item.tab-buttons {
    display: contents;
}

.tab-buttons .active::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f061";
  display: inline-block;
  padding: 0px 9px 0px 60px;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 300;
  color: var(--white);
}
.tab-buttons .active {
  background-color: var(--prezi-gold) !important;
  padding: 20px 20px 20px 100px;
  width: 100% !important;
  margin-left: 0 !important;
}
.tab-buttons .nav-link {
  display: block;
  width: 80%;
  padding-right: 20px;
  border-radius: 0px !important;
  text-align: left;
  padding: 15px 15px 15px 15px;
  background-color: rgba(157, 147, 98, 0.09);
  margin-top: 0.25em;
  font-weight: 600;
  font-family: "open sans bold", sans-serif;
  color: var(--buchtel-blue);
  margin-left: 20%;
}
.tab-buttons .nav-link:hover {
  background-color: rgba(157, 147, 98, 0.2);
}
/*++++++++++++++++++++++++++++++++++++tabs++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++RTN_TABS+++++++++++++++++++++++*/

/* Hide desktop tabs on mobile and accordion on desktop */
@media (max-width: 767.98px) {
  .tabs-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .accordion-mobile {
    display: none;
  }
}

/* Vertical tabs styling */
.nav-tabs {
  flex-direction: column;
  border-right: 0px solid #dee2e6;
}

.nav-tabs .nav-link {
  border: 0px solid transparent;
  border-radius: 0;
}

.tab-buttons .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.tab-buttons .accordion-button::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f107";
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 25px;
  font-size: 20px;
  font-weight: 300;
  border: 0px solid #fff;
  float: right;
  background-image: url() !important;
}

.tab-buttons .nav-link.active {
  color: white;
}

.tab-buttons .accordion-button:not(.collapsed) {
  background-color: var(--prezi-gold);
  font-size: 0.75em;
  font-weight: 700;
  color: white;
}
.tab-buttons .accordion-button {
  height:60px;
  font-size: 0.75em;
  font-weight: 700;
  background-color: rgba(157, 147, 98, 0.09);
}

.accordion-mobile .accordion-item {
  border: 0px;
  border-bottom: 3px solid var(--white);
  border-radius: 0px !important;
}
.accordion-mobile,
.accordion-item:first-of-type .accordion-button {
  border-radius: 0px !important;
}
.nav-tabs {
  border: 0px;
}
/*++++++++++++++++++++++++++++++++++++RTN_TABS+++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature_profile++++++++++++++++++++++++++++++++++++*/
.plugin-listing-filter-container {
  position: relative !important;
  z-index: 1 !important;
}
.plugin-listing-filter-wrapper {
  background-color: var(--kangaroo-blue);
}
.plugin-listing-filter-clear-btn {
  background-color: var(--white);
  border: none !important;
  padding: 10px;
  text-transform: uppercase;
  padding: 10px 16px 10px 16px;
  font-size: clamp(0.7rem, 1rem + 4vw, 1rem);
  font-weight:700;
}

.plugin-listing-filter-clear-btn:hover {
  background-color: var(--buchtel-blue);
  color: var(--white);
  transition: color 0.5s, background-color 0.5s;
}

.plugin-listing-filter-btn {
  background-color: var(--buchtel-blue);
  border: none !important;
  font-size: clamp(0.7rem, 1rem + 4vw, 1rem);
  font-family: "nicholas", sans-serif !important;
  padding: 10px 16px 10px 16px;
  letter-spacing: 2px;
  color: var(--white);
  text-transform: uppercase;
}
.plugin-listing-filter-btn:hover {
  background-color: var(--white);
  color: var(--buchtel-blue);
}
.plugin-listing-filter-btn::after {
  font-family: "Font Awesome 6 Pro";
  content: "\e286";
  display: inline-block;
  padding: 0px 3px 2px 7px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 300;
  color: var(--blossom-blue) !important;
}
.plugin-listing-filter-btn:hover::after {
  color: var(--buchtel-blue) !important;
}
.plugin-listing-filter-total-alphaOrder {
}
.plugin-listing-search-wrapper {
  position: absolute;
  top: 50px;
  left: 10%;
  width: 23%;
  z-index: 3;
  border: var(--buchtel-blue) solid 3px;
}
.plugin-listing-results-container {
  position: relative;
  z-index: unset;
  min-height: 140vh;
}
#plugin-listing-mobileFilterBtn,
#plugin-listing-mobileFilterBtn a:link,
#plugin-listing-mobileFilterBtn a:visited,
#plugin-listing-mobileFilterBtn a:focus,
#plugin-listing-mobileFilterBtn a:active {
  background-color: var(--white);
  border: none !important;
  font-size: clamp(0.7rem, 1rem + 4vw, 1.5rem);
  font-family: "nicholas", sans-serif !important;
  padding: 0px;
  letter-spacing: 2px;
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--buchtel-blue);
}

.modal-content {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)!important;
    border-radius:0!important;
    font-family: "Open Sans"!important;
}

.modal-content input, .modal-content textarea {
    border-radius: 0!important;
}

h5#contactusModalLabel{
    font-family: "nicholas", sans-serif!important;
  font-size: clamp(1.375rem, 0.5938rem + 2.5vw, 2rem)!important;

}

.modal-content .form-group {
    margin-bottom: 20px!important;
}

.modal-header {
    padding-bottom: 0 !important;
}

.modal-header, .modal-footer {
    border: none!important;
}

button.close.closemodal {
    border: none!important;
    background: none!important;
    font-size: 25px!important;
}

button.close.closemodal:hover {
    background: var(--buchtel-blue)!important;
    cursor: pointer!important;
}


@media print, screen and (min-width: 780px) {
  #plugin-listing-mobileFilterBtn {
    display: none;
  }
  #plugin-listing-mobileFilter {
    display: block;
  }
}

@media print, screen and (max-width: 780px) {
  .plugin-listing-filter-container {
    margin: 0px;
    padding: 0px;
  }
  .plugin-listing-search-wrapper {
    position: static;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px;
  }
  .plugin-listing-results-container {
    position: static;
    width: 100%;
  }
  .plugin-listing-filter-container {
    position: static !important;
    width: 100%;
  }
  .plugin-listing-filter-wrapper {
    background-color: var(--kangaroo-blue);
    padding: 8px;
  }

  .col-md-8:has(.plugin-listing-filter-wrapper) {
    padding: 0px !important;
  }
  .list_group {
    flex-wrap: wrap;
  }
  #plugin-listing-mobileFilter {
    padding: 20px 0px 20px 0px;
  }
  .plugin-listing-keywordSearch-btn {
    background-color: var(--light-gray);
  }
}

/*++++++++++++++++++++++++++++++++++++feature_profile++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++feature-profile-related-content++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++feature-profile-related-content++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_profiles++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_profiles++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_program-detail++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_program-detail++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_programs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++plugin_programs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++feature_sock++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++feature_sock++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++nav_breadcrumbs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++nav_breadcrumbs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++hero-promo++++++++++++++++++++++++++++++++++++*/

.hero-promo-image {
  margin: 5em 0 0em 0px;
  width: 30vw;
  height: 60vh;
  display: flex;
  justify-content: center;
  /* horizontally center (optional) */
  align-items: baseline;
  /* vertically center */
}

/* Responsive tweaks */

@media (max-width: 600px) {
  .hero-promo-image,
  .container .hero-promo-image {
    margin: 0;
    margin-left: -3%;
    padding: 0;
    width: 106%;
  }
}

/*++++++++++++++++++++++++++++++++++++hero-promo++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++HEROES+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print, screen and (max-width: 1000px) {
  .hero-container {
    padding: 0 !important;
    margin-top: 4.4em;
  }
  .hero-title-container {
    top: 0px;
  }
}
.hero-video-btn-wrapper {
  position: relative;
  z-index: 1025;
}

.hero-video-btn {
  background: transparent;
  border-radius: 50%;
  padding: 0px;
  color: var(--white);
  border: 1px solid var(--white);
  width: 50px;
  height: 50px;
}

.hero-video-btn:hover {
  background: transparent;
  border-radius: 50%;
  padding: 0px;
  color: var(--prezi-gold);
  border: 1px solid var(--prezi-gold);
  width: 50px;
  height: 50px;
}

.hero-title-container {
  position: absolute;
  z-index: 40;
  bottom: 2em;
  padding-top: 15px;
}
#hero-cta-feature-1 {
}

/*++++++++++++++++++++++++++GRADIENT HERO++++++++++++++++++++++*/

.hero-media-wrapper {
  position: relative;
  width: 100%;
  height: 73vh;
  /* Full viewport height */
  overflow: hidden;
  /* Prevent overflow of video */
}
.hero-media-wrapper-minimum {
  height: 100%;
  position: static;
  background: var(--buchtel-blue);
}
.hero-title-container {
  height: 70vh;
  z-index: 100;
}
.hero-title-container-minimum {
  height: 100%;
  margin-top: 5em;
}
.hero-title-wrapper {
  position: absolute;
  bottom: 0;
}
.hero-title-wrapper-minimum {
  position: static;
  top: 5em !important;
}
.hero-title {
  font-family: "altivo", sans-serif !important;
  font-size: clamp(3rem, -1rem + 10.6667vw, 7rem) !important;
  line-height: 90%;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--white) !important;
}
.hero-description {
  font-family: "nicholas", serif !important;
  font-size: clamp(1.6rem, 1.4rem + 0.5333vw, 2rem) !important;
  line-height: 110%;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 1.5px;
}
.hero-organization-title {
  font-family: "nicholas", serif !important;
  font-size: clamp(1.5rem, 0.5625rem + 2.5vw, 2.75rem) !important;
  line-height: 110%;
  font-weight: 600;
  /*text-transform: uppercase;*/
  color: var(--white);
}
.gradient-background-media {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* Set full width */
  height: 100%;
  /* Set full height */
  object-fit: cover;
  /* Cover the entire container */
  transform: translate(-50%, -50%);
  /* Center the video */
  z-index: 1;
  /* Set video below overlay */
}

.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    transparent,
    transparent,
    rgb(7, 12, 114, 0.2),
    rgb(7, 12, 114, 0.3),
    rgb(7, 12, 114)
  );
  /* Blue gradient overlay */
  z-index: 2;
  /* Ensure overlay is above the video */
}

.general-page-hero-vline {
  position: absolute;
  top: 0;
  right: 0 !important;
  width: 24px;
  height: 100%;
  background: var(--blossom-blue);
  margin: 0;
  padding: 0px;
  z-index: 2;
} /**/

#general-page-hero h1{
    margin-bottom:30px!important;
}

#general-page-hero h2{
    margin-bottom:20px!important;
}

.opaque-overlay-blue {
  background: var(--buchtel-blue);
  position: static;
}

@media print, screen and (max-width: 1800px) {
  .hero-title {
    font-size: clamp(3rem, -0.5rem + 9.3333vw, 6.5rem) !important;
  }
}

@media print, screen and (max-width: 1000px) {
  .hero-media-wrapper {
    height: 45vh;
  }
  .hero-title-container {
    height: 45vh;
    z-index: 100;
  }
  .general-page-image-fullwidth {
    height: 72vh !important;
  }
  .mini-hero-description {
    padding: 0px 0px 0px 0px !important;
  }
}

.btn.hover-prezi-gold:hover {
  /* Override the gold hover - keep original btn color */
  color: var(--white)!important;
  text-decoration: none !important;
}
/*++++++++++++++++++++++++++GRADIENT HERO++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++MINI - HEROES++++++++++++++++++++++++++++++++++++*/
.mini-hero-container {
}
.mini-hero-wrapper {
}
.mini-hero-title {
  font-family: altivo, sans-serif;
  font-size: clamp(3rem, 0rem + 8vw, 7rem);
  line-height: 90%;
  text-transform: uppercase;
  color: var(--white);
}
.mini-hero-description {
  font-size: clamp(1.75rem, 1.1875rem + 1.5vw, 2.5rem);
  font-family: nicholas, serif;
  line-height: 110%;
  padding: 0px 100px 0px 0px;
  display: block;
  color: var(--white);
}
.mini-hero-links {
  line-height: 200%;
  text-wrap: nowrap;
}
.mini-hero-image {
  width: 100%;
  height: 70vh;
}
/*++++++++++++++++++++++++++++++++++++MINI - HEROES++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++LEFT VERTICAL LINE CONTAINER++++++++++++++++++++++*/

.vertical-line-container {
  display: flex;
  align-items: stretch;
  /* Ensures the line stretches with the container */
  padding: 0px;
}

.vertical-line {
  width: 2px;
  /* Thickness of the line */
  background-color: var(--prezi-gold);
  /* Line color */
  margin-right: 40px;
  /* Space between the line and content */
}

.vertical-line-content {
  flex: 1;
  /* Allows content to grow */
}

/*++++++++++++++++++++++++++LEFT VERTICAL LINE CONTAINER++++++++++++++++++++++*/

/*++++++++++++++++++++++++++GENERAL PAGE WITH STICKER HERO++++++++++++++++++++++*/

.general-page-image-fullwidth {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 75vh;
}

.general-page-image {
  width: 90vw;
  height: 80vh;
  margin-left: 5%;
}
.hero-sticker-wrapper {
  /* position: static;
  height: 100%;*/
}
.text-stack {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 65vw;
}

.text-stack span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: clamp(4rem, 2.5rem + 4vw, 6rem);
  font-weight: 800;
  pointer-events: none;
  line-height: 100%;
  font-family: "altivo", sans-serif !important;
  text-transform: uppercase;
  /* prevents interaction issues */
}

.stroke {
  color: white;
  -webkit-text-stroke: 32px white;
  /* thick stroke */
  z-index: 2;
}

.fill {
  color: var(--buchtel-blue);
  -webkit-text-stroke: 1px var(--buchtel-blue);
  /* fill color */
  z-index: 4;
  padding: 0;
  text-shadow: 5px 5px 0px var(--white);
}

.fill-bg-2 {
  color: transparent;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  width: 60% !important;
  overflow-y: unset;
  line-height: 55% !important;
  margin-left: 1em;
}

/*+++++++++++++++++++++EYEBROW STICKER CAN BE REMOVED++++++++++++++++++++++++++++++++*/

.eyebrow-text-stack {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 45vw;
}
.eyebrow-text-stack span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: clamp(0.8rem, -0.0433rem + 1.7638vw, 1.5rem);
  font-weight: 600;
  pointer-events: none;
  line-height: 100%;
  font-family: "nicholas", sans-serif !important;
  text-transform: uppercase;
  /* prevents interaction issues */
}

.eyebrow-stroke {
  color: transparent;
  -webkit-text-stroke: 5px white;
  /* thick stroke */
  z-index: 2;
}

.eyebrow-fill {
  color: var(--buchtel-blue);
  -webkit-text-stroke: 1px var(--buchtel-blue);
  /* fill color */
  z-index: 4;
  padding: 0;
  text-shadow: 2px 2px 2px var(--white);
}

.eyebrow-fill-bg {
  color: var(--buchtel-blue);
  -webkit-text-stroke: 5px var(--white);
  /* fill color */

  z-index: 1;
  padding-top: 0;
}

@media print, screen and (max-width: 1000px) {
  .eyebrow-text-stack {
    width: 120vw;
  }
  .hero-sticker-wrapper {
    top: -20%;
    left: 0;
  }
  .eyebrow-stroke {
    -webkit-text-stroke: 3.5px white;
  }
  .stroke {
    color: white;
    -webkit-text-stroke: 15px white;
    /* thick stroke */
    z-index: 2;
  }

  .fill {
    color: var(--buchtel-blue);
    -webkit-text-stroke: 1px var(--buchtel-blue);
    /* fill color */
    z-index: 4;
    padding: 0;
    text-shadow: 5px 5px 0px var(--white);
  }
  .general-page-image {
    width: 95vw;
    height: 50vh;
    margin-left: 0;
  }
  .hero-sticker {
    margin-bottom: 3em !important;
  }
}
/*+++++++++++++++++++++EYEBROW STICKER CAN BE REMOVED++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++NEW STICKERS CAN BE REMOVED++++++++++++++++++++++++++++++++*/
.hero-sticker-title-container {
  position: absolute;
  z-index: 40;

  padding-top: 15px;
  width: 87%;
  overflow: hidden;
}
.sticker-text-stack {
  height: 100%;
  width: 85vw;
}

.sticker-text-stack span {
  position: static;
  display: block;
  top: 0;
  left: 0;
  font-size: clamp(2rem, -1rem + 8vw, 6rem);
  font-weight: 800;
  pointer-events: snone;
  line-height: 90%;
  font-family: "altivo", sans-serif !important;
  text-transform: uppercase;
  padding: 0px 40px 0px 20px;
  bottom: 1%;
  /* prevents interaction issues */
}

.sticker-text {
  color: var(--buchtel-blue);

  background-color: rgba(240, 248, 255, 0.9);
  /*-webkit-text-stroke: 32px white;
   thick stroke */
  width: fit-content;
  z-index: 2;
}

.eyebrow-sticker-text-stack {
  position: static;
  display: block;
  height: 100%;
  width: 85vw;
}

.eyebrow-sticker-text-stack span {
  position: static;
  display: block;
  font-size: clamp(1rem, -0.125rem + 3vw, 2.5rem);
  font-weight: 600;
  pointer-events: none;
  line-height: 100%;
  font-family: "nicholas", sans-serif !important;
  padding: 30px 10px 10px 30px;
  /* prevents interaction issues */
}
.eyebrow-sticker-text {
  color: var(--buchtel-blue);
  background-color: rgba(240, 248, 255, 0.9);
  width: fit-content;
}
/*+++++++++++++++++++++NEW STICKERS CAN BE REMOVED++++++++++++++++++++++++++++++++*/
.landing-hero {
  bottom: 175px;
}

@media (max-width: 600px) {
  .general-page-image {
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding: 0;
  }
  #general-page-extended-hero .container-xxl {
    padding: 0;
    margin-top: 24%;
  }
  #general-page-extended-hero {
    margin-top: 24%;
  }
  .landing-hero {
    top: unset !important;
  }

  #general-page-extended-hero-sticker .container-xxl {
    padding: 0px;
  }
  section#hero-bread-crumbs {
    padding-top: 1.5em !important;
  }
}

/*++++++++++++++++++++++++++GENERAL PAGE WITH STICKER HERO STICKERS CAN BE REMOVED++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++HOME HERO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.hero-section {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background-color: #000;
  /*margin-top:150px;*/
  padding:0;
}

/* Adjust height when none mask is selected */
.hero-section:has(.none), .hero-section:has(.z-mask) {
    height: 60vh;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://images.unsplash.com/photo-1490750967868-88aa4486c946?w=1600");
  background-size: cover;
  background-position: center;
}

.hero-mask-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 100%;
}

.masked-media {
  width: 100%;
  height: 100%;
  position: relative;
}

.mask-stroke-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  display: none;
}

.mask-stroke-overlay svg {
  width: 100%;
  height: 100%;
}
/* YES MASK */
.yes-mask {
  position: relative;
  width: 100%;
  height: 100%;
}

.yes-mask .video-container {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1258' height='598' viewBox='0 0 1258 598' fill='none'%3E%3Cpath d='M1255.13 62.3346L1200.73 38.7889C1174.65 27.5128 1149.16 18.5913 1124.95 12.2926C1098.73 5.45736 1070.97 2 1042.42 2C980.138 2 929.206 18.3131 891.031 50.4823C886.275 54.4861 881.806 58.7084 877.577 63.0996V8.48752H359.306L302.065 121.278L245.201 8.48752H3.34668L193.98 362.826V580.598H877.577V531.54C889.877 544.267 903.999 555.433 919.553 564.742C919.971 564.991 920.389 565.239 920.817 565.487C952.831 584.364 990.786 595.342 1031.54 595.342C1135.8 595.342 1221.97 523.781 1236.09 430.8C1238.1 419.295 1239.18 407.364 1239.18 394.985C1239.18 352.066 1227.04 314.592 1203.09 283.605C1189.42 265.911 1170.26 249.21 1145.11 233.145L1178.45 246.796L1255.13 62.3148V62.3346Z' fill='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1258' height='598' viewBox='0 0 1258 598' fill='none'%3E%3Cpath d='M1255.13 62.3346L1200.73 38.7889C1174.65 27.5128 1149.16 18.5913 1124.95 12.2926C1098.73 5.45736 1070.97 2 1042.42 2C980.138 2 929.206 18.3131 891.031 50.4823C886.275 54.4861 881.806 58.7084 877.577 63.0996V8.48752H359.306L302.065 121.278L245.201 8.48752H3.34668L193.98 362.826V580.598H877.577V531.54C889.877 544.267 903.999 555.433 919.553 564.742C919.971 564.991 920.389 565.239 920.817 565.487C952.831 584.364 990.786 595.342 1031.54 595.342C1135.8 595.342 1221.97 523.781 1236.09 430.8C1238.1 419.295 1239.18 407.364 1239.18 394.985C1239.18 352.066 1227.04 314.592 1203.09 283.605C1189.42 265.911 1170.26 249.21 1145.11 233.145L1178.45 246.796L1255.13 62.3148V62.3346Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.yes-mask .video-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1258' height='598' viewBox='0 0 1258 598' fill='none'%3E%3Cpath d='M1255.13 62.3346L1200.73 38.7889C1174.65 27.5128 1149.16 18.5913 1124.95 12.2926C1098.73 5.45736 1070.97 2 1042.42 2C980.138 2 929.206 18.3131 891.031 50.4823C886.275 54.4861 881.806 58.7084 877.577 63.0996V8.48752H359.306L302.065 121.278L245.201 8.48752H3.34668L193.98 362.826V580.598H877.577V531.54C889.877 544.267 903.999 555.433 919.553 564.742C919.971 564.991 920.389 565.239 920.817 565.487C952.831 584.364 990.786 595.342 1031.54 595.342C1135.8 595.342 1221.97 523.781 1236.09 430.8C1238.1 419.295 1239.18 407.364 1239.18 394.985C1239.18 352.066 1227.04 314.592 1203.09 283.605C1189.42 265.911 1170.26 249.21 1145.11 233.145L1178.45 246.796L1255.13 62.3148V62.3346Z' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* Z MASK */
.z-mask {
  position: relative;
  width: 95%;
  height: 100%;
  margin: 0 auto;
}

.z-mask .video-container {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1298' height='439' viewBox='0 0 1298 439' fill='none'%3E%3Cpath d='M1293.4 4V106.03L1170.46 282.175L1166.07 288.464H1293.4V435H4V332.971L127.932 155.845L132.334 149.552H4V4H1293.4Z' fill='%2392CB2D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1298' height='439' viewBox='0 0 1298 439' fill='none'%3E%3Cpath d='M1293.4 4V106.03L1170.46 282.175L1166.07 288.464H1293.4V435H4V332.971L127.932 155.845L132.334 149.552H4V4H1293.4Z' fill='%2392CB2D'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.z-mask .video-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1298' height='439' viewBox='0 0 1298 439' fill='none'%3E%3Cpath d='M1293.4 4V106.03L1170.46 282.175L1166.07 288.464H1293.4V435H4V332.971L127.932 155.845L132.334 149.552H4V4H1293.4Z' fill='none' stroke='%2392CB2D' stroke-width='8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* Z MASK - Mobile (using your new square SVG) */
@media (max-width: 767px) {
  .hero-section:has(.z-mask) {
    height: 55vh; /* Better height for the squarer mask */
  }

  .hero-mask-wrapper {
    width: 90%;
    height: 100%;
    padding: 1rem !important;
  }

  /* Use your new mobile-friendly Z mask */
  .z-mask .video-container {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='282' height='256' viewBox='0 0 282 256' fill='none'%3E%3Cpath d='M275.886 2.40137V61.7051L204.128 164.235L201.483 168.014H278.797V253.18H2.40137V193.877L74.7402 90.7754L77.3926 86.9951H5.3125V2.40137H275.886Z' fill='%23B6FE38'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='282' height='256' viewBox='0 0 282 256' fill='none'%3E%3Cpath d='M275.886 2.40137V61.7051L204.128 164.235L201.483 168.014H278.797V253.18H2.40137V193.877L74.7402 90.7754L77.3926 86.9951H5.3125V2.40137H275.886Z' fill='%23B6FE38'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }

  .z-mask .video-container::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='282' height='256' viewBox='0 0 282 256' fill='none'%3E%3Cpath d='M275.886 2.40137V61.7051L204.128 164.235L201.483 168.014H278.797V253.18H2.40137V193.877L74.7402 90.7754L77.3926 86.9951H5.3125V2.40137H275.886Z' stroke='%23B6FE38' stroke-width='4.80331' fill='none'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: none; /* Remove the scale transform */
  }
}

/* ZIP MASK */
.zip-mask {
  position: relative;
  width: 95%;
  height: 100%;
  margin: 0 auto;
}

.zip-mask .video-container {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='728' height='475' viewBox='0 0 728 475' fill='none'%3E%3Cpath d='M664.902 316.666H727.999V103.154H681.704L726.375 38.9689V0H0V475H668.115V430.398C685.182 429.578 699.088 424.706 709.498 415.884C717.937 408.732 727.999 395.368 727.999 372.311C727.999 349.791 718.273 337.022 710.11 330.275C699.185 321.246 683.974 316.666 664.902 316.666Z' fill='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='728' height='475' viewBox='0 0 728 475' fill='none'%3E%3Cpath d='M664.902 316.666H727.999V103.154H681.704L726.375 38.9689V0H0V475H668.115V430.398C685.182 429.578 699.088 424.706 709.498 415.884C717.937 408.732 727.999 395.368 727.999 372.311C727.999 349.791 718.273 337.022 710.11 330.275C699.185 321.246 683.974 316.666 664.902 316.666Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.zip-mask .video-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='728' height='475' viewBox='0 0 728 475' fill='none'%3E%3Cpath d='M664.902 316.666H727.999V103.154H681.704L726.375 38.9689V0H0V475H668.115V430.398C685.182 429.578 699.088 424.706 709.498 415.884C717.937 408.732 727.999 395.368 727.999 372.311C727.999 349.791 718.273 337.022 710.11 330.275C699.185 321.246 683.974 316.666 664.902 316.666Z' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* NONE - No mask */
.none {
  position: relative;
  width: 100%;
  height: 100%;
}

.none .video-container {
  width: 100%;
  height: 100%;
  /* Remove all masking */
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Remove the stroke overlay pseudo-element */
.none .video-container::after {
  display: none;
  content: none;
}

/* Ensure mask stroke overlay is hidden */
.none .mask-stroke-overlay {
  display: none !important;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color: #0000ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.3s ease;
  z-index: 10;
}

.play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.play-button::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  margin-left: 5px;
}

.pause-button {
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.pause-button:hover {
  background-color: var(--blossom-blue);
}

.pause-button::before,
.pause-button::after {
  content: "";
  width: 4px;
  height: 20px;
  background-color: white;
}

.pause-button::before {
  margin-right: 4px;
}

.pause-button.paused::before,
.pause-button.paused::after {
  width: 0;
  height: 0;
  background-color: transparent;
}

.pause-button.paused::before {
  border-left: 15px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin: 0 0 0 3px;
}

@media (max-width: 991px) {
  .hero-section {
    /*margin-top: 90px;*/
  }
}

/* Mobile styles for 767px and below */
@media (max-width: 767px) {
  .hero-section .col-12.d-flex {
    height: 100%;
    overflow: hidden;
  }

  .hero-mask-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    position: relative;
  }

  .masked-media.yes-mask{
    width: 74vh;
    height: 100vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transform-origin: center center;
  }

  .video-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .video-container video {
    height: 200%;
    width: auto;
    transform: rotate(90deg);
  }

  .mask-stroke-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .mask-stroke-overlay svg {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++HOME HERO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++FEATURE WIDGET CHECKERBOARD++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.checkerboard {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.checkerboard h2 {
  font-size: clamp(2.1875rem, 1.2946rem + 2.8571vw, 3.4375rem) !important;
  color: var(--kangaroo-blue);
}

.checker-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

figure.checkerboard-video {
  position: relative;
  height: 100%;
  width: 40vw;
  margin:0;
}

/* Reverse column order for odd rows */
.checkerboard .checker-row:nth-of-type(odd) {
  flex-direction: row-reverse;
}

.column {
  flex: 1 1 45%;
  padding: 0px;
  border-radius: 0px;
}

.checker-row .image-column {
  max-height: 525px !important;
  height: 525px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  justify-content: left !important;
}

figure.checkerboard-img {
  min-height: -webkit-fill-available !important;
  margin: 0;
  width: 40vw;
  height: 450px;
}

.checkerboard-container {
  padding: unset !important;
}

.checkerboard-video .aspect-ratio-frame {
    height: 100%;
}

@media (max-width: 1000px) {
  figure.checkerboard-img {
    width: 90vw;
    height: 450px;
  }
  figure.checkerboard-video {
    height: 450px;
    width: 90vw;
    margin:0;
  }
}
@media (max-width: 991px) {
  .checker-row .image-column {
    width: 100% !important;
  }

  .content-column {
    padding-top: 20px;
  }

  figure.checkerboard-video .aspect-ratio-frame,
  figure.checkerboard-video .aspect-ratio-frame img {
    width: 100%;
  }
}

/* Responsive tweaks */
@media (max-width: 600px) {
  .column {
    flex: 1 1 100%;
  }
  .checkerboard-img {
    height: 400px;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++FEATURE WIDGET CHECKERBOARD++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature_cards++++++++++++++++++++++++++++++++++++*/
.card {
  border-color: transparent !important;
}
.card .link-arrow {
  margin-bottom: 20px;
}

.card .card-body {
  padding: unset;
}

.card-title {
  color: var(--buchtel-blue) !important;
  padding-bottom: 8px;
  line-height:1.3;
}

@media print, screen and (max-width: 991px) {
  .card .btn-lg {
    margin: 0 !important;
  }
}
/*++++++++++++++++++++++++++++++++++++feature_cards++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++child_page_navigation++++++++++++++++++++++++++++++++++++*/

.container.cpn h2 {
  font-weight: 400;
}

.container.cpn {
  position: relative;
}

.container.cpn::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  /*background-color: var(--buchtel-blue);*/
  bottom: 0;
  left: 0;
  z-index: 1;
}

.link-columns ul {
  display: grid;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
  grid-template-columns: 33% 33% 33%;
  grid-auto-flow: row;
}

@media (max-width: 768px) {
  .link-columns ul {
    display: flex;
    flex-direction: column;
  }

  .link-columns ul li {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
/*++++++++++++++++++++++++++++++++++++child_page_navigation++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++news-articles++++++++++++++++++++++++++++++++++++*/
.news-container {
  position: relative;
  overflow: visible;
}

.news-container .arrow-link {
  text-decoration: none;
  font-family: "open sans", sans-serif;
  line-height: 1.1;
}

.news-container .arrow-link::after {
  color: var(--white);
}

.news-container .arrow-link:hover {
  text-decoration: underline;
}

.news-container h2 {
  color: #333;
}

.news-container .news-card,
.news-title.arrow-link,
.highlight-teaser {
  color: var(--white);
}

.highlight-teaser {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
}

.highlight-teaser {
  font-family: "nicholas", sans-serif;
  font-weight: 400;
}

.news-container .news-card figure {
  margin: 0;
}

@media print, screen and (max-width: 1300px) {
    .news-figure{
        height: unset!important;
        width: unset!important;
    }

    img{
        height: unset!important;
        width: 100%!important;
    }
}
@media print, screen and (max-width: 991px) {
  .news-card {
    margin-bottom: 2rem !important;
  }
  .news-container::after {
    background: linear-gradient(
      0deg,
      var(--buchtel-blue) 70%,
      var(--white) 30%
    );
  }
}
/*++++++++++++++++++++++++++++++++++++news-articles++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature-news-related-content++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++feature-news-related-content++++++++++++++++++++++++++++++++++++*/
.related-news-container {
  position: relative;
  overflow: visible;
}

.related-news-container::after {
  content: "";
  position: absolute;
  display: block;
  width: 150%;
  height: 100%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: -1;
  background: linear-gradient(0deg, var(--kangaroo-blue) 70%, var(--white) 30%);
}

.related-news-container .news-card {
  padding: 40px;
  background-color: var(--white);
  border: 2px solid rgb(7, 12, 114);
}

.related-news-container .news-card a.news-title {
  color: #070c72;
}

p.news-teaser {
  margin-top: 15px;
}

p.news-category {
  letter-spacing: 0;
  color: #333;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 800;
  margin-bottom: 0;
}

/*++++++++++++++++++++++++++++++++++++contact-section++++++++++++++++++++++++++++++++++++*/
.intro-content p {
  font-size: 1.75rem;
}

.contact-section__items p{
    color:#fff!important;
}

.contact-section-item {
  padding: 22px 16px;
  border-width: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.9375rem 2.5rem;
}

.contact-section-item__image,
.contact-section-item__image figure {
  width: 200px;
  height: 220px;
  margin: unset;
}

.contact-section-item__text {
  width: 50%;
  max-width: calc(70% - 320px);
}

.contact-section-item p.h3 {
  color: #333;
}

.contact-section-item a.arrow-link {
  color: var(--buchtel-blue);
  text-decoration: none;
}

.contact-section-item a.arrow-link::after {
  color: var(--kangaroo-blue);
}

.contact-section-item__contact {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  margin-left: auto;
}

.contact-section-item__image:has(.fa-solid) {
  background-color: var(--blossom-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--white);
}

.contact-section-item__image:has(.fa-solid) {
  padding: 1.25rem;
  font-size: 40px;
}

.icon-list a[href^="mailto:"] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contact-section-item .list.comma-separate {
  display: inline-flex;
}

.contact-section-item .list.comma-separate li {
  color: #333;
  font-size: 16px;
}

.list.comma-separate li:not(:last-child),
.list.comma-separate dd:not(:last-child) {
  margin-right: 0.25em;
}

.icon-list {
  display: block;
  padding-left: 0;
  margin: 0;
}

.icon-list li {
  position: relative;
  padding-left: 1.5rem;
}

.icon-list__icon::before {
  font-weight: 300;
  color: var(--prezi-gold);
}

.icon-list__icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.icon-list li:not(:first-child) {
  margin-top: 0.625rem;
}

@media screen and (max-width: 840px) {
  .contact-section-item__text {
    max-width: 100%;
    width: unset;
  }

  .contact-section-item__contact {
    max-width: 100%;
    width: 100%;
  }

  .icon-list__icon {
    left: 1%;
  }
}
/*++++++++++++++++++++++++++++++++++++contact-section++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++Events-section++++++++++++++++++++++++++++++++++++*/
.event-card {
  background: #fff;
  padding: 30px;
  grid-template-columns: 35% 65%;
  gap: 15px;
}

.event-card figure {
  margin: 0;
}

.event-description,
.event-card-body {
  grid-column: 1 / -1; /* Spans from first to last column */
}
.event-image {
  height: 100px;
  width: 100px;
}

.event-image,
.event-card-body {
  grid-column: 2 / -2; /* Spans from first to last column */
}

.event-intro p {
  margin: 0 !important;
}

.event__icon {
  color: var(--prezi-gold);
}

.event-date,
.event-time {
  font-weight: 600;
}

.event-description .eyebrow-sml {
  margin: 0 !important;
}

.month {
  font-weight: 700;
  font-family: nicholas, serif;
  margin-bottom: 0;
}

.day {
  text-align: center;
  font-weight: 700;
  font-family: nicholas, serif;
  font-size: 40px;
  padding-top: 5px;
}

#list-column .event-date-time {
  align-content: center;
}

#list-column .event-card {
  padding: 15px;
}

.event-card {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: #fff;
  align-items: center;
}

.event-card.featured-event {
  margin: 0;
}

.event-date-time {
  min-width: 70px;
  text-align: center;
  margin-right: 1rem;
  padding: 0.5rem;
}

.event-date-time .month {
  font-weight: 600;
  margin: 0;
}

.event-date-time .day {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

.eyebrow-sml {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0;
}

.event__icon {
  margin-right: 0.25rem;
}

/* Vertical carousel styles */
#eventsCarousel .carousel-inner {
  overflow: hidden;
}

#eventsCarousel .carousel-item {
  transition: transform 0.6s ease-in-out;
}

#eventsCarousel .carousel-item-next,
#eventsCarousel .carousel-item-prev {
  display: block;
}

#eventsCarousel .carousel-item-next:not(.carousel-item-start),
#eventsCarousel .active.carousel-item-end {
  transform: translateY(100%);
}

#eventsCarousel .carousel-item-prev:not(.carousel-item-end),
#eventsCarousel .active.carousel-item-start {
  transform: translateY(-100%);
}

#eventsCarousel .carousel-item-next.carousel-item-start,
#eventsCarousel .carousel-item-prev.carousel-item-end {
  transform: translateY(0);
}

#eventsCarousel .carousel-control-prev,
#eventsCarousel .carousel-control-next {
  opacity: 1;
  top: auto;
  bottom: 0;
}

#eventsCarousel .carousel-control-prev {
  left: 0;
  right: auto;
  background-color: #fff;
}

#eventsCarousel .carousel-control-next {
  right: 0;
  left: auto;
  background-color: #fff;
}

#eventsCarousel button.slider-navigation__next:hover .far::before,
#eventsCarousel button.slider-navigation__prev:hover .far::before {
  color: var(--prezi-gold) !important;
}

#eventsCarousel {
  padding-bottom: 50px;
}

#eventsCarousel .carousel-indicators {
  flex-direction: column;
  right: 10px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

#eventsCarousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0;
}

#featured-column,
#list-column {
  display: flex;
  flex-direction: column;
}

#list-column #eventsCarousel {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

#eventsCarousel .carousel-inner {
  flex-grow: 1;
}

@media screen and (max-width: 990px) {
  .event-card.featured-event {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .event-date-time {
    text-align: left;
  }

  .day {
    text-align: left;
  }

  .event-date-time {
    margin-bottom: 1rem;
  }
}
/*++++++++++++++++++++++++++++++++++++events-section++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature-profile-detail++++++++++++++++++++++++++++++++++++*/

.job-title {
  color: var(--kangaroo-blue);
}

.contact-info h3 {
  color: #000 !important;
  font-size: 20px;
  text-transform: uppercase;
}

.ft-profile-container figure {
  width: 100%;
  height: 410px;
  max-width: 400px;
  margin: 0;
align-items: flex-start!important;
}

.profile-detail-related-content {
  max-width: 395px;
}

.profile-detail-related-content h2 {
  font-family: open-sans, arial, sans-serif;
}

ul.related-content-section-link-wrapper {
  list-style: none;
  margin: 0;
  margin-top: 0px;
  padding: 0;
}

.profile-body-cv .btn-lg {
  margin: 0 !important;
}

.contact-info ul li.d-flex i {
  margin-right: 5px;
}

.contact-info ul li i {
  width: 18px;
  text-align: center;
  color: var(--kangaroo-blue);
}

.contact-info ul li:not(:last-child),
.office-hours {
  margin-bottom: 10px;
}

.profile-detail-body h2 {
    font-family: "Open Sans";
    font-size: clamp(1.875rem, 1.0938rem + 2.5vw, 2.5rem);}

.profile-detail-body h3 {
  font-size: clamp(1.25rem, 1.5vw + 0.875rem, 1.75rem);
  color:#333;
}


.contact-wrapper,
.contact-info {
  height: 235px;
}

.slider-navigation {
  gap: 20px;
}

.carousel-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  padding: 0 20px;
  min-width: 80px;
}

.current-number {
  color: #0033cc;
  font-weight: 700;
}

.counter-separator {
  margin: 0 4px;
  color: #0033cc;
  font-weight: 700;
}

.total-number {
  color: var(--kangaroo-blue);
  font-weight: 700;
}

.slider-navigation__prev,
.slider-navigation__next {
  padding: 12px 20px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #c0c0c0;
  font-size: 24px;
}

.slider-navigation__prev:hover,
.slider-navigation__next:hover {
  color: #0033cc;
}

@media (max-width: 997px) {
  .contact-wrapper,
  .contact-info {
    height: unset;
  }
}
/*++++++++++++++++++++++++++++++++++++feature-profile-related-content-item++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++1UAblue-organization-detail++++++++++++++++++++++++++++++++++++*/

.ft-organization-container .map figure {
  width: 100%;
  height: 500px;
  margin: 0;
}

/*++++++++++++++++++++++++++++++++++++1UAblue-organization-detail++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++NEW profile-slider++++++++++++++++++++++++++++++++++++*/
div#profileCarousel a.card-title {
    display: block;
    padding: 0;
}

@media (max-width: 576px) {
  .ft-profile-container figure {
    max-width: unset;
  }

  #cardCarousell .carousel-item .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #cardCarousell .carousel-item .col-12,
  #cardCarousell .carousel-item .col-sm-6,
  #cardCarousell .carousel-item .col-md-4,
  #cardCarousell .carousel-item .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  #cardCarousell .carousel-item .row .col-12 {
    display: none;
  }

  #cardCarousell .carousel-item .row .col-12:first-child {
    display: block;
  }
}

.imagecard {
  height: 100px;
  width: 150px;
}
.profile-image {
  overflow: hidden;
  max-width: 100%;
  height: 364px;
}

.profile-image .aspect-ratio-frame {
  height: fit-content;
  height: 364px;
}

.profile-image img {
  max-width: 100%;
}

.profile-positions {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

.profile-positions li {
  display: inline;
}

.profile-positions li:not(:last-child)::after {
  content: ", ";
}
/*++++++++++++++++++++++++++++++++++++profile-slider++++++++++++++++++++++++++++++++++++*/

.slider-navigation {
  justify-content: end;
  align-items: flex-end;
}

.slider-navigation--header {
  justify-content: flex-end;
  margin-top: 0;
}

.carousel-pagination {
  color: var(--kangaroo-blue) !important;
  font-family: altivo, impact, sans-serif;
  font-weight: 700;
  font-size: 26px !important;
}

@media (max-width: 767px) {
  .slider-navigation--header {
    justify-content: center;
    margin-top: 1rem;
  }
}

.slider-navigation button {
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--kangaroo-blue);
}

.slider-navigation button:hover:not(:disabled) {
  background: transparent;
  color: var(--kangaroo-blue);
}

.slider-navigation button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.carousel-counter {
  color: var(--white);
  font-weight: 600;
  font-size: 30px;
}

.show-for-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.carousel-item {
  transition: transform 0.6s ease-in-out;
}
/*++++++++++++++++++++++++++++++++++++profile-slider++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++profile-listing++++++++++++++++++++++++++++++++++++*/

.plugin-listing-results-container .xlg-text {
  font-family: Altivo !important;
  color: #000;
}

/*++++++++++++++++++++++++++++++++++++profile-listing++++++++++++++++++++++++++++++++++++*/

/*SLIDER NAV*/

.slider-navigation button.slider-navigation__next .far::before,
.slider-navigation button.slider-navigation__prev .far::before,
.slider-navigation button::before {
  color: var(--kangaroo-blue) !important;
}

.slider-navigation button.slider-navigation__next:hover .far::before,
.slider-navigation button.slider-navigation__next:focus-visible .far::before,
.slider-navigation button.slider-navigation__prev:hover .far::before,
.slider-navigation button.slider-navigation__prev:focus-visible .far::before,
.slider-navigation button:hover::before {
  color: #ffffff !important;
}

.slider-navigation button.slider-navigation__next:hover,
.slider-navigation button.slider-navigation__next:focus-visible,
.slider-navigation button.slider-navigation__prev:hover,
.slider-navigation button.slider-navigation__prev:focus-visible {
  background-color: var(--kangaroo-blue);
}

.slider-navigation button.slider-navigation__next div,
.slider-navigation button.slider-navigation__prev div {
  height: 58px;
  width: 58px;
}

.slider-navigation button.slider-navigation__next div,
.slider-navigation button.slider-navigation__prev div {
  position: relative;
  z-index: 2;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-navigation button {
  background: none;
}
/*++++++++++++++++++++++++++++++++++++testimonial-slider++++++++++++++++++++++++++++++++++++*/

blockquote p{
  color: var(--buchtel-blue)!important;
  font-family: Nicholas!important;
  font-size: clamp(1rem, -1.5rem + 8vw, 3rem)!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 140%!important;
  display: flex;
}

blockquote p::before {
content: "";
  width: 105px;
  height: 100% !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-image: url("data:image/svg+xml,%3Csvg width='95' height='76' viewBox='0 0 95 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.1469 75.4994H10.049L0 65.4592V28.0367L11.876 16.171L30.1469 6.13086V16.6274L18.0425 28.9494V32.8286L20.5547 35.3386H30.1469L40.1959 45.3788V65.4592L30.1469 75.4994ZM80.6201 75.4994H60.2938L50.2448 65.4592V28.0367L62.1209 16.171L80.6201 6.13086V16.6274L68.2873 28.9494V32.8286L70.7995 35.3386H80.6201L90.6691 45.3788V65.4592L80.6201 75.4994Z' fill='%232323FF'/%3E%3C/svg%3E");
  min-height: 117px !important;
  min-width: 105px;
  background-size: 90px 95px;
}

.testimonial__author .fa-light {
  position: absolute;
  top: 0;
  left: 10px;
}

.testimonial__photo figure {
  width: 100%;
  height: 100%!important;
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  display: block;
}

.testimonial__item .aspect-ratio-frame {
  background-color: rgb(35, 35, 255, 1);
  height: 100%!important;
}

.testimonial__container .slider-navigation {
  padding-bottom: 30px;
}

.testimonial__container .slider-navigation {
  width: calc(70% - 100px);
}
.testimonial-section.vanity-div {
  background-color: var(--light-gray);
  position: relative;
}

.testimonial-section.vanity-div::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-color: #ffffff;
}

.testimonial-section.vanity-div::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  background-color: #ffffff;
}

.testimonial__text blockquote {
  font-family: spectral, palatino, serif;
}

.carousel-item {
  transition: transform 0.6s ease-in-out;
}

.testimonial__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  overflow: hidden;
  min-height: 500px;
}

.testimonial__photo {
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
}

.testimonial__photo img {
  width: 100%;
  height: 100%!important;
  object-fit: cover;
  display: block;
}

.testimonial__photo a {
  position: relative;
  display: block;
  height: 100%;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(0, 48, 135, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
}

.play-button:hover {
  background-color: rgb(172, 204, 242, 0.7) !important;
  transform: translate(-50%, -50%) scale(1.1);
}

.play-button svg {
  margin-left: 5px;
}

.testimonial__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonial__link {
  margin-bottom: 20px;
  font-weight: 700;
  color: var(--kangaroo-blue);
}

blockquote {
  line-height: 1.6;
  color: #333;
  margin-bottom: 30px;
  font-style: italic;
}

.testimonial__author p {
  margin: 0;
}

.testimonial__author strong {
  font-weight: 700;
}

span.auth-description {
  margin-left: 30px;
}

.carousel-pagination {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-color);
}

.show-for-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.testimonial__author span.corner-arrow-link {
  color: var(--kangaroo-blue) !important;
}

.corner-arrow::before {
  font-family: "Font Awesome 6 Pro";
  content: "\e3d6";
  display: inline-block;
  padding: 0px 5px 0px 10px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 300;
  color: var(--kangaroo-blue);
}
.container.testimonial__container,
#testimonialCarousel,
.carousel-inner.p-2{
    overflow: visible;
}

.testimonial__item {
    display: flex;
    align-items: stretch;
    overflow: visible; /* allow child to bleed */
}

.testimonial__photo {
    /* Pull it out to the right edge of the viewport */
    margin-right: calc(-50vw + 50%);
    padding-right: 0;
    min-width: 45%; 
}

.testimonial__text .content {
  width: 90%;
}

@media (max-width: 991px) {
  .testimonial-section.vanity-div::before {
    display: none;
  }
  .testimonial-section.vanity-div::after {
    display: none;
  }

  .testimonial__quotation-marks {
    left: 0;
  }

  .testimonial__text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 50px !important;
  }

  .testimonial__photo {
    padding-bottom: 0;
  }

  .testimonial__quotation-marks {
    background-size: 50px 40px !important;
    background-position: left !important;
  }

  .testimonial__author {
    font-size: 16px;
  }

  .testimonial__item .aspect-ratio-frame {
    height: 100%;
    max-height: 400px;
  }
}

/* Hide default Bootstrap carousel controls */

@media (max-width: 991px) {
  .testimonial__item {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .testimonial__photo {
    min-height: 400px;
  }

  .testimonial__container .slider-navigation {
    width: 100%;
  }

  .testimonial__quotation-marks {
    margin-top: 0 !important;
  }

  .testimonial__item .testimonial__text {
    padding-top: 110px !important;
  }
}

@media (max-width: 576px) {
  .testimonial__text {
    padding: 30px 0;
  }
}

.testimonial__quotation-marks {
  margin-top: 40px;
  display: block;
  width: 100%;
  height: 125px;
  background-repeat: no-repeat;
  background-size: 125px 75px;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg width='95' height='76' viewBox='0 0 95 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.1469 75.4994H10.049L0 65.4592V28.0367L11.876 16.171L30.1469 6.13086V16.6274L18.0425 28.9494V32.8286L20.5547 35.3386H30.1469L40.1959 45.3788V65.4592L30.1469 75.4994ZM80.6201 75.4994H60.2938L50.2448 65.4592V28.0367L62.1209 16.171L80.6201 6.13086V16.6274L68.2873 28.9494V32.8286L70.7995 35.3386H80.6201L90.6691 45.3788V65.4592L80.6201 75.4994Z' fill='%232323FF'/%3E%3C/svg%3E");
}

.testimonial__quotation-marks {
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
  background-position: center center;
  position: absolute;
  top: 20px;
  right: -95px;
}

.testimonial__item .testimonial__text {
  position: relative;
  z-index: 3;
  margin-top: 30px;
  padding-top: 160px;
  padding-bottom: 160px;
  padding-right:95px;
}

.testimonial__container .slider-navigation {
  justify-content: space-between;
  align-items: center;
  /*margin-top: -170px;*/
  padding-top: 20px;
  border-top: 1px solid rgba(7, 12, 114, 0.25);
}

/*++++++++++++++++++++++++++++++++++++testimonial-slider++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++program-detail++++++++++++++++++++++++++++++++++++*/
.program-aside {
  border: 4px solid rgb(7, 12, 114);
}

.program-details {
  padding: 2.5rem;
}

.program-contact.aside p {
  font-weight: 400;
}

.program-contact {
  padding: 2.5rem;
}

.checkboxDropdown #formatDropdown::after {
  display: none;
}

.separator {
  content: "";
  display: block;
  height: 4px;
  background-color: rgba(157, 147, 98, 0.2);
  margin: 0 2.5rem;
}

.eyebrow-large {
  font-family: open-sans, sans-serif;
  font-weight: 800 !important;
  font-style: normal;
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  text-transform: uppercase;
}

.aside dt {
  font-weight: 400 !important;
}

.aside dd {
  font-weight: 800 !important;
    text-transform: capitalize;
}

.aside dl {
  margin-top: 0.9375rem;
}

.list.comma-separate {
  list-style-type: none;
}

.list.comma-separate li:nth-last-child(n + 2)::after,
.list.comma-separate dd:nth-last-child(n + 2)::after {
  content: ",";
}

.bg-buchtel-blue.reverse-text a.arrow-link {
  color: var(--white);
}

.bg-buchtel-blue.reverse-text a.arrow-link::after {
  color: var(--zippy-green);
}

.bg-buchtel-blue.reverse-text .arrow-link:hover::after {
  color: var(--blossom-blue);
}

a {
  cursor: pointer;
}

input#keywordsearch,
button#submitKeyword {
    border: none;
    background:#ebebeb;
    border-radius: 0;
}

button#submitKeyword {
    background:#c7c7c7;
}

button#submitKeyword:hover {
    background:var(--kangaroo-blue);

}

.checkboxDropdown .dropdown-menu {
  padding: 10px !important;
}
/*++++++++++++++++++++++++++++++++++++program-detail++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++feature_promo++++++++++++++++++++++++++++++++++++*/
.promo-container .content-col {
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.promo-container .wysiwyg {
  max-width: 960px;
}

.promo-buttons a:not(:first-child) {
  margin-top: 20px !important;
}

.promo-container.bg-kangaroo-blue {
  .content-col {
    border: none !important;
  }
}
  .promo-image {
      position: relative;
  }
@media print, screen and (max-width: 767px) {
  .promo-container .content-col {
    border: none;
    padding: 0;
  }
  .content-col {
    padding-left: 10px !important;
  }

  .promo-container .wysiwyg {
    max-width: 100%;
  }
  .promo-image {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw !important;
      position: relative;
  }
}

/*++++++++++++++++++++++++++++++++++++feature_promo++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++pathways section++++++++++++++++++++++++++++++++++++*/
#other-pathways {
  border-top: 2px solid var(--prezi-gold);
  border-bottom: 2px solid var(--prezi-gold);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ua-serif {
  font-family: "nicholas", sans-serif;
}

.ua-sans-serif {
  font-family: altivo, sans-serif;
  text-transform: uppercase;
}

a.pathway-title {
  color: var(--buchtel-blue);
}

.pathways-container {
  position: relative; /* This is crucial! */
}

.pathways-container::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 100vw;
  height: 90%;
  background-color: var(--prezi-gold);
  opacity: 0.3;
  left: 5%;
}

.pathways-container h2 {
  text-transform: uppercase;
}

#other-pathways h3 {
  color: #333;
  font-weight: 400 !important;
  letter-spacing: 3px;
  text-transform: uppercase;
}

@media print, screen and (max-width: 991px) {
  .pathways-container::after {
    display: none;
  }
}
/*++++++++++++++++++++++++++++++++++++pathways section++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++pathways section design2++++++++++++++++++++++++++++++++++++*/
.pathways2-container {
}
.pathways2-wrapper {
}
.pathways2-title {
  font-family: altivo, sans-serif;
  font-size: clamp(3rem, 0rem + 8vw, 7rem);
  line-height: 90%;
  text-transform: uppercase;
  color: var(--black);
}
.pathways2-description {
  font-size: clamp(1.75rem, 1.1875rem + 1.5vw, 2.5rem);
  font-family: nicholas, serif;
  line-height: 110%;
  padding: 0px 100px 0px 0px;
  display: block;
}
.pathways2-links {
}
.pathways-image {
  width: 100%;
  height: 60vh;
  margin:0;
}
/*++++++++++++++++++++++++++++++++++++pathways section design2++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++social-media++++++++++++++++++++++++++++++++++++*/
.social-media-blue .fab {
  color: var(--buchtel-blue);
}

.social-media-white .fab {
  color: var(--white);
}

/*++++++++++++++++++++++++++++++++++++social-media++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++nav_breadcrumbs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++nav_breadcrumbs++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++HEROES+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.ua-intro-hero {
  font-family: nicholas, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
}

.ua-section-subtitle {
  font-family: nicholas, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0px;
}

.ua-eyebrow-small {
  font-family: open-sans, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
}

.ua-checkerboard-copy {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0px;
}

.ua-counter {
  font-family: altivo, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 3px;
}

.ua-testimonial {
  font-family: nicholas, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0px;
}

.ua-alpha {
  font-family: altivo, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0px;
}

@media (min-width: 640px) {
  .ua-intro-hero {
    font-size: 28px;
    line-height: 110%;
  }

  .ua-section-subtitle {
    font-size: 24px;
  }

  .ua-testimonial {
    font-size: 30px;
  }
}

@media (min-width: 1024px) {
  .ua-intro-hero {
    font-size: 35px;
    line-height: 110%;
  }

  .ua-section-subtitle {
    font-size: 28px;
  }

  .ua-eyebrow-small {
    font-size: 20px;
  }

  .ua-checkerboard-copy {
    font-size: 18px;
  }

  .ua-counter {
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 3px;
  }

  .ua-testimonial {
    font-size: 38px;
  }
}

.ua-subhero {
  background-color: var(--ua-buchtel-blue);
  padding-top: 50px;
  padding-bottom: var(--ua-spacing-xxxxl);
  position: relative;
  margin-top: -1px;
}

.ua-subhero--kangaroo-blue {
  background-color: var(--ua-kangaroo-blue);
}

.ua-subhero--white {
  background-color: var(--ua-white);
}

.ua-subhero__kicker {
  color: var(--ua-akron-gold);
  margin-top: -20px;
  margin-bottom: 24px;
  text-transform: uppercase;
  padding-right: 20px;
}

.ua-subhero--kangaroo-blue .ua-subhero__kicker {
  color: var(--ua-electric-green);
}

.ua-subhero--white .ua-subhero__kicker {
  color: var(--ua-kangaroo-blue);
}

.ua-subhero__title {
  color: var(--ua-white);
  margin-bottom: 24px;
  text-transform: uppercase;
  padding-right: 20px;
}

.ua-subhero--white .ua-subhero__title {
  color: var(--ua-black);
}

.ua-subhero__body {
  color: var(--ua-white);
  margin-bottom: 40px;
  padding-right: 20px;
}

.ua-subhero--white .ua-subhero__body {
  color: var(--ua-black);
}

@media (min-width: 640px) {
  .ua-subhero {
    padding-top: var(--ua-spacing-xxxxl);
  }

  .ua-subhero--has-notch::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background-color: var(--ua-akron-gold);
  }

  .ua-subhero--kangaroo-blue.ua-subhero--has-notch::after {
    background-color: var(--ua-electric-green);
  }

  .ua-subhero--white.ua-subhero--has-notch::after {
    display: none;
  }

  .ua-subhero__kicker {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .ua-subhero__title {
    margin-bottom: 36px;
  }

  .ua-subhero--kangaroo-blue .ua-arrow-link-list--has-notch {
    border-left-color: var(--ua-electric-green);
  }

  .ua-subhero--white .ua-arrow-link-list .ua-arrow-link-list__inner {
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.ua-inverse-subhero {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: var(--ua-buchtel-blue);
  position: relative;
}

/* jagged mobile styles */

.ua-inverse-subhero__title--jagged {
  color: var(--ua-buchtel-blue);
  position: absolute;
  margin-bottom: 0;
  left: 0px;
  bottom: 100%;
  width: 100%;
  overflow: hidden;
}

.ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span-wrapper {
  display: block;
}

.ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span-wrapper--1 {
  max-width: calc(100% - 40px);
}

.ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span {
  display: inline;
  background-color: var(--ua-white);
  width: max-content;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span--1 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span--2 {
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* end jagged mobile styles */
/* block mobile styles */

.ua-inverse-subhero__title--block {
  color: var(--ua-white);
  margin-bottom: 0px;
  display: block;
}

.ua-inverse-subhero--has-body .ua-inverse-subhero__title--block {
  margin-bottom: 35px;
}

.ua-inverse-subhero__title--block * {
  display: block;
}

.ua-inverse-subhero__title--block .ua-inverse-subhero__title-span--1 {
  margin-bottom: 8px;
}

.ua-inverse-subhero__title--block .ua-inverse-subhero__title-span--2 {
  text-transform: uppercase;
}

/* end block mobile styles */
/* regular mobile styles */
.ua-inverse-subhero__title--regular {
  color: var(--ua-white);
  margin-bottom: 0px;
  display: block;
}

.ua-inverse-subhero--has-body .ua-inverse-subhero__title--regular {
  margin-bottom: 40px;
}

/* end regular mobile styles */

.ua-inverse-subhero__body {
  color: var(--ua-white);
  margin-bottom: 0;
}

.ua-inverse-subhero .ua-button {
  margin-top: 20px;
  width: 100%;
}

.ua-inverse-subhero .ua-arrow-link-list {
  margin-top: 50px;
}

.ua-inverse-subhero .ua-arrow-link-list__title {
  color: var(--ua-white);
}

@media (min-width: 640px) {
  .ua-inverse-subhero .ua-button {
    width: min-content;
  }

  /* jagged tablet styles */
  .ua-inverse-subhero__title--jagged {
    bottom: calc(100% - 20px);
    left: auto;
    width: calc(100% - 40px);
  }

  .ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span--1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span--2 {
    display: inline;
    line-height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ua-inverse-subhero__title--jagged
    .ua-inverse-subhero__title-span-wrapper--1 {
    max-width: calc(100% - 40px);
  }

  .ua-inverse-subhero__title--jagged
    .ua-inverse-subhero__title-span-wrapper--2 {
    padding-top: 10px;
    overflow: hidden;
    max-width: 100%;
  }

  .ua-inverse-subhero .ua-button {
    width: max-content;
  }

  /* end jagged tablet styles */
}

@media (min-width: 1024px) {
  .ua-inverse-subhero {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
  }

  .ua-inverse-subhero .grid-container {
    position: relative;
    z-index: 1;
  }

  .ua-inverse-subhero .ua-button {
    margin-top: 24px;
  }

  .ua-inverse-subhero .ua-arrow-link-list {
    margin-top: 0px;
  }

  .ua-inverse-subhero .ua-arrow-link-list__inner {
    border-left-width: 2px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ua-inverse-subhero--has-body .ua-arrow-link-list__inner {
    flex-direction: column;
  }

  /* jagged desktop styles */
  .ua-inverse-subhero__title-wrapper {
    position: relative;
  }

  .ua-inverse-subhero__title--jagged {
    bottom: calc(100% + 60px);
    width: 100%;
    left: -20px;
  }

  .ua-inverse-subhero__title--jagged
    .ua-inverse-subhero__title-span-wrapper--2 {
    margin-bottom: 3px;
  }

  .ua-inverse-subhero__title--jagged .ua-inverse-subhero__title-span--2 {
    font-size: 100px;
  }

  /* end jagged desktop styles */
  /* block desktop styles */
  .ua-inverse-subhero__title--block {
    margin-bottom: 80px;
  }

  .ua-inverse-subhero--has-body .ua-inverse-subhero__title--block {
    margin-bottom: 80px;
  }

  .ua-inverse-subhero__title--block .ua-inverse-subhero__title-span--1 {
    margin-bottom: 8px;
  }

  /* end block desktop styles */
  /* regular desktop styles */
  .ua-inverse-subhero__title--regular {
    margin-bottom: 80px;
  }

  .ua-inverse-subhero--has-body .ua-inverse-subhero__title--regular {
    margin-bottom: 80px;
  }

  /* end regular desktop styles */

  .ua-cutout-video--zip + .ua-inverse-subhero {
    padding-top: 35px;
  }
}

.ua-photo {
  width: 100%;
  display: block;
  aspect-ratio: 280/320;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

.ua-photo--fullbleed {
  width: 100%;
  display: block;
  aspect-ratio: 320/345;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 640px) {
  .ua-photo {
    aspect-ratio: 1240/600;
  }

  .ua-photo--fullbleed {
    aspect-ratio: 1440/848;
  }
}

.ua-video-section {
  position: relative;
}

.ua-video-section .cell {
  position: relative;
}

.ua-video {
  width: 100%;
  display: block;
  aspect-ratio: 280/320;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

.ua-video__overlay--top {
  position: absolute;
  top: 0px;
  pointer-events: none;
  width: 100%;
}

.ua-video__overlay--bottom {
  display: none;
}

.ua-video--fullbleed {
  width: 100%;
  display: block;
  aspect-ratio: 320/345;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

.ua-video__background-control {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 2px solid var(--ua-white);
  color: var(--ua-white);
  border-radius: 100%;
  background-color: transparent;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
  z-index: 1;
}

.ua-video__overlay--fullbleed .ua-video__background-control {
  right: 0;
}

@media (min-width: 640px) {
  .ua-video {
    aspect-ratio: 1240/600;
  }

  .ua-video--fullbleed {
    aspect-ratio: 1440/848;
    max-height: 600px;
  }

  .ua-video__background-control {
    width: 50px;
    height: 50px;
    border: 1px solid var(--ua-white);
  }
}

@media (min-width: 1024px) {
  .ua-video__overlay--bottom {
    display: block;
  }

  .ua-video__overlay--top {
    display: none;
  }

  .ua-video__overlay--bottom {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
  }

  .ua-video__background-control {
    top: auto;
    bottom: 48px;
  }

  .ua-video__overlay:not(.ua-video__overlay--fullbleed)
    .ua-video__background-control {
    right: 48px;
  }
}

.ua-cutout-video {
  overflow: hidden;
}

.ua-cutout-video__outer-wrapper {
  width: 100%;
  background-size: cover;
  background-position: center center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: -1px;
}

.ua-cutout-video__modal-button {
  width: 118px;
  height: 118px;
  border: none;
  border-radius: 100%;
  background-color: var(--ua-kangaroo-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  cursor: pointer;
}

.ua-cutout-video__modal-button-icon {
  width: 35px;
  transform: translateX(4px);
}

.ua-cutout-video__middle-wrapper {
  position: relative;
}

.ua-cutout-video__inner-wrapper {
  width: 100%;
  aspect-ratio: 598/1258;
  overflow: hidden;
  position: relative;
}

.ua-cutout-video__mask {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout--rotated.svg);
  mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout--rotated.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.ua-cutout-video__inner-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout--outline-rotated.svg);
  background-size: 100%;
  pointer-events: none;
}

.ua-cutout-video__background-video {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  object-fit: cover;
}

.ua-cutout-video__background-control {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border: 2px solid var(--ua-white);
  color: var(--ua-white);
  border-radius: 100%;
  background-color: transparent;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ua-cutout-video:not(.ua-cutout-video--z) .ua-cutout-video__inner-wrapper {
  max-width: 45.1vh;
  margin: auto;
}

.ua-cutout-video--z .ua-cutout-video__outer-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ua-cutout-video--z .ua-cutout-video__mask {
  -webkit-mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout--small.svg);
  mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout--small.svg);
}

.ua-cutout-video--z .ua-cutout-video__inner-wrapper {
  aspect-ratio: auto;
  height: 257px;
}

.ua-cutout-video--z .ua-cutout-video__inner-wrapper::after {
  width: 100%;
  height: 100%;
  background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout--small-outline.svg);
}

.ua-cutout-video--z .ua-cutout-video__background-control {
  left: 12px;
  right: auto;
  bottom: 11px;
  width: 40px;
  height: 40px;
  font-size: 24px;
}

.ua-cutout-video--zip
  .ua-cutout-video__outer-wrapper:not(
    .ua-cutout-video__outer-wrapper--textured
  ) {
  background-image: none !important;
  background-color: var(--ua-buchtel-blue);
}

.ua-cutout-video__outer-wrapper--textured {
  background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/star-texture.png);
  background-size: 100%;
  background-repeat: repeat;
  background-position: right;
}

.ua-cutout-video--zip .ua-cutout-video__outer-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  height: 280px;
}

.ua-cutout-video--zip .ua-cutout-video__middle-wrapper {
  position: static;
}

.ua-cutout-video--zip
  .ua-cutout-video__middle-wrapper
  .ua-cutout-video__inner-wrapper {
  max-width: 100%;
  position: absolute;
  left: 0;
}

.ua-cutout-video--zip .ua-cutout-video__inner-wrapper::after {
  display: none;
}

.ua-cutout-video--zip .ua-cutout-video__mask {
  -webkit-mask-image: none;
  mask-image: none;
}

.ua-cutout-video--zip .ua-cutout-video__background-video {
  width: 100%;
  height: 100%;
}

.ua-cutout-video--zip .ua-cutout-video__background-control {
  top: 20px;
  right: 20px;
  bottom: auto;
}

@media (min-width: 640px) {
  .ua-cutout-video__outer-wrapper {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .ua-cutout-video__inner-wrapper {
    width: 100%;
    aspect-ratio: 1258/599;
    overflow: hidden;
  }

  .ua-cutout-video__mask {
    -webkit-mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout.svg);
    mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout.svg);
  }

  .ua-cutout-video__inner-wrapper::after {
    background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/yes-cutout--outline.svg);
  }

  .ua-cutout-video__background-control {
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border: 1px solid var(--ua-white);
  }

  .ua-cutout-video--z .ua-cutout-video__inner-wrapper {
    width: 100%;
    height: 439px;
    aspect-ratio: auto;
  }

  .ua-cutout-video--z .ua-cutout-video__mask {
    -webkit-mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout.svg);
    mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout.svg);
  }

  .ua-cutout-video--z .ua-cutout-video__inner-wrapper::after {
    background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-cutout--outline.svg);
  }

  .ua-cutout-video:not(.ua-cutout-video--z) .ua-cutout-video__inner-wrapper {
    max-width: none;
  }

  .ua-cutout-video--z .ua-cutout-video__background-control {
    right: auto;
    bottom: 24px;
    left: 24px;
    top: auto;
    width: 58px;
    height: 58px;
  }

  .ua-cutout-video--z .ua-cutout-video__outer-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ua-cutout-video--zip .ua-cutout-video__outer-wrapper {
    padding-top: 0;
    padding-bottom: 40px;
    height: auto;
  }

  .ua-cutout-video--zip .ua-cutout-video__middle-wrapper {
    height: 578px;
  }

  .ua-cutout-video--zip .ua-cutout-video__inner-wrapper {
    width: 100vw;
    position: absolute;
    right: 0;
    height: 578px;
    aspect-ratio: auto;
  }

  .ua-cutout-video--zip .ua-cutout-video__mask {
    -webkit-mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/zip-cutout.svg);
    mask-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/zip-cutout.svg);
  }

  .ua-cutout-video--zip .ua-cutout-video__middle-wrapper {
    position: relative;
  }

  .ua-cutout-video--zip
    .ua-cutout-video__middle-wrapper
    .ua-cutout-video__inner-wrapper {
    left: auto;
  }

  .ua-cutout-video--zip .ua-cutout-video__background-control {
    top: auto;
    right: auto;
    left: 40px;
    bottom: 40px;
  }
}

@media (min-width: 640px) and (max-width: 920px) {
  .ua-cutout-video--yes .ua-cutout-video__background-control {
    transform: translateY(100%);
  }
}

.ua-context-image {
  width: 100%;
  overflow: hidden;
  padding-bottom: 60px;
}

.ua-context-image__photo--mobile {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 280px;
}

.ua-context-image__photo {
  display: none;
}

.ua-context-image__text {
  padding-top: var(--ua-spacing-large);
}

.ua-context-image__kicker {
  text-transform: uppercase;
  color: var(--ua-text);
  margin-bottom: var(--ua-spacing-small);
}

.ua-context-image__title {
  color: var(--ua-kangaroo-blue);
  margin-bottom: var(--ua-spacing-small);
}

.ua-context-image__body {
  color: var(--ua-text);
  margin-bottom: 0;
}

.ua-context-image__button {
  margin-top: 20px;
}

.ua-context-image__button .ua-button {
  width: 100%;
}

@media (min-width: 640px) {
  .ua-context-image__button .ua-button {
    width: max-content;
  }
}

@media (min-width: 1024px) {
  .ua-context-image {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .ua-context-image__photo--mobile {
    display: none;
  }

  .ua-context-image__photo {
    display: block;
    aspect-ratio: 600/524;
    object-fit: cover;
    object-position: center;
  }

  .ua-context-image__text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .ua-context-image__text {
    padding-top: 0;
  }

  .ua-context-image__button {
    margin-top: 55px;
  }
}

.ua-section-header {
  background-color: var(--ua-buchtel-blue);
  padding-top: var(--ua-spacing-xxxxl);
  padding-bottom: var(--ua-spacing-xxxxl);
}

.ua-section-header__kicker {
  margin-top: 0;
  margin-bottom: 15px;
  color: var(--ua-white);
}

.ua-section-header__title {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--ua-white);
  text-transform: uppercase;
}

.ua-section-header__body {
  margin-top: var(--ua-spacing-large);
  margin-bottom: 0;
  color: var(--ua-white);
}

.ua-section-header__breadcrumb-wrapper {
  margin-top: var(--ua-spacing-large);
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .ua-section-header {
    position: relative;
  }

  .ua-section-header--notch-akron-gold::after,
  .ua-section-header--notch-electric-green::after,
  .ua-section-header--notch-kangaroo-blue::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background-color: var(--ua-akron-gold);
  }

  .ua-section-header--notch-electric-green::after {
    background-color: var(--ua-electric-green);
  }

  .ua-section-header--notch-kangaroo-blue::after {
    background-color: var(--ua-kangaroo-blue);
  }

  .ua-section-header__kicker {
    margin-bottom: 30px;
  }
}

.ua-event-box {
  padding: 20px;
  background-color: var(--ua-white);
}

.ua-event-box .ua-arrow-link {
  margin-bottom: 10px;
}

.ua-event-box__body {
  color: var(--ua-text);
  padding-bottom: 20px;
  margin-bottom: 0;
}

.ua-event-box__time {
  border-top: 1px solid var(--ua-akron-gold);
  padding-top: var(--ua-spacing-small);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}

.ua-event-box__time-item {
  display: block;
  position: relative;
  padding-left: 30px;
  color: var(--ua-text);
}

.ua-event-box__time-item .fa-light {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: var(--ua-akron-gold);
  font-size: 14px;
}

@media (min-width: 1024px) {
  .ua-event-box {
    padding: 40px;
    position: relative;
    min-height: 380px;
  }

  .ua-event-box__body {
    margin-bottom: 40px;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ua-event-box__time {
    position: absolute;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 40px;
    z-index: 1;
  }

  .ua-event-box__time-item .fa-light {
    font-size: 16px;
  }
}

.ua-events {
  background-color: var(--ua-kangaroo-blue);
  padding-top: var(--ua-spacing-xxxxl);
  padding-bottom: var(--ua-spacing-xxxxl);
}

.ua-events__kicker {
  margin-bottom: 25px;
  color: var(--ua-electric-green);
  text-transform: uppercase;
}

.ua-events__title {
  margin-bottom: 25px;
  color: var(--ua-white);
}

.ua-events__header {
  padding-bottom: 20px;
}

.ua-events .ua-event-box {
  margin-top: 20px;
}

@media (min-width: 1024px) {
  .ua-events__kicker {
    margin-bottom: 30px;
  }

  .ua-events__title {
    margin-bottom: 0;
    max-width: 67%;
    text-wrap: balance;
  }

  .ua-events__header {
    padding-bottom: 0px;
    margin-bottom: 40px;
    position: relative;
  }

  .ua-events__header .ua-button {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .ua-events .ua-event-box {
    margin-top: 40px;
    height: calc(100% - 40px);
  }
}

.ua-news-card {
  width: 100%;
  display: block;
}

.ua-news-card__photo-wrapper {
  display: block;
  width: 100%;
  height: 186px;
  margin-bottom: var(--ua-spacing-medium);
  position: relative;
  overflow: hidden;
}

.ua-news-card__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1);
  transition: transform 0.5s;
}

.ua-news-card:hover .ua-news-card__photo,
.ua-news-card:focus .ua-news-card__photo {
  transform: scale(1.1);
}

@media (min-width: 1024px) {
  .ua-news-card__photo-wrapper {
    height: 260px;
  }
}

.ua-news {
  background-color: var(--ua-kangaroo-blue);
  padding-top: var(--ua-spacing-xxxxl);
  padding-bottom: var(--ua-spacing-xxxxl);
}

.ua-news__kicker {
  color: var(--ua-electric-green);
  text-transform: uppercase;
  margin-bottom: 25px;
}

.ua-news__title {
  color: var(--ua-white);
  margin-bottom: var(--ua-spacing-large);
}

.ua-news__featured-image-wrapper {
  width: 100%;
  height: 351px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.ua-news__featured-image-wrapper::before,
.ua-news__featured-image-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 0;
  display: block;
  z-index: 1;
  background-image: url(https://share.uakron.edu/ua-redesign-brand/osnSupportImages/z-news--half.svg);
  background-repeat: no-repeat;
  pointer-events: none;
}

.ua-news__featured-image-wrapper::after {
  left: 1px;
  transform: rotate(180deg);
}

.ua-news__featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.5s;
}

.ua-news__featured-kicker {
  margin-bottom: 10px;
  color: var(--ua-electric-green);
  text-transform: uppercase;
}

.ua-news__featured-link {
  margin-bottom: 10px;
}

.ua-news__featured-description {
  color: var(--ua-white);
  margin-bottom: 0;
}

.ua-news__separator {
  padding-bottom: 30px;
}

.ua-news .ua-news-card {
  margin-top: 30px;
}

.ua-news .link-outer-target:hover .ua-news__featured-image,
.ua-news .link-outer-target:focus .ua-news__featured-image {
  transform: scale(1.1);
}

@media (min-width: 1024px) {
  .ua-news__featured-image-wrapper {
    margin-bottom: 0px;
    height: 475px;
  }

  .ua-news__featured-text-wrapper {
    position: relative;
  }

  .ua-news__featured-text {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .ua-news__featured-image-wrapper::before {
    left: auto;
    right: -1px;
    background-image: url(/osnSupportImages/zip--side-mask.svg);
    background-position: right;
  }

  .ua-news__featured-image-wrapper::after {
    display: none;
  }

  .ua-news__separator {
    padding-bottom: 20px;
  }

  .ua-news .ua-news-card {
    margin-top: 40px;
  }
}

.ua-gradient-hero {
  position: relative;
}

.ua-gradient-hero .ua-video-section,
.ua-gradient-hero .ua-photo-section {
  position: relative;
}

.ua-gradient-hero .ua-video-section::after,
.ua-gradient-hero .ua-photo-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(4, 30, 66, 0) 0%,
    var(--ua-buchtel-blue) 100%
  );
}

.ua-gradient-hero__text-wrapper {
  background-color: var(--ua-buchtel-blue);
  color: var(--ua-white);
}

.ua-gradient-hero__text-wrapper-inner {
  position: relative;
  display: block;
  margin-top: -75px;
  padding-bottom: 50px;
}

.ua-gradient-hero__title {
  text-transform: uppercase;
  margin-bottom: 0px;
}

.ua-gradient-hero__body {
  margin-top: 30px;
  margin-bottom: 0px;
}

.ua-gradient-hero .ua-button {
  margin-top: 40px;
  width: 100%;
}

@media (min-width: 640px) {
  .ua-gradient-hero .ua-button {
    width: min-content;
  }
}

@media (min-width: 1024px) {
  .ua-gradient-hero {
    height: 800px;
  }

  .ua-gradient-hero--black .ua-video-section::after,
  .ua-gradient-hero .ua-photo-section::after {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 72%,
      rgba(0, 0, 0, 1) 100%
    );
    opacity: 0.8;
  }

  .ua-gradient-hero .ua-video-section,
  .ua-gradient-hero .ua-photo-section {
    height: 800px;
  }

  .ua-gradient-hero .ua-video-section .ua-video,
  .ua-gradient-hero .ua-photo-section .ua-photo {
    height: 100%;
    max-height: 800px;
    object-fit: cover;
  }

  .ua-gradient-hero__text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }

  .ua-gradient-hero__text-wrapper-inner {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    padding-bottom: 85px;
  }

  .ua-gradient-hero__title {
    margin-bottom: 40px;
    font-size: 100px;
  }

  .ua-gradient-hero__body {
    margin-top: 0;
  }

  .ua-gradient-hero__button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }

  .ua-gradient-hero .ua-button {
    margin-top: 0;
  }

  .ua-gradient-hero .ua-video__background-control {
    bottom: 195px;
  }

  .ua-gradient-hero:not(.ua-gradient-hero--has-body) .ua-gradient-hero__title {
    margin-bottom: 0;
  }

  .ua-gradient-hero:not(.ua-gradient-hero--has-button)
    .ua-video__background-control {
    bottom: 85px;
  }
}

.ua-optional-promo {
  background-color: var(--ua-kangaroo-blue);
  padding-top: 206px;
  padding-bottom: var(--ua-spacing-large);
  overflow: hidden;
  position: relative;
}

.ua-optional-promo__image {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 206px;
  object-fit: cover;
  object-position: center;
}

.ua-optional-promo__title {
  color: var(--ua-white);
  margin-bottom: 0;
  margin-top: 20px;
}

.ua-optional-promo__body {
  color: var(--ua-white);
  margin-bottom: 0;
  margin-top: 20px;
}

.ua-optional-promo .ua-arrow-link-list {
  margin-top: var(--ua-spacing-medium);
}

.ua-optional-promo__button-list {
  margin-top: var(--ua-spacing-medium);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ua-optional-promo .ua-button {
  width: 100%;
}

@media (min-width: 640px) {
  .ua-optional-promo .ua-button {
    width: max-content;
  }
}

@media (min-width: 1024px) {
  .ua-optional-promo {
    padding-top: var(--ua-spacing-large);
  }

  .ua-optional-promo .ua-arrow-link-list__inner {
    flex-wrap: wrap;
  }

  .ua-optional-promo__image {
    right: 40px;
    top: 40px;
    left: auto;
    height: calc(100% - 80px);
    width: 508px;
  }

  .ua-optional-promo__content-wrapper {
    min-height: 372px;
    padding-top: 35px;
    padding-bottom: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .ua-optional-promo__title {
    margin-top: 0;
  }

  .ua-optional-promo__button-list {
    flex-direction: row;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) and (max-width: 1090px) {
  .ua-optional-promo__image {
    width: 480px;
  }
}

.ua-section-links {
  background-color: var(--ua-buchtel-blue);
  padding-top: 30px;
  padding-bottom: 30px;
}

.ua-section-links__title {
  color: var(--ua-akron-gold);
  margin-bottom: 20px;
  font-weight: bold;
}

.ua-section-links__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.ua-section-links__list .ua-section-links__list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.ua-section-links__list .ua-section-links__list-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

.ua-section-links__list .ua-section-links__list-item:last-child::after {
  display: none;
}

@media (min-width: 640px) {
  .ua-section-links__list {
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
  }

  .ua-section-links__list
    .ua-section-links__list-item:nth-last-child(2)::after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ua-section-links {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ua-section-links__list {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 50px;
    flex-grow: 1;
  }

  .ua-section-links__list
    .ua-section-links__list-item:nth-last-child(3)::after {
    display: none;
  }

  .ua-section-links__content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .ua-section-links__title {
    margin-right: 100px;
  }
}

.ua-offset-hero {
  background-color: var(--ua-buchtel-blue);
  padding-bottom: 77px;
  padding-top: 313px;
  position: relative;
}

.ua-offset-hero__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 313px;
  object-fit: cover;
}

.ua-offset-hero__title {
  color: var(--ua-buchtel-blue);
  margin-top: -70px;
  margin-bottom: 0;
  margin-left: -20px;
  position: relative;
}

.ua-offset-hero--regular .ua-offset-hero__title {
  color: var(--ua-kangaroo-blue);
  margin-top: -42px;
}

.ua-offset-hero__title-span-wrapper {
  display: block;
  margin-top: 0;
}

.ua-offset-hero__title-span-wrapper--1 {
  margin-top: 4px;
}

.ua-offset-hero__title-span-wrapper--2 {
  margin-top: 12px;
}

.ua-offset-hero__title-span {
  display: inline;
  background-color: var(--ua-white);
  width: max-content;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ua-offset-hero--block .ua-offset-hero__title-span--2 {
  text-transform: uppercase;
  line-height: 114%;
}

.ua-offset-hero--regular .ua-offset-hero__title-span--2 {
  line-height: 120%;
}

.ua-offset-hero__body {
  margin-top: 30px;
  margin-bottom: 0;
  color: var(--ua-white);
}

.ua-offset-hero__button-wrapper {
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ua-offset-hero__breadcrumb-wrapper {
  margin-top: 30px;
  margin-bottom: 0;
}

.ua-offset-hero .ua-button {
  width: 100%;
}

@media (min-width: 640px) {
  .ua-offset-hero__title {
    margin-top: -111px;
  }

  .ua-offset-hero__title-span-wrapper--2 {
    margin-top: 11px;
  }

  .ua-offset-hero .ua-button {
    width: max-content;
  }

  .ua-offset-hero--regular .ua-offset-hero__title-span--2 {
    line-height: 116%;
    padding-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .ua-offset-hero {
    overflow: hidden;
    padding-top: 691px;
    background: linear-gradient(
      to bottom,
      transparent 0px,
      transparent 100px,
      var(--ua-buchtel-blue) 100px
    );
  }

  .ua-offset-hero__image {
    left: auto;
    top: 0;
    height: 691px;
  }

  .ua-offset-hero__title-wrapper {
    position: relative;
  }

  .ua-offset-hero__title {
    position: absolute;
    margin-top: 0;
    bottom: -40px;
    overflow: hidden;
  }

  .ua-offset-hero__body {
    margin-top: 75px;
  }

  .ua-offset-hero__button-wrapper {
    margin-top: 75px;
    flex-direction: row;
    justify-content: flex-end;
  }

  .ua-offset-hero__breadcrumb-wrapper {
    margin-top: 40px;
  }

  .ua-offset-hero__title-span-wrapper--1 {
    margin-top: 0;
    margin-bottom: 3px;
  }

  .ua-offset-hero--block .ua-offset-hero__title-span--2 {
    font-size: 100px;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 101%;
  }

  .ua-offset-hero--regular .ua-offset-hero__title-span-wrapper--2 {
    margin-bottom: 4px;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++WYSIWYG CONTENT SECTION+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.wysiwyg h2 {
  font-family: "Open Sans";
  font-size: clamp(1.875rem, 1.0938rem + 2.5vw, 2.5rem);
}

.wysiwyg h3 {
  font-family: "Open Sans";
  font-size: clamp(1.125rem, 0.3438rem + 2.5vw, 1.75rem);
  color: #333;
}

.wysiwyg p:not(:last-child) {
  margin-bottom: 40px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++WYSIWYG CONTENT SECTION+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.highlight-news-card img {
    max-height: 500px!important;
    min-height: 500px!important;
    background-size: cover!important;
}

@media (max-width: 500px) {
    figure.card-image{
    max-height: 300px!important;
    min-height: 300px!important;
    }
    
    .highlight-news-card img {
    max-height: 300px!important;
    min-height: 300px!important;
}
}


/*++++++++++++++++++++++++++++ANIMATION TESTING+++++++++++++++++++++++++++*/
.animista {
  /*display:none;*/
}
/* ----------------------------------------------
 * Generated by Animista on 2025-10-27 15:53:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
.scale-up-center {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-br {
  -webkit-animation: fade-in-br 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s
    both;
  animation: fade-in-br 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-10-27 16:6:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-br
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}




/**
 * ----------------------------------------
 Bootstrap mobile breakpoints
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
 * ----------------------------------------
 */
/* down(sm) — below 576px */
@media (max-width: 575.98px) {
    .row.differentiator-wrapper{
        width:100%!important;
        margin:0;
    }
}

/* down(md) — below 768px */
@media (max-width: 767.98px) {
a:hover, .btn:hover, .btn a:hover{
    width:inherit;
}
}

/* down(lg) — below 992px */
@media (max-width: 991.98px) {
    .testimonial__item {
        display: inline-grid!important;
    }

    .testimonial__item .testimonial__text{
        padding-right:0;
    }

    .testimonial__photo {
        margin-right: unset;
    }
}

/* down(xl) — below 1200px */
@media (max-width: 1199.98px) { ... }

/* down(xxl) — below 1400px */
@media (max-width: 1399.98px) { ... }