/**
 * Theme Name: ZŠ Novosedly
 * Template: generatepress
 * Author: Filip Černák
 * Version: 1.0
 */

/* My CSS code */

/* Body */
body {
	background: url(https://zsnovosedly.cz/custom/2019_ZSNOVOSEDLY_WEB_bckgrnd_01.jpg);
	background-size: contain;
	background-color: #b8e6ca;
	background-blend-mode: luminosity;
	margin-top: 150px;
	transition: margin-top 1s;
}

body.scrolled {
	margin-top: 90px;
}

body.admin-bar {
	margin-top: 182px;
}

body.admin-bar.scrolled {
	margin-top: 122px;
}

/* Site header */
.site-header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
	height: 130px;
	border-bottom: 1px solid lightgray;
	transition: height 1s;
}

body.admin-bar .site-header {
	top: 32px;
}

body.scrolled .site-header {
	height: 70px;
}

body header.site-header div.site-logo img {
	transition: width 1s;
}

body.scrolled header.site-header div.site-logo img {
	width: 70px;
}

.inside-header {
	transition: padding 1s;
}

body.scrolled .inside-header {
	padding: 5px 10px;
}

/* Site content */
.site-content {
	padding: 5px 25px;
	background-color: white;
	margin: 20px;
	border: 1px solid white;
	border-radius: 8px;
}

.page-header {
	padding: 0 !important;
	border-bottom: 1px solid lightgray;
}

.page-header h1 {
	margin-bottom: 5px;
}

.page-header :not(h1) {
	padding: 0 2px 5px 2px;
}

/* Article */
.inside-article {
	padding: 0 !important;
}

.inside-article .entry-header {
	padding: 0 10px;
}

.inside-article .entry-header .byline {
	display: none;
}

.inside-article .entry-summary {
	margin: 10px;
}

.inside-article footer.entry-meta {
	margin-top: 10px;
	padding: 0 10px
}

/* Default archive (rubriky) style */
body.archive .inside-article {
	border: 1px solid lightgray;
	border-radius: 10px;
	background-color: #fefeed;
	padding: 20px 10px !important;
}

body.archive .inside-article .entry-header .entry-title {
	font-size: 24px;
}

/* Default post (příspěvek) style */
body.single-post .inside-article .entry-header .entry-title {
	font-size: 34px;
}

body.single-post .inside-article .entry-content {
	padding: 0px 20px !important;
}

/* Custom Další dokumenty page style */
body.page-id-22341 .entry-content {
	margin-top: 10px;
}

/* Sidepanel */
#block-2 {
	background-color: lightgreen;
}

#block-3 {
	background-color: lightblue;
}

#block-10 {
	padding: 0;
}

/* Navigation */
nav ul.menu>li>a {
	color: white !important;
}

nav ul.menu>li:hover>a {
	color: black !important;
}

nav ul.menu>li:hover>ul>li:hover {
	background-color: #e3e3e3;
}

nav:not(.toggled) ul.menu>li {
	opacity: 0.8;
}

nav:not(.toggled) ul.menu>li:hover {
	opacity: 1;
}

nav:not(.toggled) ul.menu>li>a {
	text-transform: uppercase !important;
	padding: 0 15px !important;
}

nav:not(.toggled) ul.menu>li>a>span {
	padding: 0 !important;
	padding-left: 5px !important;
}

.has-inline-mobile-toggle #site-navigation.toggled {
	position: absolute;
	top: 130px;
	margin-top: 0;
	width: 100%;
    left: 0;
	transition: top 1s;
}

body.scrolled .has-inline-mobile-toggle #site-navigation.toggled {
	top: 70px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: black !important;
}

.home_btn {
	background-color: #ff595e;
}

.bakalari_btn {
	background-color: #ff924c;
}

.tridy_btn {
	background-color: #ffca3a;
}

.sluzby_btn {
	background-color: #8ac926;
}

.dokumenty_btn {
	background-color: #1982c4;
}

.kontakt_btn {
	background-color: #6a4c93;
}

/* PDF document style (A4 aspect ratio) */
.pdf-doc {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1.41;
	border: 2px solid;
}

/* Invisible */
.invisible {
	display: none;
}

/* Buttons for choosing a specific archive */
#choosing_buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 15px;
}

#choosing_buttons>input {
	display: none;
}

#choosing_buttons>label {
	background-color: lightblue;
	padding: 10px;
	transition: 0.5s background-color;
}

#choosing_buttons>label:hover {
	background-color: #bbf3ff;
}

#choosing_buttons input:checked+label {
	background-color: #00d0ff;
}

/* Aktuality slider design */
main#main div.psac-post-slider.psac-design-1 div.psac-post-overlay {
	background: rgba(255, 255, 255, 0.8);
	border: 15px solid #000000;
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 2;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Custom gallery */
.custom-gallery {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gallery-photo {
	padding: 5px;
}

@media screen and (min-width: 801px) and (max-width: 900px) {
	body {
		margin-top: 90px;
		transition: 0s margin-top;
	}

	body.admin-bar {
		margin-top: 122px;
	}

	body .site-header {
		height: 70px;
	}

	body header.site-header div.site-logo img {
		width: 70px;
		transition: 0s width;
	}

	body .inside-header {
		padding: 5px 10px;
		transition: 0s padding;
	}
}