/*základni pismo a barvy*/ 
html {
    font-family: source_sans_proregular, sans-serif;
  }
body{
  background:#1B1B27 !important;
}

strong {
	  font-family: source_sans_probold;
}

h2{
  color:#664942;
  font-size:3rem;
}
h3{
  font-size:2rem;
}
h4{
  font-size:1.5rem;
}
h5{
  font-size:1.25rem;
}
.nopaddtop{
  padding-top:0px !important
}
.nopadd{
  padding: 0px !important;
}
.nomargbott{
  margin-bottom:0px !important;
}
.underline{
  text-decoration: underline !important;
}
.small{
  font-size: 1.1rem;
}
.section.ofak{ /* o farmě - aktuality */
  background: linear-gradient(
   to right, 
   #fff 0%, 
   #fff 50%, 
   #E7DCD2 50%, 
   #E7DCD2 100%
   );
}
.section.historie{
  background: #393943;
}
.section.obsah{
  background: #E7DCD2;
}

.section.obsah img{
  margin-right:10px;
  margin-bottom:10px;
}
.section.obsah a{
  color:brown;
  text-decoration: underline;
}

/* section boxy */
.box-1 { background: #977D74; }
.box-2 { background: #735F59; }
.box-3 { background: #624942; }
.box-4 { background: #2F1F20; }

.aktuality{
  background: #E7DCD2;
  /*color:#664942 !important;*/
}
div.ilu{
  position:relative;
}
#podmenu{
  position: absolute;
  bottom:0px;
  background-color: rgba(106,71,64,0.5);
}
footer{
  background:#1B1B27 !important;
}
footer a.underline{
  text-decoration:underline;
}
.btntop{
  background:none !important;
  border:none;
}
.nomargin{
  margin:0px !important;
}
/*navigace*/

.nav-wrapper{
  background-color: rgba(255,255,255,0.7);
}
nav ul li{
	width: 13%;
    margin-left: 1.2%
}
nav ul a {
    font-size: .9em;
	line-height: 1.3em;
    color: #000;
    display: block;
    padding-top: 55px;
    cursor: pointer;
	letter-spacing: .03em;
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 80px;
	/*width: 100%;*/
	height: 95px;
	text-decoration: none;
	text-align: center;
-webkit-transition: background-image 300ms linear, color .5s linear;
-moz-transition: background-image 300ms linear, color .5s linear;
-o-transition: background-image 300ms linear, color .5s linear;
-ms-transition: background-image 300ms linear, color .5s linear;
transition: background-image 300ms linear, color .5s linear;
	text-transform: uppercase;
	font-family: source_sans_probold;
}
nav ul a:hover, .akt {
	background-repeat: no-repeat;
	background-size: 80px;
	background-color: transparent;
	color: #624942;
}
a.akt {
	color: #624942;
}
a.me01{
	background-image:url(../img/me-ofarme-dark.svg);
}
a.me01:hover, a.me01.akt{
	background-image:url(../img/me-ofarme-brown.svg);
}
a.me02{
	background-image:url(../img/me-chov-dark.svg);
}
a.me02:hover, a.me02.akt{
	background-image:url(../img/me-chov-brown.svg);
}
a.me03{
	background-image:url(../img/me-vyjizdky-dark.svg);
}
a.me03:hover, a.me03.akt{
	background-image:url(../img/me-vyjizdky-brown.svg);
}
a.me04{
	background-image:url(../img/me-ubytovani-dark.svg);
}
a.me04:hover, a.me04.akt{
	background-image:url(../img/me-ubytovani-brown.svg);
}
a.me05{
	background-image:url(../img/me-tabory-dark.svg);
}
a.me05:hover, a.me05.akt{
	background-image:url(../img/me-tabory-brown.svg);
}
a.me06{
	background-image:url(../img/me-krtiny-dark.svg);
}
a.me06:hover, a.me06.akt{
	background-image:url(../img/me-krtiny-brown.svg);
}
a.me07{
	background-image:url(../img/me-produkty-dark.svg);
}
a.me07:hover, a.me07.akt{
	background-image:url(../img/me-produkty-brown.svg);
}


/*mobilni navigace*/

#podmenu ul{
  list-style-type: none;
  margin:0px;
  padding:0px;
}
#podmenu ul li {
    float: left;
    height:50px;
}

#podmenu ul li a {
    display: block;
    padding: 0px 10px;
    height:30px;
    line-height:30px;
    margin-top:10px;
    font-size:1.2em;
}
#podmenu ul li a {
  border-right: 3px solid #967D73;
}
#podmenu ul li:last-child a{
  border-right:none !important;
}

.button-collapse img{
    margin-top: 0px;
	width: 90px;
}
#sidenav-overlay {
    z-index: 996;
}
.side-nav li > a {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
}


/*ilustrace */
   .ilu {
	   margin-top: -64px;
       min-height: 410px;
	   background: #d5d8dd url(../img/ilu-uvod.jpg);
	   background-size: contain;
	   background-position: bottom right;
	   background-repeat: no-repeat;
    }
    .ilu.chov {
      background: #d5d8dd url(../img/ilu-ofarme.jpg);
    }
    .ilu.dt {
      background: #d5d8dd url(../img/ilu-detske-tabory.jpg);
    }
.ilu img {
	width: 150px;
	margin-top:180px;
	float: left;
    }
.ilu h1{
	float: left;
	margin-top:160px;
	margin-left: 10px;
}

.ilu a h1{
	color: #000;
	-webkit-transition: color .5s linear;
-moz-transition: color .5s linear;
-o-transition: color .5s linear;
-ms-transition: color .5s linear;
transition: color .5s linear;
}
.ilu a h1:hover{
	color: #624942;
}

@media only screen and (max-width: 992px) {
   .ilu {
	   margin-top: -64px;
       min-height: 310px;
	   background: #d5d8dd url(../img/ilu-uvod.jpg);
	   background-size: contain;
	   background-position: bottom right;
	   background-repeat: no-repeat;
    }
	.nav-wrapper{
  background: rgba(255,255,255,0);
}
	nav ul a {
	width: 320px;
}

  .aktuality{
    background: #E7DCD2 !important;
  }
  .ofarme{
    background: #fff !important;
  }
  .section.ofak{
    background: none !important;
  }
}


@media only screen and (max-width: 600px) {
   .ilu {
	   margin-top: -64px;
       min-height: 220px;
	   background: #d5d8dd url(../img/ilu-uvod.jpg);
	   background-size: cover;
	   background-position: bottom left;
	   background-repeat: no-repeat;
    }
	.ilu img {
	width: 100px;
	margin-top:130px;
		margin-left: 10px;
	float: left;
    }
.ilu h1{
	float: left;
	margin-top:130px;
	margin-left: 10px;
	font-size: 2.5em;
}  
  .aktuality{
    background: #E7DCD2 !important;
  }
  .ofarme{
    background: #fff !important;
  }
  .section.ofak{
    background: none !important;
  }

}