/*
Theme Name: Badminton Castanet Theme
Theme URI: https://oceanwp.org/
Description: Thème enfant d'Ocean customisé pour BCDC.
Author: Corinne Escudier
Author URI: https://corinne-escudier-designerweb.fr/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*Réglages généraux*/
/* Valeur par défaut (0 sur la home) */

//* Par défaut, pas d’offset */
:root { --anchor-offset: 0px; }

/* Sur toutes les pages SAUF la home/front-page → +250px */
body:not(.front-page):not(.home) {
  --anchor-offset: 250px;
}

/* Décalage propre des ancres au moment où elles sont ciblées */
:target::before {
  content: "";
  display: block;
  height: var(--anchor-offset);
  margin-top: calc(-1 * var(--anchor-offset));
  visibility: hidden;
  pointer-events: none;
}
html {
  scroll-behavior: smooth;
}
body{
    overflow:hidden;
    padding-top: 250px;
}
main{
	min-height: 65vh;
}
p{
	margin:0;
}
/*Animation des liens*/
a{
	text-decoration:none !important;
	position: relative;
}
a:hover, a:focus{
	outline: none !important;
}
/* Fixe le header en haut */
#mon-header {
  position: fixed !important;
  width: 100%;
  top: 0 !important;
 	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  animation: slideDown 0.3s ease-out;
}
#site-header-inner{
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.home #site-header{
  background: transparent !important;
}
.hfe-nav-menu__layout-horizontal{
	width:auto !important;
}
.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-expandible, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical{
	top:70px !important;
}
@keyframes slideDown {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}
.logo-blanc img{
	width:150px !important;
}
.logo-couleur{
	display:none;
}
/* Quand scroll actif */
body.header-scrolled .logo-couleur{
	display: block;
	
}
body.header-scrolled .logo-couleur img{
	width:75px !important;
}
body.header-scrolled .logo-blanc, body.header-scrolled .logos-ff{
	display:none;
}
body.header-scrolled #mon-header {
  background-color: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
body.header-scrolled .custom-logo{
    max-width:90px;
}

body.header-scrolled #mon-header {
  height: 110px;
}
body.header-scrolled #mon-header .reseaux svg{
	fill:#000;
}
body.header-scrolled #mon-header .reseaux svg:hover{
	fill:#1f396d;
}
body.header-scrolled #mon-header #logos{
	width:15%;
}
body.header-scrolled #mon-header #main-menu{
	width:80%;
}
body.header-scrolled #mon-header #main-menu .hfe-nav-menu a, body.header-scrolled #mon-header #main-menu .hfe-nav-menu-icon svg {
	fill:#000;
	color:#000;
}
body.header-scrolled #mon-header > div{
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
}
@media(max-width: 767px){
	body.header-scrolled #mon-header #logos{
		width:30%;
	}
	body.header-scrolled #mon-header #logos .logo-couleur img{
		width:60%;
	}
	body.header-scrolled #mon-header #main-menu{
		width:60%;
	}
	#mon-header #main-menu .hfe-menu-item{
		background-color:#fff !important;
		color:#000;
	}
	body.header-scrolled #mon-header #main-menu .hfe-nav-menu{
	 	display: flex;
	 	align-items:flex-end;
	 }
	 body.header-scrolled #mon-header #main-menu .hfe-nav-menu__toggle{
	 	margin:0;
	 }
}
/*Accueil - Welcome*/
.parallax-layer{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1.1); /* léger zoom pour éviter le vide aux bords */
  will-change: transform;
  max-width: none !important; /* pour ne pas être restreint par le conteneur */
  min-width:70vw !important;
}
@media(max-width: 767px){
	.parallax-layer{
		min-width:100vw !important;
	}
}
/*Slider partenaires*/
#gs_logo_area_49 .gs_logo_single--wrapper{
	max-height:200px;
}
.gs_logo_single img{
	width: auto;
	height:auto;
	padding:10px;
}
/*Blog*/

.derniers-articles, #blog-entries{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	gap:20px;
	margin: 0;
}
.derniers-articles li, #blog-entries article{
	display:flex;
	flex-direction:column;
	list-style-type: none;
	color:#000;
	max-width:32%;
	background-color: #fff;
	border-radius:15px;
	transition: transform 0.5s linear, box-shadow 0.5s linear;
}  
.derniers-articles li:hover, #blog-entries article:hover {
  transform: translateY(-25px);
  box-shadow: 0 0 26px 0 rgba(31,57,109,1);
}
.derniers-articles img, #blog-entries img{
	width: 100%;
  max-width: 100%;
  height: 235px;
  object-fit: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.derniers-articles .content-post, #blog-entries .content-post{
	padding:20px;
}
.derniers-articles h3,  #blog-entries h2{
	color:#1f396d;
	font-size:20px;
}
.derniers-articles a , #blog-entries a{
	background-color:#1f396d;
	text-align: center;
	padding:15px;
	border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.derniers-articles span, #blog-entries span{
	color: #ccc;
}
.single nav.post-navigation .nav-links .title{
	color:#fff !important;
}
@media(max-width: 767px){
	.derniers-articles li, #blog-entries article{
		max-width:100%;
	}
}
/*Calendrier*/
.single-tribe_events .sidebar,
.single-tribe_events #right-sidebar {
    display: none !important;
}
.single-tribe_events .content-area {
    width: 100% !important;
}
.post-type-archive-tribe_events{
	padding:0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
	padding-bottom: 0 !important;
}
body.tribe-events-page-template {
  background: transparent !important;
}

body.tribe-events-page-template .custom-header,
body.tribe-events-page-template .page-header,
body.tribe-events-page-template footer,
body.tribe-events-page-template .site-footer,
body.tribe-events-page-template .site-header,
body.tribe-events-page-template .sidebar {
  display: none !important;
}

body.tribe-events-page-template main {
  margin: 0 !important;
  padding: 0 !important;
}
.tribe-events .tribe-events-calendar-month__header-column{
	width:20%;
}
.tribe-events .tribe-events-c-search__button, 
.tribe-events button.tribe-events-c-search__button, 
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, 
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .datepicker .day.active, 
.tribe-events .datepicker .day.active.focused, 
.tribe-events .datepicker .day.active:focus, 
.tribe-events .datepicker .day.active:hover, 
.tribe-events .datepicker .month.active, 
.tribe-events .datepicker .month.active.focused, 
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover, 
.tribe-events .datepicker .year.active, 
.tribe-events .datepicker .year.active.focused, 
.tribe-events .datepicker .year.active:focus, 
.tribe-events .datepicker .year.active:hover,
.tribe-events .tribe-events-calendar-month__day-cell--selected, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:focus, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:hover,
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event{
	background-color: #1f396d;
}
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover{
	background-color: rgba(31,57,109, 0.5);
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border{
	color: #1f396d;
	border-color:#1f396d;	
}
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date time{
	color:#FFF;
}
/* Avant scroll (header haut = 250px) */
.anchor-target{
  scroll-margin-top: 300px;
}

/* Après scroll (header sticky = 110px) */
body.is-sticky .anchor-target {
  scroll-margin-top: 250px;
}
/*Contact*/
.wpcf7-form p{
	margin: 20px 0;
}
.wpcf7-form input[type="submit"]{
	border:none;
}
.wpcf7-form input[type="submit"]:hover{
	color:#1f396d;
	background-color: #fff;
}
/*Ultimate Member
/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #1f396d!important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover,
.um-request-button,
.um-request-button:hover
{
    background: #1f396d !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #000 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}
.um-toggle-password:hover i{
	color:#1f396d !important;
}
.um-account-profile-link{
	display:none !important;
}
.um-password .um-field-block {
	color:#fff;
}
.um-login, .um-register{
	padding: 0 15px;
}
.um-login label, .um-register label{
	color:#888;
}
.elementor-element-0fd9f7e p, .elementor-element-a100f02 p{
	text-align:center !important;
}

#copyright a{
	font-size:12px !important;
}
/*Masquer le recaptcha Google*/
.grecaptcha-badge{
	display:none !important;
}
/*RGPD*/
.btn-grpd{
	color:#fff;
	padding: 5px 10px;
	border-radius: 5px;
}
.btn-grpd:hover{
	background-color:e70e0e;

}