/*
Theme Name: Namydleny blesk
Description: Custom theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: namydleny_blesk
Tags: blog, news, right-sidebar, post-formats, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, sticky-post, translation-ready, two-columns, custom-header, footer-widgets, theme-options, entertainment
*/

:root {
	--content-max-width: 1920px; /* width of whole content including menu and banner */
	--article-max-width: 800px; /* width of the article - text part of the page */
	--gap: 50px; /* gap between two sections. realized by padding/margin */
	--gutter: 15px; /* gap around text sections - the same as the bootstrap gutter */
	--header-height: 300px;
	--footer-height: 80px;
	--color-very-dark-grey: #333;
	--color-dark-grey: #444;
	--color-contrast: gray;
	--font-size-body: 18px;
	--font-size-highlighted: 20px;
	--font-size-header: 56px;
	--font-size-button: 30px;
	--transition-speed: 0.1s;
}

/* Fonts */
@font-face {
	font-family: sans-serif;
	font-stretch: expanded;
}
@font-face {
	font-family: sans-serif;
	font-stretch: expanded;
}
body {
	font-family: sans-serif;
	font-weight: 400;
	font-size: var(--font-size-body);
}
h1 {
	font-size: var(--font-size-header);
}
h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
}
.rectangle {
	font-family: sans-serif;
	font-size: var(--font-size-button);
}
/* Fonts END */

/* General */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
}
body {
	line-height: 1.625;
	margin: 0px;
	color: white;
	background-color: black;
	background-position: center;
	background-size: 100%;
//	background-image: url("img/background.jpg");
	overflow-x: hidden;
}
body .page-hlavni-stranka {
	background-image: none;
}
p {
	text-align: justify;
}
.site-content {
	/* max-width: var(--content-max-width); */
	margin: auto;
}
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both;
}
b, optgroup, strong {
	font-weight: 700;
}
hr {
	box-sizing: content-box;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 1.5em;
}
.uppercase {
	text-transform: uppercase;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.w100p {
	width: 100%;
}
.big1 {
	font-size: 120%;
}
.big2 {
	font-size: 150%;
}
.big3 {
	font-size: 200%;
}
.highlighted {
	font-size: var(--font-size-highlighted);
	font-weight: bold;
}
.rectangle {
	border: 3px solid black;
	padding: 2px 10px;
	cursor: pointer;
	transition: all var(--transition-speed) linear;
}
.rectangle:hover {
	border-color: var(--color-contrast);
	color: var(--color-contrast);
}
.shadow {
	text-shadow:
		-1px -1px 0 #000,
		 1px -1px 0 #000,
		-1px  1px 0 #000,
		 1px  1px 0 #000;
}
.grey-bg {
	background-color: var(--color-dark-grey);
}
.no-pad-mar-y {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.box {
	overflow: auto;
	padding: 0px var(--gutter);
}
.box-mm {
	background-color: rgba(0, 0, 0, 0.45);
	padding: 0px;
}
.gutter-no {
	padding: 0px;
}
.gutter-all {
  padding: var(--gutter);
}
.gutter-v {
	padding-top: var(--gutter);
	padding-bottom: var(--gutter);
	padding-left: 0px;
	padding-right: 0px;
}
.gutter-h {
	padding-left: var(--gutter);
	padding-right: var(--gutter);
	padding-top: 0px;
	padding-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .gutter-right-md {
	  padding-right: var(--gutter);
  }
  .gutter-left-md {
	  padding-left: var(--gutter);
  }
}
.content-middle {
	max-width: var(--article-max-width);
	margin: auto;
}
.content-text {
	margin-top: var(--gap);
	margin-bottom: var(--gap);
}
.cols-2 {
	column-count: 2;
	column-gap: var(--gap);
}
.cols-3 {
	column-count: 3;
	column-gap: var(--gap);
}
.vertical-gap {
	margin-top: var(--gap);
	margin-bottom: var(--gap);
}
.right-gap {
	margin-right: var(--gap);
}
.block {
	display: block;
}
.constant-ratio { /* todo describe how it works */
  width: 100%;
  padding-top: 55%;
  position: relative;
}
.constant-ratio-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	width: 100%;
	height: 100%;
}
.hideme {
  /* opacity: 0; */
}
/* General END */

/* Headlines */
h1 {
	margin: .67em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin-bottom: 15px;
}
.headline {
	backgound-color: grey;
}
/* Headlines END*/

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
td, th {
	padding: 10px;
	text-align: left;
}
tr {
	border-bottom: 1px dotted gray;
}
/* Tables END */

/* Forms */
button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
/* Forms END */

/* Anchors */
a {
	outline: 0;
	transition: all var(--transition-speed) linear;
	color: white;
	text-decoration: none;
}
a:active,
a:hover {
	outline: 0;
}
a:hover {
	color: #7f7f7f;
}
.masked-anchor:hover {
	color: white;
	cursor: default;
}
/* Anchors END */

/* Header */
.site-header {
	height: var(--header-height);
	background-image: url("img/logo.png");
	background-repeat: no-repeat;
	background-position: -40px 10px;
	background-size: 250px;
	position: relative;
}
.error404 .site-header {
	height: 200px;
}
/* Header END */

/* Main menu */
.container-pmenu {
	padding: 0px 170px;
	text-transform: uppercase;
//  background: black;
//  opacity: .35;
}
.pmenu {
	list-style: none;
	margin: 0px auto;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
}
.container-pmenu-narrow {
  background-color: var(--color-dark-grey);
  overflow: hidden;
  max-height: 0;
  padding: 0;
  margin: 0 auto;
  transition: all 0.3s ease;
	position: absolute;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.pmenu-narrow {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	padding-top: 90px;
}
.pmenu-narrow li {
	display: block;
	width: 100%;
	text-align: center;
}
.pmenu a, .pmenu-narrow a {
	font-size: 130%;
  font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 15px 20px;
	display: block;     
//  background: black;
//	opacity: .35;
  color: black;
	text-shadow:
		-1px -1px 0 white,
		 1px -1px 0 white,
		-1px  1px 0 white,
		 1px  1px 0 white;   
}
.pmenu a:hover, .pmenu-narrow a:hover {
//  color: black;
	text-shadow:
		-1px -1px 0 black,
		 1px -1px 0 black,
		-1px  1px 0 white,
		 1px  1px 0 white; 
}
/*.pmenu a {
	display: block;
	text-decoration: none;
}*/
/*.pmenu-narrow a {
	padding: 13px 0px;
} */
.pmenu li.current-menu-item > a {
//	font-weight:500;
	text-shadow:
		-1px -1px 0 black,
		 1px -1px 0 black,
		-1px  1px 0 white,
		 1px  1px 0 white;
}
.pmenu-narrow .menu-item {
	border-bottom: 1px solid var(--color-very-dark-grey);
	margin-right: 15%;
	margin-left: 15%;
}
.pmenu-narrow .menu-item:last-child {
	border-style: none;
}
#menu-toggle-button {
	z-index: 1000;
	position: absolute;
	right: 20px;
	top: 15px;
	text-transform: uppercase;
	color: black;
}
#menu-toggle-button .menu-text {
	padding-right: 0.5em;
}
#menu-toggle {
  display: none;
}
#menu-toggle:checked + .container-pmenu-narrow {
  max-height: 1200px;
}
/* Main menu END */

/* Footer */
.site-footer {
	height: var(--footer-height);
	display: block;
	background: #000;
	padding: 20px var(--gutter);
}
body > div > div > div.eq {
  display: none;
}
/* Footer END */

/* After header section */
.after-header {
	height: 65vh;
	background-image: url("img/header.jpg");
	background-size: cover;
	background-position: center center;
	margin-top: calc(-1 * var(--header-height));
	min-height: var(--header-height);
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
	text-align: center;
  font-weight: 1000;  
  color: black;
/*	text-shadow:
		-1px -1px 0 white,
		 1px -1px 0 white,
		-1px  1px 0 white,
		 1px  1px 0 white;*/  
}
.after-header > div {
	padding-bottom: 100px;
}
.after-header h1 {
	text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
	.after-header h1 {
		font-size: 35px;
	}
}
.after-header-index {
	background-image: url("img/header_index.jpg");
	height: 100vh;
	font-size: 100px;
	letter-spacing: 9px;
	/* margin-left: calc(-0.5 * (100vw - 1920px)); */
}
@media screen and (max-width: 1024px) {
	.after-header-index h1 {
		font-size: 35px;
		letter-spacing: 6px;
	}
}
.page-cenik .after-header {
//	background-image: none;
//	height: 0vh;
}
.page-akce .after-header {
//	background-image: none;
//	height: 0vh;
}
.page-fotogalerie .after-header {
//	background-image: none;
//	height: 0vh;
}
.page-kontakt .after-header {
	background-image: url("img/header_contact.jpg");
}
/* After header section END */

/* Index page */
.grid-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: grayscale(40%);
}
.grid-text {
	text-align: center;
	background-color: black;
//	background-image: url("img/bg1_2.jpg");
	background-size: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.grid-text > div {
	margin: 10px 0px;
}
@media screen and (max-width: 767px) {
	.grid-text {
		height: 400px;
	}
  .grid-1-text {
		background-image: url("img/grid1_small.jpg");
  }
  .grid-2-text {
		background-image: url("img/grid2_small.jpg");
  }
	.grid-3-text {
		background-image: url("img/grid3_small.jpg");
  }
	.grid-4-text {
		background-image: url("img/grid4_small.jpg");
  }
	.grid-5-text {
		background-image: url("img/grid5_small.jpg");
  }
	.grid-6-text {
		background-image: url("img/grid6_small.jpg");
  }
	.grid-7-text {
		background-image: url("img/grid7_small.jpg");
  }
  .grid-text {
		background-position: center center;
		background-size: cover;
/*		text-shadow:
      -1px -1px 0 #000,
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;  */
	  filter: grayscale(40%);
		justify-content: flex-end;
	}
}
.grid-1-img {
	background-image: url("img/grid1.jpg");
}
.grid-2-img {
	background-image: url("img/grid2.jpg");
}
.grid-3-img {
	background-image: url("img/grid3.jpg");
}
.grid-4-img {
	background-image: url("img/grid4.jpg");
}
.grid-5-img {
	background-image: url("img/grid5.jpg");
}
.grid-6-img {
	background-image: url("img/grid6.jpg");
}
.grid-7-img {
	background-image: url("img/grid7.jpg");
}
.grid-galerie1-img {
	background-image: url("img/foto-auta.jpg");
}
.grid-galerie2-img {
	background-image: url("img/foto-domacnosti.jpg");
}
.index-contacts-box {
//	background-image: url("img/background-index.jpg");
	overflow: auto; /* to avoid collapsing margins */
}
.index-contact-icons {
	text-align: center;
	margin-top: var(--gap);
	color: var(--color-contrast);
}
.index-contact {
	text-align: center;
	margin: 10px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
  .index-contact > div {
		margin: 20px 0px;
	}
}
/* Index page END */

/* FAQ page */
.page-caste-dotazy .actual-content h2 .num {
	color: var(--color-contrast);
}
/* FAQ page end */

/* Contact page */
.contact .icon {
	padding: 15px;
	color: var(--color-contrast);
}
.form-item {
	width: 100%;
}
/* Contact page END*/

/* 404 */
.error-404-content {
	min-height: calc(100vh - 200px - var(--footer-height)); /* display - header - footer) */
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 404 END */