/*
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;
    }

    .service-card {
        display: block;
    }

    .wp-block-heading h2,
    h2,
    h2:where(.wp-block-heading).has-background {
        font-size: 3.8rem !important;
        padding-bottom: 0rem !important;
    }

    .line h1 {
        font-size: 4rem !important;
    }

    .wp-block-cb-faqs .faq-label {
        padding: 1rem 0.5rem !important;
    }

    .wp-block-cb-faqs .faq-label h3 {
        font-size: 1.3rem !important;
    }

    .cta,
    .cta2 {
        padding: 1rem 0.5rem 1rem 0.5rem !important;
        margin: 0 auto !important;
    }

    .wp-block-button {
        width: 60% !important;
    }

}

@media screen and (max-width: 1199px) and (min-width: 769px) {

    wp-block-heading h2,
    h2,
    h2:where(.wp-block-heading).has-background {
        font-size: 2.8rem !important;
        padding-bottom: 0rem !important;
    }

    .line h1 {
        font-size: 2.8rem !important;
    }

    .wp-block-cb-faqs .faq-label h3 {
        font-size: 0.9rem !important;
    }

    .wp-block-cb-faqs .faq-label {
        padding: 1rem 0rem !important;
        display: block!important;       
    }

    .wp-block-cb-faqs .faq-label:after {
               padding-left: 4rem;
    }
    .wp-elements-7258dd4ee04f8a7a9e827c5eec9a91f9, .wp-elements-44eb051bf17b29fbf4185a73076eaad5, .wp-elements-27e1c17a13bdd0eaebcec2c641ada4a1 {
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }

    .pad {
        padding-top: 0rem !important;
    }

    .mobilesection p {
        font-size: 17px !important;
    }
    .buttontablet {
        padding:0.5rem!important;
        font-size: 12px!important;
        padding:0.75rem 1rem!important;
    }
    .wp-block-button {
        width: auto!important;
         white-space: nowrap;
    }
    .navnav {
    white-space: nowrap !important;
        font-size:12px!important;
    }
    .wp-container-core-group-is-layout-9b8ad169 {    
    white-space: nowrap;
    }
    .wp-block-navigation__responsive-container-open {
        padding-left: 3rem;
    }
    .service-card {
        display: block!important;
    }

}

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;
}

.wp-block-button__link{
transition: transform .25s ease, box-shadow .25s ease;
}

.wp-block-button__link:hover{
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.menubar {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.cf7-secondary-btn {
    background: var(--wp--preset--color--secondary, #c2a78d);
    color: #fff;
    border: none;
    padding: 14px 28px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cf7-secondary-btn:hover {
    opacity: 0.85;
}

.logomobile {
    display: none;
}

.servicecard {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.6);
}

nav {
    white-space: nowrap !important;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
    color:#000;
}
.wpcf7-submit {
    background: #fff!important;
    color: #0E2745!important;
    border-radius: 8px!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: 0.3rem !important;
    }

    .hero-text {
        padding: 1.5rem 1rem !important;
        margin-top: 12rem !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,
    .ctah1 {
        font-size: 2.8rem !important;
    }

    .wp-block-heading h1 {
        font-size: 2.3rem !important;
    }

    .wp-block-heading,
    .wp-block-heading h1,
    .wp-block-heading h2 {
        padding: 1rem 0.5rem 0 0.5rem !important;
    }

    .wp-block-heading h2, h2, h2:where(.wp-block-heading).has-background {
        font-size: 2rem !important;
        padding-bottom: 0rem !important;
    }

    .h2small {
        font-size: 1.6rem !important;
        padding-bottom: 0rem !important;
    }

    .pad {
        padding-top: 0rem !important;
    }

    .mobilesection {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !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,
    .cta2 {
        padding: 1rem 0.5rem 1rem 0.5rem !important;
        margin: 0 -1rem !important;
    }

    .wp-container-content-9cfa9a5a,
    .wp-elements-2ca1c37fb6765e5f0cfd97a6fb10cf55 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        margin: 0 auto !important;
    }

    .center,
    .navnav,
    .wp-container-core-navigation-is-layout-4062680b,
    .wp-container-core-column-is-layout-2668fb77,
    .center p,
    .center nav ul li {
        text-align: center !important;
        align-items: center !important;
    }

    .cta h1 {
        font-size: 3.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;
    }

    .headline {
        font-size: 2.6rem !important;
    }

    .logoother {
        display: none;
    }

    .logomobile {
        display: inline-block;
        width: 100px;
        height: auto;
        margin: 0 auto;
        padding: 0.5rem;
    }

    .logomobile img {
        width: 100px;
        height: auto !important;
    }

    .wp-image-597 {
        background-size: contain !important;
        padding-top: 6rem !important;
    }

    .blue {
        padding: 0 !important;
    }
    .line h1 {
        font-size:3rem!important;
    }
    .wp-block-button {
        width: auto!important;
         white-space: nowrap;
    }

}