/*  SEIN-1554 move template css into less file */

.mppopup-text {
    color: var(--mp-text-color);
}

.mp-better-popup-click-trigger {
    position: fixed;
    z-index: 9999;
    bottom: unset;

    .click-trigger.primary {
        display: inline-block;
        padding: 8px 8px;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        white-space: nowrap;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
        transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;

        &:hover {
            opacity: 0.88;
        }
    }
}

/*Default template*/
   .tmp3-img-content img {
       max-width: fit-content;
       height: var(--mp-popup-height);
   }

.tmp3-text-content {
    height: var(--mp-popup-height);
}

#bio_ep_close {
    position: absolute;
    right: 0px;
    z-index: 99;
    color: #050505;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    margin: 8px;
}

/* Template 1  */
.mp-popup-template4 {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
 /* Template 2*/
#mp-popup-template5 {
    .tmp5-img-content {
        width: -webkit-fill-available;
        max-width: var(--mp-tmp5-max-width);
        max-height: var(--mp-tmp5-max-height);
    }

    .tmp5-img-cap {
        width: -webkit-fill-available;
    }
}

.tmp5-form .tmp5-img-email {
    width: -webkit-fill-available;
}


 /*Template 3*/
#mp-popup-template6 {
    .tmp6-left-title {
        width: 40%;
        height: var(--mp-tmp6-height);
    }

    .tmp6-text-content {
        width: 60%;
        height: var(--mp-tmp6-height);
    }
}

#bio_ep_close img{
    display: block;
}