/*PROGRAMMS*/

/*DESKTOP*/
.desktop {
	display: inline;
}

.mobile {
	display: none;
}

/*data row*/
.data-row {
	padding: 0 1vw 0 1.5vw;
}

/*
.data-row a {
  display: block;
  text-decoration: none;
}
*/

span.mobile .data-row{
	display: none;
}

.title-data {
	display: grid;
	/*
  	grid-template-columns: 10% 40% 40% 10%;
	*/
	grid-template-columns: repeat(8, 1fr);
  	grid-gap: 1vw;
	border-bottom: 1px solid white;
	transition: 0.3s;
}

.title-data p.program_num {
	grid-column: 1/2;
}
.title-data p.artist {
	grid-column: 2/5;
}
.title-data p.program_title {
	grid-column: 5/8;
}
.title-data p.date {
	grid-column: 8/9;
}

.title-data p {
	line-height: 0.9;
}

.title-data p.artist {
	text-transform: uppercase;
}

.title-data p.date {
	text-align: right;
}

.content-data {
	max-height: 0;
	padding-top: 0.25vw;
	position: relative;
    overflow: hidden;
	opacity: 0;
	transition: max-height 1s, opacity .3s;
	/*border-bottom: 1px solid black;*/
}

a.title-data:hover, a.title-data.active {
  border-bottom: 1px solid black;
}

a.title-data.active {
	border-bottom: 1px solid black;
}

a.title-data.active + .content-data {
	max-height: 100vh;
	opacity: 1;
	transition: max-height 1s, opacity .6s;
}

/*
.data-row.active .title-data {
	border-bottom: 1px solid black;
}

.data-row.active .content-data {
	max-height: 100vh;
	opacity: 1;
	transition: max-height 1s, opacity .6s;
}
*/

.text-data p {
	text-indent: calc(10.75% + 1vw);
}

.links-data {
	padding-left: calc(10.75% + 1vw);
	padding-right: calc(10.75% + 1vw);
}

.links-data a {
	/*text-decoration: underline;*/
	display: block;
}

.close {
	position: absolute;
	left: 0;
    bottom: 0;
	padding-bottom: 1.85vw;
	cursor: pointer;
	display: none;
}

/*images rows*/
.img-section {
	/*
	height: 100vh;
	position:sticky;
	overflow-y: scroll;
	*/
}

.img-row {
	position: relative;
}

.img-row img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.img-row .caption {
	position: absolute;
	top: 50%;
	left: 1.2vw;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity 0.15s;
}

.img-row:hover .caption {
	opacity: 1;
}

/*TABLET*/
@media (max-width:1024px) {
}

/*MOBILE*/
@media (max-width:600px) {
.desktop {
	display: none;
}

.mobile {
	display: inline;
}

body.programms {
    overflow: inherit !important;
}

/*data-row*/
span.mobile .data-row {
	display: block;
	z-index: 99;
}

.data-row {
	padding: 3.905vw 4vw 1.905vw 4vw;
	position: -webkit-sticky;
	position: sticky !important;
	top: 0;
	overflow: hidden !important;
	background: #ffffff;
	transition: padding .3s;
}

.data-row.active {
	padding: 3.405vw 4vw 0 4vw;
	position: static !important;
}


.title-data {
	/*height: 6vw;*/
	display: grid;
  	grid-template-columns: 10% 37.5% 32.5% auto;
  	grid-gap: 1vw;
	border-bottom: 1px solid transparent;
}

.title-data p{
	display: flex;
	align-items: center;
}

.title-data p:last-child{
	justify-content: flex-end;
}

.content-data {
	padding-top: 1vw;
}

.data-row.active .content-data {
	max-height: calc(100vh - 30vw);
	overflow-y: scroll;
}

a.title-data:hover, a.title-data.active {
  border-bottom: 1px solid black;
}

.data-row.active a.title-data {
	border-bottom: 1px solid black;
}

.data-row.active .content-data {
	max-height: 100vh;
	opacity: 1;
	transition: max-height 1s, opacity .6s;
}

/*
a.title-data.active + .content-data {
	max-height: 100vh;
	opacity: 1;
	transition: max-height 1s, opacity .6s;
}
*/

.text-data p {
	text-indent: 11%;
}

.links-data {
	padding: 0 11%;
}

.close {
	displat: inline;
	padding-bottom: 7.5vw;
}

/*img-row*/
.img-row .caption {
	left: 4vw;
}

}