/*
Theme Name: kiddos
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiddos
*/
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
padding: 0;
margin: 0;
background-image:
/* Amber / Sárga folt */
radial-gradient(circle, rgba(254, 243, 199, 0.3) 0px, rgba(254, 243, 199, 0) 400px),
/* Rose / Rózsaszín folt */
radial-gradient(circle, rgb(245 233 225 / 25%) 0px, rgba(254, 205, 211, 0) 500px),
/* Violet / Lila folt */
radial-gradient(circle, rgba(237, 233, 254, 0.3) 0px, rgba(237, 233, 254, 0) 600px),
/* Sky / Égkék folt */
radial-gradient(circle, rgb(255 244 208 / 22%) 0px, rgba(186, 230, 253, 0) 500px),
/* Emerald / Zöldes folt */
radial-gradient(circle, rgb(255 251 243 / 30%) 0px, rgb(255 244 216 / 31%) 450px),
/* Orange light / Narancsos folt */
radial-gradient(circle, rgb(255 255 255) 0px, rgba(254, 215, 170, 0) 550px);
background-size:
1400px 1400px,
1600px 1600px,
1500px 1500px,
1300px 1300px,
1200px 1200px,
1500px 1500px;
background-position:
-100px -50px,
85% 150px,
40% 450px,
-50px 700px,
80% 950px,
25% 1250px;
background-repeat:
repeat,
repeat,
repeat,
repeat,
repeat,
repeat;
}
.wp-block-group.woocommerce.product {
margin: 0;
}
.wp-block-embed iframe {
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 16 / 9 !important;
}
figure:has(img) {
line-height: 1;
}
h1 strong,
h2 strong {
background: linear-gradient(135deg, hsl(280 75% 58%) 0%, hsl(320 70% 65%) 50%, hsl(38 100% 60%) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.wp-block-post-terms a {
padding: 4px 12px;
border-radius: 999px;
background: var(--wp--preset--color--mint);
}
#startGame a:before {
content: "";
margin-right: 5px;
display: inline-block;
width: 1.5rem;
height: 1rem;
background-color: currentColor;
mask: url('data:image/svg+xml, ') center/contain no-repeat;
-webkit-mask: url('data:image/svg+xml, ') center/contain no-repeat;
}
.gamepad a {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.gamepad a:before {
content: "";
display: inline-block;
width: 1.5rem;
height: 1rem;
background-color: currentColor;
mask: url('data:image/svg+xml, ') center/contain no-repeat;
-webkit-mask: url('data:image/svg+xml, ') center/contain no-repeat;
}
.wp-block-post.category-jatekok > .wp-block-group {
height: 100%;
}
.wp-block-post.category-jatekok > .wp-block-group img {
filter:
drop-shadow(0 0 6px rgba(160, 120, 255, 0.35)) drop-shadow(8px 8px 14px rgba(160, 120, 255, 0.15));
}
.wp-block-polylang-language-switcher {
margin: 0;
padding: 0;
display: flex;
gap: 1rem;
list-style-type: none;
}
.wp-block-polylang-language-switcher img {
border-radius: 50%;
}