/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
mobil:767
mobil extra:880
tablet:1024
tablet extra: 1200
laptop: 1366
széles: 2400
 */

.text-uppercase{
    text-transform: uppercase;
}

.only-mobile{
    display: none !important;
}

.whiteLink a{
    color:white;
}

.linkInner a{
    font-weight: 700;
    color: var(--e-global-color-secondary );
    text-decoration: underline!important;
}

.promoTitle > .e-con-inner > .elementor-absolute{
    width:630px !important;
    max-width: 630px !important;
}

.offerBg:before{
    content:'';
    position: absolute;
    left:0px;
    height:120px;
    width:100%;
    background-color: var(--e-global-color-secondary );
}

.subTitle{
    display: inline-flex;
}

.subTitle h2{
    padding: 8px 20px 6px;
    background-color: var(--e-global-color-secondary );
    color:white !important;
}

.subTitle--center{
    display: flex;
    align-content: center;
    justify-content: center;
}

/* form*/
.d-flex{display: flex}
.align-center{align-items: center}
.text-right{text-align: right}
.text-uppercase{text-transform: uppercase}
.block-calculator__title{display: flex;}
.w80{width:80%;}
.w60{width:60%;}
.w70{width:70%;}
.w20{width:20%;}
.w30{width:30%;}
.w15{width:15%;}
.pr10{padding-right: 10px;}
.pl10{padding-left: 10px;}
.mt10{margin-top:10px;}
.clearer{clear: both;}

.offerBg .itemList .elementor-button-link{display: none}
.offerBg .itemList .moreBtn-1 .elementor-button-link{display: inline-block}

/* calculator */

.block-calculator__inner label{font-weight: normal;font-size:20px;}

.block-calculator__header{padding: 15px 10px;}
.block-calculator__header h3{font-size: 24px;text-transform: uppercase;margin:0px;}
.block-calculator__header .w20{text-align: center}
.block-calculator__title{background-color: #e1e1e1;padding: 15px 10px 13px;margin:10px 0px;}
.block-calculator__title h4{font-size: 20px;text-transform: uppercase;margin:0px;}

.block-calculator__final{background-color: var(--e-global-color-secondary );;margin-top:20px;}
.block-calculator__final h4{font-size: 20px;color: white;text-transform: uppercase;margin:0px;}

.labelField input{display: none}
.labelField label{position: relative;top:10px;text-transform: uppercase;font-size: 18px;}
.numField label{display: none !important}
.numField, .netto, .calcField{border-radius: 0px !important;}
.nettoField label{display: none !important}

.block-price{text-align: center}
.block-price h3{font-size: 1.75rem;}
.block-price p{font-size: 1.2rem;}

.postContentArea .postTitle{
    margin: 10px 0px;
    padding: 8px 20px 6px;
    background-color: var(--e-global-color-secondary);
    color: white !important;
    display: inline-block;
}

@media (max-width: 1024px) {
    .postContentArea .postTitle{
        font-size: 1.4em;
        line-height: 1.4em;
        letter-spacing: 1px;
    }
}

@media (max-width:767px) {
    .block-calculator__header{display: none}
    .block-calculator__inner label{font-size:18px;line-height: 140%;}
    .block-calculator__inner .row-item{display: block;}
    .block-calculator__inner .row-item .w70{width:100%;margin-bottom: 10px}
    .block-calculator__inner .row-item .w15{width:48%;display: inline-block;}
    .block-calculator__inner .row-item .w20{width:48%;display: inline-block;}

    .only-mobile{
        display: block !important;
    }

    .promoTitle .elementor-absolute{
        position: static !important;
        left:0px !important;
    }

    .promoTitle>.e-con-inner>.elementor-absolute{
        width: 100%!important;
        max-width: 100%!important;
    }

}

@media (max-width:640px) {
    .labelField label{top:0px;}
    .calcField label{display: none !important}
    .numField label{display: block !important}
    .nettoField label{display: block !important}
}

@media (max-width:560px) {
    .block-calculator__inner .row-item .w20{width:100%;display: block;padding-right: 0px;margin-bottom: 10px}
    .block-calculator__final{padding: 15px;}
    .block-calculator__final .row{flex-direction: column;align-items: center;}
    .block-calculator__final .w80{text-align: center;padding-left: 0px}
    .block-calculator__final .w20{width:30%;margin-top:10px;}
}

@media (max-width:400px) {
    .subTitle h2{
        padding: 8px 10px 6px;
    }
}