/*
 Theme Name:   Hello TYPORY
 Description:  TYPORY Main Theme
 Author:       MOLOTOW™ Web Development
 Author URI:   https://www.molotow-web.com
 Template:     hello-elementor
 Version:      1.1
 Text Domain:  hello-elementor-child
*/

.mp-restricted {
    position: relative;
    padding: 30px;
    background-color: white;
    margin-top: -20px;
    margin-bottom: 400px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
}

.page-template-default .mp-restricted {
    margin-top: 140px;
    margin-bottom: 100px;
}

.mp-restricted:before {
    content:"";
    display: block;
    width: 100%;
    height: 352px;
    position: absolute;
    left: 0;
    bottom: 100%;
    backdrop-filter: blur(4px);
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
}

.insider-wrap .mp-restricted:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 100%);
}

.mp-restricted h2 .fa-heart {
    color: red;
}
body .mp-restricted a.mp-btn {
    display: inline-block;
    font-weight: 700;
    background-color: var( --e-global-color-primary );
    color: white;
    padding: 5px 20px;
    border-radius: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body .mp-restricted a.mp-btn:hover {
    background-color: var( --e-global-color-accent );
}

.rcp_registration_total table td {
    padding: 0;
    border: 0;
}
.rcp_registration_total table td:nth-of-type(2) {
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .mp-restricted {
        margin-top: -26vw;
    }
    .mp-restricted:before {
        height: 37vw;
    }
}
@media only screen and (max-width: 480px) {
    .mp-restricted h2 {
        font-size: 22px;
    }
}
body .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button,
body .elementor-slideshow__header * {
    color: black;
}

.insider-wrap .acf-offentlicher-text,
.insider-wrap .comment-content {
    color: white;
}

.insider-wrap #comments.no-comments {
    display: none;
}
.insider-wrap #comments {
    color: white;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.06);
}
.insider-wrap #comments h2 {
    color: var( --e-global-color-primary );
}
#comments .logged-in-as a {
    display: none;
}