/*
 Theme Name:   VDG Qwoty
 description:  VDG Qwoty
 Author:       Qwoty
 Template:     twentytwenty
 Version:      1.28
*/



/* ------------------------- SYNTHESE SECTION -------------------------------- */
/*Section synthese*/
.section-synthese h3 {
  margin-bottom: 20px !important;
	text-align: center;
	text-transform: uppercase;
	border-top: 0px !important;
}
.section-synthese p {
  margin-bottom: 0px !important;
  padding-left: 5px;
	font-size: var(--font-size-min) !important;
}
.section-synthese .titre {
  font-size: var(--font-size-titre) !important;
  font-weight: bold;
  margin-bottom: 0px !important;
  text-align: left;
	margin-top: 10px
}
.section-synthese .ss-titre {
  font-size: 1rem !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.section-synthese table {
  margin-top: 3px;
  margin-bottom: 5px;
}
.section-synthese table tr:last-of-type {
  font-weight: bold;
}
.section-synthese table td {
  font-size: var(--font-size-min);
	color: var(--color-primary) !important;
  width:50%;
  padding: 4px 7px;
	border-color: #e8e7e5;
	font-family: var(--font-primary);
}
.section-synthese table td:last-of-type {
  text-align: right;
}
.section-synthese .total {
  border: 2px solid var(--orange);
	padding-bottom: 10px;
}
.section-synthese .total table {
  font-weight: bold;
}

/*Section validation*/
.section-validation h3 {
  margin-bottom: 20px !important;
	text-align: center;
	text-transform: uppercase;
	border-top: 0px !important;
}
.form-validation {
	max-width: 480px;
	margin: 0px auto 5px !important;
}
.form-validation label {
	font-size: 1rem !important;
}
.form-validation .frm_primary_label {
	display: none !important;
}
.form-validation .frm_opt_container {
	text-align: center !important;
}
.form-commentaire {
	margin: auto;
	max-width: 500px !important;
}
.elmt-cgv {
	padding-left: 25px;
	margin-top: -10px;
}

/* ------------------------- SEPA SECTION -------------------------------- */
/*.section-sepa*/
.section-sepa h3 {
	text-align: center;
	text-transform: inherit;
	border-top: 0px solid #000 !important;
	width: fit-content !important;
	padding: 0px 30px 10px !important;
	margin: 0px auto 20px !important;
	font-weight: 400 !important;
	font-size: var(--font-size-h3) !important;
}
.section-sepa .form-no_label .frm_description {
  text-align: left !important;
  font-size: var(--font-size-h3) !important;
  line-height: 1.3;
}
.section-sepa label.frm_primary_label {
  text-align: center !important;
}
@media (max-width: 900px) {
	
}

/* ------------------------- FACTURATION SECTION -------------------------------- */
/*Prix des setup*/
.section-facturation {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.section-facturation h2 {
	margin: auto auto 0px;
	text-align: center;
}
.section-facturation.frm_section_heading h3 {
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #000 !important;
	width: fit-content !important;
	padding: 20px 30px 10px !important;
	margin: 10px auto 20px !important;
}
.section-facturation .form-modalite textarea {
	max-height: 80px;
}
@media (max-width: 900px) {
	
}


/* ------------------------- TOTAL SECTION -------------------------------- */
/*Prix des setup*/
.section-total {
	width: fit-content;
	min-width: 500px !important;
	padding: 30px !important;
	background: var(--blue);
	border-radius: 20px;
}
.section-total .table-description {
	text-align: left;
	margin: -3px auto 0px !important;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 0px !important;
	font-size: 1rem !important;
	width: 100%;
	max-width: 60%;
	border-top: 5px solid #fff;
}
.section-total .form-total {
	width: 100% !important;
	border-top: 0px;
}
.section-total .form-total:last-of-type {
	border-bottom: 0px !important;
}
.section-total .form-total .frm_input_group .frm_inline_box, .section-total .form-total input, .section-total .form-total .frm_description {
	color: #fff !important;
}
@media (max-width: 900px) {
	.section-total {
	  width: calc(100% - 40px);
	  min-width: calc(100% - 40px) !important;
	  padding: 20px 10px !important;
	}
	.section-total .form-total {
	  padding: 0px 5px 0px 0px;
	}
}

/* ---------------------------- SECTION SS TOTAL ---------------------------- */
.section-ss-total {
    margin-bottom: 20px !important;
}
.section-ss-total h3 {
    text-align: center !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    line-height: 1.4;
}

.section-ss-total .form-prix.form-prix-detail input, .section-ss-total .form-prix.form-prix-detail .frm_description {
	color: #666 !important;
}
.section-ss-total .form-prix.form-prix-detail .frm_description {
	font-style: italic;
}
.section-ss-total .form-total {
  padding: 10px 0px !important;
}
.section-ss-total .form-total .frm_description, .section-ss-total .form-total input {
  font-weight: bold !important;
  text-transform: uppercase;
}
@media (max-width:800px) {
	.section-ss-total .form-prix {
	  min-width: 100%;
	}
	.section-ss-total h3 {
	  font-size: 1rem !important;
	}
	.section-ss-total .form-prix input {
	  max-width: 105px !important;
	}
}


/* ---------------------------- PREFERENCE SECTION ---------------------------- */
/*.section-preferences*/
.section-preferences h3 {
  text-align: center !important;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  font-size: var(--font-size-titre) !important;
}
.section-preferences.titre-hidden h3 {
    display: none !important;
}
.section-preferences .form-no_label .frm_description{
    text-align: left !important;
    font-size: var(--font-size-h3) !important;
    color: #000 !important;
    margin-bottom: 8px;
}
.section-preferences .cat-detail-produits {
  margin-top: 0px !important;
}
.section-preferences.cat-fruits h3 {
  color: var(--orange) !important;
}
.section-preferences.cat-plantes h3 {
  color: var(--green) !important;
}
.section-preferences.cat-cafe h3 {
  color: var(--brown) !important;
}
.section-preferences.cat-mobilier h3 {
  color: var(--yellow) !important;
}


/* ---------------------------- PRODUIT SECTION ------------------------------ */
/*Produits*/
.section-produit {
	background: #f8f9f8;
	padding: 10px 0px 0px;
	border: 0px solid #eee;
	border-radius: 8px !important;
}
.section-produit .frm_html_container{
	margin-bottom: 3px !important;
}
.section-produit.cat-fruits {
	
}
.section-produit.cat-snack {
	position: relative;
	grid-column: span 4;
}
.section-produit.cat-cafe {
	position: relative;
	grid-column: span 4;
}
.section-produit.cat-snack::before {
	content: "prix degressifs";
	font-size: var(--font-size-min) !important;
	position: absolute;
	background: #fff;
	transform: rotate(15deg);
	right: -10px;
	top: -5px;
	width: 70px;
	text-align: center;
	line-height: 13px;
	color: #333;
	display: none;
}
.section-produit .form-quantity {
    flex-direction: column !important;
    display: flex !important;
    padding: 0px 10px;
    justify-content: flex-end;
    text-align: center;
}
.section-produit h3 {
	display: none !important;
}
.section-produit img {
	height: 130px;
	margin: auto;
}
.section-produit input, .section-produit select {
  width: 80px !important;
	margin: auto !important;
	text-align: center;
}
.section-produit .titre {
    font-size: 1rem;
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}
.section-produit .description {
  font-size: var(--font-size-min) !important;
	color: var(--color-primary) !important;
	text-align: center !important;
	margin-bottom: 5px;
	line-height: 1.2 !important;
	padding: 0px 10px !important;
	display: block;
	font-weight: 400 !important;
}
.section-produit .form-prix_produit .frm_total_formatted::after {
  content: "/ unité";
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
  font-size: var(--font-size-min) !important;
  color: var(--color-primary);
  font-weight: 400;
  margin-left:5px
}
.section-produit .form-prix_produit.unite-machine .frm_total_formatted::after, .section-produit .form-prix_produit.unite-mobilier .frm_total_formatted::after  {
  content: "/ unité / semaine" !important;
}
@media (max-width:800px) {
  .home.logged-in main .section-produit {
    grid-column: span 6 !important;
    margin-top: 10px;
  }
}



/* ---------------------------- TITRE SECTION -------------------------------- */
/*Sections titres*/
.section-titre {
  text-align: center;
  font-size: var(--font-size-h3) !important;
  line-height: 1.3;
  padding: 20px 20px;
  text-transform: uppercase;
  margin-right: -40px !important;
	margin-left: -40px !important;
	margin-bottom: 0px !important;
	margin-top: 20px !important;
	border-radius: 5px;
}
.section-titre .description {
  color: #fff !important;
  text-align: center !important;
  text-transform: initial;
  margin: 10px auto 5px;
  max-width: 85% !important;
  font-size: 1rem !important;
}
.section-titre a {
  color: #fff !important;
	text-decoration: underline !important;
	position: relative;
	cursor: pointer;
}
.section-titre a::after {
  content: "\e62a";
  font-family: 's11-fp' !important;
  color: #fff !important;
  margin-left: 5px;
  text-decoration: none !important;
  animation: 3s infinite updown ease-out;
  position: absolute;
  margin-top: -10px;
}
.section-titre a.active::after {
  transform: rotate(180deg);
}
.section-titre > div span, .section-titre > div {
	margin: auto;
	padding: 5px 20px;
	color: var(--white);
	font-size: var(--font-size-h3) !important;
}
.section-titre.cat-fruits {
  background-image: linear-gradient(50deg, #ac4d13, var(--orange)) !important;;
}
.section-titre.cat-cafe {
  background-image: linear-gradient(50deg, #37302C, var(--brown)) !important;
  position: relative;
}
.section-titre.cat-cafe::after{
	content: "";
	background-image: url('https://vergersdegally.qwoty.io/wp-content/uploads/2023/05/cat-cafe-min.jpg');
	width: 135px;
	height: 135px;
	position: absolute;
	right: -70px;
	border: 2px solid #fff;
	top: calc(50% - 68px);
	border-radius: 50%;
	background-size: contain;
}
.section-titre.cat-plantes {
  background-image: linear-gradient(50deg, #1B421D, var(--green)) !important;
  position: relative;
}
.section-titre.cat-plantes::after{
	content: "";
	background-image: url('https://vergersdegally.qwoty.io/wp-content/uploads/2023/06/cat-plantes-3-min.jpg');
	width: 135px;
	height: 135px;
	position: absolute;
	right: -70px;
	border: 2px solid #fff;
	top: calc(50% - 68px);
	border-radius: 50%;
	background-size: contain;
}
.section-titre.cat-mobilier {
  background-image: linear-gradient(50deg, #ef7020, var(--yellow)) !important;
  position: relative;
}
.section-titre.cat-mobilier::after{
	content: "";
	background-image: url('https://vergersdegally.qwoty.io/wp-content/uploads/2023/05/cat-meuble-min.jpg');
	width: 135px;
	height: 135px;
	position: absolute;
	right: -70px;
	border: 2px solid #fff;
	top: calc(50% - 68px);
	border-radius: 50%;
	background-size: contain;
}
.section-titre.cat-recap {
  background-image: linear-gradient(50deg, #535353, #a8a8a8) !important;
}

@media (max-width:800px) {
	.section-titre.cat-cafe::after, .section-titre.cat-mobilier::after, .section-titre.cat-plantes::after {
	  right: -10px;
	  top: -30px;	
	  width: 90px;
		height: 90px;
	}
}

/* ---------------------------- TOGGLE SECTION -------------------------------- */

/*Section Toggle*/
.section-toggle {
  padding: 10px;
  border: 1px solid;
  border-radius: 10px;
}
.section-toggle .frm_toggle_container{
  padding-top: 20px;
}
.section-toggle.cat-recos{
  border-color: #ca5c19 !important;
  background: #fbfafa !important;
}
.section-toggle.cat-fruits{
  border-color: var(--orange) !important;
}
.section-toggle.cat-plantes {
  border-color: var(--green) !important;
}
.section-toggle.cat-cafe{
  border-color: var(--brown) !important;
}
.section-toggle.cat-mobilier{
  border-color: var(--yellow) !important;
}
.section-toggle.frm_section_heading h3 {
  width: fit-content !important;
	position: relative !important;
	padding-top: 5px !important;
	margin: auto !important;
	text-align: center;
	font-weight: 400 !important;
	color: #000 !important;
	border-top: 0px !important;
	display: block !important;
}
.section-toggle h3 i {
  position: absolute !important;
  right: -25px;
	animation: 3s infinite updown ease-out;
}
@keyframes updown {
  from {
    top: 0px
  }
  20% {
    top: 8px;
  }
  30% {
    top: 4px;
  }
  40% {
    top: 8px;
  }
 60% {
   top: 4px;
  }
  to {
    top: 8px;
  }
}
.section-toggle .form-field {
    flex-direction: column-reverse !important;
		display: flex !important;
		padding: 0px 10px;
		margin-top: 20px;
		margin-bottom: 0px !important;
}
.section-toggle .form-field .frm_description {
  text-align: center;
  font-size: 1rem !important;
  color: #000 !important;
}
.section-toggle label.frm_primary_label{
    display: none !important;
}
form .section-toggle .form-field .frm_input_group input {
  border: 2px solid #fff !important;
	box-shadow: 0px 0px 6px #bbb !important;
	text-align: center;
	background: var(--orange) !important;
	color: #fff !important;
	width: 80px !important;
	height: 80px;
	max-width: 80px !important;
	border-radius: 50% !important;
	margin: auto;
	font-size: var(--font-size-h2) !important;
}
form .section-toggle.cat-fruits .form-field .frm_input_group input {
  background: var(--orange) !important;
}
form .section-toggle.cat-plantes .form-field .frm_input_group input {
  background: var(--green) !important;
}
form .section-toggle.cat-cafe .form-field .frm_input_group input {
  background: var(--brown) !important;
}
form .section-toggle.cat-mobilier .form-field .frm_input_group input {
  background: var(--yellow) !important;
}
.section-toggle .frm_inline_box {
  position: relative;
	border: 0px solid #fff;
	background: #fff;
	box-shadow: none !important;
	font-size: 1rem;
	margin-top: 5px;
	text-align: center;
	display: block;
	width: 100%;
}
.section-toggle .frm_inline_box::after {
  content: "Recommandation hebdomadaire";
  font-size: var(--font-size-min) !important;
  text-align: center;
  display: block;
}
.section-toggle .form-html-decision {
  flex-direction: column !important;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 0px solid #eeee;
}
.section-toggle .form-html-decision p.titre {
  text-align: center;
	font-size: 1rem !important;
	color: #000;
	text-transform: uppercase;
	font-weight: 600 !important;
	margin-top: 20px;
}
.section-toggle .form-html-decision p.description {
  text-align: center;
  font-size: 1rem !important;
  color: #000;
  margin-top: 10px;
}
.section-toggle .form-html-decision img {
  width: auto;
	margin: auto;
}


/* ---------------------------- GRD COMPTE SECTION -------------------------------- */
/*Grand compte*/
.section-grand_compte img {
  border-radius: 0;
	max-height: 80px;
	text-align: center;
	margin: 5px auto 5px;
}
.section-grand_compte .description {
  text-align: center !important;
  margin-bottom: 0px !important;
}

/* ---------------------------- HERO SECTION -------------------------------- */
/*Proposition de valeur*/
.section-hero h1{
	text-align: center;
	margin-top: 10px !important;
}
.section-hero .elmt-prenom, .section-hero .elmt-entreprise {
	background: linear-gradient(to left, var(--red), var(--orange) 100%);
	background-position: 0 100%;
	background-size: 100% 12px;
	background-repeat: repeat-x;
	padding: 0px 5px;
	text-transform: capitalize;
}

/* ------------------------- CALCUL COUT COLLAB SECTION -------------------------------- */
/*caclul collab*/
.section-calculateur_global {
	text-align: center;
	background: #fff;
	padding: 20px 10px !important;
	position: fixed;
	border-radius: 10px;
	box-shadow: 1px 1px 4px #a8a8a8;
	right: 20px;
	max-width: 170px;
	top: 10%;
	z-index: 9999;
}
.section-calculateur_global h2 {
	font-size: 1rem !important;
	margin-bottom: 5px !important;
}
.section-calculateur_global h3 {
	display: none !important;
}
.section-calculateur_global p {
	font-size: var(--font-size-min) !important;
	margin-bottom: 0px !important;
}
.section-calculateur_global .form-curseur {
  margin-bottom: 20px !important;
}
.section-calculateur_global .form-curseur .frm_description {
  font-size: var(--font-size-min) !important;
}
.section-calculateur_global .form-curseur .frm_range_container .frm_range_value {
  font-size: 1rem;
  top: 0px;
}
.section-calculateur_global .form-total {
  width: auto !important;
  flex-direction: column-reverse !important;
  min-width: auto;
}
.section-calculateur_global .form-total {
  width: auto !important;
  flex-direction: column-reverse !important;
  min-width: auto;
  border: none !important;
}
.section-calculateur_global .form-total .frm_description {
  text-align: center !important;
  font-size: var(--font-size-min) !important;
  line-height: 1;
}
.section-calculateur_global .form-total input {
  text-align: center;
}
.section-calculateur_global a {
  color: inherit;
	text-decoration: inherit;
}
.section-calculateur_global a:hover {
	text-decoration: underline;
}
@media (max-width: 900px) {
	.section-calculateur_global {
	  text-align: center;
	  background: transparent;
	  padding: 5px 0px !important;
	  position: fixed;
	  border-radius: 10px;
	  box-shadow: none;
	  right: 5px;
	  max-width: 130px;
	  top: calc(100% - 85px);
	  bottom: 25px;
	  z-index: 9999;
	  margin-top: 0px !important;
	}
	.section-calculateur_global .frm_html_container {
	  display: none !important;
	}
	.section-calculateur_global .frm_input_group {
	  margin-top: -5px;
	}
	.section-calculateur_global .frm_input_group input {
	  font-size: var(--font-size-min) !important;
	}
	.section-calculateur_global .frm_input_group input .frm_inline_box {
	  font-size: var(--font-size-min) !important;
	}
	.section-calculateur_global.frm_first {
	  margin-right: auto !important;
	}
	.section-calculateur_global.frm6 {
	  margin: auto !important;
	  max-width: 90% !important;
	  padding-top: 20px !important;
	}
}

/* ---------------------------- COMMERCIAL ---------------------------------- */
/*Afficher le commercial*/
.section-commercial {
  position: fixed;
	bottom: 10px;
	right: 20px;
	margin: 0px !important;
	width: fit-content !important;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 4px #a8a8a8;
	max-width: 180px !important;
	font-size: 1rem;
	z-index: 9999;
}
.section-commercial img {
  border-radius: 50%;
	max-width: 80px;
	text-align: center;
	margin: -40px auto 5px;
	animation: 5s ease-in 0s 1 rotation;
}
@keyframes rotation {
  from {
    transform: translate(0px,-80px);
    opacity: 0;
  }
  20% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  25% {
    transform: translate(0px, -10px);
  }
  30% {
    transform: translate(0px, 0px);
  }
  to {
    transform: translate(0px, 0px);
  }
}
.section-commercial p {
  text-align: center;
  margin-bottom: 0px !important;
  color: #000;
	font-size: var(--font-size-min) !important;
}
.section-commercial p a {
  color: #6c6c6c;
  text-decoration: none;
}
@media (max-width:800px) {
	.section-commercial {
	  position: fixed;
		left: 5px;
		display: flex;
		width: 100% !important;
		flex-direction: column;
		padding: 8px 5px;
		font-size: 12px !important;
		top: auto;
		bottom: 20px;
		right: auto;
		box-shadow: none;
		max-width: 100% !important;
		height: auto;
	}
  .section-commercial p {
	  width: fit-content !important;
	  margin-left: 60px;
	  text-align: left;
	  background: #fff;
	  padding: 0px 10px;
	}
	.section-commercial img {
	  max-width: 60px;
	  margin: auto;
    position: absolute;
	}
}


/* -------------------------------- DEVIS -------------------------------- */
/*Détail-produits*/
.html-detail_produits, .cat-detail-produits {
  text-align: center !important;
  margin-top: 10px;
  margin-bottom: 0px !important;
}

/*Checkbox mise en relation*/
.checkbox-relation {
	margin-top: -20px;
}
.checkbox-relation label {
	font-size: 1rem !important;
}

/*Radio paiement */
.form-field.radio-paiement .frm_description {
	font-size: var(--font-size-titre) !important;
}

/*Logo Jardins*/
.logo-plante {
	width: fit-content;
	margin: 5px auto 5px;
	background: #343b14;
	padding: 10px 20px;
}


/* ----------------------------- GENERAL FORMS ------------------------------ */
/*Design forms */
.frm_section_heading h3 {
	border-top: 0px solid #e8e8e8 !important;
}

/*Calculateur */
.frm_form_field.form-resultat {
  flex-direction: column !important;
  display: flex;
  padding: 0px 10px;
  margin-top: 0px;
  margin-bottom: 0px !important;
}
.frm_form_field.form-resultat label {
  display: none !important;
}
.frm_form_field.form-resultat .frm_input_group {
	flex-direction: column-reverse;
}
.frm_form_field.form-resultat .frm_input_group .frm_inline_box {
	text-align: center;
	margin: auto !important;
	background: transparent !important;
	border: none !important;
	font-size: 1rem;
}
/* Chrome, Safari, Edge, Opera */
.devis-qwoty .frm_form_field.form-resultat input::-webkit-outer-spin-button,
.devis-qwoty .frm_form_field.form-resultat input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.devis-qwoty .frm_form_field.form-resultat input[type=number] {
  -moz-appearance: textfield;
}
.devis-qwoty .frm_form_field.form-resultat input {
	border: 2px solid #fff !important;
	box-shadow: 0px 0px 6px #bbb !important;
	text-align: center;
	background: var(--orange) !important;
	color: #fff !important;
	width: 80px !important;
	height: 80px !important;
	max-width: 80px !important;
	border-radius: 50% !important;
	margin: auto !important;
	font-size: var(--font-size-h2) !important;
	order: 2;
	padding: 5px 0px;
}
.devis-qwoty .frm_form_field.form-resultat.cat-cafe input {
	background: var(--brown) !important;
}
.frm_form_field.form-resultat .frm_description {
  order: 1;
	text-align: center !important;
	font-size: var(--font-size-min) !important;
	margin-top: 5px;
	margin-bottom: 5px;
	color: var(--color-primary) !important;
}

/*Repeat*/
.frm_repeat_sec .frm_remove_form_row {
  display: none !important;
}
.frm_repeat_sec:last-of-type .frm_remove_form_row {
  display: inline-block !important;
}
.frm_repeat_sec.frm_first_repeat .frm_remove_form_row {
  display: none !important;
}
.detail-livraison {
	text-align: center !important;
	margin-top: 10px;
	margin-bottom: 0px !important;
}
.frm_add_form_row, .frm_remove_form_row {
  background: #eee !important;
  color: #000 !important;
  border: 0px !important;
}
a.frm_add_form_row:hover, a.frm_remove_form_row:hover {
  background: #bbb !important;
}
.frm_add_form_row .frm_icon_font::before, .frm_remove_form_row .frm_icon_font::before{
  color: #000 !important;
}


/*Prix Totaux */
.form-total {
	width: 60% !important;
	grid-column: span 12 !important;
	flex-direction: row-reverse !important;
	display: flex;
	margin: -1px auto 0px !important;
	justify-content: space-between;
	align-content: center;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	min-width: 300px;
}
.form-total .frm_primary_label{
  display: none !important;
}
.form-total .frm_input_group {
	width: fit-content !important;
}
.form-total .frm_input_group .frm_inline_box{
	background: transparent;
	border: 0px;
	box-shadow: none;
	font-size: 1rem;
	align-items: flex-end;
	margin-bottom: 8px;
	padding: 0px 0px 0px 3px;
}
.form-total input {
  max-width: 130px !important;
	border: 0px !important;
	box-shadow: none !important;
	text-align: right;
	font-size: 1rem !important;
	color: #000 !important;
	margin-top: auto;
	margin-bottom: auto !important;
	background: transparent !important;
}
.form-total .frm_description {
  text-align: left !important;
	font-size: 1rem !important;
	color: #000 !important;
	margin-bottom: 0px !important;
	padding: 5px !important;
}
@media (max-width:800px) {
	.form-total {
	  width: calc(100% - 40px) !important;
	}
	.form-total .frm_description {
	  font-size: 1rem !important;
	}
	.form-total input {
	  max-width: 90px !important;
	}
	.form-total .frm_input_group .frm_inline_box {
	  margin-bottom: 3px;
	}
}


/*Required*/
main .frm_required_field .frm_description::after {
  content: "*";
  color: #B94a48 !important;
  margin-left: 3px;
}


/* Prix Produit*/
.form-prix_produit {
  margin-bottom: 0px !important;
  text-align: center;
  line-height: 0;
}
.form-prix_produit .frm_primary_label{
  display: none !important;
}
.form-prix_produit .frm_total_formatted {
  font-size: 1rem !important;
  color: #000 !important;
  line-height: 1.2 !important;
	margin-top: 5px !important;
}
.form-prix_produit .frm_total_formatted .frm_inline_total {

}
.form-prix_produit .frm_total_formatted .frm_inline_pre {
  font-size: 1em !important;
}
.prix-produit {
    margin-bottom: 10px !important;
	text-align: center;
}
.form-prix_produit .frm_total_formatted::after {
  content: "/ unité";
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
  font-size: var(--font-size-min) !important;
  color: #484747;
  font-weight: 400;
  margin-left:5px
}
.form-prix_produit.unite-machine .frm_total_formatted::after, .form-prix_produit.unite-mobilier .frm_total_formatted::after  {
  content: "/ unité / semaine" !important;
}
.form-prix.bold .frm_description, .form-prix.bold input {
  font-weight: bold !important;
}
.form-prix.italic .frm_description, .form-prix.italic input {
  font-style: inherit !important;
}


/*Affichage des prix*/
.form-prix {
  width: 60% !important;
	grid-column: span 12 !important;
	flex-direction: row-reverse !important;
	display: flex;
	margin: -1px auto 0px !important;
	justify-content: space-between;
	align-content: center;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	min-width: 300px;
}
.form-prix .frm_description {
    text-align: left !important;
    font-size: 1rem !important;
    color: #000 !important;
    margin-bottom: 0px !important;
		padding: 5px !important;
  	line-height: 1.3;
  	min-width: 50%;
}
.form-prix .frm_primary_label{
  display: none !important;
}
.form-prix input {
  max-width: 150px !important;
	border: 0px !important;
	box-shadow: none !important;
	text-align: right;
	font-size: 1rem !important;
	color: #000 !important;
	margin-top: auto;
	margin-bottom: auto !important;
}
.form-prix .frm_input_group input:focus{
  border: 0px !important;
	box-shadow: none !important;
}
.form-prix .frm_input_group .frm_inline_box{
  font-size: var(--font-size-min) !important;
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	margin: -5px 0px 0px !important;
	padding: 0px;
}
.form-prix.frm_html_container {
  justify-content: left;
	padding: 0px 5px;
	border-top: 1px solid #fff;
}
.form-prix.frm_html_container p {
  font-size: var(--font-size-min) !important;
  margin-bottom: 5px;
  font-style: italic;
}

/*Champs quantité */
.form-quantite {
  flex-direction: column !important;
	display: flex;
	margin-bottom: 0px !important;
	max-width: 100% !important;
	align-items: center;
	padding: 10px;
	background: var(--blue-light);
	border-radius: 10px;
}
.form-quantite .frm_primary_label{
  display: none !important;
}
.form-quantite input {
  text-align: center !important;
	line-height: 1.3 !important;
	max-width: 100px !important;
	border: 0px !important;
	box-shadow: none !important;
	background-color: #fff !important;
	font-size: 1rem !important;
	height: auto !important;
	border-radius: 10px !important;
	color: var(--color-secondary) !important;
}
.form-quantite input::-webkit-outer-spin-button,
.form-quantite input::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
  opacity: 1;
}
.form-quantite .frm_description{
  text-align: center !important;
	line-height: 1.3;
	margin-left: 5px;
	color: var(--color-secondary) !important;
	font-size: 11px !important;
}


/*Champs Facturation */
.form-modalite {
  flex-direction: column-reverse !important;
  justify-content: flex-end;
	display: flex;
	margin-bottom: 5px !important;
	max-width: 100% !important;
	padding: 10px;
	border-radius: 10px;
}
.form-modalite .frm_primary_label{
  display: none !important;
}
.form-modalite input {
  text-align: left !important;
	border: 1px solid #BFC3C8 !important;
	box-shadow: none !important;
	font-size: var(--font-size-min) !important;
	min-height: 30px;
	color: var(--color-primary) !important;
}
.form-modalite .frm_opt_container {
	margin-top: 5px !important;
}
.form-modalite .frm_opt_container label {
	font-size: var(--font-size-min) !important;
}
.form-modalite .frm_opt_container .frm_description {
	text-align: center !important;
}
.form-modalite .frm_opt_container input {
	min-height: auto !important;
}
.form-modalite textarea {
  text-align: left !important;
	border: 1px solid #BFC3C8 !important;
	box-shadow: none !important;
	font-size: 1rem !important;
	color: var(--color-primary) !important;
}
.form-modalite .frm_description{
  text-align: left !important;
	line-height: 1.3;
	font-size: var(--font-size-min) !important;
	margin-bottom: 0px;
	color: var(--color-primary) !important;
}
.form-modalite.frm_signature .frm_description{
  margin:auto !important;
}



/*Curseur calculs*/
.form-curseur {
  flex-direction: column-reverse !important;
  display: flex !important;
  padding: 0px 10px;
  margin-top: 0px;
	margin-bottom: 50px !important;
	position: relative;
}
.form-curseur .frm_primary_label {
  display: none !important;
}
.form-curseur .frm_description {
  font-size: 1rem !important;
	color: var(--color-primary) !important;
	padding-right: 40px !important;
}
.form-curseur .form-resultat .frm_primary_label {
  display: none !important;
}
.form-curseur .frm_range_container{
  display: flex;
	flex-wrap: wrap;
}
.form-curseur .frm_range_container .frm_range_value {
  position: absolute;
  right: 0;
  top: -15px;
  font-size: var(--font-size-h2) !important;
  color: var(--color-secondary);
}
.form-curseur .frm_range_container .frm_range_unit{
  order: 2;
}
.form-curseur .frm_range_container input{
  order: 0;
}
.form-curseur .frm_range_container .frm_description{
  display: none !important;
}
@media (max-width:800px) {
	.form-curseur .frm_range_container .frm_range_value {
	  top: -5px !important;
	}
}

/*Valdatioon et erreur*/
.frm_message p {
	text-align: center !important;
}
.frm_message a.lien_qwoty {
	background: #fff;
	max-width: 80%;
	display: block;
	margin: 90px auto 5px;
	padding: 10px;
	color: #000;
	text-decoration: none;
	font-size: var(--font-size-titre) !important;
	border-radius: 20px;
}

/*Radio image*/
.frm_image_options {
  align-items: center;
	margin-top: 20px;
}
.frm_image_options .frm_description {
  font-size: 1rem !important;
	margin-top: 20px !important;
}
.frm_image_options .frm_image_option_container:hover, .frm_image_options input[type="radio"]:checked + .frm_image_option_container, .frm_image_options input[type="checkbox"]:checked + .frm_image_option_container {
  border-color: #67a46a !important;
  box-shadow: 0 0 0 1px #67a46a !important;
}
.frm_image_options .frm_image_option_container .frm_selected_checkmark svg {
  fill: #67a46a !important;
}
@media (max-width:800px) {
	.frm_image_options .frm_radio.frm_image_option {
	  width: 30% !important;
	  margin: 3px !important;
	}
	.frm_image_options .frm_radio.frm_image_option img {
	  height: auto !important;
	}
}

/*Téléchargement de fichier*/
.frm_dropzone {
	margin: auto;
	max-width: 400px !important;
}
.frm_dropzone.frm_single_upload {
  max-width: 100% !important;
}
.frm_dropzone.frm_single_upload .frm_upload_icon::before {
  font-size: var(--font-size-h3) !important;
}
.frm_dropzone .frm_upload_text {
  font-size: 1rem !important;
}
.frm_dropzone.frm_single_upload .frm_upload_text button{
  font-size: 1rem !important;
	text-transform: initial;
	letter-spacing: 0px;
}
.frm_dropzone .frm_small_text {
  display: none;
}
.frm_dropzone .dz-preview .dz-details .dz-size{
  margin-left: 8px;
}

/*Sign form*/
.frm_signature .sigPad {
	margin:auto;
}
.frm_signature .sigPad .typed input[type="text"]{
	font-size: 60px !important;
}
.frm_signature label, .frm_signature .frm_error, .section-upload label {
	text-align: center !important;
}
.frm_signature .sigPad .clearButton{
  right: 0;
  text-align: center;
  bottom: 2px;
  margin: 2px auto 0px;
  width: fit-content;
}


/* ------------------------------ SUMBMIT ------------------------------------ */
/*Submit*/
.frm_submit {
	margin: 20px auto !important;
	text-align: center;
	width: fit-content;
}
body.logged-in.home .frm_submit {
	margin: 20px auto !important;
	text-align: center;
	width: fit-content;
	position: fixed;
	bottom: 10px;
	left: 0;
	right: 0;
	display: flex;
	gap:10px;
}
.frm_submit .frm_button_submit {
  background-image: linear-gradient(50deg, var(--orange), var(--yellow)) !important;
	padding: 10px 15px !important;
	border-radius: 5px !important;
	border: 0px !important;
	font-size: 1rem !important;
	position: relative;
	transition: padding .5s ease;
	color: #fff !important;
	text-decoration: none !important;
	order: 3;
}
.frm_submit .frm_button_submit:before {
	content: "➔";
	font-weight: 900;
	font-size: 1rem;
	position: absolute;
	right: 50px;
	display: none;
	transition: right .5s ease;
}
.frm_submit .frm_button_submit:hover {
	padding-right: 35px !important;
}
.frm_submit .frm_button_submit:hover::before{
    display:inline-block;
    right: 10px;
}
@media (max-width:800px) {
	body.logged-in.home .frm_submit {
	  position: relative;
		flex-direction: column;
	}
}

/*Save draft*/
.frm_submit .frm_save_draft {
  display: block;
	background: #66a369;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	width: fit-content;
	margin: 10px 10px !important;
	box-shadow: 0 2px 15px rgba(15,41,48,.3);
	line-height: 2;
}
.frm_submit a.frm_save_draft:hover {
  background: #427444 !important;
  color: #fff !important;
}
.frm_submit .frm_save_draft::before {
  display: inline-block;
  margin-right: 5px;
  content: "✓";
}
@media (max-width:800px) {
	.frm_submit .frm_save_draft {
		bottom: 20px;
	}
}

/*Précédent*/
.frm_submit .frm_prev_page {
  background: #EEE !important;
  padding: 10px 15px !important;
  border-width: 0px !important;
  border-color: transparent !important;
  color: #000 !important;
	font-size: 1rem !important;
	position: relative;
	transition: padding .5s ease;
}
.frm_submit .frm_prev_page:before {
	content: "➔";
	font-weight: 900;
	font-size: 1rem;
	position: absolute;
	left: 50px;
	display: none;
	transition: left .5s ease;
	transform: rotate(180deg);
}
.frm_submit .frm_prev_page:hover {
	padding-left: 35px !important;
}
.frm_submit .frm_prev_page:hover::before{
    display:inline-block;
    left: 10px;
}

/* ------------------------------ CONNEXION ------------------------------------ */
/* Connexion Home */
body:not(.logged-in).home main {
  position: relative;
  height: 100vh;
	background-color: rgba(0, 0, 0, 0.2);
}

body:not(.logged-in).home main::before {
	content: "";
	background-image: url(https://vergersdegally.qwoty.io/wp-content/uploads/2023/05/pause-fertile-min.jpg);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
  top: 0;
  left: 0;
	z-index: -1
}
body:not(.logged-in).home .post-inner {
 	margin: 5% auto 0px;
	width: fit-content;
	background: rgb(255, 255, 255);
	padding: 30px 0px 10px !important;
	border-radius: 10px;
	min-width: 600px;
}
body:not(.logged-in).home .post-inner .connexion-qwoty {
 	margin-bottom: 0px !important;
 	text-align: center;
	font-size: 1rem;
}
body:not(.logged-in).home .post-inner .devis-qwoty + .connexion-qwoty {
	display: none;
}
body:not(.logged-in).home .post-inner .connexion-qwoty h2 {
 	margin: 0px;
}
body:not(.logged-in).home .post-inner .connexion-qwoty p {
 	margin-top: 40px;
 	font-size: 1rem;
 	margin-bottom: 0px !important;
 	color: #000;
}
body:not(.logged-in).home .post-inner .connexion-qwoty img {
 	max-width: 600px;
	margin: 10px auto 5px;
	display: block;
	width: 100%;
}
body:not(.logged-in).home .post-inner #loginform-0 .frm_error_style {
  text-align: center;
	margin-top: 10px;
}
body:not(.logged-in).home .post-inner #loginform-0 .frm_error_style a {
  display: none;
}
body:not(.logged-in).home .post-inner #loginform-0 {
  margin-bottom: 10px;
}
body:not(.logged-in).home .post-inner #loginform-0 .login-username {
  display: none !important;
}
body:not(.logged-in).home .post-inner #loginform-0 .login-password {
  display: none !important;
  max-width: 400px;
	margin: 20px auto;
}
body:not(.logged-in).home .post-inner #loginform-0 .login-password label{
  text-align: center;
}
body:not(.logged-in).home .post-inner #loginform-0 .login-remember {
  display: none !important;
}
body:not(.logged-in).home .post-inner #loginform-0 .frm_submit {
  margin-bottom: 0px !important;
}
body:not(.logged-in).home .post-inner #loginform-0 .frm_submit input {
  background-image: linear-gradient(50deg, var(--orange), var(--yellow)) !important;
  color: #fff;
  font-size: 1rem;
  border: 0px !important;
}
body:not(.logged-in).home .post-inner .devis-qwoty {
  font-size: 1rem;
  margin-top: 0px !important;
  color: #000;
  margin-bottom: 20px !important;
}

/*User décnnexion*/
.home .post-inner .frm_logout_link{
  position: absolute;
	width: fit-content !important;
	top: 7px;
	right: 10px;
	font-size: 1rem;
	background: var(--grey);
	padding: 5px 10px;
	border: 0px solid #cd2653;
	z-index: 10;
	color: #000;
	text-decoration: inherit;
	font-family: var(--font-primary);
}


@media (max-width:800px) {
	body:not(.logged-in).home .post-inner {
		min-width: auto;
		width: 90%;
		padding: 30px 10px 10px !important;
	}
}

/*User loggedIn*/
.home.logged-in main .post-inner {
  max-width: 810px;
}
.home.logged-in main {
	background: rgba(255, 255, 255, 0.95) !important;
	position: relative;
	min-height: 100vh;
	height: auto !important;
}
.home.logged-in main::before {
	content: "";
	position: fixed;
	width: 100%;
  height: 100%;
/*  background: url(https://vdg.qwile.com/wp-content/uploads/sites/2/2022/04/bg-vdg-fruits-min.png);*/
	background-position: center !important;
	background-repeat: repeat !important;
	background-size: 40% !important;
	top: 0;
	z-index: -1;
}

.home main .devis-qwoty{
	text-align: center;
}
.logged-in .user-info {
	display: none !important;
}
body.logged-in.home .connexion-qwoty {
 	display: none !important;
}
.home.logged-in main .devis-qwoty {
	
}
main .post-inner .frm_logout_link{
  position: absolute;
  right: 0;
  max-width: fit-content !important;
  margin: 0px;
  font-size: 1rem;
  color: red;
  text-decoration: none;
  font-family: var(--font-primary);
  padding: 5px;
}
@media (max-width:800px) {
	main .post-inner .frm_logout_link {
	  right: 30px !important;
	  top: 5px !important;
	  font-size: 1rem;
	}
	.home.logged-in main {
	  background: rgba(255,255,255,0.95);
	}
	.home.logged-in main::before {
		background-size: 60% !important;
	}
	.home.logged-in main .post-inner {
	  padding: 0px 20px !important;
	}
}

/* -------------------------------- STRUCTURE -------------------------------- */
/*Page structure */
main .post-inner {
  padding: 0px 10px 60px !important;
  max-width: 800px;
	margin: 45px auto 20px;
	background: #fff;
}
main .post-inner .devis-qwoty {
  max-width: 100% !important;
  margin: 0px !important;
  width: 100% !important;
}
.home header {
	display: none !important;
}
@media (max-width: 800px) {
  main .post-inner .devis-qwoty {
	  margin-bottom: 70px !important;
	}
}

/*Navigation dans la form*/
.nav-qwoty {
  position: fixed;
  z-index: 9;
  top: 0px;
  left: 0;
  width: 100%;
}
.nav-qwoty  #main-nav {
  background-color: #fff;
	padding: 5px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 0px solid #eee;
	box-shadow: 1px 1px 3px #a8a8a8;
}
.nav-qwoty a {
  padding: 5px 10px;
  margin: 2px 3px !important;
  display: inline-block;
	text-decoration: none;
	background: #eee;
  color: #000;
  border-radius: 8px;
}
.nav-qwoty a.nav-recap {
  background: var(--green);
  color: var(--white);
}
.nav-qwoty a:hover {
  text-decoration: underline;
}
div:target {
    padding-top: 60px;
	margin-top: -60px;
}
@media (max-width:800px) {
	.nav-qwoty {
	  width: calc(100%);
		z-index: 11;
	}
}

/* Alertes HTML */
.html-alerte {
	width: fit-content !important;
	padding: 20px 30px 20px;
	background: var(--color-alert);
	border-radius: 10px;
	font-size: 1rem !important;
	margin: 20px auto !important;
	text-align: center;
}
.html-apartirde {
	text-align: center !important;
	margin-bottom: 10px !important;
}

/*Footer*/
/* Footer */
.footer-top-visible .footer-nav-widgets-wrapper {
  margin-top: 0px !important;
  display: none !important;
}
footer {
	font-size: var(--font-size-min) !important;
	width: fit-content !important;
	margin-top: 0px !important;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0px !important;
}
footer div {
	margin: 0px !important;
	background: #fff;
	padding: 3px;
}
footer div img {
	display: inline-block !important;
	max-width: 50px;
	vertical-align: bottom;
	margin-left: 1px;
	margin-bottom: 1px;
}
footer:hover div {
	transform: translate(10px);
	transition: 1s ease;
}
footer div a {
	color: inherit;
}
footer div a:hover, footer div a:focus {
	text-decoration: none !important;
}

@media (max-width:800px) {
	footer {
	  width: 100% !important;
	  max-width: 100%;
	  text-align: center;
	}
}

/*Devis Validé - Custom Qwoty*/
.devis-valide {
	margin-top: 20px;
}
.devis-valide a {
  color: #000;
  text-decoration: none;
}
.devis-valide a img {
  margin:auto !important;
  margin:15px auto 0px;
  transition:transform 1s;
  max-width: 300px;
}
.devis-valide a img:hover{
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);transition:transform 1s;
}

/* -------------------------------- GENERAL-------------------------------- */
/* Tailles */
h1 {
	color:var(--color-primary);
}
h2 span {
	position: relative;
	z-index: 1;
	max-width: fit-content;
}
h2 span::before {
  content: "";
  height: 20px;
  width: calc(100% + 10px);
  background: var(--blue-light);
  position: absolute;
  z-index: -1;
  rotate: -0.5deg;
  border-radius: 5px;
	bottom:1px;
	left:0px;
}
html {
	font-size: 17px;
}
html h1 {
	font-size: var(--font-size-h1);
	color:var(--color-primary);
	margin: auto auto 0px!important;
	font-weight: 400;
	font-family: var(--font-primary) !important;
}
html h2 {
	font-size: var(--font-size-h2);
	color:var(--color-primary);
	margin: auto auto 0px !important;
	font-weight: 400;
	font-family: var(--font-primary) !important;
}
html h3 {
	font-size: var(--font-size-h3);
	color:var(--color-primary);
	font-family: var(--font-primary) !important;
}
html p {
	font-size: 1rem;
	color: var(--color-secondary);
	font-family: var(--font-primary) !important;
}
html .titre {
	font-size: var(--font-size-titre) !important;
	color: var(--color-secondary);
	font-family: var(--font-primary) !important;
}
html .description, html .frm_form_field.frm_html_container {
	font-size: var(--font-size-min) !important;
	color: var(--color-secondary) !important;
	font-family: var(--font-primary) !important;
}
main .entry-content .titre-h1,  main .entry-content .section-titre, main .entry-content .titre-produit, main .entry-content p,  main .entry-content div, main .entry-content input, main .entry-content .form-field, main .post-inner .frm_logout_link{
	font-family: var(--font-primary) !important;
}
@media (max-width: 800px) {
  html { font-size: 16px; }
  html h1 {
		font-size: 2rem;
	}
	html h2 {
		font-size:2rem;
	}
	html h3 {
		font-size: 1.5rem;
	}
}

/*Font*/
@font-face {
    font-family: 'Futura';
    src: url('https://vergersdegally.qwoty.io/wp-content/themes/VDG/fonts/Futura-Book.ttf') format('truetype');
}

@font-face {
    font-family: 'Open';
    src: url('https://vergersdegally.qwoty.io/wp-content/themes/VDG/fonts/OpenSans-Regular.ttf') format('truetype');
}

/*Colors*/
:root {
  --font-primary:'Open', Arial, Helvetica, sans-serif;
  --font-size-h1:2.2rem;
  --font-size-h2:2rem;
  --font-size-h3:1.5rem;
  --font-size-h4:1.3rem;
  --font-size-titre:1.3rem;
  --font-size-min:0.8rem;
  --color-primary: #333;
  --color-secondary:#444;
  --color-bg:#ecf0f5;
	--color-alert:#fde3d4;
  --blue:#172145;
  --green:#67A46A;
  --orange:#D76F2E;
  --orange-light:#D76F2E26;
  --brown:#8A6A5A;
  --yellow:#EBB748;
  --grey:#eee;
  --red:#e31e59;
  --white:#fff;
}


/*Help*/
.margin-top-0 {
	margin-top :0px !important;
}
.margin-bottom-0 {
	margin-bottom: 0px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-auto, .margin-auto .frm_description {
	margin-right: auto !important;
	margin-left: auto !important;
}
.text-center {
	text-align: center !important;
}
.hidden {
	display: none !important;
}
@media (min-width: 800px) {
  .hidden-sm { 
  	display:none !important;
  }
}
@media (max-width: 800px) {
  .hidden-xs { 
  	display:none !important;
  }
}