/*
Theme Name: Rotisserie
Template: Impreza
Version: 1.0
Author:	Reactive Communication
Theme URI: https://reactive-com.com
Author URI: Adeline W
*/

:root {

	--epaisseur:2px;
	--ombre:drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 6px);
	--couleur1:#FFEFD5;
	--couleur2:#FFF7E6;
	--couleur3:#E6EFE9;
}






a:focus, button:focus {
	outline: none!important;
}

.wpb_text_column p {
	text-align: justify;
}
.w-tabs[style*="--sections-title-size"]>div>div>.w-tabs-section-header>.w-tabs-section-title {
    font-weight: 700!important;
}
.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
    background: var(--color-content-bg-alt-grad);
}
.no-touch .w-btn:after {
	z-index: -1;
	top: inherit !important;
	bottom: 0;
}
.no-touch .us-btn-style_1:after {
    transition: height 0.15s;
}
li {list-style: none;}
ol { 
	counter-reset: Num; 
	margin: 1rem 1.5rem;
}
ol li:before { 
    counter-increment: Num;
    content: counter(Num) !important;
    background: var(--color-content-link);
    display: inline-block;
    text-align: center;
    margin: 0 .5rem;
    line-height: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-weight: 700;
	color: var(--color-content-bg);
}
.color_alternate ol li:before, .l-section .color_alternate ul li:not(.panel):before, main .color_alternate .wpb_wrapper ul li:not(.panel):before, .services a:before { 
    border: solid 2px #fff !important;
    background: var(--color-content-primary);
}

main .wpb_wrapper ul, .l-section ul {
	list-style-type: none;
	margin-left: 0; }
main .wpb_wrapper ul li:not(.panel), .l-section ul li:not(.panel), ol li {
	  list-style: none; }
main .wpb_wrapper ul li:not(.panel):before, .l-section ul li:not(.panel):before, .listform p a:before, .services a:before {
		content: " ";
		display: inline-block;
		height: 6px;
		width: 6px;
		margin: 0 .5rem 0 0;
		list-style: none;
		border: 2px solid var(--color-content-primary);
		border-radius: 50%;
		vertical-align: middle;
	}
.l-section.color_alternate ul li:not(.panel):before, .color_footer-bottom ul li:not(.panel):before {
	background: var(--color-content-bg);
}

/* header */
.w-nav.type_desktop.dropdown_mdesign .w-nav-list:not(.level_1) {
	border-radius: 1.5rem;
}
.ush_menu_1 .w-nav-item:not(.level_1).current-menu-item>a:first-child {
    background: var(--color-content-primary);
    color: #fff;
	border-radius: 1rem;
}
.ush_menu_1 .w-nav-item:not(.level_1).current-menu-item>a:first-child:hover {
    background:var(--color-content-border) !important;
}
.w-nav.type_desktop .w-nav-list.level_2 {
    min-width: 24rem;   padding: .5rem;
}
.ush_menu_1.type_desktop .menu-item:not(.level_1) a.level_2:hover {
    background:var(--color-content-border);
	border-radius: 2rem;
}

.cursor-ball {
	width: .5rem;
	height: .5rem;
	background-color: var(--color-content-secondary);
  }
.cursor-outline {
	width: .5rem;
	height: .5rem;
	background-color: rgba(55,98,224,0);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  }
.cursor-ball,
.cursor-outline {
  border-radius: 50%;
  position: absolute;
  z-index: 300;
  pointer-events: none;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.cursor-mousedown {
	width: 1rem;
	height: 1rem;
	background-color: rgba(255,124,32,0.3);
  }
.scale-link {
	transform: scale(3);
	background-color: rgba(255,124,32,0.3);
	cursor: none !important;	pointer-events: none;
  }

.hovered-link {
	color: #fff;
  }

.titre a {
	display: flex;
    justify-content: start;
    flex-direction: column;
    width: 100%;
    height: 96px;
    padding: 0 16px;
    border-radius: 1rem;
    background: var(--color-content-primary);
    color: #fff;
	margin-bottom: .5rem;
}
.menu-description {
	display: flex;
	font-size: .75rem;
    font-weight: 400;
    line-height: 1.1;
}
.hero {
	padding-left: 5rem !important;
    background: var(--color-content-primary) no-repeat 50vw 0 / 50%;
	position: relative;
 	overflow: hidden;
}
.hero:before {
	content: "";
    width: 80%;
    position: absolute;
    height: 80%;
    z-index: 1;
    pointer-events: none;
    bottom: -5%;
    right: -30%;
    background: url(img/degrad-reactive.svg) no-repeat center;
    -webkit-animation: vibrate 10s ease 0s infinite normal none; 
    animation: vibrate 10s ease 0s infinite normal none; 
	opacity: .25;
}
.hero .w-post-elm.post_image {
	z-index: 2;
}


.g-breadcrumbs a {
    color: #fff;
	font-size: .7rem;
}
.g-breadcrumbs-separator {
    margin: 0 0.4em;
    line-height: 1.6;
}
.g-breadcrumbs.hide_current .g-breadcrumbs-item:last-child, .g-breadcrumbs.hide_current .g-breadcrumbs-separator:nth-last-child(2) {
	display: inline-block;
}
.g-breadcrumbs  .g-breadcrumbs-item:last-child a {
	font-weight: 700;
	text-decoration: none;
}
.w-post-elm.post_title {
    padding: 2rem 0 0;
}
.intro { 
	border-left: solid var(--epaisseur) var(--color-content-primary); 
	padding: 1rem 0 0 1rem; 
	margin: 0 0 4rem 2rem;
	color: var(--color-content-primary); 
	letter-spacing: .5px;
	font-family: var(--h2-font-family, inherit);
    font-weight: var(--h2-font-weight, inherit);
    font-size: var(--h2-font-size, inherit);
    line-height: var(--h2-line-height, 1.4);
    margin : 0 20vw 1.5rem 0;
}

section.color_alternate .intro {
	color: #fff;
}
.hero .intro {
	color: #fff;
}
a.web {
	box-shadow: var(--color-content-secondary) 0px -1rem 0 inset; 
	transition: box-shadow 0.3s ease-in-out 0s; 
	padding: 0 2px;
}
.intro strong {
	box-shadow:var(--color-content-secondary) 0px -1.75rem 0 inset;
}

p.introduction  {
	font-size: 1.3rem;
    line-height: 1.4;
	padding: 0 5vw 2rem 5vw;
	color: var(--color-content-primary);
}
.home p.introduction {
	padding:0
}
.color_alternate p.introduction {
	color: #fff;
}
/* home */

.owl-nav {
    position: absolute;
	top: 0;
    right: 3rem;
}
.owl-carousel.navstyle_circle .owl-nav button {
    height: 2rem;
    width: 2rem;
	background: var(--color-content-link);
	margin-right: .5rem;
}

/* reassurance */
.reassurance  {background:var( --alt-bg);}
.reassurance .w-iconbox-icon { font-size: 8rem !important; width: 8rem !important; line-height:8rem !important;}


.for_agreement .w-form-row-label {width: 96%;}
.for_agreement .w-form-row-description {
	width: 100%;
}
span.wpcf7-list-item {
    display: flex;
    margin: 0 1.5rem 0 0;
    padding: 0.5vw 0;
}
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select {
    margin-top: 0;
}
.wpcf7 form label {
	font-weight: 700 !important;
}
.wpcf7 form  label .wpcf7-list-item-label {
	font-weight: 400 !important;
}
.wpcf7 .g-cols.via_grid {
	margin-bottom: 1.5rem;
}

.wpcf7 form .wpcf7-acceptance label {
	font-weight: 400 !important;
    font-size: .85rem;
    line-height: 1.3;
}
span.wpcf7-list-item {
    display: inline-flex;
}
.w-form-row-description { color: inherit!important; }
.w-form-row.for_agreement{	
	font-size: .75rem;
	width: 75%;
}

.wpcf7-file {
	color: transparent;
  }
  .wpcf7-file::-webkit-file-upload-button {
	visibility: hidden;
  }
  .wpcf7-file::before {
	content: 'Choisir un fichier';
	color: white;
	display: inline-block;
	background: var(--color-content-secondary);
	border: 2px solid var(--color-content-secondary);
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 10pt;
  }
  .wpcf7-file:active {
	outline: 0;
  }
  .wpcf7-file:hover::before {
	border-color: var(--color-content-link);
  }
  .wpcf7-file:active::before {
	background-color: var(--color-content-link);
  }
  input[type=file] {
	padding: 0;
	background: none !important;
  }
/* carousel */
.owl-nav { display: inherit!important;}
.owl-carousel.navpos_inside>.owl-nav div {background: var(--color-content-text);}
.owl-carousel.navstyle_circle .owl-nav div { height: 2rem; width: 2rem; top:0; }
.owl-carousel.navpos_inside .owl-prev { right: 3rem; left:inherit; }
.owl-carousel .owl-nav.disabled { display: none!important;}
.owl-carousel button.owl-dot { margin: 0 0.3rem;}
/* POPUP */ 
.w-popup-box-content {
	border: solid 2px var(--color-content-secondary);
	border-radius: 1rem;
}
.usoverlay_fixed body .l-header, .usoverlay_fixed body .l-main, .w-popup-overlay.active {
	background: rgba(0,22,89,0.3);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); 
}
/* Commande */
.fluentform .ff-el-group {
    margin: .5rem;
}
#fluentform_9 .ff-t-column-2 {
	font-size: 1.2rem;
	font-weight: 600;
}

.ff_columns_total_3:nth-child(2n+1) { background-color: var(--couleur1); }
/* .ff_columns_total_3:nth-child(3n+2) { background-color: var(--couleur3); } */
.ff_columns_total_3:nth-child(2n+2) { background-color: var(--couleur2); }
.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label {
	font-weight: 600;
}
.fluentform input[type=checkbox] {
    -webkit-appearance: inherit !important;
	appearance: inherit !important;
}
.fluentform_9 .ff_payment_item:has(input[name="Livraison"]) {
    display: none;
}
@media (min-width: 768px) {
	.frm-fluent-form .ff-t-container {
		gap: inherit;
		align-items: center;
		margin: 1rem 0;
	}
	#fluentform_9 .ff-t-cell.ff-t-column-2 {
		align-items: flex-end;
	}
}
input[id*="item-quantity"] {
	width:60px !important;
}
.coordonnees{
	background: var(--couleur3);
}

.w-popup-box-content .fluentform .ff-el-progress-bar {
    background-color: #58cc82 !important;
}
.fluentform .ff-el-input--label {
	font-weight: 700 !important;
}
button.ff-btn-secondary {
	font-style: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 700;
    letter-spacing: 0em;
    padding: 1.0em 1.2em;
    transition-duration: 0.3s;
    border-radius: 0.25em;
    transition-timing-function: ease;
    --btn-height: calc(1.2em + 2 * 1em);
    background: var(--color-couleur3);
    border: solid 2px var(--color-vert);
    color: var(--color-vert) !important;
}

/* FOOTER */

@keyframes vibrate {
	0% { transform: translate(0); } 
	10% { transform: translate(-2px, -2px);transform: rotate(1deg); } 
	20% { transform: translate(2px, -2px);transform: rotate(1deg) } 
	30% { transform: translate(-2px, 2px);transform: rotate(1deg); } 
	40% { transform: translate(2px, 2px);transform: rotate(-1deg) } 
	50% { transform: translate(-2px, -2px);transform: rotate(-1deg); } 
	60% { transform: translate(2px, -2px);transform: rotate(1deg); } 
	70% { transform: translate(-2px, 2px);transform: rotate(1deg); } 
	80% { transform: translate(-2px, -2px);transform: rotate(-2deg); } 
	90% { transform: translate(2px, -2px);transform: rotate(-1deg); } 
	100% { transform: translate(0);} 
}
@keyframes flotte {
	0% { transform: translatey(0px);	}
	50% { transform: translatey(-12px);	}
	100% { transform: translatey(0px);	}
}

footer .w-hwrapper.aligne {
    justify-content: space-evenly;
}

a.lien {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 22;
    top: 0;
    left: 0;
}


div div.grecaptcha-badge {display: none}
.l-section.color_footer-bottom h2 {
	color:var(--color-content-secondary);
}
.g-cols.mobi.type_default>div[class*="vc_col-xs-"] {
    margin: 0!important;
}
.mob {
    width: 100%!important;
    grid-gap: 0!important;
    position: fixed!important;
    bottom: 0!important;
    left: 0;
    z-index: 3!important;
    background: var(--color-content-secondary);
    display: flex!important;
    justify-content: space-around;
	margin: 0 !important;
}
.mob .w-btn-wrapper {
    margin:0
}
.mob .w-btn.icon_atleft i {
    margin: 0 0 .35rem;
    clear: both;
    display: block;
    font-size: 1.5rem;
}
.w-toplink.active {
	bottom: 3.5rem;
}

@media screen and (min-width:1240px) {
	
}
@media screen and (min-width: 810px) {

}
/* tablette to laptop */
@media screen and (min-width: 768px) {
	.hero:before {
		width: 60%;
		height: 60%;
        top: 25%;
        right: -15%;
	}	
/* 	section:not(.cta) h2 {
		width:55%;
	} */
}
/* tablette et + */
@media (max-width: 1000px) {
	.w-image[class*="ush_image_"] img {
		height: 55px;
	}
	.hero {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	nav.ush_menu_1, nav.ush_menu_2 {
		padding: 0 .9rem !important;
}	
	.w-nav-control {
		padding: 0 0.8rem 0 0;
	}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {

}
@media screen and (min-width: 601px) {
}

/* Portable */
@media screen and (max-width: 600px) {
	.intro {
		margin: 0 0 4rem 0;
	}
	.hero {
		padding-bottom: 2vmax;
	}
	.hero:before {
	width: 40%;
    height: 40%;
    bottom: 1%;
    right: 20%;
	}

	h2, .h2 {
		padding-top:2rem;
	}
	.l-main {
		background-size: cover, 80%;
	}
	.ff_columns_total_3   {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
		}
	.ff-t-column-1, #fluentform_9 .ff-t-column-2, .ff-t-column-3 {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: baseline;
		order: 0;
	}
	.ff-t-column-1 {
		flex-shrink: 2;
		flex-basis: 75% !important;
		flex-grow: 1;
		align-self: end;
	}
	#fluentform_9 .ff-t-column-2 {
		flex-shrink: 2;
		flex-basis: 95% !important;
		order: 1;
		text-align: right;
	}
	.ff-t-column-3 {
		flex-shrink: 1;
		flex-basis: 20% !important;
		align-self: flex-end;
	}
}