/*
Theme Name: BSM
Text Domain: Theme Enfant GeneratePress
Version: 3.0.4
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 15kb (gzipped) to your page size. We take full advantage of the new block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS and is translated into over 25 languages by our amazing community of users. A few of our many features include microdata integration, 9 widget areas, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover) and navigation color presets. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
Author: Frédéric TERMOZ-BAJAT
Author URI: https://www.fred-termoz.fr
Template:  generatepress
Theme URI: https://generatepress.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-interpolation-mode: nearest-neighbor;
    text-rendering: optimizeLegibility;
}

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-item > a,
a,
button,
input{transition: all 300ms ease;}

body .grecaptcha-badge{opacity: 0; visibility: hidden;}


/* -------------------- */
/* ------ Header ------ */
/* -------------------- */

.top-bar{position: relative; z-index: 1;}
.site-header{position: relative; z-index: 2;}

.top-bar .inside-top-bar{padding: 0 40px;}

.menu-menu-top-container #menu-menu-top{margin-right: 10px;}

.menu-menu-top-container #menu-menu-top{display:flex; align-items: center;}

#menu-menu-top .icon-partenaires a svg{width: 20px; height: 20px; fill: #28348a; transition: all 300ms ease; margin-right: 10px;}

#menu-menu-top .icon-partenaires a span{display: flex; letter-spacing: 0.02em; padding-top: 2px;}

#menu-menu-top .icon-partenaires{margin-right: 0;}

#menu-menu-top .icon-youtube,
#menu-menu-top .icon-instagram{position:relative; padding: 0 20px 0 0; margin: 0;}
#menu-menu-top .icon-facebook{position:relative; padding: 0 20px; margin: 0;}
#menu-menu-top .icon-mon-compte{position:relative; margin-left: 0;}

#menu-menu-top .icon-youtube::after,
#menu-menu-top .icon-instagram::after,
#menu-menu-top .icon-mon-compte::after,
#menu-menu-top .icon-facebook::before,
#menu-menu-top .icon-facebook::after{
	background-color: #28348a;
	content: "";
	position: absolute;
	top: 50%;
	width: 4px;
	height: 2px;
	margin-top: -1px;
}

#menu-menu-top .icon-facebook::before{left: 10px;}
#menu-menu-top .icon-youtube::after,
#menu-menu-top .icon-instagram::after,
#menu-menu-top .icon-facebook::after{right: 10px;}

#menu-menu-top .icon-instagram::before,
#menu-menu-top .icon-mon-compte::after{display: none;}

#menu-menu-top .icon-youtube a,
#menu-menu-top .icon-instagram a,
#menu-menu-top .icon-partenaires a,
#menu-menu-top .icon-facebook a,
#menu-menu-top .icon-mon-compte a{display: flex; justify-content: center; align-items: center; height: 45px; transition: all 300ms ease;}

#menu-menu-top .icon-youtube a,
#menu-menu-top .icon-partenaires a,
#menu-menu-top .icon-mon-compte a,
#menu-menu-top .icon-instagram a,
#menu-menu-top .icon-facebook a{padding: 0 12px;}

#menu-menu-top .icon-youtube a:hover,
#menu-menu-top .icon-instagram a:hover,
#menu-menu-top .icon-partenaires a:hover,
#menu-menu-top .icon-facebook a:hover,
#menu-menu-top .icon-mon-compte a:hover{background-color: #28348a; color: #ffed00;}

#menu-menu-top .icon-youtube a svg,
#menu-menu-top .icon-instagram a svg,
#menu-menu-top .icon-facebook a svg,
#menu-menu-top .icon-mon-compte a svg{fill: #28348a; transition: all 300ms ease;}

#menu-menu-top .icon-facebook a svg{width: 10px; height: 20px;}
#menu-menu-top .icon-mon-compte a svg{width: 18px; height: 21px;}

#menu-menu-top .icon-youtube a:hover svg,
#menu-menu-top .icon-instagram a:hover svg,
#menu-menu-top .icon-facebook a:hover svg,
#menu-menu-top .icon-mon-compte a:hover svg,
#menu-menu-top .icon-partenaires a:hover svg{fill: #ffed00;}

.site-header .inside-header{padding: 0 40px;}

.inside-header .site-logo{
	background: url(/wp-content/uploads/2021/08/panier-blanc-logo.svg) no-repeat 0 24px;
	background-size: 100%;
	position: absolute;
	top: -24px;
	width: 240px;
}

.inside-header .site-logo a{display: flex; justify-content: center; max-height: 138px;}

.inside-header .site-logo a .header-image{height: 138px;}

.inside-header .menu-bar-items{
	position: absolute;
	top: -45px;
	right: 10px;
	color: #28348a;
}

.inside-header .menu-bar-items .cart-contents{padding-left: 12px; padding-right: 12px; line-height: 45px;}

.main-navigation .main-nav ul li a{line-height: 46px; padding: 4px 30px 0; letter-spacing: 0.03em;}
.main-navigation .main-nav ul li:last-child a{padding: 4px 20px 0 30px;}

.main-navigation .main-nav .sub-menu{background-color:#FFF; width: 250px;}
.main-navigation .main-nav .sub-menu li a,
.main-navigation .main-nav .sub-menu li:last-child a{padding: 10px 20px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; text-transform: inherit;}

.main-navigation .main-nav .sub-menu li a:hover,
.main-navigation .main-nav .sub-menu li.current-menu-item a{color: #28348a; background-color: #c6ccf9;}

.main-navigation ul ul li.lien-partenaires-menu-header{display:none;}


/* -------------------- */
/* ------ Footer ------ */
/* -------------------- */

.site-footer .footer-widgets-container .inside-footer-widgets {margin-left: 0;}

.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-2,
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-3{display: flex; justify-content: center;}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4{display: flex; justify-content: flex-end;}
.site-footer .footer-widgets-container .inner-padding {padding: 0;}

.footer-widgets .address-footer{
	background: url(/wp-content/uploads/2021/08/icon_map_yellow.svg) no-repeat 0 0;
	background-size: 22px;
	padding-left: 36px;
	line-height: 18px;
}

.footer-widgets .cta-facebook-footer a,
.footer-widgets .cta-contact-footer a,
.footer-widgets .cta-tel-footer a{
	display: flex;
	align-items: center;
	height: 40px;
	border-radius: 20px;
	padding: 0 1px;
	border: 1px solid #FFF;
	font-weight: 500;
	transition: all 300ms ease;
}

.footer-widgets .cta-facebook-footer a{width: 260px;}
.footer-widgets .cta-contact-footer a{width: 180px;}
.footer-widgets .cta-tel-footer a{width: 180px;}

.footer-widgets .cta-facebook-footer a:hover,
.footer-widgets .cta-contact-footer a:hover,
.footer-widgets .cta-tel-footer a:hover{background-color: #FFF; color: #28348a; border: 1px solid #FFF;}

.footer-widgets .cta-facebook-footer a span,
.footer-widgets .cta-contact-footer a span,
.footer-widgets .cta-tel-footer a span{
	background-color: #ffed00;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 16px;
	border-radius: 18px;
	transition: background 300ms ease;
}

.footer-widgets .cta-facebook-footer a:hover span,
.footer-widgets .cta-contact-footer a:hover span,
.footer-widgets .cta-tel-footer a:hover span{background-color: #28348a;}

.footer-widgets .cta-facebook-footer a svg,
.footer-widgets .cta-contact-footer a svg,
.footer-widgets .cta-tel-footer a svg{
	fill: #28348a;
	transition: fill 300ms ease;
}

.footer-widgets .cta-facebook-footer a svg{width: auto; height: 22px;}
.footer-widgets .cta-contact-footer a svg{width: 22px; height: 20px;}
.footer-widgets .cta-tel-footer a svg{width: 20px; height: 20px;}

.footer-widgets .cta-facebook-footer a:hover svg,
.footer-widgets .cta-contact-footer a:hover svg,
.footer-widgets .cta-tel-footer a:hover svg{fill: #FFF;}

.site-info .inside-site-info{padding: 10px 40px 35px;}
.footer-widgets .footer-widget-2 .cta-tel-footer{display:none;}


/* --------------------- */
/* ------ Content ------ */
/* --------------------- */


.slider-home-bsm .swiper-slide-inner .swiper-slide-contents{width: 38%;}
.slider-home-bsm .swiper-slide-contents .elementor-slide-heading{display: flex; align-items: center;}
.slider-home-bsm .swiper-slide-contents .elementor-slide-description{max-width: 480px;}
.slider-home-bsm .swiper-slide-contents .elementor-button{padding: 12px 35px 10px;}

.slider-home-bsm .elementor-slides-wrapper .swiper-pagination{bottom: 20px;}

.slider-home-bsm .elementor-slides-wrapper .swiper-pagination .swiper-pagination-bullet{border: 2px solid #ffed00; opacity: 1; background-color: transparent;}

.cta-bsm .elementor-button-link{position: relative; height: 40px;}
.cta-bsm .elementor-button-link:hover{box-shadow: 0 1px 0 #28348A;}

.cta-bsm .elementor-button-link .elementor-button-content-wrapper{align-items: center; height: 100%;}

.cta-bsm .elementor-button-link .elementor-button-icon{
	background-color: #ffed00;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 18px;
	transition: background 300ms ease;
}

.cta-bsm .elementor-button-link:hover .elementor-button-icon{background-color: #28348A;}

.cta-bsm .elementor-button-link .elementor-button-icon svg{fill: #28348A; width: 20px; transition: fill 300ms ease;}
#content .cta-bsm .elementor-button-link:hover .elementor-button-icon svg{fill: #ffed00;}
#content .cta-bsm.cta-invert .elementor-button-link:hover .elementor-button-icon svg{fill: #FFF;}

.icon-plus-large.cta-bsm .elementor-button-link .elementor-button-icon svg{width: 23px;}


.rubriques-complementaires-home .elementor-icon-box-wrapper{
	background-color: #FFF;
	border: 1px solid #28348A;
	border-radius: 5px;
	transition: all 300ms ease;
}

.rubriques-complementaires-home .elementor-icon-box-wrapper:hover{
	box-shadow: 0 2px 5px rgba(40,52,138,0.4);
	transform: translateY(-4px);
}

.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-icon,
.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-icon a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-icon{height: 55px;}
.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-icon a{width:100%; height: 100%;}

.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-content{
	background-color: #28348A;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
}

.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-content h3{width: 100%;}
.rubriques-complementaires-home .elementor-icon-box-wrapper .elementor-icon-box-content h3 a{display: inline-block; color: #FFF; width: 100%; text-align: center;}

.titre-resultat .elementor-image-box-wrapper .elementor-image-box-img{min-width: 53px;}
.titre-resultat .elementor-image-box-wrapper .elementor-image-box-content{padding-bottom: 9px; border-bottom: 1px solid #28348A;}

.slider-partenaires .elementor-image-carousel-wrapper .swiper-pagination{bottom: -12px;}

.section-contact.elementor-widget-text-editor hr{
	height: 1px;
	background-color: rgba(255,255,255,0.3);
	margin-bottom: 20px;
}

.section-formulaire-de-contact .wpcf7-form,
.section-formulaire-de-contact .wpcf7-form .row-2col{display: flex; justify-content: space-between; flex-wrap: wrap;}

.section-formulaire-de-contact .wpcf7-form .row-2col{margin-bottom: 20px; width: 100%;}
.section-formulaire-de-contact .wpcf7-form .detail-message{margin-bottom: 12px; width: 100%;}

.section-formulaire-de-contact .wpcf7-form .row-2col label{display:flex; flex-direction: column; width: 48%;}
.section-formulaire-de-contact .wpcf7-form .detail-message label{display:flex; flex-direction: column;}

.section-formulaire-de-contact .wpcf7-form .detail-message label span,
.section-formulaire-de-contact .wpcf7-form .row-2col label span{display: inline-block; margin-top: 8px;}

.section-formulaire-de-contact .wpcf7-form .detail-message .co-contact{display: inline-block; text-align: right; margin-top: 8px; width: 100%; font-size: 12px;}

.section-formulaire-de-contact .wpcf7-form .valid-contact{display: flex; flex-direction: column; width: 100%;}
.section-formulaire-de-contact .wpcf7-form .valid-contact .acceptance-551{display: block; margin-bottom: 22px;}
.section-formulaire-de-contact .wpcf7-form .valid-contact .acceptance-551 .wpcf7-list-item{margin: 0;}

.section-formulaire-de-contact .wpcf7-form .valid-contact .wpcf7-submit{
	color: #28348a;
	background-color: #FFF;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border: 1px solid #28348a;
}

.section-formulaire-de-contact .wpcf7-form .valid-contact .wpcf7-submit:hover{color: #FFF; background-color: #28348a;}

.section-formulaire-de-contact .wpcf7-form input.wpcf7-form-control,
.section-formulaire-de-contact .wpcf7-form textarea.wpcf7-form-control{color: #28348a; background-color: rgba(255,255,255,0.3);; border-color: #bcbfd1;}

.section-formulaire-de-contact .wpcf7-form input.wpcf7-form-control:focus,
.section-formulaire-de-contact .wpcf7-form textarea.wpcf7-form-control:focus,
.section-formulaire-de-contact .wpcf7-form input.wpcf7-form-control:active,
.section-formulaire-de-contact .wpcf7-form textarea.wpcf7-form-control:active{background-color: #FFF; border-color: #28348a;}

.woocommerce-account #main,
.woocommerce-cart #main{padding: 100px 0;}

.woocommerce-account .woocommerce-MyAccount-navigation li a{font-size: 15px;}

.planning-des-matchs .elementor-toggle-item .elementor-tab-title{display: flex; align-items: center;}

.section-block-pass-sanitaire .elementor-column .elementor-widget-wrap > .elementor-widget-icon-box,
.section-block-pass-sanitaire .elementor-column .elementor-widget-wrap > .elementor-widget-icon-box > .elementor-widget-container{height: 100%;}

#content .form-contact-bsm .frm_form_fields .frm_submit .frm_button_submit{
	background-color: #FFF;
	border-radius: 0;
	border-color: #28348A;
	color: #28348A;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 40px;
	transition: all 300ms ease;
}

#content .form-contact-bsm .frm_form_fields .frm_submit .frm_button_submit:hover{background-color: #28348A; color: #FFF;}

#content .slider-home .swiper-slide .swiper-slide-contents .elementor-slide-heading{text-shadow: 0 1px 1px rgb(0, 0, 0);}
#content .slider-home.special-noel .swiper-slide .swiper-slide-contents .elementor-slide-heading{text-shadow: none;}



/* --------------------------- */
/* ------ Media Queries ------ */
/* --------------------------- */


@media screen and (max-width: 390px){
	.inside-header .site-logo{width: 215px;}
}

@media screen and (max-width: 480px){
	.main-navigation ul ul li.lien-partenaires-menu-header{display: block;}
	#content .slider-home .swiper-slide-inner .swiper-slide-contents{text-align:center;}
	#content .slider-home .swiper-slide-inner .swiper-slide-contents .txt-3x3,
	#content .slider-home-bsm .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading svg{display:none;}
}

@media screen and (max-width: 550px){
	#menu-menu-top .icon-youtube::after,
	#menu-menu-top .icon-instagram::after,
	#menu-menu-top .icon-partenaires,
	#menu-menu-top .icon-facebook::before,
	#menu-menu-top .icon-facebook::after,
	#menu-menu-top .icon-mon-compte{display:none;}
	#menu-menu-top .icon-youtube,
	#menu-menu-top .icon-instagram,
	#menu-menu-top .icon-facebook{padding: 0 2px;}
}

@media screen and (max-width: 768px){
	#content .slider-home-bsm .swiper-slide-inner .swiper-slide-contents {width: 100%;}
	#content .slider-home-bsm .swiper-slide .swiper-slide-bg{background-position: 0 0;}
	body .top-bar .inside-top-bar > .widget{margin: 0 5px 0 0;}
}


@media screen and (max-width: 900px){
	#masthead .main-navigation .menu-toggle{padding: 8px 20px 0 20px; line-height: 30px;}
}

@media screen and (max-width: 960px){
	.mobile-menu-open.slide-opened body{height: 100vh; overflow: hidden;}
	.slideout-navigation .main-nav .slideout-menu > li.menu-item-has-children > a{padding: 0 0 0 20px;}
	.slideout-navigation .main-nav .slideout-menu > li > a,
	.slideout-navigation .main-nav .slideout-menu > li:last-child > a{padding: 0 20px; line-height: 60px;}
	
	.slideout-navigation .main-nav .slideout-menu > li.menu-item-has-children .dropdown-menu-toggle{width: 80px; text-align: center;}
	.slideout-navigation .main-nav .slideout-menu > li .sub-menu li a{padding: 10px 20px; line-height: 20px; font-weight: 500;}
	
	.top-bar .inside-top-bar{justify-content: flex-end;}
	.top-bar .inside-top-bar{padding: 0 20px;}
	.site-header .inside-header{padding: 15px 20px;}
	.inside-header .menu-bar-items,
	#menu-menu-top .icon-mon-compte::after{display: none;}
	.menu-menu-top-container #menu-menu-top {margin-right: 0;}
	.site-header .inside-header .menu-toggle .gp-icon svg{top: 0;}
	.site-footer .footer-widgets-container .inside-footer-widgets{flex-direction: column; align-items: center;}
	.footer-widgets-container .inside-footer-widgets > div{margin-bottom: 20px;}
	.footer-widgets-container .inside-footer-widgets > div:last-child{margin-bottom: 0;}
	#content .slider-home-bsm .swiper-slide .elementor-background-overlay {background-color: rgba(0,0,0,0.7);}
	.elementor-heading-title .small-font-inscription{font-size: 40px !important;}
	#content .slider-home-bsm .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading,
	#content .slider-home-bsm .swiper-slide-inner .swiper-slide-contents .elementor-slide-description{color:#FFF;}
}

@media screen and (max-width: 1024px){
	.site-footer .footer-widgets-container .inside-footer-widgets{flex-wrap: wrap;}
	.inside-footer-widgets > div.footer-widget-1{min-width: 226px;}
	.slider-home-bsm .swiper-slide-inner .swiper-slide-contents {width: 50%;}
	#content .slider-home.special-noel .elementor-swiper .swiper-wrapper .swiper-slide .elementor-background-overlay{background-color: rgba(255, 246, 240, 0.6);}
}

@media screen and (max-width: 1100px){
	.main-navigation .main-nav ul li a{padding: 4px 10px 0;}
	.menu-item-has-children .dropdown-menu-toggle{padding-right: 15px;}
}