/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
@font-face {
  font-family: 'NeutrifStudio';
  src: url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.eot");
  src: url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.eot?#iefix") format("embedded-opentype"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.woff2") format("woff2"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.woff") format("woff"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.ttf") format("truetype"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-bold.svg#youworkforthem") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'NeutrifStudio';
  src: url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.eot");
  src: url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.eot?#iefix") format("embedded-opentype"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.woff2") format("woff2"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.woff") format("woff"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.ttf") format("truetype"), url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/font/neutrif-studio-regular.svg#youworkforthem") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* BLOG.SCSS */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #fff;
  z-index: 99999;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  --webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out; }
  .overlay.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out; }

.close-overlay {
  display: block;
  width: 20px;
  height: 20px;
  position: fixed;
  top: 4vw;
  right: 4vw;
  cursor: pointer;
  z-index: 999999;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: all 0.3s ease-in-out; }
  @media all and (min-width: 48em) {
    .close-overlay {
      top: 30px;
      right: 30px;
      width: 25px;
      height: 25px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); } }
  .close-overlay:hover {
    transition: all 0.3s ease-in-out; }
    @media all and (min-width: 48em) {
      .close-overlay:hover {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }

@media all and (min-width: 48em) {
  .overlay .wrapper {
    display: flex;
    justify-content: flex-end; } }

.overlay #home_sidebar.overlay_content {
  padding-top: 40px;
  margin-right: 0;
  height: auto; }
  @media all and (min-width: 48em) {
    .overlay #home_sidebar.overlay_content {
      width: 55vw;
      display: flex;
      flex-direction: column;
      padding-top: 70px;
      position: relative;
      top: 0;
      left: 0%; } }
  @media all and (min-width: 64.0625em) {
    .overlay #home_sidebar.overlay_content::after {
      content: " ";
      display: block;
      width: 100%;
      height: 25vh;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 85%);
      position: fixed;
      bottom: 0; } }

.manifesto_container > p {
  margin: 0; }

.overlay_cover {
  padding-top: 80px; }
  @media all and (min-width: 48em) {
    .overlay_cover {
      position: fixed;
      bottom: 40px;
      left: 4vw;
      width: 33vw;
      height: calc(100vh - 160px);
      padding-top: 0px;
      background-position: top left;
      background-size: contain;
      background-repeat: no-repeat; } }
  @media all and (min-width: 64.0625em) {
    .overlay_cover {
      bottom: 0;
      height: calc(86vh - 55px);
      background-position: bottom left; } }
  @media all and (max-width: 47.99em) {
    .overlay_cover {
      background: none !important; } }
  .overlay_cover img {
    width: 100%;
    height: auto; }

.overlay .manifesto_container {
  margin-bottom: 50px; }

#about_overlay {
  background-color: #000;
  color: #fff;
  cursor: url("//claudiolarcher.com/wp-content/themes/wk_claudiolarcher_dev/img/pointer_white.png") 10 10, auto; }

#about_overlay .manifesto_container.about_content {
  margin-bottom: 80px; }
  @media all and (min-width: 64.0625em) {
    #about_overlay .manifesto_container.about_content {
      margin-bottom: 25vh; } }
  #about_overlay .manifesto_container.about_content p {
    margin-bottom: 1em; }

#about_overlay header {
  background: transparent; }
  @media all and (min-width: 64.0625em) {
    #about_overlay header {
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #000 25%); } }
  #about_overlay header #logo_sito * {
    fill: #fff; }

#about_overlay .close-overlay svg * {
  fill: #fff; }

@media all and (min-width: 48em) {
  #about_overlay #home_sidebar.overlay_content::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000 85%); } }

/*** CONTATTI ***/
@media all and (min-width: 64.0625em) {
  #contatti_overlay #home_sidebar,
  #credits_overlay #home_sidebar {
    padding-top: calc(14vh + 55px); } }

#contatti_overlay #home_sidebar .contatti_testo p,
#credits_overlay #home_sidebar .contatti_testo p {
  margin-bottom: 1em; }

@media all and (max-width: 64.0525em) {
  #contatti_overlay header,
  #credits_overlay header {
    background: transparent; } }