/**

 * @file

 * Modules styles

 *

 * Modules are reusables CSS objects (components).

 * They can be utilized

 */

/**

 * Generic subtitle

 */

.generic-subtitle{

  text-transform:uppercase;

  color:#555555;

  font-size: 1.25em;

  line-height:1;

  margin:0em;

  position: relative;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  margin:2em 0em 0em;

  width: 100%;

  display: inline-block;

  text-align: center;

}

.generic-subtitle:after {

  content: "";

  display: block;

  width: 100px;

  height: 1px;

  margin: 1rem auto;

  background-color: #555555;

}

/**

 * Push

 */

.push-list{

  margin:0em;

  padding:0em;

}

.push-list:after{

  content:'';

  clear:both;

  display: block;

}

.push-item{

  list-style: none;

  width:100%;

  margin:3em 0em;

  position: relative;

  overflow: hidden;

}

.push-item-image{

  text-align: center;

}

.push-item-content p{

  margin:0em;

  line-height:1.3;

}

.push-item-image-wrapper img {
  border-radius: 20px;
}

@media all and (min-width: 768px) {

  .push-item{

    width:calc(50% - 40px);

    float: left;

  }

  /* .push-item:nth-child(1){

    margin:0px 20px 0px 20px;

  }

  .push-item:nth-child(2){

    margin:0px 20px 0px 20px;

  }

  .push-item:nth-child(3){

    float: none;

    margin:0em auto;

    padding:3em 0em 0em;

  }

  .push-item:nth-child(3):before{

    content:'';

    clear:both;

    display: block;

  } */

}

@media all and (min-width: 960px) {

  .push-list{

    margin:0em;

    padding:0em;

  }

  .push-item{

    width:calc(33.333% - 40px);

  }

  .push-item:nth-child(1){

    margin:0px 10px 0px 30px;

  }

  .push-item:nth-child(2){

    margin:0px 20px 0px 20px;

  }

  .push-item:nth-child(3){

    margin:0px 30px 0px 10px;

    float: left;

    padding:0em;

  }

}

/*Push meet-us*/

.block-meet-us {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
  background-color: white;
  padding: 40px 0;

}

.block-meet-us h1::before {
  display: block;
  content: '';
  background-image: url("../images/icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 102px;
  height: 120px;
  margin: 1rem auto;
}

.block-meet-us .generic-subtitle{
  color : #b70143;
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.block-meet-us .generic-subtitle::after {
  background-color : #b70143;
}

.block-meet-us .push-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin : 0;
  justify-content: center;
  align-items: center;
}

.block-meet-us .pushses__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}

@media all and (min-width: 768px) {

  .block-meet-us{
    gap: 56px;
    padding-top: 80px !important;
  }

  .block-meet-us .push-item:nth-child(3)::before {
    display: none;
  }

  .block-meet-us .push-item-image-wrapper {
    width: 100%;
    max-width: 290px;
  }

}

@media all and (min-width: 1278px) {

  /* .block-meet-us{

    background-image: url('../images/line-background.png');

    background-repeat: no-repeat;

    background-position: center;

    background-position: center 9.25em;

  } */



  .block-meet-us .generic-subtitle{

    margin-top: 0;

  }

  .block-meet-us .push-item-content-wrapper{

    width:100%;

  }

}

/*Push footer*/

.block-footer{

  text-align: left;

  padding: 32px 0;

  background-color:#b70143;

}

.block-footer:before{

  content:'';

  display: block;

  clear: both;

}

/* .block-footer .push-wrapper{

  background-color:#b70143;

} */

.block-footer .push-list{

  padding:16px 0;

}

.block-footer .generic-subtitle{

  margin:0.75em 0em 0.1em;

  color:#ffffff;

}

.block-footer .generic-subtitle:after{

  display: none;

}

.block-footer .push-item{

  margin:0px;

  color:#ffffff;

  /* text-align: center; */

  padding:0px;
/*
  max-width:20em; */



  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding-left: 20px;

}

.block-footer .push-item .push-item-image-wrapper  {
  width: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.block-footer .push-item .push-item-content-wrapper  {
  max-width: 80%;
  text-align: left;
}

.block-footer .push-item .push-item-content-wrapper .generic-subtitle {
  text-align: left;
}

.block-footer .push-item .push-item-image-wrapper img {
  border-radius: unset;
}

@media all and (min-width: 768px) {

  .block-footer .push-item{

    max-width:100%;

    width:33.333%;

    float: left;

    padding-left: unset;


  }

  .block-footer .push-item .push-item-content-wrapper,
  .block-footer .push-item .push-item-content-wrapper .generic-subtitle {
    text-align: center;
  }

  .block-footer .push-list{

    padding:2em;

  }

  .block-footer .generic-subtitle{

    margin:0em 0em 0.25em;

  }

  .block-footer .push-item-image{

    position: absolute;

    left:10px;

    top:50%;

    transform:translateY(-50%);

  }

  .push-item-image-wrapper, .push-item-content-wrapper{

    display: inline-block;

    vertical-align: middle;

  }

  .push-item-image-wrapper{

    width: 23%;

    text-align: right;

    /* padding-right: 1em; */

  }

  .push-item-content-wrapper{

    width:75%;

  }

}

@media all and (min-width: 960px) {



}

/*Push principal*/

.block-principal{

  padding:0em;

}

.block-principal .push-item:nth-child(2){

  padding:3em 0em 4em;

}

.block-principal .push-item:nth-child(2) .push-item-content{

  padding:0em 2.9em;

  text-align: center;

}

.block-principal .push-item:nth-child(2):before, .block-principal .push-item:nth-child(2):after, .block-principal .push-item:nth-child(2) .push-item-content:before, .block-principal .push-item:nth-child(2) .push-item-content:after{

  content:'';

  display: block;

  position: absolute;

  background-image: url('../images/sprite-border.svg');

  background-repeat: no-repeat;

  background-size:cover;

  width:6em;

  height:6em;

}

.block-principal .push-item:nth-child(2):before{

  left:0em;

  top:0em;

  background-position: 0em;

}

.block-principal .push-item:nth-child(2):after{

  top:0em;

  right:0em;

  background-position: -6em;

}

.block-principal .push-item:nth-child(2) .push-item-content:before{

  bottom:0em;

  left:0em;

  background-position: -12em;

}

.block-principal .push-item:nth-child(2) .push-item-content:after{

  bottom:0em;

  right:0em;

  background-position: -18em;

}

@media all and (min-width: 768px) {

  .block-principal{

    padding:5.5em 0em 0em;

  }

}

 /**

 * Slider

 */

 .region-highlighted {
  padding: 0px
 }

 .region-highlighted:nth-child(2){

   /* background-color:#1f1f21; */
   padding: 48px 0px 0px;

 }

.slide-list{

   padding:0em;

   margin:0em;

   position: relative;

}

.slide-item{

  position: relative;

  list-style: none;

}

.slide-item__title{

  color:#ffffff;

  text-transform: uppercase;

  background-color:#111111;

  padding:1em;

  position: absolute;

  bottom:2em;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: 1.125em;

  line-height:1;

  display: none;

}



.slick-arrow{

  background-color:transparent;

  background-image:url('../images/sprite-arrow.png');

  background-repeat: no-repeat;

  border:none;

  text-indent: -999em;

  position: absolute;

  top:50%;

  transform:translateY(-50%);

  width:22px;

  height:40px;

  padding:0em;

  margin:0em;

  z-index:3;

}

.slick-prev{

  left:1.5em;

}

.slick-next{

  right:1.5em;

  background-position: -22px;

}

@media all and (min-width:768px) {
  .region-highlighted:nth-child(2){
    padding: 48px 0px;
  }
}

/**

 * gallery paragraph

 */

.gallery-paragraph{

  padding:1em 0em 1em;

}

.gallery-paragraph:after{

  content:'';

  display: block;

  clear: both;

}

.gallery-paragraph .field__item{

  display: block;

  width:100%;

  margin-top:2em;

}

.gallery-paragraph .field__item:nth-child(even):after{

  content:'';

  display: block;

  clear: both;

}

@media all and (min-width: 550px) {

  .gallery-paragraph .field__item{

    float: left;

    width:50%;

  }

  .gallery-paragraph .field__item:nth-child(odd){

    padding: 0em 1em 0em 2em;

  }

  .gallery-paragraph .field__item:nth-child(even){

    padding: 0em 2em 0em 1em;

  }

}

 /**

 * Accordion paragraph

 */

.paragraph--type--paragraphe-illustre{

  padding-bottom:1em;

}

/* .illustrated-paragraph-item:after {

  content: '';

  clear: both;

  display: block;

} */

.illustrated-paragraph-item_image, .illustrated-paragraph-item_accordeon {

  text-align: center;

}

.grid-col-first:has(.img) {
  display: flex;
  flex-direction: row;
  justify-content: center;
}


.illustrated-paragraph-item_image h3, .illustrated-paragraph-item_accordeon h3 {

  text-align: left;

}

.illustrated-paragraph-item_desc{

  text-align: left;

}

.illustrated-paragraph-item_desc p{

  margin:0em;

}

.grid-two-col img {
  border-radius: 20px;
}


.accordion-paragraph-item{

  text-align: left;

  margin:0.5em 0em;

}

.accordion-paragraph-item_contenu--left, .accordion-paragraph-item_contenu--right{

  display: inline-block;

  vertical-align: top;

  width:49%;

}

.accordion-paragraph-item_title{

  margin:0em;

  color:#aaaaaa;

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-weight: 300;

  font-size:0.9em;

  background-color:#ffffff;

  line-height:1;

  padding:0.6em;

  border:1px solid #aaaaaa;

  position: relative;

  transition:all 0.25s;

}

.accordion-paragraph-item_title--active{

  color:#ffffff;

  background-color:#b70143;

  border-color:#b70143;

  transition:all 0.25s;

}

.accordion-paragraph-item_title:hover{

  cursor: pointer;

  border-color:#b70143;

  transition:all 0.25s;

}

.accordion-paragraph-item_title:after{

  content:'»';

  display: block;

  position: absolute;

  right:1em;

  line-height:1;

  top:50%;

  transform:translateY(-50%);

}

.accordion-paragraph-item_contenu{

  background-color:#ffffff;

  padding:1em;

  transition:all 0.25s;

  display: none;

}

.accordion-paragraph-item_contenu--active{

  display: block;

  transition:all 0.25s;

}

.accordion-paragraph-item_contenu ul{

  margin:0em;

}

.illustrated-paragraph-item_accordeon {

  padding:0em 0em 2em 0em;

}

.illustrated-paragraph-item_accordeon {

  padding:0em 0em 2em 0em;

}

.grid-two-col .grid-col-first {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.grid-row:not(.paragraph--big--two-col)  .grid-two-col .grid-col-first div:nth-child(1):has(img) {
  width: 100%;
  max-width: 290px;
}

.paragraph {
  padding: 0em 12px;
}



@media all and (min-width: 700px) {

  .paragraph:not(.accordion-paragraph):not(.historic) {
    padding: 80px 0px;
  }

  .paragraph--big--two-col {
    padding: 20px 0 80px;
  }


  .illustrated-paragraph-item {

    padding:0em;

  }

  .grid-row:not(.paragraph--big--two-col) .grid-two-col .grid-col-first div:nth-child(1):has(img) {

    max-width: 493px;
  }

  .paragraph--big--two-col .field--type-image {
    width: 100%;
  }

}


@media all and (min-width: 768px) {


  /* .illustrated-paragraph-item_image, .illustrated-paragraph-item_accordeon{

    width:50%;

  }

  .illustrated-block--right-image .illustrated-paragraph-item_image{

    padding:0em 2em 0em 0em;

  }

  .illustrated-block--left-image .illustrated-paragraph-item_accordeon{

    padding:0em 2em 2em 2.5em;

  }

  .illustrated-block--left-image .illustrated-paragraph-item_image{

    padding:0em 0em 0em 2em;

  }

  .illustrated-block--right-image .illustrated-paragraph-item_accordeon{

    padding:0em 2.5em 2em 2em;

  }

  .illustrated-block--right-image .illustrated-paragraph-item_image, .illustrated-block--left-image .illustrated-paragraph-item_accordeon{

    float: right;

  }

  .illustrated-block--left-image .illustrated-paragraph-item_image, .illustrated-block--right-image .illustrated-paragraph-item_accordeon{

    float: left;

  } */

}

@media all and (min-width: 1024px) {

  /* .illustrated-block--left-image .illustrated-paragraph-item_accordeon {

    padding:0em 4em 2em;

  }

  .illustrated-block--right-image .illustrated-paragraph-item_accordeon{

    padding:0em 4em 2em;

  } */

}

/* .layout-content:has(.block-meet-us) .block-meet-us .illustrated-paragraph-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}

@media all and (min-width: 700px) {
  .layout-content:has(.block-meet-us)  .illustrated-paragraph-item {
    display: flex;
    flex-direction: row;
  }

  .layout-content:has(.block-meet-us) .illustrated-paragraph-item_accordeon {
    padding: 47px 20px;
  }
} */

/**
* Slider paragraph
*/
.swiper-slide img {
  border-radius: 20px;
}

.slider-paragraph {
  padding: 48px 16px !important;
}

.slider-paragraph .swiper-button-next,
.slider-paragraph .swiper-button-prev {
  color: white;
}

@media all and (min-width: 700px) {
  .slider-paragraph {
    padding: 48px 0px !important;
  }
}

/**
* Rayons paragraph
*/

.rayons-paragraph-item {
  display: flex;
  flex-direction: column;
  gap: 32px;

  &.illustrated-block--right-image {
    flex-direction: column-reverse;
  }
}



@media all and (min-width: 700px) {

  .rayons-paragraph {
    padding: 80px 0;
  }

  .rayons-paragraph-item {
    flex-direction: row;

    &.illustrated-block--right-image {
      flex-direction: row-reverse;
    }
  }

}



/**

* Historic paragraph

*/

.historic-paragraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.historic-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.historic-paragraph .generic-subtitle {
  color: #B70143;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 27.2px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 40.8px */
  text-transform: uppercase;

  max-width: 624px;
}

.historic-paragraph .generic-subtitle::after {
  background-color: #B70143;
}

.historic-paragraph .generic-subtitle::before {
  display: block;
  content: '';
  background-image: url(/sites/chezbenoit-maisonbalaran.fr/www.chezbenoit-maisonbalaran.fr/themes/balaran/images/icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 102px;
  height: 120px;
  margin: 1rem auto;
}

.historic-paragraph-item_text{

  width:100%;

}

.historic-paragraph-item_text ul{

  border:1px solid #b70143;

  margin:0em;

  padding:1.5em 1em 1.5em 2em;

}

.historic-paragraph-item_histo{

  width:100%;

  padding-top:1em;

  background-color:#ffffff;

}

.historic-paragraph-item_histo .field__item .historic {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  margin: 0;
}


.historic-paragraph-item_histo .field__item:nth-child(2n+1) .historic {
  justify-content: flex-start;
}

.historic-item_desc {
  color: #606060;
}


@media all and (min-width: 500px) {
  .historic-paragraph-item_histo .field__item:nth-child(2n+1) .historic {
    text-align: right;
  }
  .historic-paragraph-item_histo .field__item:nth-child(2n) .historic {
    justify-content: flex-end;
  }
  .historic-paragraph-item_histo .field__item:nth-child(2n+1) .historic:after {
    display: block;
    content: '';
    width: 160px;
    height: 15px;
    background-image: url('../images/line-history.svg');
    background-position: center;
    background-repeat: no-repeat;
  }

  .historic-paragraph-item_histo .field__item:nth-child(2n) .historic:before {
    display: block;
    content: '';
    width: 160px;
    height: 15px;
    background-image: url('../images/line-history.svg');
    background-position: center;
    background-repeat: no-repeat;
    rotate: 180deg;
  }
}
/* .historic-paragraph-item_histo .field__item:nth-child(2n) .historic:before {
  display: block;
  content: '';
  width: 160px;
  height: 15px;
  background-image: url('../images/line-history.svg');
  background-position: center;
  background-repeat: no-repeat;
  rotate: 180deg;
} */

/* .historic-paragraph-item_histo .field__item:nth-child(2n+1) .historic:after {
  display: block;
  content: '';
  width: 160px;
  height: 15px;
  background-image: url('../images/line-history.svg');
  background-position: center;
  background-repeat: no-repeat;
} */

.historic{

  padding:0.5em;

  background-color:#ffffff;

}

/* .historic-paragraph-item_histo .field__item:last-child .historic{

  color:#b70143;

} */

.historic-paragraph-item_histo .field__items {
  display: flex;
  flex-direction: column;
}

/* .historic-paragraph-item_histo .field__item:last-child .historic-item_desc, .historic-paragraph-item_histo .field__item:last-child .historic-item_text{

  color:#ffffff;

} */

.historic-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 294px;
}

.historic-item_text, .historic-item_desc{

  display: inline-block;

  vertical-align: top;

}

.historic-item_text{

  width:100%;

  color: #333;

  font-family: "Roboto";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 72px */

}

.historic-item_desc{

  width:100%;

}

.historic-item_desc p{

  margin:0em;

}



@media all and (min-width: 768px) {

  .historic-paragraph-item_text{

    /* width:33%;

    padding:0em 3em; */

  }

  .historic-paragraph-item_histo .field__item .historic {
    margin: 0 200px;
  }

  .historic-paragraph-item_text, .historic-paragraph-item_histo{

    float: left;

  }

  .historic-paragraph-item_histo{

    margin-bottom: 120px;

  }

  .historic-item_desc{

    /* width:74%;

    padding:0em 1em; */

  }

  .historic-item_text{

    /* width:5%; */

    /* text-align: right; */

  }

}

@media all and (min-width:1130px) {


  .historic-paragraph-item_histo .field__item {
    margin-bottom: -40px;
  }
}

/*Map*/

#map{

  height:400px;

  width:100%;

}



/*block list*/

.block-list{

  padding:0em;

  margin:0em;

  text-align: left;

}

.block-list:after{

  clear:both;

  content:'';

  display: block;

}

.block-item{

  list-style: none;

  width:100%;

  background-color:#ffffff;

  display: block;

  margin:1em 0em;

}

.block-item-image-wrapper, .block-item-content-wrapper{

  width:100%;

  text-align: center;

}

.block-item-content-wrapper{

  padding:1em;

}

.block-item__title{

  margin:0em;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color:#555555;

  text-transform: uppercase;

  font-size: 1em;

  line-height: 1.3;

}

.block-item__contenu p{

  margin:0em;

}

.block-item__file {

  margin: 0.7em 0em 0em 0em;

}

.block-item__file a{

  padding:0.5em;

  width:100%;

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  font-size:0.9em;

  color:#b70143;

  border:1px solid #b70143;

  text-transform: uppercase;

  display: block;

  text-align: center;

  transition:all 0.25s;

}

.block-item__file a:hover{

    transition:all 0.25s;

    color:#ffffff;

    background-color:#b70143;

}

@media all and (min-width: 768px) {

  .block-list{

    padding:0em 0em;

  }

  .block-item{

    width:calc(50% - 1em);

    float: left;

  }

  .block-item:nth-child(odd){

    margin-right:1em;

  }

  .block-item:nth-child(even){

    margin-left:1em;

  }

  .block-item:nth-child(even):after{

    clear:both;

    content:'';

    display: block;

  }

  .block-item-image-wrapper, .block-item-content-wrapper{

    display: inline-block;

    vertical-align: middle;

    text-align: left;

    width:49%;

  }

  .block-item-content-wrapper{

    text-align: left;

  }

}

/* Conserverie */

.conserverie-paragraph {
  padding-bottom: 12px;
}


.conserverie-title {
  color: #333;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  text-transform: uppercase;

  padding-bottom: 12px ;
}

.conserverie-title::before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin: 1rem auto;
  background-color: #b70143;
}

.conserverie-icon {
  padding-top: 32px;
}

.conserverie-icon::before {
  display: block;
  content: '';
  background-image: url(/sites/chezbenoit-maisonbalaran.fr/www.chezbenoit-maisonbalaran.fr/themes/balaran/images/icon-45.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 45px;
  height: 54px;
  margin: 0 auto;
}

.conserverie__wrapper > div {
  display: flex;
  max-width: 526px;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.conserverie__wrapper.conserverie--center > div {
  justify-content: center;
}


.conserve-item {
  display: flex;
  width: 169px;
  height: 200px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20px;
  background: #F6F6F6;
}

.conserve-item-content {
  color: #B70143;
  text-align: center;
  font-family: 'Montserrat', sans-serif;;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}

.conserve-item-content-wrapper {
  display: flex;
  padding: 16px 10px 48px 10px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
}

@media all and (min-width: 768px) {
  .conserve-item-content {
    font-size: 18px;
  }

  .conserverie-title {
    padding-bottom: 32px;
  }

  .conserverie__wrapper > div {
    gap: 32px;
  }

  .conserverie-paragraph {
    padding-bottom: 32px;
  }

  .conserve-item {
    width: 295px;
    height: 287px;
  }

  .conserverie__wrapper > div {
    max-width: 1276px;
  }
}




/*Contact page*/

.form-block{

  text-align: left;

}

.form-block h2, .sideContact-block h2{

  color:#333333;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  margin:0em;

  text-transform: uppercase;

  line-height:1;

  font-size: 1.15em;

}

.sideContact-block, .form-block{

  width:100%;

  margin-top:2em;

}

.sideContact-block img{

  margin-top:1em;

}

.form-block p, .sideContact-block p{

  margin:0em;

}

@media all and (min-width: 768px) {

  .form-block{

    padding:0em 0em;

  }

  .sideContact-block{

    display: inline-block;

    vertical-align: top;

    width:49%;

    padding:0em 2em 0em 1em;

  }

  .sideContact-block{

    margin-top:0em;

  }

  .form-block{

    margin-top:5em;

  }

}

@media all and (min-width: 980px) {

  .sideContact-block img{

    margin-top:0em;

  }

  .sideContact-block .block-content, .sideContact-block .block-image{

    vertical-align: top;

    text-align: center;

    display: inline-block;

    padding:0em 0.5em;

  }

  .sideContact-block .block-content{

    width:65%;

  }

  .sideContact-block .block-image{

    width:34%;

  }

}

/*Forms*/

form label{

  width:100%;

  display: block;

}

form input, form textarea{

  width:100%;

  padding:0.6em;

  border:1px solid #d9d9d9;

}

form fieldset{

  padding:0em;

  margin:0em;

  border:none;

}

.form-item{

  margin:1em 0em 0em;

}

.form-submit{

  width:100%;

  float: right;

  text-transform: uppercase;

  color:#b70143;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: 1rem;

  background-color:transparent;

  border:1px solid #b70143;

  padding:0.7em;

  transition: all 0.25s;

  margin-top:1em;

}

.form-actions:after{

  content:'';

  display: block;

  clear: both;

}

.form-submit:hover{

  color:#ffffff;

  background-color:#b70143;

  transition: all 0.25s;

}

.form-block:after{

  content:'';

  display: block;

  clear: both;

}

.form-block fieldset{

  width:100%;

  margin:0em;

}

@media all and (min-width: 768px) {

  .form-block fieldset{

    width:50%;

    float: left;

  }

  .form-block fieldset:nth-child(odd){

    padding:0em 1em 0em 0em;

  }

  .form-block fieldset:nth-child(even){

    padding:0em 0em 0em 1em;

  }

  .form-submit{

    width:calc(50% - 1em);

  }

}

/* link */
.link {
  display: flex;
  padding: 8px 0;
  align-items: center;
  gap: 10px;
  color: #B70143;
}

.link::after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../images/arrow-color.svg');
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

/* CTA */
.cta {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #B70143;
  width: fit-content;
  color: white;
}

.cta::after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../images/arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.cta:hover::after,
.link:hover::after {
  transform: translateX(10px);
}

/* grid-two-col */

.grid-two-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 0px auto;
  padding: 0 24px 40px;
}

.content-principal .grid-two-col {
  padding: 40px 0;
}

.grid-two-col.illustrated-block--right-image {
  flex-direction: column-reverse;
}

.before-content .grid-two-col {
  padding: 87px 0;
}



.grid-two-col img {
  width: 100%;
  border-radius: 20px;
}

.gid-col-col .grid-col-first,
.gid-col-col .grid-col-secondary  {
  display: flex;
  justify-content: center;
}

.gid-col-col .grid-col-first:has(img),
.gid-col-col .grid-col-secondary:has(img)  {
  justify-content: center;
}






.grid-two-col h2:not(.generic-subtitle) {
  color: #B70143;
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
  text-transform: uppercase;
}

.grid-two-col h3:not(.accordion-paragraph-item_title) {
  color: #B70143;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  text-transform: uppercase;
}

.grid-two-col h2:not(.generic-subtitle)::after,
.grid-two-col h3:not(.accordion-paragraph-item_title)::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin: 1rem 0;
  background-color: #b70143;
}

@media all and (min-width: 768px) {
  .grid-two-col {
    flex-direction: row;
    padding: 20px 0 80px 0;
  }

  .grid-two-col.illustrated-block--right-image {
    flex-direction: row-reverse;
  }

  .grid-two-col h2:not(.generic-subtitle) {
    font-size: 48px;
  }
  .grid-two-col h3:not(.accordion-paragraph-item_title) {
    font-size: 32px;
  }

  .grid-two-col > div {
    width: 625px;
  }

  .grid-col-secondary {
    padding: 0 20px;
    font-size: 20px;
  }

  .grid-two-col .field--name-body {
    padding: 48px 20px;
    font-size: 20px;
  }

  .before-content .grid-two-col {
    padding: 0;
  }
}


/* Rayon */
/* .field--name-field-links {
  width: 100%;
  padding: 0px 20px;
} */

.rayon .rayon__wrapper {
  display: flex;
  flex-direction: row;
  padding: 10px 0px 20px 0px;
  align-items: center;
  gap: 10px;
  align-self: stretch;

  border-bottom: 1px solid #E6E6E6;
}

.rayon .rayon__wrapper .rayon__image {
  width: 128px;
}
.rayon .rayon__wrapper .rayon__text {
  width: 179px;
  color : #333333;
  font-size: 14px;
  color: #606060;

  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.rayon .rayon__wrapper .rayon__link {
  padding: 15px 0px;
}

.rayon .rayon__wrapper .rayon__link::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('../images/arrow-color.svg');
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease; /* Pour une transition fluide */

}
.rayon:hover .rayon__wrapper .rayon__link::after {
  transform: translateX(10px);
}

@media all and (min-width: 768px) {

  .field--name-field-links {
    width: 100%;
    padding: 0px 20px;
  }

  .rayon .rayon__wrapper {
    gap: 30px;
  }

  .rayon .rayon__wrapper .rayon__image {
    width: 142px;
  }

  .rayon .rayon__wrapper .rayon__text {
    width: 326px;
  }

  .rayon .rayon__wrapper .rayon__link {
    padding: 20px 15px;
  }
}


/* .before-content:has(.background-white) {
  background-color: white;
} */

.field__item:has(.paragraph--background--white) {
  background-color: white;
}