/*
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;
    }
    
    #logo {
        text-align: center;
    }
    
    #logo a {
        display: block;
        margin: 1.5rem 0;
    }
    
    #logo svg {
        display: block;
        max-width: 180px;
        height: auto;
    }
    
    .keret img {
        padding: 1rem;
    }
    
    :where(.wp-site-blocks)>* {
        margin-block-start: 0 !important;
    }
    
    .ikonok {
        display: flex;
    }
    
    u {
        text-decoration: none;
    }
    /* Fluent form */
    
    #fluentform_1 {
        font-size: 1rem;
    }
    
    form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {
        background-color: #317676 !important;
        border-radius: 30px;
    }
    
    .ff-default .ff-el-form-control:focus {
        border-color: #317676 !important;
    }
    
    div.ff-t-container.ff-column-container.ff_columns_total_2 {
        font-size: 1rem;
    }

/* Szolgáltatások animálása */

.overflow {
    overflow: hidden;
    max-width: 100%;
}

/* Alapértelmezett állapot: az oszlopok kívül helyezkednek el */
.serviceboxleft, .serviceboxright {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Baloldali oszlopok: Balról beúszó animáció */
.serviceboxleft {
    transform: translateX(-10%);
}

.serviceboxleft.is-visible {
    transform: translateX(0);
    opacity: 1;
}

/* Jobboldali oszlopok: Jobbról beúszó animáció */
.serviceboxright {
    transform: translateX(10%);
}

.serviceboxright.is-visible {
    transform: translateX(0);
    opacity: 1;
}

    
    @media only screen and (max-width: 600px) {
        .btncenter {
            margin: 0 auto !important;
        }
        
        .kicsipad div a {
            padding: 10px!important;
        }