/*
Theme Name: Kreativ Tanulas Oktatás 22061
Theme URI: https://wordpress.org/themes/kreativtanulas22061/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Kreativ Tanulas Oktatás 22061 embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Kreativ Tanulas Oktatás 22061 lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Kreativ Tanulas Oktatás 22061 will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kreativtanulas22061
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Kreativ Tanulas Oktatás 22061 WordPress Theme, (C) 2021 WordPress.org
Kreativ Tanulas Oktatás 22061 is distributed under the terms of the GNU GPL.
*/

:root {
	--font-color: #4d4d4d;
	--inverse-font-color: #FFFFFF;
	--first-color: #1f72ad;
	--second-color: #f1e43c;
	--third-color: #f29025;
	--fourth-color: #e4067c;
}

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	--bs-body-font-family: var(--wp--preset--font-family--montserrat);
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

.wp-block-cover.pebble a,
div[class*="is-style-colorspot-cover-"] a,
a:active {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { position: relative; z-index: 1 }

input, select, button, textarea {
	padding: 0.75em;
	width: 100%;
	box-sizing: border-box;
}
input, select, textarea {
	border-width: 0;
	border-bottom: 3px #e5691c solid;
	background-color: transparent;
	font-size: 0.7em;
	padding: 0.5em;
}
input[type=checkbox], input[type=radio] {
    width: unset;
    transform: scale(2.5);
    margin: 1em 1em 1em 0.6em;
    vertical-align: 0.2em;
}
input[type=submit], input[type=button], .button, button {
	background-color: #f7941d;
	color: #FFFFFF;
	border: 0;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 1em 1.5em 1.5em 1.5em;
	padding: 1em 1.5em 1em 1.5em;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	transition: background-color .25s;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover {
	background-color: #f9b056;
}

input[type=submit].pebble-04, input[type=button].pebble-04, .button.pebble-04, button.pebble-04 {
	background-image: url(assets/images/shape-04.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: unset;
	aspect-ratio: 171/77;
	width: unset;
	font-family: CabinSketch;
	font-size: 1em;
}

textarea {
	height: 6em;
}

.wp-block-navigation {
	margin-top: 1em!important;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

.post-password-form {max-width: 500px;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Kreativ Tanulas Oktatás 22061. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-block-group.alignfull,
.wp-block-columns.alignfull,
.wp-block-cover.alignfull {
	width: 100vw;
}

/* .js-scale-to-pebble-contents set by JS */
.wp-block-columns.alignfull.js-scale-to-pebble-contents,
.wp-block-columns.is-style-wide-width-200.js-scale-to-pebble-contents,
.wp-block-columns.is-style-wide-width-250.js-scale-to-pebble-contents,
.wp-block-column.js-scale-to-pebble-contents,
.wp-block-column.js-scale-to-pebble-contents .pebble,
.do-scale-to-pebble-contents.js-scale-to-pebble-contents .pebble {
    margin-left: 50%!important;
    transform: translateX(-50%);
    /*width: ...%; by JS */
}
.wp-block-columns.alignfull.js-scale-to-pebble-contents .pebble,
.wp-block-columns.is-style-wide-width-200.js-scale-to-pebble-contents .pebble,
.wp-block-columns.is-style-wide-width-250.js-scale-to-pebble-contents .pebble,
.wp-block-column.js-scale-to-pebble-contents .pebble,
.do-scale-to-pebble-contents.js-scale-to-pebble-contents .pebble {
/*    margin-left: unset!important;*/
}
.wp-block-columns.alignfull.js-scale-to-pebble-contents .pebble:after,
.wp-block-columns.is-style-wide-width-200.js-scale-to-pebble-contents .pebble:after,
.wp-block-columns.is-style-wide-width-250.js-scale-to-pebble-contents .pebble:after,
.wp-block-column.js-scale-to-pebble-contents .pebble:after {
    top: max(-10%, -6em);
}

.wp-site-blocks {
	max-width: 100vw;
	box-sizing: border-box;
	overflow-x: hidden;
}

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
/*.wp-block-group.alignfull,*/
.wp-block-group.has-background,
/*.wp-block-cover.alignfull,*/
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

.wp-block-group.is-style-wide-width-200 { max-width: 200%!important; width: 200%!important; margin-left: 50%!important; transform: translateX(-50%); }
.wp-block-columns.is-style-wide-width-200 { max-width: 200%!important; width: 200%!important; margin-left: 50%!important; transform: translateX(-50%); }
.wp-block-group.is-style-wide-width-250 { max-width: 250%!important; width: 250%!important; margin-left: 50%!important; transform: translateX(-50%); }
.wp-block-columns.is-style-wide-width-250 { max-width: 250%!important; width: 250%!important; margin-left: 50%!important; transform: translateX(-50%); }

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*****************************************/

/*.editor-styles-wrapper .wp-block-button .wp-block-button__link*/
.is-style-colorspot-button-04 .wp-block-button__link {
	background-color: transparent;
}

.wp-block-gallery {
	--wp--style--block-gap: 0.5rem;
}
.wp-block-image:not(.is-style-rounded) img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.wp-block-post-title {
	color: var(--wp--preset--color--primary);
}

/*****************************************/

.w10pc{width:10%;}.w20pc{width:20%;}.w30pc{width:30%;}.w40pc{width:40%;}.w50pc{width:50%;}.w60pc{width:60%;}.w70pc{width:70%;}.w80pc{width:80%;}.w90pc{width:90%;}.w100pc{width:100%;}
.mv0{margin-top:0;margin-bottom:0;}
.mh0{margin-left:0;margin-right:0;}
.mv2rem{margin-top:2rem;margin-bottom:2rem;}
.mt1rem{margin-top:1rem;}.mt2rem{margin-top:2rem;}.mt3rem{margin-top:3rem;}.mt4rem{margin-top:4rem;}.mt5rem{margin-top:5rem;}.mt6rem{margin-top:6rem;}.mt7rem{margin-top:7rem;}.mt8rem{margin-top:8rem;}.mt9rem{margin-top:9rem;}.mt10rem{margin-top:10rem;}
.mb1rem{margin-bottom:1rem;}.mb2rem{margin-bottom:2rem;}.mb3rem{margin-bottom:3rem;}.mb4rem{margin-bottom:4rem;}.mb5rem{margin-bottom:5rem;}.mb6rem{margin-bottom:6rem;}.mb7rem{margin-bottom:7rem;}.mb8rem{margin-bottom:8rem;}.mb9rem{margin-bottom:9rem;}.mb10rem{margin-bottom:10rem;}
.mv1rem{margin-top:1rem;margin-bottom:1rem;}.mv2rem{margin-top:2rem;margin-bottom:2rem;}.mv3rem{margin-top:3rem;margin-bottom:3rem;}.mv4rem{margin-top:4rem;margin-bottom:4rem;}.mv5rem{margin-top:5rem;margin-bottom:5rem;}.mv6rem{margin-top:6rem;margin-bottom:6rem;}.mv7rem{margin-top:7rem;margin-bottom:7rem;}.mv8rem{margin-top:8rem;margin-bottom:8rem;}.mv9rem{margin-top:9rem;margin-bottom:9rem;}.mv10rem{margin-top:10rem;margin-bottom:10rem;}
.mh1rem{margin-left:1rem;margin-right:1rem;}.mh2rem{margin-left:2rem;margin-right:2rem;}.mh3rem{margin-left:3rem;margin-right:3rem;}.mh4rem{margin-left:4rem;margin-right:4rem;}.mh5rem{margin-left:5rem;margin-right:5rem;}.mh6rem{margin-left:6rem;margin-right:6rem;}.mh7rem{margin-left:7rem;margin-right:7rem;}.mh8rem{margin-left:8rem;margin-right:8rem;}.mh9rem{margin-left:9rem;margin-right:9rem;}.mh10rem{margin-left:10rem;margin-right:10rem;}
.pv0{margin-top:0;margin-bottom:0;}
.ph0{margin-left:0;margin-right:0;}
.pt1rem{margin-top:1rem;}.pt2rem{margin-top:2rem;}.pt3rem{margin-top:3rem;}.pt4rem{margin-top:4rem;}.pt5rem{margin-top:5rem;}.pt6rem{margin-top:6rem;}.pt7rem{margin-top:7rem;}.pt8rem{margin-top:8rem;}.pt9rem{margin-top:9rem;}.pt10rem{margin-top:10rem;}
.pb1rem{margin-bottom:1rem;}.pb2rem{margin-bottom:2rem;}.pb3rem{margin-bottom:3rem;}.pb4rem{margin-bottom:4rem;}.pb5rem{margin-bottom:5rem;}.pb6rem{margin-bottom:6rem;}.pb7rem{margin-bottom:7rem;}.pb8rem{margin-bottom:8rem;}.pb9rem{margin-bottom:9rem;}.pb10rem{margin-bottom:10rem;}
.pv1rem{margin-top:1rem;margin-bottom:1rem;}.pv2rem{margin-top:2rem;margin-bottom:2rem;}.pv3rem{margin-top:3rem;margin-bottom:3rem;}.pv4rem{margin-top:4rem;margin-bottom:4rem;}.pv5rem{margin-top:5rem;margin-bottom:5rem;}.pv6rem{margin-top:6rem;margin-bottom:6rem;}.pv7rem{margin-top:7rem;margin-bottom:7rem;}.pv8rem{margin-top:8rem;margin-bottom:8rem;}.pv9rem{margin-top:9rem;margin-bottom:9rem;}.pv10rem{margin-top:10rem;margin-bottom:10rem;}
.ph1rem{margin-left:1rem;margin-right:1rem;}.ph2rem{margin-left:2rem;margin-right:2rem;}.ph3rem{margin-left:3rem;margin-right:3rem;}.ph4rem{margin-left:4rem;margin-right:4rem;}.ph5rem{margin-left:5rem;margin-right:5rem;}.ph6rem{margin-left:6rem;margin-right:6rem;}.ph7rem{margin-left:7rem;margin-right:7rem;}.ph8rem{margin-left:8rem;margin-right:8rem;}.ph9rem{margin-left:9rem;margin-right:9rem;}.ph10rem{margin-left:10rem;margin-right:10rem;}

.nowrap { white-space: nowrap; }
.alignc { text-align: center; }
.alignl { text-align: left; }
.aligncenter { margin: auto; }
.positionr {position: relative;}
.zindex1 {z-index: 1;}

.inprogress {
	position: relative;
}
.inprogress:after, .not-inprogress:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.7);
	background-image: url(assets/images/loading.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 3rem;
}
.inprogress:after {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s 0s, opacity 0.2s linear;
}
.inprogress.not-inprogress:after {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
}

.wpcf7-form {

}
.wpcf7-list-item {
    margin: 0 0 0 0.5em;
    display: block;
}
.wpcf7-form label {
	position: relative;
	display: block;
    /* width: 52%;
    margin-left: 10%; */
    min-width: 235px;
}
.wpcf7-form .wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7-form.align-center {
	text-align: center;
}
.wpcf7-form.align-center label {
    margin-left: auto;
    margin-right: auto;
}
.wpcf7-spinner { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: auto; }

.mt-8pc { margin-top: -8%; }

.is-style-colorspot-group-05.alignfull {
	width: 130vw!important;
	margin-left: calc(var(--wp--custom--spacing--outer) * -1 - 15vw)!important;
}
.is-style-colorspot-group-05.alignfull .wp-block-columns {
	max-width: var(--wp--custom--pagewidth);
	margin: auto;
	width: 100%;
}

.is-style-colorspot-cover-08:before {
    top: -8%;
    left: -8%;
    width: 115%;
    height: 115%;
}

/* rólunk */
.rolunk-box .is-style-colorspot-columns-33:before, .rolunk-box .is-style-colorspot-group-33:before,
.rolunk-box .is-style-colorspot-columns-33:after, .rolunk-box .is-style-colorspot-group-33:after {
    top: -113px;
    width: 104%;
    height: 145%;
    /*opacity: 0.5;*/
    transform: rotate(-6deg);
}
.rolunk-box .is-style-colorspot-columns-37:before, .rolunk-box .is-style-colorspot-group-37:before,
.rolunk-box .is-style-colorspot-columns-37:after, .rolunk-box .is-style-colorspot-group-37:after {
	top: -94px;
	left: -1%;
	width: 104%;
	height: 210%;
	/*opacity: 0.5;*/
	transform: rotate(7deg);
}
.rolunk-box .is-style-colorspot-columns-38:before, .rolunk-box .is-style-colorspot-group-38:before,
.rolunk-box .is-style-colorspot-columns-38:after, .rolunk-box .is-style-colorspot-group-38:after {
	top: 90px;
	left: -1%;
	width: 104%;
	height: 125%;
	/*opacity: 0.5;*/
	transform: rotate(7deg);
}
.rolunk-box .is-style-colorspot-columns-33:after, .rolunk-box .is-style-colorspot-group-33:after {
    transform: rotate(-5deg);
    top: -47px;
    height: 132%;
}
.rolunk-box .is-style-colorspot-columns-37:after, .rolunk-box .is-style-colorspot-group-37:after {
	transform: rotate(5deg);
    top: -47px;
    height: 200%;
}
.rolunk-box .is-style-colorspot-columns-38:after, .rolunk-box .is-style-colorspot-group-38:after {
	transform: rotate(5deg);
    top: -47px;
    height: 132%;
}

.velunk-dolgozo-muveszek {
	/*margin-top: -8em!important;
	position: relative;
	z-index: 1;
	mix-blend-mode: multiply;*/
}
.velunk-dolgozo-muveszek h3 {
	margin-right: 150px;
}

/*  */
.wp-block-cover.pebble img.wp-block-cover__image-background {
	object-fit: contain;
    mix-blend-mode: multiply;
}
.wp-block-cover.pebble:before {
	position: absolute;
	content: "";
	top: 5px;
	left: -10px;
	width: 100%;
	height: 100%;
    mix-blend-mode: multiply;
    background-image: var(--background);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*  */
.wp-block-column { position: relative; }
.kiknek-kavicsok {
    display: flex;
    flex-wrap: wrap!important;
    column-gap: 10%;
    row-gap: 1em;
    justify-content: center;
}
.kiknek-kavicsok .wp-block-column {
	flex-grow: 0!important;
	flex-shrink: 0!important;
    flex-basis: 25%!important;
/*    flex: 0 0 25%;*/
}
.kiknek-kavicsok .pebble.has-image-content.layout-text-above .pebble-text,
.wp-block-column div[class*="is-style-colorspot-"] {
	word-break: normal;
    overflow-wrap: normal;
}
.kiknek-kavicsok .pebble.has-image-content.layout-text-above .pebble-text,
div[class*="is-style-colorspot-cover-"] a {
	background-color: #00000035;
	padding: 0px 11px;
	display: inline-block;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0px 0px 10px #000000;
}

/*.how-we-do-it .wp-block-column:nth-child(1) {
	padding: 5% 0 0 5%;
    flex-basis: 41%!important;
}*/
.how-we-do-it .wp-block-column:nth-child(1):before {
    content: "";
    position: absolute;
    display: grid;
    align-content: center;
    justify-content: center;
    top: 45%;
    left: 70%;
    width: 115%;
    height: 120%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1014 704"  height="1014"  width="704" ><path fill="rgba(254, 223, 0, 1)" transform="" d="M794.527,654.733c0,0,263.462-16.965,213.968-232.543C959.001,206.611,715.185-40.208,510.557,5.528 C305.928,51.265-15.723,112.677,0.598,302.919c16.32,190.242,102.424,405.5,259.813,400.453 C417.801,698.325,623.074,725.806,794.527,654.733"/></svg>'),
		url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1014 704"  height="1014"  width="704" ><path fill="rgba(254, 223, 0, 0.5)" transform="" d="M794.527,654.733c0,0,263.462-16.965,213.968-232.543C959.001,206.611,715.185-40.208,510.557,5.528 C305.928,51.265-15.723,112.677,0.598,302.919c16.32,190.242,102.424,405.5,259.813,400.453 C417.801,698.325,623.074,725.806,794.527,654.733"/></svg>');
    background-size: 98%, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: center, 0px 70%;
    padding-bottom: 5%;
    z-index: -1;
}
/* 
.how-we-do-it .wp-block-column:nth-child(1) img {
	z-index: 1;
	position: relative;
}
.how-we-do-it .wp-block-column:nth-child(2) {
	padding: 0;
	position: absolute;
	width: 62%;
	right: 0;
}
.how-we-do-it .wp-block-column:nth-child(2) .wp-block-cover {
	position: relative;
}
.how-we-do-it .wp-block-column:nth-child(2) .wp-block-cover img {
	width: 125%;
    height: 125%;
}
.how-we-do-it .wp-block-column:nth-child(2) .wp-block-cover .wp-block-cover__inner-container {
    position: absolute;
    top: 65%;
    right: 5%;
    width: 68%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.how-we-do-it .wp-block-column:nth-child(2) .wp-block-cover.pebble:before {
    left: 58px;
    width: 125%;
    height: 125%;
}
 */

.kto-news-media-pebble .wp-block-separator,
.kto-news-media-pebble .wp-block-query-pagination {
	display: none;
}
.kto-news-media-pebble .wp-block-group {
	padding: 6% 10% 12% 10%;
	margin: 0 -10% 0 -10%;
}

.pagename-kreativ-partnerseg .wp-block-gallery .wp-block-image {
	aspect-ratio: 1/1;
}

.cart .item {
    display: grid;
    grid-template-columns: auto 17rem;
    grid-gap: 1em;
    align-items: center;
}
.cart .item * {
	font-family: var(--wp--preset--font-family--cabinsketch);
	font-size: 3rem;
	font-weight: bold;
	margin: 0;
}
.cart .item input {
	font-size: 2.5rem;
	text-align: center;
	padding: 0;
	color: #e58400;
}
.cart .item .title { color: #0071ae; }
.cart .item .amount { color: #e58400; text-align: right; }
.cart .item .amount input { width: calc(100% - 6rem); }

@media (max-width: 700px)
{
	
}

.product-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
	justify-content: center
}
.product-list .item {
	flex-grow: 0;
	width: 29%;
	text-align: center;
	--item-color: #0071ae;

}
.product-list .item:nth-child(even) {
	--item-color: #d7007e;
	margin-top: -6rem;
}
.product-list .item .price {
	color: var(--item-color);

}
.product-list .item .pebble {
	margin: 0em auto 0em auto!important;
	padding: 0em 0em 0em 0em;
	--background-color: var(--item-color);
	--double-top: -8%;
	--double-left: -2%;
	--text-top: 0em;
	--text-left: 0em;
	--double-size: 100%;
	--double-opacity: 0.5;
	--double-blend-mode: multiply;
	--shapes-top: 0%;
	--shapes-left: 0%;
	--shapes-rotate: 0deg;
	--image-margin: 0em 0em 0em 0em;

}
.product-list .item .title {
	margin: 2rem 0;
}
.product-list .item .pebble.button {
    width: 12rem;
    margin: auto;
}
.product-list .item .pebble.button:after {
    background-size: 3em;
}
.product-list .item .pebble.button.inprogress:after {
/*    background-color: rgba(255, 255, 255, 0.3);*/
}
.product-list .item button {
    font-size: 1.3rem;
    text-transform: none;
    padding: 0.2em;
}

.customer-form label {
	display: block;
	margin: 0;
	font-size: 85%;
}
.customer-form .option-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    height: 5rem;
}
.customer-form .option-list > * {
    flex: 1 1 1em;
    margin: 0em 0;
}
.customer-form input, .customer-form select, .customer-form textarea {
    padding: 0.4em;
    font-size: 1em;
    font-family: var(--wp--preset--font-family--cabinsketch);
}
.customer-form .submit.pebble {
    width: 10em;
    margin: auto;
}

.shop-step-buttons {
	display: grid;
	grid-auto-flow: column;
}
.shop-step-buttons .pebble {
	width: 10em;
	padding: 0.1em;
	font-size: 1rem;
}

/* Általános stílus a wp-block-details elemekhez */
.wp-block-details {
  margin: 0.5em 0;
  overflow: hidden;
}
.wp-block-details > summary {
  cursor: pointer;
  padding: 0.5 0 0.5rem 0;
  font-weight: 600;
  list-style: none;
  position: relative;
  color: var(--wp--preset--color--primary);
	transition: color 0.15s;
}
.wp-block-details > summary::after {
  content: "▸";
  font-size: 1.8rem;
  position: absolute;
  top: -0.2em;
  right: 0em;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.wp-block-details[open] > summary::after {
  transform: rotate(90deg);
  transform: rotate(-92deg);
}
.wp-block-details > summary + * {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.muhely01 .wp-block-details {
    overflow: visible;
    width: 98%;
    border: 1px solid #e5f0f9;
    padding: 0.7em 1em;
    border-radius: 1em;
    box-sizing: border-box;
    background-color: #e5f0f9;
    background-color: #FFFFFF;
}
.muhely01 .wp-block-details > summary {
	position: relative;
	/*margin-bottom: 0.5em;*/
	--size: 1.4em;
}
.wp-block-details > summary:hover, .wp-block-details a:hover {
  color: var(--wp--preset--color--tertiary);
}
/*
.muhely01 .wp-block-details > summary:before {
	position: absolute;
	display: block;
	content: "";
	top: 0em;
	left: calc(var(--size) - 4em);
	width: var(--size);
	height: var(--size);
	opacity: 0.7;
	background-image: url(assets/images/list-point-color-tertiary.svg);
	background-image: url(assets/images/list-point-color-primary.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 0.15s;
}
.muhely01 .wp-block-details:hover > summary:before {
	opacity: 1;
}
.muhely01 .wp-block-details:nth-child(2n) > summary:before {
	background-image: url(assets/images/list-point-color-quarterly.svg);
}
.muhely01 .wp-block-details:nth-child(3n) > summary:before {
	background-image: url(assets/images/list-point-color-tertiary.svg);
}
.muhely01 .wp-block-details:nth-child(4n) > summary:before {
	background-image: url(assets/images/list-point-color-secondary.svg);
}
*/

.pagename-kreativ-ter-tanulaskozpont .trp-language-switcher-container {display: none!important;}
.pagename-kreativ-ter-tanulaskozpont #tartalom a:hover {color: #feef7f;}

.muhely01 .foglalkozas {
	/* display: none; */
	position: fixed;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	z-index: 100;
	width: 80vw;
	max-width: 800px;
	height: 88vh;
	overflow: auto;
	padding: 0rem 1rem 2rem 2rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	top: 2.5vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 0px 0px 200px 10px #00000024;
	-webkit-box-shadow: 0px 0px 200px 10px #00000024;
	-moz-box-shadow: 0px 0px 200px 10px #00000024;
	border-radius: 1em;
	border: 1px solid #0071ae2b !important;
}
.muhely01 .foglalkozas.open {
	display: block;
	visibility: visible;
	opacity: 1;
}
.muhely01 .foglalkozas .close {
    cursor: pointer;
    position: sticky;
    display: block;
    top: 0;
    text-align: right;
    background: #FFFFFF;
    padding: 0.5em 0 0.5em 0.5em;
    z-index: 101;
}
.muhely01 .foglalkozas .close:hover {
    color: var(--wp--preset--color--tertiary);
}
.muhely01 .foglalkozas + .overlay {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	max-width: 100vw;
	max-height: 100vh;
	/*background: rgba(255, 255, 255, 1);*/
	background: #e5f0f9;
	z-index: 99;
	margin: 0;
}
.muhely01 .foglalkozas.open + .overlay {
	/*display: block;*/
	visibility: visible;
	opacity: 1;
}

.is-style-trainings-grid-list { display: flex; flex-wrap: wrap; column-gap: 12%; row-gap: 1em; /*grid-template-columns: 1fr 1fr; grid-column-gap: 12%; grid-row-gap: 1em;*/ }
.is-style-trainings-grid-list .wp-block-columns { flex: 0 0 44%; gap: 2em; margin-bottom: 4em; display: grid; }
.is-style-trainings-grid-list .wp-block-columns:nth-child(even) .wp-block-column:nth-child(2) { order: -1; }
.is-style-trainings-grid-list p, .is-style-trainings-grid-list h2, .is-style-trainings-grid-list h3, .is-style-trainings-grid-list .has-text-align-right { text-align: center; }
.is-style-trainings-grid-list .pebble { width: 55%; }
@media (max-width: 700px)
{
	.is-style-trainings-grid-list .wp-block-columns { flex: 0 0 100%; }
}

footer {
	margin-top: 6em!important;
	position: relative;
}
footer .inner {
	position: relative;
    /*width: 120vw!important;*/
    /*margin-left: calc(var(--wp--custom--spacing--outer) * -1 - 10vw)!important;*/
    width: 130vw!important;
	max-width: unset;
    margin-left: calc(var(--wp--custom--spacing--outer) * -1 - 15vw)!important;
	background-image: url(assets/images/shape-19.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: unset;
	mix-blend-mode: multiply;
	/*aspect-ratio: 1552/373;*/
	--wp--custom--spacing--large: clamp(1rem, 0.5vw, 2rem);
}
footer .inner:before {
	content: "";
	display: block;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 106%;
	top: -6%;
	left: -2%;
	background-image: url(assets/images/shape-19.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: unset;
	mix-blend-mode: multiply;
	/*aspect-ratio: 1552/373;*/
}
footer .inner .alignwide {
	max-width: var(--wp--custom--pagewidth);
}
footer * {
	color: #FFFFFF;
}

@media (max-width: 1275px)
{
	body { 
		--wp--custom--pagewidth: 100vw;
		--wp--custom--contentwidth: calc(var(--wp--custom--pagewidth) - 75px);
	}
}

@media (min-width: 783px)
{
	.pagename-hirek .wp-block-query {
		max-width: 60%;
	}
	.monly { display: none!important; }
}

@media (max-width: 782px)
{
	.donly { display: none!important; }
	.mW100 { width: 100%; }
	.is-style-colorspot-group-05.alignfull:before, .is-style-colorspot-group-05.alignfull:after { clip-path: url(#shape-09-svg-clipPath); top: 0%; left: -25%; width: 200%; height: 103%; }
	.is-style-colorspot-group-05.alignfull:after { top: 4em; }
	.kiknek-kavicsok { width: var(--wp--custom--contentwidth)!important; gap: 10%!important; }
	.kiknek-kavicsok .wp-block-column { margin: 0 0 5em 0; }
	.kiknek-kavicsok .pebble.has-image-content.layout-text-above .pebble-text { top: 120%; background-color: unset; text-shadow: unset; color: unset; font-weight: 500; font-size: 1.5rem!important; }
	/*
	.how-we-do-it { max-width: 100vw; overflow-x: hidden; }
	.how-we-do-it .wp-block-column:nth-child(2) { position: relative; }
	.how-we-do-it .wp-block-column:nth-child(2) { position: relative; }
	.how-we-do-it .wp-block-cover.pebble img.wp-block-cover__image-background { object-fit: cover; }
	.how-we-do-it .wp-block-cover.pebble:before { background-size: cover; }
	.how-we-do-it .wp-block-column:nth-child(2) .wp-block-cover { min-height: 750px; }
	*/
	.is-style-colorspot-columns-39:before, .is-style-colorspot-group-39:before, .is-style-colorspot-columns-39:after, .is-style-colorspot-group-39:after { left: -150%; width: 400%; }
	.adomanyozas-box .pebble { max-width: 100vw; }
	.adomanyozas-box .pebble-shape-17 { --aspect-ratio: 689/911; }
	.is-style-testimonials .wp-block-columns { gap: 0.1em; margin-bottom: 4em; }
	.is-style-testimonials .wp-block-columns:nth-child(even) .wp-block-column:nth-child(2) { order: -1; }

	.is-style-programs-alternate-list .wp-block-columns { gap: 1em; margin-bottom: 4em; }
	.is-style-programs-alternate-list .wp-block-columns:nth-child(even) .wp-block-column:nth-child(2) { order: -1; }
	.is-style-programs-alternate-list p, .is-style-programs-alternate-list h2, .is-style-programs-alternate-list h3, .is-style-programs-alternate-list .has-text-align-right { text-align: center; }
	.is-style-programs-alternate-list .pebble { width: 70%; }

	.is-style-trainings-alternate-list .wp-block-columns { gap: 2em; margin-bottom: 4em; }
	.is-style-trainings-alternate-list .wp-block-columns:nth-child(even) .wp-block-column:nth-child(2) { order: -1; }
	.is-style-trainings-alternate-list p, .is-style-trainings-alternate-list h2, .is-style-trainings-alternate-list h3, .is-style-trainings-alternate-list .has-text-align-right { text-align: center; }
	.is-style-trainings-alternate-list .pebble { width: 70%; }
	
	.is-style-trainings-grid-list { grid-template-columns: 1fr; }

	.product-list { display: grid; }
	.product-list .item { width: unset; }
	.product-list .item:nth-child(even) { margin-top: unset; }

	.cart { width: 100%; }
	.cart .item { grid-template-columns: 1fr; }

	.customer-form .option-list { display: grid; height: unset; }

	footer .inner:before { width: 200%; left: -100%; }
	footer .inner { background-position: 25%; }
	footer .wp-block-group, footer .has-text-align-right { text-align: center; }
	footer p { width: 100%; }

}