/* Add here all your CSS customizations */
h1,h2,h3,h4,h5,h6{ font-family: 'Oxygen', serif; letter-spacing: normal;}
.feature-box .feature-box-icon {
    width: 100px;
    height: 100px;
}

html .image-hotspot-primary .ring {
    border-color: #EC008C;
}

.image-hotspot .circle {
    width: 35px;
    height: 35px;
	opacity: unset
}

.image-hotspot .ring {
    width: 35px;
    height: 35px;
}

.calendario .nav-item a{ padding: 20px; font-size: 20px; font-weight: bold; }

/*Home Page box inizio pagina*/
@media(min-width:1000px){
	.img-lato {
		width:100%!important;
		max-height:123px;
	}
}
.line-height-boxlato { line-height: 17px; }
.line-height-textlato { line-height: 16px; }

/*Programma Sabato*/
@media(min-width:1000px){
	.img-descr { max-width:65%;height:auto; }
}


h3.border-bottom {
	width:fit-content;
	margin-top:15px;
	margin:40px 0 20px 0;
	padding-bottom:5px;
	border-bottom: 1px solid #b9b7b7 !important;
}
.blocco-programma {
	margin-top: -20px;
}
.testo-programma {
	min-height:150px;
	border-left:1px solid #ccc;
	margin-left:30px;
	padding-left:20px;
	display:flex;
	align-items:center;
}

.quando-programma {
	transform:rotate(-90deg);
	width:fit-content;
	position: relative;
	top: 85px;
	left: -56px;
	font-family: cursive;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
}

.list-side-borders {
	margin-left:10px;
}


/*AUDIO style - https://blog.shahednasser.com/how-to-style-an-audio-element/ */
.audio-player {
  --player-button-width: 3em;
  --sound-button-width: 2em;
  --space: .5em;
  width: 15rem;
  /*height: 15rem;*/
  height: fit-content;
	
	width: 160px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding-top: 5px;
	background: #e0001a;
}

.icon-container {
  /*width: 100%;
  height: 100%;
  background-color: #DE5E97;*/
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio-icon {
   width: 90%;
   height: 90%;
}

.controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  /*margin-top: 10px;*/
}

.player-button {
  background-color: transparent;
  border: 0;
  width: var(--player-button-width);
  height: var(--player-button-width);
  cursor: pointer;
  padding: 0;
}

.timeline {
  -webkit-appearance: none;
  width: calc(100% - (var(--player-button-width) + var(--sound-button-width) + var(--space)));
  height: .5em;
  background-color: #e5e5e5;
  border-radius: 5px;
  background-size: 0% 100%;
  /*background-image: linear-gradient(#DE5E97, #DE5E97);*/
  background-image: linear-gradient(#000, #000);
  background-repeat: no-repeat;
  margin-right: var(--space);
}

.timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  /*background-color: #a94672;*/
  background-color: #000;
}

.timeline::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  /*background-color: #a94672;*/
  background-color: #000;
}

.timeline::-ms-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  /*background-color: #a94672;*/
  background-color: #000;
}

.timeline::-webkit-slider-thumb:hover {
  /*background-color: #943f65;*/
  background-color: #000;
}

.timeline:hover::-webkit-slider-thumb {
  opacity: 1;
}

.timeline::-moz-range-thumb:hover {
  background-color: #943f65;
}

.timeline:hover::-moz-range-thumb {
  opacity: 1;
}

.timeline::-ms-thumb:hover {
  background-color: #943f65;
}

.timeline:hover::-ms-thumb {
  opacity: 1;
}

.timeline::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.sound-button {
  background-color: transparent;
  border: 0;
  width: var(--sound-button-width);
  height: var(--sound-button-width);
  cursor: pointer;
  padding: 0;
}
/*============*/

.thumb-info .thumb-info-wrapper:after { content: initial; }
.thumb-info-bottom-info-show-more:hover > .thumb-info-wrapper > .thumb-info-title {
	background: black !important;
	transition: background linear .2s;
}


/*============*/
.header-date { color: #f50000; font-size: 1.6rem; margin: 0; font-weight: 800; text-align: right; }

/* Patrocini e media partner - altezza uniforme loghi */
.isotope-item .thumb-info-wrapper img {
	max-height: 90px;
	object-fit: contain;
}