/*
CTC Separate Stylesheet
Updated: 2026-02-04 18:14:18
Theme Name: Šablona Ústaf-voiceband.cz
Theme URI: https://mwdesign.top
Template: generic
Author: Martin Vojtěch
Author URI: https://mwdesign.top
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/webguyio/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://webguy.io/donate). Thank you and enjoy!
Tags: accessibility-ready,one-column,two-columns,right-sidebar,custom-logo,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.0.0.1770225258
*/
* {
	transition: normal
}

html {
	scroll-behavior: smooth
}

body {
	font-family: Montserrat, sans-serif
}

.entry-content li,
.widget-container li,
.comment-body li {
	margin: unset;
}

#header,
#container,
#footer {
	padding: unset;
}

a {
	color: var(--primary);
}

#wrapper #content .w-full {
	width: 100%;
}

#wrapper #content .backdrop-shadow-wht {
	filter: drop-shadow(0 0 10px #fff);
}

#wrapper #content .backdrop-shadow-blk {
	filter: drop-shadow(0 0 10px #000);
}

/*HACK float social mobile */
@media (max-width: 767px) {

	#sfsi_floater a,
	#sfsi_floater .sfsi_wicons {
		width: 40px !important;
		height: 40px !important;
	}
}

/* shift nav mobile menu styles */
#shiftnav-toggle-main {
	display: none;
}

#shiftnav-main {
	background-color: var(--bg-body);
	color: var(--text-body);
	font-family: Montserrat, sans-serif;
}

#shiftnav-main .shiftnav-site-title {
	font-size: 1.5rem;
	font-weight: 800;
	padding: 1rem;
	margin-top: 3rem;
}

#shiftnav-main .shiftnav-panel-close {
	color: var(--primary);
	background-color: transparent;
	/* border: 1px solid var(--primary); */
	/* border-radius: 50%; */
}

.shiftnav ul#menu-hlavni-menu.shiftnav-menu,
.shiftnav ul#menu-hlavni-menu.shiftnav-menu ul.sub-menu {
	padding: .5rem;
}

#menu-hlavni-menu li a {
	background-color: var(--primary);
	border-left: solid 1rem var(--bg-body-inverted);
	color: #fff;
	font-weight: 800;
	font-size: larger;
	margin: .5rem 0;
}

#voiceband-menu-button {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 10;
}

@media (orientation: landscape) and (min-width: 901px),
(orientation: portrait) and (min-width: 701px) {
	#voiceband-menu-button {
		display: none;
	}
}

/* Mirror F letter in title */
.voiceband-title code {
	transform: scaleX(-1);
	display: inline-block;
	font-family: inherit;
}

/* Comic bubble button */
/* Button body */
#wrapper #content .btn-comic-bubble a {
	position: relative;
	display: inline-block;
	/*padding: 14px 22px;*/
	background: #ffffff;
	color: var(--primary);
	text-decoration: none;

	border: 3px solid #111;
	/*border-radius: 22px;*/
	border-radius: 26px 22px 24px 20px;


	/* hand-drawn-ish shadow */
	box-shadow:
		3px 3px 0 rgba(0, 0, 0, 0.35),
		6px 6px 0 rgba(0, 0, 0, 0.15);

	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Hover / press effect */
#wrapper #content .btn-comic-bubble a:hover {
	transform: translate(-1px, -1px);
	box-shadow:
		4px 4px 0 rgba(0, 0, 0, 0.35),
		8px 8px 0 rgba(0, 0, 0, 0.15);
}

#wrapper #content .btn-comic-bubble a:active {
	transform: translate(2px, 2px);
	box-shadow:
		1px 1px 0 rgba(0, 0, 0, 0.4);
}

/* Bubble tail – border layer */
#wrapper #content .btn-comic-bubble.comic-button-right-tail a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -18px;
	right: 14px;

	width: 0;
	height: 0;

	border-left: 18px solid transparent;
	border-top: 18px solid #111;
}

/* Bubble tail – fill layer */
#wrapper #content .btn-comic-bubble.comic-button-right-tail a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -14px;
	right: 16px;

	width: 0;
	height: 0;

	border-left: 14px solid transparent;
	border-top: 14px solid #ffffff;
}

/* ===== Bottom-left tail variant ===== */
.btn-comic-bubble.comic-button-left-tail a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -18px;
	left: 14px;
	right: auto;

	border-left: none;
	border-right: 18px solid transparent;
	border-top: 18px solid #111;
}

.btn-comic-bubble.comic-button-left-tail a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -14px;
	left: 16px;
	right: auto;

	border-left: none;
	border-right: 14px solid transparent;
	border-top: 14px solid #ffffff;
}


body,
#container {
	background-color: var(--bg-body);
}

#copyright {
	background-color: var(--bg-body-inverted);
	color: var(--text-body-inverted);
	font-weight: bold;
	margin-bottom: 1rem;
	border-bottom: 3px solid linear-gradient(45deg, var(--primary), #fff);
}

/* Scroll to top button */
.scroll-to-top-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: hsl(3, 73%, 52%);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	color: white;
	border: none;
	cursor: pointer;
	z-index: 1000;
	display: none;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	opacity: .5;
}

.scroll-to-top-btn i {
	font-size: 20px;
}

.scroll-to-top-btn:hover {
	opacity: 0.9;
}