/* WEBSITE
-----------------
>>> TABLE OF CONTENTS:
1  - CSS Variables
2 - General
3 - Icon Fonts
4 - Swiper Slider
5 - Header
6 - Post Entry
7 - Post Modules
8 - Blocks
9 - Single
10 - Archives
11 - Pages
12 - Footer
13 - Responsive
14 - Print
-----------------
 */
/*
-----------------
[SEC] CSS Variables
-----------------
*/
:root {
::-webkit-scrollbar {
     width: 4px !important;
     opacity: 1 !important;
}
    
::-webkit-scrollbar-track {
     background: inherit;
} 
  
::-webkit-scrollbar-thumb {
     background: #888888 !important;
}
   
::-webkit-scrollbar-thumb:hover {
     background: #888888 !important;
}

}

/**/
:root {
--e-color-white: #FFFFFF;
--e-color-black: #000000;
--e-color-black-wash: #0c0c0c;
--e-color-black-sheep: #0e0e0e;
--e-color-nila-blue: #0057FF;
--e-color-sapphire-glitter: #012cd3;
--e-color-kittens-eye:#86afff;
--e-color-matt-black: #151515;
--e-color-thamar-black: #181818;
--e-color-dire-wolf: #282828;
--e-color-dark-charcoal: #323232;
--e-color-palladium: #b1b1b1;
--e-color-veiling-waterfalls: #d0e4ff;
--e-color-calcareous-sinter: #dee8ff;
--e-color-compact-disc-grey: #dcdcdc;
--e-color-desired-dawn: #d8d8d8;
--e-color-brilliant-white: #e6edff;
--e-color-snow-flake: #f0f0f0;
--e-color-ma-white: #f5f8ff; 

--e-border-radius-5: .3125rem;
--e-border-radius-12: .75rem;
--e-border-radius-20: 1.25rem;
--e-border-radius-30: 1.875rem;

--e-fontWeight-thin: 100;
--e-font-jdf-1: "Anton", Arial, helvetica, sans-serif;
--e-font-jdf-2: "Google Sans", Arial, helvetica, sans-serif;
--e-font-jdf-3: "Inter", Arial, Helvetica, sans-serif;

--e-flex-gray-18:#88888818;
--e-flex-gray-26:#88888826;
--e-flex-gray-33:#88888833;

}

/*
-----------------
[SEC] General
-----------------   
*/
body {
background-color: #FFF;
font-family: var(--e-font-jdf-3) !important;
overflow: hidden !important; 
}

* {
    box-sizing: border-box;
}

a, a:hover, span {
    box-shadow: unset !important;
}

a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
}

a, a:hover, a:active, a:focus {
    opacity: 1 !important;
}

/*
-----------------
[SEC] Display:none
-----------------
*/
#login label,
.wp-login-logo,
.language-switcher,
#backtoblog,
.forgetmenot,
.button-secondary.wp-hide-pw,
.privacy-policy-page-link {
display: none !important;	
}

/*
-----------------
[SEC] Header
-----------------
*/
.header-wrap {
    display: block;
    position: relative;
    margin-bottom: 1.5rem;
}

.navbar-outer {
    position: relative;
    z-index: 110;
    display: block;
    width: 100%;
	min-height: 50px;
}

.sticky-holder {
	position:fixed;
    z-index: 998;
    top: 0;
    right: 0;
    left: 0;
}

.navbar-wrap {
    position: relative;
    z-index: 999;
    display: block;
	min-height: 50px;
}

.navbar-wrap.av {
	background: rgba(255, 255, 255, 1) !important;
    border-bottom: .1rem solid #e4e6e9;
/*	box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
	backdrop-filter: blur(1px) !important;*/
	min-height: 50px;
}

.navbar-inner {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 100%;
}

.navbar-left, 
.navbar-right, 
.navbar-center {
    display: flex;
    align-items: stretch;
    flex-grow: 0;
    flex-flow: row nowrap;
}

.navbar-left {
    align-items: center;
    padding-left: 20px;
}

.navbar-left .button-back.all {
    display: none;
}

.navbar-left i {
    font-weight: 500 !important;
    font-size: 20px;   
}

.navbar-left i:hover {
  color: #0057FF !important;   
}

@media (min-width: 1025px) {
.navbar-center {
   padding: .5rem 0;    
 }
}
    
@media (max-width: 1024px) {
.navbar-center {
   padding: .75rem 0;    
 }
}

.logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 50px;
    max-height: 100%;
}

.logo-title>* {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    color: var(--e-color-black) !important;
    font-family: var(--e-font-jdf-1) !important;
    font-weight: var(--e-fontWeight-thin) !important;
    text-transform: uppercase;
    letter-spacing: .05em !important;
}

.logo-wrap p.site-description {
    display: none !important;
}

.logo-wrap a {
    max-height: 100%;
}

/*
-----------------
[SEC] Login
-----------------
*/
#login {
box-shadow: unset !important;
border-radius: unset !important;
backdrop-filter: blur(2px) !important;
min-height: 700px !important;
}
#login .input {
font-family: var(--e-font-jdf-3) !important;
border: 1px solid var(--e-color-veiling-waterfalls) !important;
padding: 10px 16px !important;
border-radius: var(--e-border-radius-5) !important;
font-size: clamp(0.75rem, 3.883vw, 1rem) !important;
}
#login .input:hover,
#login .input:focus,
#login .input:active {
border: 1px solid var(--e-color-nila-blue)!important;
}
.link-users.cnct {
text-align: center;
}
.login #nav,
#login form p.submit {
padding: 10px 0 !important;
}
.rb-login-outer {
overflow: hidden !important;
}
.login.rb-login-screen h1 a {
height: 60px !important;
}
.rb-login-screen #login form p.submit {
margin-top: unset !important;
}
.rb-login-screen input#wp-submit {
padding: 15px 40px !important;   
}
.nav-login-url a.wp-login-log-in,
.nav-registration-url a.wp-login-register {
padding: 10px 40px !important;
}
.rb-login-screen input#wp-submit,
.nav-login-url a.wp-login-log-in,
.nav-registration-url a.wp-login-register {
display: inline-block !important;
text-transform: inherit !important;
font-size: 17px !important;
border-radius: 30px !important;
width: 100% !important;
}
.rb-login-screen input#wp-submit {
color: #fff !important;
}
.nav-login-url a.wp-login-log-in,
.nav-registration-url a.wp-login-register {
color: #0057FF !important;
}
.rb-login-screen input#wp-submit:hover,
.nav-login-url a.wp-login-log-in:hover,
.nav-registration-url a.wp-login-register:hover {
box-shadow: unset !important;  
opacity: .9 !important;
}
.login-action-lostpassword .nav-login-url {
margin-top: -10px !important;
}
.login-action-lostpassword .nav-login-url a {
padding: 15px 40px !important;
}
.rb-login-screen input#wp-submit {
background: #0e0e0e !important;
font-weight: normal !important;
}
.nav-login-url a.wp-login-log-in,
.nav-registration-url a.wp-login-register {
border: 2px solid #0057FF !important;
background: #FFF;
font-weight: 600 !important;
}
.login.rb-login-screen input[type="text"], 
.login.rb-login-screen input[type="password"], 
.login.rb-login-screen input[type="email"] {
padding-left: 15px !important;
background-color: #fff !important;
border: 1px solid #FFFFFF33 !important;
color: #333 !important;
font-size: 16px !important;
}
.login.rb-login-screen input:focus {
border: 1px solid white !important;
}
input::placeholder {
color: #777 !important;
text-align: left !important;
font-size: 16px !important;
font-family: var(--e-font-jdf-3)!important;
}
#login form {
margin-bottom: 12px !important;
}
.wp-login-log-in:focus,
.wp-login-log-in:active,
.wp-login-log-in:hover {
border: unset !important;
}
/*.login-action-lostpassword #nav {
border-radius: 30px;
}*/
.login-action-lostpassword .wp-login-log-in {
display: inline-block;
padding: 15px 40px;
width: 170px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
font-size: 14px !important;
}
.login .notice-info.message {
margin-left: 0 !important;
margin-bottom: 20px !important;
background: #f6f6f6;
color: #0c0c0c !important;
font-size: 14px !important;
box-shadow: unset !important;
word-wrap: break-word;
text-align: left;
}
.login .message, 
.login .notice, 
.login .success {
padding: 12px;
border-left: 4px solid #0e0e0e !important;
}
.login .message.register {
padding: 0 !important;
border: unset !important;
color: #0c0c0c !important;
}
.login .message.register {
font-size: 23px !important;
line-height: 18px;
font-weight: 500 !important;   
}
.wp-login-lost-password {
font-size: 17px !important;
}
.wp-login-lost-password,
.wp-login-log-in {
color: #0c0c0c !important;
}
.nav-lostpassword-url {
margin-top: -8px !important;   
}
p.gcu a.cnl:focus,
p.gcu a.cnl:hover,
p.gcu a.cnl:active {
color: #0057FF !important;
}
.reset-pass-submit .button.wp-generate-pw  {
margin-bottom: 20px !important;
background: #e0eaff !important;
color: #0057FF;
border: 1px solid #0057FF;
opacity: .8;
    
    &:hover {
      opacity: .95 !important;   
    }
} 
.login-action-rp {
    
    .link-users .nav-login-url {
    margin-top: -1rem !important;
    }
}
.login-action-resetpass {
    
    .message.reset-pass p a {
        
        border: 1px solid #333;
        border-radius: 4px;
        padding: 4px 8px;
        margin-left: 10px;
        font-weight: 600 !important;
        color: #222 !important;
        
        &:hover {
            
            background: #e0eaff !important;
            color: #0057FF !important;
            border: 1px solid #0057FF;
            opacity: .95 !important;  
        }
    }
}
.login-action-checkemail {
    
    #login-message.notice-info a, 
    #login-message.notice-info a:active, 
    #login-message.notice-info a:hover,
    #login-message.notice-info a:focus {
        
        text-decoration: underline;
        color: #0057FF !important;
    }
}

/*
-----------------*/
.login-action-login {
    
    .login-header {

        .create-account,
        .lost-password {                
           display: none;
        }
    }
}

.login-action-register {
    
    .login-header {

        .sign-in,
        .lost-password {                
           display: none;
        }
    }

    #reg_passmail {
        text-align: center !important;
    }
}

.login-action-lostpassword {
    
    .login-header {

        .sign-in,
        .create-account {                
           display: none;
        }
    }
    
    .link-users {
        .nav-registration-url {                
           display: none;
        }
    }
}

.login-action-rp {
    
    .link-users {
        .nav-registration-url {                
           display: none;
        }
    }    
}


/*
-----------------
[SEC] Queries  
-----------------
*/
@media (min-width: 1025px) {
    
    .rb-login-outer {
        max-width: 100% !important;
        padding-right: .9px !important;     
        align-items: flex-end !important;
    }
    
    .rb-login-screen:not(.interim-login) #login {
        background: #f6f9ff !important;
        max-width: 546.39px !important;
        border: 1px solid #e8e8e8 !important;
        padding: 20px 50px 20px 50px !important;  
    }
}
 
@media (max-width: 1024px) {
    
    body.login,
    .rb-login-outer {
        background: #f6f9ff !important;
    }
    
    .rb-login-outer {
        align-items: center !important;
        padding: 0 !important;
    }
    
    #login {
        padding: 30px 0 !important;
        background: transparent !important
    }
    
    #login .navbar-wrap.av {
        position: relative;
        left: 50%;
        width: 100vw !important;
        margin-left: -50vw;
    }
}