/*
 Theme Name:   Komora PLUS
 Theme URI:    https://www.freshservices.cz/
 Description:  Komora PLUS
 Author:       Freshservices
 Author URI:   https://www.freshservices.cz/
 Version:      1.0.1
 License:      Commercial
 Text Domain:  komora-theme
*/

/*
 * 1 - FONTS
 * 		- MyriadPro
 * 		- MyriadProCond
 * 		- Merriweather
 * 2 - BASIC
 * 		- texts
 * 		- form items
 * 		- grids
 * 3 - BLOKY
 *		- box
 *		- citace
 *		- tabulka
 *		- casopis
 *		- obrazek
 *		- galerie
 *		- modal
 *		- bannery
 * 4 - LAYOUTY
 * 		- vypis large
 * 		- vypis medium
 *  	- vypis small
 * 		- vypis tiny
 * 		- vypis single
 * 		- filtrace
 * 		- header
 * 		- footer
 * 5 - MEDIA
 * 		- @media 768
 * 		- @media 1340
*/

/* 1 - FONTS */

/* MyriadPro */

@font-face {
    font-family: MyriadPro;  
    src: url(fonts/MyriadPro/MYRIADPRO-REGULAR.woff);  
    font-weight: normal;  
}
@font-face {
    font-family: MyriadPro;  
    src: url(fonts/MyriadPro/MYRIADPRO-BOLD.woff);  
    font-weight: bold;  
}
@font-face {
    font-family: MyriadPro;  
    src: url(fonts/MyriadPro/MYRIADPRO-BOLDIT.woff);  
    font-weight: bold;
	font-style: italic;
}

/* MyriadProCond */

@font-face {
    font-family: MyriadProCond;  
    src: url(fonts/MyriadPro/MYRIADPRO-COND.woff);  
    font-weight: normal;  
}
@font-face {
    font-family: MyriadProCond;  
    src: url(fonts/MyriadPro/MYRIADPRO-CONDIT.woff);  
    font-style: italic; 
}
@font-face {
    font-family: MyriadProCond;  
    src: url(fonts/MyriadPro/MYRIADPRO-BOLDCOND.woff);  
    font-weight: bold;  
}
@font-face {
    font-family: MyriadProCond;  
    src: url(fonts/MyriadPro/MYRIADPRO-BOLDCONDIT.woff);  
    font-weight: bold;
	font-style: italic;
}

/* Merriweather */

@font-face {
    font-family: Merriweather;  
    src: url(fonts/Merriweather/Merriweather-Regular.ttf);  
    font-weight: normal;  
}
@font-face {
    font-family: Merriweather;  
    src: url(fonts/Merriweather/Merriweather-Italic.ttf);  
    font-style: italic;  
}
@font-face {
    font-family: Merriweather;  
    src: url(fonts/Merriweather/Merriweather-Bold.ttf);  
    font-weight: bold;  
}
@font-face {
    font-family: Merriweather;  
    src: url(fonts/Merriweather/Merriweather-BoldItalic.ttf);  
    font-weight: bold; 
	font-style: italic; 
}

/* 1 - BASIC */

html, body, div, h1, h2, h3, h4, h5, h6, p, span {
	margin: 0;
}
html, body {
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	margin-top: 0!important;	
}

/* texts*/
h1 {
	font-family: MyriadProCond;
	font-size: 48px;
	line-height: 56px;
	color: #212121;	
}
.archive h1,
.search h1 {
	padding-bottom: 18px;
	font-size: 40px;
	line-height: 47px;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
h2 {
	font-family: MyriadProCond;
	font-size: 40px;
	line-height: 47px;
	font-weight: bold;
	color: #212121;
}
h3 {
	font-family: MyriadProCond;
	font-size: 32px;
	line-height: 37px;
	font-weight: bold;
	color: #212121;
}
h4 {
	font-family: MyriadProCond;
	font-size: 32px;
	line-height: 37px;
	font-weight: normal;
	color: #212121;
}
h5 {
	font-family: MyriadPro;
	font-size: 18px;
	line-height: 21px;
	color: #212121;
}
h6 {
	font-family: MyriadPro;
	font-size: 14px;
	line-height: 18px;
	color: #212121;
}
.title {
	text-transform: uppercase;
	color: #F9B233;
}
p, a, li, .odstavec span, th, td, div {
	font-family: Merriweather;
	font-size: 16px;
	line-height: 28px;
	text-decoration: none;
	color: #212121;	
}
p.perex {
	margin: 18px 0;
	font-family: MyriadProCond;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	text-align: justify;
}

/* span styles */
span,
a.search-filter-reset,
.modal-footer,
input, textarea {
	font-family: MyriadPro;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.09px;
	text-transform: uppercase;
	color: #8A8B8A;
}
span.meta {
	margin-right: 6px;
	text-decoration: underline;
	color: #F8B133;
}
span.tag {
	padding: 4px 16px;
	color: #FFFFFF;
	background: #F8B133;
}
span.info {
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
	color: #212121;
}
span img {
	margin-right: 5px;
	position: relative;
	top: 1px;
}

/* buttons */
button {
	cursor: pointer;
}
a.btn, .btn a,
input[type=submit],
#single .woocommerce button.button,
#single .woocommerce a.button {
	display: inline-block;
	padding: 12px 20px;
	font-family: MyriadPro;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	background: none;
	color: #212121;
	outline: none;
	border: 1px solid #F8B133;
	border-radius: 0;
	cursor: pointer;
}
a.small, .small a, 
.small input[type=submit] {
	padding: 6px 16px;
	font-size: 14px;
	line-height: 24px;
	text-transform: none;
}
.nav-buttons {
	justify-content: center;
	padding: 70px 0 40px;
}
.nav-buttons a {
	margin: 0 20px;
}

/* form items */
form {
	position: relative;
	z-index: +5;
}
form .wpcf7-not-valid-tip {
	padding: 10px 15px;
	border: none;
	border-left: 1px solid #212121;
}
.wpcf7 form .wpcf7-response-output {
	display: inline-block;
	padding: 0;
	border: none;
    border-bottom: 1px solid #212121;
}
form .recaptcha {
	display: block;
	margin-bottom: 20px;
}
.formular-podnikani {
	padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    border-radius: 4px;
}
.formular-podnikani h5 {
	margin-bottom: 10px;
}
.formular-podnikani label {
	display: block;
}
.formular-podnikani span {
	margin-left: 0;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	text-transform: none;
}
.formular-podnikani input[type="submit"] {
	display: block;
	margin: 0 auto;
}
.formular-podnikani .wpcf7-form-control.wpcf7-checkbox {
	display: flex;
	flex-direction: column;
}
.formular-podnikani p:last-child:after {
	display: none!important;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
	width: calc(100% - 28px);
	max-width: calc(100% - 28px);
	margin: 14px 0;
	padding: 12px 14px;
	text-transform: none;
	background-color: #FFFFFF;
	outline: none;
	border: none;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	height: 14px;
	width: 14px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	outline: none;
	border: 1px solid rgba(102, 102, 102, 0.5);
}
input[type=checkbox]:checked {
	background-color: #F9B233;
	border-color: #F9B233;
}
input[type=checkbox]:checked:before {
	content: "✓";
	position: absolute;
	top: -2px;
    left: 2px;
    font-size: 11px;
    font-weight: bold;
	z-index: 5;
}

select {
	width: 100%;
	padding: 8px;
	outline: none;
	border: 1px solid rgba(102, 102, 102, 0.3);
}

/* datepicker */
.searchandfilter-date-picker .ui-datepicker table {
	width: 100.5%!important;
}
.ll-skin-melon div.ui-widget {
	background-color: #F9B233;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.ll-skin-melon .ui-datepicker td {
	background-color: #FFFFFF!important;
}
.ll-skin-melon .ui-datepicker th,
.ll-skin-melon td a.ui-state-active {
	background-color: #F9B233;
	border-color: #FFFFFF!important;
}
.ll-skin-melon td a.ui-state-hover {
	background-color: rgba(138, 139, 138, 0.09);
}
.ll-skin-melon td a.ui-state-default,
.ll-skin-melon .ui-datepicker-calendar span {
	color: #212121;
}

/* social share */
#social-share div.simplesocialbuttons {
	height: 45px;
	margin: 0;
	padding: 0;
}

/* img */
img {
	max-width: 100%;
	height: auto;
}

/* menu */
.menu {
	padding: 0;
	list-style: none;
}
.menu a {
	font-family: MyriadProCond;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #212121;
}

/* grids */
.grid {
	max-width: 1270px;
	display: block;
	margin: 0 auto;
	padding: 25px 30px;
	position: relative;
}
.main-grid, .sub-grid {
	position: relative;
	clear: both;
}
.sub-grid h3 {
	margin-bottom: 13px;
}

.layout {
	max-width: 1270px;
	margin: 0 auto;
}

.flex-col, .flex-row {
	display: flex;
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}

/* 3 - BLOKY */

/* box */
.box {
	padding: 38px 28px 30px 30px;
	position: relative;
	background: rgba(249, 178, 51, 0.1);
}
.box:after {
	content: "";
	width: 100%;
    height: 100%;
	position: absolute;
    top: 11px;
    left: 8px;
	border: 1px solid #F8B133;
	z-index: +1;
}
.box p {
    font-style: italic;
}
.box a {
	text-decoration: underline;
}
.box span {
	color: #212121;
}
.box .box-content {
	position: relative;
	z-index: +5;
}
.box .datum {
	height: 56px;
	width: 54px;
	justify-content: center;
	align-items: center;
	margin-right: 8px;
	font-size: 10px;
	line-height: 10px;
	color: #212121;
	border: 1px solid #F8B133;
}
.box .datum p {
	padding-bottom: 5px;
	font-size: 32px!important;
	line-height: 32px!important;
	font-weight: bold;
	font-style: normal;
	font-family: MyriadPro;
}
.box .datum p:after {
	content: ".";
}
.box .autor {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
	padding: 20px 0;
}
.box .flex-row {
	justify-content: center;
	position: relative;
	z-index: +2;
}
.box .attachment-thumbnail {
	height: 90px;
	width: 90px;
	min-height: 90px;
	min-width: 90px;
	object-fit: cover;
	margin-right: 12px;
	border-radius: 100%;
}
.box .box-uvod .attachment-thumbnail {
	margin-bottom: 12px;
}

/* box - akce */
#kalendar-akci {
	margin-top: 47px;
	margin-bottom: 47px;
}
#kalendar-akci h3 img {
	margin-right: 13px;
}
#kalendar-akci .akce {
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 36px;
}
#kalendar-akci .akce h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
#kalendar-akci .akce p {
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
}
#kalendar-akci .akce div {
	max-width: 148px;
}
#archive-akce .akce > div {
    padding-left: 30px;
    max-width: 89%;
}
.akce .odstavec {
	position: relative;
	z-index: +9;
}
.akce .odstavec a {
	text-decoration: underline;
}

/* box - odkazy */
#odkazy-box {
	margin-top: 57px;
}
#odkazy-box a {
	display: inline-flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 15px;
	position: relative;
	text-decoration: underline;
  	text-decoration-color: #F8B133;
	transition: color 0.3s linear;
	z-index: +2;
}
#odkazy-box a:hover {
	color: #F8B133;
}
#odkazy-box a img {
	margin-right: 10px;
	padding-top: 2px;
}

/* box - vyrok */
#vyrok-tydne {
	margin-top: 16px;
}
#vyrok-tydne .box p {
	padding: 20px 0;
	font-family: MyriadPro;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	border-top: 1px solid rgba(248, 177, 51, 0.2);
}
#vyrok-tydne .btn {
	margin-top: 30px;
}
#vyrok-tydne .box span {
	text-transform: none;
	color: #212121;
}
#vyrok-tydne .box .jmeno {
	padding-bottom: 5px;
	text-transform: uppercase;
}
#vyrok-tydne .box .dovetek {
	display: block;
	padding-bottom: 20px;
	font-style: italic;
}

/* box - newsletter */
#newsletter {
	margin-top: 47px;
}
#newsletter .box {
	background: rgba(138, 139, 138, 0.09);
}
#newsletter .box:after {
	border-color: #8A8B8A;
}
#newsletter .box h3 {
	font-size: 24px;
	line-height: 28px;
}
#newsletter input[type=submit] {
	width: 100%;
	display: block;
	margin-top: 14px;
	border-color: #8A8B8A;
}

/* box - archiv */
.archiv .box {
	margin-top: 36px;
	background-color: rgba(138, 139, 138, 0.09);
}
.archiv .box:after {
	border: none;
}
.archiv p {
	padding-bottom: 10px;
}
.archiv .komentar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(138, 139, 138, 0.1);
}

/* casopis */
#casopis-pro-cleny {
	margin-top: 47px;
	position: relative;
}
#casopis-pro-cleny h4 {
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
}
#casopis-pro-cleny p {
    font-size: 12px;
	line-height: 16px;
}
#casopis-pro-cleny .btn {
	margin-top: 20px;
	border-color: #8A8B8A;
}
#casopis-pro-cleny img {
	max-width: 133px;
	height: auto;
	margin-right: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#casopis-pro-cleny .flex-col {
	justify-content: center;
	overflow: hidden;
}

#tlacitko {
	width: 100%;
	display: inline-block;
	margin-top: 25px;
	background: rgba(249, 178, 51, 0.1);
}
#tlacitko .btn {
	display: block;
	margin: 0 auto;
}

/* banner extra */
#banner-extra {
	margin-top: 47px;
	position: relative;
}

/* citace */
.citace {
	padding-left: 24px;
	border-left: 1px solid #F9B233;
}
.citace p {
	font-family: MyriadPro;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
}
.citace span {
	text-transform: uppercase;
	color: #666666;
}

/* sloupce */
.sloupce {
	margin: 0 -15px 30px;
	display: flex;
	flex-direction: column;
}
@media (min-width: 768px) {
	.sloupce {
		flex-direction: row;
	}
}
.sloupce > div {
	margin: 0 15px;
	width: calc(100% - 30px);
}
.sloupce div img {
	height: auto;
	width: 100%;
	object-fit: cover;
}

/* tabulka */
.tabulka table th, 
.tabulka table td {
	padding: 5px;
}

/* obrazek */
.obrazek {
	width: 100%;
	margin-right: 30px;
	position: relative;
}
.flex-row .obrazek:last-child {
	margin-right: 0;
}
.obrazek img {
	max-height: 600px;
	display: block;
	margin: 0 auto;
    object-fit: contain;
}
.obrazek span {
	position: static;
	bottom: -14px;
	bottom: -18px;
	left: 0;
	text-transform: none;
}

/* galerie */
.galerie {
	padding: 0;
	list-style: none;
}
.galerie .galerie-hlavni {
	margin-bottom: 16px;
	position: relative;
}
.galerie .galerie-hlavni .img-fluid {
	max-height: 392px;
	width: 100%;
	object-fit: cover;
}
.galerie .galerie-nahled {
	display: inline-block;
	margin-right: 31px;
}
.galerie li:nth-child(4) {
	margin-right: 0;
}
.galerie .galerie-nahled .img-fluid {
	width: 100%;
	max-width: 265px;
	max-height: 176px;
    object-fit: cover;
    object-position: 50% 30%;
}
.galerie a {
	position: relative;
}
.galerie a span {
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-transform: none;
	color: #ffffff;
	z-index: 5;
}
.galerie .galerie-info {
	height: 56px;
	width: 100%;
	padding: 18px 0;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(359.2deg, #212121 4.72%, rgba(33, 33, 33, 0) 94.48%);
}
.galerie .galerie-info span {
	vertical-align: super;
	font-size: 16px;
	line-height: 24px;
	text-transform: none;
	color: #ffffff;
}
.galerie .galerie-info img {
	padding: 0 12px 0 24px;
}

/* modal */
.modal {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 177, 51, 0.95);	
	overflow-y: auto;
	z-index: 999;
}
.modal span {
	color: #212121;
}
.modal .modal-header {
	margin-top: -50px;
    margin-bottom: 50px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.modal .modal-header h4 {
	font-size: 22px;
}
.modal .modal-header span {
	float: right;
	font-size: 32px;
}
.modal button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	background: transparent;
	outline: none;
	border: none;
	z-index: +2;
}
.modal input[type=submit]{
	display: block;
	margin: 26px auto 0;
	border-color: #212121;
}
.modal .modal-dialog {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.modal .modal-footer {
	margin-top: 40px;
	margin-bottom: -40px;
	text-transform: none;
	text-align: right!important;
	color: #212121;
}

/* modal - galerie */
.modal .ekko-lightbox-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.modal .ekko-lightbox-item h4 {
	font-size: 22px;
}
.modal .ekko-lightbox-item img {
	max-height: 75vh;
    object-fit: cover;
}
.modal .ekko-lightbox-container {
	max-height: 76vh;
}
.modal .ekko-lightbox-nav-overlay {
    height: 50px;
    top: auto;
	bottom: -100px;
	z-index: 99;
}
.modal .ekko-lightbox-nav-overlay a {
	opacity: 1;
}
.modal .ekko-lightbox-nav-overlay a:first-child {
	position: relative;
	left: 0;
}
.modal .ekko-lightbox-nav-overlay a:last-child {
	position: relative;
	right: 0;
}

.open, .close {
	cursor: pointer;
}
.close {
	position: relative;
	z-index: +99;
}

/* audio */
.audio audio {
	width: 100%;
}

/* dokumenty */
.dokument {
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid rgba(138, 139, 138, 0.1);
}
.dokument .flex-row {
	justify-content: space-between;
	align-items: center;
}

/* cta */
.cta {
	padding: 30px;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}
.cta h3,
.cta p {
	text-align: center;
}
.cta .btn {
	max-width: 180px;
	margin: 20px auto 0;
	display: block;
}

/* dlazdice */
.dlazdice {
	margin-left: -20px;
	margin-right: -20px;
	flex-wrap: wrap;
}
.dlazdice h5 {
	margin-bottom: 15px;
}
.dlazdice .dlazdice-single {
	width: calc(100% - 40px);
	margin: 20px;
}
.dlazdice .box {
	height: 100%;
	padding: 0;
}
.dlazdice .flex-col {
	padding: 38px 28px 30px 30px;
}

/* projekty */
.nav-tabs {
	margin-bottom: 20px;
	padding: 0;
	border-top: 1px solid rgba(138, 139, 138, 0.1);
    border-bottom: 1px solid rgba(138, 139, 138, 0.1);
	list-style: none;
}
.nav-tabs li {
	padding: 5px 30px;
}
.nav-tabs .active {
	background-color: #F8B133;
}
.nav-tabs a {
	position: relative;
	font-family: MyriadProCond;
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	transition: color 0.25s linear;
	z-index: 0;
}
.nav-tabs li:not(.active):hover a {
	color: #F8B133;
}
.nav-tabs .active a {
	color: #FFFFFF;
	z-index: 2;
}
.tab-content {
	padding: 0;
	position: relative;
	z-index: 1;
}
.tab-content .tab-pane {
	display: none;
}
.tab-content .tab-pane.active {
	display: block;
}
.tab-content .tab-pane .flex-row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(138, 139, 138, 0.1);
}
.tab-content .tab-pane .flex-row h5 {
	min-width: 170px;
	margin-right: 30px;
}
.tab-content .tab-pane .flex-row a {
	width: 170px;
	min-width: 170px;
	margin-left: 30px;
}

/* bannery */
.banner li {
	background-color: #ffffff;
	opacity: 1!important;
}
.banner .info {
	font-size: 10px;
	text-align: right;
	text-decoration: underline;
}
.banner .slides img {
	width: auto;
}

.sub-grid .banner img {
	max-width: 300px;
}

/* banner - fullwidth */
#fullwidth {
	margin: 44px 0 20px;
}
#fullwidth li {
	height: inherit;
	max-height: 600px;
}

/* banner - standart */
#standart {
	margin: 47px 0;
}
#standart li {
	height: inherit;
	max-height: 300px;
}

#standart li a {
	display: block;
}

#standart li a > img {
	max-block-size: 300px;
	inline-size: auto;
	margin-inline: auto;
}

/* banner - skyscraper */
#skyscraper {
	margin: 57px 0 0;
}
#skyscraper li {
	height: inherit;
}

/* banner - square */
#square {
	margin: 0;
}
#square li {
	height: inherit;
	max-height: 300px;
}

/* 4 - LAYOUTY */

/* velky vypis */
.post-big .post-image {
	max-height: 360px;
	position: relative;
}
.post-big .wp-post-image {
	max-height: 360px;
	object-fit: cover;
	object-position: 50% 30%;
}
.post-big .post-content {
	padding: 23px 0;
	background-color: #ffffff;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
.post-big .post-content h1 {
	margin: 13px 0 4px;
}
.post-big .post-text {
	padding-top: 16px;
}

/* stredni vypis */
.post-medium {
	padding: 23px 0;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
.post-medium .post-image {
	height: 224px;
}
.post-medium .wp-post-image {
	width: 374px;
	height: 224px;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}
.post-medium .post-content {
	max-width: 477px;
}
.post-medium .post-content h2 {
	margin: 0 0 16px;
}
.post-medium .tag {
	margin-right: 16px;
}
.post-medium .post-text {
	margin-top: 16px;
}

.main-grid .post-medium:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

/* maly vypis */
.post-small {
	width: 100%;
	display: inline-flex;
	flex-direction: row;
	padding: 23px 0;
	vertical-align: top;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
.post-small .post-image {
	height: 176px;
	display: none;
}
.post-small .wp-post-image {
	width: 184px;
	height: 176px;
	min-width: 184px;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}
.post-small .post-content .tag {
	display: none;
}
.post-small .post-content h3 {
	margin-bottom: 16px;
}

.top-vyber .post-small {
	flex-direction: column;
	padding-right: 23px;
	padding-bottom: 0;
	border-bottom: none;
}
.top-vyber .post-small:nth-child(odd) {
	padding-right: 23px;
}
.top-vyber .post-small:nth-child(3) {
	padding-right: 0;
}
.top-vyber .post-small .post-image {
	margin-bottom: 23px;
}
.top-vyber .post-small .wp-post-image {
	width: 293px;
}
.top-vyber .post-content {
	max-width: initial;
}
.top-vyber .post-small .post-content .tag {
	display: inline-block;
}
.top-vyber .post-small .post-content h3 {
	margin: 16px 0;
}

#homepage-vypis .post-small:nth-child(1) {
	padding-top: 0;
}
#homepage-vypis .post-small:nth-child(6) {
	border-bottom: none;
}

/* nejmensi vypis */
.post-tiny {
	width: 100%;
	max-width: 100%;
	display: inline-flex;
	flex-direction: row;
	padding: 19px 0;
	vertical-align: top;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
.post-tiny .post-content h5 {
	margin-top: 14px;
}

/* vsechny vypisy */
.post-content .post-text p {
	display: none;
}
.post-content .post-text p:first-child {
	display: inline-block;
}

/* single vypis */
#single .single-header {
	margin-bottom: 25px;
}
#single .single-info {
	align-items: center;
}
#single .single-info .attachment-thumbnail {
	max-height: 30px;
    max-width: 30px;
	margin-right: 4px;
	object-fit: cover;
    border-radius: 100%;
}
#single .single-image {
	position: relative;
}
#single .single-image:not(:has(.single-image__desc)) .wp-post-image {
	margin-bottom: 46px;
}

#single .single-image .wp-post-image {
	max-width: 100%;
	max-height: 450px;
	width: 930px;
    object-fit: cover;
	object-position: center;
}

.single-image__desc {
	display: grid;
	gap: 10px;
	margin-bottom: 46px;
	padding-block-start: 16px;
}

@media screen and (min-width: 768px) {
	.single-image__desc {
		place-content: space-between;
		grid-template-columns: minmax(0, max-content) minmax(0, max-content);
	}
}

.single-image__caption,
.single-image__alt {
	text-transform: none;
}

#single .single-content  h2 {
	margin-bottom: 5px;
}
#single .single-content  h3 {
	margin-bottom: 16px;
}
#single .single-content > div {
	margin-bottom: 46px;
}
#single .single-content .odstavec p {
	padding-bottom: 15px;
	text-align: justify;
}
#single .single-content .odstavec p:last-child {
	padding-bottom: 0;
}
#single .single-content .odstavec:last-child p:last-child:after {
	content: "";
	height: 12px;
	width: 12px;
	display: inline-block;
	margin-left: 6px;
	background-color: #F9B233;
}
#single .single-content .odstavec a {
	text-decoration: underline;
}
#single .single-content .odstavec a:hover {
	color: #F8B133;
}

#social-share {
	margin: 30px 0;
}

/* nejnovejsi prispevky */
.nejnovejsi {
	margin-top: 47px;
}
.nejnovejsi h3 strong {
	text-transform: uppercase;
}
.nejnovejsi .flex-row {
	padding: 19px 0;
	border-bottom: 1px solid rgba(138, 139, 138, 0.2);
}
.nejnovejsi .flex-row h5 {
	padding-top: 14px;
}

/* filtrace - search & filter plugin */
#filtrace #filtr-open {
	padding: 6px 16px;
	position: absolute;
	top: 6px;
	right: 0;
	font-weight: bold;
	border: 1px solid #f8b133;
	cursor: pointer;
}
#filtrace #filtr-open img {
	vertical-align: text-top;
}
#filtrace form {
	width: 250px;
	padding: 20px 41px;
	position: absolute;
	top: 43px;
	right: 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	z-index: 55;
}
#filtrace .searchandfilter h4 {
	padding: 0 0 2px;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
}
#filtrace .searchandfilter .sf_date_field li {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#filtrace .searchandfilter .sf-date-prefix {
	font-family: MyriadProCond;
	color: #212121;
	margin-right: 10px;
}
#filtrace a.search-filter-reset {
	float: right;
	text-transform: none;
	text-decoration: underline;
	opacity: 0.5;
}
#filtrace .searchandfilter ul,
#filtrace .searchandfilter ul li li {
	margin-bottom: 4px;
	padding: 0;
	position: relative;
}
#filtrace form .searchandfilter ul>li>ul:not(.children) {
	display: flex;
	flex-direction: column;
}
#filtrace .searchandfilter ul li ul li ul.children {
	display: none;
}
#filtrace .searchandfilter .sf-field-taxonomy-obor, 
#filtrace .searchandfilter .sf-field-taxonomy-podniky {
	display: inline-block;
	vertical-align: top;
}
#filtrace .searchandfilter .sf-field-taxonomy-obor {
	margin-right: 25px;
}
#filtrace .searchandfilter label {
	width: 100%;
}
#filtrace .searchandfilter input[type="checkbox"]{
	margin: 0;
	position: absolute;
	top: 8px;
}
#filtrace .searchandfilter li[data-sf-field-input-type=checkbox] label {
	max-width: 90px;
	padding-left: 18px;
	vertical-align: text-top;
	font-family: MyriadPro;
	font-size: 14px;
	line-height: 24px;
}
#filtrace .searchandfilter .sf-field-submit {
	padding: 30px 0 0;
}
#filtrace .searchandfilter input[type=submit] {
	display: block;
	margin: 0 auto;
}

/* filtrace - vyhledavani */
#vyhledavani .modal {
	height: auto;
	position: absolute;
	top: 70px;
	z-index: +9;
}
#vyhledavani .modal .grid {
	max-width: 840px;
	padding: 51px 30px;
}
#vyhledavani .modal .close {
	position: absolute;
	top: 15px;
	right: 15px;
}

#vyhledavani .searchandfilter input[type=text] {
	margin: 0;
	font-size: 28px;
	line-height: 24px;
	color: #212121;
	background-color: #fef7ea;
	border: none;
	box-shadow: none;
}
#vyhledavani .searchandfilter ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
}
#vyhledavani .searchandfilter ul li {
	padding: 0;
}
#vyhledavani .searchandfilter ul li.sf-field-search,
#vyhledavani .searchandfilter ul li.sf-field-search label {
	width: 100%;
}

#vyhledavani #vyhledat span {
	display: none;
}
#vyhledavani #vyhledat span.tag {
	display: inline-block;
	color: #F8B133;
	background-color: #212121;
}
#vyhledavani #vyhledat .post-medium {
	justify-content: flex-end;
	padding: 33px 0;
	border-top: 1px dashed #212121;
}
#vyhledavani #vyhledat .post-medium:first-child {
	border: none;
}
#vyhledavani #vyhledat .post-medium .wp-post-image,
#vyhledavani #vyhledat .post-medium .post-image {
	max-width: 220px;
    max-height: 160px;
	margin-right: 0;
}
#vyhledavani #vyhledat .post-medium .post-content {
	width: 100%;
	max-width: 587px;
}

/* woocommerce */
#single .woocommerce button.button {
	margin-top: 36px;
}
#single .woocommerce-info {
	color: #212121;
	background: rgba(249, 178, 51, 0.1);
    border-top-color: #f8b133;
}
#single .woocommerce form.checkout_coupon, 
#single .woocommerce form.login, 
#single .woocommerce form.register {
	position: relative;
	padding: 38px 28px 30px 30px;
    position: relative;
    background: rgba(249, 178, 51, 0.1);
	border: none;
}
#single .woocommerce form.checkout_coupon:after, 
#single .woocommerce form.login:after, 
#single .woocommerce form.register:after {
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 11px;
    left: 8px;
    border: 1px solid #F8B133;
    z-index: -1;
}
#single .woocommerce-MyAccount-navigation-link--orders,
#single .woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

/* lista */
.lista {
	padding: 16px;
	text-align: center;
	background: #F8B133;
}
.lista a {
	text-decoration: underline;
}
.lista .close {
	float: right;
}

/* header */
header {
	padding: 0 0 25px;
}
header .flex-col {
	justify-content: flex-end;
}
header .flex-row div {
	width: 100%;
}
header .info {
	float: right;
}

/* header menu */
#header-menu {
	position: relative;
	border-top: 1px solid rgba(138, 139, 138, 0.1);
	border-bottom: 1px solid rgba(138, 139, 138, 0.1);
}
#header-menu .grid {
	padding: 20px 30px;
	position: initial;
}
#header-menu .menu-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#header-menu .menu-hlavni-menu-container {
	width: 100%;
}
#header-menu .menu-hlavni-menu-container ul {
	width: calc(100% - 32px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	padding: 16px;
	position: absolute;
	top: 66px;
	left: 0;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	z-index: +6;
}
#header-menu .menu-hlavni-menu-container ul a {
	border-bottom: 2px solid transparent;
	transition: all 0.3s linear;
}
#header-menu .menu-hlavni-menu-container ul .current-menu-item a,
#header-menu .menu-hlavni-menu-container ul li:hover a {
	color: #F8B133;
	border-bottom: 2px solid #F8B133;
}

/* header submenu */
#header-menu .menu-hlavni-menu-container .menu-item-has-children {
	position: relative;
}
#header-menu .menu-hlavni-menu-container .menu-item-has-children ul {
	width: 145px;
	display: flex;
	flex-direction: column;
	padding: 7px 14px;
	position: absolute;
	right: -130px;
	top: 0;
	background-color: rgba(248, 177, 51, 0.95);
    opacity: 0;
	list-style: none;
    pointer-events: none;
	z-index: -5;
	transition: all 0.33s linear;
}
#header-menu .menu-hlavni-menu-container .menu-item-has-children:hover ul {
	opacity: 1;
	pointer-events: initial;
	z-index: +5;
}
#header-menu .menu-hlavni-menu-container .menu-item-has-children ul li a {
	color: transparent;
	border: none!important;
	transition: all 0.33s linear;
}
#header-menu .menu-hlavni-menu-container .menu-item-has-children:hover ul li a {
	color: #212121;
}
#header-menu .menu-hlavni-menu-container .menu-item-has-children ul li a:hover {
	color: #FFFFFF;
}

/* footer */

/* footer podpora */
#footer-podpora {
	max-width: 724px;
	justify-content: space-between;
	position: relative;
	bottom: -11px;
	margin: 0 auto;
	padding: 32px 45px;
	clear: both;
	background-color: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
#footer-podpora a {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: underline;
}
#footer-podpora img {
	max-width: 15px;
}
#footer-podpora a div {
	margin-right: 14px;
	padding: 7px;
	border: 1px solid #F9B233;
	border-radius: 100%;
}
#footer-podpora .modal dialog {
	max-width: 600px;
	padding: 50px 30px 0;
}

/* footer top */
#footer-top {
	padding: 25px 0;
	clear: both;
	background: rgba(249, 178, 51, 0.1);
}
#footer-top  .footer-udaje .flex-row {
	justify-content: flex-start;
	padding-bottom: 7px;	
}
#footer-top .footer-udaje h6 {
	padding-bottom: 7px;	
}
#footer-top .footer-udaje p, 
#footer-top .footer-udaje a {
	font-family: MyriadPro;
	font-size: 12px;
	line-height: 14px;
	color: #212121;
}
#footer-top .footer-udaje a {
	padding-right: 5px;
}
#footer-top .footer-loga img:first-child {
	margin-bottom: 10px;
}

/* footer */
footer .grid {
	padding: 15px 30px;
	background-color: #FFFFFF;
}
footer .flex-row {
	flex-direction: row;
	justify-content: space-between;
}

/* 5 - RESPONZIVA */

@media screen and (min-width: 768px) {
	html, body {
		margin-top: 0!important;	
	}
	#tlacitko {
		width: auto;
	}
	.formular-podnikani {
		padding: 32px 45px;
	}
	/* grid */
	.flex-row {
		flex-direction: row;
	}
	#single .single-content,
	#social-share div.simplesocialbuttons {
		padding-left: 64px;
	}
	#single.page .single-content,
	#social-share.page div.simplesocialbuttons {
		padding-left: 0;
	}
	/* bloky */
	.citace {
		margin: 0 78px;
	}
	.box .box-uvod {
		justify-content: flex-start;
		align-items: center;
	}
	.dlazdice .dlazdice-single {
		width: calc(33% - 40px);
	}
	/* layout */
	.post-big .wp-post-image {
		max-height: 274px;
	}
	.post-medium .post-image {
		margin-right: 23px;
	}
	.post-small .post-image {
    	display: block;
	}
	#homepage-vypis .post-small .post-image {
		width: 184px;
		margin-right: 23px;
	}
	#vyhledavani #vyhledat .post-medium {
		flex-direction: row-reverse;
	}
	#vyhledavani #vyhledat .post-medium .wp-post-image,
	#vyhledavani #vyhledat .post-medium .post-image {
		margin-left: 16px;
	}
	/* header */
	#menu {
		width: calc(100% - 132px);
	}
	#menu .content {
		display: block!important;
	}
	#menu .open {
		display: none!important;
	}
	#header-menu .menu-hlavni-menu-container ul {
		width: 100%;
		flex-direction: row;
		padding: 0;
		position: static;
		box-shadow: none;
	}
	#header-menu .menu-hlavni-menu-container ul a {
		padding-bottom: 22px;
	}
	#header-menu .menu-hlavni-menu-container .menu-item-has-children ul {
		top: 50px;
		left: 0;
		right: auto;
	}
	/* footer */
	#footer-podpora {
		padding: 32px 90px;
	}
	#footer-top .footer-logo img {	
		max-width: 170px;
		padding-right: 15px;
	}
	#footer-top .flex-row {
		justify-content: space-between;
		align-items: center;
	}
	#footer-top .footer-udaje .flex-row {
		flex-direction: column;
		align-items: flex-start;
	}
	#footer-top .flex-row .footer-udaje:first-child {
		margin-right: 16px;
		padding-right: 16px;
		border-right: 1px solid rgba(138, 139, 138, 0.2);
	}
}

@media screen and (min-width: 716px) and (max-width: 1339px) {
	.sub-grid {
		margin-top: 57px;
	}
	.sub-grid section {
		max-width: calc(50% - 47px);
		display: inline-block;
		margin: 0 47px 47px 0!important;
		float: left;
		vertical-align: top;
	}
	.sub-grid section.nejnovejsi {
		margin-top: 47px!important;
	} 
	.page-template-homepage #newsletter,
	#single #newsletter {
		margin-top: 30px!important;
	}
	#casopis-pro-cleny .btn {
		max-width: 200px;
	}
	#fullwidth {
		clear: both;
	}
}

@media screen and (min-width: 1024px) {
	.post-big .wp-post-image {
		max-height: 373px;
	}
	.modal .modal-header,
	.modal .modal-footer {
		max-width: inherit;
		margin: 0 auto;
	}
	.modal .ekko-lightbox-nav-overlay {
		height: 100%;
		bottom: 0;
	}
	.ekko-lightbox-nav-overlay a:first-child span {
		margin-left: -80px;
	}
	.ekko-lightbox-nav-overlay a:last-child span {
		margin-right: -80px;
	}
}

@media screen and (min-width: 1340px) { 
	/* grid */
	#single .grid {
		display: flex;
		flex-direction: row;
	}
	.main-grid {
		width: 930px;
		max-width: 100%;
		display: inline-flex;
		flex-direction: column;
	}
	.sub-grid {
		height: auto;
		width: 300px;
		max-width: 100%;
		margin-left: 30px;
		display: inline-flex;
		flex-direction: column;
		vertical-align: top;
	}
	.sub-grid .box {
    	max-width: 230px;
	}
	/* layout */
	.post-small {
		max-width: 429px;
	}
	.post-small:nth-child(odd) {
    	padding-right: 48px;
	}
	.post-small .post-content {
		max-width: 224px;
	}
	.top-vyber .post-content {
		max-width: initial;
	}
	#homepage-vypis .post-small:nth-child(2) {
		padding-top: 0;
	}
	#homepage-vypis .post-small:nth-child(5) {
    	border-bottom: none;
	}
	#tlacitko {
		width: 100%;
	}
	/* header */
	#header-menu .menu-hlavni-menu-container ul {
		width: calc(100% - 33px);
	}
	/* footer */
	#footer-top .footer-logo img {	
		max-width: 100%;
		padding-right: 0;
	}
	#footer-top .footer-udaje .flex-row {
		flex-direction: row;
		align-items: center;
	}
}

/* cookie lista */
div#cookie-notice {
	max-height: 200px;
	width: 600px;
    max-width: 90vw;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
div#cookie-notice .cookie-notice-container {
	min-height: 170px;
	background-color: #ffffff!important;
}
div#cookie-notice span {
	font-family: Merriweather;
	font-size: 10px;
	text-transform: none;
	color: #212121;
}
div#cookie-notice .btn {
	font-size: 12px;
	border: 1px solid #8a8b8a;
	box-shadow: none!important;
}
div#cookie-notice .cn-close-icon {
	top: 10px;
	right: 20px;
}
div#cookie-notice .cn-close-icon:after, 
div#cookie-notice .cn-close-icon:before {
	height: 36px;
}

/* seznam - modal */
#s-modal {
	height: 0;
	top: auto;
	bottom: 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
}
#s-modal .close {
	padding: 5px;
	position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px;
	background: #FFFFFF;
	z-index: +5;
}
#s-modal .layout {
	margin-top: 10px;
}
@media screen and (min-width: 768px) { 
	#s-modal {
		display: none;
	}
}
#sez-div {
	position: absolute;
	bottom: 700px;
}
.sez-scrolled #ssp-zone-229181 {
	position: fixed;
	top: 10px;
}
.sez-bottom #ssp-zone-229181 {
	position: absolute;
	top: auto;
	bottom: 90px;
	z-index: 55;
}

.woocommerce-MyAccount-navigation-link--members-area {
	display: none;
}

.socialni-site {
	margin-bottom: 25px;
	justify-content: flex-end;
}
.socialni-site img {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	display: block;
	object-fit: contain;
}


/* AUTHOR SINGLE */
.km-author {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 40px;
	margin-bottom: 60px;
}

.km-author__heading,
.km-author__articlesHeading {
	margin-bottom: 24px;
}

.km-author__imgHolder {
	overflow: hidden;
	width: 300px;
	height: 300px;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
}

.km-author__img {
	width: 300px;
	height: 300px;
	object-fit: cover;
	object-position: center;
}

.km-author__articlesList {
	overflow: hidden;
}

.km-author__articlesImage {
	width: 300px;
	height: 200px;
	object-fit: cover;
	object-position: center;
}

.km-author__text {
	margin-bottom: 48px;
}

@media screen and (min-width: 768px) {
	.km-author {
		grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
		column-gap: 80px;
		align-items: center;
	}

	.km-author__imgHolder {
		margin-left: unset;
		margin-right: unset;
	}

	.km-author__text {
		margin-bottom: 0;
	}
}

.km-author__arrow {
	border: 0;
	padding: 0;
	display: block;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.654' height='5.833'%3E%3Cg fill='none' stroke='%23F8B133' stroke-width='1.5'%3E%3Cpath d='M0 2.917h59.434'/%3E%3Cpath stroke-miterlimit='10' d='m56.076.616 3.274 2.3-3.274 2.3'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 80px;
	height: 50px;
	opacity: 1;
	transition: opacity 200ms linear;
	transform-origin: center;
	align-items: center;
	background-size: 60px 5px;
	background-position: right center;
}

.km-author__arrow--prev {
	transform: rotate(180deg);
	background-position: left center;
}

.km-author__arrow.swiper-button-disabled {
	opacity: .4;
	cursor:not-allowed;
}

.km-author__nav {
	display: flex;
	justify-content: center;
	margin-top: 80px;
	z-index: 2;
}

.single-info__perex p {
	font-size: 14px;
    font-family: 'MyriadPro';
}

.km-authorPerex {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.km-authorPerex--double {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.km-authorPerex__item {
	border-left: 10px solid #F8B133;
	background-color: #F3F3F3;
	padding: 20px;
	margin-bottom: 20px;
}

.km-authorPerex__header {
	display: flex;
	align-items: center;
}

.km-authorPerex__img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 20px;
	max-width: 100%;
	display: block;
}

.km-authorPerex__name,
.km-authorPerex__label {
	display: inline-block;
	font-family: 'MyriadPro', sans-serif;
}

.km-authorPerex__name {
	font-weight: 700;
	font-size: 20px;
	font-style: italic;
	line-height: 24px;
	color: #F8B133;
	text-transform: none;
	margin-right: 10px;
}

.km-authorPerex__label {
	font-weight: 500;
	font-size: 12px;
	line-height: 17px;
	text-transform: uppercase;
	color: white;
	background-color: #212121;
	padding: 2px 8px;
}

.km-authorPerex__text {
	margin-top: 10px;
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #8A8B8A;
}

/** SQ images */

body.sqimages .post-big .post-image {
	max-height: none; 
}
body.sqimages #single .single-image .wp-post-image,
body.sqimages .post-big .wp-post-image {
	max-width: 100%;
	max-height: none;
	height: calc((100vw - 60px) * 0.666);
	min-width: calc(100vw - 60px);
	object-fit: cover;
}

@media screen and (min-width: 1340px) {
	body.sqimages .post-big .wp-post-image,
	body.sqimages #single .single-image .wp-post-image {
		height: calc(930px * 0.666);
		min-width: 930px;
	}	
}

body.sqimages .top-vyber .post-small .post-image {
	height: auto;
}

body.sqimages .top-vyber .post-small .wp-post-image {
	object-fit: cover;
	height: calc(((100vw - 60px - 46px) / 3) * 0.666);
	min-width: calc((100vw - 60px - 46px) / 3);
	max-width: 100%;
}

@media screen and (min-width: 1340px) {
	body.sqimages .top-vyber .post-small .wp-post-image {
		height: calc(((930px - 46px) / 3) * 0.666);
		min-width: calc((930px - 46px) / 3);
	}	
}


body.sqimages .post-medium .post-image {
	height: auto;
}

body.sqimages .post-medium .wp-post-image {
	max-width: 100%;
	max-height: none;
	height: calc(100vw - 60px);
	min-width: calc(100vw - 60px);
	object-fit: cover;
}


@media screen and (min-width: 768px) {
	body.sqimages .post-medium .wp-post-image {
		height: calc(280px * 0.666);
		width: 280px;
		min-width: 280px;
	}	
}

/* Specialni prilohy */
.kp_special__content {
	margin-block-end: 3rem;
}

.kp_special__title {
	margin-top: 55px;
	margin-bottom: 80px;
	text-transform: none;
	font-size: 56px;
	line-height: 64px;
	font-weight: 700;
}

.kp_special__subtitle {
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

.kp_special__list {
	display: flex;
	row-gap: 30px;
	column-gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 90px;
	flex-wrap: wrap;
}

.kp_special__item {
	display: block;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25);
	position: relative;
}

.kp_special__list h3 {
	padding-top: 16px;
}

.kp_special__item::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='none'%3E%3Crect width='88' height='88' fill='%23fff' rx='44'/%3E%3Cmask id='a' width='48' height='48' x='20' y='20' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M20 20h48v48H20z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23F8B133' d='M44 52c2.5 0 4.625-.875 6.375-2.625S53 45.5 53 43s-.875-4.625-2.625-6.375S46.5 34 44 34s-4.625.875-6.375 2.625S35 40.5 35 43s.875 4.625 2.625 6.375S41.5 52 44 52Zm0-3.6c-1.5 0-2.775-.525-3.825-1.575C39.125 45.775 38.6 44.5 38.6 43s.525-2.775 1.575-3.825C41.225 38.125 42.5 37.6 44 37.6s2.775.525 3.825 1.575C48.875 40.225 49.4 41.5 49.4 43s-.525 2.775-1.575 3.825C46.775 47.875 45.5 48.4 44 48.4Zm0 9.6c-4.867 0-9.3-1.358-13.3-4.075S23.8 47.567 22 43c1.8-4.567 4.7-8.208 8.7-10.925C34.7 29.358 39.133 28 44 28c4.867 0 9.3 1.358 13.3 4.075S64.2 38.433 66 43c-1.8 4.567-4.7 8.208-8.7 10.925C53.3 56.642 48.867 58 44 58Z'/%3E%3C/g%3E%3C/svg%3E");
	width: 88px;
	height: 88px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 200ms linear;
	z-index: 2;
}

.kp_special__item::after {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgba(248, 177, 51, 0.25);
	opacity: 0;
	transition: opacity 200ms linear;
}

.kp_special__item:hover::after,
.kp_special__item:focus::after,
.kp_special__item:hover::before,
.kp_special__item:focus::before	 {
	opacity: 1;
}

.kp_special__img {
	display: block;
	max-width: 100%;
}

#vypis-akce .box .datum {
	text-align: center;
}
#vypis-akce .box:has(.datum + .datum) .datum:first-child {
	margin-bottom: 28px;
	position: relative;
}

#vypis-akce .box:has(.datum + .datum) .datum:first-child::after {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 16px;
	height: 1px;
	background-color: black;
	transform: translate(-50%);
}

.km-header {
	background-color: #F8B133;
	padding: 0;
	color: black;
}

.km-header .grid {
	padding-top: 30px;
	padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.km-header .flex-row div {
		align-items: center;
		justify-content: center;
	}


}

.km-header .flex-row {
	align-items: center;
}

.km-header__search {
	display: flex;
}

@media screen and (min-width: 768px) {
	.km-header__search {
		justify-content: end;
	}
}

.km-header__logo {
	max-height: 120px;
	display: block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
	margin-top: 24px;
}

@media screen and (min-width: 768px) {
	.km-header__logo {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.km-header__search span:not(.close):not(.tag) {
	color: black;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	font-family: 'MyriadProCond', sans-serif;
	text-transform: none;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-size: 24px 22.7px;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.7123 24-7.9432-8.4c-.6304.5333-1.3554.9556-2.175 1.2667-.8195.3111-1.69159.4666-2.6162.4666-2.29052 0-4.22905-.8389-5.8156-2.5166C1.57575 13.1389.782471 11.0889.782471 8.66667c0-2.42223.793279-4.47223 2.379829-6.15C4.74885.838889 6.68738 0 8.9779 0c2.2905 0 4.2291.838889 5.8156 2.51667 1.5866 1.67777 2.3798 3.72777 2.3798 6.15 0 .97777-.1471 1.90003-.4413 2.76663-.2942.8667-.6934 1.6334-1.1978 2.3l7.9433 8.4L21.7123 24ZM8.9779 14.6667c1.576 0 2.9157-.5834 4.0189-1.75 1.1032-1.1667 1.6549-2.5834 1.6549-4.25003 0-1.66667-.5517-3.08334-1.6549-4.25-1.1032-1.16667-2.4429-1.75-4.0189-1.75-1.57604 0-2.91568.58333-4.01891 1.75C3.85576 5.58333 3.30414 7 3.30414 8.66667c0 1.66663.55162 3.08333 1.65485 4.25003 1.10323 1.1666 2.44287 1.75 4.01891 1.75Z'/%3E%3C/svg%3E");
}

.km-header__date span {
	color: black;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	font-family: 'MyriadProCond', sans-serif;
	text-transform: none;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M5 22c-.55 0-1.02083-.1958-1.4125-.5875C3.19583 21.0208 3 20.55 3 20V6c0-.55.19583-1.02083.5875-1.4125C3.97917 4.19583 4.45 4 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.0208.19583 1.4125.5875C20.8042 4.97917 21 5.45 21 6v14c0 .55-.1958 1.0208-.5875 1.4125C20.0208 21.8042 19.55 22 19 22H5Zm0-2h14V10H5v10ZM5 8h14V6H5v2Z'/%3E%3C/g%3E%3C/svg%3E");
}

.km-notice {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;

	background-color: rgba(248, 177, 51, .25);
	padding: 24px 32px;
	margin-top: 32px;
}

.km-notice p.text a {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	font-family: 'MyriadProCond', sans-serif;
	margin-bottom: 0;
	text-decoration: none;
	text-align: left;
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h32v32H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231C1B1F' d='M14.6667 22.6667h2.6666v-8h-2.6666v8ZM16 12c.3778 0 .6944-.1278.95-.3833.2556-.2556.3833-.5723.3833-.95 0-.3778-.1277-.69449-.3833-.95004-.2556-.25556-.5722-.38334-.95-.38334-.3778 0-.6944.12778-.95.38334-.2556.25555-.3833.57224-.3833.95004 0 .3777.1277.6944.3833.95.2556.2555.5722.3833.95.3833Zm0 17.3333c-1.8444 0-3.5778-.35-5.2-1.05-1.62223-.7-3.03334-1.65-4.23334-2.85-1.2-1.2-2.15-2.6111-2.85-4.2333-.7-1.6222-1.05-3.3556-1.05-5.2 0-1.8445.35-3.5778 1.05-5.2.7-1.62223 1.65-3.03334 2.85-4.23334 1.2-1.2 2.61111-2.15 4.23334-2.85 1.6222-.7 3.3556-1.05 5.2-1.05 1.8444 0 3.5778.35 5.2 1.05 1.6222.7 3.0333 1.65 4.2333 2.85 1.2 1.2 2.15 2.61111 2.85 4.23334.7 1.6222 1.05 3.3555 1.05 5.2 0 1.8444-.35 3.5778-1.05 5.2-.7 1.6222-1.65 3.0333-2.85 4.2333-1.2 1.2-2.6111 2.15-4.2333 2.85-1.6222.7-3.3556 1.05-5.2 1.05Zm0-2.6666c2.9778 0 5.5-1.0334 7.5667-3.1 2.0666-2.0667 3.1-4.5889 3.1-7.5667 0-2.9778-1.0334-5.5-3.1-7.56668-2.0667-2.06666-4.5889-3.1-7.5667-3.1-2.9778 0-5.5 1.03334-7.56667 3.1-2.06667 2.06668-3.1 4.58888-3.1 7.56668 0 2.9778 1.03333 5.5 3.1 7.5667 2.06667 2.0666 4.58887 3.1 7.56667 3.1Z'/%3E%3C/g%3E%3C/svg%3E");
}

.km-notice__close {
	width: 24px;
	height: 24px;
	background-color: transparent;
	padding: 0;
	border: 0;
	outline: none;
	background-repeat: no-repeat;
	z-index: 0;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19Z'/%3E%3C/g%3E%3C/svg%3E");
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.km-menu {
	box-shadow: 0 0 48px 0 rgba(0, 0, 0, .16);
}

.km-menu__menu a {
	text-transform: none;
	font-size: 18px;
}

@media screen and (min-width: 768px) {
	.km-menu__menu a {
		line-height: 40px;
		padding-bottom: 27px !important;
		border-bottom-width: 3px !important;
	}
}

.km-menu__homeLink--active,
.km-menu__homeLink:hover,
.km-menu__homeLink:focus {
	color: #F8B133;
}

.km-menu__homeLink {
	position: relative;
}

.km-menu__homeLink::after {
	content: none;
	width: 100%;
	height: 3px;
	background-color: #f8b133;
	position: absolute;
	bottom: -21px;
	left: 0;
}

@media screen and (min-width: 768px) {
	.km-menu__homeLink--active::after,
	.km-menu__homeLink:hover::after,
	.km-menu__homeLink:focus::after {
		content: '';
	}
}

a.post-big h1,
a.post-big h3,
a.post-small h1,
a.post-small h3 {
	transition: color 200ms linear;
}

a.post-big:hover h1,
a.post-big:focus h1,
a.post-small:hover h1,
a.post-small:focus h1,
a.post-big:hover h3,
a.post-big:focus h3,
a.post-small:hover h3,
a.post-small:focus h3 {
	text-decoration: underline;
	color:#F8B133;
}

span.tag {
	color: white;
	background: #F8B133;
	font-size: 16px;
	line-height: 24px;
	padding-left: 8px;
	text-transform: none;
	font-family: 'MyriadProCond', sans-serif;
	font-weight: 700;
	padding-right: 8px;
}

#tlacitko .btn,
#casopis-pro-cleny .btn {
	background-color: #F8B133;
	color: black;
	font-family: 'MyriadProCond', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	border: 0;
}

@media screen and (min-width: 1270px) {
	#vyhledavani .modal {
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
	}
}



#vyhledavani .modal .close {
	font-size: 32px;
	position: absolute;
	top: 20px;
	right: 20px;
}

body.sqimages #vyhledat .post-medium .wp-post-image {
	height: auto;
	min-width: 0;
}
#vyhledavani .modal .grid {
	max-width: calc(870px - 60px);
}

.km-search__modalWrap {
	position: relative;
}

.km-footer__logo {
	width: 389px;
	height: auto;
	max-width: 100%;
}