﻿/*
Theme Name: PsiTrenink.cz
Theme URI: https://www.psitrenink.cz
Author: Roman Klabal
Author URI: https://roman.klabal.cz
Description: Multifunkcni sablona pro projekt PsiTrenink.cz.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psitrenink
*/

@font-face {
	font-display: fallback;
	font-family: 'FFDINWebProRegular';
	src: url('webfonts/35BBE2_0_0.eot');
	src: url('webfonts/35BBE2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35BBE2_0_0.woff2') format('woff2'),url('webfonts/35BBE2_0_0.woff') format('woff'),url('webfonts/35BBE2_0_0.ttf') format('truetype');
}

/* Font override */
body, html, table {
	font-family: 'FFDINWebProRegular', sans-serif !important; 
}
h1,h2,h3, h4, h5 {
	font-family: 'FFDINWebProRegular', sans-serif !important; 
}
form * {
	font-family: 'FFDINWebProRegular', sans-serif !important; 
}

/* Not everywhere though */
#content .green .links a,
#content .jak .links a,
#content .galerie .head .links a,
#content .jak .flex .links a,
#content .abs .link,
#content .link.ref,
#footer .links a,
#footer .link,
.links a {
	font-family:'Dosis', sans-serif !important;
}


/* Letter spacing override */
#content, #content .heading, #footer {
    letter-spacing: 0 !important;
}

/* Helpers */
.no-space-around {
	padding:0 !important;
	margin:0 !important;
}
.no-space-around .logo {
	display:block;
}

/* Slideshow arrows */
body.arrows-inverted #head .slick-arrow.slick-next::before, 
body.arrows-inverted #head .slick-arrow.slick-next::after, 
body.arrows-inverted #head .slick-arrow.slick-prev::before, 
body.arrows-inverted #head .slick-arrow.slick-prev::after  {
	background:#95d5d2;
}

.online-galerie {
	margin-top:3em;
}

.img-max-width img {
	max-width:100%;
	height:auto;
}

.wpcf7-response-output {
	background-color:white;
	padding: 1em 1em !important;
}

.account-form label {
	display:block;
	margin:8px 0px 4px;
	font-size:1.2em;
}
.account-form .link, .account-form #wp-submit, #oo_submit, #oe_submit, #rs_submit, #rv_submit, .generic-button {
	border: 1px solid #000;
	padding: 7px 20px;
	font-size: 20px;
	background: #95d5d2;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 0px 0px;
	white-space: nowrap;
	position: relative;
	letter-spacing: normal;
	cursor: pointer;
	display: inline-block;	
}
a.is-red, 
.generic-button.is-red {
	background: #fb0d1c !important;
	color:white !important;
}
.account-form .link:hover, .account-form #wp-submit:hover, #oo_submit:hover, #oe_submit:hover, #rs_submit:hover, #rv_submit:hover, .generic-button:hover {
	background: #fff;
}
a.is-red:hover, 
.generic-button.is-red:hover {
	background: #95d5d2 !important;
}

ul.pt-ul li {display: list-item; position: relative; padding: 0 10px 15px 65px; padding-left: 15px;}                    
ul.pt-ul li::before {content: "\2022";  color: #95d5d2; font-weight: bold;  display: inline-block;  width: 1em; margin-left: -1em; }

#layout-404 {
	height:100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:5% 10%;
}
body.error404 #footer {
	display:none;
}

.oo_email_error, .oo_voucher_email_error, .oo_promo_error, .rs_promo_error, .oe_promo_error {
	display:none;
	border:1px solid #b40707;
	background-color: #fcebeb;
	padding: 10px;
	margin: 10px 0px;
}
.oo_email_error i, .oo_voucher_email_error i, .oo_promo_error i, .rs_promo_error i, .oe_promo_error i {
	color:#b40707;
	padding-right:5px;
}
.oo_promo_success, .rs_promo_success, .oe_promo_success {
	display:none;
	border: 1px solid #058d27;
	background-color: #ebfcf1;
	padding: 10px;
	margin: 10px 0px;
}
.oo_promo_success i, .rs_promo_success i, .oe_promo_success i {
	color: #058d27;
	padding-right:5px;
}
.highlight-input {
	border:1px solid #b40707;
}
#oo_uplatnit i, #rs_uplatnit i, #oe_uplatnit i {
	display:none;
}

.oo_order_failure, .message_failure, .oe_order_failure, .rs_order_failure, .rv_order_failure {
	display:none;
	border:1px solid #b40707;
	background-color: #fcebeb;
	padding: 15px;
	margin: 30px 0px;
	text-align:center;
}
.oo_order_success, .message_success, .oe_order_success, .rs_order_success, .rv_order_success, .oo_gopay_loading {
	text-align:center;
	display:none;
	padding: 15px;
	margin: 30px 0px;
}
.oo_gopay_loading {
	display:block;
}
.oo_order_success i, .message_success i, .oe_order_success i, .rs_order_success i, .rv_order_success i {
	color: #058d27;
	padding-right:5px;
	display:block;
	margin-bottom:15px;
}
.oo_gopay_loading .i_container {
	padding-right:5px;
	margin-bottom:15px;
}
.oo_gopay_loading i {
	color: #95d5d2;
}
.oo_order_success span, .oe_order_success span, .rs_order_success span, .rv_order_success span {
	font-weight:bold;
}
#pt-online-response .message_success, #pt-online-response .message_failure, #pt-extend-response .message_success, #pt-rs-response .message_success, #pt-rv-response .message_success {
	display:block;
}

form .fa, form .far, form .fas {
	font-family: "Font Awesome 5 Free" !important;
}

button:disabled,
button[disabled]{
	opacity:.8;
	cursor: not-allowed !important;
}
button:disabled:hover,
button[disabled]:hover{
	background: #95d5d2 !important;
}

.rs_area {
	display:none;
}

.objednavka-kurz {
	display:none;
}
.objednavka-kurz.visible {
	display:block;
}
.objednavka-kurz input {
	display:none;
}
.objednavka-kurz-title, .pseudo__objednavka-kurz-title {
	font-size:1.3em;
	background-color:#eeefef;
	padding:7px 12px;
	margin-bottom:8px;
	display:inline-block;
}
.objednavka-kurz-price, .pseudo__objednavka-kurz-price {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:600;
}
.objednavka-kurz-price-extra {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:600;
	color:#000;
}
.objednavka-kurz-price.on-sale,
.pseudo__objednavka-kurz-price.on-sale {
	text-decoration: line-through;
	color:#b40707;
}

.pseudo__objednavka-kurz-price.on-sale .sale-description {
	text-decoration: none;
	color:black;
	font-weight:400;
	display:inline-block;
	padding-left:10px;
	font-size:0.9em;
}

.objednavka-kurz-price-extra {
	display:none;
}

.pt-popup label.objednavka-renewal-label {
	display:flex;
	flex-direction: row;
	gap:8px;
	align-items: center;
}
.objednavka-renewal-price {
	font-size:0.7rem;
	background-color:#eeefef;
	padding:7px 12px;
	margin-bottom:0px;
	display:inline-block;
}
.objednavka-renewal-price strong {
	font-size:0.8rem;
	font-weight:600;
}

.pt-popup {
	max-width:800px;
}
.pt-popup h2 {
	font-size: 1.5em;
	padding: 10px 0px 5px;
}
.pt-popup h3 {
	font-size: 1.3em;
	font-weight: 600;
	padding: 15px 0px 15px;
}

.pt-popup label {
	display:block;
	margin:8px 0px 4px;
	font-size:19px;
}
.objednavka-tac {
	padding:12px 0px 10px;
}
label.objednavka-tac, .objednavka-tac a, label.required-note {
	font-size:16px;
}
.pt-popup input.fw, .pt-popup textarea.fw, .pt-popup select.fw {
	width:100%;
}
#oo_submit, #oe_submit, #rs_submit, #rv_submit {
	margin-top:20px;
}
#oo_promo, #rs_promo, #oe_promo {
	width:160px;
}
#oo_uplatnit, #rs_uplatnit, #oe_uplatnit {
	height:44px;
	border: 1px solid #000;
	padding: 7px 20px;
	font-size: 20px;
	background: #95d5d2;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
	letter-spacing: normal;
	cursor: pointer;
	display: inline-block;	
	transform: translateY(2px);
}
.pt-popup .columns {
	display: flex;
}
.pt-popup .columns .column {
	width:50%;
}
.pt-popup .columns .column:first-child {
	padding-right:10px;
}
.pt-popup .renewal-options {
	display:grid;
	gap:10px;
	grid-template-columns:1fr;
	margin-bottom:20px;
}

@media all and (min-width: 950px) {
	.pt-popup {
		width:800px;
	}
}
@media all and (max-width: 500px) {
	.pt-popup .columns {
		flex-direction:column;
	}
	.pt-popup .columns .column {
		width:100%;
	}
	.pt-popup .columns .column:first-child {
		padding-right:0px;
	}
	#oo_promo, #rs_promo, #oe_promo {
		width:100%;
	}
}

.hp-message {
	display:none !important;
}

.menu-chci {
	color:#db20eb !important;
}

.pt-popup-cf7 {
	margin-top:1rem;
}

.pt-popup-cf7 form.flex {
	flex-direction: column;
	flex-wrap: wrap;
	gap:10px;
	width:100%;
}

.pt-popup-cf7 form.flex input {
	width: 100%;
}

.pt-popup-cf7 form.flex textarea {
	width: 100%;
	height:180px;
}

.pt-popup-cf7 form.flex button.link {
	border: 1px solid #000;
	padding: 7px 20px;
	margin: 7px 0;
	align-self: flex-end;
}

.pt-popup-cf7 form.flex .wpcf7-response-output {
	margin: 0 !important;
}

figure.wp-block-audio {
	margin: 1em 0em;
}

.menu li.placeholder {
	opacity:0.4;
}
img.placeholder_image {
	max-width:100%;
	height:auto;
}

@media all and (min-width: 1050px) {
	.mq-1050p-mh-320 {
		min-height: 320px;
	}
}
@media all and (max-width: 1050px) {
	.menu li.placeholder {
		opacity:0.6;
	}
}

.notes-buttons {
	margin-top:1em;
	display:flex;
	justify-content:space-between;
}
.notes-buttons .link {
	flex:0;
	padding:7px 18px;
	margin-left:0px;
	margin-right:0px;
	border: 1px solid #000;
}
.notes-buttons .link:hover {
	background-color:white;
}
.trumbowyg-editor {
	background-color:white;
	font-family:Arial, Verdana, sans-serif;
	line-height:1.1;
}
.trumbowyg-editor ul {
	list-style-type:disc;
	padding-left: 40px;
}
.trumbowyg-editor hr {
	height: 1px; 
	background: #000; 
	width: 100%; 
	border: 0; 
	padding: 0; 
	outline: 0;
	margin: 10px 0px;
}
@media all and (max-width: 500px) {
	.notes-buttons {
		flex-direction:column;
	}
	.notes-buttons .link {
		width:100%;
	}
}

.desktop-only {
	display:block;
}
@media all and (max-width: 768px) {
	.desktop-only {
		display:none;
	}
}

.footer_cookies {
	position:absolute;
	bottom:15px;
	right:15px;
	background:none;
	border:none;
	font-size:14px;
	cursor:pointer;
}

.pt-audio-embed {
	width:100%;
}

.required-mark {
	color: #fb0d1c;
	font-weight: 300;
	padding-left: 3px;
	pointer-events: none;
}

/* LP */
body.lp-process .fancybox-is-open .fancybox-bg {
	opacity:1 !important;
}
body.lp-process #cc--main {
	display:none !important;
}