/**
 *	The event-page specific styling.
 *	@author Darkan PITXUCOM <contact@pitxucom.fr>
 */
p.notification {
	background: #FFA84C;
	padding: 10px;
	border: 1px solid #FF7400;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.carousel-inner {
	width: 100%;
    height: 300px;
    overflow: hidden;
    margin-top: 110px;
}
.img-background {
	width: 100%;
	height: 300px;
}
.img-holder {
	background-size: cover;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-position: center;
}
.liseret {
	position: relative;
	bottom: 10px;
	display:flex;
	width:100%;
	height: 10px;
	text-align: center;
}
.event {
	margin-top:25px;
	margin-left: 15%;
	margin-right: 15%;
}
.event h1 {
	border: none;
	padding: 0px;
color: #F79760;
font-size: 32px;
line-height: 36px;
}
.event h2 {
	color: #F79760;
}
.event img {
	float: right;
	margin: 10px 0px 10px 25px;
}
.event p {
	text-align: justify;
	text-justify: inter-word;
	line-height: 26px;
}
.event-page-text .event-content {
	line-height: 10px !important;
	margin-bottom: 25px !important;
	color: #F79760;
	font-family: 'dinregular';
	font-size: 28px;
}
.event-page-text {
	margin-bottom: 70px;
}
.media-page-attachements {
	margin-bottom: 70px;	
}
.media-page-attachements .attachement {
	display: inline-flex;
	margin:10px;
	background-color: #F79760;
	font-size: 24px;
	border-radius: 10px;
	padding: 10px;
}
.attachement a {
	color: #fff;	
}
.attachement a:hover {
	border-bottom: 1px solid #fff;
    margin-bottom: -1px;	
}
.media-page-images {
	display: flex;
	margin-bottom: 70px;
	width: 100%;
}
.media-page-videos {
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
}

.event-page-text a {
    color: #fff;
    background-color: #F79760;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
}
.event-page-text a:hover {
	background-color: #000;
	color: #fff;
}

/* BREAKPOINT 710px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 710px) {

	.carousel-inner {
	    margin-top: 0px;
	}
	.event {
		margin-left: 5%;
		margin-right: 5%;
	}
	.carousel-inner {
	    height: 200px;
	}
}