/* General Register button styling */
.nav-item a[href*="register"],
.pkp_structure_head a[href*="register"] {
    background-color: #2d746ed4; /* Custom orange */
    color: white !important; /* White text */
    font-weight: bold;
    border-radius: 25px; /* Rounded edges */
    padding: 1px 2px;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.nav-item a[href*="register"]:hover,
.pkp_structure_head a[href*="register"]:hover {
    background-color: #e64c2e; /* Darker shade on hover */
    transform: scale(1.05);
}

/* General Login button styling */
.nav-item a[href*="login"],
.pkp_structure_head a[href*="login"] {
    background-color: #2d746ed4; /* Bootstrap Blue */
    color: white !important;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.nav-item a[href*="login"]:hover,
.pkp_structure_head a[href*="login"]:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: scale(1.05);
}
/* Add icon to Register button */
.nav-item a[href*="register"]::before,
.pkp_structure_head a[href*="register"]::before {
    content: "\f234"; /* Font Awesome User-Plus */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

/* Add icon to Login button */
.nav-item a[href*="login"]::before,
.pkp_structure_head a[href*="login"]::before {
    content: "\f2f6"; /* Font Awesome Lock */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}
.pkp_structure_head a[href*="register"],
.pkp_structure_head a[href*="login"] {
    display: block;
    text-align: center;
    font-size: 11px;
    padding: 8px 1px;
    margin: 10px auto;
    width: 89px; /* Adjust width */
}
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">

<!-- Font Awesome for Icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
/* Customize the Make a Submission Button */
a[href*="submission"] {
    background-color: #2d746e !important; /* Change Button Color */
    color: #ffffff !important; /* Change Text Color */
    font-size: 16px !important; /* Increase Font Size */
    padding: 10px 20px !important; /* Adjust Padding */
    border-radius: 8px !important; /* Round Corners */
    font-weight: bold !important; /* Make Text Bold */
    text-transform: uppercase; /* Uppercase Text */
}

/* Add Hover Effect */
a[href*="submission"]:hover {
    background-color: #a3c86a !important; /* Darker Shade on Hover */
    color: #fff !important;
}

/* Add an Icon */
a[href*="submission"]::before {
    content: "\f15b"; /* FontAwesome Paper Icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

/* Style navigation dropdowns */
.pkp_navigation_primary .dropdown-menu {
    min-width: 200px;
    text-align: left;
}

.pkp_navigation_primary .dropdown-item {
    padding: 10px;
    font-size: 14px;
}

.pkp_navigation_primary .dropdown-item:hover {
    background-color: #f0f0f0;
}

/* Language dropdown */
#languageDropdown .fa-globe {
    margin-right: 5px;
    font-size: 16px;
}
/* Language Toggle - Ensure it is inside the primary menu */
.language-menu {
    display: inline-block;
    margin-left: 20px; /* Adjust spacing */
}

/* Dropdown Styling */
.languages .dropdown-toggle {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.languages .fa-globe {
    margin-right: 5px;
    font-size: 16px;
}

.languages .dropdown-menu {
    min-width: 150px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.languages .dropdown-item {
    padding: 10px;
    font-size: 14px;
}

.languages .dropdown-item:hover {
    background-color: #f0f0f0;
}
/* Change background color of the navbar */
.navbar-nav.ml-auto {
    background-color: #c5a35b !important; /* Change this to your preferred color */
    padding: 5px 10px;
    border-radius: 0px;
}

/* Change text color */
.navbar-nav.ml-auto a {
    color: white !important;
}

/* Hover effect */
.navbar-nav.ml-auto a:hover {
    color: #2d746e !important;
}

.pkp_site_navbar .usernav,
.pkp_navigation_user_wrapper {
    display: none !important;
}