/**

 * @file

 * Is the responsive layout composition.

 *

 * Is intented to set basic layout rules to regions and global blocks.

 * Also add grid rules.

 */







/**

 * Layout content

 */

/*Global*/

/* .layout-content{

  margin:2em 0em 4em;
  padding-top: 40px;

} */

.layout-content .field--name-field-paragraphes > .field__item:last-child
{
  padding-bottom: 40px;

}
.main:has(.region-highlighted div:nth-child(2)) .layout-content {
  margin:2em 0em 0em;
}

.main:has(.paragraph--background--white) .block-page-title-block {
  display: none;
}


.page-node-1 .layout-content{

  margin:0em;

}

.page-title{

  margin:0em 0em 2em;

}

/* .content-principal, .before-content{

  padding:0em 12px;

} */

.block-page-title-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
}


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

  .content-principal, .before-content{

    padding:0em 0%;

  }

  .layout-content .field--name-field-paragraphes > .field__item:last-child
  {
    padding-bottom: 120px;

  }

}



/**

 * Grid row

 */

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

  .grid-row {

    width: 90%;

    max-width: 1278px;

    margin: 0 auto;

  }

}