/*
Theme Name: 	PURE.TECH - FLEEEX THEME
Description: 	Responsive WordPress Theme.
Version:     	2.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.
*/






/* ------------------------------------------------------------------------- *
/* ! Variables */
/* ------------------------------------------------------------------------- */
:root {
  /* COLORS */
  --primary: #95B2F9;
  --primary-rgb: 149, 178, 249;
  --mid-grey: #959595;
  --dark: #070707;
  --dark-rgb: 7, 7, 7;
  /* TRANSITION */
  --transition: all 400ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

/* ------------------------------------------------------------------------- *
/* ! Intro */
/* ------------------------------------------------------------------------- */

.pt-intro-wrap {width: 100%;height: 100vh;position: fixed;z-index: 99;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.pt-intro-wrap-overlay,.pt-intro-wrap-gradient {position: absolute;width: 100%;height: 100vh;top: 0;left: 0;background: #010101;z-index: 96;}
.pt-intro-wrap-gradient {background: radial-gradient(circle, #010101 0%, #010101 100%,);z-index: 97;}
.pt-intro-container {text-align: center;position: relative;z-index: 98;}
.co2Count {font-size: 27vh;line-height: 1;}

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

fieldset.hidden-fields-container {border: transparent !important;}
fieldset.hidden-fields-container {
  visibility: hidden !important;
}

body {
  background-color: var(--bgColor);
  color: var(--color);
}

::-moz-selection { /* Code for Firefox */
  color: var(--bgColor);
  background: var(--color);
}

::selection {
  color: var(--bgColor);
  background: var(--color);
}
.st0{fill:var(--color) !important;}
.nav-link {transition: var(--transition);}

html {
  scroll-behavior: smooth;
}

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

head {
  color-scheme: only dark;
}

/* .fadeOutWords,
.fadeOutWordsWhite {min-height: 25vh;} */
.fadeOutWords h2,
.fadeOutWordsWhite h2  {
  text-shadow: 0 0 0 rgba(0, 0, 0, 1);
  color: rgba(0, 0, 0, 0);
  max-width: 100%;
}

.fadeOutWordsWhite h2 {
  text-shadow: 0 0 0 rgb(255, 255, 255);
}


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

#fleeexNav.scrollUp {
  transition: var(--transition);
  transform: translateY(-100%);
}

.scrollUp {
  transition: var(--transition);
}



.fleeexNav_wrap {
  padding: calc(var(--side-margin)* 0.75) 0;
  padding: 0;
  width: 100%;
  z-index: 99;
  /* background-image: linear-gradient(#ECECEC, #ececec00); */
  background-color: var(--bgColor);
}

.fleeexNav_wrap_gradient {
  position: fixed;
  top: 0;left:0;width: 100%;height: 90px;
  /* background-image: linear-gradient(#ECECEC, #ececec00); */
  z-index: 98;
}
.fleeexNav_container, .fleeex_container {max-width: var(--width-site-wide);width: 100%; margin: 0 auto;padding: 0 var(--side-margin);}
/* .fleeexNav_container {max-width: 100%;} */
.fleeexNav_container,.fleeexNav_container_fluid {display: flex;align-items: center;justify-content: space-between;}
.fleeexNav_container__main_nav {display: flex;align-items: center;justify-content: start;flex: 1 0 0%;width: 100%;}
.fleeexNav_container .col {padding: 0;margin: auto;}
.fleeexNav_wrap .logo img {
  width: 140px;
  height: 100%;
  margin-right: calc(var(--side-margin) / 2);
  object-fit: contain;
  margin-bottom: 0;
}
.fleeexNav_container_fluid .desktop-menu a,.fleeexNav_container .desktop-menu a {padding: calc(var(--side-margin) / 2); white-space: nowrap;}
.nav-link {display: inline-block;color: var(--color);font-size: .8rem;}
.desktop-menu, .header_cta {list-style: none; display: flex;align-items: center;padding: 0;justify-content: center;width: 100%;margin: calc(var(--side-margin) / 3) 0}
.header_cta  {padding: 0;justify-content: end; margin: 0;}

/* MOBILE */
.main_menu_nav_mob {
  background-color: var(--bgColor);
  /* background-color: black; */
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100vh;
  height: 0;
  overflow-y: hidden;
  padding: 0;
  z-index: 98;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.mobile-menu {
  list-style: none;
  padding: 0; margin: 0;
}
.mobile-menu a,
.mobile-menu a,
.main_menu_nav_mob__header_cta .nav-link {
  color: var(--color);
  font-size: 2rem;
  display: block;
  width: 100%;
  border-top: 1px solid #E4E3E3;
  line-height: 1.25;
  padding: .25em 0;
}

.main_menu_nav_mob__header_cta .header_cta {
  justify-content: start;
  padding-left: 0;
  margin-left: 0;
  flex-direction: column;
  width: 100%;
}

.main_menu_nav_mob__header_cta .header_cta li {
  width: 100%;
}

.main_menu_nav_mob__header {padding: 0 !important;}



.hamburger {
  background-color: transparent;
  border: transparent !important;
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 1.1rem;
  border-radius: 100vw;
  letter-spacing: 0.03em;
  cursor: pointer;
  float: right;
  margin: 0;
  padding: 0;
}
.hamburger_icon {
  width: 72px;
  height: 36px;
  position: relative;
  background-color: var(--color);
  border-radius: 100vw;
}
.navbar-toggler_line {
  width: 36px;
  height: 1px;
  background-color: var(--bgColor);
  position: absolute;
  top: 14px;
  right: 17px;
}

.navbar-toggler_line.line_02 {
  top: 20px;
}

.menuOpen .main_menu_nav_mob {
  height: 100vh;
  overflow-y: scroll;
  padding: calc(80px + var(--side-margin)) var(--side-margin) var(--side-margin);
  /* border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem; */
  border-radius: 0;
  top: 0;
  left: 0;
  width: 100%;
}

hr {
  border-top: 1px solid var(--color) !important;
}

.menuOpen .navbar-toggler_line.line_02 {
  transform: rotate(135deg);
  transform: rotate(45deg);
  width: 25px;
  top:17px;
  right: 21px;
}
.menuOpen .navbar-toggler_line.line_01 {
  transform: rotate(225deg);
  transform: rotate(-45deg);
  width: 25px;
  top: 17px;
  right: 21px;
}

body.menuOpen { 
  /* overflow: hidden  */
  }


@media (min-width: 991px) {
  .lg-hidden {
    display: none;
  }
  .navbar_cta a {
    margin-left: var(--side-margin) !important;
    padding: calc(var(--side-margin) / 2) var(--side-margin) !important;
    background-color: var(--color) !important;
    border-radius: 100vw;
    color: var(--bgColor) !important;
    border: transparent;
    display: inline-block;
    box-sizing: border-box;
    word-break: break-word;
  }

  .main_menu_nav_mob__header_cta .navbar_cta .nav-link {
    color: white;
  }
}

@media (max-width: 990px) {
  .sm-hidden {
    display: none;
  }
  .fleeexNav_wrap {padding: calc(var(--side-margin) * 1) 0; background-color: transparent;}
}

@media (max-width: 676px) {
  .xs-hidden {
    display: none;
  }
  .fleeexNav_wrap .logo img {width: 130px;height: 100%;}
}


/* ------------------------------------------------------------------------- *
/* ! Single */
/* ------------------------------------------------------------------------- */

.single-thumbnail-figure {width: 100%;min-height: 100vh; height:100%; position: relative;}
.single-thumbnail-figure img {position: absolute;top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}

@media (max-width: 991px) {
  .single-thumbnail-figure {
    min-height: 50vh;
  }
}

/* ------------------------------------------------------------------------- *
/* ! Charts */
/* ------------------------------------------------------------------------- */

.chart-container {width:100%;height:50vh; }
.charts {width: 100%;height: 100%;}

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

.footer-img {
  width: 160px;
  height: 110px;
  position: relative;
  margin-right: 1rem;
}

.footer-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-contact-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

footer {
  padding-top: 120px;
}

.footer-menu,
.footer__menu {
  list-style: none;
  width: 100%;
  padding: 0;
}

.footer__menu ul {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.footer-menu li,
.footer__menu li {
  display: inline-block;
}

.footer-menu li a {
  color: var(--primary);
  padding: var(--side-margin);
  font-size: smaller;
}
.footer__menu li a {font-size: smaller;color: #a4a4a4;padding:1rem 1rem 1rem 0}

footer small {
  color: dimgray;
}

.footer-links a {font-size: 0.8rem;}

@media (max-width: 991px) {
  .sub-footer_col_1,
.sub-footer_col_2 {
  text-align: center;
}
}

.pipedriveWebForms iframe {
  max-width: 100% !important;
}



/* ------------------------------------------------------------------------- *
/* ! GLOBE */
/* ------------------------------------------------------------------------- */

@keyframes spin {
  to {
      transform: rotateY(-360deg);
  }
}

@keyframes opacity {
  to {
      opacity: 1;
  }
}
.scene {
  width: 80%;
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
  perspective: 1000px;
  perspective: 40rem;
}
.scene__inner {
  width: 100%;
  height: 100%;
  transform: rotateX(24deg) rotateY(0deg);
  transform-style: preserve-3d;
}
.globe {
  position: relative;
  width: 70%;
  height: 70%;
  margin: 0 auto;
  transform-style: preserve-3d;
  animation: spin 25s 0ms infinite linear;
}

.ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px;
  border: .25px;
  border-style: dotted;
  border-style: solid;
  border-radius: 50%;
  color: var(--dark);
  animation: opacity 0.75s forwards ease-in-out;
  opacity: 0;
}

.ring:nth-child(1) {transform: rotateY(4deg);}
.ring:nth-child(2) {transform: rotateY(30deg);}
.ring:nth-child(3) {transform: rotateY(56deg);}
.ring:nth-child(4) {transform: rotateY(82deg);}
.ring:nth-child(5) {transform: rotateY(108deg);}
.ring:nth-child(6) {transform: rotateY(134deg);}
.ring:nth-child(7) {transform: rotateY(160deg);}


@keyframes rotateOpacity {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: rotate(-180deg);
    opacity: 0.25;
  }
  100% {
    transform: rotate(-360deg);
    opacity: 1;
  }
}

.cat-circles {
  animation: rotateOpacity 6s infinite linear;
}


/* ------------------------------------------------------------------------- *
/* ! GSAP */
/* ------------------------------------------------------------------------- */

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

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

/* .cursor {
  position: fixed;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--dark);
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 101;
} */

.cursor__follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 70px;
  height:70px;
  border-radius: 50%;
  z-index: 100;
  pointer-events: none;
  background: radial-gradient(circle, rgba(165, 178, 209, 0.5) 100%,  rgba(165, 178, 209, 0) 0%);
}
}

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

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

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


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

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

}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode,
#cmplz-document p {
  font-size: 1rem;
}
.pagination{margin:40px 0;padding:0;width:100%}.pagination a,.pagination span{float:left;margin:0 10px 10px 0;padding:14px 19px;border:1px solid #ddd}.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.bypostauthor .fn,ol.commentlist li.comment div.reply a{font-weight:700}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,ol.commentlist li.comment ul.children li.depth-3,ol.commentlist li.comment ul.children li.depth-4{margin:0 0 .25em .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 img{max-width:97%}



/* ----------------------------- */
/* ! -- Contact Form */
/* ----------------------------- */

.wpcf7-form-control-wrap input:not([type="checkbox"]),
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input[type="submit"],
.wpcf7-form-control.wpcf7-submit.has-spinner {
  border: transparent;
  width: 100%;
  padding: .25em 0;
  border-bottom: 1px dashed var(--mid-grey);
  background-color: transparent;
  font-size: 2rem;
  font-family: "TT Hoves", sans-serif;
  max-height: 180px;
  transition: var(--transition);
  margin-bottom: .5em;
}


.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-size: 1.2rem;
  background-color: var(--mid-grey);
  color: white;
  border: transparent !important;
  padding: 1em;
  margin-bottom: 0em;
}

.wpcf7-form-control-wrap input[type="checkbox"] {
  margin-right: 1em;
}

.wpcf7-form-control-wrap input:focus-visible,
.wpcf7-form-control-wrap textarea:focus-visible {
  outline: none;
  background-color: #F4F4F4;
  padding: .25em;
}


/* CHARTS */
.figure-chart-a {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  padding-top: calc(100% / 2);
}
img.img-chart-a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
  object-fit: cover;
}
#chart-a-a,
#chart-b-a {
  position: absolute;
  width: 87%;
  height: 82%;
  left: 9%;
  top: 10%;
}

#chart-b-a,
#chart-c-a,
#chart-d-a {
  position: absolute;
  width: 95%;
  height: 82%;
  left: 2%;
  top: 10%;
}