/*
Theme Name: pwik-glogow#2
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pwik-glogow2
Tags: 

/*zmienne*/
:root {
	--logo-max-width: 300px;
	--logo-min-width: 200px;
	--font-size-paragraf: clamp(0.8rem, calc(0.8rem + 1.3vw), 1.0rem);
	--font-size-table-td: clamp(0.500rem, calc(0.369rem + 0.654vw), 0.8rem);
	--font-size-h2: clamp(1.2rem, calc(0.8rem + 1.3vw), 1.6rem);
	--font-size-h3: clamp(1.1rem, calc(0.8rem + 1.3vw), 1.4rem);
	--font-size-h4: clamp(1.0rem, calc(0.8rem + 1.3vw), 1.2rem);
}
/*zmienne*/

/*animacje*/

@media (prefers-reduced-motion: no-preference) {
	
	.wp-block-group:has(>div.pwik-slide-on-scroll-right), .wp-block-group:has(>div.pwik-slide-in-right) {
		overflow: clip;
	}
	
	.pwik-przycisk-z-ikona:hover img {		
		animation: bouncing .5s;
	}
	
	@keyframes bouncing {
	  from, to { transform: scale(1, 1); }
	  50% { transform: scale(1.1, 1.1); }
	}
	
	.pwik-slow-zoom .wp-block-cover__image-background {
		scale: 1;
	    animation: zoom-in 60s linear forwards;
	}
	
	@keyframes zoom-in {
		to { scale:1.5;}
	}
	
	.pwik-fade-in {
		scale: 0.99; opacity: 0;
		animation: fade-in 0.7s forwards;
		animation-delay: 0.2s;
	}
	
	.pwik-fade-in-slow {
		opacity: 0;
		animation: fade-in 0.7s forwards;
		animation-delay: 0.5s;
	}
	
	.pwik-fade-in-on-scroll {
		scale: 0.9; opacity: 0;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: entry 200px;
	}
	
	@keyframes fade-in {
		to {scale: 1; opacity: 1;}
	}
	
	@keyframes fade-out {
		to {scale: 1.5; opacity: 0;}
	}
	
	.pwik-slide-in-left {
		left: -20vw;
		animation: slide-in 0.7s forwards;
		animation-delay: 0s;
	}
	
	.pwik-slide-in-right {
		left: 20vw;
		animation: slide-in 0.7s forwards;
		animation-delay: 0.5s;
	}
	
	.pwik-slide-on-scroll-left {
		left: -20vw;
		opacity: 0;
		animation: slide-in 0.7s forwards;
		animation-timeline: view();
		animation-range: entry 10% exit 20%;
	}
	
	.pwik-slide-on-scroll-right {
		left: 20vw;
		opacity: 0;
		animation: slide-in 0.7s forwards;
		animation-timeline: view();
		animation-range: entry 10% exit 20%;
	}
	
	@keyframes slide-in {
		100% { left: 0; opacity: 1; }
	}
}
/*animacje*/


div[data-name="honeypot"] {
	display: none;
}

p, li, a {
	font-size: var(--font-size-paragraf);
}

.customsize * {
	font-size: unset !important;
}

.nodecoration * {
	text-decoration: none !important;
}

.nodecoration {
	text-decoration: none !important;
}

.hide-on-scroll {
	display: none !important;
}

td, th {
	font-size: var(--font-size-table-td);
}

h2 {
	font-size: var(--font-size-h2);
}

h3 {
	font-size: var(--font-size-h3);
}

h4 {
	font-size: var(--font-size-h4);
}

.wp-block-quote {
	font-style: italic;
	padding-left: 2rem !important;
	margin-left: 2rem !important;
	border-left:4px solid var(--wp--preset--color--custom-p-wi-k-niebieski-jasny-1);
}

/*header*/
header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
    transition: 0.8s;
}

.custom-logo {
    max-width: var(--logo-max-width);
    transition: 0.4s;
}

.pwik-custom-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 clamp(10px, calc(13.636px + -1.136vw), 0px) !important;
}

.custom-logo {
    width: clamp(150px, calc(45.455px + 17.045vw), var(--logo-max-width));
}

#breadcrumb {
	display: none;
}

.pwik-kafle-glowna {
	top: -60px;
	margin-bottom: -100px !important;
	z-index: 1;
}

.pwik-kafle-glowna .wp-block-group:has(>.wp-block-image) {
	top: -20px;
}


/*header*/

/*footer*/
footer {
	margin-block-start: unset !important;
}
/*footer*/


/* nawigacja */
.main-nav .is-menu-open .wp-block-navigation__container {
    padding-right: 20px;
}
@media screen and (min-width: 600px) {

	.main-nav-scroll * {
		top: -12px;
		color: black !important;
		z-index: 3;
	}

	.main-nav-pasek-scroll {
		height: 2px;
	}
	.hide-on-desktop {
		display: none !important;
	}
	

	#breadcrumb {
	  list-style: none;
	  display: inline-block;
	}

	.breadcrumb-item {
	  float: left;
	}

	.breadcrumb-item {
	  color: #000;
	  display: block;
	  background: var(--wp--preset--color--custom-p-wi-k-niebieski-jasny-1);
	  text-decoration: none;
	  position: relative;
	  height: 40px;
	  line-height: 40px;
	  padding: 0 10px 0 5px;
	  text-align: center;
	  margin-right: 26px;
	  margin-top: 10px
	}

	.breadcrumb-item:first-child {
	  padding-left: 15px;
	  -moz-border-radius: 4px 0 0 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 4px 0 0 4px;
	}

	.breadcrumb-item:first-child:before {
	  border: none;
	}

	.breadcrumb-item:last-child {
	  padding-right: 15px;
	  -moz-border-radius: 0 4px 4px 0;
	  -webkit-border-radius: 0;
	  border-radius: 0 4px 4px 0;
	  background-color: var(--wp--preset--color--custom-p-wi-k-niebieski);
	  color: #fff;
	}
	
	.breadcrumb-item:last-child:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  border: 0 solid var(--wp--preset--color--custom-p-wi-k-niebieski);
	  border-width: 20px 10px;
	  width: 0;
	  height: 0;	  
	  border-left-color: transparent;
	}

	.breadcrumb-item:last-child:after {
	  border: none;
	}

	.breadcrumb-item:before, .breadcrumb-item:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  border: 0 solid var(--wp--preset--color--custom-p-wi-k-niebieski-jasny-1);
	  border-width: 20px 10px;
	  width: 0;
	  height: 0;
	}

	.breadcrumb-item:before {
	  left: -20px;
	  border-left-color: transparent;
	}

	.breadcrumb-item:after {
	  left: 100%;
	  border-color: transparent;
	  border-left-color: var(--wp--preset--color--custom-p-wi-k-niebieski-jasny-1);
	}

	.breadcrumb-item:hover {
	  background-color: var(--wp--preset--color--custom-p-wi-k-niebieski);
	  color: #FFF;
	}

	.breadcrumb-item:hover:after {
	  border-left-color: var(--wp--preset--color--custom-p-wi-k-niebieski);
	} 

	.breadcrumb-item:not(:first-child):hover:before {
	  border: 0 solid var(--wp--preset--color--custom-p-wi-k-niebieski);
	  border-left-color: transparent;
	  border-width: 20px 10px;
	}
}


@media screen and (max-width: 599px) {
	.main-nav-pasek {
		top: 0px;
		right: 0;
		z-index: 2;
		position: absolute;
		background-color: unset !important;
	}
	
	.wp-block-navigation__responsive-container-open {
		color: black;
	}
	
	.hide-on-mobile {
		display: none !important;
	}
	
	#breadcrumb {
		display: none;
	}
}

.wp-block-navigation-link a {
    border-bottom: 3px solid transparent;
}

.wp-block-navigation-link.current-menu-item a {
    border-bottom: 3px solid var(--wp--preset--color--custom-p-wi-k-r-owy);
}

.wp-block-navigation-link a:hover {
    border-bottom: 3px solid var(--wp--preset--color--custom-p-wi-k-r-owy);
}
/* nawigacja */

/* mapa */
.leaflet-container {
    z-index: 1;
}
/* mapa */

/* catfolders */
.cf-app {
	font-size: unset !important;
}

.cf-title {
	font-size: unset !important;
}

.cf-table thead {
	display: none;
}
/* catfolders */

.strona-okladka {
	position: absolute;
    top: 150px;
    right: 0;
    width: 100%;
    z-index: -1;	
}

.wp-block-post-excerpt__more-link {
	background-color: var(--wp--preset--color--custom-p-wi-k-niebieski-jasny-1);
    border-width: 0;
    color: var(--wp--preset--color--black);
    font-family: var(--wp--preset--font-family--roboto);
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
	border-radius: 9999px;
}

/* ACF */
.updated {
	padding: 1rem;
	background-color: var(--wp--preset--color--custom-p-wi-k-zielony-jasny) !important;
}

/* ACF */