/**
 * Theme Name:     TopSpin Child
 * Author:         Jegtheme
 * Template:       topspin
 * Text Domain:	   topspin-child
 * Description:    TopSpin is a modern and clean WordPress theme for Tennis Schools, Sports Clubs, and related industries. TopSpin is the ideal choice for building a professional, engaging website that showcases your expertise and attracts aspiring athletes.
 * Theme URI:      https://fse.jegtheme.com/topspin/
 * Author URI:     https://support.jegtheme.com/
 * Version:        1.0.0
 * License:        GNU General Public License v3 or later.
 * License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Tags:           grid-layout,block-styles,entertainment,full-site-editing
 */



.police-logo-thin{
 font-family: "dazzle-unicase", sans-serif!important;
font-weight: 200;
font-style: normal;
}

.police-logo-light{
font-family: "dazzle-unicase", sans-serif!important;
font-weight: 300;
font-style: normal;
}

.police-logo-medium, .police-logo-medium .list-text{
font-family: "dazzle-unicase", sans-serif!important;
font-weight: 500!important;
font-style: normal;
}

.police-logo-bold{
font-family: "dazzle-unicase", sans-serif!important;
font-weight: 700;
font-style: normal;
}

.uppercase{
text-transform: uppercase;
}


 /* Barre adminb */
#wpadminbar:hover
{
	opacity:1;
	top:0px;
}
#wpadminbar
{
	top:-24px;
	opacity:0;
	transition:all 0.3s ease-in-out;

}


html {
    margin-top: 0px !important;
	scroll-padding-top: 122px;
}

.guten-section-wrapper.pinned.sticky-top{
	top: 0px !important;
}

/**
* marges
**/

.ml10neg{
	margin-left:-10px!important;
}

.pl0{
	padding-left:0px!important;
}

.ml370{
	margin-left:370px!important;
}

.pb0{
	padding-bottom:0px!important;
}

.mb10{
	margin-bottom:10px!important;
}

/*--*/




/**
* Police titres
**/

body #guten-MFkc6G .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-MFkc6G .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a,
body #guten-MFkc6G .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li a {
	font-family: "dazzle-unicase", sans-serif;
	font-weight: 500;
	font-style: normal;
}

/**
* Menu principal
**/

ul#menu-menu-principal, ul#menu-menu-principal-anglais {
    column-gap: 20px;
}

/**
* sub-menu
**/

#guten-MFkc6G .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu {
    width:max-content!important;
}

/**
* Titres et texte courant
**/


body:not(.wp-admin) h1.titre-marker, .h1.titre-marker{
font-size:60px;
font-family: "Permanent Marker", cursive;
}

body:not(.wp-admin) h1, .h1{
font-family: "DM Sans", sans-serif;
font-style: normal!important;
font-size: 40px;
font-weight: 700;
line-height: 1.2em;
}

body:not(.wp-admin) h2, .h2{
font-family: "DM Sans", sans-serif;
font-style: normal!important;
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
letter-spacing: 0.013em;
}

body:not(.wp-admin) h3, .h3{
font-size: 26px;
font-weight: 500;
line-height: 1.2em;
}

body:not(.wp-admin) h4, .h4{
font-size: 24px;
font-weight: 600;
line-height: 1.2em;
}

body:not(.wp-admin) h5, .h5{
font-size: 22px;
font-weight: 500;
line-height: 1.2em;
}

body:not(.wp-admin) h6, .h6{
font-size: 20px;
font-weight: 500;
line-height: 1.2em;
}

.guten-icon-box.txt-courant .icon-box.icon-box-body .title,
.txt-courant{
	font-family: "DM Sans", sans-serif;
	font-size: 20px;
	line-height: 1.2em;

}



/**
* Affichage rangée
**/

.nowrap .guten-inner-wrap{
	flex-wrap: nowrap !important;
}

/**
*
**/

@keyframes pastille-qui-tourne {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }

  .pastille-qui-tourne img{
	animation: pastille-qui-tourne 4s linear infinite;
  }

/**
* rotation 348deg
**/

.rotate348{
	transform: rotate(348deg);
}

/**
* rotation 10deg
**/

.rotate10{
	transform: rotate(10deg);
}

/**
* alignement horizontal centré
**/

div:has(.justify-content-center) {
    justify-content: center;
}

/**
* alignement auto à droite 
**/

.margin-left-auto{
	margin-left:auto;
}

/**
* alignement vertical bas
**/

.align-items-end{
	align-items: end;
}

/**
* liste icon alignement vertical centré
**/

.align-items-center>.guten-icon-box-wrapper{
	align-items: center!important;
}




/**
* picto 3etoiles sur image calé en haut à gauche
**/

.picto-3etoiles:before{
	content:"";
	display:inline-block;
	width:100px;
	height:100px;
	background:url(assets/img/picto-3etoiles-citron.svg) center center no-repeat;
	background-size:contain;
	position:absolute;
	top:50px;
	left:-30px;
	z-index:2;
}

.picto-3etoiles-pacific:before{
	content:"";
	display:inline-block;
	width:100px;
	height:100px;
	background:url(assets/img/picto-3etoiles-pacific.svg) center center no-repeat;
	background-size:contain;
	position:absolute;
	top:50px;
	left:-30px;
	z-index:2;
}

.picto-3etoiles-orange:before{
	content:"";
	display:inline-block;
	width:100px;
	height:100px;
	background:url(assets/img/picto-3etoiles-orange.svg) center center no-repeat;
	background-size:contain;
	position:absolute;
	top:50px;
	left:-30px;
	z-index:2;
}

.picto-3etoiles-violet:before{
	content:"";
	display:inline-block;
	width:100px;
	height:100px;
	background:url(assets/img/picto-3etoiles-violet.svg) center center no-repeat;
	background-size:contain;
	position:absolute;
	top:50px;
	left:-30px;
	z-index:2;
}

/**
* 
**/


body .guten-icon-list .list-wrapper .guten-icon-list-item a{
	color:var(--wp--preset--color--custom-charbon)!important;
}

body .guten-icon-box.icon-position-left .guten-icon-box-wrapper .icon-box.icon-box-header{
	margin-right:10px;
}


/**
* slide-5 pdf pres
**/
.slogan-rond-violet{
	position:relative;
}
.slogan-rond-violet>div{
	aspect-ratio: 1/1;
	max-width: 240px;
	transform: rotate(10deg);
	padding:0px!important;
}

.slogan-rond-violet>div>div{
	display: flex;
	align-items: center;
	height:100%;
}
.slogan-rond-violet:before{
	content:"";
	position:absolute;
	top:-5px;
	left:20px;
	height:26px;
	width:35px;
	background:url(assets/img/eclats-violet.svg) no-repeat center center;
}

.slogan-rond-violet p[data-wp-block-attribute-key="description"]{
display:none;
}

.slogan-rond-violet .title{
	padding: 0px 50px!important;
	transform: rotate(6deg);

}

.fleche-a-droite:after{
	content: "";
    display: inline-block;
    width: 60px;
    height: 15px;
    background: url(assets/img/fleche-4-col.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 83%;
    z-index: 3;
	transition: transform .3s ease-in-out;
	transform-origin: bottom left;
}

.animated.fleche-a-droite:after{	
	transform: scale(0);
}

.fleche-boucle-droite:after{
	    content: "";
    display: inline-block;
    width: 175px;
    height: 60px;
    background: url(assets/img/fleche-slide-12.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: 40px;
    left: 83%;
    z-index: 3;
}



.title-zoom-in-out .title{
	animation: zoom-in-zoom-out 1s ease infinite;
} 

.zoom-in-out{
  animation: zoom-in-zoom-out 1s ease infinite;
}


@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 110%;
  }
  100% {
    scale: 100%;
  }
}

.move-up-down > a > i:before{
	position:absolute;
	bottom:0;
  animation: UpDown 1s ease infinite;
}


@keyframes UpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0;
  }
}

.bloc-tarif-eclats{
	position: relative;
	flex-direction:column;
}

.bloc-tarif-eclats:before{
	content:"";
	position:absolute;
	top:5px;
	transform: rotate(65deg);
	right:0px;
	height:26px;
	width:35px;
	background:url(assets/img/eclats-violet.svg) no-repeat center center;
	background-size:contain;
}

.bloc-tarif-eclats .prix{
	border-radius:10px;
	padding: 5px;
	width: auto!important;
}

.bloc-tarif-eclats p{
	width: 100%;
}

.guten-icon-list .list-wrapper .guten-icon-list-item.alignitems-baseline a{
	align-items: baseline;
}


/**
* Formulaire de contact
**/

.wpcf7 br{
	display:none;
}

.deuxcol>p{
	display:flex;
	gap:10px;
}

.wp-block-contact-form-7-contact-form-selector {
    width: 100%;
}

.wpcf7-submit.guten-button {
    padding-top: 15px;
    padding-right: 26px;
    padding-bottom: 15px;
    padding-left: 26px;
    background: var(--wp--preset--color--theme-1);
	color: var(--wp--preset--color--theme-0);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
	font-size: 20px;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
display:flex;
width: 100%;
align-items: center;
padding:15px 30px;
border-radius: 30px;
border:2px solid var(--wp--preset--color--theme-0);
color: var(--wp--preset--color--theme-0);
font-family: var(--wp--preset--font-family--dm-sans);
font-size: 18px;
margin-bottom:10px;
}

[class*=guten] a{
	color:var(--wp--preset--color--theme-4);
}

[class*=guten] a:hover{
	color:var(--wp--preset--color--theme-1);
}

.cookieLaw{
	font-size:20px;
}

.cookieLaw .cl-btn{
	color:var(--guten-bg-color);
	}

.cookieLaw>.cl-container>.buttons>a.agree{
	color:var(--wp--preset--color--theme-0);
	background: var(--wp--preset--color--theme-1);
	letter-spacing:0.13em;
	padding:15px 25px;
	border-radius:50px;
	font-size:13px;
	font-weight:600;
}

.cookieLaw>.cl-container>.buttons>a.choose{
	font-size:14px;
	letter-spacing:0.13em;
	font-weight:600;
}

.cookieLaw>.cl-container>.buttons>a.dismiss{
	text-transform: none;
}

.cookieLaw>.cl-container>.buttons>a{
	text-transform: uppercase;
	color:var(--wp--preset--color--theme-1);
}

/**
* menu langue
**/

.wpml-floating-language-switcher{
	/*display: none!important;*/
}


.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {
  margin-bottom: 0;
}
  
.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {
  background-color: transparent !important;
}



.wpml-ls-legacy-list-horizontal>ul>.wpml-ls-item:first-child{
	margin-right:10px;
}

.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal{
	padding:0px 5px 5px 5px;
}
  
.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {
  padding: 0px;
  color:black;
}
  
.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a:hover {
  color:var(--wp--preset--color--theme-1);
}

.wpml-ls-current-language a{
	color:var(--wp--preset--color--theme-1)!important;
}
  
.wpml-floating-language-switcher {
  position: fixed;
  top: 0px;
  right: 10px;
  background: white;   
  padding: 5px 10px; 
  border-radius: 0px 0px 20px 20px; 
  z-index: 9999;
  font-size:13px;
	font-family: "dazzle-unicase", sans-serif;
    font-weight: 500;
    font-style: normal;
	letter-spacing: 0.1em;
}