/* Here your custom style for all Pop-Ups */

/* ==========================================
   MANSBEARD - POPUP NEWSLETTER WELCOME
   ========================================== */

/* Masque le titre et le sous-titre générés par Probance */
#probance_form_block .p-nlform-maintitle,
#probance_form_block .p-nlform-subtitle{
    display:none !important;
}

/* Conteneur */
#probance_form_block{
    text-align:center;
}

/* Ton contenu personnalisé */
.popup-newsletter{
    text-align:center;
    color:#ffffff;
}

.popup-newsletter h2{
    color:#ffffff;
    font-size:36px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.2;
    margin-bottom:18px;
    letter-spacing:.04em;
}

.popup-newsletter p{
    color:#ffffff;
    font-size:16px;
    line-height:1.6;
    margin-bottom:25px;
}

.popup-newsletter strong{
    color:#D4AF37;
}

.popup-newsletter small{
    display:block;
    margin-top:20px;
    color:rgba(255,255,255,.70);
    font-size:12px;
    line-height:1.5;
}

/* Formulaire */
#probance_form_0{
    margin:0 !important;
}

/* Champs */
#probance_form_0 input[type=\"text\"],
#probance_form_0 input[type=\"email\"]{
    width:100%;
    height:52px;
    padding:0 18px;
    margin-bottom:15px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:6px;
    color:#ffffff;
    font-size:15px;
    transition:.3s;
}

#probance_form_0 input::placeholder{
    color:rgba(255,255,255,.65);
}

#probance_form_0 input:focus{
    outline:none;
    border-color:#D4AF37;
    background:rgba(255,255,255,.12);
}

/* Case RGPD */
#probance_form_0 label,
#probance_form_0 .probance_checkbox,
#probance_form_0 span{
    color:#ffffff !important;
    font-size:13px;
    line-height:1.5;
}

/* Bouton */
#probance_form_0 input[type=\"submit\"]{
    width:100%;
    height:52px;
    background:#D4AF37;
    border:none;
    border-radius:6px;
    color:#111111;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    transition:.3s;
}

#probance_form_0 input[type=\"submit\"]:hover{
    background:#ffffff;
    color:#111111;
}

/* Liens */
#probance_form_0 a{
    color:#D4AF37;
    text-decoration:none;
}

#probance_form_0 a:hover{
    text-decoration:underline;
}

/* Responsive */
@media (max-width:768px){

    .popup-newsletter h2{
        font-size:28px;
    }

    .popup-newsletter p{
        font-size:15px;
    }

    #probance_form_0 input[type=\"text\"],
    #probance_form_0 input[type=\"email\"],
    #probance_form_0 input[type=\"submit\"]{
        height:48px;
    }

}