/**
 * Theme name: Silverfrog
 * Description: Child theme for Silverfrog based on Infinite Unity theme
 * Author: Felföldi László
 * Template: iu_theme
 * Version: 0.1.0
 */

body {
	background-color: var(--wp--preset--color--lightblue);
}
body:not(.wp-admin) {
	padding-top: 5.4rem;
}

h5 {
	text-transform: uppercase;
}
h5 + h2 {
	margin-top: -1rem;
}

.iu-section {
	width: calc(100% - (2 * var(--silverfrog-section-spacing)));
	margin: var(--silverfrog-section-spacing) auto;
	border-radius: var(--silverfrog-border-radius);
}
.iu-section.shadow {
	box-shadow: var(--silverfrog-box-shadow);
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.admin-bar header {
	top: var(--wp-admin--admin-bar--height);
}
header > .iu-section {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
header .iu-image {
	border-radius: 0;
}

.iu-button {
	border-radius: 3rem;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding: .15rem .15rem .15rem 1.8rem;
}
.iu-button .iu-button-text {
	overflow: hidden;
	display: block;
}
.iu-button .iu-button-text span {
	display: block;
	text-shadow: 0 3rem 0;
	transition: transform .3s;
}
.iu-button:after {
	content: '\f344';
	font-family: Dashicons;
	border-radius: 50%;
	background: var(--wp--preset--color--dark);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	transform: rotate(-45deg);
	transition: transform .3s;
}
.iu-button:hover, .iu-button.iu-button-default:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.iu-button:hover .iu-button-text span {
	transform: translateY(-3rem);
}
.iu-button:hover:after {
	transform: rotate(0);
}
.iu-button.iu-button-highlight, .iu-button.iu-button-highlight:hover {
	background: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}
.iu-button.iu-button-invert, .iu-button.iu-button-invert:hover {
	background: var(--wp--preset--color--dark);
	border-color: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--white);
}
.iu-button.iu-button-invert:after {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--dark);
}
.iu-button.iu-button-link, .iu-button.iu-button-link:hover {
	background: none;
	border-color: transparent;
	color: var(--wp--preset--color--dark);
	padding-left: 0;
}

.iu-icon.iu-icon-highlight {
	background: var(--wp--preset--color--dark);
}

.iu-menu-block li a:hover, .iu-menu-block li.current-menu-item a {
	color: var(--wp--preset--color--secondary);
}

.iu-image-slider {
	margin-left: calc(var(--iu-section-fullwidth-padding) * -1);
	margin-right: calc(var(--iu-section-fullwidth-padding) * -1);
}
.iu-image-slider .iu-image-slider-wrap {
	display: flex;
	gap: 1rem;
	padding: 0;
}
.iu-image-slider .slick-slide .iu-image-slider-wrap > * {
	width: calc((100% - 1rem) / 2);
	border-radius: var(--silverfrog-border-radius);
	overflow: hidden;
}
.iu-image-slider .iu-image-slider-wrap img {
	position: static;
	order: 2;
	height: unset;
}
.iu-image-slider .iu-image-slider-wrap:after {
	content: none;
}
.iu-image-slider .iu-image-slider-content {
	position: relative;
	background: var(--wp--preset--color--dark);
	padding: calc((100vw - 2rem) / 20);
}
.iu-image-slider .iu-image-slider-content > * {
	position: relative;
	z-index: 1;
}
.iu-image-slider .iu-image-slider-content:before, .iu-image-slider .iu-image-slider-content:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	height: 100%;
	z-index: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	filter: invert(1);
	transform: scaleY(-1);
	opacity: .3;
}
.iu-image-slider .iu-image-slider-content:after {
	bottom: unset;
	top: 0;
	left: unset;
	right: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-position: right bottom;
}
.iu-image-slider .iu-image-slider-content h2 {
	font-size: var(--iu-heading-1-font-size);
	margin: 0;
}
.iu-image-slider .iu-image-slider-content p {
	margin: 1.5rem 0 2.1rem;
}
.iu-image-slider .iu-image-slider-arrows {
	position: absolute;
	bottom: 0;
	left: calc(50% + .5rem);
	padding: 1rem 1rem 0 0;
	background: var(--wp--preset--color--lightblue);
	z-index: 9998;
	display: flex;
	gap: .3rem;
	border-top-right-radius: .6rem;
}
.iu-image-slider .iu-image-slider-arrows .slick-arrow {
	position: static;
	transform: none;
	width: 4.5rem;
	height: 4.5rem;
	background: var(--wp--preset--color--white);
	border-radius: .6rem;
	color: var(--wp--preset--color--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--silverfrog-box-shadow);
	transition: background .3s, color .3s;
}
.iu-image-slider .iu-image-slider-arrows .slick-arrow:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.iu-image-slider .iu-image-slider-arrows:before, .iu-image-slider .iu-image-slider-arrows:after {
	content: '';
	width: 1rem;
	height: 1rem;
	position: absolute;
	bottom: 99%;
	left: 0;
	background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23f5f8fb"></path></svg>');
	transform: rotate(-90deg);
}
.iu-image-slider .iu-image-slider-arrows:after {
	bottom: -1%;
	left: 99%;
}

.iu-image {
	border-radius: var(--silverfrog-border-radius);
	overflow: hidden;
}

.iu-section.hero {
	position: relative;
}
.iu-section.hero:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--primary);
	opacity: .6;
	border-radius: var(--silverfrog-border-radius);
}
.iu-section.hero h1 {
	display: inline-block;
	/*text-align: right;*/
	position: relative;
}
.iu-section.hero h1:after {
	content: '';
	position: relative;
	bottom: -.7rem;
    left: 0;
    width: 1.5rem;
    height: 3.9rem;
	display: inline-block;
	background: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47 118" width="47" height="118"><path fill="%23c47636" d="m0.68 0.74h45.35v7.2h-18.46v102.39h18.46v7.2h-45.35v-7.2h19.08v-102.39h-19.08z"/></svg>') no-repeat;
	background-size: contain;
	background-position: center;
	animation-name: blink;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
}
@keyframes blink {
	0% { opacity: 0; }
	49% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}
.iu-section.hero .iu-title{
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
/*.iu-section.hero .iu-button-group {
	flex-direction: column;
	max-width: 21rem;
}*/
.iu-section.hero .iu-button {
	justify-content: space-between;
}
.iu-section.hero .iu-row {
	position: static;
}
.iu-section.hero .iu-row:before, .iu-section.hero .iu-row:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 27%;
	height: 100%;
	z-index: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	filter: invert(1);
	opacity: .6;
}
.iu-section.hero .iu-row:after {
	top: unset;
	bottom: 0;
	left: unset;
	right: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-position: right bottom;
}


.iu-section.counter .iu-row {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	padding: 2.7rem 2.1rem;
}
.iu-section.counter .iu-row .iu-column {
	position: relative;
}
.iu-section.counter .iu-row .iu-column:not(:last-child):after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1rem;
	height: 6rem;
	transform: translate(calc(50% + (var(--iu-column-gap) / 2)),-50%);
	background-image: url('data:image/svg+xml,<svg width="10" height="90" viewBox="0 0 10 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(0,0,0,.07)" d="M5 0.669873L0.669873 5L5 9.33013L9.33013 5L5 0.669873ZM5 89.3301L9.33012 85L5 80.6699L0.66987 85L5 89.3301ZM4.25 5L4.25 6.53846L5.75 6.53846L5.75 5L4.25 5ZM4.25 9.61538L4.25 12.6923L5.75 12.6923L5.75 9.61538L4.25 9.61538ZM4.25 15.7692L4.25 18.8462L5.75 18.8462L5.75 15.7692L4.25 15.7692ZM4.25 21.9231L4.25 25L5.75 25L5.75 21.9231L4.25 21.9231ZM4.25 28.0769L4.25 31.1538L5.75 31.1538L5.75 28.0769L4.25 28.0769ZM4.25 34.2308L4.25 37.3077L5.75 37.3077L5.75 34.2308L4.25 34.2308ZM4.25 40.3846L4.25 43.4615L5.75 43.4615L5.75 40.3846L4.25 40.3846ZM4.25 46.5385L4.25 49.6154L5.75 49.6154L5.75 46.5385L4.25 46.5385ZM4.25 52.6923L4.25 55.7692L5.75 55.7692L5.75 52.6923L4.25 52.6923ZM4.25 58.8462L4.25 61.9231L5.75 61.9231L5.75 58.8462L4.25 58.8462ZM4.25 65L4.25 68.0769L5.75 68.0769L5.75 65L4.25 65ZM4.25 71.1538L4.25 74.2308L5.75 74.2308L5.75 71.1538L4.25 71.1538ZM4.25 77.3077L4.25 80.3846L5.75 80.3846L5.75 77.3077L4.25 77.3077ZM4.25 83.4615L4.25 85L5.75 85L5.75 83.4615L4.25 83.4615Z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.silverfrog-counter {
	text-align: center;
}
.silverfrog-counter .text {
	margin-top: -1rem;
}

.iu-logo-slider {
	margin-left: calc((var(--iu-section-fullwidth-padding) + var(--silverfrog-section-spacing)) * -1);
	margin-right: calc((var(--iu-section-fullwidth-padding) + var(--silverfrog-section-spacing)) * -1);
}

.iu-group.cta-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 20rem;
	height: 20rem;
	backdrop-filter: blur(21px);
	border: 1px dashed var(--wp--preset--color--gray);
	padding: 3rem;
	border-radius: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.image-group {
	position: relative;
	min-height: 30rem;
	height: 100%;
}
.image-group:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50%;
	background: linear-gradient(var(--wp--preset--color--primary), transparent);
	opacity: .3;
	border-radius: var(--silverfrog-border-radius) var(--silverfrog-border-radius) 0 0;
	z-index: 1;
}
.image-group .iu-image, .image-group .iu-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.image-group .iu-image img {
	object-fit: cover;
	object-position: center;
	border-radius: var(--silverfrog-border-radius);
}
.image-group .iu-image + .iu-group {
	position: relative;
	z-index: 2;
	padding: 2.1rem;
}
.image-group .iu-image + .iu-group > :first-child {
	margin-top: 0;
}
.image-group .iu-image + .iu-group h2 {
	color: var(--wp--preset--color--white);
}
.image-group > .iu-group:last-child {
	position: absolute;
	bottom: 0;
	right: 0;
	background: var(--wp--preset--color--lightblue);
	border-top-left-radius: var(--silverfrog-border-radius);
	padding: 1rem 0 0 1rem;
}
.image-group > .iu-group:last-child .iu-group {
	background: var(--wp--preset--color--dark);
	padding: 2.1rem;
	border-radius: var(--silverfrog-border-radius);
}
.image-group > .iu-group:last-child .iu-group > *, .image-group > .iu-group:last-child .iu-group a {
	color: var(--wp--preset--color--white);
}
.image-group > .iu-group:last-child .iu-group > :first-child {
	margin-top: 0;
}
.image-group > .iu-group:last-child .iu-group > :last-child {
	margin-bottom: 0;
}
.image-group > .iu-group:last-child:before, .image-group > .iu-group:last-child:after {
	content: '';
	width: 1rem;
	height: 1rem;
	position: absolute;
	bottom: 99%;
	right: 0;
	background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23f5f8fb"></path></svg>');
	transform: rotate(180deg);
}
.image-group > .iu-group:last-child:after {
	bottom: -1%;
	right: 99%;
}
.image-group.right > .iu-group:last-child {
	right: unset;
	left: 0;
	padding: 1rem 1rem 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: var(--silverfrog-border-radius);
}
.image-group.right > .iu-group:last-child:before, .image-group.right > .iu-group:last-child:after {
	transform: rotate(-90deg);
	right: unset;
	left: 0;
}
.image-group.right > .iu-group:last-child:after {
	left: 99%;
}

.cta-row {
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
}
.cta-row h2 {
	font-size: 4.5rem;
}

.iu-group.cta-group {
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	overflow: hidden;
}
.iu-group.cta-group h2 {
	color: var(--wp--preset--color--white);
	font-size: 3rem;
}
.iu-group.cta-group .iu-image {
	position: relative;
	top: 2.1rem;
	left: 2.1rem;
	height: 27rem;
	overflow: visible;
}
.iu-group.cta-group .iu-image .iu-image-wrap {
	width: 135%;
	height: 0;
	padding-top: 135%;
	border-radius: 50%;
	border: 3px solid var(--wp--preset--color--secondary);
	overflow: hidden;
	margin-left: auto;
	position: relative;
	transform: translateX(-1rem);
}
.iu-group.cta-group .iu-image .iu-image-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.iu-content-slider-slider {
	padding: 3rem 0;
}
.iu-content-slider-slider .slick-track {
	gap: 1.5rem;
}
.iu-content-slider-arrows {
	position: absolute;
	bottom: 100%;
	right: 0;
	gap: .3rem;
	padding-bottom: .3rem;
}
.iu-content-slider-arrows .slick-arrow {
	width: 4.5rem;
	height: 4.5rem;
	background: var(--wp--preset--color--white);
	border-radius: .6rem;
	color: var(--wp--preset--color--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--silverfrog-box-shadow);
	transition: background .3s, color .3s;
}
.iu-content-slider-arrows .slick-arrow:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.iu-content-slider-wrap {
	height: 100%;
} 

.testimonial {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	padding: 2.1rem;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.testimonial:before {
	content: '\f122';
	font-family: dashicons;
	color: var(--wp--preset--color--primary);
	font-size: 4.2rem;
	display: block;
	margin-bottom: .3rem;
}
.testimonial p {
	flex: 1;
}
.testimonial h4 {
	border-top: 1px dashed var(--wp--preset--color--gray);
	padding-top: 1.5rem;
	margin-top: 1rem;
	margin-bottom: 0;
}
.testimonial h4 span {
	color: var(--wp--preset--color--gray);
	font-weight: normal;
	font-size: var(--iu-heading-6-font-size);
	display: block;
	margin-top: .3rem;
}

.iu-section.contact:before, .iu-section.contact:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	z-index: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	filter: invert(1);
	opacity: .3;
}
.iu-section.contact:after {
	top: unset;
	bottom: 0;
	left: unset;
	right: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-position: right bottom;
}
.iu-section.contact .iu-row {
	position: relative;
	z-index: 1;
}
.iu-section.contact .iu-column > .iu-group {
	background: rgba(255,255,255,.1);
	backdrop-filter: blur(7px);
	border-radius: var(--silverfrog-border-radius);
}

.iu-form-field input[type="text"], .iu-form-field textarea, .iu-form-field select {
	background: none;
	border-bottom: 1px solid rgba(255,255,255,.15);
	transition: border-color .3s;
	padding-left: 0;
	padding-right: 0;
	resize: none;
	color: rgba(255,255,255,.9);
}
.iu-form-field ::placeholder {
	color: rgba(255,255,255,.54);
}
.iu-form-field input[type="text"]:focus, .iu-form-field textarea:focus, .iu-form-field select:focus {
	border-color: var(--wp--preset--color--white);
	outline: none;
}
.iu-form .iu-form-text.iu-form-field-error input, .iu-form .iu-form-accept.iu-form-field-error .iu-form-checkbox-input {
	background: none;
}
.iu-form-accept .iu-form-checkbox-input {
	background: none;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: .3rem;
}
.iu-form-accept .iu-form-checkbox-input:after {
	color: var(--wp--preset--color--secondary);
}

.iu-query {
	gap: 1.5rem;
}
.iu-query-item {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.iu-query-col-3 > * {
    width: calc((100% - (2 * 1.5rem)) / 3);
}
.iu-query-item > a {
	height: 0;
	padding-top: 75%;
	display: block;
	border-top-left-radius: var(--silverfrog-border-radius);
	border-top-right-radius: var(--silverfrog-border-radius);
	position: relative;
	overflow: hidden;
}
.iu-query-item > a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .45s;
}
.iu-query-item > a:hover img {
	transform: scale(1.05);
}
.iu-query-item .date {
	position: absolute;
	top: 1rem;
	left: 1rem;
	backdrop-filter: blur(20px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-transform: uppercase;
	color: var(--wp--preset--color--white);
	font-size: 2.1rem;
	border-radius: .6rem;
	padding: 1rem 1.5rem;
}
.iu-query-item .date span {
	font-size: 1rem;
	display: block;
	margin-top: -.3rem;
}
.iu-query-item .details {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.iu-query-item .details .iu-post-category {
	border: 1px solid rgba(0,0,0,.21);
	border-radius: .3rem;
	padding: .15rem .6rem;
	transition: border-color .15s, color .15s, background .15s;
}
.iu-query-item .details .iu-post-category:hover {
	border-color: var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}
.iu-query-item .details h3 {
	margin-top: 1.5rem;
	margin-bottom: 0;
	font-size: 1.8rem;
}
.iu-query-item .details h3 a:hover {
	color: var(--wp--preset--color--secondary);
}
.iu-query-item .details .iu-text {
	margin-bottom: 1.5rem;
}
.iu-query-item .details .buttons {
	margin-top: auto;
}
.iu-query-paging {
	margin-top: 3rem;
}
.iu-query-paging .page-numbers:not(.current):hover {
	color: var(--wp--preset--color--secondary);
}

.iu-group.feature {
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	gap: 1.5rem;
}
.iu-group.feature .flaticon {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--primary);
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
}
.iu-group.feature .flaticon:before {
	font-size: 2.4rem;
}
.iu-group.feature .flaticon + * {
	flex: 1;
}

.iu-group.counter {
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
}
.iu-group.counter .silverfrog-counter {
	position: relative;
}
.iu-group.counter .silverfrog-counter:not(:last-child):after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1rem;
	height: 6rem;
	transform: translate(calc(50% + (var(--iu-group-gap) / 2)),-50%);
	background-image: url('data:image/svg+xml,<svg width="10" height="90" viewBox="0 0 10 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(0,0,0,.07)" d="M5 0.669873L0.669873 5L5 9.33013L9.33013 5L5 0.669873ZM5 89.3301L9.33012 85L5 80.6699L0.66987 85L5 89.3301ZM4.25 5L4.25 6.53846L5.75 6.53846L5.75 5L4.25 5ZM4.25 9.61538L4.25 12.6923L5.75 12.6923L5.75 9.61538L4.25 9.61538ZM4.25 15.7692L4.25 18.8462L5.75 18.8462L5.75 15.7692L4.25 15.7692ZM4.25 21.9231L4.25 25L5.75 25L5.75 21.9231L4.25 21.9231ZM4.25 28.0769L4.25 31.1538L5.75 31.1538L5.75 28.0769L4.25 28.0769ZM4.25 34.2308L4.25 37.3077L5.75 37.3077L5.75 34.2308L4.25 34.2308ZM4.25 40.3846L4.25 43.4615L5.75 43.4615L5.75 40.3846L4.25 40.3846ZM4.25 46.5385L4.25 49.6154L5.75 49.6154L5.75 46.5385L4.25 46.5385ZM4.25 52.6923L4.25 55.7692L5.75 55.7692L5.75 52.6923L4.25 52.6923ZM4.25 58.8462L4.25 61.9231L5.75 61.9231L5.75 58.8462L4.25 58.8462ZM4.25 65L4.25 68.0769L5.75 68.0769L5.75 65L4.25 65ZM4.25 71.1538L4.25 74.2308L5.75 74.2308L5.75 71.1538L4.25 71.1538ZM4.25 77.3077L4.25 80.3846L5.75 80.3846L5.75 77.3077L4.25 77.3077ZM4.25 83.4615L4.25 85L5.75 85L5.75 83.4615L4.25 83.4615Z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.iu-group.counter .silverfrog-counter .number {
	font-size: 3.6rem;
	margin-bottom: 1rem;
}
.iu-group.counter .silverfrog-counter .text {
	padding: 0 2.1rem;
}

.iu-list {
	margin: 1.5rem 0;
	padding: 0 0 0 2.7rem;
}
.iu-list-item {
	margin: 1rem 0;
	font-size: 1.14rem;
	position: relative;
	display: block;
}
.iu-list-item:before {
	content: '\f147';
	font-family: Dashicons;
	position: absolute;
	top: -.1rem;
	left: -2.7rem;
	width: 1.8rem;
	height: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	border-radius: 50%;
}

.iu-group.devices > .iu-image:first-child {
	width: 77%;
}

.iu-breadcrumbs-wrap {
	padding: .3rem 1.2rem;
	backdrop-filter: blur(10px);
	border-radius: 3rem;
}
.iu-breadcrumbs a {
	color: var(--wp--preset--color--white);
}
.iu-breadcrumbs a:hover {
	color: var(--wp--preset--color--secondary);
}
.iu-breadcrumbs span {
	color: var(--wp--preset--color--dark);
}
.iu-breadcrumbs span.iu-breadcrumbs-current {
	color: rgba(255,255,255,.6);
}

.iu-group.box {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	padding: 2.1rem;
	margin-bottom: 1rem;
}
.iu-group.box h3 {
	margin-top: 0;
}
.iu-group.box .iu-query {
	gap: 1rem;
	margin-top: 2.1rem;
}

.iu-group.box .iu-form-field input[type=text],
.iu-group.box .iu-form-field textarea,
.iu-group.box .iu-form-field select,
.iu-form-step .iu-form-field input[type=text],
.iu-form-step .iu-form-field textarea,
.iu-form-step .iu-form-field select {
	border-bottom: 1px dashed var(--wp--preset--color--gray);
	color: var(--iu-text-color);
}
.iu-group.box .iu-form-field ::placeholder,
.iu-form-step .iu-form-field ::placeholder {
	color: var(--wp--preset--color--gray);
}
.iu-group.box .iu-form-accept .iu-form-checkbox-input,
.iu-form-step .iu-form-accept .iu-form-checkbox-input {
	border: 1px dashed var(--wp--preset--color--gray);
}
.iu-group.box .iu-form-radios .iu-form-radio-input,
.iu-form-step .iu-form-radios .iu-form-radio-input {
	border: 1px dashed var(--wp--preset--color--gray);
}
.iu-group.box.contact {
	margin-bottom: 0;
}

.iu-latest-item {
	background: none;
	border-radius: none;
	box-shadow: none;
	display: flex;
	flex-direction: row;
	gap: 1rem;
}
.iu-latest-item .iu-query-item-image {
	width: 6rem;
	height: 6rem;
	padding: 0;
	border-radius: var(--silverfrog-border-radius);
}
.iu-latest-item .iu-query-item-image img {
	transform: scale(1.14);
}
.iu-latest-item .iu-query-item-details {
	flex: 1;
}
.iu-latest-item .iu-query-item-details h4 {
	margin-top: .9rem;
	margin-bottom: -.6rem;
	font-size: 1.2rem;
}
.iu-latest-item:hover .iu-query-item-details h4 a {
	color: var(--wp--preset--color--secondary);
}

.iu-terms {
	flex-direction: column;
	gap: .6rem;
}
.iu-terms .iu-button {
	background: none;
	border-radius: var(--silverfrog-border-radius);
	border: 1px solid rgba(0,0,0,.15);
	color: var(--iu-text-color);
	display: flex;
	justify-content: space-between;
	padding: .9rem 1.5rem;
}
.iu-terms .iu-button:after {
	content: none;
}
.iu-terms .iu-button:hover {
	background: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}

.iu-search form {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: var(--silverfrog-border-radius);
}
.iu-search .iu-form-field input[type=text] {
	color: var(--iu-text-color) !important;
	height: 100%;
	padding: 0 1.5rem;
	background: none;
	border: none !important;
}
.iu-search .iu-form-field input[type=text]::placeholder {
	color: rgba(0,0,0,.45);
}
.iu-search button.iu-button {
	background: none;
	color: var(--wp--preset--color--primary);
	padding: .9rem 1.2rem;
	border: none;
	border-left: 1px solid rgba(0,0,0,.15);
	border-radius: 0;
}
.iu-search button.iu-button:hover {
	background: none;
	color: var(--wp--preset--color--secondary);
}
.iu-search button.iu-button:after {
	content: none;
}

.iu-group.sticky {
	position: sticky;
	top: 9rem;
}

.iu-post-navigation {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	padding: 1.5rem 2.1rem;
	margin-top: 3rem;
	position: relative;
}
.iu-post-navigation:before {
	content: '\f180';
	font-family: Dashicons;
	font-size: 2.1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.iu-post-navigation .prev, .iu-post-navigation .next {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
}
.iu-post-navigation .prev:before, .iu-post-navigation .next:after {
	content: '\f341';
	font-family: Dashicons;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	border: 1px solid var(--wp--preset--color--gray);
	border-radius: 50%;
	transition: color .15s, background .15s, border-color .15s;
	color: var(--wp--preset--color--dark);
}
.iu-post-navigation .next:after {
	content: '\f345';
}
.iu-post-navigation .prev:hover:before, .iu-post-navigation .next:hover:after {
	color: white;
	background: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}
 
.iu-row.survey-row {
	background: var(--wp--preset--color--white);
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	padding: 2.1rem;
}
.iu-form-step h3 {
	margin: .3rem 0 0;
	font-size: var(--iu-heading-2-font-size);
}
.iu-form-step-fields > :not(.iu-text):first-of-type {
	margin-top: 1.5rem;
	padding-top: 3rem;
	border-top: 1px solid rgba(0,0,0,.08);
}
.iu-form-step .iu-form-radio-input:after {
	background: var(--wp--preset--color--secondary);
}
.iu-form-step-foot {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(0,0,0,.08);
}
.iu-form-step-prev {
	flex-direction: row-reverse;
	padding: .15rem 1.8rem .15rem .15rem;
}
.iu-form-step-prev:after {
	content: '\f340';
	transform: rotate(45deg);
}
.iu-form-step-fields label {
	font-weight: bold;
	display: block;
}
.iu-form-select {
	display: block;
}
.iu-form-step .iu-form-select-wrap {
	width: unset;
	display: inline-block;
	min-width: 30rem;
}
.iu-form-step + .iu-form-foot {
	text-align: right;
	margin-top: -3.3rem;
    margin-bottom: -0.7rem;
	width: 50%;
	margin-left: auto;
}
.iu-form-step + .iu-form-foot .iu-form-submit {
	background: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
	font-size: 1.2rem;
	gap: 1.8rem;
	padding-left: 2.7rem;
}
.iu-form-step + .iu-form-foot .iu-form-submit:after {
	width: 3rem;
	height: 3rem;
}
.iu-form:has(.iu-form-steps) {
	scroll-margin-top: 9.9rem;
}

.survey-result {
	display: none;
	scroll-margin-top: 9.9rem;
}
.editor-styles-wrapper .survey-result {
	display: flex;
}
.survey-result > .iu-column > .iu-group {
	padding: 2.1rem;
	border-radius: var(--silverfrog-border-radius);
	box-shadow: var(--silverfrog-box-shadow);
	background: var(--wp--preset--color--white);
}
.survey-result > .iu-column:last-child > .iu-group {
	background: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--white) !important;
}
.survey-result .iu-group[class*=level-] {
	display: none;
}
.editor-styles-wrapper .survey-result .iu-group[class*=level-] {
	display: block;
}

#kapcsolatfelvetel {
	scroll-margin-top: 12rem;
}

footer > .iu-section {
	position: relative;
}
footer > .iu-section > * {
	position: relative;
	z-index: 1;
}
footer  > .iu-section:before, footer  > .iu-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	z-index: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
}
footer > .iu-section:after {
	top: unset;
	bottom: 0;
	left: unset;
	right: 0;
	background-image: url('../../uploads/2026/02/waves.png');
	background-position: right bottom;
}
footer .footer-columns {
	gap: 4.5rem;
}
footer .footer-columns > .iu-group {
	flex: 1.8;
}
footer .footer-columns > .iu-group:first-child, footer .footer-columns > .iu-group:last-child {
	flex: 3.3;
}
footer .footer-columns > .iu-group h2, footer .footer-columns > .iu-group h3 {
	margin-top: 0;
}
footer .footer-columns .iu-text a {
	font-weight: normal;
	transition: color .15s;
	line-height: 1.8;
}
footer .footer-columns .iu-text a:hover {
	color: var(--wp--preset--color--secondary) !important;
}
footer .copyright {
	border-top: 1px solid rgba(255,255,255,.12);
	border-bottom: 1px solid rgba(255,255,255,.12);
}
footer .copyright > .iu-group {
	gap: 2.1rem;
}

@media (max-width: 991.2px){

	.iu-menu-block {
		text-align: center;
	}
	.iu-menu-block li.iu-button {
		margin-top: 3rem;
		margin-left: 5%;
	}
	.iu-menu-block li.iu-button a {
		flex: 1;
		padding: 0;
		color: var(--wp--preset--color--white);
	}

	.iu-section {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		border-radius: 0;
	}

	.iu-section.hero {
		margin-top: 0;
		border-radius: 0 0 var(--silverfrog-border-radius) var(--silverfrog-border-radius);
	}
	.iu-section.hero h1:after {
	    height: 3rem;
	}
	.iu-section.hero .iu-button-group {
		flex-direction: column;
		padding-right: 27%;
	}

	.iu-group.cta-center {
		position: static;
		transform: none;
		margin: -6rem auto 0;
	}

	.iu-row:has(.iu-group.image-group.right){
		flex-direction: column-reverse;
	}

	.iu-group.counter {
		flex-direction: column;
		gap: 3rem;
	}
	.iu-section.counter .iu-row .iu-column:not(:last-child):after,
	.iu-group.counter .silverfrog-counter:not(:last-child):after {
		top: calc(100% - (var(--iu-column-gap) / 4));
	    right: 50%;
	    height: 7rem;
	    transform: translate(50%, -0.5rem) rotate(90deg);
	}

	.iu-query-col-3 > * {
	    width: 100%;
	}

	.iu-row.cta-row {
		padding-bottom: 7.5rem;
		background-position: bottom;
		background-size: 100% auto;
	}
	.iu-row.cta-row h2 {
		font-size: 2.7rem;
	}

	.iu-content-slider {
		position: relative;
		margin-top: 7.5rem;
	}
	.iu-content-slider-slider {
		padding-top: 1rem;
	}
	.iu-content-slider-arrows {
		right: unset;
		left: 0;
	}

	.iu-form .iu-group {
		flex-direction: column;
		gap: 0;
	}

	.iu-group:has(> .iu-list) {
		flex-direction: column;
		gap: 0;
	}
	.iu-group .iu-list {
		margin: 0;
	}

	.iu-form-steps {
		gap: 0;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.07);
		margin-bottom: 3rem;
		padding-bottom: 2.1rem;
	}
	.iu-form-steps-step-wrap {
		width: unset;
	}
	.iu-form-steps-step-label {
		display: none;
	}
	.iu-form-steps-step:not(:first-child):after {
		left: 0;
		width: 1.5rem;
	}
	.iu-form-step + .iu-form-foot .iu-form-submit {
		font-size: var(--iu-button-font-size);
    	gap: 1rem;
    	padding-left: 1.8rem;
	}
	.iu-form-step .iu-form-select-wrap {
		min-width: 100%;
	}

	footer > .iu-section {
		margin-bottom: 0;
		padding-bottom: 1rem;
		border-radius: var(--silverfrog-border-radius) var(--silverfrog-border-radius) 0 0;
	}
	footer .footer-columns {
		flex-direction: column;
		gap: 2.1rem;
	}
	footer .footer-columns > .iu-group {
		flex: unset;
	}
	footer .footer-columns > .iu-group:last-child {
		padding-right: 10%;
	}
	footer .iu-group.copyright {
		flex-direction: column;
		align-items: flex-start;
		border-bottom: 0;
	}
	footer .copyright > .iu-group {
		flex-direction: column;
		gap: 0;
		margin-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(255,255,255,.15);
		flex: unset;
		width: 100%;
	}

}