/*
 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
*/


/*form*/
@keyframes zoom-image{
0%{transform:scale(1,1)}
100%{transform:scale(1.2,1.2)}
}
.section-img{animation-name:zoom-image;animation-duration:20s;animation-fill-mode:forwards;z-index:-1}
.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:"Playfair Display";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.4s;
}

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


.grow-bloc {
	overflow: hidden;
}

.grow {
	transition: all .2s ease-in-out; }
.grow:hover { 
	transform: scale(1.1); }

/*menu effet*/


ul.bricks-nav-menu li {
	transition: border 0.1s ease-in-out;
	&:hover{
		/*transform : scale(1.07);*/}
}


/* FORMULAIRE DE CONTACT */
.contact_form {gap: 10px;}
.contact_form input::placeholder, .contact_form textarea::placeholder {color: var(--base);opacity: 0.8}
.contact_form a {color: var(--secondary);text-decoration: underline;}
.contact_form ul.options-wrapper {font-size: 12px;}
.contact_form ul.options-wrapper li {display: flex;align-items: flex-start;gap: 10px;}
.contact_form ul.options-wrapper li > input {margin: 0;margin-top: 6px;}