/*
Theme Name: tischlerei-a-lange
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3
*/

body, html {
    font-size: 15px;
    line-height: 1.4;
}


h3{
}
h1{
}
h2{
}


p {
    /* margin-bottom:10px; */
}

.header-main .nav > li > a{

}
.header-main .nav > li.current-menu-item > a{

}
.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a{

}

#masthead #logo {

}

.header-block .icon-box-text h5{
    color:#fff;
    font-size:10px;
    font-weight: normal;
    margin-top: -2px;
}
.header-block .icon-box-left{
    width:auto;
    align-items: center;
}

#top-bar .flex-center,
#top-bar .flex-left{
    display:none;
}
#top-bar .flex-right{
    margin-left: auto;
    width: 100%;
}
#top-bar .divider {
    margin-left:10px !important;
    margin-right:10px !important;
}
#top-bar .icon-box-left .icon-box-img{
    max-width:14px;
}
#top-bar .icon-box-left .icon-box-img+.icon-box-text{
    padding-left:5px;
}
#wide-nav .container{
    max-width:100%;
    padding: 0;
}
#wide-nav .img img{
    height:500px;
    display:block;
    object-fit:cover;
} 
#wide-nav .tag{
    background-color:#7fbb4f;
    color:#fff;
    padding:15px 0;
    font-family: Georgia,Times,Times New Roman,serif;
    font-size:20px;
    letter-spacing:2px;
}
.flickity-slider img{
    max-width:100vw;
    max-height:100vh;
    object-fit:contain;
}
.lightbox-content{
    background:#0000005e;
}
.mfp-container{
    padding:0;
}
.slider-custom{
    position:absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}
.slider-custom .img{
    max-width: 15px;
    height:15px;
    object-fit:cover;
}
.mfp-container .mfp-content{
    top:0 !important;
}
.mfp-container, .mfp-wrap{
    overflow:hidden !important;
}
.gbox:hover{
    transform:translateY(-10px);
}
.gbox .box-text{
    position:absolute;
    bottom: 30px;
    background-color:#ffffffab;
    color:#222;
    padding: 5px 0;
    pointer-events:none;
}
.gbox h4{
    margin-bottom:5px;
    font-size:14px;
}
.gbox h5{
    font-size:9px;
}
.gbox h5:after{
    content:'';
    display:block;
    width:30px;
    height:2px;
    background-color:#0000004d;
    margin:auto;
}
.gbox.h1 .box-image img{
    height:400px;
    object-fit:cover;
}
.gbox.h2 .box-image img{
    height:250px;
    object-fit:cover;
}
.row2 img{
    height:300px;
    display:block;
    object-fit:cover;
}
#footer  p{
    margin:0;
}
#footer .fline1,
#footer .fline2{
    font-size:12px;
}
#footer .fline1 a{
    margin:0 5px;
    color:#a9a9a9;
    text-transform:uppercase;
    font-size:12px;
}
#footer .fline1 a:hover{
    color:#fff;
}
#footer .fline2{
    padding-top:7px;
}
.f1, #footer .f1 a{
    color:#222;
}
.cta1 h2{
    color:#fff;
}
.hbox{
        box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background:#fff;
    padding:30px 20px;
    min-height:300px;
    transition:all 0.3s ease;
}
.hbox:hover{
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22);
}
.logo a {
    text-shadow: 0.1em 0.1em #333;
    color: #c91111 !important;
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #c91111;
    text-shadow: 0.1em 0.1em #333;
}
.contactbox .section-content{
    height:370px;
    padding-top:30px;
}
@media(max-width:767px){
}