/*
Theme Name: Kurzy Litomysl 2025
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.8
Tested up to: 6.7
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kurzylitomysl2025
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*
Tmav� pozad� hlavi�ky - barevn� p�echod  #040515 / #323e4f
background: rgb(4,5,21);
background: linear-gradient(90deg, rgba(4,5,21,1) 0%, rgba(50,62,79,1) 100%);
Oran�ov� pruh - barevn� p�echod  #f59c33 / #bf6e1b
Pati�ka copyright - barevn� p�echod  #f59c33 / #bf6e1b
background: rgb(245,156,51);
background: linear-gradient(90deg, rgba(245,156,51,1) 0%, rgba(191,110,27,1) 100%);
Pati�ka s kontakty - #0b1020
P�smo nadpisy oran�ov� - #f59c33
P�smo text �edomodr� - #0a0f15
*/

/* IMPORTS //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@import "normalize.css";
@import url("https://use.typekit.net/oem0sms.css");
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');

/* VARIABLES ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

:root {
	--orange: #f59c33;
	--bluegrey: #0a0f15;
	--bluebg: rgb(4,5,21);
	--bluegradient: linear-gradient(90deg, rgba(4,5,21,1) 0%, rgba(50,62,79,1) 100%);
	--orangebg: rgb(245,156,51);
	--orangegradient: linear-gradient(90deg, rgba(245,156,51,1) 0%, rgba(191,110,27,1) 100%);
	--darkbg: rgb(4,5,21);
	--lightbg: #d5d8dd;
	/*
	--white: #ffffff;
	--black: #303030;
	--grey: #a0a0a0;
	*/

	--mainfont: "Alegreya", serif;
	--headerfont: "ofelia-display", sans-serif;
	--copyright: "© 2025   " ;

	--radius: 0rem;
	--wp--custom--spacing--small: 2rem;
}

/* FONTS ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
	font-family: "ofelia-display";
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "ofelia-display";
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: "Alegreya";
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Alegreya";
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Alegreya";
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Alegreya";
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: italic;
}

/* NORMALIZER ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

button,
input,
optgroup,
select,
textarea {
	font-family: var(--headerfont);
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
}

textarea {
	overflow: auto;
}

/* ACCESSIBILITY ////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: var(--radius);
	border-radius: var(--radius);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ALIGNMENT ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* CLEARING /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/* TYPOGRAPHY ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

*, body {
	font-family: var(--mainfont);
	font-weight: 400;
}
body {
	font-size: 20px;
	line-height: 30px;
	min-width: 360px;
}

button,
input,
select,
textarea,
.button {
	font-family: var(--headerfont);
	color: var(--bluegrey);
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--headerfont);
	color: var(--orange);
	clear: both;
	line-height: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 0.75rem;
	padding: 1.5rem 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

/*
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
*/

.site {
	max-width: 1920px;
	min-width: 360px;
	margin: 0 auto;
}
h1 {
	text-align: center;
	text-transform: none;
	font-size: 72px;
	font-size: 3.6rem;
	line-height: 80px;
	line-height: 4rem;
	font-weight: 200;
	padding: 0;
	letter-spacing: 5%; 
}
main article div.entry-content {
	padding: 4rem;
	max-width: 100%;
	width: 100%;
}
.entry-content h1,
.block-partners h1 {
	color: #21395a;
	margin: 2rem 0rem 0 0rem;
}
header.entry-header,
header.home-header{
	width: 100%;
	height: 427px; /* 427px = 363px + 64px :before */
	padding: 0;
	margin: 0;
	background-image: url('assets/images/KL-title-background.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}
header.entry-header.home-header {
	height: 914px; /* 914px = 850px + 64px :before */
	background-image: url('assets/images/KL-home-title-background.jpg');
	background-position: 100% 0%;
	top: 0;
	position: relative;
}
header h1.home-title {
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 4rem;
	right: 4rem;
	width: 494px;
	height: 253px;
	background-image: url('assets/images/KL-site-title-cs.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}
.site-language-en header h1.home-title {
	background-image: url('assets/images/KL-site-title-en.png');
}
.home-banner {
	margin: 0;
}
header.entry-header:after,
header.home-header:after {
	content: ' ';
	display: block;
	clear: both;
	width: 100%;
	height: 64px;
	background: var(--orangegradient);
}
header.home-header:after {
	position: absolute;
	bottom: 0;
}
header.home-header:before {
	display: none;
}
header.entry-header h1.entry-title {
	color: white;
	line-height: 363px;
	margin: 0;
	text-transform: none;
}
h2,
.home.blog .entry-title {
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 24px;
	line-height: 1.5rem;
	font-weight: 700;
}
.entry-content h2 {
	color: var(--orange);
	font-weight: 700;
	margin: 0 0rem 4rem 0rem;
	line-height: 2.25rem;
	padding: 0;
}

h3 {
	font-size: 1.25rem;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--bluegrey);
}

h4 {
	font-size: 1rem;
	font-weight: 700;
}

h5 {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "�" "�" "�" "�";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* FORMS ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

label {
	color: var(--bluegrey);
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--bluegrey);
	background: white;
	border: 1px solid var(--bluegrey);
	-webkit-border-radius: var(--radius);
	border-radius: var(--radius);
	display: block;
	padding: 0.6rem 0.5rem 0.5rem 0.5rem;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: var(--orange);
}

select {
	border: 1px solid var(--bluegrey);
	-webkit-border-radius: var(--radius);
	border-radius: var(--radius);
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted var(--orange);
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
.button,
input[type="button"],
input[type="submit"],
.post-edit-link {
	background: none;
	border: 1px solid var(--orange);
	-webkit-border-radius: var(--radius);
	border-radius: var(--radius);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--orange);
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1rem;
	padding: 0.75rem 0.5rem 0.5rem 0.5rem;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	text-transform: uppercase;
	width: 10rem;
	text-align: center;
	
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.post-edit-link:hover {
	color: black;
	background: var(--orange);
	text-decoration: none;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75rem 2rem;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #474b57;
	color: white;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: var(--orange);
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus {
	background: transparent;
	color: var(--orange);
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #8c94ab;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: var(--headerfont);
}

:-moz-placeholder {
	color: #333;
	font-family: var(--headerfont);
}

::-moz-placeholder {
	color: #333;
	font-family: var(--headerfont);
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: var(--headerfont);
}

/* FORMATTING ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

hr {
	background-color: var(--orange);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* LISTS ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* TABLES ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th,
td,
th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/* LINKS ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a {
	color: var(--orange);
	font-weight: bold;
	text-decoration: none;
	border: 0px none;
	outline: 0px none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: var(--orange);
	outline: 0;
	text-decoration: underline;
}

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	transition: color 80ms ease-in;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	transition: color 80ms ease-in;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,

.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	text-decoration: underline;
}

.entry-content a img,
.comment-content a img,
.widget a img {
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/* FEATURED /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/* NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.navigation-top,
.navigation-top * {
	font-family: var(--headerfont);
}

.navigation-top {
	background: none;
	border: 0px none;
	font-family: var(--headerfont);
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	z-index: 20;
	bottom: 0px;
	text-align: left;
	margin-top: -96px;
	width: 100%;

}
path.path1 {
	background: none !important;
}
.navigation-top .wrap {
	padding: 0;
	margin: 0;
	width: 100%;
}
.navigation-top a {
	color: white;
	font-weight: 300;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: lowercase;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: var(--orange);
}

.main-navigation {
	clear: both;
	display: block;
	text-align: left;
	background: none;
	z-index: 99;
	position: absolute;
	width: 100%;
}
.main-navigation button {
	text-align: left;
}

.main-navigation ul {
	background: var(--bluegrey);
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: lowercase;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
	text-transform: lowercase;
}

.main-navigation a:hover {
	color: var(--orange);
}

/* Menu toggle */

button.menu-toggle {
	background: none !important;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: white;
	display: none;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.5rem;
	margin: 1rem auto 1rem 2rem;
	padding: 0;
	text-shadow: none;
	width: 2rem;
}
button.menu-toggle * {
	background: none !important;
}
/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: none;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

button.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: white;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
	text-align: right;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	color: var(--orange);
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/* LAYOUT ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: var(--darkbg);
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/* HEADER ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#masthead .wrap {
	position: relative;
	background: var(--bluebg);
	background: var(--bluegradient);
	width: 100%;
}

.site-header {
	background: var(--bluebg);
	background: var(--bluegradient);
	position: relative;
}

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
	margin-bottom: 0 !important;
}
.site-branding .wrap {
	padding: 3rem 4rem 5rem 4rem;
	text-align: center;
	position: relative;
}
a.button {
	width: 16rem;
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--headerfont);
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25rem;
	
}
a.reglink {
	position: absolute;
	z-index: 9999;
	color: var(--orange);
	line-height: 1.25em;
	font-weight: 400;
	color: var(--orange);
}
a.reglink:hover {
	opacity: 1;
	background: var(--orange);
	color: black;
	text-decoration: none;
}
div.site-branding .wrap a.button.reglink.reglink-wide {
	top: 1rem;
	bottom: auto;
	right: 4rem;
	left: auto;
	display: none;
}
nav.main-navigation a.button.reglink.reglink-narrow {
	top: 0.5rem;;
	bottom: auto;
	right: 2rem;
	width: 12rem;
	display: block;
}


header.site-header div.custom-header {
	margin-bottom: 0 !important;
}
.site-branding a:not(.button),
.site-branding a:not(.button) span {
	font-family: var(--headerfont);
	text-decoration: none;
	font-size: 2rem;
	line-height: 1.8rem;
	color: white;
	font-weight: 300;
}
.site-branding a:not(.button) span {
	display: block;
	color: var(--orange);
	font-weight: 700;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}
.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: white;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: white;
}

.site-description {
	color: white;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: white;
	opacity: 0.8;
}


/* FRONT PAGE ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/* CONTENT //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.site-content-contain {
	background-color: #fff;
	position: relative;
}

.site-content {
	padding: 0;
}

/* POST /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title /*,
body.page:not(.twentyseventeen-front-page) .entry-title */ {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin: 0;
	width: 100%;
	padding: 0;
}

.single-featured-image-header {
	background-color: #fafafa;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}



/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/* PAGES ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/* FOOTER ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.site-footer {
	width: 100%;
	height: auto;
	border: 0px none;
	background: var(--darkbg);
	background-image: url('assets/images/KL-sgrafito-background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	margin: 0;
	padding: 0;
	color: white;
}

.site-footer .wrap {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/* Footer widgets */

.site-footer .widget-area {
	width: 100%;
	height: auto;
	padding-bottom: 2em;
	padding-top: 0em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a {
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}

/* Site info */

div.site-info {
	display: block;
	width: 100%;
	height: auto;
	padding: 2rem 1rem;
	overflow: hidden;
	background: var(--orange);
	background: var(--orangegradient);
	/* font-size: 14px;
	// font-size: 0.875rem; */
	margin-bottom: 0em;
	color: white;
	font-family: var(--headerfont);
	text-align: center;
}

.site-info span {
	display: inline-block;
	padding: 0 1rem;
	font-family: var(--headerfont);
	font-weight: 400;
}
.site-info span a {
	color: white;
	font-family: var(--headerfont);
	font-weight: 400;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
	font-weight: 400;
}

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}

/* WIDGETS //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 1em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Calendar widget */

.widget_calendar .wp-calendar-table {
	margin-bottom: 0;
}

.widget_calendar .wp-calendar-nav {
	display: table;
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0.4em 0;
}

.widget_calendar .wp-calendar-nav span {
	display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
	width: 40%;
}

.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* MEDIA ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

audio:focus,
video:focus {
	outline: thin dotted;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/* GALLERIES ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 25%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/* EXTEND ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#content {
	padding: 0;
}

.entry-content h1,
.entry-content h2 {
	width: 100%;
	clear: both;
}

div.entry-content.page-article-content {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;

}
div.entry-content.page-article-content.page-article-content-right {
	padding-right: 0;
}
div.entry-content.page-article-content.page-article-content-left {
	padding-left: 0;
}
.page-article-content-right .page-text h1,
.page-article-content-left .page-text h1,
.page-article-content-right .page-text h2,
.page-article-content-left .page-text h2 {
	text-align: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
div.page-article-content div.page-image {
	width: 48%;
	flex-basis: 48%;
}
div.page-image-right {
	order: 3;
	margin-left: 4%;
}
div.page-image-left {
	order: 1;
	margin-right: 4%;
}
.page-article-content div.page-text {
	width: 48%;
	flex-basis: 48%;
	order: 2;
}
div.entry-content.page-article-content.page-article-content-none div.page-text {
	width: 100%;
	flex-basis: 100%;
	text-align: center;
}
div.page-text > ul {
	list-style: circle inside;
	padding-left: 0;
}
div.page-text > ol {
	list-style: lower-alpha inside;
	padding-left: 0;
}
div.page-text > ul li,
div.page-text > ol li {
	text-indent: -1rem;
	padding-left: 1rem;
}

div.flexblock {
	width: 100%;
	margin-top: 4rem;
}
div.flexblock.flexblock-gallery:not(.flexblock-gallery-home) {
	margin-left: -4rem;
	margin-right: -4rem;
	width: calc(100% + 8rem);
}
div.wrapper-concerts-home {
	padding: 4rem;
	margin: 0;
	background: var(--bluegradient);
}
div.wrapper-lecturers-home {
	padding: 4rem;
	margin: 0;
	background-image: url('assets/images/KL-home-lecturers-background.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: auto;

}
div.flexblock-concerts-home > p {
	display: block;
	color: white;
	margin-top: 3rem;
	margin-bottom: 4rem;
	text-align: center;
}
div.flexblock-lecturers-home > h1 {
	color: var(--darkbg);
}
div.flexblock-lecturers-home > h2,
div.flexblock-concerts-home > h2,
div.flexblock-gallery-home > h2 {
	padding-top: 0;
}
div.flexblock-lecturers-home > p,
div.flexblock-concerts-home > p,
div.flexblock-gallery-home > p,
body.home div.block-partners > p,
body.home div.block-partners > h3 {
	widrh: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
ul.flexcontent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: flex-start;
	flex-direction: row;
}
ul.flexcontent-lecturers-home {
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	height: auto;
}
ul.flexcontent-lecturers-home li.unit-lecturers-home {
	width: 19%;
	flex-basis: 19%;
	margin: 0 1% 2em 0;
	flex-shrink: 0;
}
div.bx-wrapper {
	background: none;
	padding: 0 2%;
	border: 0 none;
	margin: 4rem auto 0 auto;
}
div.bx-wrapper div.bx-loading {
	background: none;
}
div.bx-wrapper a.bx-next,
div.bx-wrapper a.bx-prev {
	width: 29px;
	height: 63px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}	
div.bx-wrapper a.bx-prev:hover,
div.bx-wrapper a.bx-prev:focus,
div.bx-wrapper a.bx-next:hover,
div.bx-wrapper a.bx-next:focus{
	background-position: 0 0;
}
div.bx-wrapper a.bx-prev {
	background-image: url('assets/images/Button-previous-white.png');	
	left: -40px;
}
div.bx-wrapper a.bx-prev:hover,
div.bx-wrapper a.bx-prev:focus {
	background-image: url('assets/images/Button-previous-blue.png');	
}
div.bx-wrapper a.bx-next {
	background-image: url('assets/images/Button-next-white.png');
	right: -40px;
}
div.bx-wrapper a.bx-next:hover,
div.bx-wrapper a.bx-next:focus {
	background-image: url('assets/images/Button-next-blue.png');
}
div.bx-wrapper div.bx-controls-direction a {
	top: 30%;
}
ul.flexcontent-lecturers li {
	width: 19%;
	flex-basis: 19%;
	margin: 0 1% 2rem 0;
}
ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) li:nth-child(5n+0) {
	margin-right: 0;
}
li .concert-text h3,
div.news-text h3 a {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
	color: var(--orange);
	text-transform: uppercase;
}
li .concert-text h3 {
	margin-bottom: 2rem;
}
p.concert-date,
p.concert-venue,
p.post-date {
	display: block;
	font-family: var(--headerfont);
	margin-bottom: 0;
	font-size: 1.2rem;
}
p.concert-venue {
	font-weight: 700;
	margin-bottom: 1rem;
}
p.concert-series {
}
h3.lecturer-list-name,
h3.lecturer-list-name a {
	font-size: 1.5rem;
	text-align: left;
	font-weight: 300;
	text-transform: none;
	text-decoration: none;
	color: var(--bluegrey);
}
p.lecturer-instrument,
p.lecturer-school {
	display: block;
	font-family: var(--headerfont);
	font-size: 0.75rem;
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--orange);
	margin-bottom: 0;
}
p.lecturer-school {
	margin-top: 2em;
	margin-bottom: 0;
	line-height: 1.5em;
}
p.lecturer-instrument {
	color: black;
}
.lektor-article-content h1,
.lektor-article-content h2 {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}
ul.flexcontent-lecturers li figure {
	margin-bottom: 0;
}
div.lektor-text p:not(:first-child) {
	width: 48%;
}
.lektor-article-content img,
.news-article-content img {
	float: right;
	clear: none;
	width: 50%;
	margin-left: 4rem;
	margin-right: -4rem;
}

.post-95 .article-content,
.post-97 .article-content {
	background: var(--bluegradient);
}
.post-95 .article-content h1,
.post-97 .article-content h1 {
	color: white;
}
ul.flexcontent-concerts,
ul.flexcontent-news {
	flex-direction: column;
}
ul.flexcontent-concerts li,
ul.flexcontent-news li {
	width: 100%;
	flex-basis: 100%;
	margin: 0 0 2em 0;
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.post-95 .page-text p,
.post-97 .page-text p {
	color: white;
}
ul.flexcontent-concerts li.flexcontent-singleconcert figure.concert-image {
	width: 34%;
	flex-basis: 33%;
	margin: 0 3% 0 0;
	order: 1;
}
ul.flexcontent-news li.flexcontent-singlenews figure.news-image {
	width: 48%;
	flex-basis: 48%;
	margin: 0 3% 0 0;
	order: 1;
}
ul.flexcontent-concerts li.flexcontent-singleconcert div.concert-text {
	width: 63%;
	flex-basis: 63%;
	margin: 0;
	order: 2;
	text-align: left;
	color: white;
}
ul.flexcontent-news li.flexcontent-singlenews div.news-text {
	width: 49%;
	flex-basis: 49%;
	margin: 0;
	order: 2;
	text-align: left;
}
.single-post div.news-text {
	width: 50%;
	margin-top: 0;
}
.single-post div.post-thumbnail {
	margin-top: 0;
}
div.archive-article-content {
	margin: 0;
	padding: 2rem 4rem 4rem 4rem;
}
.news-text {
	margin-top: 2rem;
}
ul.flexcontent-images li {
	width: 25%;
	flex-basis: 25%;
	margin: 0;
	padding: 0;
}
ul.flexcontent-images li figure,
ul.flexcontent-images li figure a,
ul.flexcontent-images li figure a img {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	outline: 0;
	text-indent: 0;
	text-decoration: none;
}
ul.flexcontent-images li figure a:hover,
ul.flexcontent-images li figure a:hover img {
	margin: 0;
	padding: 0;
	outline: 0;
	opacity: 0.6;
	text-decoration: none;
}
.flexblock-gallery:not(.flexblock-gallery-home) p,
.flexblock-gallery:not(.flexblock-gallery-home) div.page-image {
	display: none;
}
div.page-image-none {
	display: none;
}
.post-101 .entry-content,
.post-103 .entry-content {
	padding-bottom: 0;
}
.post-101 .page-text .flexblock,
.post-103 .page-text .flexblock {
	margin-top: 0;
}
div.footer-widget-1 {
	margin-top: calc(100vw/12);
	padding: 0 4rem;
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-content: stretch;
}
div.footer-widget-1 section {
	flex-direction: row;
	justify-content: stretch;
	align-content: stretch;
	width: 30%;
	flex-basis: 30%;
	margin: 0 4% 0 0;
	overflow: hidden;
}
div.footer-widget-1 section:last-child {
	margin: 0;
}
div.footer-widget-1 section p:last-child {
	margin-bottom: 0;
}
section#media_image-2,
section#block-9,
section#block-10 {
	width: 14%;
	flex-basis: 14%;
	margin: 0 3% 0 0;
}
section#media_image-2 {
	width: 10%;
	flex-basis: 10%;
	margin: 0 9% 0 0;
}

section#block-5,
section#block-6 {
	width: 39%;
	flex-basis: 39%;
}
section#block-7,
section#block-8 {
	width: 21%;
	flex-basis: 21%;
}
section#block-9,
section#block-10 {
	margin-right: 0;
}
section#block-9 h3,
section#block-10 h3{
	color: var(--orange);
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 500;
	letter-spacing: 10%;
	padding-top: 0.25em;
}
section#block-9 p,
section#block-9 p input,
section#block-10 p,
section#block-10 p input {
	width: 100%;
}
section#block-9 input[type=submit],
section#block-10 input[type=submit] {
	color: var(--orange);
	font-weight: 500;
}
section#block-9 input[type=submit]:hover,
section#block-9 input[type=submit]:focus,
section#block-10 input[type=submit]:hover,
section#block-10 input[type=submit]:focus {
	color: black;
}
section#block-9 form p:not(last-child),
section#block-10 form p:not(last-child) {
	margin-bottom: 1rem;
}
.edit-link {
	position: fixed;
	top: 4rem;
	left: 2rem;
	background: rgba(4,5,21,0.75);
	z-index: 9999;
	width: auto;
}
.post-edit-link {
	font-family: var(--headerfont);
	font-weight: 400;
	/*
	font-size: 14px !important;
	font-size: 0.875rem !important;
	*/
}

.block-partners {
	background: var(--lightbg);
	padding: 4rem;
	text-align: center;
}
.block-welcome {
	padding: 4rem 0 0 0;
	text-align: center;
}
.block-welcome h1,
.block-welcome h2 {
	padding-left: 4rem;
	padding-right: 4rem;
}
.block-welcome h1 {
	color: var(--darkbg);
}
.block-welcome figure {
	margin: 4rem 0 0 0;
}
.block-partners h3 {
	color: var(--orange);
	font-weight: 700;
	margin-top: 2rem;
}
.flexblock-gallery-home {
	padding-top: 4rem;
}
.flexblock-gallery-home h1 {
	color: var(--darkbg);
}
.flexblock-gallery-home ul {
	margin-top: 2rem;
}
a.button.button-gallery,
a.button.button-concerts,
a.button.button-lecturers {
	display: block;
	width: 16rem;
	margin: 4rem auto;
	color: var(--lightbg);
	border-color: var(--lightbg);
	background: none;
}
a.button.button-concerts,
a.button.button-lecturers {
	margin: 0rem calc(-0.5rem - 2px);
}
a.button.button-lecturers {
	color: var(--darkbg);
	border-color: var(--darkbg);
	/* margin-top: 2rem; */
}
a.button.button-concerts:hover,
a.button.button-concerts:focus, 
a.button.button-gallery:hover,
a.button.button-gallery:focus {
	color: white;
	border-color: var(--lightbg);
	background-color: var(--lightbg);
}
a.button.button-lecturers:hover,
a.button.button-lecturers:focus {
	border-color: var(--orange);
	background-color: var(--orange);
	color: white;
}



.forminator-edit-module {
	display: none;
}
.forminator-ui {
	/*
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	*/
	margin-top: 4rem;
}
.forminator-ui * {
	font-family: var(--headerfont) !important;
	box-shadow: none !important;
}
.forminator-ui input,
.forminator-ui select {
	border-color: #808080;
}
.forminator-ui .forminator-has_error input,
.forminator-ui .forminator-has_error select {
	border-color: var(--orange);
}

span[data-limit] {
	display: none;
}
.forminator-ui select,
.forminator-ui option {
	font-size: 1em !important;
}
.forminator-field select,
.forminator-field option,
.forminator-field .iti__country-container,
.forminator-field .iti__country-container * {
	font-size: 0.875rem !important;
	line-height: 0.875rem !important;
}
.forminator-ui span.forminator-select > span > span{
	background: white !important;
	border-color: #b0b0b0;
}
.forminator-ui select.forminator-select--field option {
	background: #d0d0d0;
}
.forminator-repeater-label {
	display: none !important;
}
.forminator-field-group,
.forminator-repeater-field {
	background: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: 0 none !important;
}
.forminator-field-group p:first-of-type {
	display: none;
	margin: 0 !important;
	padding: 0 !important;
}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:last-child {
	margin-bottom: 2rem;
}
.forminator-ui .forminator-checkbox {
	margin-top: 1rem;
}
.forminator-field-checkbox {
	text-align: left;
	vertical-align: middle;
}
.forminator-ui .forminator-field-phone .forminator-field--phone {
	padding-left: 6rem !important;
}
.forminator-ui label,
.forminator-ui span.forminator-label {
	display: block;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 700;
	text-align: left;
	color: var(--orange);
}
.forminator-ui .forminator-field span.forminator-description,
.forminator-ui .forminator-checkbox-label {
	display: block;
	margin-top: 1rem;
	text-transform: none;
	font-size: 0.8rem;
	line-height: 1.2rem;
	font-weight: 400;
	text-align: left;
	color: black;
}
.forminator-ui .forminator-checkbox-label {
	display: inline-block;
	width: 90%;
	margin-top: 0;
	vertical-align: middle;
}
.forminator-select--field {
	width: 100%;
	background: white;
	padding: 0.5rem;
}
.forminator-prefix {
	display: none;
}
.forminator-date-select .forminator-field select {
	width: 100%;
}
span.forminator-error-message {
	display: block;
	width: 100%;
	padding: 0.5rem;
	font-size: 0.8rem;
	line-height: 1rem;
	background: var(--orange);
}

#forminator-module-126 > div.forminator-row:nth-child(3) {
	width: 46%;
	float: left;
	clear: left;
}
#forminator-module-126 > div.forminator-row:nth-child(4),
#forminator-module-126 > div.forminator-row:nth-child(5) {
	width: 46%;
	float: right;
	clear: right;
}
#forminator-module-126  > div.forminator-row:nth-child(6) {
	width: 100%;
	float: none;
	clear: both;
	border-top: 1px solid var(--orange);
	padding-top: 2rem;
	margin-top: 1rem;
}
#forminator-module-126 > div:nth-child(1),
#forminator-module-126 > div.forminator-row-last {
	width: 100%;
	display: block;
	float: none;
	clear: both;
}


#forminator-module-126 > div.forminator-row-last {
	text-align: center;
}
.forminator-ui button.forminator-button-submit {
	margin: 2rem auto 0 auto;
}
.forminator-ui button.forminator-button-submit:hover {
	color: white;
	background: var(--orange);
}
.forminator-ui button.forminator-button {
	width: auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

.forminator-ui div.forminator-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.forminator-ui div.forminator-row > div:first-child {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.forminator-ui div#checkbox-3 * {
	text-align: center;
}
.forminator-ui div#checkbox-3 label,
.forminator-ui div#checkbox-3 label span {
	width: auto;
}
::placeholder {
	color: #b0b0b0;
}

body:not(.wp-admin) .admin-only-field {
	visibility: hidden !important;
	height: 1px;
	overflow: hidden;
	margin-bottom: 0;
	margin-top: 0;
}
.forminator-ui div#group-8 div.forminator-row:nth-child(2) {
	margin-bottom: 0;
}
.forminator-ui div#date-1-day label,
.forminator-ui div#date-1-month label,
.forminator-ui div#date-1-year label {
	font-size: 0.75rem;
}
.forminator-ui .forminator-error {
	display: none;
}
.forminator-ui label.success label {
	text-align: center;
}



div.lgx_app_content_wrapper {
	margin: 2em 0 0 0;
	padding: 0;
}
div.lgx_app_content_wrapper p {
	display: none;
}
.lgx_app_item, 
.swiper-slide {
	width: 18%;
	height: auto;
	margin: 0 1% 0 0;
}
.lgx_app_item_figure a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lgx_app_item_img {
	margin: 2rem;
	width: 100%;
	display: flex;
	transition: all 1s;
}
.lgx_app_item img:not(:hover) {
	filter: grayscale(100%) opacity(50%);
}





@media screen and (min-width: 960px) {

	li#menu-item-122,
	li#menu-item-124 {
		display: none;
	}

	
	html {
		scroll-padding-top: calc( var(--wp-admin--admin-bar--height, 0px) + 72px );
	}

	/* */
	
	.navigation-top {
		bottom: 4rem;
		font-size: 16px;
		font-size: 1rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 100%;
		padding: 0.75rem 3.4166666666667rem;
	}

	.site-navigation-fixed.navigation-top {
		/* bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0; */
		width: 100%;
		z-index: 1000;
	}
	.site-branding .wrap a.reglink-wide {
		display: block;
	}
	.main-navigation .wrap a.reglink-narrow {
		display: none;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		/* top: 32px; */
	}

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation > div {
		padding: 0;
	}

	.main-navigation > div > ul {
		background: transparent;
		padding: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 1em 2em;
	}

	.main-navigation ul ul {
		background: var(--bluegrey);
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: var(--orange);
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}
	
	.site-branding div.wrap a.button.reglink.reglink-wide {
		display: block;
	}
	nav.main-navigation a.button.reglink.reglink-narrow {
		display: none;
	}
	
	
}

@media screen and (min-width: 1280px) {

	li#menu-item-122,
	li#menu-item-124 {
		display: inline-block;
	}
	
}

@media screen and (max-width: 1599px) {

	header.entry-header.home-header {
		height: 760px;
	}
	header h1.home-title {
		top: 3.5rem;
		right: 3.5rem;
		width: 432px;
		height: 222px;
	}	
	header.entry-header {
		height: 373px;
	}
	header.entry-header h1.entry-title {
		line-height: 318px;
	}

}
@media screen and (max-width: 1279px) {

	header.entry-header.home-header {
		height: 640px;
	}
	header h1.home-title {
		top: 3rem;
		right: 3rem;
		width: 370px;
		height: 190px;
	}
	header.entry-header {
		height: 320px;
	}
	header.entry-header h1.entry-title {
		line-height: 273px;
	}
	
	ul.flexcontent-lecturers-home li.unit-lecturers-home {
		width: 24%;
		flex-basis: 24%;
		margin: 0 1% 2em 0;
		flex-shrink: 0;
	}
	
}

@media screen and (max-width: 959px) {

	.site-content-contain {
		margin-top: 76px;
	}
	header.entry-header.home-header {
		height: 580px;
	}
	header h1.home-title {
		top: 2.5rem;
		right: 2.5rem;
		width: 309px;
		height: 159px;
	}
	header.entry-header {
		height: 267px;
	}
	header.entry-header h1.entry-title {
		line-height: 226px;
	}
	ul.flexcontent-concerts li {
		justify-content: center;
		flex-direction: column;
	}
	ul.flexcontent-concerts li.flexcontent-singleconcert figure.concert-image,
	ul.flexcontent-concerts li.flexcontent-singleconcert div.concert-text,
	div.entry-content.page-article-content div {
		width: 100%;
		flex-basis: 100%;
	}
	ul.flexcontent-lecturers li {
		width: 48%;
		flex-basis: 48%;
		margin-right: 2%;
	}
	ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) li:nth-child(5n+0) {
		margin-right: 2%;
	}
	ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) li:nth-child(even) {
		margin-right: 0;
	}
	
	
	ul.flexcontent-concerts li.flexcontent-singleconcert figure.concert-image {
		margin-bottom: 4rem;
	}
	main article div.entry-content {
		padding: 4rem 2rem;
	}
	div.entry-content.page-article-content {
		flex-direction: column;
		padding-bottom: 0;
	}
	div.entry-content.page-article-content.page-article-content-left,
	div.entry-content.page-article-content.page-article-content-right {
		padding: 4rem 2rem;
		padding-bottom: 0;
	}
	div.entry-content.page-article-content div.page-image {
		margin: 4rem -2rem -1rem -2rem;
		width: calc(100% + 4rem);
		order: 99;
	}
	div.page-image img {
		max-width: calc(100% + 4rem);
		width: auto;
	}
	footer.site-footer {
		/* background-size: 50%; */
	}
	
	div.footer-widget-1 {
		flex-wrap: wrap;
		flex-direction: row;
		margin-top: 4em;
	}
	.site-info {
		font-size: 1rem;
	}
	section#media_image-2 {
		width: 25%;
		flex-basis: 30%;
		margin: 0 0 0 3%;
		order: 2;
	}
	section#media_image-2 img {
	}
	section#block-5,
	section#block-6 {
		width: 100%;
		flex-basis: 100%;
		order: 3;
		margin: 0;
	}
	section#block-7,
	section#block-8 {
		width: 72%;
		flex-basis: 67%;	
		order: 1;
		margin: 0;
	}
	section#block-9,
	section#block-10 {
		width: 50%;
		flex-basis: 50%;
		order: 4;
		margin: 0;
		padding-bottom: 0;
	}	

	#forminator-module-126 > div.forminator-row:nth-child(3),
	#forminator-module-126 > div.forminator-row:nth-child(4),
	#forminator-module-126 > div.forminator-row:nth-child(5) {
		width: 100%;
		float: none;
		clear: none;
	}
	
	
}

@media screen and (max-width: 799px) {

	header.entry-header.home-header {
		height: 460px;
		background-position: 95% bottom;
	}
	header.entry-header.home-header:after {
		margin-bottom: -1rem;
	}
	header h1.home-title {
		top: 2rem;
		right: 2rem;
		width: 297px;
		height: 127px;
	}
	header.entry-header {
		height: 214px;
	}
	header.entry-header h1.entry-title {
		line-height: 182px;
	}
	ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) {
		justify-content: center;
		flex-direction: column;
	}
	ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) li {
		width: 100%;
		flex-basis: 100%;
	}

	div.footer-widget-1 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	div.flexblock.flexblock-gallery:not(.flexblock-gallery-home) {
		width: calc(100% + 4rem);
		margin-left: -2rem;
	}
	
	
	/*
	ul.flexcontent-lecturers:not(.flexcontent-lecturers-home) li:nth-child(even) {
		margin-right: 0%;
	}
	*/
	
	ul.flexcontent-images li {
		width: 50%;
		flex-basis: 50%;
		margin: 0;
		padding: 0;
	}	
	
	body.home ul.flexcontent-images li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {
		display:none;
	}
	ul.flexcontent-lecturers-home li.unit-lecturers-home {
		width: 49%;
		flex-basis: 49%;
		margin: 0 1% 2em 0;
		flex-shrink: 0;
	}

	body.home .flexblock-lecturers-home,
	body.home .flexblock-concerts-home,
	body.home .block-partners,
	body.home .block-welcome {
		margin-top: 0;
	}
	
	
	
}
	
@media screen and (max-width: 639px) {

	header.entry-header.home-header {
		background-image: url("https://kurzyli.metamedia.cz/wp-content/themes/kurzylitomysl2025/assets/images/KL-mobile-title-background.jpg");
		height: calc(100vw * 1.4125);
		background-position: right bottom;
		margin-bottom: 4rem;
	}
	
	.block-welcome img {
		display: none;
	}
	
	header.entry-header.home-header:after {
		margin-bottom: -4rem;
	}
	header.entry-header:not(.home-header):after {
		display: none;
	}	
	header h1.home-title {
		bottom: calc(100vw * 0.0333 - 1rem);
		top: auto;
		left: 1rem;
		right: auto;
		width: calc(100vw * 0.6354 - 2rem);
		height: calc(100vw * 0.3333);
	}

	header.entry-header {
		height: auto;
		padding: 2rem 0rem 2rem 0rem;
	}
	
	header.entry-header h1.entry-title,
	.page-text h1,
	.entry-content h1,
	div.wrapper-concerts-home h1,
	div.wrapper-lecturers-home h1,
	div.flexblock-gallery-home h1,
	div.block-welcome h1 {
		font-size: 3.2rem;
		line-height: 3.6rem;
	}
	
	header.entry-header h1.entry-title {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.entry-content h2,
	div.wrapper-concerts-home h2,
	div.wrapper-lecturers-home h2,
	div.flexblock-gallery-home h2,
	div.block-partners h2,
	div.block-welcome h2 {
		font-size: 1.1rem;
		line-height: 1.4rem;
		margin-top: 0.5rem;
	}

	ul.flexcontent-images li {
		width: 100%;
		flex-basis: 100%;
		margin: 0;
		padding: 0;
	}
	body.home ul.flexcontent-images li:nth-child(4),
	body.home ul.flexcontent-images li:nth-child(5),
	body.home ul.flexcontent-images li:nth-child(5) {
		display: none;
	}

	ul.flexcontent-lecturers-home li.unit-lecturers-home {
		width: 99%;
		flex-basis: 99%;
		margin: 0 1% 2em 0;
		flex-shrink: 0;
	}

	
}

@media screen and (max-width: 479px) {


	body,
	div.site {
		min-width: 280px;
	}

	div.entry-content {
		padding-top: 2rem !important;
	}
	
	section#media_image-2 {
		display: none;
	}
	
	section#block-5,
	section#block-6,
	section#block-7,
	section#block-8,
	section#block-9,
	section#block-10 {
		width: 100%;
		flex-basis: 100%;
	}	

	header.entry-header h1.entry-title,
	.page-text h1,
	.entry-content h1,
	div.wrapper-concerts-home h1,
	div.wrapper-lecturers-home h1,
	div.flexblock-gallery-home h1,
	div.block-partners h1,
	div.block-welcome h1 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}

	header.entry-header h1.entry-title {
		padding: 2rem;
	}
	
	h3 {
		font-size: 1.125rem;
	}
	div.footer-widget-1,
	div.wrapper-concerts-home,
	div.wrapper-lecturers-home,
	div.block-partners,
	div.block-welcome h1, 
	div.block-welcome h2 {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	div.wrapper-concerts-home div.flexblock-concerts-home p,
	div.block-partners,
	div.block-partners p,
	.page-text p {
		text-align: left;
	}
	div.block-partners h3,
	div.wrapper-concerts-home div.flexblock-concerts-home p {
		margin-left: 0 !important;
		margin-right: 0 !important;
		
	}
	
}

@media screen and (max-width: 359px) {
	header.entry-header h1.entry-title,
	.page-text h1,
	.entry-content h1,
	div.wrapper-concerts-home h1,
	div.wrapper-lecturers-home h1,
	div.block-partners h1 {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}
}

a.button.reglink {
	display: none !important;
}