/*
Theme Name: 	NOUMENA DATA
Description: 	Responsive WordPress Theme.
Version:     	1.0
Author:     	Giuseppe Colonna
Author URI:   http://www.giuseppe-colonna.com
Site:         http://www.giuseppe-colonna.com
Text Domain: 	fleeex
Domain Path: 	/languages
Tags:        	grid-layout, blog, video-background, featured-images, 
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root{
  /* COLORS */
  --noumena-border-color: #818181;
  --noumena-dark: #020417;

  /* SPACER */
  --grid-padding: 1.25rem;
}


/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode, #cmplz-document p {
  font-size: 1rem;
}

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

head {
  color-scheme: only dark;
}

@media (prefers-color-scheme: dark) {
  head {
    color: white;
    background-color: #020417;
  }
}

/* ------------------------------------------------------------------------- *
/* ! Lenis */
/* ------------------------------------------------------------------------- */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}


/* ------------------------------------------------------------------------- */
/* ! Pixelate */
/* ------------------------------------------------------------------------- */
.pixelate-img {position: relative;}
.pixelate-img canvas {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.noumena-pixelate-img {position: relative;}
.noumena-pixelate-img canvas {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}



/* INTRO */
/* .main__section {
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999;
  pointer-events: none;
}

.image__wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
}

.main__section svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  object-fit: cover;
} */


/* INTRO 02 */
.main_trans_section {
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999;
  pointer-events: none;
  z-index: 999999999999999;
}

.grid_trans_wrapper {
  display: grid;
  grid: repeat(5, 20%) / repeat(8, 12.5%);
  gap: 0;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100vh;
}

@media (max-width: 600px) {
  .grid_trans_wrapper {
    grid: repeat(8, 12.5%) / (5, 20%);
  }
}

.grid_pixel_item {
  width: 100%;
  height: 100%;
  background-color: var(--noumena-dark);
  /* border: 1px solid orangered; */

}



/* ------------------------------------------------------------------------- */
/* ! Header */
/* ------------------------------------------------------------------------- */



/* NAVBAR */
#noumena-nav {height: 150px;}
#noumena-nav {position: fixed;width: 100%;padding-top: var(--grid-padding);z-index: 99;background: linear-gradient(var(--noumena-dark), rgba(0,0,0,0.2),rgba(0,0,0,0));}
ul.navbar-nav {padding: 0; margin: 0;}
.navbar_main__wrap {width:100%;display: flex;}
.navbar_main_inner {width: 50%;}
.navbar_main_inner:nth-child(1) {background-color: var(--noumena-dark);}
.navbar_main_inner:nth-child(2) {background: rgba(2, 11, 23, 0.65);backdrop-filter: blur(2px);display: flex;justify-content: space-between;align-items: center;z-index:99}
#menu-main-menu {width: 100%;height: 100%;display: flex;align-items: center;padding-left: 0;list-style: none;}
#menu-main-menu li {
  padding-top: var(--grid-padding);
  padding-bottom: var(--grid-padding);
}
#menu-main-menu a {
  padding: var(--grid-padding) calc(1.5 * var(--grid-padding)) var(--grid-padding) 0;
  color: white;
  font-size: .9rem;
}
.main_menu_nav_mob {transform: translateY(-100%);opacity: 0; pointer-events: none;height: 0vh;transition: all 800ms ease-in-out;overflow-y: hidden;}
.menuOpen .main_menu_nav_mob {transform: translateY(0%);display: flex;opacity: 1;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;padding: 140px 0 0 0;overflow-y: scroll;justify-content: space-between;flex-direction: column;background-color: var(--noumena-dark); pointer-events: all;}
.main_menu_nav_mob li.menu-item {border-bottom: 1px solid var(--noumena-border-color);list-style: none;}
.menuOpen .line_01 {width:50px; transform: rotate(45deg);top: 19px;} 
.menuOpen .line_02 {opacity: 0;} 
.menuOpen .line_03 {width:50px; transform: rotate(-45deg);top: 21px;}
.mob_a_link {font-size: 3rem;padding: calc(var(--grid-padding) / 1) 0;color: white;letter-spacing: -.02rem;line-height: 1;display: block;font-weight: 100;
  -ms-transition: all 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -moz-transition: all 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -o-transition: all 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: all 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
/* .mob_a_link:hover {
  font-weight: 600;
  letter-spacing: -.1;
} */

.text-white a {
  color: white !important;
}

.navbar-toggler_line {
  -webkit-transition: all 300ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -moz-transition: all 300ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: all 300ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
}



/* MOBILE LINK ANIMATION */

.mob_a_link {
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  animation-delay: 600ms;
  padding-left: var(--grid-padding);
}
body.menuOpen .mob_a_link {
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.main_menu_nav_mob li.menu-item {overflow-y: hidden;}

@media (max-width: 1400px) {
  body.menuOpen {overflow-y: hidden;} 
  .navbar_main_inner { width: 100%;padding-top: var(--grid-padding);padding-bottom: var(--grid-padding);}
  .navbar_main_inner:nth-child(1) {display: none;}
  nav.navbar_custom {height: 70px;}
  .main_menu_nav {display: none;}
  .hamburger, .navbar_mob_cta {display: inline-block;z-index: 99;} 
  .menuOpen .main_menu_nav li {width: 100%;}
  .main_menu_nav_mob ul { margin-top:75px} 
  .mob_a_link {font-size: 2rem;}
}





.logo { z-index: 9999;margin-right: var(--grid-padding);}
.logo img {height: 25px;width: auto;}
.hamburger {width: 50px;height: 25px;border: transparent;background-color: transparent;position: relative;cursor: pointer;margin-left: var(--grid-padding);}
.navbar-toggler_line {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: white;
  left: 0;
}
.nav-link:hover, .nav-link:focus {
    color: grey;
  }
.line_01 {top: 6px;right: 0;left: auto;} 
.line_03 {top: 19px;} 
.main_menu_nav_mob ul, .main_menu_nav ul {padding-left: 0;}
.main_menu_nav {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.main_menu_nav ul, .ul-nav-right-links {width: auto;display: block;float: right;text-align: right;}
.main_menu_nav li {list-style: none;display: inline-block;padding: 15px 20px;}
.main_menu_nav li a {color: var(--noumena-dark);}





/* ------------------------------------------------------------------------- *
/* ! SUBMENU */
/* ------------------------------------------------------------------------- */

.smartnav_container {
  position: relative;
  height: var(--module-height);
  transform: translateY(0);
  overflow: hidden;
  width: 100%;
}

@media (max-width: 697px) {
  .smartnav_container {
    display: none;
  }
}

#smart-sub-nav {
  transition: all 800ms ease-in-out;
  height: var(--module-height);
  transform: translateY(0);
  overflow: hidden;
}


.sub_navbar_ul {
  margin: 0;
  padding: var(--grid-padding);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--module-height);
  width: 100%;
}

.sub_navbar_ul li {
  display: inline;
}

#smart-sub-nav.scrollUp {
transition: all 800ms ease-in-out;
transform: translateY(-100%);
}

.scrollUp {
  transition: all 600ms ease-in-out;
  }


  .bg_accent {
    background-color: var(--noumena-primary);
  }

/* ------------------------------------------------------------------------- *
/* ! Index */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- *
/* ! Contact form */
/* ------------------------------------------------------------------------- */

.wpcf7-submit {
  background: var(--noumena-border-color) !important;
  text-align: center !important;
}


/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */


.ul-social-menu {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

.ul-social-menu li {
  width: 25%;
  border-right: 1px solid var(--noumena-border-color);
  border-bottom: 1px solid var(--noumena-border-color);
}

.ul-social-menu li:last-child {
  border-right: 0px;
}

.ul-social-menu  a {
  width: 100%;
  padding: var(--grid-padding);
  display: block;
}

.footer_menu_style {
  padding-left: 0;
  list-style: none;
}

.footer_menu_style li {
  display: block;
  font-size: .9rem;
}



.footer__menu ul {
  list-style: none;
  padding-left: 0;
}

.footer__menu ul li {
  display: inline-block;
  font-size: .9rem !important;
  padding-right: 10px;
}

/* FOOTER */

.logo-footer img {
  width: 70px;
  height: 70px;
  margin: 35px 0;
}

footer.bg-dark,
footer.bg-dark small,
footer.bg-dark a {
  color: var(--bs-light);
}

footer li {
  display: inline-block;
}

#menu-legal li {
  display: inline-block;
  margin-right: 10px;
  font-size: .9rem;
}
.sub-footer.bg-dark {background-color: #000 !important;}
.sub-footer_col_1, .sub-footer_col_2,.sub-footer_col_1 a, .sub-footer_col_2 a {color: grey;}
.sub-footer_col_1 {text-align: left;}
.sub-footer_col_2 {text-align: right;}

@media (max-width: 781px) {
  .sub-footer_col_1, .sub-footer_col_2 {text-align: center !important;}
  .footer__menu ul li {padding: 5px;}
  .ul-social-menu li {width: 50%;}
  .ul-social-menu li:nth-child(even) {
    border-right: none;
  }
}


/* ------------------------------------------------------------------------- *
/* ! MOUSE CURSOR */
/* ------------------------------------------------------------------------- */

/* * {
  cursor: none;
} 

.cursor {
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bs-secondary);
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999999;
}

.cursor__follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 70px;
  height:70px;
  border-radius: 50%;
  border: 2px solid var(--bs-secondary);
  z-index: 9999999;
  pointer-events: none;
} */




/* ------------------------------------------------------------------------- *
/* ! GSAP */
/* ------------------------------------------------------------------------- */
/* .split-parent {
  overflow: hidden;
}
.split-child {
  display: inline-block;
} */

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {
}

/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {
}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {
  body.admin-bar .navbar-fixed-top {
    top: 42px;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* WP Admin bar */
.logged-in.admin-bar > .fixed-top,
.logged-in.admin-bar > .sticky-top {
    top: 32px !important;
}



/* Pagination */
.pagination {
  margin: 40px 0 40px 0;
  padding: 0;
  width: 100%;
}
.pagination span,
.pagination a {
  float: left;
  margin: 0 10px 10px 0;
  padding: 14px 19px;
  border: 1px solid #ddd;
}


/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url {
  float: left;
  margin-top: 20px;
  margin-right: 3%;
  width: 30.3333333%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 100%;
}

ol.commentlist {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
  text-indent: 0;
}
ol.commentlist li.comment {
  padding: 1em;
  border-top: 1px solid #eee;
}
ol.commentlist li.comment div.vcard cite.fn {
  text-transform: uppercase;
  font-size: 14px;
}
ol.commentlist li.comment div.vcard img.avatar {
  float: left;
  margin: 6px 1em 1em 0;
  border-radius: 50px;
}
ol.commentlist li.comment div.comment-meta {
  font-size: 12px;
}
ol.commentlist li.comment ul {
  margin: 0 0 1em 2em;
}
ol.commentlist li.comment div.reply {
  margin-left: 80px;
  font-size: 11px;
}
ol.commentlist li.comment div.reply a {
  font-weight: bold;
}
ol.commentlist li.comment ul.children {
  margin: 1em 0 0;
  list-style: none;
  text-indent: 0;
}
ol.commentlist li.comment ul.children li.depth-2 {
  margin: 0 0 0.25em 0.25em;
  border-left: 1px solid #eee;
}
ol.commentlist li.comment ul.children li.depth-3 {
  margin: 0 0 0.25em 0.25em;
  border-left: 1px solid #eee;
}
ol.commentlist li.comment ul.children li.depth-4 {
  margin: 0 0 0.25em 0.25em;
  border-left: 1px solid #eee;
}
ol.commentlist li.even {
  background: #fff;
}
ol.commentlist li.odd {
  background: #f9f9f9;
}
ol.commentlist li.parent {
  border-left: 1px solid #eee;
}
ol.commentlist li.bypostauthor .fn {
  font-weight: bold;
}
ol.commentlist li img {
  max-width: 97%;
}