@font-face {
    font-family: 'ephemera';
    src: url("font/ephemera.otf") format("opentype");
}

@font-face {
    font-family: 'poppins';
    src: url("font/Poppins-Regular.ttf") format('truetype')
}

@font-face {
    font-family: 'poppins-bold';
    src: url("font/Poppins-Bold.ttf") format('truetype')
}

html {
	scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

h1 {
font-family: 'ephemera';
color: #CE0E2D;
font-weight: 400;
}

.uk-section-muted{background:#ccc}


.peppero-title {
    font-family: 'ephemera';
    color:#CE0E2D;
    line-height: 5vw;
}

.peppero-title-box {
    font-family: 'ephemera';
    color:#CE0E2D;
    line-height: 5vw;
}

.peppero-title-box2 {
    font-family: 'ephemera';
    color:#CE0E2D;
    line-height: 2vw;
}

.title-card {
    font-family: 'ephemera';
    color:#CE0E2D !important;
}

.text-promo {
    color: #CF102D;
    font-size: 20px;
    font-family: 'ephemera';
    font-weight: 400;
    word-wrap: break-word;
 }


 .text-promo-desc {
 color: #751322;
  font-size: 20px;
  font-family: 'poppins';
  font-weight: 400;
  word-wrap: break-word;
  }

  .title-contatti {
   color: #FFF;
   font-size: 4.5vw;
   font-family: 'ephemera';
   font-weight: 400;
   text-transform: uppercase;
   word-wrap: break-word;
  }

  .text-contatti {
  color: #FFF;
   font-size: 20px;
   font-family: 'poppins';
   font-weight: 500;
   word-wrap: break-word;
  }

 .info_contatti {
    font-family: 'poppins';
    font-size: 13px;
    text-align: justify;
  }

  .footer_menu {
    font-family: 'poppins-bold';
    font-size: 13px;
    font-weight:bold;
  }

    .footer_menu2 {
        margin-top:10px;
      font-family: 'poppins';
      font-size: 12px;
    }

        .footer_menu2 a {
           text-decoration:none;
           color: #666;
        }

 .menu_top ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
 }

 .menu_top li {
   float: left;
    padding-left: 20px;
    padding-top: 20px;
 }

 .menu_top li a {
   display: block;
   color: #FFF !important;
   text-align: center;
   padding: 16px;
   text-decoration: none;
   text-transform:none !important;
   font-size:21px;
   font-family: 'poppins';

 }

 .menu_top li:hover {
   text-decoration: underline !important;
   text-decoration-color: #FFF !important;
   text-underline-offset: 10px !important;
   color: #FFF !important;
 }

 .menu_top li a:hover {
   text-decoration: underline !important;
   text-decoration-color: #FFF !important;
   text-underline-offset: 10px !important;
   color: #FFF !important;
 }

 input {
   border: 0 !important;
   outline: 0 !important;
   border-bottom: 2px solid #FFF !important;
   color: #ccc !important;
   background-color:#D00529 !important;
 }

  textarea {
    border: 0;
    outline: 0;
    border: 2px solid #FFF;
    font-size: 1.4rem;
    color: #ccc;
    background-color:#D00529;
  }

 textarea:focus, input:focus{
     outline: none;
 }


 input[type=button], input[type=submit], input[type=reset] {
   background-color: #FFF;
   color: #D00529;
   padding: 16px 32px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
     border: 2px solid #FFF;
     border-radius: 5px;
 }


#contactForm {
 font-family: 'poppins';
 font-size: 12px;
 }

  .rotta {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: 50%;
   display:flex;
  }

  .label-form {
    color: #FFF;
  }

 #pp-submit {
     background-color: #FFF;
     color: #D00529;
          border: 2px solid #FFF;
          border-radius: 5px;
          text-transform:none;
  }

  #contactForm .error {
  color:#FFF;
  font-style:italic;
  }

  @media screen and (max-width:1024px){
    .peperone_contatti {
      display:none;
    }
  }

  #msgSubmit {
      color:#FFF;
      font-size:14px;
  }

  #messaggio {
  color: #fff;
  }

  .pp-navbar {
  z-index:999;
  background:transparent !important;
  height:150px;
  }

   .pp-navbar svg {
    width:40px;
    color:#FFF;
    }

       .pp-navbar .uk-navbar-right {
align-items:start !important;
        }

  @media screen and (max-width:768px){
    .text-promo-desc, .text-contatti {
      font-size:16px;
    }
  }

/* Stile per il banner di consenso */
#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 5px;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    z-index: 999990;
}
#cookie-banner p {
    margin: 0;
    padding: 0;
    font-size: 16px;
}
#cookie-banner button {
    margin: 10px;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
#accept-btn {
    background-color: #4CAF50;
    color: white;
}
#reject-btn {
    background-color: #f44336;
    color: white;
}



@media screen and (max-width: 768px) {
.uk-accordion-title {
font-size: 16px;
    }
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  width: 60px;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
  margin: 0 auto;
  padding-top: 10px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  display: none;
  overflow: hidden;
}

.accordion:after {
   content: url("../assets/Arrow_Down.svg");
     width: 22px;
      height: 10px;
      margin: 10px 5px 0 10px;
}

.active:after {
  content: url("../assets/Arrow_Up.svg");
}