@charset "UTF-8";
@keyframes jump {
  0% {
    transform: translateY(-1rem) scale(1.25, 0.75); }
  50% {
    transform: translateY(-3rem) scale(1, 1); }
  100% {
    transform: translateY(-1rem) scale(1.25, 0.75); } }
/*
    Created on : 10 giu 2022, 10:17:07
    Author     : Alberto Candelaresi <www.alberto-candelaresi.net>
*/
body {
  overflow-x: hidden; }

.text {
  color: brown;
  font-size: 220px;
  text-align: center; }

.open {
  color: green;
  background: #000;
  padding: 10px;
  border-radius: 20px; }

/* Preloader */
.container-preloader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 900; }

.container-preloader .animation-preloader {
  position: absolute;
  z-index: 100; }

/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: green;
  /* It is not in alphabetical order so that you do not overwrite it */
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em; }

/* Loading text */
.container-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat Regular', sans-serif;
  text-align: center;
  user-select: none; }

.container-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;
  color: orange;
  content: attr(preloader-text);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg); }

.container-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
  position: relative; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s; }

.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s; }

.container-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px); }

.container-preloader .loader-section.section-left {
  left: 0; }

.container-preloader .loader-section.section-right {
  right: 0; }

/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out; }

/* Curtain effect */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1); }

.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1); }

/* Animation of the preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg); } }
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg); }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg); } }
/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
  /* Preloader */
  /* Spinner Loading */
  .container-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em; }

  /* Text Loading */
  .container-preloader .animation-preloader .txt-loading {
    font: bold 3.5em 'Montserrat', sans-serif; } }
@media screen and (max-width: 500px) {
  /* Prelaoder */
  /* Spinner Loading */
  .container-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em; }

  /*Loading text */
  .container-preloader .animation-preloader .txt-loading {
    font: bold 2em 'Montserrat', sans-serif; } }
.origin {
  text-decoration: none;
  font-size: 45px; }

#gongitaly {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: relative; }
  #gongitaly #idee {
    margin-top: 1rem; }
    #gongitaly #idee span[class="cerca"] {
      border: 2px solid #FFF;
      border-radius: 150px;
      display: block;
      padding: 0.6rem;
      position: relative;
      width: calc(100% + 2 * 0.6rem); }
      #gongitaly #idee span[class="cerca"] button {
        background-color: #F76570;
        border-radius: 100px;
        border: 0;
        color: #FFF;
        font-size: 1rem;
        font-weight: bold;
        width: 100%;
        height: 100%;
        text-transform: uppercase;
        text-align: center; }
        #gongitaly #idee span[class="cerca"] button:disabled {
          background-color: #660000;
          cursor: not-allowed; }
    #gongitaly #idee input[type="checkbox"][id^="cb"] {
      display: none; }
    #gongitaly #idee label {
      border: 2px solid #fff;
      border-radius: 150px;
      padding: 0.6rem;
      display: block;
      position: relative;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: calc(100% + 2 * 0.6rem); }
    #gongitaly #idee label::before {
      background-color: white;
      color: white;
      content: " ";
      display: block;
      border-radius: 50%;
      border: 1px solid var(--rosso-gong);
      position: absolute;
      top: -5px;
      left: -5px;
      width: 25px;
      height: 25px;
      text-align: center;
      line-height: 28px;
      transition-duration: 0.4s;
      transform: scale(0); }
    #gongitaly #idee label img {
      height: 100%;
      width: 100%;
      border-radius: 150px;
      position: relative;
      transition-duration: 0.2s;
      transform-origin: 50% 50%; }
    #gongitaly #idee label span {
      display: block;
      color: #FFF;
      font-size: 1rem;
      font-weight: bold;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-transform: uppercase;
      z-index: 2;
      text-align: center;
      width: 100%; }
    #gongitaly #idee :checked + label {
      border-color: var(--rosso-gong); }
    #gongitaly #idee :checked + label::before {
      content: "✓";
      font-weight: bold;
      background-color: var(--rosso-gong);
      transform: scale(1.4); }
    #gongitaly #idee :checked + label img {
      transform: scale(0.9);
      box-shadow: 0px 0px 4px 4px var(--rosso-gong);
      z-index: 1; }
  #gongitaly .__oleo_font, #gongitaly ._bm {
    font-family: "Oleo Script Regular"; }
  #gongitaly ._bm {
    color: #FFF;
    margin-top: 5rem; }
    #gongitaly ._bm .titolo {
      font-size: 4rem;
      display: inline; }
    #gongitaly ._bm blockquote {
      border-left: 6px solid #FFF;
      padding-left: 2rem;
      float: right;
      display: inline;
      /*position: absolute;
      top: 100px;
      right: 50%;*/ }
      #gongitaly ._bm blockquote .motto-1 {
        color: inherit;
        font-size: 2rem; }
      #gongitaly ._bm blockquote .motto-2 {
        color: inherit;
        font-size: 1.5rem; }
      #gongitaly ._bm blockquote .firma {
        color: #FFF;
        font-size: 2.5rem;
        font-family: "Pinyon Script";
        float: right; }
  #gongitaly #to-down {
    color: var(--rosso-gong);
    font-size: 3rem;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    animation: jump 1.5s infinite; }

#pan-azioni {
  background: linear-gradient(180deg, #f0f0f0 0%, white 100%);
  min-height: 548px;
  padding-top: 40px; }
  #pan-azioni h2 {
    font-size: 32px;
    font-weight: bold; }
  #pan-azioni .gong-presentazione {
    font-size: 1.2rem;
    border-left: 4px solid #000;
    padding-left: 0.5rem;
    color: #000; }
  #pan-azioni ul._menu_azioni {
    list-style: none;
    margin: 0;
    padding: 0; }
    #pan-azioni ul._menu_azioni li {
      font-family: "PT Sans Bold", sans-serif;
      margin-bottom: 0.5rem; }
      #pan-azioni ul._menu_azioni li a {
        color: var(--rosso-gong);
        display: inline-block;
        font-size: 1.5rem;
        text-decoration: none; }
        #pan-azioni ul._menu_azioni li a span.ico {
          display: inline-block;
          border: 2px solid var(--rosso-gong);
          border-radius: 200px;
          margin-right: 1rem;
          width: 48px;
          height: 48px;
          padding: 0.5rem;
          text-align: center;
          transition: color 0.5s, background-color 0.5s; }
          #pan-azioni ul._menu_azioni li a span.ico i {
            font-size: inherit; }
        #pan-azioni ul._menu_azioni li a:hover span.ico, #pan-azioni ul._menu_azioni li a:focus span.ico {
          color: #FFF;
          background-color: var(--rosso-gong);
          transition: color 0.5s, background-color 0.5s; }
  #pan-azioni ._riga_profili {
    margin: 0px auto;
    width: 95%; }
    #pan-azioni ._riga_profili div.img {
      display: inline-block;
      position: relative;
      margin: 1%;
      width: 22%;
      transition: all 0.5s; }
      #pan-azioni ._riga_profili div.img:hover {
        opacity: 0.5;
        transition: all 0.5s; }
      #pan-azioni ._riga_profili div.img img {
        border-radius: 150px;
        position: relative;
        object-fit: fill;
        width: 100%; }
      #pan-azioni ._riga_profili div.img span {
        background-color: rgba(247, 101, 112, 0.7);
        border-radius: 0px 8px 0px 0px;
        color: #FFF;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 1.2rem;
        padding: 0rem 0.3rem; }
        #pan-azioni ._riga_profili div.img span small {
          font-weight: inherit; }
          #pan-azioni ._riga_profili div.img span small::after {
            content: "]";
            font-weight: normal;
            margin-left: 0.2rem; }
          #pan-azioni ._riga_profili div.img span small::before {
            content: "[";
            font-weight: normal;
            margin-right: 0.2rem; }
  #pan-azioni a[role="button"] {
    background-color: #1BBC9B;
    border-radius: 4px;
    color: #FFF;
    font-size: 19px;
    font-family: "PT Sans Bold", sans-serif;
    padding: 1rem; }

section {
  padding: 2rem 0; }
  section ._titolo h1::first-letter, section ._titolo h5::first-letter {
    font-weight: bold;
    font-size: 120%; }
  section ._titolo h1 {
    color: var(--rosso-gong); }

.__ev-sezione, #proposte-idee, #campionato {
  background: #EFEFFF;
  /*border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;*/ }
  .__ev-sezione ._titolo h1, #proposte-idee ._titolo h1, #campionato ._titolo h1 {
    color: var(--rosso-gong); }
  .__ev-sezione ._titolo h5, #proposte-idee ._titolo h5, #campionato ._titolo h5 {
    color: #000; }

#proposte-idee .swiper-wrapper {
  padding: 2rem;
  margin-bottom: 3rem; }
#proposte-idee .proposta-card {
  background-color: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
  #proposte-idee .proposta-card a {
    text-decoration: none; }
  #proposte-idee .proposta-card img {
    border-radius: 0.5rem 0.5rem 0 0;
    width: 100%; }
  #proposte-idee .proposta-card .proposta-card-body {
    min-height: 250px;
    padding: 0.5rem 0.5rem 1rem 0.5rem; }
    #proposte-idee .proposta-card .proposta-card-body h4 {
      color: #990000;
      font-size: 1rem;
      font-weight: bold;
      margin-top: 1rem; }
    #proposte-idee .proposta-card .proposta-card-body p {
      color: #000;
      font-size: 0.9rem; }

#racconti #_btn_tutti_i_racconti {
  color: var(--rosso-gong);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3rem;
  display: block;
  text-align: center;
  width: 100%; }
#racconti .grid {
  padding: 1rem;
  width: 100%; }
  #racconti .grid .grid-item {
    margin-bottom: 1rem;
    width: 300px; }
    #racconti .grid .grid-item a {
      color: #000;
      font-size: 0.8rem;
      overflow: hidden;
      text-decoration: none; }
      #racconti .grid .grid-item a img {
        border-radius: 0.375rem;
        width: 100%; }
    #racconti .grid .grid-item article {
      color: #000;
      font-size: 0.8rem;
      padding: 0.5rem; }
      #racconti .grid .grid-item article .titolo {
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem; }
        #racconti .grid .grid-item article .titolo h4 {
          font-size: 1rem;
          font-weight: bold;
          text-align: center; }
      #racconti .grid .grid-item article .d-pub {
        margin: 0 0 1rem 0; }
      #racconti .grid .grid-item article .autore a {
        color: var(--rosso-gong);
        font-size: 0.9rem; }
      #racconti .grid .grid-item article .lrac:hover, #racconti .grid .grid-item article .lrac:focus, #racconti .grid .grid-item article .lrac:active {
        color: var(--rosso-gong); }

#campionato a {
  color: #FFF;
  display: block;
  text-decoration: none; }
#campionato .container-locations figure {
  float: left;
  margin: 0;
  position: relative;
  width: 16.66%; }
  #campionato .container-locations figure img {
    width: 100%; }
  #campionato .container-locations figure figcaption {
    background-color: rgba(63, 63, 63, 0.7);
    position: absolute;
    line-height: 2.5rem;
    bottom: 0;
    left: 0;
    font-size: 1.2rem;
    text-align: center;
    width: 100%; }
#campionato a[role="button"] {
  background-color: var(--rosso-gong); }

@media (orientation: landscape) and (max-width: 915px) {
  #gongitaly {
    height: 800px; } }
@media screen and (max-width: 1200px) {
  #campionato .container-locations figure {
    width: 20%; }
  #campionato .container-locations figure:nth-child(16), #campionato .container-locations figure:nth-child(17), #campionato .container-locations figure:nth-child(18) {
    display: none; } }
/*@media screen and (max-width: 1075px) {
    nav.navbar .navbar-nav {
        .dropdown-item, .nav-link {
            font-size: 0.8rem;
        }   
    }
}*/
@media screen and (max-width: 992px) {
  #gongitaly #idee {
    top: 24vh; }
    #gongitaly #idee label {
      padding: 2px; }
      #gongitaly #idee label .cat {
        font-size: 0.7rem;
        font-weight: normal; }
  #gongitaly ._bm blockquote {
    margin-top: -30px;
    width: 50%; }
    #gongitaly ._bm blockquote .motto-1 {
      font-size: 1.8rem;
      margin-top: 1rem; }
    #gongitaly ._bm blockquote .motto-2 {
      font-size: 1.4rem; }
    #gongitaly ._bm blockquote .firma {
      font-size: 1.5rem; }

  #pan-azioni ul._menu_azioni {
    margin: 0px auto;
    width: 50%; }
  #pan-azioni a[role="button"] {
    margin: 0px auto;
    display: block;
    width: 50%; }

  #racconti .grid .grid-item {
    width: 250px; }

  #campionato .container-locations figure {
    width: 25%; }
    #campionato .container-locations figure figcaption {
      font-size: 0.9rem; }
  #campionato .container-locations figure:nth-child(16) {
    display: block; }
  #campionato .container-locations figure:nth-child(17), #campionato .container-locations figure:nth-child(18) {
    display: none; } }
@media screen and (max-width: 768px) {
  #gongitaly ._bm {
    margin-top: 3.5rem;
    text-align: center; }
    #gongitaly ._bm .titolo {
      font-size: 2.5rem; }
    #gongitaly ._bm blockquote {
      border-left: 0;
      clear: right !important;
      margin: 1rem 0 0 0;
      left: 0;
      display: inline-block;
      position: relative;
      width: 100%; }
      #gongitaly ._bm blockquote .motto-1 {
        color: inherit;
        font-size: 1.5rem;
        text-align: center; }
      #gongitaly ._bm blockquote .motto-2 {
        color: inherit;
        font-size: 1rem;
        text-align: center; }
  #gongitaly #idee {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%; }

  #pan-azioni .gong-presentazione {
    font-size: 1rem; }

  #racconti .grid .grid-item {
    width: 200px; }

  #campionato .container-locations figure {
    width: 33.33%; }
    #campionato .container-locations figure figcaption {
      font-size: 0.8rem; }
  #campionato .container-locations figure:nth-child(16), #campionato .container-locations figure:nth-child(17), #campionato .container-locations figure:nth-child(18) {
    display: block; } }
@media screen and (max-width: 651px) {
  #gongitaly #idee {
    padding: 0 1rem;
    /*left: 7vw; 
    top: 15vh;
    width: 86vw;*/ }
    #gongitaly #idee label span {
      font-size: 0.7rem; }
  #gongitaly blockquote {
    left: 16px; }
    #gongitaly blockquote .motto-1 {
      font-size: 1.4rem; }
    #gongitaly blockquote .motto-2 {
      font-size: 1.1rem; }
    #gongitaly blockquote .firma {
      font-size: 0.9rem; }

  #pan-azioni {
    padding-top: 20px; }
    #pan-azioni a[role="button"] {
      font-size: 0.9rem; } }
@media screen and (max-width: 576px) {
  #gongitaly ._bm blockquote {
    margin-top: 0; }
  #gongitaly #idee {
    margin-top: 4.5rem; }
    #gongitaly #idee span[class="cerca"] {
      border-radius: 150px;
      padding: 2px; }
      #gongitaly #idee span[class="cerca"] button {
        border-radius: 150px;
        font-size: 0.8rem;
        font-weight: normal;
        width: 100%;
        height: 100%; }
    #gongitaly #idee .container {
      width: 100%; }
    #gongitaly #idee .ccat {
      padding: 5px; }
  #gongitaly #to-down {
    font-size: 2rem;
    animation: none; }

  #racconti .grid .grid-item {
    width: calc(50% - 1.5rem); }

  #campionato .container-locations figure {
    width: 50%; } }
@media screen and (max-width: 500px) {
  #gongitaly blockquote {
    display: none; }

  #pan-azioni ul._menu_azioni {
    margin: 0px auto;
    width: 100%; }
    #pan-azioni ul._menu_azioni li a {
      font-size: 1rem; }
  #pan-azioni ._riga_profili {
    width: 98%; }
    #pan-azioni ._riga_profili div.img {
      display: inline-block;
      margin: 1%;
      width: 21%; }

  #proposte-idee .proposta-card {
    height: 250px;
    overflow: hidden; }

  #racconti .box-racconto {
    width: 50%; }

  #campionato ._locs {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 4px !important; } }
@media screen and (max-width: 400px) {
  #racconti .grid .grid-item {
    width: calc(100% - 2rem); } }
/*.box-racconto {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-height: 35vh;
    width: 25%;
    
    img {
        min-height: 100%;
        height: 100%;
        width: 100%;
    }
    
    .br-content {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 1rem;
        transition: background-color 0.5s;
        
        a {
            text-decoration: none;
        }
        
        .titolo {
            color: #EEE;
            font-family: "Anton", serif;
            font-weight: bold;
            font-size: 1.5rem;
            top: 50%;
            position: relative;
            transform: translateY(-50%);
            margin: 0;
            padding: 0.5rem;
            
            .info {
                font-size: 1rem;
                font-weight: normal;
                display: block;
                margin: 0;
                padding: 0;
                
                span {
                    display: block;
                }
            }
        }
        
        p {
            color: #EEE;
            background-color: $bk-testi;
            border-radius: 6px;
            position: relative;
            margin: 0;
            padding: 0.5rem;
            top: 100%;
            transition: all 0.5s;
        }
        
        &:hover, &:focus {
            background-color: transparent;
            transition: background-color 0.5s;
            
            .titolo {
                background-color: $bk-testi;
                border-radius: 6px;
                top: 30%;
                transition: all 0.5s;
            }
            
            p {
                display: block;
                top: 25%;
                transition: all 0.5s;
            }
        }
    }
}*/