/*
Theme Name: MyFive
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: myfive
*/

@media screen and (max-width: 1199px) {
    body {
        font-size: 18px;
    }
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
}

h1, h2, h3, .didot{
    font-family: linotype-didot-headline, serif!important;
    font-weight: 400;
    font-style: normal;
}
h2:after {
    display: none!important;
}
.wp-block-cb-faqs .faq-label h3, .wp-block-cb-faqs .faq-label h4 {
    font-family: linotype-didot-headline, serif;
    font-weight: 400;
    font-style: normal;
    color: #0e2745;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}
.wp-block-cb-faqs .faq-label h3 {
    font-size:1.4rem;
}
.wp-block-cb-faqs .faq-label:after {
    margin-left:0!important;
}
.wp-block-cb-faqs .faq-content {
    margin-bottom: 0!important;
}
.logopic {
    width:10rem;
    height: auto;
    z-index: 1;
}
.gyik .faq-label h3 {
    color:#fff!important;
    text-align: left;
    font-family: inter, sans-serif!important;
    font-weight: 600;
    text-transform: none;
}
.gyik .faq-content {
    border: none!important;
}
.gyik .faq-label:after {
    background: #fff!important;
}
.divider {
    height: 300px;
    width: auto;
    display: block;
    overflow: hidden;
}
.button-main:hover {
    background:#fff!important;
    color: #0e2745!important;
}
.button-secondary:hover {
    background:none!important;
    color: #a75863!important;
    border: 2px solid #a75863!important;
}
.menubar {
    padding-right: 0!important;
    padding-left: 0!important;
    }

/* ── Ilko Interiors – scroll animációk ── */

[data-anim] {
  opacity: 0;
  transition: opacity 0.65s ease, transform 0.65s ease;
}

[data-anim="fade"] {
  transform: none;
}

[data-anim="up"] {
  transform: translateY(36px);
}

[data-anim="left"] {
  transform: translateX(-36px);
}

[data-anim="right"] {
  transform: translateX(36px);
}

[data-anim="scale"] {
  transform: scale(0.96);
}

[data-anim].is-visible {
  opacity: 1;
  transform: none;
}

/* stagger: gyerek elemek egymás után jönnek be */
[data-stagger] > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

[data-stagger].is-visible > *:nth-child(1) { transition-delay: 0s; }
[data-stagger].is-visible > *:nth-child(2) { transition-delay: 0.1s; }
[data-stagger].is-visible > *:nth-child(3) { transition-delay: 0.2s; }
[data-stagger].is-visible > *:nth-child(4) { transition-delay: 0.3s; }
[data-stagger].is-visible > *:nth-child(5) { transition-delay: 0.4s; }
[data-stagger].is-visible > *:nth-child(6) { transition-delay: 0.5s; }
[data-stagger].is-visible > *:nth-child(7) { transition-delay: 0.6s; }

[data-stagger].is-visible > * {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 768px) {
    .hero-header {
        padding:0rem!important;
    }
    .mobile-header, .wp-container-core-buttons-is-layout-52b20c0a, .wp-container-core-column-is-layout-f8561097{
        display: block!important;
        margin: 0 auto!important;
        padding:1.5rem 1rem!important;
        text-align: center!important;
    }
        
    .wp-container-core-navigation-is-layout-830dbd44, .wp-elements-27e1c17a13bdd0eaebcec2c641ada4a1, .wp-container-core-group-is-layout-0e2a2e66, .block, .wp-block-media-text__content, .wp-block-column, .wp-elements-44eb051bf17b29fbf4185a73076eaad5{
        padding:0.5rem!important;
    }
    h1, .wp-block-heading h1, .cta h1{
        font-size:3.4rem!important;
    }
    .wp-block-heading, .wp-block-heading h1, .wp-block-heading h2{
        padding: 0.5rem 0.5rem 0 0.3!important;
    }
    .wp-container-core-column-is-layout-f8561097 h1, .wp-container-core-column-is-layout-da604d14 h1, .wp-elements-aed3d03c277c9440fa69f72fb8d04554 {
        margin: 0 auto!important;
    }
    .wp-elements-51bf2eebb865665dd35ab3b0d56fd499, .wp-elements-0e9207621904bcf16320e0f1c196da02 h1, .wp-block-heading h1, .wp-container-core-group-is-layout-3c4bc281, .wp-container-core-group-is-layout-3c4bc281 {
        margin:0.5rem!important;
    }
    .cta {
        padding:0.5rem!important;
        margin:0 auto!important;
    }
    .center, .navnav, .wp-container-core-navigation-is-layout-4062680b {
        text-align: center!important;
        align-items: center!important;
    }
    .ctah1 {
        font-size: 4.2rem!important;
    }
    
    .wp-block-button {
        width:60%!important;
    }
    .wp-container-core-group-is-layout-0e2a2e66, .wp-container-core-columns-is-layout-1e964356{
        margin-top:2rem!important;
        padding-bottom: 2rem!important;
    }
    .wp-container-core-buttons-is-layout-f0704a80 {
        margin-top: 0!important;
    }
    .wp-container-core-navigation-is-layout-830dbd44 {
        padding-top: 2rem!important;
    }
    .wp-elements-46e1a87cfecaf0ee41dcd9d5760764ae,.wp-elements-2158066ada08337a3f6e32050b234c7c {
        margin-top:2rem!important;
    }    
    .wp-elements-e5b4f1ae161f525f7f539e72f1249825, .wp-elements-2158066ada08337a3f6e32050b234c7c, .wp-elements-7258dd4ee04f8a7a9e827c5eec9a91f9 {
        padding:0rem!important;        
    }
    .logopic {
        width: 6rem!important;
    }
    .wp-elements-69caac6e9a5c557a1f943c3b96f2fb92 {
        font-size: 3rem!important;
    }
    .wp-elements-497029d71b5ca7e8cb60afc5ba6d5547, .wp-container-core-buttons-is-layout-a7d2caaa {
        padding-left:0.5rem!important;
        padding-right:0.5rem!important;
    }
    .contacticon {
        width: 100px!important;
    }
    .footericon {
        width: 150px!important;
    }
}