.urantiacos-overlay:before,
.urantiacos-overlay-30:before,
.urantiacos-overlay-45:before,
.urantiacos-overlay-60:before,
.urantiacos-overlay-75:before{
    content: '';
    background-color: rgb(0 0 0 / 15%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.urantiacos-overlay-30:before{
    background-color: rgb(0 0 0 / 30%);
}

.urantiacos-overlay-45:before{
    background-color: rgb(0 0 0 / 45%);
}

.urantiacos-overlay-60:before{
    background-color: rgb(0 0 0 / 60%);
}

.urantiacos-overlay-75:before{
    background-color: rgb(0 0 0 / 75%);
}

/* Color */
.color-default{
    color: #212529 !important;
}

.bg-color-darkblue{
    background-color: #031C2F !important;
}

.bg-color-blue{
    /*background-color: #14729b;*/
    background-color: #357096 !important;
}

.bg-color-lightblue{
   /*background-color: #1798b9;*/
    background-color: #4795B4 !important;
}

.bg-color-lightestblue{
    /*background-color: #97d8e1;
    background-color: #A4D5DE !important;*/
    background-color: #87B9CE !important;
}

.bg-color-skyblue{
    background-color: #E7EEF2 !important;
}

.bg-color-black{
    background-color: #231f20;
}

.bg-color-gray,
.bg-color-grey{
    background-color: #6d6e70;
}

.bg-color-lightgray,
.bg-color-lightgrey{
    background-color: #bbbdbf;    
}

.color-blue{
    color: #357096 !important;
}

.color-lightblue{
    color: #4795B4 !important;
}

.color-lightestblue{
    color: #87B9CE !important;
}

.color-gray,
.color-grey{
    color: #6d6e70;
}

#login{
    width: inherit;
    height: inherit;
}

.wp-login-logo{
    display: none;
}

.login .card{
    max-width: initial !important;
}

.custom-logo-link img{
    max-width: 100%;
    width: 240px;
    height: auto;
    object-fit: contain; /* For Safari */
}

.login form{
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.form-control{
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--bs-body-color) !important;
    -webkit-appearance: none !important;
    background-color: var(--bs-body-bg) !important;
    background-clip: padding-box !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    font-family: inherit !important;
}

@media(min-width: 992px){
    .form-container .offset-lg-3{
        margin-left: 25% !important;
    }
}

.box-shadow-none{
    box-shadow: none !important;
}