/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Thème ajusté pour le site du CCG.
Version: 4.27.5.1768309401
Updated: 2026-01-13 13:03:21

*/

/*GENERAL*/
@font-face {
  font-family: 'MangoGrotesque-SemiBold';
  src: url('https://ccg-temp.canoe-club-geneve.ch/wp-content/uploads/2026/01/MangoGrotesque-SemiBold.woff2') format('woff2'),
       url('https:/ccg-temp.canoe-club-geneve.ch/wp-content/uploads/2026/01/MangoGrotesque-SemiBold.woff') format('woff');
	  font-weight: 600;
  font-style: normal;
}

/*ALIGNEMENT ET FLEX*/
.margin-auto{
	margin:auto !important;
}
.nowrap{
	display:flex;
	align-items:center;
	flex-wrap:nowrap !important;
}
.align-items-center{
	display:flex;
	align-items:center;
}
.align-items-flex-end{
	display:flex;
	align-items:flex-end;
}
et_pb_column et_pb_column_1_2 et_pb_column_5   et_pb_specialty_column  et_pb_css_mix_blend_mode_passthrough{
	margin:auto !important;
}
/*TEXTE*/
h1,h2{
	font-family:'MangoGrotesque-SemiBold', sans-serif !important;
}
.accented-txt{
	font-size: 30px;
	font-weight:600;
	line-height: 1.4em;
}
.accented-small-txt{
		font-size: 24px;
	font-weight:600;
	line-height: 1.4em;
}
.subtitle-txt{
	letter-spacing: .1rem;
	font-weight:bold;
	font-size:20px;
}
.title-txt{
		font-family:'MangoGrotesque-SemiBold', sans-serif !important;
	font-size: 40px;
	font-weight:600;
	line-height: 1em;	
}
.small-txt{
	font-size: 14px;
}
.bleu-400{
	color:#0075BE;
}
.vert-400{
	color:#0DAB96;
}
.rose-400{
	color:#F29FC5;
}
.rouge-600{
	color: #E33312;
}
a{
  color:white;
}

.back-rose{
	background-color:#F29FC5 !important;
}

.no-margin-bottom{
	margin-bottom:0px !important
}

/* WIDTH */
.width-45 {
	max-width:45% !important;
}
.width-55 {
	width:55% !important;
}
.width-80{
	max-width:80% !important;
}

/*Centrer contenu de deux colonnes dans la hauteur
 * Réglage: colonnes de même hauteur */
	.col-auto-center {
    margin: auto;
}


/*MENU*/
.et_pb_menu .et_pb_menu__menu>nav>ul {
    align-items: center !important;
}
/*bouton*/
#menu-menu-principal > li:last-child > a {
    background-color: #0DAB96;
	margin-bottom: 8px !important;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all 0.3s ease;
}
#menu-menu-principal > li:last-child > a:hover {
    background-color: #0075BE;
}

/*submenu*/
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul, .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: white !important;
    border-radius: 5px;
}
/*IMAGES*/
/*Galeries d'images slider*/
.slider-img-2 .et_pb_gallery_image{
	height: 500px;
	width: auto;
	object-fit: contain;
}
.slider-img .et_pb_gallery_image{
	height: 400px;
	width: auto;
	object-fit: contain;
}
/*Image responsive*/
.img-cover img {
    object-fit: cover;
    height: 100%;
}

.img-cover span {
    height: 100%;
}

/*SECTIONS*/
/*ATHLETES*/
.athlete-wrapper{
	display:flex;
	gap:40px;	
}
.athlete-img-wrapper{
	height:300px;
	width:40%;
}
.athlete-img-wrapper img{
	object-fit:cover;
	width:100%;
	height:100%
}
.athlete-text-wrapper strong, .athlete-text-wrapper h2{
 		color:#005CAA !important;
}
.athlete-colonnes{
	display:flex;
	gap:40px;
}
.athlete-titre{
	margin-bottom:40px;
}
.athlete-programme{
	background-color:#005CAA !important;
	color:white;
	text-transform: uppercase;
	font-weight:600;
	padding-left: 6px;
	padding-right:6px;
	border-radius:6px;
	position:absolute !important;
}

/***/
.athlete-slider {
    position: relative;
    overflow: hidden;
}

.athlete-track {
    display: flex;
		justify-content:center;
    transition: transform 0.4s ease;
}

.athlete-slide {
    flex: 0 0 22%;
    text-align: center;
	  color:white;
    padding: 20px;
}
@media (max-width: 980px) {
    .athlete-slide { 
			flex: 0 0 50%; 
	}
}

@media (max-width: 768px) {
    .athlete-slide { 
			flex: 0 0 100%; 
	}
}

.athlete-avatar {
    width: 200px;
    height: 200px;
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
}

.athlete-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.athlete-prev,
.athlete-next {
    position: absolute;
	
    top: 20%;
    transform: translateY(-50%);
		color: white;
    background: transparent;
    border: none;
			
    font-size: 100px;
		font-weight:100 !important;
    cursor: pointer;
	
		transform:scaley(1.8)
}

.athlete-prev { 
		left: 0}
.athlete-next { 
		right: 0; }


/*AGENDAS*/
.agenda-grid {
    display: flex;
    flex-wrap: wrap;
		justify-content:center;
}

.agenda-item {
    width: 30%; 
    padding: 24px !important;  
    box-sizing: border-box;
		margin:15px;
		background-color:white;
		border-radius:30px;
}
.agenda-date{
	color:#0DAB96;
	font-size:20px;
}
.agenda-date-compet{
	color:#E33312;
	padding-bottom:20px !important;
	font-size:20px;
}
.agenda-title{
	 	color:#005CAA !important;
	font-weight:600;
			font-size:28px;
}
.agenda-cat{
  background-color:#20968C !important;
	color:white;
	text-transform: uppercase;
	font-weight:600;
	padding: 0 6px;
	border-radius:6px;
	width: fit-content;
}

/*categories du club*/
.cat-cat-navigation { 
	background-color: #0075BE !important; }
.cat-cat-manif { 
	background-color: #E65012 !important; 
}
.cat-cat-assemblee { 
	background-color: black !important; 
}
.cat-cat-ini { 
	background-color: #F29FC5 !important; 
}

/*categories des compets*/
.agenda-tags {
  display: flex;
  gap: 8px;
	margin-bottom:8px;
  flex-wrap: wrap;
}
.tag-jeunes{
		background-color: #0075BE !important; }
.tag-elite{
		background-color: #E65012 !important; }
.tag-regate{
	background-color: #E199B6 !important;
}

.agenda-cta a {
    color:#0075BE;
    text-decoration: underline;
    font-weight: 600;
}

.agenda-cta a:hover {
    text-decoration: none;
}

/*FORM*/
.cta-membre-form a{
	color: white !important;
	text-decoration: underline !important;
}

/*--------------------------------------------------------------------------------------*/
/*RESPONSIVE*/
@media (max-width: 980px) {
/*Global*/
	.accented-txt{
	font-size: 25px;
		line-height:1.2em;
}
	.width-60{
		width:60% !important;
	}
	.width-20{
		width:20% !important;
	}
	.width-100-responsive {
		width:100% !important;
		max-width:100% !important;
}

	.nowrap .et_pb_column {
		margin-bottom: 0px;
	}
	.column-reverse-responsive{
		display:flex;
		flex-direction:column-reverse;
	}
	.align-items-center{
	flex-direction:column;
}
	.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
		.inline-btn {
		    display: flex;
		}
/*Menu*/
    .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        text-align: right;
    }
	.et_mobile_menu {
    z-index: 500 !important;
        width: 100vw !important;
        left: -12.5%!important;
	}
	
	.et_mobile_menu li a {
    border-bottom: 1px solid #0DAB96 !important;
    color: #666;
    padding: 3px 10% !important;
	}


	
	/* Désactiver le menu burger pour le fooetr */
@media (max-width: 980px) {
  .et_pb_menu_0_tb_footer .et_pb_menu__menu {
    display: flex !important;
  }

  .et_pb_menu_0_tb_footer .et_mobile_nav_menu {
    display: none !important;
  }
}

	
	/*ATHLETES*/
	.athlete-wrapper{
	flex-direction:column;
	}
	.athlete-img-wrapper{
	width:100% !important;
	}
	.athlete-img-wrapper img{
		width:100%;
	}
	.athlete-colonnes{
		flex-direction:column;
		gap:20px !important;

	}
}

@media (max-width: 1024px) {
    .agenda-item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .agenda-item {
        width: 100%;
    }
}