.collina {
	color:#f68a0a; 
	font-weight:600; 
}
.collina-i a {
	color:#f68a0a; 
	font-weight:600; 
}
.collina-i a:hover {
	color: #FF3300;
	font-weight: 600;
}
.collina-s {
	color:#f68a0a; 
	font-weight:600; 
	text-shadow: 1px 1px 1px black;
}
.collina-sss {
	color:#f68a0a;
	font-size: 1.0ren; 
	font-weight:600; 
	text-shadow: 1px 1px 1px black;
}

.collina-ss {
	color:#f68a0a;
	font-size: 1.2ren; 
	font-weight:700; 
	text-shadow: 2px 2px 2px black;
}
.sfondo-carta-01 {
	background-image: url('../img/bg/paper/paper_001.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: auto auto;
}
.sfondo-carta-02 {
	background-image: url('../img/bg/paper/paper_002.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-05 {
	background-image: url('../img/bg/paper/paper_005.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-06 {
	background-image: url('../img/bg/paper/paper_006.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-07 {
	background-image: url('../img/bg/paper/paper_007.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-08 {
	background-image: url('../img/bg/paper/paper_008.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-09 {
	background-image: url('../img/bg/paper/paper_009.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-10 {
	background-image: url('../img/bg/paper/paper_010.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}

.media-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
        width:100%;
}

.media-container iframe,  
.media-container object,  
.media-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
Source - https://stackoverflow.com/a/37914001
Posted by DynamicDispatch, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-17, License - CC BY-SA 3.0
*/

/*CSS*/

#player-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}

video {
  display: block;
  width: 100%;
  height: 100%;
}

iframe {
  border: 4px solid #f68a0a;
  width: 100%; /* takes precedence over the width set with the HTML width attribute */
}
/* logo sponsor 

.item img{
  height: 200px;
  width: 200px;
  object-fit: contain;
  object-position: center;
}
.container{
  max-width: 1040px;
  margin: 100px auto;
}
.logo-slider .item{
  background-color: #fff;
  box-shadow: 0 4px 5px #cacaca;
  border-radius: 8px;
  padding: 15px;
  border: 2px solid #F68A0A;
}
.logo-slider .slick-slide{
  margin: 15px;
}
.slick-dots li.slick-active button:before{
  color: #ff8159;
  font-size: 12px;
}

.slick-next::before,
.slick-prev::before{
  color: #ff8159;
  font-size: 24px;
}
.item:hover{
  display: block;
  transition: all ease .3s;
  transform: scale(1.1) translateY(-5px);
}
@media (max-width: 768px) {
  .item {
    width: 120px;
    height: auto;
  }
}*/
/*
@media (max-width: 768px){
  .item{ width: 120px; }   /* l'altezza segue aspect-ratio */
}*/