/*
Theme Name: FF Academy
Theme URI: http://formfactory.cz/
Description: Popis vašeho child theme
Author: Vaše jméno
Author URI: http://formfactory.cz/
Template: formfactory
Version: 1.12
*/
@import url("../formfactory/style.css?v=1.12");
/*
body.scrolled header.wp-block-template-part {
    z-index: 20;
    transition: all 0.3s;
}
*/
/* Logo header */
@media (min-width: 1000px){
    .wp-block-navigation.is-style-main-menu {
		column-gap: clamp(10px, calc((100vw - 1000px) * 0.1),2em);
	}
}
ul.horizontal-list li[data-wpml='language-item']:first-of-type {
    margin-top: 0px !important;
}
[data-wpml='language-item'] {
    text-transform: uppercase;
}

ul.horizontal-list li[data-wpml='current-language-item'] span {
    opacity: 0.4;
}
.has-xxxx-large-font-size {
    font-size: min(var(--wp--preset--font-size--xxxx-large), 11vh) !important;
}

/* Form field inherits colors from group color settings */

.has-background:has(input, select, button, textarea, label) {
    --wp--custom--form--input--hover--background-color: var(--wp--custom--form--input--background-color);
    --wp--custom--form--btn--background-color: var(--wp--custom--form--input--background-color);
    --wp--custom--form--btn--hover--background-color: var(--wp--custom--form--input--background-color);
    --wp--custom--form--input--border-color: var(--wp--custom--form--input--text-color);
    --wp--custom--form--input--hover--border-color: var(--wp--custom--form--input--text-color);
    --wp--custom--form--btn--border-color: var(--wp--custom--form--input--text-color);
    --wp--custom--form--btn--hover--border-color: var(--wp--custom--form--input--text-color);
    --wp--custom--form--input--hover--shadow: 0px 0px 0px 1px var(--wp--custom--form--input--text-color);
}
form.freepass-form.freepass-form .newplaceholder label>span:not(.warning), form.freepass-form.freepass-form .placeholder, form.reservation-form.reservation-form .newplaceholder label>span:not(.warning), form.reservation-form.reservation-form .placeholder {
    background: var(--wp--custom--form--input--background-color);
    left: calc(var(--ff-font-input) * 0.4);
	border-radius: var(--wp--custom--border-radius);
}
form.freepass-form.freepass-form .newplaceholder label>input[placeholder=" "]:not(:focus):placeholder-shown + span:not(.warning),
form.reservation-form.reservation-form .newplaceholder label>input[placeholder=" "]:not(:focus):placeholder-shown + span:not(.warning) {
    background: transparent;
}
.wp-block-buttons .wp-block-button:not(.is-style-only-arrow, .is-style-only-text):where(:hover,:focus,:active) {
	transform: none !important;
}
div#btn-login a, div#btn-multisport a {
    position: relative;
}
div#btn-login a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: solid 3px var(--wp--preset--color--accent) !important;
}
div#btn-multisport a::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    bottom: -3px;
    border-right: solid 10px var(--wp--preset--color--accent) !important;
}
/* lang */
[data-wpml='current-language-item'], footer li[data-wpml=current-language-item] {
    display: flex !important;
}
.horizontal-list>li {
    display: flex !important;
    flex-direction: row;
    column-gap: inherit;
}
.horizontal-list>li::before {
    content: "|";
}
.horizontal-list>li:first-child::before {
    content: none;
}

/* core/buttons */
.wp-block-buttons .wp-element-button::after {
	content: '';
	display: inline-block;
	height: var(--wp--custom--form--btn--shapes-height);
	width: 0px;
	margin-left: 0.2em;
	clip-path: var(--wp--custom--form--btn--shapes);
	font-size: inherit;
	overflow: hidden;
	color: inherit;
	border-left: solid var(--wp--custom--form--btn--shapes-width);
}
/* post */
.wp-block-group.post-content {
    margin-top: -100px;
}
.post-category.taxonomy-category {
    position: relative;
    top: -1em;
    margin-bottom: -1em !important;
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
}
span.wp-block-post-terms__separator {
    display: none;
}
.post-category.taxonomy-category a {
    border-radius: var(--wp--custom--border-radius) var(--wp--custom--border-radius) var(--wp--custom--border-radius) 0;
}
.post-category.taxonomy-category a[href*='instruktor'] {
    background-color: #E2FF00;
    color: #000000;
    order: -1;
}
.post-category.taxonomy-category a[href*='verejnost'] {
    background-color: #00CFFF;
    color: #000000;
    order: -1;
}
.post-category.taxonomy-category a[href*='trener'] {
    background-color: #00ff68;
    color: #000000;
    order: -1;
}
.post-category.taxonomy-category a[href*='online']::before {
	content: "";
	background-color: #c41d3e;
	color: #000000;
	order: -1;
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	vertical-align: middle;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	border-radius: 100em;
	border: solid 1.5px white;
}
.wp-block-group.post-add {
    overflow: hidden;
    border-radius: 0;
}
.wp-block-group.post-add>* {
    padding-right: 1em !important;
    box-sizing: border-box;
}
.wp-block-group.post-add>*:not(.wp-block-buttons, .is-layout-grid)::before {
    content: "";
    height: 1em;
    border-left-style: solid;
    border-left-width: 2px;
    position: relative;
    left: -0.5em;
}
:where(h1, h2, h3, h4, h5, h6, h7, .wp-block-button) a::after {
    margin-left: 0.2em !important;
}
.button-over {
    margin-top: -1.2em !important;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    display: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon::after {
    content: '';
    display: inline-block;
    height: var(--wp--custom--form--btn--shapes-height);
    width: 0px;
    margin-left: 0.2em;
    clip-path: var(--wp--custom--form--btn--shapes);
    font-size: inherit;
    overflow: hidden;
    color: inherit;
    border-left: solid var(--wp--custom--form--btn--shapes-width);
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
    margin: .25em 0 0 0 !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}
.wp-block-cover .cover-video video {
	object-position: center;
}