/*
Theme Name: Hello Elementor Child
Theme URI: http://gtc.meuter.de
Description: Child Theme for Hello Elementor
Author URI: https://meuter.de
Template: hello-elementor
Version: 1.0
 */

/*************
* Typography *
**************/

h1,
h2{
    font-size: 47px !important;
    line-height: 1.4 !important;
}

h3{
    font-size: 35px !important;
}

h4{
    font-size: 27px !important;
}

h5{
    font-size: 22px !important;
}

h6{
    font-size: 18px !important;
}

p, a, li{
    font-size: 18px !important;
}

/* Responsive */

@media (max-width: 1024px){
    h1,
    h2{
        font-size: 35px !important;
        line-height: 1.4 !important;
    }

    h3{
        font-size: 27px !important;
    }

    h4{
        font-size: 22px !important;
    }

    h5{
        font-size: 18px !important;
    }
}

/**********
* General *
***********/

.gtc-title-detail{
    color: var(--e-global-color-secondary);
}

.gtc-btn{
    text-transform: uppercase;
    font-size: 22px;
}

.gtc-link-dark-bg a{
    color: var(--e-global-color-secondary);
    text-decoration: none;
}

.gtc-link-dark-bg a:hover{
    text-decoration: underline;
    color: var(--e-global-color-secondary);
}

.gtc-link-white-bg a{
    color: var(--e-global-color-primary);
    text-decoration: none;
}

.gtc-link-white-bg a:hover{
    text-decoration: underline;
    color: var(--e-global-color-primary);
}

.gtc-btn-text span{
    font-size: 22px;
    text-transform: uppercase;
}

/*******
* Edge *
********/

.gtc-edge-container .e-con-inner{
    position: relative !important;
    overflow: visible;
}

.gtc-edge{
    position: absolute !important;
    top: 0;
    left: 0;
    transform: translateZ(0) !important;
    will-change: transform !important;
}

.gtc-edge.footer-bottom{
    right: 0;
    left: auto;
    top: -330px;
}

@supports (-webkit-hyphens: none) {
    .gtc-edge .edge {
        /* Safari Fixes */
        height: 500px !important;
        transform: translateZ(0);
    }
}

@media (max-width: 767px){
    .gtc-edge .edge{
        height: 300px !important;
    }
}

/*********
* Header *
**********/

.gtc-header-content-box{
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.gtc-word-break{
    hyphens: auto;
    word-break: normal;
}

.gtc-nav-menu.top{
    font-size: 16px;
}

.gtc-nav-menu.main{
    font-size: 22px;
}

.gtc-nav-menu.main .elementor-nav-menu--dropdown a{
    font-size: 18px;
    font-family: var(--e-global-typography-primary-font-family);
}

/************************************
* Background Image with Content box *
*************************************/

.gtc-overlay-container{
    width: 60% !important;
}

.gtc-overlay-container.right{
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 50px 50px 50px 150px !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}

.gtc-overlay-container.left{
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 50px 150px 50px 50px !important;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.gtc-overlay-container .e-con-inner{
    width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gtc-word-breaked-title{
    display: none;
}

@media (max-width: 1245px){

    .gtc-normal-title{
        display: none;
    }

    .gtc-word-breaked-title{
        display: block;
    }
}

@media (max-width: 900px){
    .gtc-overlay-container{
        width: 90% !important;
    }
}

@media (max-width: 500px){
    .gtc-overlay-container{
        width: 100% !important;
    }

    .gtc-overlay-container.right{
        padding: 50px 10px !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .gtc-overlay-container.left{
        padding: 50px 10px !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

/*************************
* Icon Boxes with images *
**************************/

.gtc-icon-img img{
    height: 100px !important;
}

/*********
* Footer *
**********/
.gtc-footer-section{
    overflow: hidden;
}

/********************
* Responsive Laptop *
*********************/

@media (min-width: 1024px) and (max-height: 1080px){
    .gtc-header-img-section{
        min-height: 100vh !important;
    }

    .gtc-image-hover-responsive .tmew-ihc-background-image{
        min-height: 60vh !important;
    }

}