/*
Theme Name: My Awesome Theme
Theme URI: http://example.com
Author: Te Neved
Author URI: http://example.com
Description: Egyedi WordPress téma.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, custom-background, custom-logo
Text Domain: my-awesome-theme
*/


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root {
	--pink: #D85DA1;
	--dark-p: #B71375;
	--body-txt: #493C35;
	--light-bg: #FFE9F1;
	--d-brown: #3b3330;
	--radius: 1.5rem;
	--white: #fff;
	--footer: #c2d6e6;
	--shadow: #bbb1b1;
	--border: #e2d9d9;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lora", serif;
	color: var(--body-txt);
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

html {
	font-size: 1.25vw;
	/*24px*/
}

.col-3-4 {
	width: 75%;
}

.col-1-4 {
	width: 25%;
}

@media only screen and (max-width: 1281px) {
	html {
		font-size: 22px;
	}
}

@media only screen and (max-width: 768px) {
	html {
		font-size: 20px;
	}
}

@media only screen and (max-width: 480px) {
	html {
		font-size: 18px;
	}
}

a {
	text-decoration: none;
	color: var(--pink);
}

a:hover {
	color: var(--d-brown);
	text-decoration: none;
}

/*Blognál a gombok*/
a.button {
	color: var(--white);
	text-decoration: none;
}

.ajanlatkeres-urlap a strong:hover {
	text-decoration: underline !important;
	/* Aláhúzás */
	color: var(--dark-p) !important;
	/* Sötét pink szín */
}

#top-head .content-box,
#head .content-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#head {
	padding: 0.75rem 0rem;
}


header {
	position: relative;
	z-index: 10;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.hero {
	overflow: hidden;
	padding: 7vw 0;
}

.hero-text {
	padding-left: 20px;
}

.hero-wedding {
	background-image:
		url('css/img/wedding-hair-nobg-s.png'),
		linear-gradient(to right, rgba(242, 214, 175, 1), rgba(255, 255, 255, 0));
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 60%, contain;
	padding: 7vw 0;
	margin-bottom: 20px;
	border-top: 2px solid var(--shadow);
	border-bottom: 2px solid var(--shadow);

}

.design-hero {
	background-image:
		url('css/img/hero-design-s.png'),
		linear-gradient(to right, rgba(115, 109, 98, 0.5), rgba(255, 255, 255, 0));
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	padding: 7vw 0;
	margin-bottom: 20px;
	border-top: 2px solid var(--shadow);
	border-bottom: 2px solid var(--shadow);
}

.hero-kids {
	background-image:
		url('css/img/unikornis-cake-s.png'),
		linear-gradient(to right, rgba(36, 47, 183, 0.4), rgba(255, 255, 255, 0));
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	padding: 7vw 0;
	margin-bottom: 20px;
	border-top: 2px solid var(--shadow);
	border-bottom: 2px solid var(--shadow);

}

.hero.wp-block-column .wp-block-heading .has-text-align-left .h1-hero {
	margin-left: -20px !important;
}

.home-hero {
	background-image:
		url('css/img/hero.png'),
		linear-gradient(to left, rgba(111, 62, 15, 0.4), rgba(255, 255, 255, 0));
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	border-top: 2px solid var(--shadow);
	border-bottom: 2px solid var(--shadow);
}

/*.wp-block-separator,*/
.wide {

	width: calc(100vw - 18px);
	position: relative;
	left: calc(50% + 9px);
	margin-left: -50vw;
}


#logo img {
	width: 4rem;
}

#top-head {
	background: var(--pink);
	color: var(--light-bg);
	font-size: 0.75rem;
}

#top-head a {
	color: var(--white);
}

#top-head ul {
	display: flex;
	gap: 1.5rem;
	margin: 0.35rem 0rem;
}

#top-head .content-box,
#head .content-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

p,
li {
	line-height: 1.5;
}

ul {
	padding-left: 20px;
	margin-bottom: 0;
}


ul li::marker {
	color: transparent;
}

ol {
	padding-left: 1.5rem;
}

/*a carouselnél a pink karikák méretét ez adja*/
ol li {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}


h1,
h2,
h3 {
	color: var(--bg-txt);
	line-height: 1.2;
}

h1 {
	font-size: 2.5rem;
	position: relative;
	padding-bottom: 1rem;
	z-index: 1;
}



h2 {
	font-size: 2.20rem;
	margin-top: 0;
	position: relative;
	margin-bottom: 2rem;
	padding-top: 2rem;
}

h2.has-text-align-center {
	display: flex;
	justify-content: center;
}


h3,
.archive h2 {
	font-size: 1.25rem;
}

h2 a,
h3 a {
	color: inherit;
}


/*AJÁNLAKÉRŐ -TORTAKÓSTOLÓ ŰRLAP*/
.ajanlatkeres-urlap,
.tortakostolo {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* Középre igazítja gyermekelemeket */
	padding: 2rem 5rem;
	margin: 2rem auto;
	width: 70%;
	max-width: 100%;
	/* Biztosítja, hogy ne lógjon ki kis képernyőn */
	border: 1px solid var(--border);
	border-radius: 35px;
	box-shadow: 0px 2px 10px 0px var(--shadow);
	position: relative;
	box-sizing: border-box;
	/* Beleveszi a padding és border a szélességbe */
}

.ajanlatkeres-urlap::before,
.tortakostolo::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 2px solid white;
	border-radius: 33px;
	pointer-events: none;
}

.ajanlatkeres-urlap input[type="text"],
.ajanlatkeres-urlap input[type="email"],
.ajanlatkeres-urlap input[type="tel"],
.ajanlatkeres-urlap input[type="date"],
.ajanlatkeres-urlap textarea,
.ajanlatkeres-urlap select,
.tortakostolo input[type="text"],
.tortakostolo input[type="email"],
.tortakostolo input[type="tel"],
.tortakostolo input[type="date"],
.tortakostolo textarea,
.tortakostolo select {
	width: 100%;
	/*max-width: 600px; /* Opcionálisan korlátozza a maximális szélességet */
	padding: 10px;
	margin: 10px 0;
	/* Függőleges margó az elválasztáshoz */
	border: 1px solid #ccc;
	border-radius: 35px;
	box-sizing: border-box;
	font-size: 0.8rem;
}

.ajanlatkeres-urlap label,
.tortakostolo label {
	display: block;
	width: 100%;
	/*max-width:600px;*/
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

@media only screen and (max-width: 480px) {
	.ajanlatkeres-urlap {
		width: 90%;
		/* Kisebb képernyőkön */
		padding: 1rem;
	}
}

/*bloghoz*/
.box-style {
	color: var(--dark-b);
	box-shadow: 0px 0px 10px 0px var(--shadow);
	border-radius: 35px;
	border: 1px solid var(--border);
	margin: 2rem 0 2rem 0;
	padding: 1rem 1rem;
	max-width: 70%;
	margin: 3rem auto 3rem auto;
}

/*sidebar címek szellőssé tétele*/
.wp-block-group .blog-bejegyzes-cim li {
	margin-bottom: 20px;
}

/*idézet*/
.blockquote {
	color: var(--dark-b);
	box-shadow: 0px 0px 10px 0px var(--shadow);
	align-content: center;
	border-radius: 35px;
	border: 1px solid var(--border);
	background: var(--light-bg);
	margin: 2rem 0 2rem 0;
	padding: 1rem 1rem;
	max-width: 70%;
	margin: 3rem auto 3rem auto;
	/*középre igazítás*/
	position: relative;
	/* ez szükséges a pseudo-elem számára */
}


.blockquote::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 2px solid white;
	border-radius: 33px;
	/* kevesebb legyen a fő border-radius értéktől kb. 2px-el*/
	pointer-events: none;
	/* ez biztosítja, hogy a fő tartalmon marad, akkor is ha az egérrel rámegyek */
}

.blockquote h2 {
	padding-top: 0;
}

.blockquote p {
	margin-top: 1rem;
	margin-bottom: 1rem;
	align-content: center;
	font-size: 24px;
}

/*desszert villa rész*/
.dessert-villa-overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.8);
	/* Átlátszó sötét háttér az overlay-hez */
	padding: 20px;
	box-sizing: border-box;
	z-index: 1000;
	display: none;
	/* Először rejtve van */
	text-align: center;
	/* Vízszintes központosítás */
}

.dessert-villa-overlay img {
	max-width: 100%;
	/* Maximalizálja a képet a rendelkezésre álló helyen */
	height: auto;
	margin: 0 auto;
	/* Horizontálisan középre helyezés a flex szülővel szemben */
	border-radius: 35px;
	box-shadow: 0px 2px 10px 0px var(--shadow);
	display: block;
	/* A margin: 0 auto működéséhez szükséges beállítás */
}

.villa {
	text-align: center;
}

@media (max-width: 768px) {
	.dessert-villa-image {
		width: 150px;
		/* ez jobb `max-width` a kisebb kijelzőn */
	}
}


/*Bemutatkozó section a főoldalon*/
.wide intro {
	border: solid 3px var(--border);
	box-shadow: 0px 2px 10px 0px var(--shadow);
}

.wp-block-group.wide.intro {
	background-color: #dbc6b242;
	background-image: url('css/img/virag-w.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-position: top left;
	background-size: 600px auto;
	border-top: 2px solid var(--shadow);
	border-bottom: 2px solid var(--shadow);
}


.wp-block-quote {
	overflow-wrap: break-word;
	margin-top: 2rem;
	max-width: 1000px;
}

.visible {
	visibility: visible !important;
	margin: 20px 0
}


/*ÚJDONSÁG-képek nagyobb méretének transzformálása*/
.is-style-default-hover,
.is-style-default-bigger {

	transition: transform 0.3s ease;
	/* Sima átmenet a változásnál */
	/* Tetszőleges további stílusok */
}

.is-style-default-hover:hover {
	transform: scale(1.2);
	/* A 2 dupla érték nagyítja a képet */
}

.is-style-default-bigger:hover {
	transform: scale(1.1);
	/* A 1.1 érték nagyítja a képet 10%-kal */
}

.align-center {
	text-align: center;
}

.flavor-item {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.flavor-item img {
	max-width: 100px;
	border-radius: 50%;
}



/*ANIMÁCIÓ*/
h1 {
	animation: hello 0.6s ease-in-out forwards;
	opacity: 0;
	transform: translateX(-50px);
	animation-delay: 0.6s;
}


.hero + h1 p {
	opacity: 0;
	animation: hello 0.6s ease-in-out forwards;
	transform: translateX(-50px);
	animation-delay: 1.3s;
}


.home h2.visible {
	opacity: 0;
	animation: hello 0.6s ease-in-out forwards;
	transform: translateY(50px);
	animation-delay: 0.3s;
}

h1.visible:before,
h2.visible:before {
	opacity: 0;
	transform: scale(0);
	animation: hellosize 0.6s ease-in-out forward;
	animation-delay: 1s;
}

@keyframes hello {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes helloup {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes hellosize {
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.wp-block-post-excerpt__excerpt {
	margin-bottom: 1rem;

}

.wp-block-post-excerpt__more-text {
	margin-bottom: 1.5rem;

}

/*GOMB*/

.button,
.wp-block-button a,
.wp-block-post-excerpt__more-link,
input[type=submit] {
	display: inline-block;
	padding: 10px 40px;
	color: white;
	background: var(--pink);
	font-weight: bold;
	border: 2px solid var(--border);
	font-family: inherit;
	font-size: 1.25rem;
	border-radius: 2rem;
	margin-bottom: 1rem;
	margin-top: 1.2rem;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
	border-radius: 35px;
}

.button:hover,
.wp-block-button a:hover,
.wp-block-post-excerpt__more-link:hover,
input[type=submit]:hover {
	background: var(--dark-p);
	/* Például ha ezek illenek rád */
	transform: scale(1.1);
	/* 10%-kal megnöveli a gomb méretét */
}

/*HÍRLEVÉL-GOMB*/
p.inputbutton.visible {
	/*width: 20% !important;*/
	/*Így a hírlevél - gombom középen marad*/
	text-align: center;
	display: inline-block;
	margin: 0;
}

/*HÍRLEVÉL-MEZŐK*/
input[type=text],
input[type=email],
input[type=tel],
input[type=file],
select,
textarea {
	background: #fff;
	padding-left: 15px;
	border: solid 1px var(--border);
	box-shadow: 0px 2px 10px 0px var(--shadow);
	border-radius: 5px;
	width: 70%;
	margin-bottom: 0.5rem;
	font-size: inherit;
	font-family: inherit;
	height: 40px;
	border-radius: 35px;
}

.custom-form-letter h2 {
	font-size: 2rem;
}

/*Hírlevél felirítkozás-doboz*/
.custom-form-letter {
	background: var(--light-bg);
	padding: 1.5rem;
	text-align: center;
	display: block;
	max-width: 1000px;
	height: auto;
	margin: 0 auto 3rem auto;
	border-radius: 35px;
	position: relative;
	/* Ez szükséges a pseudo-elem számára */
}

.custom-form-letter::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;

	border: 2px solid white;
	border-radius: 33px;
	/* kevesebb legyen a fő border-radius értéktől kb. 2px-el*/
	pointer-events: none;
	/* ez biztosítja, hogy a fő tartalmon marad, akkor is ha az egérrel rámegyek */
}

/*Elfogadó nyilatkozat sora a hírlevélhez*/
.label.accept {
	display: inline-block;
	margin-bottom: 2rem;
}

.custom-form-letter .gift-kupon {
	margin-bottom: 40px;
	margin-top: 20px;
}


/*Bemutatkozó rész*/
.bemutatkozas {
	max-width: 50rem;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-image .aligncenter > figcaption {
	text-align: center;
	caption-side: bottom;
	display: table-caption;
}


/*KEDVENC Tortáink rész*/
.favourite-cake {

	background-image: url('css/img/wave-l-j.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	/* teljes kitöltés */
	width: 100vw;
}


.favourite-cake .kedvenc-bekezdes {
	margin-bottom: 3rem;
	width: 70%;
	margin: 0 auto 3rem auto;
}

/*kedvenc tortáink rész kép-felirat*/
.wp-block-image .aligncenter > figcaption a strong {
	color: var(--dark-b);
	text-decoration: none;
	font-size: 1.75rem;
}

.wp-block-image .aligncenter > figcaption a strong:hover {
	color: var(--dark-p);
	text-decoration: none !important;
	font-size: 2rem;
}


.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	vertical-align: bottom;
	flex: 1 0 0%;
	height: 100%;
	object-fit: cover;
	width: 100%;
	margin-top: 1rem;
}

/*képek*/
.wp-block-image img {
	border: solid 3px var(--border);
	box-shadow: 0px 2px 10px 0px var(--shadow);
	border-radius: 35px;
}


.wp-block-separator {
	width: calc(100vw - 18px);
	position: relative;
	left: calc(50% + 9px);
	margin-left: -50vw;
	margin-top: 0;
}


/*REFERENCIA*/
.referencia {
	width: 100%;
	margin: 1rem auto 1rem auto;
}



/*CAROUSEL*/
.carousel {
	width: 100%;
	justify-content: center;
	/* horizontális középre helyezés */
	display: flex;
}

.carousel-item img {
	max-width: 40%;
	margin: 0 auto;
	/* középre igazítás */
	display: block;
	/* biztosítja, hogy a margin helyesen működjön */
	object-fit: contain;
	border-radius: 35px;
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 12px;
	/* Állítsd be a kívánt méretet */
	height: 12px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: var(--pink);
	border-radius: 50%;
	/* kör formájúvá teszi */
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.6s ease;
}

.carousel-indicators .active {
	background-color: var(--pink);
	/* Rózsaszín kitöltés az aktív elemnek */
	opacity: 1;
	/* Teljesen látható */
}

/*lapozó nyíl*/
.carousel-control-prev-icon,
/*lapozó nyíl*/
.carousel-control-next-icon {
	filter: invert(100%);
}

.carousel-inner .carousel-item {
	transition: transform 0.3s ease;
	/* gyorsítja a diák közötti átmenetet */
}

.is-layout-grid > :is(*, div) {
	margin-top: 1rem;
	margin-bottom: 0rem;
}


/*RÓLAM főoldal*/
.rolunk-main-page img {
	height: auto;
	width: fit-content;
	margin-top: 1rem;
	justify-content: center;

}

.rolunk-main-page {
	background-image: url(css/img/pc-monog.png);
	background-repeat: no-repeat;
	background-position: top center;
	/* background-size: auto 1000px; */
	background-size: contain;
	/*ez talán jobb*/
}

/*RÓLUNK OLDAL*/
.tortenetem {
	padding: 0 2rem;
}

.polli-team {
	padding: 0 2rem;
}


/*GALÉRIA*/
.wp-block-gallery .blocks-gallery-item {
	flex: 1 0 30%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

@media(max-width: 1281px) {
	.wp-block-gallery .blocks-gallery-item {
		flex: 1 0 48%;
	}
}

@media(max-width: 768px) {
	.wp-block-gallery .blocks-gallery-item {
		flex: 1 0 48%;
	}
}

@media(max-width: 480px) {
	.wp-block-gallery .blocks-gallery-item {
		flex: 1 0 100%;
	}
}


/*tortak.php galéria részének formázása*/
.row {
	display: grid;
	/* Grid container létrehozása */
	grid-template-columns: repeat(3, 1fr);
	/* Három egyenlő oszlopos layout */
	gap: 0rem;
	/* Képek közötti távolság */
	margin: 2rem 2rem;
}

.row h3,
.row p {
	width: 85%;
}

.attachment-.size-.wp-post-image {
	border-radius: 35px;
	max-width: 600px;
}


.column-3 img {
	width: auto;
	height: 75%;
	object-fit: cover;
	margin: 0 auto;
	border-radius: 35px;
	box-sizing: border-box;
}

/*GYIK*/
.gyik {
	margin: 2rem auto;
	width: 70%;
	border: 2px solid var(--border);
	border-radius: 35px;
	padding: 20px;
	box-shadow: 0 4px 8px var(--shadow);

}

.gyik-img {
	margin-bottom: 1rem;
	padding: 0;
}

.gyik h3 {
	padding-bottom: 0.5rem;
	text-align: center;
}


.gyik p {
	position: relative;
	/* A pszeudoelemhez kell */
	text-align: left;
	margin-bottom: 4rem;
	padding: 0 3rem;
}


.gyik p:after {
	content: "";
	display: block;
	width: 50%;
	/* a vonal szélessége */
	height: 1px;
	/* a vonal vastagsága */
	background:
		linear-gradient(to right,
			#ccc 0%,
			#ccc 47%,
			transparent 48%,
			transparent 52%,
			/* 3px átlátszó rész */
			#ccc 53%,
			#ccc 100%);
	margin: 0 auto;
	position: absolute;
	bottom: -30px;
	/* távolság a p elem aljától */
	left: 0;
	right: 0;
}


footer {
	background: var(--footer);
	font-size: smaller;
	height: auto;
	padding-bottom: 2rem;
	padding-top: 2rem;
	margin-top: 50px;
}

footer .wp-block-image img {
	border: none !important;
	box-shadow: none !important;
}


footer figure img {
	height: 100px !important;
	width: 100px !important;
	border: none !important;
	box-shadow: 0;
}

/*footer favicon szerkesztése*/
.footer.has-text-align-left {
	text-align: left;
	margin-left: 20px;
}

footer a,
footer h3 {
	color: var(--d-brown);
	padding-bottom: 0.5rem;
	margin-right: 0;
}

footer ul li {
	line-height: 2;
	font-size: 18px;
	margin-left: -10px;
}

footer ul li a {
	line-height: 2;
	font-size: 18px;
	margin-left: -10px;
}

footer a:hover {
	color: var(--pink);
}

footer.wp-block-social-links aligncenter {
	margin: 1.5rem 0;
}

footer .column-5 {
	display: flex;
	gap: var(--gap);
	flex-wrap: wrap;
	margin-top: 1rem;
	margin-bottom: 1rem;
}


.social-icons {
	margin-top: 2.5rem;
}

:root :where(.wp-block-social-links .wp-social-link a) {
	padding: 5px;
	margin: 3px;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
	background-color: var(--d-brown);
	color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
	background-color: var(--d-brown);
	color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
	background-color: var(--d-brown);
	color: #fff;
}

.wp-block-social-links {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
}

.wp-block-social-links .wp-block-social-link.wp-social-link {
	margin: 0 10px;
	/* Kézi margó beállítás, ha a gap nem lenne elegendő */
	font-size: 26px;
}


#copyright {
	background: var(--d-brown);
	color: #fff;
	font-size: 12px;
	border-top: solid 1px var(--border);
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
}

p.align-center {
	margin: 0;
}

.nav-links {
	text-align: center;
	margin: 3rem;
}

.box-style figure {
	margin-bottom: 1rem;
}



/*RESZPONZIVITÁS*/


@media only screen and (max-width: 1281px) {


	#head .content-box {
		flex-wrap: wrap;
		margin-top: 0.75rem;
	}

	#head-menu {
		width: 100%;
		border-top: solid 1px #ddd;
		margin-top: 0.75rem;
	}


	.wide {
		width: 100vw;
		left: 50%;
	}


	.single-post h1 {
		font-size: 2.25rem;
	}

	.attachment-.size-.wp-post-image {
		border-radius: 35px;
		max-width: 70vw;
	}

	.row p {
		width: 100%;
		padding: 0;
		font-size: inherit;
	}
}


@media only screen and (max-width: 1084px) {
	#top-head {
		font-size: 0.65rem;
	}

	h1 {
		font-size: 2.25rem;
	}

	.wp-block-column bemutatkozas-text {
		font-size: 18px;
	}

	h2 {
		padding-top: 0.75rem;
	}

	h3,
	.archive h2 {
		font-size: 1.1rem;
	}

	/*kedvenc tortáink képfelirat és link*/
	.wp-block-image .aligncenter > figcaption a strong {
		font-size: 1.5rem;
	}

	.wp-block-image .aligncenter > figcaption a strong:hover {
		font-size: 1.6rem;
	}

	.carousel-item img {
		max-width: 50%;
	}

	/*column-3 résszé formázzom a column-5 öt*/
	footer .column-5 {
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	footer .column-5 > div {
		width: calc((100% - (2 * var(--gap))) / 3);
	}

	.ajanlatkeres-urlap,
	.tortakostolo,
	.gyik {
		width: 100%;
	}


	.wide {
		background-size: 75%, contain;
		background-position: bottom right;
	}

	.hero-wedding {
		background-size: 70%, contain;
		background-position: bottom right;
	}

	.hero-wedding h1 {
		font-size: 2.2rem;

	}

	.hero-kids {
		background-size: 55%, contain;
		background-position: bottom right;
	}

	.design-hero {
		background-size: 60%, contain;
		background-position: bottom right;
	}

	.blockquote {
		max-width: 100%
	}

	.rolunk-main-page {
		font-size: 21px;
	}

	.is-style-default .polli figure img {
		height: 800px;
	}

	.column-3 p.visible {
		font-size: 18px;
	}

	.row img {
		width: 500px;
	}

	.row p {
		width: 80%;
		font-size: 18px;
	}

	.row h3 {
		font-size: 1.2rem;
	}

	.row ul {
		font-size: 20px;
	}

	.single-post h1 {
		font-size: 1.7rem;
	}

	.bemutatkozas .bemutatkozas-text p.visible {
		font-size: 20px;
	}

	.favourite-cake .kedvenc-bekezdes {
		margin-bottom: 3rem;
		width: 100%;
		margin: 1rem auto 2rem auto;
	}

	.referencia h2 {
		margin-top: 2rem;
	}
}



@media only screen and (max-width: 1023px) {
	#top-head .content-box {
		display: block;
		text-align: center;
	}

	.wp-block-buttons > .wp-block-button {
		display: inline-block;
		margin: 20px;
	}


	#top-head ul {
		gap: 0.5rem;
	}

	h1 {
		font-size: 2.25rem;
	}

	.hero-wedding h1 {
		font-size: 2rem;
	}

	/*bemutatkozó főoldal*/
	.home h2.visible {
		padding: 0;
	}

	p {
		font-size: 0.9rem;
	}

	.blockquote p {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 20px;
	}

	.blockquote h2 {
		font-size: 1.7rem;
	}

	/*kedvenc tortáink képfelirat és link*/
	.wp-block-image .aligncenter > figcaption a strong {
		font-size: 1.5rem;
	}

	.wp-block-image .aligncenter > figcaption a strong:hover {
		font-size: 1.6rem;
	}

	/*hírlevélfeliratkozógomb*/
	.button,
	.wp-block-button a,
	.wp-block-post-excerpt__more-link,
	input[type=submit] {
		margin-bottom: 0;
		margin-top: 0;
		font-size: 1rem;
	}

	.custom-form-letter {
		padding: 1rem;
	}

	.custom-form-letter {
		padding: 1rem;
		margin-bottom: 1rem;
	}


	.referencia {
		margin: 2.5rem auto 1rem auto;
	}

	.wp-block-separator {
		margin-top: 20px;
		border-top: 2px solid var(--shadow);
	}

	.carousel-item img {
		max-width: 50%;
	}

	/*column-3 résszé formázzom a column-5 öt*/
	footer .column-5 {
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	footer .column-5 > div {
		width: calc((100% - (2 * var(--gap))) / 3);
	}

	/*Ajánlatkérés oldal*/
	.ajanlatkeres-urlap {
		width: 100% !important;
		padding: 2rem;
	}

	.rolunk-main-page {
		font-size: 21px;
	}

	.is-style-default .polli figure img {
		height: 800px;
	}

	.favourite-cake .kedvenc-bekezdes {
		margin-bottom: 3rem;
		width: 100%;
		margin: 1rem auto 2rem auto;
	}


	/*Blog keresés mező*/
	#wp-block-search__input-1 {
		width: 100%;
	}

	.ajanlatkeres-urlap input[type="text"],
	.ajanlatkeres-urlap input[type="email"],
	.ajanlatkeres-urlap input[type="tel"],
	.ajanlatkeres-urlap input[type="date"],
	.ajanlatkeres-urlap textarea,
	.ajanlatkeres-urlap select,
	.tortakostolo input[type="text"],
	.tortakostolo input[type="email"],
	.tortakostolo input[type="tel"],
	.tortakostolo input[type="date"],
	.tortakostolo textarea,
	.tortakostolo select {
		font-size: 0.8rem;
		padding: 0 10px;
	}

	.attachment-.size-.wp-post-image {
		border-radius: 35px;
		max-width: 70vw;
	}

	.row p {
		width: 100%;
		padding: 0;
		font-size: inherit;
	}

	.wp-block-search__label {
		display: none;
	}

}



@media only screen and (max-width: 768px) {

	.home-hero {
		background-position: bottom right;
		background-size: 60%, auto;
		padding-bottom: 22vw;
	}

	.hero-wedding {
		background-size: 50%, contain;
		background-position: bottom right;
	}

	.hero-kids {
		background-size: 35%, contain;
	}

	.design-hero {
		background-size: 40%, contain;
	}

	h1,
	h2,
	single-post h1 {
		font-size: 1.75rem;
	}

	.blockquote p {
		font-size: 20px;
	}


	/*Újdonságok résznél kisebbre veszi a topban a helykitöltőt*/
	.wp-block-spacer.helykitolto {
		height: 30px !important;
	}

	.bemutatkozas .bemutatkozas-text p.visible {
		font-size: 18px;
		margin: 0;
	}

	.favourite-cake {
		background-image: none;
	}

	.custom-form-letter h2 {
		font-size: 1.70rem;
	}

	.column-3 {
		display: block;
	}


	.column-3 > div,
	.box-style figure img {
		width: 100%;
		display: block;
		margin-bottom: 1rem;
	}


	input[type=text],
	input[type=email],
	input[type=tel],
	input[type=file],
	select,
	textarea {

		width: 100%;
	}

	.ajanlatkeres-urlap input[type="text"],
	.ajanlatkeres-urlap input[type="email"],
	.ajanlatkeres-urlap input[type="tel"],
	.ajanlatkeres-urlap input[type="date"],
	.ajanlatkeres-urlap textarea,
	.ajanlatkeres-urlap select,
	.tortakostolo input[type="text"],
	.tortakostolo input[type="email"],
	.tortakostolo input[type="tel"],
	.tortakostolo input[type="date"],
	.tortakostolo textarea,
	.tortakostolo select {
		font-size: 0.75rem;
		padding: 0 10px;
	}

	.button,
	.wp-block-button a,
	.wp-block-post-excerpt__more-link,
	input[type=submit] {
		font-size: 1rem;
	}

	p.visible {
		padding: 0 15px;
	}

	.carousel-item img {
		max-width: 80%;
	}

	footer .column-5 {
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	footer .column-5 > div {
		flex: 0 0 calc((100% - var(--gap)) / 2);
		/* Két oszlopos elrendezés */
		padding-bottom: 1rem;
	}

	footer ul li a {
		font-size: 20px;
	}

	footer h3 {
		font-size: 1.3rem;
	}

	footer {
		padding: 2rem 0 2rem 0
	}

	#copyright p {
		font-size: 10px;
	}

	.attachment-.size-.wp-post-image {
		border-radius: 35px;
		max-width: 70vw;
	}

	.row p {
		width: 100%;
		padding: 0;
		font-size: inherit;
	}

	.wp-block-search__label {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	#top-head ul {
		display: block;
		margin: 0;
		padding: 0;
	}

	#top-head ul li {
		margin: 0;
		padding: 0.25rem;
	}

	.design-hero {
		background-size: 55%, contain;
		background-position: bottom right;
		padding-bottom: 0;
	}

	.hero-wedding {
		padding-bottom: 0;
		background-size: 70%, contain;
	}

	.home-hero {
		background-position: bottom right;
		background-size: 60%, auto;
		padding-bottom: 0;
	}

	.hero-kids {
		padding-bottom: 0;
		background-size: 45%, contain;
		margin-bottom: 0;
	}

	body .hero-kids .is-layout-flex {
		display: flex;
		margin-bottom: 0;
		/* Felülírja a margin-bottom értékét */
	}

	input[type=text],
	input[type=email],
	input[type=tel],
	input[type=file],
	select,
	textarea {

		width: 100%;
	}

	.button,
	.wp-block-button a,
	.wp-block-post-excerpt__more-link,
	input[type=submit] {
		font-size: 1rem;
	}

	.blockquote p {
		font-size: 16px;
	}

	/*.wp-block-spacer {
		max-height: 50px;
	}*/

	h2.has-text-align-center:before {
		position: absolute;
		left: 1.2rem;
		top: 0.25rem;
	}

	.is-style-default .polli figure img {
		height: 600px;
	}

	footer {
		padding: 2rem 0 2rem 0
	}

	footer .column-5 {
		flex-direction: column;
		/* Alkalmazd a flex irányt oszlop mentén */
	}

	footer .column-5 > div {
		width: 100%;
		/* Az elemek teljes szélességet foglalnak el */
	}

	.attachment-.size-.wp-post-image {
		border-radius: 35px;
		max-width: 70vw;
	}

	.row p {
		width: 100%;
		padding: 0;
		font-size: inherit;
	}

	.wp-block-search__label {
		display: none;
	}
}