@import 'styles/table.css';
@import 'styles/article.css';
@import 'styles/form.css';
@import 'styles/loading.css';
@import 'styles/breadcrumb.css';
@import 'styles/menu.css';

@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

:root {
  --var-heading: rgb(50, 83, 17);
  --var-heading-alpha: rgba(50, 83, 17, 0.1);
  /* --var-heading : rgb(83, 114, 167);
    --var-heading-alpha : rgba(83, 114, 167, 0.1); */
}

html {
  background: #eee;
  font-family: 'Roboto', sans-serif;
}
body {
  margin: 0;
}

img {
  max-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
}

.obsah {
  max-width: 1100px;
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
.extra-large {
  font-family: 'Bree serif', sans-serif;
}

/* 404 page */

.obsah--not-found {
  max-width: 100vw;
  height: 100vh;
  background-image: url(https://www.blackdown-hills.net/wp-content/uploads/2019/02/445525.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: top;
}

.wrapper {
  padding-top: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.extra-large {
  font-size: 7rem;
  margin: 0;
  color: lightblue;
}

.large {
  font-size: 2rem;
  font-style: italic;
  color: lightblue;
  margin: 0;
  margin-bottom: 2rem;
}
.button--blue a {
  border-color: lightblue;
  color: lightblue;
}

/* 404 page END; */

h2 {
  color: var(--var-heading);
  width: 100%;
}
h1 {
  text-align: center;
  background: -webkit-linear-gradient(45deg, rgb(11, 93, 40), rgb(23, 12, 59) 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3rem;
}

h4 {
  margin: 0.5rem 0 1rem 0;
}

.icon {
  font-style: normal;
}

.flex {
  display: flex;
  align-items: flex-start;
}

.main--wide {
  max-width: 1450px;
}
.main {
  padding: 20px 0;
  min-height: 900px;
}

#loading-overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(30, 30, 30, 0.89);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
}

body > footer {
  background-color: rgb(85, 80, 80);
  text-align: center;
  padding: 50px;
  color: #eee;
  font-size: 1.25rem;
  line-height: 2rem;
}

button.button-big,
.button-big:hover,
.button-big:focus {
  font-size: 1.3rem;
  outline: none;
  padding: 0.65rem 1.5rem;
  width: initial;
}

aside {
  /* position: absolute; */
  left: 0;
  /* background: rgba(160, 164, 156, 0.435); */
  flex-shrink: 0;
  padding: 10px 30px 10px 30px;
  font-size: 1.2rem;
  z-index: 0;
  margin-right: 20px;
  border: 2px solid #ccc;
}

/* responsive design */
@media only screen and (max-width: 1200px) {
  .obsah {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}