/* Shows grid (home page, shows page, archive) - from legacy DkR Show Manager */

/*filters*/

.dkrsm-filters{
	margin-bottom:50px;
	width:100%;
}

ul.dkrsm-term-list {
	list-style-type:none;
	padding:0;
	margin:0 1% 25px 1%;
	text-align: center;
}

li.dkrsm-term-element h2{
	margin-bottom:12.5px;
}

input.dkrsm-filter-checkbox {
	display: none;
}

.dkrsm-filter-checkbox{
	margin-right:10px;
}

label.dkrsm-filter-checkbox-label {
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-image: linear-gradient(var(--e-global-color-accent) 0 0);
    background-position: 0px 100%;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.5s, background-position 0s 0.5s;
}

label.dkrsm-filter-checkbox-label.active {
   background-position: 0px 100%;
    background-size: 100% 2px;
    color: var(--e-global-color-accent);
}

label.dkrsm-filter-checkbox-label:hover {
   background-position: 0px 100%;
    background-size: 100% 2px;
    color: var(--e-global-color-accent);
}

label.dkrsm-filter-checkbox-label.was-active {
    background-size: 0% 2px;
	color: black;
}

li.dkrsm-term-element {
    display: inline-block;
    margin: 0 15px 0 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    font-family: "Barlow semi-condensed", sans-serif;
}

label.dkrsm-filter-checkbox-label {
    cursor: pointer;
}

/* show loop*/

.dkrsm-results{
	min-height:250px;
	display: flex;
	flex-wrap: wrap;
	opacity:0;
	visibility:hidden;
	transition: opacity 0.50s visibility 0.50s;
}

.dkrsm-results > div{
	flex: 49%;
    margin-bottom: 60px;
	max-width: 49%
}

.dkrsm-results > div:nth-child(odd){
	margin-right: 1%;
}

.dkrsm-results > div:nth-child(even){
	margin-left: 1%;
}

.dkrsm-result{
	width:100%;
	text-align:center;
}

.dkrsm-result-thumbnail{
	background-position: center;
	background-size: cover;
    height: 0;
    padding-top: 56.25%; /* (img-height / img-width * container-width) => (1080 / 1920 * 100) */
}

.dkrsm-disciplines {
    margin-top: 15px;
}

.dkrsm-disciplines p {
    text-transform: uppercase;
	margin-bottom:0;
	font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
}

.dkrsm-result-title{
	min-height:100px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top:-5px;
}

.dkrsm-result-title .dkrsm-show-title{
	text-transform: uppercase;
	font-family: "Kalnia", Sans-serif;
	color: #E30013;
	margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size: 35px;
	line-height:40px;
    font-weight: 500;
	letter-spacing: 1px;
    -webkit-text-stroke-width: 0.2px;
    stroke-width: 0.2px;
    -webkit-text-stroke-color: #E30013;
    stroke: #E30013;
	word-spacing: -0.12em;
}

.dkrsm-result-title a h2 p{
	margin:0;
}

.dkrsm-excerpt {
    min-height: 70px;
}

.dkrsm-excerpt p {
	padding-top: 2px;
    margin-top: -2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	font-family: 'Newsreader', serif;
	font-size: 14pt;
    line-height: 22px;
	font-weight: 400;
}

.dkrsm-result-next-schedulation p{
	text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
	margin-top: 10px;
    font-weight: 600;
}

.dkrsm-location p {
	text-transform: uppercase;
	margin-bottom:20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
    font-size: 17px;
}

.dkrsm-result-choose{
    cursor: pointer;
    position: absolute;
	display:none;
	position: relative;
    background: #ffffff;
	border: 1px solid #E30013;
	border-radius: 50px;
	margin-left: 30px;
    margin-right: 30px;
}

.dkrsm-result-choose p{
    margin:unset;
	min-height: 25px;
    line-height: 25px;
	padding:5px;
}

.dkrsm-result-choose p span{
	margin: 0 4px;
	font-size:22px;
	font-weight: 600;
}

.dkrsm-result-open, .dkrsm-result-go {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #E30013;
    border-radius: 50px;
}

.dkrsm-result-open p, .dkrsm-result-discover p  {
    margin: unset;
    min-height: 37px;
    line-height: 25px;
	padding:5px 20px;
	color: #E30013;
    font-size: 22px;
    font-weight: 600;
}

.dkrsm-result-discover p  {
    display:inline;
}

.dkrsm-result-discover a {
    color: #E30013;
    border: 1px solid #E30013;
    border-radius: 50px;
    margin: 0 5px;
	display: inline-block;
    width: 150px;
    min-height: 37px;
    line-height: 25px;
	padding:5px 20px;
    font-size: 22px;
    font-weight: 600;
}

.dkrsm-lazyloading{
	visibility:hidden;
}

@keyframes fadeInUpDkR {
    from {
        transform: translate3d(0,50px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.dkrsm-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.dkrsm-animatedFadeInUp {
    opacity: 0
}

.dkrsm-fadeInUp {
    opacity: 0;
    animation-name: fadeInUpDkR;
}

/*tablet and small devices*/
@media only screen and (min-width: 768px) and (max-width: 999px){

	.dkrsm-results p, .dkrsm-results a , .dkrsm-results p span{
		font-size:95%;
	}

	.dkrsm-result-discover p {
    	font-size: 20px;
	}

	.dkrsm-result-title .dkrsm-show-title{
		line-height: 35px;
	}

	.dkrsm-results > div{
		flex: 46%;
		max-width: 46%
	}

	.dkrsm-results > div:nth-child(odd){
		margin-right: 2%;
		margin-left: 2%;
	}

	.dkrsm-results > div:nth-child(even){
		margin-left: 2%;
		margin-right: 2%;
	}

}

/*mobile*/
@media only screen and (max-width: 767px){

	li.dkrsm-term-element {
		display: block;
	}

	.dkrsm-results p, .dkrsm-results a , .dkrsm-results p span{
		font-size:95%;
	}

	.dkrsm-result-title .dkrsm-show-title{
		line-height: 35px;
	}

	.dkrsm-results > div{
		flex: 96%;
		max-width: 96%
	}

	.dkrsm-results > div:nth-child(odd){
		margin-right: 2%;
		margin-left: 2%;
	}

	.dkrsm-results > div:nth-child(even){
		margin-left: 2%;
		margin-right: 2%;
	}

	.dkrsm-excerpt p {
		font-size:18px;
	}

}