/**
 * Activitiies
 */F


.activity-container {
	padding: 40px 0 !important;
}


.activity-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.activity-box-container {
	display: block;
	width:325px;
	margin: 5px !important;
	cursor: pointer;
}


.activity-box {
	width: 100%;
	border-bottom: 2px solid var(--activity);
	color: var(--white)  !important;
   // border-radius: 5px;
    box-shadow: 10px 11px 15px -9px rgba(0,0,0,0.75);
    background-color: var(--backgroundCalender);
    min-height: 305px;
}



.activity-box-open {
	position: relative;
    filter: grayscale(0%);
}

.activity-box-detail {
	display: none;
	left: 0;
    padding: 0 !important;
    background-color: var(--lightgrey);
}

.detail-visible {
	display: block;
	position: relative;;
    left: 0;
}

.activity-box-top {

	height: 75px;
	display: flex;
    flex-direction: row;
}

.activity-left-date {
	min-width: 110px;
	height: 75px;
	text-align:right;
	font-weight: bold;
	background-color:  var(--green);
	text-align: center;
	color: white;
    font-size:20px;
    border-top-left-radius: 5px;
    padding: 10px 0 0 0;


}
.activity-left-year {
    font-size:12px;

}

.activity-right-category {
    font-size:16px;
    text-align: right;
    padding: 10px;
	font-weight: bold;

    width: 100%;

}

.activity-type {
    overflow: hidden;
    max-height: 30px;
}

.activity-date {
	height: 60px;
}

.activity-start {
	font-weight: bold;
	font-size:18px;
	text-align: center;
	margin-top: 10px !important;
}

.activity-time {
	font-weight: bold;
	text-align: center;
	margin-top: 5px !important;
	font-size: 24px;

}

.activity-box-info {
	padding: 5px !important;
	width:100%;
   text-align: left;
}

.activity-place {
	font-weight: normal;
	text-align: center;
	margin-top: 10px !important;

}

.activity-box-title {
	text-align: center;
	font-weight: bold;
    min-height: 225px;
}

.activity-box-title:hover {
    filter: none !important;
}

.activity-title {
	font-size: 28px;
	height:66px;

}

.activity-link {
	font-size: 10px;
	padding: 8px 0 0 0;

}

.activity-dim {
    background-color: rgba(0,0,0, .4) !important;
    min-height: 305px;
}


.activity-dim:hover {
    background-color: rgba(0,0,0,.0) !important;
}

.activity-detail {
	margin: 20px 0 !important;
	padding: 20px !important;
    background-color: var(--lightgrey);
	color: #555;
	font-size:18px;
	min-height: 255px;

    border-bottom: 2px solid  var(--activity);
    border-radius: 5px;
    text-align: left;

 }

.activity-detail-title {
	font-size:20px;
	border-bottom: 2px solid #555;
	font-weight: bold;
}

.activity-list .activity-box-container:nth-of-type(3n+1) .activity-box-detail {

    margin-left: 0px !important;

	width: 1000px;
}

.activity-list .activity-box-container:nth-of-type(3n+2) .activity-box-detail {
    margin-left: calc(-100% - 10px)  !important;
	width: 1000px;

}

.activity-list .activity-box-container:nth-of-type(3n+3) .activity-box-detail {
    margin-left: calc(-200% - 20px)  !important;
	width: 1000px;

}

.activity-details, .activity-owner {
	padding:10px 0 0 0  !important;


}

.activity-click {
	padding: 10px 0 0 0 !important;
	text-align:center;
	font-size:14px;
	font-weight: bold;
}


@media only screen and (max-width: 1024px) {

	.desktop_hidden {
		display: inline-block !important;
	}

	.activity-list .activity-box-container:nth-of-type(3n+1) .activity-box-detail,
	.activity-list .activity-box-container:nth-of-type(3n+2) .activity-box-detail,
	.activity-list .activity-box-container:nth-of-type(3n+3) .activity-box-detail {
	    margin-left: 0px !important;
		width: 555px;

	}

	.news-list .news-box-container:nth-of-type(3n+1) .news-box-detail,
	.news-list .news-box-container:nth-of-type(3n+2) .news-box-detail,
	.news-list .news-box-container:nth-of-type(3n+3) .news-box-detail {
	    margin-left: 0px !important;
		width: 540px;

	}

	.activity-list .activity-box-container:nth-of-type(3n+1) .activity-box-detail {

	    margin-left: 0px !important;
		width: 660px;


	}

	.activity-list .activity-box-container:nth-of-type(3n+2) .activity-box-detail {
	    margin-left: calc(-100% - 10px)  !important;
		width: 660px;

	}

	.activity-form, .news-form {
		margin:auto  !important;
		width: 540px;
	}
}

@media only screen and (max-width: 750px) {

	.activity-box-container {
    	width: 100%;
    	font-size: 16px !important;
	}

	.activity-box-info {
		padding: 5px !important;

	}

	.activity-date {

		height: 70px;
	}

	.activity-box-date {
		height:100px;
			min-width : 150px;
	}


	.activity-title, .activity-detail-title {
		font-size: 24px  !important;
	}

	.activity-owner, .activity-time, .activity-place, .activity-details, .activity-link {
		font-size: 16px  !important;
	}

	.activity-list .activity-box-container:nth-of-type(3n+1) .activity-box-detail,
	.activity-list .activity-box-container:nth-of-type(3n+2) .activity-box-detail,
	.activity-list .activity-box-container:nth-of-type(3n+3) .activity-box-detail {
	    margin-left: 0px !important;
		width: 100%;

	}

	.activity-form, .news-form {
		margin:auto  !important;
		width: 100%;
	}

    .activity-item-bottom {
        margin: 10px 5px !important;
    }
}