/*    Generated for New Relise 28 mar 2023    */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXX   Importazioni   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@import url("reset.css");
@import url("style_button.css");



/* ======================   definizioni comuni =============================  */
*{
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* valori di default */
body {
  font-family: "SansationLight.ttf","Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  text-indent: 0%;
  font-size: 100%;
  width: 80vw;
  margin: auto
}

/* definizione del bordo */
.bordo-rosso {border: 1px solid red}
.bordo-oro   {border: 1px solid gold}
.bordo-blu   {border: 1px solid hsl(230, 85.7%, 20%);}
.bordo-verde {border: 1px solid green}
.bordo-silver {border: 1px solid silver}


/* dimensione testo */
.txt-dim-1{font-size: 1vw}
.txt-dim-1_5{font-size: 1.5vw}
.txt-dim-2{font-size: 2vw}
.txt-dim-2_5{font-size: 2.5vw}
.txt-dim-3{font-size: 3vw}
.txt-dim-4{font-size: 4vw}
.txt-dim-5{font-size: 5vw}

/* colore testo */
.txt-bianco{color: white}
.txt-nero{color: black}

/* allineamento testo */
.txt-al-1{text-align: center}
.txt-al-2{text-align: left}
.txt-al-3{text-align: right}
.txt-al-4{text-align: justify}

.txt-al-5{text-align: left;padding: 20px 0}
.txt-al-5::after{content:' ▷';}
.txt-al-5:hover{color:blue}


/* font weight */
.txt-1{font-weight: normal}
.txt-2{font-weight: bold}


/* definizione dei colori */
.bg-col-1 {background: hsl(220, 100%, 90%)}
.bg-col-2 {background: hsl(220, 100%, 85%)}
.bg-col-5 {background: hsl(220, 100%, 45%)}
.bg-col-6 {background: hsl(220, 100%, 30%)}
.bg-grigio {background-color: rgb(180,180,180)}
.bg-blu {background-color: hsl(230, 85.7%, 11%); color:white}/* blu locandina */
.bg-blu-m {background-color: hsl(230, 85.7%, 20%); color:white}/* blu  */
.bg-giallo {background-color: hsl(56, 97%, 48%); color:black}/* giallo locandina */
.bg-verde-1{background-color: hsl(120, 15%, 60%); color:white}
.bg-verde-2{background-color: hsl(120, 15%, 40%); color:black}
.bg-royal{background-color: RoyalBlue; color:white}


.pad-03{padding:0.4em 0 0.4em 0}
.pad-1{padding:1em 0 1em 0}
.pad-2{padding:2em 0 2em 0}
.ombra{text-shadow: 1px 1px white}

.marg-5{margin:5px}
.marg-10{margin:10px}
.marg-15{margin:15px}
/* iframe */
.iframe-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.responsive-iframe > img {
  max-height: 100%;
  }

.content {
    background-color: transparent;
}
/* flex */
.flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
            box-orient: horizontal;
    flex-direction: row;

    -webkit-box-pack: center;
       -moz-box-pack: center;
            box-pack: center;
     justify-content: center;

    -webkit-box-align: center;
       -moz-box-align: center;
            box-align: center;
          align-items: center;

}

.flex-item {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
            box-flex: 1;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0px;
    border: solid 1px red;
    text-align: center;
    xheight: 300px;
    xdisplay: flex;
    align-items: center;
    box-sizing: content-box;
}
.flex-item > img {
    margin: auto;
    max-width: 100%;
    max-height:100%
}


.wrapper{
    margin: auto;
    width: 80%;width: 40%;
    border: solid 0px red;
}
.item > img {
    width: 100%;padding-bottom:2%;
    border: solid 0px blue;
}

a:link, a:visited, a:active {
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: blue;
    background-color: white;
    text-decoration: none;
}
a:active {
    color: blue;
}