/*
 Theme Name:   MAJAMEER 2022 Relaunch
 Theme URI:    http://maja-meer.net/
 Description:  Das Design deiner neuen Website
 Author:       MAJAMEER
 Author URI:   http://maja-meer.net/
 Template:     page-builder-framework
 Version:      1.0.0
 Text Domain:  page-builder-framework
*/

.fanseven-api .elem-thumbnail{
    height: 280px;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
}
.fanseven-api .elem-thumbnail *{
    z-index: 1;
}

.fanseven-api .elem-thumbnail:after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 125px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    right: 0;
    bottom: 0;
}

.fanseven-api .elem-thumbnail .play-btn{
    position: absolute;
    z-index: 1;
    right: 15px;
    bottom: 5px;
}

.fanseven-api .elem-thumbnail .elem-date{
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 4px 5px 3px;
    line-height: 1;
    font-size: .7em;
}

.fanseven-api .elem-title{
    color: #202020;
    margin-bottom: 20px;
    padding: 0 5px;
}

.fanseven-api .elem-desc{
    color: #202020;
    padding: 0 5px;
}

.home-videotabs .elementor-tab-content{
    padding: 20px 40px !important;
}

.home-videotabs .elementor-tabs-wrapper > .elementor-tab-title{
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 1.6em;
    color: #202020 !important;
    margin-right: 15px !important;
    background-color: #fff;
    display: inline-block !important;
    position: relative
}

.home-videotabs .elementor-tab-title strong{
    font-weight: 700 !important;
}

.home-videotabs .elementor-tabs-wrapper{
    display: block !important
}

.home-videotabs .elementor-tab-mobile-title{
    display: none !important;
}


@media screen and  (max-width: 768px){
    .home-videotabs .elementor-tabs-wrapper > .elementor-tab-title{
        font-size: .7em;
        margin-right: 10px !important;
        padding: 15px 10px !important;
        float: left;
        
    }
    .home-videotabs .elementor-tabs-wrapper > .elementor-tab-title:last-child{
        margin: 0 !important; 
    }
    .home-videotabs .elementor-tabs-wrapper{
        padding-left: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 997px){
    .fanseven-api .elem-thumbnail{
        height: 170px !important;
    }
}
@media screen and (min-width: 998px) and (max-width: 1200px){
    .fanseven-api .elem-thumbnail{
        height: 200px !important;
    }
}