/*
Theme Name: Twenty Twenty-Two Nagy
Theme URI: https://nagy.eu/
Author: Martin B Nagy
Author URI: https://nagy.eu/
Description: Twenty Twenty Two Child Theme
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-nagy
Template: twentytwentytwo
Tags: custom

Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/


/* ALL DEVICES ------------------------------------------------------
----------------------------------------------------------------- */
/* Fix for covered click area */
header, .clickthrough {pointer-events: none;}
header a, header nav {pointer-events: all!important;}
/*nav, button, h1 {pointer-events: auto;}*/
header img {cursor: pointer;}
header a { text-decoration: none!important; }
header a:hover { text-decoration: underline!important; text-decoration-style: solid;}
header { z-index:99999!important; }

header h1 {
	font-family: var(--wp--preset--font-family--system-font)!important;
}
img {	max-height: 100vh!important; width: auto!important;}


/* Lazy load fade in effect */
.kb-gallery-image-contain img {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn { 
	0% {opacity:0;} 
	100% {opacity:1;} 
}
@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



/* Lightbox topbar */
	.pswp__top-bar {
		background: rgba(0, 0, 0, 0.0)!important;
		width: 100vw;
		height: 100vh;
		cursor: n-resize !important;
	}
	.pswp--zoom-allowed .pswp__img {
    /*cursor: default !important;*/
	}
	button.pswp__button--arrow--left, button.pswp__button--arrow--right {
		top: 5vh!important;
		margin: 0!important;
		width: 45vw;
		height: 95vh;
		position: absolute;
	}
	button.pswp__button--arrow--left { cursor: w-resize !important; }
	button.pswp__button--arrow--right { cursor: e-resize !important; }
	button:before { background-image: none!important; background-color: rgba(0,0,0,0)!important; }

nav, .wp-block-navigation__responsive-close {
	outline: none!important;
}

/* Blog */
.wp-block-image figcaption {
	text-align: right;
}
.taxonomy-category a {
	color: ;
}


@media screen and (min-width: 1025px) {
/* DESKTOP ------------------------------------------------------
----------------------------------------------------------------- */
/* Header with Primary menu  */
	header {
  		position: sticky!important;
  		position: -webkit-sticky!important;
  		top: -2.5em!important;
  		z-index: 99;
	}
/* Masonry padding 
	figure.wp-block-coblocks-gallery-masonry.masonry-grid {
		padding: 0 2em 1.5em 2em!important;
		margin: 0!important;
	}
*/

}



@media screen and (min-width:641px) and (max-width:1024px) {
/* TABLET ------------------------------------------------------
---------------------------------------------------------------- */
/* Header with Primary menu  */
	header {
  		position: sticky!important;
  		position: -webkit-sticky!important;
  		top: 0em!important;
  		z-index: 99;
	}

/* Lightbox */
	.pswp__button--arrow--left, .pswp__button--arrow--right {
		display: none!important;
	}
	.pswp__button--close {
		width: 100vw!important;
		height: 100vh!important;
		background-color: rgba(0,0,0,0);
		background-image: none!important;
	}
/* Masonry padding 
	figure.wp-block-coblocks-gallery-masonry.masonry-grid {
		padding: 0 1.5em 1.5em 1.5em!important;
		margin: 0!important;
	}
*/


}




@media screen and (max-width: 640px) {
/* MOBILE ------------------------------------------------------
---------------------------------------------------------------- */
/* Header with Primary menu  */
	header {
  		position: sticky!important;
  		position: -webkit-sticky!important;
  		top: 0em!important;
  		z-index: 99;
	}

/* Lightbox */
	.pswp__button--arrow--left, .pswp__button--arrow--right {
		display: none!important;
	}
	.pswp__button--close {
		width: 100vw!important;
		height: 100vh!important;
		background-color: rgba(0,0,0,0);
		background-image: none!important;
	}
/* Masonry padding 
	figure.wp-block-coblocks-gallery-masonry.masonry-grid {
		padding: 0 0em 1.5em 0em!important;
		margin: 0!important;
	}
*/

}