/* general */
.ge-container{
	height: 800px;
	position: relative;
	overflow: hidden;
}

.ge-container .ge-source > img{
	position: absolute;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.ge-container .ge-source > video{
	position: absolute;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
    background-size: cover;
}

.ge-container .ge-source{
	position: absolute;
	height: 100%;
	width: 100%;
}
.ge-tabs{
	display: flex;
	height: 100%;
}
.ge-container .ge-tab{
	background-color:rgb(0 0 0 / 65%);
	height: 100%;
	z-index: 100;
	display: flex;
	flex-direction: column;
 	border-right: 1px solid rgb(255 255 255 / 15%);
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */    
	flex: 1;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
    cursor: pointer;
}
.ge-container .ge-tab:last-child{
	border-right: none;
}

.ge-container .ge-tab:hover{
	background-color:rgb(0 0 0 / 50%);
}
.ge-container .ge-title-close{
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	height: 100%;
}
.ge-container .ge-meta{
	display: flex;
	margin-top: 40px;
}
.ge-container .ge-meta > p{
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
    color: var(--white);
}
.ge-container .ge-close{
	text-align: end;
}

/* all items closed */
.ge-container .ge-close{
	display: none;
}
.ge-container .ge-source .ge-default{
	opacity: 1;
}
.ge-container .ge-default-close .ge-default{
	opacity: 0;
}
.ge-container .ge-all-close .ge-title-close{
	display: flex;
}
.ge-container .ge-all-close .ge-meta > p{
		-webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: all 1000ms ease;
		-moz-transition: all 1000ms ease;
		-ms-transition: all 1000ms ease;
		-o-transition: all 1000ms ease;
		transition: all 1000ms ease;
        color: var(--light);
	}

/* one active item */

	/* closed items */

	/* .ge-container .ge-title-close{
		display: none;
	} */
	.ge-container .ge-meta > p{
		/* -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    -webkit-transition: all 1000ms ease;
		-moz-transition: all 1000ms ease;
		-ms-transition: all 1000ms ease;
		-o-transition: all 1000ms ease;
		transition: all 1000ms ease; */
	}
	.ge-container .ge-tabs .ge-item-open{
		flex-direction: column;
	  	justify-content: center;
	  	visibility: hidden;
	  	opacity: 0;
	  	-webkit-transition: all 2000ms ease;
		-moz-transition: all 2000ms ease;
		-ms-transition: all 2000ms ease;
		-o-transition: all 2000ms ease;
		transition: all 2000ms ease;
	}
	.ge-container .ge-tabs .ge-open-meta{
		display: none;
	}

	.ge-container .ge-tabs .ge-open-title{
		display: none;
	}

	.ge-container .ge-tabs .content{
		display: none;
	}
	.ge-container .ge-title-close{
		margin-left: 10%;
		margin-right: 10%;
	}

	/* open item */
	.ge-container .uk-active{
		flex-grow: 5;
	}
	.ge-container .ge-tab .uk-active{
		flex-grow: 10;
	}
	.ge-container .ge-tabs .uk-active .ge-close{
		display: inherit;
		margin-right: 10px;
		margin-left: auto;
		margin-top: 10px;
        color: var(--white);
 	}
 	.ge-container .ge-tabs .uk-active .ge-item-open{
		display: flex;
		padding: 10%;
		visibility: visible;
		opacity: 1;
		-webkit-transition: all 2000ms ease;
		-moz-transition: all 2000ms ease;
		-ms-transition: all 2000ms ease;
		-o-transition: all 2000ms ease;
		transition: all 2000ms ease;
	}
    .ge-title-close span.uk-marker {
        display: inline-block;
        width: 17px;
        margin: 0 auto;
    }
	.ge-container .ge-source .uk-active{
		opacity: 1;
	}
	.ge-container .uk-active .ge-title-close{
		display: none;
	}
	.ge-container .uk-active .ge-meta{
		display: none;
	}
	.ge-container .ge-open-meta{
		display: flex;
	}
	.ge-container .ge-open-meta > p{
		margin-bottom: 0;
		margin-top: 20px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ge-container .ge-open-title{
		display: flex;
	}
	.ge-container .ge-tabs .uk-active .ge-open-meta{
		display: inherit;
	}

	.ge-container .ge-tabs .uk-active .ge-open-title{
		display: inherit;
	}

	.ge-container .ge-tabs .uk-active .content{
		display: inherit;
	}
	.ge-container .ge-tabs .uk-active .ge-item-open{
		height: 100%;
	}


/* mobile */

@media screen and (max-width: 920px){
	
		.activites-title {
		  transform: rotate(0deg);
		}
	
	.ge-container{
		height: auto !important;
		min-height: 600px;
	}
	.ge-container .ge-tabs{
		flex-direction: column;
		min-height: 600px;
	}
	.ge-container .ge-tab{
		height: unset;
		justify-content: center;

		border-right: none;
		border-bottom:1px solid rgb(255 255 255 / 15%);
	}
	.ge-container .ge-meta{
		display: flex;
		margin-top: 0px;
	}
	.ge-container .ge-all-close .ge-meta > p{
		margin-bottom: 0px;
	}
	.ge-container .ge-meta > p{
		margin-left: 0px;
		-webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.ge-container .ge-title-close{
		margin-left: 10px;
		margin-right: unset;
		margin-top: 57px;
		flex-direction: initial;
		height: unset;
	}
	.ge-container .ge-title{
		margin-bottom: 0px;
	}
	.ge-container .ge-tab .uk-icon{
		display: flex;
		margin-left: auto;
		margin-right: 20px;
		height: 100%;
	}
	.ge-container .ge-close .uk-icon{
		margin-right: 0px;
	}
	/* .ge-container .ge-tabs .uk-active .ge-item-open{
		padding-left: 15px;
        padding-right: 15px;
	} */
}