/* custom-login.css */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

body {
    font-family: 'Tajawal', sans-serif;
}

/* General styles for the login page */
body.login {
    background: url('bg.jpg') no-repeat center center fixed;
    background-size: cover;
    position: relative;
    font-family: 'Tajawal', sans-serif; /* Change font to Tajawal */
		margin-top:30px;


}


body.login:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(207deg, #09243e, #1f8674);
    opacity: 0.85 !important;
    z-index: 1;
}



body.login #login {
    position: relative;
    z-index: 2;
    max-width: 320px; /* Adjust the max-width as per your design */
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

body.login h2 {
    text-align: center;
    color: #fff;
    font-family: 'Tajawal', sans-serif; /* Change font to Rubik */
    font-size: 18px;
    margin-bottom: 20px;
}

body.login form#loginform {
    margin-top: 20px;
}

body.login form#loginform p {
    margin-bottom: 10px;
}

body.login form#loginform input[type="text"], 
body.login form#loginform input[type="password"] {
    width: 100%;
    padding: 7px;
    margin-bottom: 15px;
}

body.login form#loginform input[type="submit"] {
    width: 100%;
    background: #003467;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
transition:0.7s;
	 border-radius: 10px !important;
}

input#wp-submit:hover {
    background: #01aa9b !important;
	transition:0.7s;
	 border-radius: 10px !important;
}
body.login form#loginform {
    text-align: right;
	 border-radius: 10px !important;
}
.language-switcher {
    z-index: 999;
    position: relative;
}


body.login form#loginform input[type="text"], body.login form#loginform input[type="password"] {
    
    border-radius: 10px !important;
}

.login label {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500 !important;
    color: #003467 !important;
}
a.wp-login-log-in{
	   color: #fff !important;
}
a:hover.wp-login-log-in{
	   color: #003467 !important;
}

a.wp-login-register {
    color: #fff !important;
}
a:hover.wp-login-register {
     color: #003467 !important;
}

a.wp-login-lost-password{
	color: #fff !important;
}
a:hover.wp-login-lost-password{
     color: #003467 !important;
}
.login #backtoblog a {
   
    color: #ffffff !important;
}

.login h1 a{
	width: 180px !important;
}

#language-switcher {
   
    margin-top: -10px;
}

.wp-core-ui .button-primary {
    background: #003467 !important;
    border-color: #003467 !important;
color: #fff;
	 border-radius: 10px !important;
}

.wp-core-ui .button-primary:hover {
    background: #003467 !important;
    border-color: #003467 !important;
color: #fff;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.language-switcher {
    display: none !important;
}

a.privacy-policy-link {
    color: #fff;
}
a.privacy-policy-link:hover {
    color: #003467;
}

.login .button.wp-hide-pw {
    left: 0px !important;
    top: 1px !important;
}

input {
    font-size: 14px !important;
    font-family: 'Tajawal' !important;
}

.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {
    border-radius: 10px;
}

/* General FadeIn Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* FadeIn for wp-login-logo */
.wp-login-logo {
    animation: fadeIn 0ms ease-in-out;
		animation-duration:0.7s;

}

/* FadeIn for form#loginform */
form#loginform {
    animation: fadeIn 500ms ease-in-out;
	animation-duration:0.7s;
}

/* FadeIn for nav */
nav {
    animation: fadeIn 700ms ease-in-out;
		animation-duration:0.7s;

}

/* FadeIn for backtoblog */
.backtoblog {
    animation: fadeIn 700ms ease-in-out;
		animation-duration:0.7s;

}

/* FadeIn for privacy-policy-page-link */
.privacy-policy-page-link {
    animation: fadeIn 700ms ease-in-out;
		animation-duration:0.7s;

}