/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

.mobile_menu_bar:before { 
	color: white !important; 
}

.et-cart-info { 
	padding-top: 10px;
}

h1 { font-family: "hellofont-id-heika" !important; font-weight: 400 !important; }

.rotate-bg:before {
        border-radius: 1.25rem;
        box-shadow: 0 -12px 40px #4545751f;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        transform: translate(0, 0) rotate(-6deg) skew(0) skewY(0) scaleX(0.9) scaleY(0.9);
        z-index: -10;
}
.rotate-bg { overflow: initial !important; }

.events-container {
	padding: 30px;
	display: flex;
    flex-direction: column;
    gap: 20px;
}


.event-pagination {
	margin-top: 10px;
	display: flex;
    justify-content: center;
    gap: 15px;
}

.event-container {
	background-color: rgb(255,255, 255);
    border-radius: 15px;
    box-shadow: 0 2px 12px #45457524;
    display: flex;
	flex-direction: column;
	align-items: center;
    margin: auto;
    position: relative;
    width: 100%;
	padding: 15px;
}

.event-image {
	width: 100%;
}

.event-image img {
	border-radius: 5px;
    width: 100%;
}

.event-data {
	flex: 1;
	width: 100%;
}

.event-title {
	font-weight: bold;
	margin: 25px 0;
	font-size: 1.2em;
}

.event-infos {
	display: flex; 
	align-items: center;
	gap: 15px;
}

.event-category {
    background-color: rgb(239,239,239);
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1rem;
    padding: .25rem 1rem;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
}

.event-category a {
	 color:#be1622;
}

.event-date-debut {
    background-color: rgb(190, 22, 34);
    border-radius: 9999px;
    color: rgb(255, 255, 255);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1rem;
    padding: .25rem 1rem;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
}

.event-description {
	font-size: 15px;
	color: rgb(49, 34, 58);
}

.event-actions {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 20px;
}

.event-link {
}

.event-link a {
	font-weight: bold;
	background-color: #2a97b7;
    color: white !important;
    padding: 5px 10px;
    border-radius: 5px;
}

.event-actions-col1, .event-actions-col2 {
	display: flex; 
	align-items: center;
}

.event-price {
}

@media screen and (min-width: 981px) {
	.event-image {
		width: auto;
	}

	.event-image a {
		display: block;
	}
	
	.event-image img {
		border-radius: 5px;
		width: 250px;
	}
	
	.event-container {
		flex-direction: row;
	}
	
	.event-data {
		padding-left: 20px;
		flex: 1;
	}
}

#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
	color: rgb(42, 151, 183);
	right: -5px;
    top: -1px;
}

.et_header_style_left #et-top-navigation nav > ul > li.button-blue > a {
	background: #2a97b7;
    padding: 10px 25px 10px 10px !important;
    border-radius: 5px;
}

.et_header_style_left #et-top-navigation nav > ul > li.button-blue.current_page_item > a, 
.et_header_style_left #et-top-navigation nav > ul > li.button-blue > a {
	color: white !important;
}

#top-menu .button-blue.menu-item-has-children>a:first-child:after, #et-secondary-nav .button-blue.menu-item-has-children>a:first-child:after {
    color: white;
    top: 9px !important;
    right: 5px !important;
}


.et-menu li li a:hover, #top-menu li li a:hover {
	border-radius: 7px;
	background-color: rgb(69, 56, 77);
}

#top-menu li {
	padding-right: 40px !important;
}

@media screen and (min-width: 981px) {
    #top-menu-nav .et-menu li:not(.mega-menu) ul, #top-menu-nav #top-menu li:not(.mega-menu) ul {
		width: 350px !important;
	}
}

.sib_signup_form div[class^="sib_signup_box_inside"] { display: flex; flex-wrap: wrap; } 
.sib_signup_form .formBrevo-field { width: 50%; padding: 10px; } 
.sib_signup_form .formBrevo-input { width: 100%; border-radius: 5px 5px 5px 5px; -webkit-appearance: none; background-color: #eee; width: 100%; border-width: 0; font-size: 14px; padding: 16px; border: 1px solid #bbb; } 
.sib_signup_form .formBrevo-input::placeholder { color: #999; } 
.sib_signup_form .formBrevo-submit { margin: auto; } 
.sib_signup_form .formBrevo-submit input { font-size: 16px; color: #FFFFFF !important; border-color: #2A97B7; background-color: #2A97B7 !important; font-weight: 500; padding: 10px 20px; border: 0px; border-radius: 3px; }


.liste-articles-jeux {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
	justify-content: center;
}
.article-card {
	width: 300px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
}
.article-card:hover {
	transform: translateY(-5px);
}
.article-thumbnail {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.article-content {
	padding: 15px;
}
.article-content h3 {
	font-size: 18px !important;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: 'none', sans-serif !important;
}
.article-content h3 a {
	color: #333;
	text-decoration: none;
}
.article-content .article-meta {
	font-size: 14px;
	color: #777;
}
.article-content .article-excerpt {
	font-size: 14px;
	color: #31223A!important;
	line-height: 21px !important;
}