/*
Theme Name: SM Temp
Theme URI: http://milotova.com/
Description: Template
Version: 1.1
Author: tomas vrana
Author URI: http://tomasvrana.com/
Tags: 
*/

body{
    background-color: #eee;
    font-family:'DM Sans';
    font-size: 1.5em;
    letter-spacing:.05em;
    padding:250px;
    padding-top:150px;
}

.navbar{
    text-transform: uppercase;
    letter-spacing:.3em;
    padding:0px 0px 0px 0px;
    margin-bottom: 10px;
}
.navbar a{
    font-size: 1em;
    color:#333;
    font-weight:500;
    padding:0;
    display:block;
}
.navbar a:hover,.navbar a:focus{
    text-decoration:none;
    color:#000;
}
.navbar ul{
    list-style-type:none;
    padding:0;
    display:flex;
    justify-content: flex-end;
}
.navbar .current-menu-item a{
    font-weight:800;
}
.navbar ul li a{
    padding:0 1em;
}
.navbar ul li:last-child a{
    padding:0 0 0 1em;
}
.navbar .navbar-brand{
    font-size: 1.25em;
    font-weight:800;
}

.navbar,.section {
    max-width:1800px;
    margin:auto;
}

.section {
    text-align:left;
    padding:0 0px 0px 0px;
}
.content-section{
    padding-top:30px
}

.section .carousel img{
    width:100%;
    height: 1000px;
    object-fit: cover;
}
.section h1{
font-size:3.5em;
font-weight:200;  
}
.section h2{
font-size:1.2em;
text-transform:uppercase;
font-weight:700;
    letter-spacing:.3em;

}
.section h2 a{
color:#000
}

@media only screen and (max-width: 1900px) {
  body {
    padding:150px;
    padding-top:130px;

  }
    .section .carousel img{
        height:800px;
    }
}

@media only screen and (max-width: 1600px) {
  body {
    padding:0px;
    padding-top:70px;
  }
    .navbar,.content-section{padding-left:35px;padding-right:35px}
    .section .carousel img{
        height: 800px;
    }
    
}


@media only screen and (max-width: 1000px) {
  body {
    padding:50px;
    padding-top:50px;
  }
        .section .carousel img{
        height: 400px;
    }
}
.navbar-toggle {
    display: block;
}

@media (min-width: 1190px) {
    .navbar-toggle {
        display: none;
    }
}

@keyframes backgroundColorCycle {
  0%   { background-color: #fffffe; }  /* červená */
  16%  { background-color: #fffeff; }  /* oranžová */
  33%  { background-color: #efffff; }  /* žlutá */
  50%  { background-color: #feffff; }  /* zelená */
  66%  { background-color: #ffefff; }  /* modrá */
  83%  { background-color: #fffeff; }  /* indigo */
  100% { background-color: #fffffe; }  /* zpět na červenou */
}

body {
  animation: backgroundColorCycle 20s linear infinite;
}