/*

  PostCSS plugin to transform CSS Custom Properties (CSS variables) syntax into a static representation.
  https://madlittlemods.github.io/postcss-css-variables/playground/

*/

:root {

  --font-main: 'Montserrat', sans-serif;

  --color-primary: #dd3d12;
  --color-secondary: #160018;
  --color-muted: #e1dcc6;

}

/* edit */

#editpage {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 3000;
  padding: 5px 15px;
  background: red;
  color: white;
}


/* main */

* {
}

html,
body {
  min-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

html {
  overflow-y: scroll;
}

body {
  font-family:  var(--font-main);
}

h1, h2, h3, h4, h5, h6 {
  font-family:  var(--font-main);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5 {
  font-family:  var(--font-main);
}

.uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge {
  font-family:  var(--font-main);
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  font-family:  var(--font-main);
}

/* colors */

.uk-text-primary {
  color: var(--color-primary) !important;
}

.uk-section-secondary {
  background-color: var(--color-secondary);
}

.uk-section-muted {
  background-color: var(--color-muted);
}

a.uk-link-reset:hover * {
  color: var(--color-primary) !important;
}

.uk-card-primary.uk-card-body, 
.uk-card-primary > :not([class*=uk-card-media]), 
.uk-card-secondary.uk-card-body, 
.uk-card-secondary > :not([class*=uk-card-media]), 
.uk-light, 
.uk-offcanvas-bar, 
.uk-overlay-primary, 
.uk-section-primary:not(.uk-preserve-color), 
.uk-section-secondary:not(.uk-preserve-color), 
.uk-tile-primary:not(.uk-preserve-color), 
.uk-tile-secondary:not(.uk-preserve-color) {
  color: rgba(255,255,255,1);
}


/* navbar */

nav {
  border-top: 2px solid var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li > a:active,
.uk-navbar-nav > li > a:focus {
  color: var(--color-primary);
}

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

.uk-navbar-dropdown-nav > li.uk-active > a {
  color: var(--color-primary);
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  font-size: 1rem;
}

/* about */

#about {
}

/* concerts */

#concerts {
}

#concerts hr {
  border-top: 2px solid var(--color-primary);
}