body {
  --vert-margin: min(2rem, 1vmax);
  --nav-spacing: 30px;
  --c-blue: #1a2e58;
  --c-ltblue: #7496b9;
  --c-white: #fff;
  --c-grey: #444;
  --c-ltgrey: #bbb;
  --c-black: #000;
  --c-class: #44c2cb;
  --c-exhibition: #ef7e22;
  --c-performance: #abbd36;
}

/* navbar */
.uk-navbar-nav > li > a {
  letter-spacing: unset;
  padding: 0 var(--nav-spacing) 0 0;
}

.uk-navbar-nav > li > a::before {
  left: 0;
}

.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li.uk-active > a::before {
  left: 0;
  right: var(--nav-spacing);
}

.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
  flex-wrap: nowrap;
}

/* breadcrumbs */
.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  content: "→";
}

.uk-breadcrumb a {
  font-weight: 600;
}
.uk-breadcrumb a:hover {
  text-decoration: underline;
}

.uk-breadcrumb.color--classes li:last-child a {
  color: var(--c-class) !important;
}

.uk-breadcrumb .color--exhibition {
  color: var(--c-exhibition) !important;
}

.uk-breadcrumb .color--performance {
  color: var(--c-performance) !important;
}

.uk-breadcrumb .color--membersonly,
.uk-breadcrumb .color--lli {
  color: var(--c-ltblue) !important;
}

/* subnav */
.uk-subnav-pill {
  margin-left: -20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.uk-subnav a.color--exhibition,
.uk-subnav a.color--performance,
.uk-subnav a.color--lli {
  color: var(--c-black) !important;
  position: relative;
  bottom: 0;
  transition: bottom 0.15s ease-out;
}
.uk-subnav a.color--exhibition:hover,
.uk-subnav a.color--performance:hover,
.uk-subnav a.color--lli:hover{
  bottom: 6px;
}
.uk-subnav a.color--exhibition {
  background: var(--c-exhibition);
}
.uk-subnav a.color--performance {
  background: var(--c-performance);
}

.uk-subnav a.color--lli {
  background: var(--c-ltblue);
}




/* card badge */
.uk-card-badge.color--exhibition {
  background-color: var(--c-exhibition);
}
.uk-card-badge.color--performance {
  background-color: var(--c-performance);
}

/* headings */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-3xlarge {
  margin-bottom: 10px;
}

.uk-text-lead {
  font-style: unset;
  font-weight: 400;
  line-height: 1.2;
}

.standalone-hero {
  height: min(20rem, 20vmax);
  background-size: cover;
}

.standalone-hero--large {
  height: min(30rem, 30vmax);
}

.uk-button {
  letter-spacing: unset;
  font-weight: 600;
  padding: 0 20px;
}

.uk-button:disabled,
.uk-button:disabled:hover {
  background: var(--c-grey) !important;
  color: var(--c-black) !important;
}

.uk-navbar-toggle svg * {
  stroke-width: 4px;
}

/* refinements to wide viewport */
.main-logo {
  margin-top: var(--vert-margin);
}

.main-logo .uk-logo img {
  height: unset !important;
  width: clamp(600px, 40vw, 800px);
}

/* refinements to narrow viewport */
.uk-navbar-left .uk-logo img {
  height: unset !important;
  width: 70vw;
}

/* homepage section "building pathways" */
#section-building-pathways {
  padding: 0;
}

#section-building-pathways h2 {
  color: var(--c-white);
  font-size: min(3rem, 3.5vmax);
  margin-bottom: 40vh;
  max-width: 25ch;
  margin-top: 5vh;
}

#section-building-pathways > div {
  background-position-y: 30%;
}

#section-building-pathways .uk-card {
  max-width: 30rem;
  margin-bottom: calc(var(--vert-margin) * 3);
}

/* classes */
.status-ribbon {
  background: var(--c-class);
  color: var(--c-black);
  width: 6rem;
  height: 6rem;
  border-radius: 0 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.status-ribbon--cancelled {
  background: var(--c-ltgrey);
}

.status-ribbon > span {
  transform: rotate(45deg);
  display: inline-block;
  text-align: center;
  line-height: 0.9;
  padding-bottom: 1rem;
}

.uk-card.has-status-ribbon .nicedate,
.uk-card.has-status-ribbon .uk-card-title {
  padding-right: 4rem;
}

.uk-section-muted .uk-card-default,
.uk-section-muted .uk-card-default.uk-card-hover:hover {
  background: var(--c-white);
}

/* carousel */
.uk-slider-items > * {
  height: 60vh;
}

.carousel-image.carousel-image.carousel-image {
  height: 100% !important;
  background-size: cover;
  display: block;
  background-position: center center;
}
.carousel-image--contain.carousel-image--contain.carousel-image--contain {
  background-color: var(--c-grey);
  background-size: contain;
  background-repeat: no-repeat;
}

.carousel-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--c-blue);
}
.carousel-overlay--padding-top {
  padding-top: 3rem;
}
.uk-slider-items > *:nth-child(even) .carousel-overlay {
  left: unset;
  right: 0;
}

@media (max-width: 639px) {
  .uk-slider-items > * {
    height: 70vh;
    display: flex;
    flex-direction: column;
  }

  .carousel-overlay {
    position: relative;
    flex: 0;
  }

  .carousel-image {
    flex: 1;
  }

  .carousel-overlay h3 {
    font-size: 90%;
  }

  .carousel-overlay p {
    margin: 0.5rem 0;
  }

  .carousel-overlay .uk-button {
    font-size: 90%;
  }
}

.mac-presented img {
  max-width: 2rem;
}

.mac-presented-badge {
  width: 3rem;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  z-index: 3;
  background: var(--c-white);
  border-radius: 100%;
  padding: 0.125rem;
  pointer-events: none;
}

.announcement-bar__link {
  display: block;
  transition: background ease 200ms;
  background: rgba(0, 0, 0, 0);
}
.announcement-bar__link:hover {
  background: rgba(0, 0, 0, 0.2);
}

.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: var(--c-ltblue);
}

.donors-block {
  font-size: 80%;
}

.donors-block ul {
  padding-left: 15px;
}

.donors-block ul li p {
  margin: 0 0 2px 0;
}

/* z-index fix for dropdown menus */
header.uk-section {
  position: relative;
  z-index: 99;
}

footer {
  font-size: 80%;
}
footer .uk-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

footer .uk-section:first-child {
  padding-top: 60px;
}
footer .uk-section:last-child {
  padding-bottom: 60px;
}

.footer-logo figure {
  width: max(35vw, 25rem);
}

footer h5 {
  margin-bottom: 0 !important;
}
footer ul {
  margin-top: 0 !important;
}


.footer-sitemap {
  font-size: 90%;
}


/* form footer */

#arep-form-15737-header{
 font-size:1.5rem;
}


/* Overall spacing between fields */
.arep-form .arep-form-field-wrapper {
    margin-bottom: 0.75rem;
}

/* Labels */
.arep-form .arep-form-label {
    display: inline-block;
    margin-bottom: 0.25rem;
    font-size: 90%;
  font-weight:bold;
    line-height: 1.2;
}

/* Inputs */
.arep-form .arep-input,
.arep-form input[type="text"],
.arep-form input[type="email"],
.arep-form select {
    box-sizing: border-box;
    width: 100%;
    padding: 0.35rem 0.6rem;
    font-size: 80%;
    line-height: 1.2;
    background-color:var(--c-ltblue);
    border:0;
}


/* Phone field layout */
.arep-mobileNumber-input-wrap {
    display: flex;
    gap: 0.5rem;
}

.arep-form .arep-mobileNumber-code-input {
    flex: 0 0 3rem;
}

.arep-form .arep-mobileNumber-number-input {
    flex: 1;
}

/* Validation messages */
.arep-form .arep-form-status {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.8rem;
    line-height: 1.2;
}

/* Submit button */
.arep-form .arep-form-submit-button {
    min-height: 36px;
    padding: 0.45rem 1rem;
    margin-top: 0.5rem;
  background:#fff;
  border:0;
  cursor:pointer;
  font-weight:600;
  font-family:inherit;
  font-size:.9rem;
  transition: background 100ms ease;
}

.arep-form .arep-form-submit-button:hover{
  background:var(--c-ltblue);
}






.related-classes > :nth-child(n + 3) {
  display: none;
}
@media (min-width: 960px) {
  .related-classes > :nth-child(3) {
    display: flex;
  }
  .related-classes > :nth-child(n + 4) {
    display: none;
  }
}

hr,
.uk-hr {
  margin-bottom: 50px;
}
* + hr,
* + .uk-hr {
  margin-top: 50px;
}