/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px;
}

a.brxe-text-basic:hover {
	text-decoration: underline;}


/* COOKIE */
.cky-btn{flex:initial!important}
.cky-btn-revisit-wrapper{display:none!important}
.cky-notice-group{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:32px !important}
.cky-notice-btn-wrapper{justify-content:flex-start!important;margin-top:0!important;flex-wrap:nowrap!important;flex-direction:row !important;white-space:nowrap !important;gap:10px !important}
.cky-notice-btn-wrapper .cky-btn{margin:0!important}
@media (max-width:800px){
.cky-notice-group{flex-direction:column!important;align-items:flex-start!important}
}
@media (max-width:440px){
.cky-notice-btn-wrapper{flex-direction:row!important;align-items:stretch!important;white-space:normal!important}
}


/*** INSTA ***/
#sbi_images {
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 20px;
  animation: scroll-img 80s infinite linear;
  white-space: nowrap;
	width: max-content !important;
   max-width: max-content !important;
}

#sbi_images .sbi_item {
width: 25vw !important;
min-width: 25vw !important;
aspect-ratio: 1 / 1;
}

@keyframes scroll-img {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-12 * 25vw - 11 * 20px));
  }
}

@media (max-width:768px){
	
#sbi_images .sbi_item {
width: 50vw !important;
min-width: 50vw !important;
aspect-ratio: 1 / 1;
}

@keyframes scroll-img {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-12 * 50vw - 11 * 20px));
  }
}
	
}


/*Formulaire*/

.formreservit{
	display:flex;align-self:center;column-gap:20px;flex-direction:row;width:80%;}

.form__reservit{
	align-items:center;background-color:#fff;box-shadow:0 8px 24px 0 rgb(0 0 0 / 10%);padding:20px;justify-content:center;width:20%;}
.form__reservit.btnreser {background-color:var(--primary);padding:5px;cursor: pointer;}

.form__reservit.btnreser input{padding:0;}
.form__reservit_title{text-align:center;text-transform:uppercase;font-size:.7rem;letter-spacing:1.3px;color:var(--primary);}
.form__reservit_info{font-family:"Arapey";font-size:1.2rem;text-align:center;font-weight:600;padding-top:5px;width:100%;}
.resabtn{width:100%;height:100%;}

@media (max-width:1300px){
.formreservit{width:90%;}
}

@media (max-width:1200px){
.formreservit{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
	column-gap: 0;
	row-gap: 20px;
	
}
.form__reservit {
	width: 49%;
	flex-direction: row;
	column-gap: 20px;
	padding: 10px 20px !important;
	row-gap: 10px;
}
	
.form__reservit_info {
    padding-top: 0px;
}
	
.form__reservit:last-child {
    width: 100%;
    height: 50px;
	}
}
	
/*bouton*/

.brxe-button {
	transition: all 0.5s;
}

.bricks-button {
	transition: all 0.5s;
	&:hover{
	transform : scale(1.05);}
}

.form-group button {
	transition: all 0s;
	&:hover{
		transform : scale(1);}
}

li:hover .brx-submenu-toggle button {
    transform: rotate(180deg)
}

/* hover menu */
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
header nav ul.bricks-nav-menu li.current-menu-item a::after,
header nav ul.bricks-nav-menu li:hover a::after,
body.home header nav ul.bricks-nav-menu li.current-menu-item:hover a::after
{content:"";width:100%;height:4px;background-color: #ffffff;position:absolute;bottom:-7px;animation:fade-in .3s ease;display: block;}

header nav ul.bricks-nav-menu li.menu-item-has-children a::after {display:none !important;}
header nav ul.bricks-nav-menu li a{position:relative;}
header .bricks-nav-menu ul.sub-menu li a::before, header .bricks-mobile-menu ul.sub-menu li a::before {content:"-\00a0";}