Bulletproof Your Portfolio: How To Reduce 3 Major Risks

.mh-wrapper{
padding;0px;
}
.nsl-button{
display: none !important;
}
.custom-social-buttons {
display: flex;
justify-content: center;
gap: 15px;
}
.custom-button {
padding: 6px 20px;
border-radius: 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
width: 40px;
border: 1px solid #ddd;
}
.custom-google-button {
display:flex;
background-color: #ffffff;
color: #db4437;
align-items: center;
justify-content: center;
}
.custom-social-buttons .custom-button {
border-radius: 8px;
transition: background-color 0.3s ease, transform 0.3s ease;
transition-delay: 0.1s; /* Adds a slight delay before the hover effect starts */
}
.custom-facebook-button {
display:flex;
color: #ffffff;
align-items: center;
justify-content: center;
}

.custom-twitter-button {
display:flex;
color: #ffffff;
align-items: center;
justify-content: center;
}

.custom-google-button:hover {
background-color: #D93F2B;
transform: scale(1.05); /* Adds a subtle zoom effect */
}
.custom-facebook-button:hover {
background-color: #365899;
transform: scale(1.05);
}
.custom-twitter-button:hover {
background-color: black;
transform: scale(1.05);
}

.custom-button:hover svg path {
fill: #FFFFFF;
transition: fill 0.3s ease;
transition-delay: 0.15s; /* Icon color change happens slightly after the background */
}
.mepr-share-button:hover{
background-color: #bd3d59!important;
}

jQuery(document).ready(function($) {

$(“.custom-google-button”).on(“click”, function() {
var $googleButton = $(“.nsl-button.nsl-button-default.nsl-button-google”);
if ($googleButton.length) {
$googleButton.trigger(“click”);
} else {
console.error(“Google login button not found.”);
}
});

$(“.custom-facebook-button”).on(“click”, function() {
var $facebookButton = $(“.nsl-button.nsl-button-default.nsl-button-facebook”);
if ($facebookButton.length) {
$facebookButton.trigger(“click”);
} else {
console.error(“Facebook login button not found.”);
}
});

$(“.custom-twitter-button”).on(“click”, function() {
var $twitterButton = $(“.nsl-button.nsl-button-default.nsl-button-twitter”);
if ($twitterButton.length) {
$twitterButton.trigger(“click”);
} else {
console.error(“Twitter login button not found.”);
}
});
});

.width-divider{
display: flex;
justify-content: center;
}
.or-divider{
width: 36%;
}
.section-center{
width: 36% !important;
}
.section-32 {
width: 32% !important;;
}
.mepr_username .mp-form-label label {display: none !important;
}
.mepr_password .mp-form-label label {display: none !important;
}
@media (max-width: 992px) {
.section-32 {
display: none;
}

}
@media (max-width: 767px) {
.or-divider {
width: 75% !important;
}
.section-center{
width: 75% !important;
}
}
.mp_wrapper label{
font-size: 12px;
display: flex;
color: #7c7c7c;
}
.mp-form-row #user_login {
padding: 6px 10px;
}
.mp-form-row #user_pass {
padding: 6px 10px;
}
#mepr_loginform input::placeholder {
font-size: 14px !important;

}
.mp-spacer{
display: none !important;
}

document.addEventListener(“DOMContentLoaded”, function () {
// Select the specific form by its ID
var loginForm = document.querySelector(“#mepr_loginform”);

var usernameField = loginForm.querySelector(“#user_login”);
if (usernameField) {
usernameField.setAttribute(“placeholder”, “Your Email”);
}

var passwordField = loginForm.querySelector(“#user_pass”);
if (passwordField) {
passwordField.setAttribute(“placeholder”, “Your Password”);
}

});