@charset "utf-8";

.evenimente-head {
	text-decoration: none;
	width: 100%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	Display:block;
	background-image: url(../design/head-evenimente.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition-property: filter opacity;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	filter: blur(6px);
	margin-top: -52px;
		
} 
.evenimente-head:hover {filter: blur(0px); opacity: 1;}
.titlu-subpagina {
	font-family: Lexend;
	font-size: 50px;
	font-weight: lighter;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 28px;
	margin-bottom: 28px;
	text-align: center;
		padding-bottom: 25px;
	transition-property: opacity, translate;
	transition-duration: 0.9s;
	transition-timing-function: ease-in;
	transition-delay: 1.2s;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	border-bottom-width: 1px;


@starting-style { opacity: 100; translate: -2120px 0px;	border-bottom-width: 1px; 	border-bottom-width: 1px;
}
	
}

.urmeaza-frame {
	margin-top: 76px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-size:contain;
	

}
.urmatorul {
	width: 70%;
	height: 800px;
	max-width: 600px;
	display: block;
	margin: auto;
	border-radius: 18px;
	border: 2px solid #999;
	transition-property: margin, translate;
	transition-duration: 1s;
	transition-timing-function: ease-in;
	transition-delay: 0.0s;
	@starting-style { opacity: 100; translate: 1220px 0px;}
}
.evenimente-frame{
	display: flex;
    width: 100%;
	min-height: 600px;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
    align-items:top;
	vertical-align:top;
	
	
}
.evenimente-container-foto {

	width: 450px;
	height: 300px;
	margin: 12px;
	background-color: black;
	background-position: center center;
	background-size: cover;
	transition-property: margin, translate;
	transition-duration: 1s;
	transition-timing-function: ease-in;
	transition-delay: 0.0s;
	border-radius: 16px;
	border: 1px solid #999;
	vertical-align:top;
	  align-items:top;
	  @starting-style { opacity: 100; translate: -2220px 0px;}
	
	
			
}

.evenimente-container-text{
	font-size: 15px;
	font-family: Arial;
	color: #FFF;
	text-shadow: 1px 1px 3px black;
	background-color:#000;
	padding: 10px 20px 10px 15px;
	display:inline-table;
	border-radius: 16px 0px 15px 0px;
	opacity: 1 !important;
	}

@media screen and (min-width: 1001px) and (max-width: 1266px) {
	.evenimente-container-foto {width: 20% !important;}
	
}
@media screen and (min-width: 300px) and (max-width: 1000px) {
	.evenimente-container-foto {width: 90% !important; height: 400px; font-size:22px; opacity: 1; margin-top: 22px; margin-bottom: 22px; 	box-shadow: 1px 1px 50px rgba(0,0,0,.75); }
	.titlu-subpagina { text-align:center; font-size:36px;}
	.urmatorul { width: 90%; }
	
	}