/**
 * @file
 * Global rules
 *
 * Theme global rules.
 */

html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}
html, body {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #000000;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
p, h1, h2, h3 {
  position: relative;
}
::selection {
  background-color: #4EAA73;
  color: #fff;
}

/**
 * Links
 */
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #066232;
  text-decoration: underline;
}
.path-frontpage .node--type-homepage .field--name-field-entity > div:nth-child(3) {background: white; padding: 0.1rem 0 2.5rem;}

.page-node-17 .region-content {width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 15px;}
.page-node-17 .region-content i {display: block;}
#block-choixproduitsdevis, #block-recapitulatif {display: none;}
.two_cols {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: space-between;
}
.two_cols > div {
	width: calc(50% - 1.5rem);
}
#block-views-block-liste-produits-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;	
}
#block-views-block-liste-produits-block-1 .view-content > div {
	width: calc(33.3333% - 1.333rem);
	cursor: pointer;
	border: 3px solid white;
	overflow: hidden;
	border-radius: 15px;
}
#block-views-block-liste-produits-block-1 .view-content > div.product-selected {
	border-color: #066232;
}
#block-views-block-liste-produits-block-1 .views-field-title {padding: 0 15px; color: #4EAA73; font-weight: 700; font-size: 1.1rem;}

.page-node-17 .region-content svg {display: inline-block; max-width: 100%; height: auto;}
.page-node-17 .region-content input, .page-node-17 .region-content select {width: 100%; border: 1px solid #d0d0d0; border-radius: 5px; padding: 0.5rem;}
.page-node-17 .region-content sup {color: red;}
.initial-devis > div {
    margin-bottom: 1rem;
}
.page-node-17 .region-content a, .page-node-17 .region-content svg {transition: all 0.25s ease-in-out;}
form.initial-devis {
    max-width: 700px;
    margin: 0 auto;
}
a.create-order {
    font-size: 1.5rem;
    display: block;
    margin: 0 auto;
    max-width: 268px;
    text-align: center;
    margin-top: 4rem;
	color: #066232;
}
.add-product, .send-devis {
    font-size: 1.5rem;
    display: block;
    max-width: 268px;
    text-align: center;
    margin-top: 1rem;
	color: #066232;
}
a.create-order svg, .add-product svg {
	fill: #066232;
	margin-top: 1.5rem;
	width: 70px;
}
.send-devis svg {
	stroke: #066232;
	margin-top: 1.5rem;
	width: 70px;
}

	
a.create-order:hover, .next-demand:hover, .add-product:hover, .send-devis:hover {
	text-decoration: none;
	color: black;
}

.send-devis:hover svg {
	stroke: black;
}

a.create-order:hover svg, .add-product:hover svg {
	fill: black
}
.page-node-17 .views-field.views-field-field-sous-titre {
    font-size: 0.9rem;
    margin: 0 15px;
}
.form-product-devis  > div {
    margin-bottom: 1rem;
}
form.form-product-devis {
    margin-top: 5.5rem;
}
#block-views-block-liste-produits-block-1 {
    text-align: right;
}
#block-views-block-liste-produits-block-1 .view {
	text-align: left;
}
#block-views-block-liste-produits-block-1 h2 {
    display: inline-block;
    transform: translateX(60%);
    font-weight: 400;
    margin-bottom: 2rem;
} 
.next-demand {
    font-size: 1.35rem;
    display: block;
    margin: 2rem auto 2rem;
    max-width: 268px;
    text-align: center;
	color: #066232;
	border: 2px solid #066232;
	border-radius: 15px;
	padding: 0.5rem;
}
div#block-recapitulatif {
    max-width: 800px;
    margin: 0 auto;
}
.product-selected:not(.views-row) {
    border: 2px solid #066232;
    border-radius: 15px;
    padding: 1rem 2rem;
	margin-bottom: 2rem;
}
.product-selected-content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
	justify-content: space-between;
}
.product-actions {
    width: 80px;
	padding-top: 1rem;
}
a.delete-product {
    display: inline-block;
    width: 20px;
}
a.delete-product svg {
	fill: #696970;
}

a.modify-product {
    width: 26px;
    display: inline-block;
    margin-right: 0.5rem;
}
a.modify-product svg {
	fill: #066232;
}

a.delete-product:hover, a.modify-product:hover {text-decoration: none;}
a.delete-product:hover svg, a.modify-product:hover svg {
	fill: #4EAA73;
}
.conditionnement {
    width: 65px;
}
.product-selected-comment {
    margin-top: 1rem;
}
.product-selected-content_col-3 {
    width: 48%;
}
.product-selected-content_col-2 {
    width: calc(52% - 200px);
}
span.label-info {
    color: #696970;
}
.titre-recap {
    text-align: center;
    margin-bottom: 1.5rem;
	font-size: 1.5em;
}
.actions-devis-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem;
}
#block-demandedevis {display: none;}
.page-node-17 footer.footer {
    margin-top: 3rem;
}


@media only screen and (max-width: 800px) {
	
	#block-views-block-liste-produits-block-1 {text-align: center;}
	#block-views-block-liste-produits-block-1 h2 {transform: none;}
	.two_cols > div {width: 100%;}
	#block-views-block-liste-produits-block-1 .view-content > div {
    width: calc(50% - 1rem);}
	form.form-product-devis {
		margin-top: 0rem;
	}
	.product-selected-content_col-2 {
		width: calc(100% - 94px);
	}
	.line-info.info-transports {
		margin-top: 1rem;
	}	
}