/* root */

:root {

  --color-orange: #FF4713;

  --color-blue: #001E61;
  --color-blue-medium: #E3E4EC;
  --color-blue-light: #F5F6F7;

  --color-white: white;
  --color-gray-dark: #BFC3CB;
  --color-gray-light: #F5F7F9;

  --sans-serif: 'Roboto', sans-serif;

}

/* main */

html {
  font-family: var(--sans-serif);
}

body {
  font-family: var(--sans-serif);
  color: var(--color-blue);
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.uk-heading-2xlarge, .uk-heading-xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small {
  font-family: var(--sans-serif);
  font-weight: 900;
  color: var(--color-blue);
}

h1, .uk-h1 {
  font-family: var(--sans-serif);
  font-weight: 900;
  color: var(--color-blue);
}

h2, h3, h4, h5, h6,
.uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
  font-family: var(--sans-serif);
  font-weight: 700;
  color: var(--color-blue);
}

a {
  transition: ease-in-out .3s;
}

/* colors */

.uk-light,
.uk-section-primary:not(.uk-preserve-color) {
  color: rgba(255,255,255,1);
}

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

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

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

.uk-background-primary {
  background-color: var(--color-orange);
}

.uk-button-primary {
  background-color: var(--color-orange);
}

.uk-button-primary:hover,
.uk-button-primary.uk-active, .uk-button-primary:active {
  background-color: var(--color-blue);
}

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

.uk-button-secondary:hover,
.uk-button-secondary.uk-active, .uk-button-secondary:active {
  border-color: var(--color-blue);
  background-color: transparent;
  color: var(--color-blue);
}

.uk-button-default {
  color: var(--color-blue);
  border-color: var(--color-orange);
  background-color: white;
}

.uk-button-default:hover {
  border-color: var(--color-blue);
  background-color: white;
}

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

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

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

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

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

.uk-checkbox:focus, .uk-radio:focus {
  border-color: var(--color-blue);
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: var(--color-blue);
}

.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
  background-color: var(--color-orange);
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border-color: var(--color-orange);
}

/* search */

.uk-search-default .uk-search-input {
  background-color: white;
  border: 1px solid var(--color-orange);
}

.uk-search-default .uk-search-input:focus {
  background-color: white;
  border-color: #b2b2b2;
}

.uk-search-input {
  color: var(--color-blue);
}

/* index */

.uk-svg, .st30 {
  fill: currentcolor !important;
}

/* header */

@media (max-width: 960px) {

  header {
    padding-top: 0 !important;
  }

  header .uk-padding-remove-vertical {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

}

@media (max-width: 1400px) {

  [class*=uk-position-top] {
    position: relative !important;
  }

}

header .uk-light .uk-button-default {
  color: white;
  border-color: var(--color-orange);
}

header .uk-light .uk-search-default .uk-search-input {
  background-color: rgba(255,255,255,.25);
  border: none;
  height: 55px;
}

header .uk-light .uk-search-default .uk-search-input:focus {
  background-color: rgba(255,255,255,.30);
  border: none;
}

header .uk-light .uk-search-input {
  color: white;
}

/* footer */

@media (max-width: 640px) {

  footer [class*=uk-position-bottom-right] {
    position: relative !important;
  }

}

footer .uk-button-default {
  background-color: transparent;
}

footer .uk-button-default:hover {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
  color: white;
}

/* fixes */

.uk-light .uk-dropdown-nav > li >a {
  color: white;
}

.uk-container-xlarge {
  max-width: 1690px;
}

.uk-text-large {
  font-size: 1.25rem;
}

.uk-text-normal {
  font-weight: 400;
}

.uk-text-black {
  font-weight: 900;
}

.uk-thumbnav.uk-grid {
  margin-left: -30px;
}

.uk-thumbnav.uk-grid > * {
  padding-left: 30px;
}

@media (min-width: 1200px) {

  .uk-thumbnav.uk-grid {
    margin-left: -40px;
  }

  .uk-thumbnav.uk-grid > * {
    padding-left: 40px;
  }

}

/* lightbox */

.uk-lightbox {
  background-color: white;
  background-image: url(/site/templates/images/lightbox-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* edit */

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