/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/

/************* GENERAL *************/

.button-rainbow{
	display: flex;
	padding: 6px 14px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Gradient, linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%));
	color:white;
	font-family: var(--brz-heading1fontfamily, initial) !important;
	font-weight:800 !important;
}

.button-rainbow-light{
	background: linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%) !important;
}

.button-rainbow:hover{
	color:white;
}

/************* MENU *************/

.menu-container a{
	font-family: var(--brz-heading1fontfamily, initial) !important;
	font-weight:800 !important;
}

.menu-container a:hover{
	text-decoration:underline;
}

.menu-logo-facebook{
	width:30px;
}

@media screen and (min-width:1000px){
	.menu-container ul{
		display:flex;
		align-items:center;
	}
}

.menu-item-89{
	display: flex;
	padding: 6px 14px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background: var(--Gradient, linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%));
	margin-left:8px;
}

.menu-item-89 a{
	color:white !important;
	padding:0 !important;
}

@media screen and (max-width:1000px){
	.menu-item-89{
		width:fit-content;
		margin:10px auto 0;
	}
}

/************* FOOTER *************/
.footer {
	background: #214999; /* bleu de fond */
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding:40px 60px;
}

.footer-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px;
	background: #fff;
	color: #333;
	border-radius: 12px;
	margin: 0 auto;
	max-width: 1280px;
}

.footer-logo img {
	max-width: 240px;
}

.footer-nav {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content:flex-end;
}

.footer-nav a {
	color: #1c3e9b;
	text-decoration: none;
	font-size:18px;
}

.footer-nav a:hover {
	text-decoration: underline;
	color:#214999;
}

.footer-content{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:20px 20px 20px 0
}

.footer-contact {
	justify-content:flex-end;
	display:flex;
	gap:10px;
}

.footer-links{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.footer-contact p {
	margin: 4px 0;
	color:#214999;
}

.footer-contact p:not(:last-child){
	border-right:1px solid #E30613;
	padding-right:10px;
}

.footer-contact a {
	color: #214999;
	text-decoration: none;
}

.footer-contact a:hover{
	color:#214999;
	text-decoration:underline;
}

.socials a img {
	width: 30px;
	margin-left: 10px;
}

.footer-bottom {
	text-align: center;
	padding: 15px 0 0;
	font-size: 14px;
}

.footer-bottom a {
	color: #fff;
	text-decoration: none;
}

.footer-bottom a:hover {
	text-decoration: underline;
	color:white;
}

@media screen and (max-width:1130px){
	.footer-top{
		flex-direction:column;
	}

	.footer-nav, .footer-contact, .footer-links{
		justify-content:flex-start;
		flex-wrap:wrap;
	}
}

@media screen and (max-width:991px){
	.footer{
		padding:40px 40px 0 40px;
	}
}

@media screen and (max-width: 767px){
	.footer{
		padding:20px 20px 0 20px;
	}
}

/************* RENDEZ-VOUS *************/

.date-hours{
	background:#214999;
	width:fit-content;
}


/************* ASSOCIATION *************/

.rainbow-cadre > div{
	border: 3px solid transparent !important;
	border-radius: 8px;
	background-image: linear-gradient(#F5F5F5, #F5F5F5), 
		linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}


.rainbow-cadre .brz-icon-svg{
	background: linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%) !important;
}

.btn-custom-align span{
	text-align:left !important;
}

.slick-list {
	overflow: visible !important;
}

.slick-slide {
	margin: 0 20px 0 0;
}

.card-membre {
	width: 200px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	padding: 40px;
	text-align: left;
}

.card-membre  .photo {
	width: 100%;
	object-fit:cover;
	border-radius: 12px;
	margin-bottom: 16px;
}

.card-membre  .name {
	font-size: 1.2rem;
	font-weight: bold;
	color: #1d3f91; /* bleu OLWE style */
	margin: 0;
}

.card-membre  .function {
	font-size: 0.95rem;
	color: #1d3f91;
	margin:4px 0 0 0
}

/************* PARTENAIRES *************/

.partenaires {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	max-width:850px;
}

.partenaires .partenaire{
	height:120px;
	padding:20px;
	border-radius:20px;
	background:white;
}

@media screen and (max-width:790px){
	.partenaires .partenaire{
		padding:10px;
		height:100px
	}
}

/************* CONTACT *************/

#gform_fields_1 input, #gform_fields_1 textarea{
	background:#F5F5F5;
	border:none;
	border-radius:10px;
}
#gform_submit_button_1{
	padding: 6px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: var(--Gradient, linear-gradient(270deg, #70BA61 0%, #EEB74A 25%, #E5624B 50%, #C6317E 75%, #557CBD 100%));
	color:white;
	font-family: var(--brz-heading1fontfamily, initial) !important;
	font-weight:800 !important;
}