

:root {
    --colorTextDef: #000;
    --colorBgNero: #666;
    --colorBorderCard: #666;
    --coloreGiallo: rgb(255, 200, 0);
	--coloreRosso: #e7515a;
    --coloreGrigioCh: #f7f7f7;
    --roundedDefault: 10px;
    --roundedBtnDefault: 15px;
}

.fSmall{
    font-size:0.8em;
}

#ajaxWait { 
    display:none;
	background: rgb(0,0,0,0.5); 
	width:100%; 
	z-index:999999999 !important; 
	color:#fff; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
    pointer-events: none;
}
#ajaxWait > div {
	position: absolute;
	width  : 80px;
	height : 80px;
    top: calc(50% - 40px); /* 50% - 3/4 of icon height */
    left: calc(50% - 40px); 
}
.text-orange{
    color: var(--coloreArancio);
}
header{
    background-color:#fff;
}
.hiddenElement{
    display:none !important;
}
.border-black{
    border-color:#000;
}
.text-giallo{
    color: var(--coloreGiallo);
}
.bg-dark{
    background: #666 !important;
}
.text-black{
    color: #000 !important;
}
.bg-giallo{
    background: var(--coloreGiallo);
}
.bg-white{
    background-color:#fff;
}
.bg-soft-light{
    background-color: rgba(255,255,255,0.6);
}
.radiusDefault{
    border-radius: var(--roundedDefault);
}
.pinPosition{
    color: var(--coloreArancio);
    font-weight:500;
}
#rispRegAccOrg, #rispFrmSend{
    border: 1px solid green;
    padding: 5px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 30px;
}

a{
    transition: color 0.3s ease; /* Tempo e tipo di animazione */
    text-decoration:none;
    color: var(--coloreArancio);
    font-weight: 600;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
.min-vh-25 { min-height: 25vh; }
.min-vh-50 { min-height: 50vh; }
.min-vh-75 { min-height: 75vh; }
.min-vh-100 { min-height: 100vh; }
.pointer{
    cursor: pointer;
}
.evidenzia:hover{
    opacity: 0.5;
    cursor: pointer;
}
.disabledBtn{
    pointer-events:none;
    opacity:0.5;
}
.opaco01{
    opacity: 0.1;
}
.disabledSection{
	pointer-events: none;
}
/* DETTAGLIO EVENTO */
.bannerInfoEv{
    height:400px;
    background-size: cover;
    background-position: center;
    height: 400px;
    position: relative;
}
.imgEvExtra img{
    max-height: 272px;
    border-radius: var(--roundedDefault);
    padding:5px;
}
/* Stile base della colonna */

.bg-tipTk-line {
    
    width: 15px; /* Larghezza di 10px */
    height: 100%; /* Altezza pari alla colonna */
    position: absolute; /* Posizione assoluta per tenerla all'interno della colonna */
    right: 0; /* Posiziona la linea verde all'estrema sinistra della colonna */
    top: 0;
    border-radius: 0 var(--roundedDefault) var(--roundedDefault) 0;
}
/* HOME */

@media (max-width: 768px) {
    .search-container {
        max-width: 100%;
    }
}


.bg-orange-trasp{
    background-color: var(--coloreArancioTrasp) !important;
}
.bg-novita{
    background: #2f2f2f;
    border-radius:10px;
}

/* ###################### */
/* CARD EVENTI */
.titleEv{
    font-weight:700;
    font-size:14px;
}
.dateEv{
    font-size:11px;
    font-weight: 300;
    font-style: italic;
}
.luoEv{
    font-style:italic;
    font-size:12px;
}
/*
.btn-std-outline {
    background-color: #fff; 
    color: #fca180; 
    padding: 10px 20px;
    border: 1px solid #fca180; 
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}

.btn-std-outline:hover {
    background-color: #fca180; 
    color: white; 
}

.bg-viola-ch{
    background: var(--coloreViolaOp);
}
*/
.btn-light{
    background: #ccc;
    border-width: 2px;
    border-radius: var(--roundedDefault);
}


.radiusAdd{
    border-radius: 20px;
}

.btn-gll-def{
    color:var(--colorTextDef);
    background:var(--coloreGiallo);
    /*display: flex;*/
    align-items: center;  /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
    padding: 5px 4px; /* Aggiusta il padding se necessario */
    font-size: clamp(10px, 3vw, 12px);
    border-radius:15px;
    font-weight:bold;
}
.btn-gll-def:hover{
    color:var(--coloreGiallo);
    background:#fff;
    border-color:var(--coloreGiallo);
    cursor:pointer;
}
.btn-bnc-brdgll-def{
    color:var(--colorTextDef);
    background:#fff;
    border: 1px solid var(--colorTextDef);
    /*display: flex;*/
    align-items: center;  /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
    padding: 5px 4px; /* Aggiusta il padding se necessario */
    font-size: clamp(10px, 3vw, 12px);
    border-radius:15px;
    font-weight:500;
}
.btn-bnc-brdgll-def:hover{
    border-color: var(--coloreGiallo);
    cursor:pointer;
}
.btn-bianco-def:hover{
    background:var(--colorTextDef);
    color:#fff;
    cursor:pointer;
}
.btn-bianco-def{
    color:var(--colorTextDef);
    background:#fff;
    border: 1px solid var(--colorTextDef);
    /*display: flex;*/
    align-items: center;  /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
    padding: 5px 4px; /* Aggiusta il padding se necessario */
    font-size: clamp(10px, 3vw, 12px);
    border-radius:15px;
    font-weight:500;
}
.btn-bianco-def:hover{
    background:var(--colorTextDef);
    color:#fff;
    cursor:pointer;
}
.btn-info-event{
    font-size:0.8em;
    border: 1px solid var(--colorTextDef);
    background:#fff;
    color:var(--colorTextDef);
    font-weight:500;
}
.btn-info-event:hover{
    background:var(--colorTextDef);
    color:#fff;
}


/** DETTAGLIO EVENTO */
.DTdataOrEve{
    font-size: 21px;
}
.DTdataOrEve span{
    font-weight:500;
}

.DTluoEve{
    font-size: 16px;
    font-weight:300;
}
.DTaltri span{
    font-weight:500;
    margin-top: 10px;
}
/* FOOTER */
.socialIcon a{
    color: grey;
}
.socialIcon a:hover{
    opacity: 0.5;
}

.footer-59391 {
    border-top: 1px solid #efefef;
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    padding: 1rem 0 0 0; }
    .footer-59391 .site-logo {
      color: #fff; }
      .footer-59391 .site-logo a {
        font-size: 1.1rem;
        text-decoration:none;
        color: #000;
        font-weight: 900; }
    .footer-59391 .social-icons li {
      display: inline-block; }
      .footer-59391 .social-icons li a {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
        .footer-59391 .social-icons li a.dr {
          background: #ff2e6e; }
        .footer-59391 .social-icons li a.be {
          background: #394cff; }
        .footer-59391 .social-icons li a.tw {
          background: #00a0fb; }
        .footer-59391 .social-icons li a.in {
          background: #c31574; }
        .footer-59391 .social-icons li a.fb {
          background: #3b579b; }
        .footer-59391 .social-icons li a.yt {
          background: #fa2614; }
        .footer-59391 .social-icons li a span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          color: #fff; }
    .footer-59391 .nav-links li {
      display: inline-block; }
      .footer-59391 .nav-links li a {
        font-size: 14px;
        color: #777;
        padding: 10px; }
    @media (max-width: 1199.98px) {
      .footer-59391 .nav-links.nav-left li:first-child a {
        padding-left: 0; } }
    .footer-59391 .nav-links.nav-right li:last-child a {
      padding-right: 0; }
    @media (max-width: 1199.98px) {
      .footer-59391 .nav-links.nav-right li:first-child a {
        padding-left: 0; } }
    .footer-59391 .copyright {
      text-align: center;
      color: #777; 
    }

      