/*
Theme Name: Otec vlasti
*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: none;
}

html {
  font-family: 'Open Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

p {
  font-family: 'Playfair Display', serif;
  line-height: 25px;
  font-size: 15px;
}
p a {
	color: #0e3083;
}
p a:hover,
p a:focus {
	color: #d60000;
} 

a.more-link {
	display: none !important;
}

/***container***/
.container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/***nav***/
div.menu {
	position: relative;
	height: 84px;
	padding-right: 15px;
	padding-left: 15px;
}
nav {
	position: relative;
	min-height: 50px;
	margin-right: auto;
    margin-left: auto;
    max-width: 1920px;
	background: url('gfx/bg-body-top2.png') center top repeat-x;
}
nav ul.active,
nav ul {
	float: right;
	list-style-type: none;
	margin-top: 20px;
	display: block;
}
nav ul li {
	float: left;
	position: relative;
}
nav ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 20px;
	position: relative;
}
	nav ul li a:hover,
	nav ul li.current-menu-parent a,
	nav ul li.current-category-ancestor a,
	nav ul li.current-post-ancestor a,
	nav ul li.current-menu-item a,
	nav ul li a:focus {
		text-decoration: none;
		color: #fbb900;
	}

nav ul li.facebook:before {
	content: "|";
	text-transform: uppercase;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 0;
	position: absolute;
	left: 0;
	top: 9px;
} 	
@media (max-width: 768px) {
	nav ul li.facebook:before {
		content: none;			
	}
}
/*nav mobile*/
.toggle-nav {
	position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.toggle-nav .icon-bar {
	color: #fff;
    background-color: #fff;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (max-width: 768px) {
	.toggle-nav {
		display: inline-block;	
		
	}
	.toggle-nav .icon-bar {
		display: block;
	}
	nav ul li {
		float: none;
	}
	nav ul {
		display: none;
	}
	nav ul {
		position: absolute;
		transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
		top: 50px;
		right: 0px;
		z-index: 10;
		width: 100%;
		margin-top: 0 !important;
		text-align: right;
		background: url('gfx/bg-menu.png') center 20px;
		margin-top: 0;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
		-webkit-overflow-scrolling: touch;
	}
	div.menu {
		height: 50px;
	}
}

/***logo***/
a.logo {
	position: absolute;
	top: -15px;
	left: 15px;
	width: 115px;
	height: 115px;
	z-index: 50;
	display: block;
	text-indent: -1000em;
	background: url('gfx/logo.png') no-repeat center top;
}

/***div opener***/
div.opener {
	background-color: #0e3083;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}
body.home div.opener {
	background-color: #0e3083;
	height: 320px;
}
body.home div.opener p {
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	text-transform: none;
	font-weight: normal;
	padding-top: 0;
	line-height: 30px;
	position: inherit;
	
} 
div.opener h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 13px;
}
div.opener p {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;	
	position: absolute;
	top: 60px;
	left: 15px;
}
div.opener p a {
	color: inherit;
	text-decoration: none;
}
	div.opener p a:hover {
		color: #fbb900;
	}
div.opener div {
	max-width: 1170px;
	margin: 0 auto;
	background: #0e3083 url('gfx/bg-opener.png') no-repeat right center;
	height: 108px;
	padding-top: 60px;
	padding-right: 15px;
	padding-left: 15px;
}
body.home div.opener div {
	height: 320px;
	padding-top: 50px;
}
@media (min-width: 768px) {
  body.home div.opener div {
    padding-top: 153px;
  }
}

/***category - wrapper***/
div.list-cat {
	text-align: left;
	padding-top: 60px;
}
div.list-cat h2 {
	padding-left: 15px;
	text-transform: uppercase;
	font-size: 15px;
	color: #0e3083;
	padding-bottom: 25px;
	text-align: left;
}
div.list-cat h2 a {
	text-decoration: none;
	color: inherit;
}
	div.list-cat h2 a:hover {
		color: #fbb900;
	}

div.list-cat a.button-more {
	display: block;
	margin: 0px auto 60px auto; 
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	width: 180px;
	padding: 14px 30px;
	background-color: #0e3083;
	text-align: center;
}
	div.list-cat a.button-more:hover {
		background-color: #D60000;
	}
/***single 1/3 box***/
div.box.three {
	width: 100%;
	position: relative;
	/*min-width: 387px;*/
	padding: 0 15px 60px 15px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	color: #444444;
}
@media (min-width: 992px) {
	div.box.three {
	width: 49%;
  }
}
@media (min-width: 1200px) {
	div.box.three {
	width: 33%;
  }
}


div.box.three .overlay {
    background-color: #d60000;
	margin-bottom: 15px;
	line-height: 0;
}

div.box.three img {
	width: 100%;
	height: auto;
	position: relative;	
}
body.category.category-novinky div.box.three img {
	display: none;
}
div.box.three a.more {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.box.three span,
div.article span {
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Playfair Display', serif;
}
div.box.three h3  {
	color:#0e3083;
	font-size: 26px;
	line-height: 36px;
	font-weight: 800;
	text-decoration: none;
	padding: 5px 0 15px 0;
}
div.box.three:hover,
div.box.three:focus {
	cursor:  pointer;
}
div.box.three:hover img,
div.box.three:focus img {
	opacity: 0.75;
}
div.box.three:hover h3,
div.box.three:focus h3 {
	color: #d60000;
}

/***map***/
a.map {
	background: url('gfx/mapa.jpg') no-repeat center top;
	height: 225px;
	margin: 0 15px;
	color:#fff;
	padding-top: 15px;
	display: block;
	padding-left: 30px;
	text-decoration: none;
}
a.map:hover,
a.map:focus {
	background-position: center -506px;
}
a.map h2 {
	padding-top: 35px;
	padding-bottom: 7px;
	background: url('gfx/koruna.png') no-repeat left top;
}
	@media (min-width: 768px) {
  a.map {
	padding-top: 60px;
  }  
  a.map h2 {
    padding-top: 40px;
	padding-bottom: 24px;
  }
}

a.map p {
	font-size: 15px;
    line-height: 21px;
}

@media (min-width: 768px) {
  a.map p {
	line-height: 25px;
  }  
}

/***article***/
div.article {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 52px 15px 0 15px;
	width: 100%;
	max-width: 780px;
}
div.article img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 15px;
}
div.article p {
	padding-bottom: 55px;
	font-size: 15px;
	color: #444444;
	line-height: 25px;
}
div.article p:last-child {
	padding-bottom: 0px;
}
div.article h2 {
	font-size: 26px;
	color: #000;
	font-weight: 800;
	margin: 6px 0 45px 0;
}
div.article .wp-caption-text {
	display: block;
	margin-bottom: 45px;
	text-transform: none;
	font-size: 12px;
}
body.full div.list-cat {
	padding-top: 50px;
}

/***list***/
body.list div.list-cat {
	padding-top: 52px;
}

/***404***/
body.error404 {
	background-color: #0E3083;
	color: #fff;
}
body.error404 .container {
	padding: 0 0 0 0;
	margin-top: 105px;
	height: 320px;
	text-align: center;
}
body.error404 .container h2 {
	padding: 115px 0 15px 0px;
}

	@media (min-width: 768px) {
  body.error404 .container {
    padding-left: 515px;
	margin-top: 240px;
	background: url('gfx/bg-opener.png') no-repeat top left;
	text-align: left;
	}
	body.error404 .container h2 {
	padding-left: 60px;
	}
	body.error404 .container p {
		padding-left: 60px;
	}
}

/***infinite scroll***/
div.load img {
	width: 32px !important;
	height: 32px !important;
}

figure {
	width: 100% !important;
	height: auto !important;
}