:root {
    /*variabili bootstrap*/
    --bs-body-bg: #aaa;
     --bs-nav-link-font-size: 14px

}

@media (min-width: 1400px) {
:root {
    /*variabili bootstrap*/
    --bs-nav-link-font-size: 18px
    }
}


.bg-gray {
background-color: rgba(255, 255, 255, 0.5)!important;
}
html {
    position: relative;
    min-height: 100%;
    background: linear-gradient(90deg, rgba(25,43,84,1) 0%, rgba(34,59,117,1) 35%, rgba(8,127,67,1) 83%, rgba(0,184,87,1) 100%);
  
}

body {
    padding-bottom: 160px;
    background-color:transparent;
    background-image: url('/media/nvpps4ra/bg_point_desktop.png');
    background-position: top center;
    background-size: 1200px;
    background-attachment: fixed;
    color:#fff;
   
}

a {color:#fff; text-decoration:none; font-weight:bold}
a:hover {color:#fff; text-decoration:underline;}

.bg-interna-login {
    background: rgb(25,43,84);
    background: linear-gradient(45deg, rgba(25,43,84,1) 0%, rgba(34,59,117,1) 35%, rgba(8,127,67,1) 83%, rgba(0,184,87,1) 100%);
}


h2 {
    font-weight:bold;
}


.card { 
    background-color: rgba(255, 255, 255, 0.5);
    border-radius:0;
}

.list-group-item { 
     background-color: rgba(255, 255, 255, 0.5);
         margin: 2px;
    border: none;
}

.form-control, .form-check-input  {

    background-color:white;
}


.form-select:disabled {
    background-color: rgba(255,255,255,0.2);
    color:rgba(0,0,0,0.4);;
}
.form-select {
    background-color: #fff;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius:0;
}

.blink {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100px;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 4px 2px #FFFFFF; 
box-shadow: 0px 0px 6px 2px #FFFFFF;
  animation-name: blink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes blink {
  50% {opacity: 0.8;}
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
  border: none;
  padding: 10px;
  border-radius: 30px;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0px 0px 6px 2px #FFFFFF;
}

.btn {
      border-width: 2px;
} 

.btn:hover {
      text-decoration:none;
} 

.header-interna {
    height: 10px;
}

.header-interna-login{
    height:auto;
}


.sticky-top {
    z-index: 99999;
}

nav form{margin-bottom:0;}


.interna-login .navbar-collapse, .interna-login .navbar-toggler{ 
    display:none!important;
}

.navbar-nav .nav-link { color: #fff}


.navbar-nav .nav-link:hover {
    background-color: #F2F2F2; 
    color: #555;
    text-decoration: none;
}

.navbar-nav .nav-link.active{background-color: #038d3a;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(23,44,94);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #214291;
    --bs-btn-hover-border-color: #214291;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #214291;
    --bs-btn-active-border-color: #214291;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #214291;
    --bs-btn-disabled-border-color: #214291;
}

.border-gradient-1 {
    border-image: linear-gradient(0.25turn, rgba(25,43,84), rgb(34,59,116), rgba(0,184,87));
    border-bottom: 4px solid transparent;
    border-image-slice: 1;
    width: 100%;
}

section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}



.box-info {
    background-color: #2a994e;
    color: #fff;
    padding: 2rem;
    font-size: 1rem;
}

.box-contact {
    font-size: 1.3rem;
}

.logo-evento-USB {
    max-width: 400px;
}

.content-box-info {
}

    .content-box-info ul {
        line-height: 2.5rem;
    }


.section-event-infos {
    background: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    z-index: 88888;
}

.event-infos {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #162c5e;
}

.event-info-col {
    border-right: 1px dashed #1e3f84;
    min-height: 100px;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    float: left;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,0.9);
}

.event-info-col:last-child {
    border-right: 0;
}

.event-info-col h1,
.event-info-col h2,
.event-info-col h3,
.event-info-col h4 {
    margin-top: 0;
}

.event-info-col .main-title3 {
    font-size: 24px;
    font-weight: 600;
}

.event-info-ico {
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 80px;
    opacity: 0.1;
    position: absolute;
    display: none;
    right: -1px;
    bottom: -1px;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-contact, .box-contact a{font-size:0.9rem;}

.card-header {
    background-color: rgb(23,44,94);
    color: #fff;
}

.form-box{margin-bottom:1rem; text-wrap: pretty;}

.form-box .form-label {
    font-weight: 600;
}

.text-danger {
    font-size: 0.8rem;
    padding: 0.5rem 0;
}

ul.striped-list > li:nth-of-type(odd) {
   /* background-color: #e9ecef;*/
   
}

/*  PAGINA INTERNA*/
.logo_Bcc_25 {
    display:none;
     width: 200px;
}

.paginaInterna {
    margin-bottom: 2rem;
}
.paginaInterna .card{
 font-size:1.1rem;
}

.paginaInterna h1:before {
    content:"";
    display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 100px;
  margin-right: 20px;
  -webkit-box-shadow: 0px 0px 4px 2px #FFFFFF; 
box-shadow: 0px 0px 6px 2px #FFFFFF;
  animation-name: blink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.paginaInterna .navbar-light {
    background-color: rgba(0,0,0,0.5);
    padding-top: .25rem !important;
}

.paginaInterna .logo_Bcc {
    width: 200px;
}

.navbar-light {
    padding-top: 3.25rem !important;
}

/* SLICK PLUGIN */
.thumbnail img {
    width: 100%;
    display: block;
}

.overlay {
    background-color:rgba(25,43,84,1);
    position: relative;
    border-radius:0;
}

.slick-next:before, .slick-prev:before {
    content: "";
}

.slick-prev:hover, .slick-prev:focus, .slick-prev, .slick-next, .slick-next:hover, .slick-next:focus {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
    .slick-next, .slick-next:hover, .slick-next:focus {
        background-image: url('../assets/arrow_dx.svg');
    }
    .slick-prev:hover, .slick-prev:focus, .slick-prev {
        background-image: url('../assets/arrow_sx.svg');
    }
    
/* MEDIAGALLERY*/

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{max-width:100% !important; margin:0;}

.mediagallery-post img {
	opacity: 0.6;
}

.mediagallery-post img:hover {
	opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.mediagallery-post a:hover:after, .mediagallery-post a.hover:hover:after {
	display: none;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

a.video-thumb::after, a.foto-thumb::after, a.album-thumb::after {
	position: absolute;
	top: 60%;
	left: 50%;
	font-size: 50px;
	margin: -30px 0 0 -24px;
	color: #fff;
	opacity: 0.7;
}


a.video-thumb::after {
    background: url('../assets/sprite.png') -120px 0;
    width: 86px;
    height: 45px;
}

a.foto-thumb::after {
	background: url('../assets/sprite.png') 0 0;
    width: 55px;
    height: 45px;
}

a.album-thumb::after {
    background: url('../assets/sprite.png') -60px 0;
    width: 60px;
    height: 45px;	
}

a.video-thumb::after, .mediagallery-post a.foto-thumb::after, a.album-thumb::after {
	content: "";
    background-size: cover;
    background-repeat: no-repeat;
}

.mediagallery-post .card .card-body { 
    padding:0 !important;
}

/*POST ELENCO mediagallery*/


.post-elenco-mediagallery { margin-bottom:20px}
.post-elenco-mediagallery .post {   

	margin:0px;
	padding: 0px 12px 25px;
}



	.post-elenco-mediagallery .post .post-body a {
		font-size:1rem;
	}

.post-elenco-mediagallery .post figure a { background: rgba(25,43,84,0.6); display:block; position:relative;}
.post-elenco-mediagallery .post figure  a:hover img { opacity: 1; }
.post-elenco-mediagallery .post img {
	margin: 10px auto;
	margin-top:0;
	float: none;
	width: 100%;
    opacity: 0.7;
}

.post-elenco-mediagallery .post figure a.album-thumb:hover::after {
    content: "";
    background-image: none
}

.post-elenco-mediagallery .post .post-body {
	padding: 0 12px;
	margin-top: -15px;
	    background-color:rgba(255, 255, 255, 0.5)  ;
}

.post-elenco-mediagallery .post .post-body .data {
    color: #999;
    font-style: italic;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}



footer {
    background-color: rgba(0,0,0,0.5);
    height:200px;
    margin-top:200px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer a.nav-link {
    color: #fff;
    font-size: 0.7rem;
}

footer .navbar-nav .nav-link:hover{background-color: #F2F2F2;}

footer .nav-link:hover{color: #B8F9D2;}

.box-contact {
    background-color: #efefef;
}


 .logo_Bcc {
    width: 250px;
    }

 footer .logo_Bcc {
    width: 180px;
    }


small {
    font-size: 12px;;
}

 /* RESPONSIVE MAX */

@media (min-width:992px) {
    .event-info-col:first-child {
        padding-left: 40px;
    }

    .event-infos:hover .event-info-col {
        width: 24%;
    }




    section {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    

    .event-info-col {
        width: 25%;
        text-align: left;
    }

        .event-info-col:hover {
            background: #2a994e;
            width: 28% !important;
        }

            .event-info-col:hover .event-info-ico {
                opacity: 0.9;
            }

    
    .event-info-ico {
        text-align: left;
    }


}


@media (min-width:1199px) {

.navbar-nav .nav-item, .nav .nav-item {
    padding: 0 10px;
    border-right: 1px solid #fff;
} 
    .navbar-nav .nav-item:last-child, .nav .nav-item:last-child  {
         border-right: none
    }
    .paginaInterna .logo_Bcc_25 {
    display:inline-block;
}
}

@media (min-width:1400px) {
        .logo_Bcc {
        width: 317px;
    }
}

 /* UTILITIES */
.text-wrap-balance {
    text-wrap: balance; 
}
.text-wrap-pretty {
   text-wrap: pretty;
}

.text-overflow-ellipsis {
text-overflow: ellipsis;
	overflow: hidden;
}


 
 
 .logo_evento {
        width: 15vw;
        min-width: 200px;
         max-width: 400px;
 }

 /* RESPONSIVE MAX */

 
 @media (max-width: 1199px) {

.navbar-nav .nav-link {
    display: inline-block;
    min-width: 300px;
    }
}

@media (max-width: 768px) {
    .card .card-body {
        padding:1.5rem  !important;
    }
    
    section {padding:2rem 1rem;}
    section, section.section-event-infos{margin:1rem; padding:2rem 0;}
    .box-info {
    margin-top: 1.5rem;
    }
    
    .box-contact, .box-contact a{font-size:1rem; word-wrap: break-word;}
    
        .logo_Bcc {
        width: 200px;
    }
    
}

@media (max-width:380px) {
    .navbar-toggler {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }


}