/*
Theme Name: idGrafica-GeneratePress
Theme URI: https://www.pointnet.it/
Template: generatepress
Author: Alessio Pellegrini
Author URI: https://www.pointnet.it/curriculum-vitae-alessio-pellegrini/
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.1.3.1660225826
Updated: 2022-08-11 13:50:26

*/
@font-face {
  font-family: 'neontubes';
  src: url('assets/webfonts/neontubes/neontubes-webfont.eot');
  src: url('assets/webfonts/neontubes/neontubes-webfont.eot?#iefix') format('embedded-opentype'),
    url('assets/webfonts/neontubes/neontubes-webfont.woff2') format('woff2'),
    url('assets/webfonts/neontubes/neontubes-webfont.woff') format('woff'),
    url('assets/webfonts/neontubes/neontubes-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100%;
}

body {
  background-color: #070007;
  color: #edddef;
}


.purple-back {
  border-bottom: 1px dashed #00efff96;
  position: relative;
  background-color: #2900296e;
}

/* --- background image with media queries --- */
@media (max-width: 768px) {

  /* CSS in here for mobile only */
  body {
    background-image: url(assets/images/idGrafica-metropolis-nightlife-cartoon-background-768.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

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

  /* CSS in here for tablet only */
  body {
    background-image: url(assets/images/idGrafica-metropolis-nightlife-cartoon-background-1024.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

@media (min-width: 1025px) and (max-width: 1920px) {

  /* CSS in here for desktop only */
  body {
    background-image: url(assets/images/idGrafica-metropolis-nightlife-cartoon-background-1920.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

@media (min-width: 1921px) {

  /* CSS in here for big dude monitors only */
  body {
    background-image: url(assets/images/idGrafica-metropolis-nightlife-cartoon-background-2560.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

/* --- EOF background image with media queries --- */

h2,
h3,
h4,
h5,
h6 {
  border-bottom: 1px dashed #2c777c;
  position: relative;
}

.titolo-copertina {
  text-transform: uppercase;
  color: white !important;
  padding: 8px 0;
  background-color: #124d5180;
}

h2::before,
h3::before,
h4::before {
  position: absolute;
  bottom: -3px;
  right: 10px;
  width: 35px;
  height: 5px;
  content: "";
  display: inline-block;
  background-color: #409fa5;
}


/* --- neontubes --- */
h1,
h2,
h3,
h4,
h5 {
  /*  font-family: "neontubes";   */
}

.neontubes-webfonts {
  font-family: "neontubes";
}

.neontubes-webfonts span {
  /* display: block; */
  /* position: relative; */
  /* transform: translateZ(0) translate3D(0, 0, 0); */
  /* -webkit-backface-visibility: hidden; */
  /* backface-visibility: hidden; */
  /* will-change: opacity; */
}

.neontubes-webfonts .pink-blink {
  transform: rotate(-1deg);
  color: #ffd9e2;
  text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
  -webkit-animation: blink-skin 4s infinite alternate;
  animation: blink-skin 4s infinite alternate;
}

.neontubes-webfonts .cyan-buzz {
  transform: rotate(1deg);
  color: #d4eaff;
  text-shadow: 0 0 0 transparent, 0 0 10px #2695ff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #2695ff, 0 0 100px #2695ff, 0 0 200px #2695ff, 0 0 300px #2695ff, 0 0 500px #2695ff;
  -webkit-animation: buzz 0.01s infinite alternate;
  animation: buzz 0.01s infinite alternate;
}

@-webkit-keyframes buzz {
  70% {
    opacity: 0.8;
  }
}

@-webkit-keyframes blink-skin {
  40% {
    opacity: 1;
  }

  42% {
    opacity: 0.8;
  }

  43% {
    opacity: 1;
  }

  45% {
    opacity: 0.2;
  }

  46% {
    opacity: 1;
  }
}


/* --- EOF neontubes --- */
.inside-header {
  padding: 20px 20px;
}

.site-header .header-image {
  margin: 0 0 -22px 0;
}

.main-navigation,
.main-navigation ul ul {
  background-color: transparent;
}

.main-navigation .main-nav ul li a {
  border-left: 1px solid #000000;
  border-right: 1px solid #ffffff08;
  background-color: #ac4f6f33;
  color: #cdcdcd;
}

.main-navigation .main-nav ul li.current-menu-item>a {
  color: #ffffff;
}

.main-navigation .main-nav ul li.current-menu-item a,
.main-navigation .main-nav ul li[class*="current-menu-"]>a {
  background-color: #ac4f6f66;
  color: white;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"])>a,
.main-navigation .menu-bar-item:hover>a,
.main-navigation .menu-bar-item.sfHover>a {
  color: white;
  background-color: #ac4f6f4f;
}

button.menu-toggle:hover,
button.menu-toggle:focus {
  color: #ffffff;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color: #ffffff;
}

@media (max-width: 768px) {
  /* CSS in here for mobile only */
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* CSS in here for tablet only */
}

@media (min-width: 1025px) {

  /* CSS in here for desktop only */
  .nav-float-right #site-navigation {
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .inside-header {
    position: relative;
    height: 86px;
  }
}

.site-header {
  background-color: #241820b0;
  color: var(--base);
  border-bottom: 2px solid #f5b67854;
}

.site-header::after {
  content: " ";
  border-top: 3px solid #ac4f6f82;
  border-bottom: 3px solid #ff965287;
  display: block;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.sidebar .widget {
  background-color: #381c0da1;
  /* border-color: #955838; */
  border: 1px dotted #955838;
}

article {
  border: 1px dotted #ffa50024;
}

.entry-summary {
  position: relative;
}

/* --- trippy neon button and read more ---- */
:root {
  --clr-one: rgb(255, 20, 147);
  --clr-two: #ca658b;
  --clr-three: rgb(255 255 255);
  --clr-bg: #1d1e22;
}

a.read-more {
  position: absolute;
  bottom: -50px;
  right: 0;
  color: var(--clr-three) !important;
  border: var(--clr-two) 0.125em solid;
  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em --clr-two;
  box-shadow: inset 0 0 0.5em 0 var(--clr-two), 0 0 0.5em 0 var(--clr-two);
  text-decoration: none;
  padding: 3px 10px;
}

a.read-more::before {
  content: "";
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: perspective(1.5em) rotateX(45deg) scale(0.8, 0.3);
  filter: blur(1.5em);
  opacity: 0.7;
  pointer-events: none;
  background: var(--clr-two);
}

a.read-more::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  bottom: -1px;
  right: -1px;
  opacity: 0;
  z-index: -1;
  transition: opacity 100ms linear;
  box-shadow: 0 0 2em 0.5em var(--clr-two);
  background-color: var(--clr-two);
}

a.read-more:hover::before,
a.read-more:focus::before {
  opacity: 1;
}

a.read-more:hover::after,
a.read-more:focus::after {
  opacity: 1;
}

a.read-more:hover,
a.read-more:focus {
  outline: none;
  color: var(--clr-bg) !important;
  text-shadow: none;
  z-index: 1;
}

/* --- EOF trippy neon button and read more ---- */
/* --- Pulsante gagliardo ---- */

.pulsante-gagliardo a.wp-block-button__link:not(.has-background) {
  position: relative;
  color: var(--clr-three) !important;
  border: var(--clr-two) 0.125em solid;
  text-shadow: 0 0 .125em hsl(0 0% 100% / .3), 0 0 .45em --clr-two;
  box-shadow: inset 0 0 0.5em 0 var(--clr-two), 0 0 0.5em 0 var(--clr-two);
  text-decoration: none;
  background-color: #1b0820;
  padding: 10px 10px;
}

.pulsante-gagliardo:not(.has-background) a:hover {
  background-color: #000000;
}

/* --- EOF Pulsante gagliardo ---- */

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
  color: var(--base-2);
  border: 1px dotted #8d0086a3;
  background-color: #241820e3;
}

.site-info {
  /* background-color: #241820b0; */
  background-color: #241820e3;
}

.entry-title a,
h1,
h2,
h2.entry-title a,
h3,
h4,
h5,
h6,
.page-header a {
  color: #ffffff;
}

.inside-article a,
.paging-navigation a,
.comments-area a {
  color: #f5c3aa;
}

.entry-title a:hover {
  color: #e59d78;
}

.entry-meta {
  color: #9f7e99;
}

b,
strong {
  font-weight: 700;
  color: white;
}

.syntaxhighlighter {
  background-color: black !important;
}

.syntaxhighlighter .line .number {
  color: white !important;
  background-color: black !important;
}

/* First line */
.syntaxhighlighter .line.alt1 {
  background-color: black !important;
}

/* Second line */
.syntaxhighlighter .line.alt2 {
  background-color: black !important;
}

/* --- back to top --- */
a.generate-back-to-top {
  background-color: rgb(222 0 255 / 30%);
  color: #ffffff;
}

.gp-icon svg {
  height: 1em;
  width: 1em;
  top: 0.125em;
  position: relative;
  fill: currentColor;
  color: #ffa2ff;
}

/* --- EOF back to top --- */
div.site-footer::before {
  content: " ";
  border-top: 5px solid #ac4f6fa6;
  border-bottom: 5px solid #ff9652ad;
  display: block;
  padding-top: 2px;
  margin-top: 2px;
}

.site-footer {
  border-top: 4px solid #f5b67894;
}

.crediti_pointnet a:link,
.crediti_pointnet a:active,
.crediti_pointnet a:visited {
  border-top: 1px;
  border-top-color: #f60;
  border-top-style: dotted;
  color: #999999;
}

.crediti_pointnet a:hover {
  text-decoration: none;
  color: #d1d1d1;
  border-bottom: 1px;
  border-bottom-color: #f90;
  border-bottom-style: dotted;
  border-top: none;
}