/*
    Theme Name: Planen Eggert
    Theme URI: https://planen-eggert.com
    Author: Adam M'Harthi
    Author URI: https://kontent-structures.com
    Description: International supplier and manufacturer of tent materials
    Text Domain: eggert
    Version: 0.0.5
 --------------------------------------------------------------------------------------*/
html,
body{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    font-size: 15px;
    font-size: 0.938rem;

}

html{
    scroll-behavior: smooth;
}


*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.top-menu{
    background: #0085ca;
    padding: 1em;
    color: #fff;
}

.site-banner{
    padding: 2em 0 4em;
    margin: 0;
    position: relative;
    background: #fff;
}

.eggert-info-wrap{
    margin-top: 0;
}

.menu-box{
    position: relative;
    z-index: 3;
    background: white;
    height: 35px;
    box-shadow: 0 4px 2px -2px #cdcdcd;
}

.navbar-eggert{
    background: #0085ca !important;
    margin-bottom: -34px;
    /*min-height: 66px;*/
    padding: 0;
}

.navbar-eggert a.nav-link{
    padding: 20px 20px !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.eggert-cta-menu{
    padding: 20px 40px;
    background: #ff8300;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}

.eggert-head{
    position: relative;
    /*margin-bottom: 5em;*/
}

.eggert-mobile-logo{
    display:none;
    width: 145px;
    height: 40px;
    background: url('assets/img/logo/Planen-Eggert-Logo-Default-mobile.png');
}

.eggert-banner-mobile{
    display: none;
}

.eggert-filter{
    position: absolute;
    background: rgba(0, 27, 40, 0.60);
    width: 100%;
    height: 100%;
    top: 0;
}

.navbar-toggler{
    padding: 20px 15px;
    font-size: 1.667rem;
    color: #fff;
}

.navbar-toggler:hover,
.navbar-toggler:focus{
    box-shadow: none;
    outline: 0;
}

.eggert-footer{
    background: #333;
    color: #fff;
    padding: 4em 0 0.5em;
    margin-top: 4em;
}

/**
 * Maps Container
 --------------------------------*/
.frame-container {
    position: relative;
    overflow: hidden;
    height: 35vh;
}

.responsive-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/**
 * Typography
 -------------------------------*/
a{
    color: #0085ca;
    text-decoration: none;
    transition: 0.5s all;
}

a:hover,
a:focus{
    color: #006396;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: #0085ca;
    margin: 0 0 0.5em 0;
    padding: 0;
}

h2{
    text-transform: uppercase;
    font-weight: 600;
}

.eggert-section-title{
    font-weight: 300;
    color: #0085ca;
    text-transform: uppercase;
    font-size: 1.733rem;
}

.eggert-section-title span{
    font-weight: 900;
    display: block;
}

.eggert-about,
.eggert-lightbox{
    text-align: center;
}

.eggert-about .eggert-section-title,
.eggert-lightbox .eggert-section-title{
    margin-bottom: 3em;
}

.eggert-lightbox .eggert-section-title{
    color: #000;
}

.eggert-lightbox .eggert-section-title span{
    font-size: 1.7em;
    color: #0085ca;
}

.eggert-lightbx{
    margin-bottom: 2em;
}

.eggert-about .eggert-section-title span{
    font-size: 3rem;
}

h3.usp-title{
    font-weight: 600;
    font-size: 23px;
    margin-top: 1em;
    color: #000;
}

/**
 * Sections
 -------------------------------*/
.homepage-usp{
    min-height: 320px;
    background: #fff;
}

.usp-container{
    position: relative;
}

.usp-container .container-wrap{
    position: absolute;
    background: rgba(0, 27, 40, 0.75);
    width: 100%;
    min-height: 370px;
    top: -70px;
}

.usp-container .container-wrap h3{
    margin: 0;
    padding: 20px 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 23px;
    color: #fff;
}

/*.eggert-icons{*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    background: red;*/
/*    margin: 0 30px;*/
/*}*/

.usp-container .container-wrap p{
    margin: 0;
    padding: 20px 30px;
    color: #fff;
}

.eggert-default{
    padding: 4em 0;
}

.eggert-bg{
    position: relative;
}

.eggert-bg::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    height: 100%;
    background: rgb(0 27 40);
    z-index: 0;
}

.eggert-after{
    padding: 4em;
    min-height: 350px;
    text-align: center;
}

.eggert-after::after{
    content: none;
}

.eggert-gray{
    background: #eee;
}

/**
 * Section components
 -------------------------------*/
.eggert-fill{
    padding: 60px 30px;
    background: rgb(0 27 40);
    position: relative;
    z-index: 1;
}

.eggert-fill p{
    color: #fff;
}

.eggert-kontakt-wrap{
    margin: 0 auto;
    width: 50%;
    text-align: center;
}

.eggert-kontakt{
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1.5em;
}

.eggert-after h2,
.eggert-after p{
    color: #fff;
}

.kontakt-1,
.kontakt-2,
.kontakt-3,
.kontakt-4{
    display: inline-block;
    padding: 15px 25px;
    margin: 15px 10px 0;
    background: #ff8300;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.kontakt-2,
.kontakt-3{
    background: #0085ca;
}

.kontakt-3{
    border: 2px solid #fff;
}

.kontakt-4{
    background: #fff;
    border: 2px solid #333;
    color: #333;
}

/**
 * Contact Forms
 -------------------------------*/
.kontakt-eggert-wrap{
    padding: 15px 15px;
    margin-top: 4em;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.kontakt-eggert-wrap h1{
    text-transform: uppercase;
    font-weight: 600;
}

.contact-forms-eggert{
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 10px;
}

.eggert-contact-btn{
    padding: 10px 25px;
    margin: 0;
    background: #0085ca;
    color: #fff;
    font-weight: 600;
    border: 0;
    text-transform: uppercase;
}

.eggert-contac-info{
    background: #001b28;
    padding: 15px;
    min-height: 266px;
    width: 100%;
    margin-top: 4em;
}

.eggert-contac-info h3{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
}

.eggert-contac-info h4{
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px dashed #005781;
}

.eggert-contac-info p{
    color: #fff;
    font-size: 17px;
}

/**
 * Articles
 -------------------------------*/
.eggert-news{
    margin-top: 2em;
}

.article-wrap{
    padding: 25px;
    background: #fff;
}

.article-wrap p{
    margin: 0;
}

.article-link{
    display: table;
    margin-top: 30px;
    padding: 10px;
    border: 2px solid #001b28;
    color: #001b28;
    font-weight: 600;
}

.article-link:hover,
.article-link:focus{
    background: #001b28;
    color: #fff;
}

.eggert-featured h3,
.eggert-news h3{
    font-weight: 600;
    text-transform: uppercase;
}

.eggert-featured{
    margin-bottom: 4em;
}

.eggert-single{
    padding-top: 6em;
    margin-bottom: 4em;
}

@media screen and (max-width: 1199px){
    .eggert-kontakt-wrap{
        width: 100%;
    }
}

@media screen and (max-width: 767px){
    .top-menu{
        display: none;
    }

    .site-banner{
        display: none;
    }

    .navbar-eggert{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        min-height: 0;
        margin: 0;
        padding: 0 15px;
    }

    .navbar-eggert .navbar-collapse{
        background: red;
        margin: 0 -15px -15px;
        padding: 0 15px;
        position: absolute;
        top: 68px;
        width: 100%;
    }

    .eggert-cta-menu{
        display: none;
    }

    .eggert-banner{
        display: none;
    }

    .eggert-banner-mobile{
        display: block;
        width: 100%;
        height: 100vh;
    }

    .eggert-mobile-logo{
        display: inline-block;
    }

    .usp-container .container-wrap{
        background: rgba(0, 27, 40, 1);
        position: relative;
        top: 0;
        margin-bottom: 25px;
    }
}