/* [DO] 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
-----------------
 */
/*
-----------------
1 - 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-20: 1.25rem;
--e-border-radius-12: .75rem;

--e-fontWeight-thin: 100;
--e-font-jdf-2: "Anton", 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;

}

/*
-----------------
2 - General
-----------------
*/
body {
	display: block;
    margin: 0;
	top:0;
	left:0;
	bottom: 0;
    color: var(--e-color-black-wash)!important;
	background: var(--e-color-snow-flake);
}

* {
    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;
}

.rb-container {
	position: static;
    display: block;
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.edge-padding {
    padding-right: 20px;
    padding-left: 20px;
}

.block-inner > * {
    flex-basis: 100%;
    width: 100%;
}

.footer-wrap .e-column.e-col-50, 
.footer-wrap .e-column.e-col-100 {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.footer-wrap .lmn-social-profile, 
.footer-wrap .lmn-updated {
    width: 30%;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-wrap .lg-inner, 
.footer-wrap .bottom-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex ;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wp-core-ui .button, 
.wp-core-ui .button.button-large,
.nav-registration-url a,
.nav-login-url a {
padding: 0 14px !important;
line-height: 2.71428571 !important;
font-size: clamp(0.875rem, 4.126vw, 1.0625rem) !important;
vertical-align: middle !important;
min-height: 40px !important;
}

.e-facebook,
.e-instagram,
.e-snapchat,
.e-tiktok,
.e-rss {
display: none;
}

/*
-----------------
3 - Display:none
-----------------
*/
.login h1,
.login #login_error, 
.login .message, 
.login .success,
#login label,
#backtoblog,
.forgetmenot,
.button-secondary.wp-hide-pw,
.language-switcher,
.site-description,  
.privacy-policy-page-link {
	display: none !important;	
}

/*
-----------------
4 - Header
-----------------
*/
.header-wrap {
    position: relative;
    display: block;
}

.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, .95) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
	backdrop-filter: blur(5px) !important;*/
	min-height: 90px;
}

.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;
}

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

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

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

/*
-----------------
5 - Site-outer
-----------------
*/
.site-outer {
    position: relative;
    display: block;
    overflow: clip;
    max-width: 100%;
}
.site-wrap {
    z-index: 1;
    min-height: 45vh;
	max-height: 200vh;
    margin: 0 auto !important;
	margin-top: 0;
    background: transparent;
}

.site-wrap {
    
    a,a:hover,label {
        
        font-family: var(--e-font-jdf-3);        
    }
}

.site-wrap, 
.site-content {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.grid-container {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin-right: -20px;
    margin-left: -20px;
}

.grid-container > *:nth-child(1) {
    flex: 0 0 66.4%;
    width: 66.4%;
}

#login {
    background: transparent;
    padding: 10%;
    padding-bottom: 6% !important;
    font-family: var(--e-font-jdf-3) !important;
    color: var(--e-color-black-wash);
    /*min-height: 556.38px;
    min-height: auto;
    max-height: 100vh;*/
    /*margin-top: 6rem;*/
    /*display: none;*/
}

.cf-turnstile {
    margin-left: 0 !important;
    text-align: center !important;
}
    
.cf-turnstile iframe #content { 
    border: none !important;
    border-radius: 12px !important;
}  

.login-action- {    
    background: var(--e-color-white);  
    
    #login {    
    padding: unset !important;
    }
}

#login form {
    background: transparent;
    border: unset !important;
    box-shadow: unset !important;
    color: var(--e-color-white) !important;
}

.login-action-confirm_admin_email {
    .login-inner-header {
        display: none !important;
    }
}

#login input#wp-submit {
    width: 100% !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-12) !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;
    margin-top: -2rem !important;
}

#login .button,
.nav-registration-url a,
.nav-login-url a {
    border-radius: var(--e-border-radius-20);  
}

#login .button  {
    background: var(--e-color-dire-wolf) !important;
    color: var(--e-color-white) !important; 
    border: unset !important;
}

#login  {
    
    .nav-lostpassword-url a {
        
       color: var(--e-color-white); 
    }
    
    .nav-lostpassword-url a:hover {
        
       color: var(--e-color-white) !important; 
    }
}

.login-container {
    
    padding: 2rem 2rem 3rem 2rem;
    border-radius: 30px;
    margin-top: -1.9rem !important;
}

.nav-lostpassword-url {
    font-size: clamp(0.875rem, 4.126vw, 1.0625rem) !important;  
}

.nav-registration-url,
.nav-login-url {
    margin: 3rem 0 0 !important;
}

.nav-registration-url a,
.nav-login-url a {
    background: var(--e-color-veiling-waterfalls);  
    color: var(--e-color-nila-blue) !important;
    width: 100%;
    display: inline-block;
}

.login-action-lostpassword .link-users.cnct {
    margin-top: -3.5rem !important;
}

.login-action-lostpassword .nav-registration-url {
    margin-top: 20px !important;
}

/*
-----------------
6 - Login Form
-----------------
*/
.login-header {
    margin: auto 20px;
    text-align: center;
    margin-bottom: -1.1rem;
 
    .login-h-title {
        
        display: block !important;
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.2;
        margin-bottom: 1rem;
        
        @media (max-width: 1024px) {
            
            margin-top: 1rem;
        }
    }
    
    p {
        
        font-size: clamp(0.75rem, 4.375vw, 1.25rem);
    }
}

.login form p {
    font-size: clamp(0.75rem, 3.155vw, 0.8125rem) !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;
        }
    }
}

.login-action-backup_2fa {
    
    .login-header {

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



/*
-----------------
6 - Footer-wrap
-----------------
*/
.footer-wrap {
	max-height: 100%;
    position: relative;  
    margin: 0;
	top:0;
	left:0;
	bottom: 0;
    z-index: 0;
	/*background: var(--e-color-nila-blue);
	margin-top: 4rem; */
    
    @media (min-width: 1025px) {
        display: block;
    }
}

.footer-wrap .lmn-logo, 
.footer-wrap .lmn-copyright {
    width: 70%;
}

.footer-wrap .logo-wrap a {
    color: var(--e-color-white) !important;
    font-size: clamp(1.1875rem, 5.34vw, 1.375rem);
}

.lmn-socials-profile {
    justify-content: flex-end;
}

.ft-socials a {
   width: 20px;
   height:20px;
   margin-left: 10px;
}

.ft-socials a i {
   font-size: clamp(1.1875rem, 5.34vw, 1.375rem);
   color: var(--e-color-white) !important;
}

.footer-wrap .middle {
    
    .mid.e1 {
        
        a,span,label {
          
            font-size: clamp(0.8125rem, 3.641vw, 0.9375rem) !important;    
            font-family: var(--e-font-jdf-3) !important;
            color: var(--e-color-white) !important;
        }
        
        .o_tab-content li {
            line-height: 1.8 !important;
        }
    }

    img {

        width: 100% !important;
        height: 100% !important;   
    }
}

.footer-wrap .bottom-2 {
    padding-top: 3rem;
    font-family: var(--e-font-jdf-3);
    font-size: clamp(0.6475rem, 2.757vw, 0.71rem) !important;  
    color: var(--e-color-white);
    text-transform: uppercase !important;
}

.footer-wrap .bottom {
padding-bottom: 20px;
}

/*
-----------------
7 - @Queries
-----------------
*/
@media (min-width: 1025px) {
    /*body.login {
    position: fixed !important;
    }*/
    
    .login-container {
        backdrop-filter: blur(2px) !important;
    }

    .site-wrap {
    	width: 1008px;
    }
    .footer-wrap .rb-container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

@media (min-width: 768px) {
    .e-column.e-col-50 {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    .header-wrap .logo-title>* {
        font-size: clamp(1.625rem, 7.767vw, 2rem) !important;
    }
    
    #login {
        padding: 15% 1% !important;
        margin: 0 auto !important;
    }
    
    .login-container {
    
        padding: 1rem 0 3rem 0 !important;
        margin: 0 auto !important;
        margin-right: 17px !important;
        margin-left: 17px  !important;
        padding-bottom: 3rem !important;
        backdrop-filter: blur(1px) !important;
        border: 1px solid #88888833;  
    }
    
    .login-h-title {

        font-size: clamp(1.45rem, 7.767vw, 2rem) !important;
    }
    
    .backup-methods-wrap {
        margin-top: -20px !important;
        padding: 24px !important;
        
        a {
            text-decoration: underline !important;
        }
    }
    
    .footer-wrap {
        margin-top: unset !important; 
        padding-top: 30px !important; 
    }
    
    .footer-wrap .top,
    .footer-wrap .middle,
    .footer-wrap .bottom {
       padding-right: 0 !important;
       padding-left: 0 !important;
    }
    
    .footer-wrap .logo-wrap {
 
        min-height: 60px !important;
    }
    
    .lmn-updated {
       width: 50% !important;
    }  
    
    .lmn-socials-profile {
       width: 30% !important;
    }
}

@media (max-width: 767px) {
    
    .grid-container > *:nth-child(1) {
       flex: 0 0 100% !important;
       width: 100% !important;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px)  {

    .grid-container > *:nth-child(1) {
       flex: 0 0 66.4% !important;
       width: 66.4% !important;
    }
    
}


/*
-----------------
8 - Accordion V.2
-----------------
*/
#rc-prez input,
#rc-tls input {
display: none;}
	
/*
* TABS | XPI
*/

.tabs {
  overflow: hidden;
  max-width: 100% !important;
}

.tab {
  width: 100%;
  margin-bottom: -0.3rem;
  overflow: hidden;
}

.tab-label {
  display: flex;
  justify-content: space-between;

  padding: 0;
  font-weight: bold;
  cursor: pointer;
}

.tab-label:hover {
  background: unset !important;
}
	
.tab-label::after,
.tab-label::before  {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;	
}

.tab-label::after {
  color: #1a1a1a;
  content: '\f107'; 
  text-align: center;
  transition: all .35s;
}

.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #000;
  background: white;
}

.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #000;
  cursor: pointer;
}

.tab-close:hover {
 background: unset !important;
}

input:checked + .tab-label {
  background: unset !important;
}

input:checked + .tab-label::after {
  content: "\f106" !important;
}

input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 0 0 25px 0 !important;
}
 
/*
* TABS | SIDEBAR
*/	
.m_wrapper {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
  margin-top: -1.8rem;
}
.m_tabs {
  position: relative;
  margin: 3rem 0;
  background: transparent;
  height: 14.75rem;
}
.m_tabs::before,
.m_tabs::after {
  content: "";
  display: table;
}
.m_tabs::after {
  clear: both;
}
.m_tab {
  float: left;
}
.m_tab-switch {
  display: none;
}
.m_tab-label {
  position: relative;
  display: block;
  line-height: 2.8em;
  height: 3em;
  padding: 0 1.218em;
  background: transparent;
  border-right: 0.125rem solid #fff;
  color: #303030;
  font-size: 13px;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
}
.m_tab-label:hover {
  top: -0.25rem;
  transition: top 0.25s;
}		
.m_tab-content {
  height: 12rem;
  position: absolute;
  z-index: 1;
  top: 2.75em;
  left: 0;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  padding: 20px 0;
  background: #fff;
  color: #2c3e50;
  border-top: 1px solid #eee;
  opacity: 0;
  transition: all 0.35s;
}
.m_tab-switch:checked + .m_tab-label {
  background: #e0ebfe;
  color: #002ddf;
  border-bottom: 0;
  border-right: 0.125rem solid #fff;
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}
.m_tab-switch:checked + label + .m_tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}
		
/*
* TABS | TOOLS
*/

.o_tabs {
  overflow: hidden;
  max-width: 100% !important;
}

.o_tab {
  width: 100%;
  margin-bottom: -0.3rem;
  overflow: hidden;
}
	
.o_tab-switch {
  display: none;
}

.o_tab-label {
  display: flex;
  justify-content: space-between;

  padding: 0;
  font-weight: bold;
  cursor: pointer;
}

.o_tab-label:hover {
  background: unset !important;
}
	
.o_tab-label::after,
.o_tab-label::before  {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;	
}

.o_tab-label::after {
  color: #1a1a1a;
  content: "\002B"; 
  text-align: center;
  transition: all .35s;
}

.o_tab-content {
  max-height: 0;
  padding: 0 15px;
  color: #000;
  background: white;
}
	
.o_tab-content ul {
  list-style: none;
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.o_tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #000;
  cursor: pointer;
}

.o_tab-close:hover {
 background: unset !important;
}

input:checked + .o_tab-label {
  background: unset !important;
}
	
input:checked + .o_tab-label::after {
  content: "\2212" !important;
}

input:checked ~ .o_tab-content {
  max-height: 100vh;
}

/*
-----------------
9 - Tabs M.A.J
-----------------
*/
.mid.e1 {

    .o_tab {

        padding: 14px 0 0 0 !important;
    }

    .o_tab, .o_tab:last-child {

        border: unset !important;
    }
    
    .o_tabs .o_tab-label h5 {
    
        text-transform: uppercase;
        font-size: 14px;
        color: var(--e-color-white) !important;
    }

    .o_tabs .o_tab-label::after {

        color: var(--e-color-lynx-white) !important;
        display: none !important;
    }

    .o_tab-content {

        background: transparent !important;
        padding: 1px 0 !important;

        ul li a {

            font-size: 14px;
            font-weight: 600;
            opacity: .65 !important;
        }

        ul li a:hover {

            opacity: 1 !important; 
        }
        
        ul li a span {
            color: var(--e-color-white) !important;
        }
    }
    
    @media (min-width:1025px) {
            
        display: none !important;
    }
    
    @media (max-width:1024px) {
            
        /*display: none !important;*/ 
    }
}

.mid.e2 {
    
    .lgf-2 {

        @media (max-width:1024px) {
            
            padding-top: 2.2rem;
            margin-bottom: -10px !important;
        }
    }
}

/*
-----------------
9 - Switch Mode
-----------------
*/
[data-theme='light'] { 
    
    .navbar-wrap.av {
        
        @media (min-width: 1025px) {
            backdrop-filter: blur(1px) !important;
        }

        @media (max-width: 1024px) {
            backdrop-filter: blur(2px) !important;
	        /*background: var(--e-color-nila-blue);*/
        }
    }

    .logo-title>* {

        color:var(--e-color-white)!important;           
    }
    
    .login-container {

        border: 1px solid #FFFFFF39 !important;
            
        .login-header h1,
        .login-header P,  
        .wp-login-lost-password,
        #reg_passmail {
           color: #F8F8F8 !important;
        }
            
        .wp-login-lost-password:hover {
            color: #fff !important;
        }

        .nav-registration-url a, .nav-login-url a {
            background: var(--e-color-kittens-eye);  
            color: var(--e-color-white) !important;
        }
        
        form#loginform, .wp-2fa-nag p,
        input#rememberme strong {
            color: var(--e-color-white) !important;
            font-family: var(--e-font-jdf-3) !important;
        }
        
        .backup-methods-wrap a {
           color: #F8F8F8 !important;
           text-decoration: underline !important;
        }
    }
    
    .footer-wrap {
        background: var(--e-color-nila-blue);
    }
    
    @media (max-width:1024px) {
            
       /* .site-wrap, #login {

            background: var(--e-color-white);
        }*/
    }  
}

[data-theme='dark'] {
    .navbar-wrap.av {
        
        @media (min-width: 1025px) {
            backdrop-filter: blur(1px) !important;
        }

        @media (max-width: 1024px) {
	        background: var(--e-color-nila-blue);
            border-bottom: 1px solid var(--e-flex-gray-33) !important;
        }
    }

    .logo-title>* {
        color: var(--e-color-white) !important;
    }
    
    .site-wrap, #login {
        /*background: var(--e-color-matt-black) !important;*/

        a,a:hover,a:focus,a:active,a:link,span,p {
           color: var(--e-color-white);
        } 
    }
    
    #login .input {
        border: 1px solid var(--e-flex-gray-26)!important;
        background:var(--e-color-brilliant-white) !important;   
    }

    #login .input:hover,
    #login .input:focus,
    #login .input:active {
        border: 1px solid var(--e-color-oh-boy)!important;
    }

    #login .button  {
        background: var(--e-color-nila-blue) !important;
        color: var(--e-color-white) !important; 
    }
     
    .nav-registration-url a,
    .nav-login-url a {
        background: var(--e-color-veiling-waterfalls);
        color: var(--e-color-nila-blue) !important;
    }
    
    #login  {
    
        .nav-lostpassword-url a {

           color: var(--e-color-white) !important; 
        }

        .nav-lostpassword-url a:hover {

           color: var(--e-color-white) !important; 
        }
    }
    
    .login-container {

        background: var(--e-color-matt-black);
    }

    .footer-wrap {  
       background: var(--e-color-black)!important;
       border-top: 1px solid var(--e-flex-gray-33) !important;
    }
    
    @media (max-width:1024px) {
            
        .site-wrap, #login {

            background: var(--e-color-matt-black);
        }
    } 
}