:root {
  --color-dark: #1A1A1A;
  --color-shadow: #BF2933;
  --color-highlight: #CCE6E6;
  --color-light: #FFF5EA;
  --body-content-width: 90em;
  --padding-xs: .5em;
  --padding-s: 1em;
  --padding: 2em;
  --padding-l: 3em;
  --font-size-l: 1.5rem;
}


body {
  color: var(--color-dark);
  font-family: 'ABCROM';
}

html {
  scroll-behavior: smooth;
}

html, body, ul.semo, ul.no-decoration, ul.no-decoration li {
  margin:0;
  padding:0;
}

ul.no-decoration a:hover {
  text-decoration: none;
}

ul.no-decoration {
  list-style: none;
}



article > header,
article > section,
article > footer {
  padding-left: calc(8%);
  padding-right: calc(8%);
  padding-top: var(--padding);
  padding-bottom: var(--padding);
}

article > section {
  background-color: var(--color-light);
}


header #beyart-logo img {
  height: 2.8em;
}


article header .logo {
  font-weight: 600;
}


header .uk-navbar-nav > li > a {
  color: var(--color-dark);
}

@media screen and (min-width: 640px) {

  article header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }

  article footer {
    display: flex;
    justify-content: center;
    max-width: 90em;
    gap: var(--padding-s);
  }


  footer section.social-icons {
    flex-basis: 7.5em;
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 12em;
  }

  footer section.quick-links {
    flex:2;
    flex-shrink: 6;  
  }

  footer section.subscribe {
    flex:2;
  }
}

/* item slider */

.uk-card-body > h3:has(+ .subtitle) {
  margin-bottom: 0;
}

.uk-card-body .subtitle {
  margin-top: 0;
}

/* end item slider */


footer section.subscribe input[type=email],
footer section.subscribe button,
footer section.subscribe input[type=submit] {
  box-sizing: border-box;
  max-width: 16em;
  /* border: 1px solid var(--color-shadow); */
  margin-bottom: var(--padding-xs);
}  


footer section.subscribe input[type=email] {
  background-color: var(--color-highlight);
}  


ul.social-links li {
  display: inline-block;
  margin-inline-end: .5em;
  margin-bottom: .5em;
  width: 3em;
}

.featured-slideshow .uk-slideshow-items {
  height: 400px;
}


.past-events .uk-panel img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


header .uk-navbar-nav > li > a, 
header .uk-navbar-item, 
header .uk-navbar-toggle {
    min-height: 50px;
    font-size: 1.15rem;
}

/* thematic overrides */

.uk-subnav-pill > .uk-active > a {
  background-color: var(--color-highlight);
  color: var(--color-dark);
}