/*
Theme Name: Krestgym theme
Theme URI: https://github.com/krestgym/krestgym-theme
Author: Matyáš Bartaloš, Jan Štaffa
Author URI: https://barty.cz/
Description: none
Version: 2.0.0
Requires PHP: 5.6
Tested up to: 6.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krestgym-theme
Tags: blog, footer-widgets, custom-background, custom-menu, featured-images, translation-ready, full-width-template, education, theme-options, custom-logo, one-column

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.

This theme is based on Education Zone theme:
https://rarathemes.com/wordpress-themes/education-zone/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Links
# Accessibility
# Alignments
# Clearings
# Widgets
# Posts and pages
# Site header (PC)
# Search input
# Primary menu
# Site header (Mobile)
# Mobile menu
# Pages and posts
# Single post
# Calendar
# Search page
# 404 Error page
# Galleries
# Front page
	## Banner section
	## Information section
	## Welcome section
	## News and calendar section
	## Gallery section
# Footer
# Pagination
# RESPONSIVE CSS
# WP Elements
# Old CSS

--------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------
# Normalize
-------------------------------------------------------------------------------------------------------*/

:root {
	--primary-color: #065c8e;
	--secondary-color: #04446a;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

/* figure {
	margin: 1em 0 25px;
} */

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	appearance: textfield;
	/* box-sizing: content-box; */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
}

p {
	margin-bottom: 1.5em;
	margin-top: 0;
}

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

blockquote {
	margin: 0 1.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: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

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

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	scroll-behavior: smooth;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	font-family: 'Figtree', sans-serif;
	color: #5d5d5d;
	font-size: 18px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #4aa0d7;
	text-decoration: none;
}

a:focus-visible {
	outline: 3px dotted black;
}

a:hover,
a:active {
	outline: 0;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	/* margin: 0 0 1.5em; */
	overflow: hidden;
}

.post-navigation .nav-links {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

/* .comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
} */

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	/* float: right; */
	/* text-align: right; */
	/* width: 50%; */
	margin-left: auto;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	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: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	outline: 0;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.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;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content: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 {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */

.widget select {
	max-width: 100%;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.0em 0 0;
}

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

/* .header-part {
	width: 90%;
	margin: 0 auto;
} */

.section-title {
	font-size: 38px;
	line-height: 1.1;
	color: #474b4e;
	font-weight: 700;
	margin-bottom: 20px;
}

/* Underline Fixes in posts and pages*/


/* Single post and single page underline fixes */
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
	color: #5d5d5d;
	text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
	color: var(--primary-color);
}

.button,
.wp-block-button a,
a.wp-element-button,
.single-post .entry-content form input[type="submit"] {
	display: inline-block;
	background: var(--primary-color);
	text-transform: uppercase;
	font-size: 14px;
	line-height: 17px;
	font-weight: 900;
	color: #fff !important;
	text-decoration: none !important;
	user-select: none;
	padding: 15px 34px;
	box-shadow: none;
	border: none;
	border-radius: 0;
	transition: 0.1s all;
}

.button:hover,
.wp-block-button a:hover,
a.wp-element-button:hover,
.single-post .entry-content form input[type="submit"]:hover {
	scale: 1.02;
	background-color: var(--secondary-color);
	opacity: 1;
}

.button:focus-visible,
.wp-block-button a:focus-visible,
a.wp-element-button:focus-visible,
.single-post .entry-content form input[type="submit"]:focus-visible {
	scale: 1.02;
	background-color: var(--secondary-color);
	opacity: 1;
	outline: 3px dotted black;
	outline-offset: 2px;
}


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

embed,
iframe,
object {
	max-width: 100%;
}

/* -------------------------------------------- Site header (PC) ---------------------------------------*/

.site-header {
	position: relative;
	z-index: 5;
}

.site-header a {
	outline-color: white;
}

.site-header .container {
	display: flex;
	align-items: center;
}

.site-header .header-top {
	padding: 15px 0;
	background-color: var(--secondary-color);
}

.site-header .header-top .secondary-nav {
	margin-left: auto;
}

.site-header .header-top .secondary-nav .menu {
	display: flex;
	margin: 0;
}

.site-header .header-top .secondary-nav ul li {
	list-style: none;
}

.site-header .header-top .secondary-nav a {
	color: #fff;
	padding: 8px 20px 8px 8px;
	font-size: 14px;
	display: inline-block;
	position: relative;
}

.site-header .header-top .secondary-nav a:hover {
	opacity: 0.6;
}

.site-header .header-bottom {
	background: var(--primary-color);
}

.site-header .header-bottom::after {
	display: block;
	content: '';
	clear: both;
}

@media only screen and (max-width: 991px) {
	.site-header {
		display: none;
	}
}

.site-branding {
	display: flex;
	user-select: none;
}

.site-branding-wrapper {
	margin-left: 15px;
}

.site-branding .site-title {
	margin: 0;
	line-height: 1;
	font-size: 32px;
	color: #fff;
	font-weight: 700;
}

.site-branding .site-description {
	font-size: 15px;
	line-height: 1.1;
	color: #b5b5b5;
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.site-branding {
		width: 100%;
	}

	.site-branding .site-branding-wrapper {
		display: none;
	}

	.mobile-header .site-branding img,
	.mobile-header .site-branding svg {
		height: 40px;
	}
}

/* ---------------------------------------------- Search input ----------------------------------------*/

.search-form {
	position: relative;
	height: 36px;
	border-bottom: 2px solid #67a8ce;
}

.search-form::after {
	display: block;
	content: '';
	clear: both;
}

.search-form input {
	border: 0;
	border-radius: 0;
	height: 100%;
	padding: 0 5px;
}

.search-form input[type="search"] {
	background: var(--primary-color);
	color: #ddd;
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	/* border-radius: 5px; */
	transition: border-color, box-shadow .15s ease-in-out;
}

.search-form input[type="search"]:focus {
	/* outline: 0; */
	background: #06507c;
	/* box-shadow: 0 0 0 .2rem #0b9ef380; */
	outline: 3px solid black;
}

.search-form input[type="search"]::placeholder {
	color: #aaa;
	opacity: 1;
}

.search-form input[type="submit"] {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" ><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat 6px 6px;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	padding: 0;
	box-shadow: none;
	text-indent: 100%;
	width: 32px;
	transition: all .15s;
}

.search-form input[type="submit"]:hover {
	filter: brightness(70%);
}

.search-form input[type="submit"]:focus-visible {
	/* filter: brightness(70%); */
	outline: 3px dotted black;
}

/* -------------------------------------------- Primary menu ------------------------------------------*/

.main-navigation {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation li:first-child {
	margin-left: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px;
	transition: all 0.1s;
	position: relative;
}

.main-navigation a:hover {
	background: #043b5b;
}

.main-navigation ul li a:focus-visible {
	outline: 3px dotted white;
	outline-offset: -3px;
	z-index: 100;
	background: #043b5b;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	z-index: 99;
	background: #074f79;
}

.main-navigation ul ul a {
	width: 220px;
	padding: 12px;
	text-transform: none;
}

.main-navigation ul ul li {
	margin-left: 0;
}

.main-navigation li:hover>a,
.main-navigation li.focus>a {
	/* opacity: 0.6; */
	color: #fffb;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	margin-left: 0;
	opacity: 1;
	visibility: visible;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
	opacity: 0.6;
}

.main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children::before {
	top: 15px;
	right: 14px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

.main-navigation ul li.menu-item-has-children:hover::before {
	opacity: 0.6;
}

.inline-svg {
	margin-left: 5px;
	display: inline-block;
	font-size: inherit;
	height: 1em;
	vertical-align: -.125em;
}

.main-navigation ul li:not(.menu-item-has-children) .inline-svg {
	display: none;
}

.main-navigation .search-form input[type="search"]:focus {
	outline-color: #fff8;
}

.main-navigation .search-form input[type="submit"]:focus-visible {
	outline-color: white;
}

@media only screen and (max-width: 1199px) {
	.main-navigation li {
		margin-left: 32px;
	}
}

/* ---------------------------------------- Site header (Mobile) ---------------------------------------*/

.mobile-header {
	display: none;
}

.mobile-header .menu-opener {
	border: 0;
	background: 0;
	box-shadow: none;
	padding: 3px;
}

@media only screen and (max-width: 991px) {
	.mobile-header {
		display: block;
		background: var(--secondary-color);
		padding: 10px 0;
	}

	.mobile-header .container:after {
		display: none;
	}

	.mobile-header .container {
		display: flex;
		/* flex-wrap: wrap; */
		align-items: center;
	}

	.mobile-header .menu-opener {
		width: 40px;
		height: 40px;
		cursor: pointer;
		margin-left: 10px;
		order: 2;
	}

	.mobile-header .menu-opener span {
		display: block;
		width: 100%;
		height: 5px;
		background: #ddd;
		margin-bottom: 6px;
		border-radius: 4px;
	}

	.mobile-header .menu-opener span:last-child {
		margin-bottom: 0;
	}

	.mobile-header .site-branding {
		flex-basis: 0;
		flex-grow: 1;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.mobile-header .site-branding .site-description {
		margin: 0;
	}

	/* .mobile-header .site-branding img {
		margin-bottom: 5px;
	} */
}

/* -------------------------------------------- Mobile menu ---------------------------------------*/

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

	.mobile-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 320px;
		max-width: 100%;
		background: var(--secondary-color);
		height: 100%;
		overflow-y: auto;
		z-index: 3;
		padding-top: 80px;
		visibility: hidden;
		transform: translateX(-100%);
		transition: transform 0.4s ease-in-out;
	}

	.mobile-menu.showing,
	.mobile-menu.show:not(.hiding) {
		transform: none;
	}

	.mobile-menu.showing,
	.mobile-menu.hiding,
	.mobile-menu.show {
		visibility: visible;
	}

	.mobile-menu .custom-logo-link {
		position: absolute;
		top: 20px;
		left: 25px;
	}

	.mobile-menu .custom-logo {
		width: auto;
		height: 40px;
	}

	body.menu-open {
		overflow-y: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	body.admin-bar.menu-open {
		padding-top: 32px !important;
	}

	body.admin-bar .mobile-menu {
		padding-top: 110px;
	}

	body.admin-bar .mobile-menu .btn-close-menu,
	body.admin-bar .mobile-menu .custom-logo-link {
		top: 60px;
	}

	.mobile-menu .btn-close-menu {
		position: absolute;
		top: 20px;
		right: 25px;
		border: 0;
		outline: 0;
		box-shadow: none;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
		width: 40px;
		height: 40px;
		cursor: pointer;
		-webkit-transition: ease 0.2s;
		-moz-transition: ease 0.2s;
		transition: ease 0.2s;
	}

	.mobile-menu .btn-close-menu:hover {
		filter: brightness(75%);
	}

	.mobile-menu .btn-close-menu:focus-visible {
		outline: 3px dotted white;
	}

	.mobile-menu .search-bar {
		display: block;
		padding: 10px 32px 20px;
	}

	.mobile-menu .search-form input[type="search"] {
		background: var(--secondary-color);
	}

	.mobile-menu .main-navigation ul {
		display: flex;
		flex-flow: column nowrap;
		width: 100%;
	}

	.mobile-menu .main-navigation ul li {
		float: none;
		display: flex;
		flex-flow: row wrap;
		margin: 0;
	}

	.mobile-menu .main-navigation ul li a {
		color: #fff;
		padding: 15px 0 15px 32px;
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		flex: 1;
	}

	.mobile-menu .main-navigation ul li a:focus-visible {
		outline: 3px dotted white;
		outline-offset: -3px;
	}

	.mobile-menu .main-navigation ul li .angle-down {
		border: 0;
		box-shadow: none;
		background: none;
		position: relative;
		flex: 0 0 48px;
		width: 48px;
		height: 48px;
		cursor: pointer;
		-webkit-transition: ease 0.2s;
		-moz-transition: ease 0.2s;
		transition: ease 0.2s;
	}

	.mobile-menu .main-navigation ul li .angle-down.active {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.mobile-menu .main-navigation ul li .angle-down::after {
		position: absolute;
		top: 50%;
		left: 50%;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
		content: '';
		width: 15px;
		height: 20px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.mobile-menu .main-navigation ul li .angle-down:hover {
		background: #043b5b;
	}

	.mobile-menu .main-navigation ul li .angle-down:focus-visible {
		outline: 3px dotted white;
		outline-offset: -3px;
		background: #043b5b;
	}

	.mobile-menu .main-navigation ul li a:hover,
	.mobile-menu .main-navigation ul li a:focus,
	.mobile-menu .main-navigation ul li:hover>a,
	.mobile-menu .main-navigation ul li:focus>a,
	.mobile-menu .main-navigation ul .current-menu-item>a,
	.mobile-menu .main-navigation ul .current-menu-ancestor>a,
	.mobile-menu .main-navigation ul .current_page_item>a,
	.mobile-menu .main-navigation ul .current_page_ancestor>a {
		opacity: 1;
		color: #4aa0d7;
	}

	.mobile-menu .main-navigation ul ul {
		/* max-height: 0; */
		position: unset;
		float: none;
		background: none;
		margin: 0;
		opacity: 1;
		visibility: visible;
		overflow: hidden;
		transition: all 0.4s;
	}

	.mobile-menu .main-navigation ul li:last-child a {
		border: unset;
	}

	.mobile-menu .main-navigation ul ul li a {
		padding-left: 40px;
	}

	.mobile-menu .primary-menu-list {
		width: 100%;
	}

	.mobile-menu #mobile-secondary-menu {
		margin-top: 40px;
	}

	.mobile-menu-backdrop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.85);
		z-index: 2;
		transition: ease 0.4s;
		opacity: 0;
		visibility: hidden;
	}

	body.menu-open .mobile-menu-backdrop {
		opacity: 1;
		visibility: visible;
	}
}

@media only screen and (max-width: 450px) {
	.mobile-header .mobile-menu {
		width: 100%;
	}
}

/* ---------------------------------------------- Pages and posts --------------------------------------*/

.container {
	width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
}

.container::after {
	display: block;
	clear: both;
	content: '';
}

.page-header {
	padding: 20px 0 0;
}

.page-header .page-title {
	padding-top: 10px;
	font-size: 38px;
	color: #474b4e;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 0;
}

.row {
	margin: 0 -15px;
}

.row::after {
	display: block;
	clear: both;
	content: '';
}

body.custom-background .site {
	background: #fff;
	margin: 20px;
}

.content-area {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin-bottom: 70px;
}

.content-area p {
	text-align: justify;
}

/* .content-area .post,
.content-area .page {
	background: #fff;
	padding-bottom: 44px;
	margin-bottom: 50px;
} */

.content-area .entry-header {
	padding: 30px 0 0;
}

.content-area .entry-header a:hover {
	opacity: 0.6;
}

.content-area .entry-title {
	margin-bottom: 8px;
	font-size: 29px;
	color: #474b4e;
	font-weight: 700;
}

.content-area .entry-title a {
	font-size: 29px;
	color: #474b4e;
	font-weight: 700;
}

.content-area .entry-meta a {
	color: #878b8d;
	font-size: 14px;
}

.content-area .entry-meta span {
	margin-right: 25px;
	display: inline-block;
}

.content-area .entry-meta svg {
	/* color: #878b8d; */
	/* font-size: 14px; */
	margin: 0 3px;
}

.content-area .post.format-image .entry-title,
.content-area .post.format-aside .entry-title,
.content-area .post.format-status .entry-title,
.content-area .post.format-link .entry-title {
	display: none;
}

/* .header-section:after {
	content: '';
	display: block;
	clear: both;
} */

/* .post-thumbnail {
	display: block;
}

.post-thumbnail:focus {
	outline-offset: 2px;
	outline: thin dotted #000;
} */

#crumbs {
	font-size: 14px;
	line-height: 17px;
	color: #358ac0;
	margin-right: 5px;
}

#crumbs a {
	font-size: 14px;
	line-height: 17px;
	color: #878b8d;
	font-weight: 700;
}

#crumbs a:hover {
	opacity: 0.6;
}

#crumbs span {
	padding: 0 1px 0 5px;
}

/* ---------------------------------------------- Single post -----------------------------------------*/

.single-post .site-content .entry-content h1 {
	color: #474b4e;
	font-size: 38px;
	font-weight: 700;
}

.single-post .site-content .entry-content h2 {
	color: #393939;
	font-size: 29px;
	font-weight: 700;
}

.single-post .site-content .entry-content h3 {
	color: #393939;
	font-size: 23px;
	font-weight: 700;
}

.single-post .site-content .entry-content h4 {
	color: #393939;
	font-size: 21px;
	font-weight: 700;
}

.single-post .site-content .entry-content h5 {
	color: #393939;
	font-size: 19px;
	font-weight: 700;
}

.single-post .site-content .entry-content h6 {
	color: #393939;
	font-size: 17px;
	font-weight: 700;
}

.single-post .site-content .entry-content .dropcap {
	font-size: 84px;

	font-weight: 700;
	color: #656565;
	margin: 25px 22px 45px 0;
	float: left;
}

.single-post .site-content .entry-content .highlight {
	background: #56a5d7;
}

/* .single-post .site-content .entry-content table tr:nth-child(2n+1) {
	background: #fafafa;
}

.single-post .site-content .entry-content table th {
	padding: 16px 30px;
	font-weight: 700;
	background: #56a5d7;
	color: #f8f8f8;
}

.single-post .site-content .entry-content table td {
	padding: 16px 30px;
	text-align: center;
} */

/* .single-post .site-content .post .entry-content pre {
	background: #f9f9f8;
	color: #757575;
	font-size: 15px;
	font-family: "Courier 10 Pitch", Courier, monospace;
} */

/* .single-post .site-content .entry-content ul {
	margin: 0 0 15px 16px;
	padding: 0;
}

.single-post .site-content .entry-content ul li {
	background: url(images/list-icon.png) no-repeat 0 12px;
	padding-left: 20px;
	list-style: none;
}

.single-post .site-content .entry-content ol li {
	margin-left: 20px;
}

.single-post .site-content .entry-content ol {
	margin: 0 0 15px 16px;
	padding: 0;
}

.single-post .site-content .entry-content ul ul,
.single-post .entry-content ol ol {
	margin: 10px 20px;
} */

/* .single-post .site-content .entry-content .form-element {
	display: block;
	font-size: 19px;
	color: #494949;
	font-weight: 700;
} */

/* Password input */
.single-post .site-content .entry-content form input[type="text"],
.single-post .site-content .entry-content form input[type="password"] {
	border: 1px solid #d2d2d2;
	background: none;
	padding: 10px;
	width: 50%;
	outline: none;
	margin-bottom: 26px;
}

.single-post .site-content .entry-content form textarea {
	width: 75%;
	border: 1px solid #d2d2d2;
	resize: none;
	height: 150px;
	padding: 10px;
	margin-bottom: 26px;
}

/* .single-post .site-content .entry-content form .radio-section {
	padding: 0;
	margin: 0 0 26px;
}

.single-post .site-content .entry-content form .radio-section:after {
	content: '';
	clear: both;
	display: block;
}

.single-post .site-content .entry-content form .radio-section li {
	float: left;
	padding-left: 0;
	background: none;
	margin-right: 20px;
	list-style: none;
} */

/* ---------------------------------------------- Calendar -----------------------------------------*/

.calendar .site-main {
	padding-top: 20px;
}

.calendar .site-content .hentry {
	display: flex;
	align-items: baseline;
}

.calendar .hentry .calendar-date {
	margin: 0 1em;
	color: black;
	/* flex-basis: 250px; */
	flex-shrink: 0;
	width: 70px;
	text-align: center;
	border: 2px solid black;
	border-radius: 0 0 10px 10px;
}

.calendar .hentry .calendar-month {
	/* padding: 0 10px; */
	background: var(--primary-color);
	color: white;
	font-size: 15px
}

.calendar .hentry .calendar-day {
	padding: 3px 10px;
	font-size: 40px;
	line-height: 1;
	font-weight: 800;
	/* background: #0e5aa1; */
}

/* .calendar .site-content .content-area .post-thumbnail svg {
	display: block;
	width: 100%;
	max-width: 246px;
} */

/* .calendar .site-content .content-area .post,
.calendar .site-content .content-area .page {
	padding: 43px 30px;
} */

.calendar .site-content .content-area .entry-header {
	padding: 0;
}

.calendar .site-content .content-area .entry-content {
	padding: 0;
}

/* .calendar .site-content .content-area .text {
	overflow: hidden;
	flex-basis: 600px;
} */

.calendar .site-content .content-area .entry-footer {
	padding: 0;
}

/* ---------------------------------------------- Search page -----------------------------------------*/

/* .search .site-content .content-area .post::after,
.search .site-content .content-area .page::after {
	display: block;
	content: '';
	clear: both;
} */

.search .site-main {
	padding-top: 20px;
}

.search .site-content .hentry {
	display: flex;
	flex-flow: row wrap;
}

.search .site-content .content-area .post-thumbnail {
	margin-right: 30px;
	flex-basis: 250px;
}

/* .search .site-content .content-area .post-thumbnail svg {
	display: block;
	width: 100%;
	max-width: 246px;
} */

/* .search .site-content .content-area .post,
.search .site-content .content-area .page {
	padding: 43px 30px;
} */

.search .site-content .content-area .entry-header {
	padding: 0;
}

.search .site-content .content-area .entry-content {
	padding: 0;
}

.search .site-content .content-area .text {
	/* overflow: hidden; */
	flex-basis: 500px;
}

.search .site-content .content-area .entry-footer {
	padding: 0;
}


/* ---------------------------------------------- 404 Error page ---------------------------------------*/

.error404 .not-found {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 90px;
}

.error404 .page-title {
	color: var(--primary-color);
	font-size: 120px;
	overflow: hidden;
	text-align: center;
	font-weight: 700;
	display: block;
	line-height: 1.0;
	word-wrap: normal;
	padding: 0;
}

.not-found img {
	margin: 30px 0;
}

.not-found form {
	height: 40px;
	margin: 30px auto;
	width: 60%;
}

.not-found form input[type="search"] {
	float: left;
	border: 0;
	border-radius: 0;
	height: 100%;
	padding: 0 10px;
	margin: 0;
	background: none !important;
	color: #444;
}

.not-found form input[type="submit"] {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" ><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat 6px 6px;
	width: 40px;
}

.not-found .page-header,
.not-found .page-content p {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/* .gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery {
	margin: 0 -15px;
}

.gallery .gallery-item {
	padding: 0 15px;
	margin: 0 0 30px;
}

.gallery-item img {
	width: 100%;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

img {
	vertical-align: top;
} */


/* ---------------------------------------------- Banner section --------------------------------------*/

.banner {
	position: relative;
}

.banner img {
	width: 100%;
	height: 60vh;
	object-fit: cover;
}

.banner .banner-text {
	position: absolute;
	width: 100%;
	left: 0;
	top: 30%;
	height: auto;
}

/* .banner .banner-text .text span, */
.banner .banner-text .text .title {
	display: block;
	font-size: 80px;
	line-height: 1.2;
	color: #fefefe;
	font-weight: bold;
	margin-bottom: 16px;
}

.banner .banner-text .text .desc {
	color: #ffffff;
}

/* backdrop */
.banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1370px) {
	.banner .banner-text {
		top: 15%;
	}
}

@media only screen and (max-width: 991px) {
	.banner .banner-text .text .title {
		font-size: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.banner .banner-text .text {
		width: 100%;
	}

	.banner .banner-text {
		top: 9%;
	}
}

/* ------------------------------------------- Information section ------------------------------------*/

.information {
	background: var(--secondary-color);
}

.tiles {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	top: 0;
	padding: 0;
	margin: -90px 0 0;
	text-align: center;
}

.tiles .box {
	padding: 20px;
	height: 140px;
	overflow: hidden;
	display: block;
	color: white;
	user-select: none;
	transition: 0.1s all;
	font-size: 16px;
	/* opacity: 0.8; */
	/* background: rgba(var(--box-color), 1); */
	background: var(--box-color);
	/* border: 3px solid rgb(var(--box-color)); */
	flex-basis: 25%;
	flex-shrink: 0;
	flex-grow: 1;
}

.tiles .box:hover,
.tiles .box:focus {
	scale: 1.02;
	z-index: 2;
	filter: drop-shadow(2px 2px 6px #0006);
}

.tiles .box:focus-visible {
	outline: 3px dotted white;
}

.tiles .box h3 {
	margin-bottom: 10px;
}

.tiles .box img,
.tiles .box svg {
	width: 100%;
	height: auto;
	max-width: 60px;
}

.tiles .box:nth-child(1) {
	--box-color: #fe7874;
	border-radius: 5px 0 0 5px;
}

.tiles .box:nth-child(2) {
	--box-color: #70b960;
}

.tiles .box:nth-child(3) {
	--box-color: #559291;
}

.tiles .box:nth-child(4) {
	--box-color: #e1b91b;
	border-radius: 0 5px 5px 0;
}

@media only screen and (max-width: 1199px) {
	.tiles li:nth-child(1) .box {
		padding: 30px 42px 17px;
	}

	.tiles li:nth-child(2) .box {
		padding: 30px 42px 13px;
	}

	.tiles li:nth-child(3) .box {
		padding: 30px 42px 38px;
	}

	.tiles li:nth-child(4) .box {
		padding: 30px 40px 40px;
	}

	/* .tiles {
		margin: -79px auto 0;
	} */
}

@media only screen and (max-width: 991px) {
	.information .container {
		padding: 0;
	}

	.tiles li:nth-child(1) .box {
		padding: 30px 8px 17px;
	}

	.tiles li:nth-child(2) .box {
		padding: 30px 8% 13px;
	}

	.tiles li:nth-child(3) .box {
		padding: 30px 8% 38px;
	}

	.tiles li:nth-child(4) .box {
		padding: 30px 8% 40px;
	}

	/* .tiles {
		margin: 0;
	} */
}

@media only screen and (max-width: 767px) {
	.tiles {
		margin-left: 20px;
		margin-right: 20px;
	}

	.tiles li {
		width: 100%;
	}

	.tiles .box {
		flex-basis: 50%;
		height: 150px;
	}

	.tiles .box:nth-child(1) {
		border-radius: 5px 0 0 0;
	}

	.tiles .box:nth-child(2) {
		border-radius: 0 5px 0 0;
	}

	.tiles .box:nth-child(3) {
		border-radius: 0 0 0 5px;
	}

	.tiles .box:nth-child(4) {
		border-radius: 0 0 5px 0;
	}
}

@media only screen and (max-width: 400px) {
	.tiles .box {
		flex-basis: 100%;
	}

	.tiles .box:nth-child(1) {
		border-radius: 5px 5px 0 0;
	}

	.tiles .box:nth-child(2) {
		border-radius: 0;
	}

	.tiles .box:nth-child(3) {
		border-radius: 0;
	}

	.tiles .box:nth-child(4) {
		border-radius: 0 0 5px 5px;
	}
}

/* -------------------------------- Welcome section (aka AI generated text) ---------------------------*/

.welcome-note {
	padding: 75px 0 80px;
	background: var(--secondary-color);
	color: #eee;
}

.welcome-note p {
	text-align: justify;
}

/* .welcome-note .container {
	width: 50%;
	margin: 0;
} */

.welcome-note .section-title {
	color: #eee;
}

@media only screen and (max-width: 991px) {
	.welcome-note .container {
		padding: 0 50px;
	}

	.welcome-note .wp-block-columns {
		flex-wrap: wrap !important;
	}
}

/* ---------------------------------------- News and calendar section ----------------------------------*/

.latest-events {
	padding: 80px 0;
}

.latest-events .container {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
}

.latest-events .container::after {
	display: none;
}

.posts-container {
	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f2f2f2;
	flex-basis: 450px;
	flex-grow: 1;
	overflow-wrap: break-word;
	word-break: break-word;
}

.posts-container ul li:not(:last-child) {
	border-bottom: 2px solid #dcdcdc;
	margin-bottom: 10px;
}

.posts-container .button {
	margin-top: auto;
}

.calendar-events ul {
	list-style: none;
	padding-left: 0;
	width: 100%;
}

.posts-container.calendar-events ul li {
	display: flex;
	align-items: center;
	border: none;
}

.calendar-events ul li .calendar-date {
	/* margin: 10px 30px; */
	margin: 10px 5px 0 0;
	color: black;
	/* flex-basis: 250px; */
	flex-shrink: 0;
	width: 60px;
	text-align: center;
}

.calendar-events ul li .calendar-month {
	padding: 0 3px;
	font-size: 12px;
	text-transform: uppercase;
	/* background: #fff200; */
}

.calendar-events ul li .calendar-day {
	/* padding: 10px; */
	font-size: 35px;
	line-height: 1;
	font-weight: 700;
	/* background: #ffb700; */
}

.calendar-events ul li h3 {
	margin-bottom: 6px;
}

#event-view-select {
	border: none;
	background: none;
}

#event-view-select:hover {
	cursor: pointer;
}

/* ---------------------------------------------- Gallery section --------------------------------------*/

.photo-gallery p {
	display: none;
}

.photo-gallery .gallery {
	margin: 0;
	display: flex;
	position: relative;
	width: 100%;
	height: 200px;
	user-select: none;
	overflow: hidden;
}

.photo-gallery .carousel-container {
	margin: 0;
	display: flex;
	overflow: hidden;
}

.photo-gallery .gallery-item {
	margin: 0;
	flex-shrink: 0;
	flex-basis: 300px;
	max-height: 100%;
	transition: all 0.1s;
}

.photo-gallery .gallery-item:hover {
	filter: contrast(60%);
}

.photo-gallery .gallery-icon {
	height: 100%;
}

.photo-gallery .gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.photo-gallery .gallery-item a:focus-visible {
	outline: none;
}

.photo-gallery .gallery-item a:focus-visible img {
	outline: 3px dotted white;
	outline-offset: -3px;
}

.photo-gallery .carousel-nav {
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: space-between;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.photo-gallery .carousel-nav button {
	pointer-events: auto;
	width: 50px;
	height: 50px;
	color: white;
	border: none;
	border-radius: 0;
	background: #0008;
	transition: background-color 0.1s;
	z-index: 3;
}

.photo-gallery .carousel-nav button:hover {
	background-color: #0005;
}

.photo-gallery .carousel-nav button:focus-visible {
	outline: 3px dotted white;
	outline-offset: -3px;
}

/* ---------------------------------------------- Footer -----------------------------------------------*/

.site-footer {
	background: #1f1f1f;
	padding: 58px 0 0;
	color: #d6d6d6;
}

.site-footer a {
	outline-color: white;
}

.site-footer .widget-area .col {
	width: 33.33%;
	padding: 0 15px;
	float: left;
}

.site-footer .widget-area {
	border-bottom: 1px solid #3a3a3a;
	padding-bottom: 26px;
}

.widget-area .widget-title {
	font-size: 16px;
	margin-bottom: 5px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.site-footer .widget-area .col {
		width: 100%;
	}

	.site-footer .row {
		margin: 0;
	}
}

.site-info {
	text-align: center;
	padding: 20px 0;
	font-size: 15px;
	color: #a6a6a6;
}

.site-info p {
	margin: 0;
}

.site-info a {
	color: #fff;
}

.site-info a:hover {
	opacity: 0.6;
}

/* ---------------------------------------------- Pagination -----------------------------------------*/

.navigation.pagination {
	text-align: center;
}

.navigation.pagination .page-numbers {
	font-size: 19px;
	color: #8f9193;
	font-weight: 700;
	display: inline-block;
	padding: 7px 16px;
	border: 2px solid #f8f8f8;
}

.navigation.pagination .page-numbers svg {
	font-size: 22px;
}

.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover {
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}

/* ------------------------------------------- RESPONSIVE CSS ----------------------------------------*/

@media only screen and (max-width: 1199px) {
	.container {
		width: 970px;
	}
}

@media only screen and (max-width: 991px) {
	.container {
		width: 750px;
	}

	/* .header-part {
		width: 100%;
	} */

	.widget-area .widget.widget_instagram ul li {
		width: auto;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100% !important;
	}
}

@media only screen and (max-width: 767px) {
	.container {
		width: 100%;
	}

	.search .site-content .content-area .post-thumbnail {
		margin-bottom: 15px;
	}

	.search .site-content .content-area .post-thumbnail img {
		width: 100%;
	}

	/* .search .site-content .content-area .text {
		overflow: none;
	} */

	.site-content .content-area .post-section .post {
		width: 100%;
		margin-bottom: 20px;
	}

	.photo-gallery img {
		width: 100%;
	}

	body.admin-bar.menu-open {
		padding-top: 46px !important;
	}

	.welcome-note .container {
		padding: 0 15px;
	}
}

/* ---------------------------------------------- WP Elements --------------------------------------*/

/* cover */
.wp-block-cover {
	padding: 0;
	align-items: stretch;
	border-radius: 10px;
	transition: 0.1s all;
	/* overflow: clip; */
}

.wp-block-cover:hover,
.wp-block-cover:focus-within {
	scale: 1.02;
}

.wp-block-cover p {
	height: 100%;
	text-align: center;
}

.wp-block-cover a {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	transition: color 0.1s;
}

.wp-block-cover a:hover,
.wp-block-cover a:focus {
	color: #ccc;
	text-decoration: none;
}

.wp-block-cover a:focus-visible {
	outline: 3px dotted white;
	outline-offset: -3px;
}

/* caption */
.wp-caption {
	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;
}

.wp-caption-text {
	text-align: center;
}

.wp-block-image figcaption {
	text-align: center;
	font-size: 0.7em;
}

@media (prefers-reduced-motion) {

	/* .mobile-menu {
		transition: none;
	}

	.mobile-menu-backdrop {
		transition: none;
	}

	.main-navigation ul ul {
		transition: none;
	} */
	*,
	::before,
	::after {
		animation-duration: 0.001s !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001s !important;
		scroll-behavior: auto !important;
	}
}