/*
Theme Name: Trencin - blocksy child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 0.1.19
Updated: 2025-05-13 08:29:14

*/

:root {
	
}

.image-brightnes-20 img { filter: brightness(20); }

[data-prefix="single_page"] .hero-section[data-type="type-1"] {
    --margin-bottom: 3%; /* Apperance / customize */
    margin-top: 2%;
}
.seal-text {
	font-family: TrencinHeadline;
	font-family: Nunito;
	font-weight: 800;
	position: relative;
	z-index: 1;
	/*
    line-height: 0.9em;
    text-transform: uppercase;
	--e-transform-rotateZ: -2deg;
    transform: perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
	*/
}

.wp-block-button__link {
  transition: box-shadow 0.3s ease; /* finom átmenet */
}

.wp-block-button__link:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* halvány árnyék */
}
.trencin-participating ul {
	margin: 0;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.trencin-participating li {
	position: relative;
    list-style: none;
    flex: 1 1 300px;
    padding: 1rem;
	border-radius: 8px;
	transition: border 0.2s;
    border: 1px solid var(--theme-palette-color-4);
	background-color: var(--theme-palette-color-4);
	/* background-color: #fd98001f; */
}
.trencin-participating li:hover {
    border: 1px solid var(--theme-palette-color-1);
    border: 1px solid var(--theme-link-hover-color);
	/* background-color: #fd98001f; */
}
.trencin-participating li strong {
    display: block;
	line-height: 1.1em;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.trencin-participating li:hover {
	/* background-color: var(--theme-palette-color-4); */
	/* background-color: #fd98001f; */
}
.trencin-participating li:has(a)::before {
	content: "🔗";
	content: url(/wp-content/uploads/2025/05/arrow.svg);
	content: "";
	background-image: url(/wp-content/uploads/2025/07/nyíl.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	color: var(--theme-palette-color-4);
	bottom: 0.5em;
	right: 0.5em;
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
}
/*
.trencin-participating li a {
	display: block;
	position: relative;
	z-index: 1;
}
*/

.wp-block-latest-posts.is-grid li {
	position: relative;
    background-color: var(--theme-palette-color-4);
    border-radius: 10px;
    padding: 2em;
    border-radius: 10px;
	transition: box-shadow 0.25s;
}
.wp-block-latest-posts.is-grid li::before {
	/*content: "🔗"; 
	content: url(/wp-content/uploads/2025/05/arrow.svg);*/
	content: " ";
	background-image: url(/wp-content/uploads/2025/07/nyíl.png);
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
	color: var(--theme-palette-color-4);
	bottom: 0.5em;
	right: 0.5em;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.4em;
}
.wp-block-latest-posts.is-grid li:hover {
    box-shadow: 0px 0px 40px 0px rgba(24.000000000000004, 29.000000000000014, 58, 0.18);
}
/*.wp-block-latest-posts.is-grid li:hover a {
    color: var(--theme-link-hover-color);
}*/
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
    border-radius: 10px;
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image img {
    width: 100%;
	aspect-ratio: 415 / 280;
	object-fit: cover;
	border-radius: 10px;
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__post-title {
    font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	text-decoration: none;
}

.team-persons {
	justify-content: center;
	flex-wrap: wrap !important;
}
.team-persons .wp-block-column {
	margin-bottom: 2em;
	max-width: 30%;
	flex-basis: unset !important;
    flex-grow: unset !important;
	flex: 0 0 300px;
}
.team-persons .wp-block-heading {
	line-height: 1.2em;
}
.team-persons .wp-block-media-text__media {
	background-color: var(--theme-palette-color-4);
    border-radius: 50%;
}
.team-persons .wp-block-media-text__media img {
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 1;
	object-fit: cover;
    border-radius: 50%;
}

@media (min-width: 600px) {
    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - 1.6666em);
    }
}
@media (max-width: 1200px) {
	.team-persons .wp-block-column {
		max-width: 47%;
	}
}
@media (max-width: 800px) {
	.team-persons .wp-block-column {
		max-width: 60%;
	}
}
@media (max-width: 600px) {
	.team-persons .wp-block-column {
		max-width: 70%;
	}
}
.wp-block-latest-posts.is-grid li {
    margin: 0 2.5em 2.5em 0;
}

.trencin-benefits img {
	filter: sepia(1) hue-rotate(188deg) !important;
	transition: filter 0.2s, transform 0.4s;
}
.trencin-benefits .wp-block-column {
	transition: all 0.4s;
	border-width: 1px!important;
}
.trencin-benefits .wp-block-column:hover {
	/* border-color: var(--theme-palette-color-1)!important; */
	background-color: var(--theme-palette-color-4);
    box-shadow: 0px 0px 30px 0px rgba(24, 29, 58, 0.15);
}
.trencin-benefits .wp-block-column:hover img {
	filter: sepia(0) hue-rotate(0) !important;
	transform: scale(1.15)
}

.inverse {
	filter: invert(1);
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: var(--theme-palette-color-10);
}
div.wpforms-container-full input[type=date]:focus:invalid, div.wpforms-container-full input[type=datetime]:focus:invalid, div.wpforms-container-full input[type=datetime-local]:focus:invalid, div.wpforms-container-full input[type=email]:focus:invalid, div.wpforms-container-full input[type=month]:focus:invalid, div.wpforms-container-full input[type=number]:focus:invalid, div.wpforms-container-full input[type=password]:focus:invalid, div.wpforms-container-full input[type=range]:focus:invalid, div.wpforms-container-full input[type=search]:focus:invalid, div.wpforms-container-full input[type=tel]:focus:invalid, div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full input[type=time]:focus:invalid, div.wpforms-container-full input[type=url]:focus:invalid, div.wpforms-container-full input[type=week]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, .wp-core-ui div.wpforms-container-full select:focus:invalid, .wp-core-ui div.wpforms-container-full textarea:focus:invalid {
    border-color: var(--theme-palette-color-10);
}