/*
Theme Name: Pavel Fischer
Theme URI: https://www.pavelfischer.cz
Author: Roman Klabal
Author URI: https://roman.klabal.cz
Description: Custom WordPress theme for Pavel Fischer | pavelfischer.cz website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pf
*/

/* Helpers */
.d-none {
	display:none !important;
}
.d-small-only {
	display:none;
}
.d-large-only {
	display:block;
}
@media (max-width: 480px) {
	.d-small-only {
		display:block;
	}
	.d-large-only {
		display:none;
	}
}


/* Podcast player on single.php */
.mejs-container {
	clear:none !important;
	margin-bottom:2em;
}

/* Share icons */
.social-icons svg {
	pointer-events:none;
}

/* Tag cloud */
.tag-cloud-link {
	padding:0px 5px;
}

/* Podcast col */
@media (max-width: 600px) {
	.podcasts-col {
		margin-top: 1.25rem !important;
	}
}

/* NGG */
.ngg-gallery-thumbnail {
    text-align: center;
    max-width: 100% !important;
    background-color: #FFFFFF;
    border: none !important;
    margin: 0px !important;
}
.ngg-gallery-thumbnail a {
	margin: 0px !important;
}
.ngg-gallery-thumbnail img {
	margin: 0px auto !important;
}
.ngg-galleryoverview br {
	display:none !important;
}
.ngg-galleryoverview {
	display:grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
	clear:none !important;
}
.prose .ngg-galleryoverview {
	grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
	.ngg-galleryoverview, .prose .ngg-galleryoverview {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 420px) {
	.ngg-galleryoverview, .prose .ngg-galleryoverview {
		grid-template-columns: 1fr 1fr;
	}
}

/* Media tab */
.media-tab {
	display:none;
}
.media-tab.media-tab-active {
	display:block;
}

/* YouTube play button */
.youtube-play-button {
	position:relative;
	display:block;
}
.youtube-play-button > img {
	filter: brightness(0.8);
	transition: all 0.3s ease-out; 
	display:block;
}
.youtube-play-button:hover > img {
	filter: brightness(1);
}
.youtube-play-button-icon {
	position:absolute;
	left: calc(50% - 50px);
	top: calc(50% - 25px);
	width: 80px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: all 0.3s ease-out; 
	opacity:0.7;
}
.youtube-play-button:hover .youtube-play-button-icon {
	opacity:1;
}

/* YouTube responsive embed */
.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Footer menu links */
.footer ul.menu a:not([href]) {
    pointer-events:none;
}

/* Admin bar */
#wpadminbar {
    top: -25px;
    transition: all 0.3s ease-in-out;
	opacity:0;
}
#wpadminbar:hover {
    top: 0;
	opacity:1;
}

/* Homepage spacing */
@media (min-width: 1200px) {
	.pad-right-20 {
		padding-right:18px;
	}
	.pad-left-20 {
		padding-left:22px;
	}
}

/* Transparentni ucet */
.section-transparentni-ucet {
	background-color:#00afd4;
}
.section-transparentni-ucet .container {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.section-transparentni-ucet h2 {
	font-weight: 600;
	color:white;
	text-transform: uppercase;
	line-height: 1.1;
}
.section-transparentni-ucet .btn--large {
	color:#00afd4;
	background: white;
}
.transparentni-ucet-odstavec {
	margin-bottom: 0;
	color:white;
	line-height: 1.4;
}
@media (max-width: 768px) {
	.section-transparentni-ucet h2 {
		text-align: center;
	}
	.transparentni-ucet-odstavec {
		margin-top:1em;
		margin-bottom:1em;
	}
}
.tu-header-banner {
	background-color:#00afd4;
}
.tu-header-banner .container {
	padding-top: 0;
	padding-bottom: 0;
}
.tu-header-banner .container img {
	display:block;
	max-width:100%;
	height:auto;
}
@media (max-width: 768px) {
	.tu-header-banner .container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* Mobile/tablet menu */
@media (max-width: 999px) {
	.nav-open .menu-hlavni-menu-container {
		max-height: calc(100vh - 60px);
		overflow-y: auto;
	}
	.menu-hlavni-menu-container::after {
		display: none;
	}
} 
@media (min-width: 1000px) and (max-width: 1150px) {
	body .menu-hlavni-menu-container > .menu > .menu-item > a {
		padding-left:0px;
	}
	body .menu-hlavni-menu-container > .menu > .menu-item > a::after {
		left:0px;
	}
	li.menu_prezident_2023 > a {
		margin-right:10px;
		padding-left:10px !important;
	}
}

/* Menu prezident 2023 */
@media (min-width: 1000px) {
	li.menu_prezident_2023 > a {
		background-color: #00afd4;
		color:#fff;
		height:2.2rem;
		border-top:0.4rem solid #f7f7f7;
		border-bottom:0.4rem solid #f7f7f7;
	}
	li.menu_prezident_2023 > a:hover, li.menu_prezident_2023.current-menu-item > a {
		color:#f7f7f7 !important;
	}
	li.menu_prezident_2023 > a::after {
		display:none !important;
	}
	li.menu_prezident_2023 > a::before {
		color: #fff;
	}
}

/* Prezident 2023 globalne */
.volunteers__tile {
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	padding:0.5rem;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:100%;
}
.volunteers__tile p {
	margin-bottom:0px;
	font-size:1rem;	
}
.volunteers__thumbnails {
	margin-bottom:12px;
}
.volunteers__thumbnails img {
	display:inline-block;
	max-height:120px;
	width:auto;
	margin-right:10px;
}

/* Profile frame quick fixes */
@media (max-width: 480px) {
	.profile-frame__actions {
		justify-content: center;
	}
	.profile-frame__actions .btn {
		padding: 0.5rem 1em;
		white-space: nowrap;
	}
}

/* Donations */
.pf-donate {
	padding:2rem;
}
.pf-donate-amounts {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}
.pf-donate-amounts .btn,
.btn.ttn {
	text-transform:none;
}
.pf-donate input[type="text"],
.pf-donate input[type="email"],
.pf-donate input[type="number"] {
	background-color:white;
	border: 1px solid var(--border-color, #e6e6e6) !important;
	padding:0.75em 1em;
	font-size:1.1rem;
	color:black;
}
.pf-donate input[type="radio"] {
	-webkit-appearance:radio;
	appearance:radio;
	margin-right:4px;
}
.pf-donate-labels label {
	display:block;
	font-weight:600;
	margin-bottom:4px;
}
.pf-donate-labels input {
	width:100%;
}
.pf-donate-required {
	font-weight:400;
	color:#b21c1c;
}
.pf-donate-radios label {
	display:inline-block;
	font-weight:400;
	margin-right:20px;
}
.pf-donate-radios p {
	font-weight:600;
	margin-bottom:10px;
}
.pf-donate-details {
	display:flex;
	flex-direction:row;
}
.pf-donate-qr {
	padding-right:15px;
	border-right:1px solid var(--border-color, #e6e6e6) !important;
}
.pf-donate-account {
	padding-left:15px;
	display:flex;
	align-items: center;
}
.pf-donate-qr img {
	max-width:140px;
	height:auto;
}
.pf-donate-account table tr td:first-child {
	font-weight:600;
	padding-right:15px;
}
@media (max-width: 480px) {
	.pf-donate {
		padding:1.25rem;
	}
	.pf-donate-amounts {
		justify-content: space-evenly;
	}
	.pf-donate-amounts .btn {
		padding:0.5rem 1rem;
		width:45%;
		font-size:1rem;
	}
	.pf-donate-details {
		display:flex;
		flex-direction:column;
		align-items: center;
	}
	.pf-donate-account {
		padding-top:15px;
		padding-left:0;		
		justify-content: center;		
	}
	.pf-donate-qr {
		padding-right:0;
		border-right:none;
	}
	.pf-donate-account table tr td:first-child {
		padding-right:5px;
	}
	.pf-donate input[type="text"],
	.pf-donate input[type="email"],
	.pf-donate input[type="number"] {
		padding:0.5em 0.75em;
		font-size:1rem;
	}
	.pf-donate-submit {
		margin:0px auto;
		display:block;
	}
}

/* Microsites */
.ff-archivo {
	font-family: 'Archivo', sans-serif;
}
body.page-template-template-microsite {
	border-top:none !important;
}
body.page-template-template-microsite header.header,
body.page-template-template-microsite .edge-icons {
	display:none !important;
}
.msite-header-blue {
	background-color:#00afd4;
}
.msite-header-blue .container {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
}
.msite-header-blue .msite-logo,
.msite-header-blue .msite-one .text-right {
	line-height:1;
}
.msite-header-blue .msite-logo img {
	margin-top:10px;
	max-height:60px;
	display:inline-block;
}
.msite-header-blue .msite-one img {
	max-height:80px;
	display:inline-block;
}
.msite-logo, 
.msite-one {
	width:50%;
}
.msite-main-container {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.msite-hero-image {
	position: relative;
	line-height:1;
}
.msite-hero-photo {
	display:block;
	object-fit: cover;
	width:100%;
	max-height:80vh;
}
.msite-hero-one {
	display:none;
}
.msite-hero-title {
	color:white;
	transform: translateY(-52%);
	background-color:#00afd4;
}
.msite-hero-title h1 {
	font-size:5rem;
	line-height:1.1;
}
.msite-hero-title-below {
	margin-top:calc(var(--pf-height) * -1);
}
.msite-content .col,
.msite-content .col p {
	font-family: 'Archivo', sans-serif;
	font-weight:500;
	color:#000;
	font-size:1.1em;
	line-height:1.2;
}
.msite-content .col a {
	color:#00afd4;
	text-decoration: underline;
}
.msite-content .col a:hover {
	color:#00afd4;
	text-decoration: none;
}
.msite-content .col p {
	margin-bottom:1em;
}
.msite-signature {
	max-width:400px;
}
.msite-pseudo-padding {
	padding-top: 1.1em;
}

@media (max-width: 768px) {
	.msite-header-blue .msite-logo img {
		margin-top:0;
		max-width:60vw;
		height:auto;
	}
	.msite-logo {
		width:100%;
	}
	.msite-one {
		display:none !important;
	}
	.msite-main-container {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.msite-hero-photo {
		width:100%;
		max-height:none;
	}
	.msite-hero-one {
		display:block;
		position: absolute;
		left:15px;
		bottom:20px;
		width:30vw;
		height:auto;
	}
	.msite-hero-title {
		transform: translateY(0);
		padding:15px !important;
	}
	.msite-hero-title h1 {
		font-size:1.8rem;
		line-height:1.2;
	}
	.msite-hero-title-below {
		margin-top:0;
	}
	.msite-content .col {
		font-size:0.9em;
	}
	.msite-signature {
		max-width:300px;
	}
	.msite-pseudo-padding {
		padding-top:0;
	}
}

/* 2024 Senate elections */
.card-list.card-compressed-senate-2024 {
	gap:1.5rem;
	margin-bottom: 1.5em;
}
.card-list.card-compressed-senate-2024 .card__header {
	margin-bottom:0.5rem;
}
.card-list.card-compressed-senate-2024 .card__body {
	padding: 1rem 1.25rem 1.25rem;
}
.card-list.card-compressed-senate-2024 .card__title {
	font-size:1.2rem;
	margin-bottom: 0;
}
.card-list.card-compressed-senate-2024 .card__category {
	display:none !important;
}