/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* @font-face {
    font-family: 'Century Gothic';
    src: url(../fonts/Century-Gothic.ttf);
   
    font-style: normal;
    font-display: fallback;
} */
body {
    font-family: "Century Gothic";
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f4f4f4;
    overflow: auto; /* Enable scrolling */
}

/* Header style */
header {
    background-color: white;
    color: black;
    padding: 28px 50px;
    display: flex;
    align-items: center;
    position: sticky !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 100% !important;
}

header .logo img {
    height: 26px;
}
#login, .custom_form_wrapper_inner {width: auto}
.login h1 a {
    background-image: url('../images/logo.png');
    background-image: none, url('../images/logo.png');
    height: auto;
}

/* Form container */
 body.login , .custom_wrapper  , .registration_page_form main#content {
    background-image: url('../images/login-background.png'); /* Replace with your own background image */
    background-size: cover;
    background-position: top;
    /* height: 100vh; */
    /* display: flex; */
    width: 100%;
    max-width: 100% !important;
    /* justify-content: flex-end; */
    align-items: center;
    padding: 20px;
    position: relative;
    padding-top: 80px; /* To avoid header overlap */
    box-sizing: border-box;
    height: 100%;
    min-height: 1040px;
  
}

/* Form style */
 body.login #login  , .custom-registration-form, .custom_form_wrapper {
    /* display: flex; */
    position: absolute;
    top: 45%;  /* Centers vertically */
    transform: translate(-50%, -50%); /* Offsets the 50% by half the form width/height */
    right: 0; 
    padding: 24px 30px 39px 30px;
    background-color:#fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 400px;
}
 .custom-registration-form{ max-width: 500px; transform: translate(-10%, -50%); }
 body.login #login, .custom_form_wrapper {
    top: 30%;  /* Centers vertically */
}

/* Label style */
 body.login  #login   label, .custom-registration-form label,  .custom_form_wrapper label {
    color: #000;
    font-family: "Century Gothic";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5;
}



.registration_error,.registration_success  {
    
    font-size: 15px;
    font-weight: 600;
}



.registration_error{color:red;}
.registration_success{color:green;}

/* Input fields style */
 body.login  #login   input, .custom-registration-form input,  .custom_form_wrapper input {
    padding: 9px;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #000;
    background: #F5F5F5;
}
body.login  #login   input[type=radio], .custom-registration-form input[type=radio],
body.login  #login   input[type=checkbox], .custom-registration-form input[type=checkbox],
.custom_form_wrapper   input[type=radio], .custom-registration-form input[type=radio],
.custom_form_wrapper   input[type=checkbox], .custom-registration-form input[type=checkbox]

 {
    width: auto;
}

.form-heading{
    color: #000;
    font-family: "Century Gothic";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid #F7852B;
    padding-bottom: 15px;
}
 body.login  #login   input[type=submit] , .custom-registration-form .btn-theme , .custom_form_wrapper input[type=submit] {
    border-radius: 5px;
    background: #F7852B;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 9px 0;
    text-decoration: none;
    border: 0 !important;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff;
    background-color: #f49347 !important;
    text-decoration: none;
}
.text-orange{color:#F7852B;}
.bg-orange{border:1px solid #F7852B;}
 .custom-registration-form .register-btn{
    margin-top: 18px;
    display: block;
}
.form-footer .forgot-text{
    color: #F7852B;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    margin-top: 16px;
    display: block;
}
.form-footer p{
    color: #F7852B;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;

}
.form-footer p a{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}
.registration_page_form .site-footer {
    padding-block-start: 0;
    padding-block-end: 0;
    position: relative;
}

.page .page-header .entry-title {
    display: none;
}


/* Optional: Make input fields responsive */
@media (max-width: 600px) {
     body.login  #login  input , .custom-registration-form input , .custom_form_wrapper input  {
        width: 100%;
    }
     body.login  #login   , .custom-registration-form  , .custom_form_wrapper  {
        position: static;
        transform: inherit;
    }
    .custom-logo-link{
        text-align: center;
    }
    header .custom-logo-link img {
        height: 34px !important;
        width: auto !important;
    }
    header{
        margin: auto;
        width: 100% !important;
        display: block !important;
        padding: 28px 20px;
    }
    header .custom-logo-link{
        text-align: center;
    }
    .registration_page_form main#content{
        padding-top: 30px;
        min-height: auto;
    }
}