:root {
  --color--blue: #4388C7;
  --color--blue-dark: #2674bb;
  --color--turquesa: #00b5da;
  --color--red: #d60000;
  --color--orange: #ff7f00;
  --color--green: #4dc34a;
  --color--purple: #7b2986;
  --color--wine: #7f014f;
  --color--fucsia: #e83a7a;
  --color--salmon: #ff695c;
}

/* bg styles. */
.bg-color--none {
  background-color: none;
}

.bg-color--black {
  background-color: #414141;
}

.bg-color--white {
  background-color: white;
}

.bg-color--dark-gray {
  background-color: #f7f7f7;
}

.bg-color--light-gray {
  background-color: #f7f7f7;
}

.bg-color--white-gray {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+59,d8d8d8+59,d8d8d8+59,f7f7f7+59,f7f7f7+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 59%, #d8d8d8 59%, #d8d8d8 59%, #f7f7f7 59%, #f7f7f7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 59%,#d8d8d8 59%,#d8d8d8 59%,#f7f7f7 59%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 59%,#d8d8d8 59%,#d8d8d8 59%,#f7f7f7 59%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}

/* bg ata styles. */

.bg-ata--fixed {
  background-attachment: fixed;
}

/* bg pos styles. */

.bg-pos--center {
  background-position: center;
}

/* bg size styles. */

.bg-size--cover {
  background-size: cover;
}

.bg-size--contain {
  background-size: contain;
}

/* Top Bottom Margin styles. */

.mtb--none {
  margin-top: 0;
  margin-bottom: 0;
}

.mtb--sm {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mtb--md {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.mtb--lg {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/* Left Right Margin styles. */

.mlr--none {
  margin-left: 0;
  margin-right: 0;
}

.mlr--sm {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mlr--md {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.mlr--lg {
  margin-left: 5rem;
  margin-right: 5rem;
}

/* Top Margin styles. */

.mt--none {
  margin-top: 0;
}

.mt--sm {
  margin-top: 2rem;
}

.mt--md {
  margin-top: 3.5rem;
}

.mt--lg {
  margin-top: 5rem;
}

/* Bottom Margin styles. */

.mb--none {
  margin-bottom: 0;
}

.mb--sm {
  margin-bottom: 2rem;
}

.mb--md {
  margin-bottom: 3.5rem;
}

.mb--lg {
  margin-bottom: 5rem;
}

/* Left Margin styles. */

.ml--none {
  margin-left: 0;
}

.ml--sm {
  margin-left: 2rem;
}

.ml--md {
  margin-left: 3.5rem;
}

.ml--lg {
  margin-left: 5rem;
}

/* Right Margin styles. */

.mr--none {
  margin-right: 0;
}

.mr--sm {
  margin-right: 2rem;
}

.mr--md {
  margin-right: 3.5rem;
}

.mr--lg {
  margin-right: 5rem;
}

/* Top Bottom Padding styles. */

.ptb--none {
  padding-top: 0;
  padding-bottom: 0;
}

.ptb--sm {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ptb--md {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.ptb--lg {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Left Right Padding styles. */

.plr--none {
  padding-left: 0;
  padding-right: 0;
}

.plr--sm {
  padding-left: 2rem;
  padding-right: 2rem;
}

.plr--md {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.plr--lg {
  padding-left: 5rem;
  padding-right: 5rem;
}

/* Top Padding styles. */

.pt--none {
  padding-top: 0;
}

.pt--sm {
  padding-top: 2rem;
}

.pt--md {
  padding-top: 3.5rem;
}

.pt--lg {
  padding-top: 5rem;
}

/* Bottom Padding styles. */

.pb--none {
  padding-bottom: 0;
}

.pb--sm {
  padding-bottom: 2rem;
}

.pb--md {
  padding-bottom: 3.5rem;
}

.pb--lg {
  padding-bottom: 5rem;
}

/* Left Padding styles. */

.pl--none {
  padding-left: 0;
}

.pl--sm {
  padding-left: 2rem;
}

.pl--md {
  padding-left: 3.5rem;
}

.pl--lg {
  padding-left: 5rem;
}

/* Right Padding styles. */

.pr--none {
  padding-right: 0;
}

.pr--sm {
  padding-right: 2rem;
}

.pr--md {
  padding-right: 3.5rem;
}

.pr--lg {
  padding-right: 5rem;
}

/* Container styles. */
.container--md {
  width: 85%;
  margin: auto;
}

.container--sm {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.container--lg {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

/* Content container styles. */
.content-container--sm .layout-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12rem;
}

.content-container--md .layout-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 6rem;
}

.content-container--lg .layout-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3rem;
}

/* Height styles. */

.hg--100vh {
  min-height: 100vh;
}

.hg--80vh {
  min-height: 80vh;
}

/* Color styles. */

.color--blue .section__title, .color--blue .h2--md{
  color: var(--color--blue);
}



.color--blue .button.button--primary {
  background-color: var(--color--blue);
  border-color: var(--color--blue);
}

.color--blue .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--blue);
  color: var(--color--blue);
}

.color--blue .button.button--secondary svg path,
.color--blue .button.button--link svg path{
  fill: var(--color--blue);
}

.color--blue .button.button--link {
  color: var(--color--blue);
}

.color--turquesa .section__title, .color--turquesa .h2--md {
  color: var(--color--turquesa);
}

.color--turquesa .button.button--primary {
  background-color: var(--color--turquesa);
  border-color: var(--color--turquesa);
}

.color--turquesa .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--turquesa);
  color: var(--color--turquesa);
}

.color--turquesa .button.button--secondary svg path,
.color--turquesa .button.button--link svg path{
  fill: var(--color--turquesa);
}

.color--turquesa .button.button--link {
  color: var(--color--turquesa);
}

.color--salmon .section__title, .color--salmon .h2--md  {
  color: var(--color--salmon);
}

.color--salmon .button.button--primary {
  background-color: var(--color--salmon);
  border-color: var(--color--salmon);
}

.color--salmon .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--salmon);
  color: var(--color--salmon);
}

.color--salmon .button.button--secondary svg path,
.color--salmon .button.button--link svg path{
  fill: var(--color--salmon);
}

.color--salmon .button.button--link {
  color: var(--color--salmon);
}

.color--blue-dark .section__title, .color--blue-dark .h2--md {
  color: var(--color--blue-dark);
}

.color--blue-dark .button.button--primary {
  background-color: var(--color--blue-dark);
  border-color: var(--color--blue-dark);
}

.color--blue-dark .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--blue-dark);
  color: var(--color--blue-dark);
}

.color--blue-dark .button.button--secondary svg path,
.color--blue-dark .button.button--link svg path{
  fill: var(--color--blue-dark);
}

.color--blue-dark .button.button--link {
  color: var(--color--blue-dark);
}

.color--red .section__title, .color--red .h2--md {
  color: var(--color--red);
}

.color--red .button.button--primary {
  background-color: var(--color--red);
  border-color: var(--color--red);
}

.color--red .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--red);
  color: var(--color--red);
}

.color--red .button.button--secondary svg path,
.color--red .button.button--link svg path{
  fill: var(--color--red);
}

.color--red .button.button--link {
  color: var(--color--red);
}

.color--orange .section__title, .color--orange .h2--md{
  color: var(--color--orange);
}

.color--orange .button.button--primary {
  background-color: var(--color--orange);
  border-color: var(--color--orange);
}

.color--orange .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--orange);
  color: var(--color--orange);
}

.color--orange .button.button--secondary svg path,
.color--orange .button.button--link svg path{
  fill: var(--color--orange);
}

.color--orange .button.button--link {
  color: var(--color--orange);
}

.color--green .section__title, .color--green .h2--md {
  color: var(--color--green);
}

.color--green .button.button--primary {
  background-color: var(--color--green);
  border-color: var(--color--green);

}

.color--green .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--green);
  color: var(--color--green);
}

.color--green .button.button--secondary svg path,
.color--green .button.button--link svg path{
  fill: var(--color--green);
}

.color--green .button.button--link {
  color: var(--color--green);
}

.color--purple .section__title, .color--purple .h2--md{
  color: var(--color--purple);
}

.color--purple .button.button--primary {
  background-color: var(--color--purple);
  border-color: var(--color--purple);
}

.color--purple .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--purple);
  color: var(--color--purple);
}

.color--purple .button.button--secondary svg path,
.color--purple .button.button--link svg path{
  fill: var(--color--purple);
}

.color--purple .button.button--link {
  color: var(--color--purple);
}

.color--wine .section__title, .color--wine .h2--md {
  color: var(--color--wine);
}

.color--wine .button.button--primary {
  background-color: var(--color--wine);
  border-color: var(--color--wine);
}

.color--wine .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--wine);
  color: var(--color--wine);
}

.color--wine .button.button--secondary svg path,
.color--wine .button.button--link svg path{
  fill: var(--color--wine);
}

.color--wine .button.button--link {
  color: var(--color--wine);
}

.color--fucsia .section__title, .color--fucsia .h2--md {
  color: var(--color--fucsia);
}

.color--fucsia .button.button--primary {
  background-color: var(--color--fucsia);
  border-color: var(--color--fucsia);
}

.color--fucsia .button.button--secondary {
  background-color: transparent;
  border-color: var(--color--fucsia);
  color: var(--color--fucsia);
}

.color--fucsia .button.button--secondary svg path,
.color--fucsia .button.button--link svg path{
  fill: var(--color--fucsia);
}

.color--fucsia .button.button--link {
  color: var(--color--fucsia);
}



/* Alignment styles. */

.alignment--left {
  text-align: left;
}

.alignment--right {
  text-align: right;
}

.alignment--center {
  text-align: center;
}

.alignment--justify {
  text-align: justify;
}

/* Column gap styles. */

.column-gap--sm .layout-content {
  column-gap: 20px;
}

.column-gap--md .layout-content {
  column-gap: 40px;
}

.column-gap--lg .layout-content {
  column-gap: 60px;
}

/* Row gap styles. */

.row-gap--sm .layout-content {
  row-gap: 20px;
}

.row-gap--md .layout-content {
  row-gap: 40px;
}

.row-gap--lg .layout-content {
  row-gap: 60px;
}

/* Align styles. */

.align-items--stretch .layout-content {
  align-items: stretch;
}

.align-items--center .layout-content {
  align-items: center;
}

.align-items--start .layout-content {
  align-items: start;
}

.align-items--end .layout-content {
  align-items: end;
}

/* Overlay styles. */

.bg-ovl--dark-light {
  position: relative;
}

.bg-ovl--dark-light:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.bg-ovl--dark-light > * {
  z-index: 100;
  position: relative;
}

.bg-ovl--dark {
  position: relative;
}

.bg-ovl--dark:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.bg-ovl--dark > * {
  z-index: 100;
  position: relative;
}

.bg-ovl--darker {
  position: relative;
}

.bg-ovl--darker:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.bg-ovl--darker > * {
  z-index: 100;
  position: relative;
}

/* Mobile layout content */
@media only screen and (max-width: 767px) {
  .layout .layout-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Two columns styles. */

.layout .layout-content {
  display: grid;
}

.width--100 .layout-content {
  grid-template-columns: minmax(0, 1fr);
}

.width--50-50 .layout-content {
  grid-template-columns: 1fr 1fr;
}

.width--33-67 .layout-content {
  grid-template-columns: 0.33fr 0.67fr;
}

.width--67-33 .layout-content {
  grid-template-columns: 0.67fr 0.33fr;
}

.width--25-75 .layout-content {
  grid-template-columns: minmax(0, 0.25fr) minmax(0, 0.75fr);
}

.width--75-25 .layout-content {
  grid-template-columns: 0.75fr 0.25fr;
}

/* Three columns styles. */

.width--33-33-33 .layout-content {
  grid-template-columns: 1fr 1fr 1fr;
}

.width--25-50-25 .layout-content {
  grid-template-columns: 0.25fr 0.5fr 0.25fr;
}

.width--25-25-50 .layout-content {
  grid-template-columns: 0.25fr 0.25fr 0.5fr;
}

.width--50-25-25 .layout-content {
  grid-template-columns: 0.5fr 0.25fr 0.25fr;
}

/* Four columns styles. */

.width--25-25-25-25 .layout-content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.width--28-28-28-16 .layout-content {
  grid-template-columns: 3fr 3fr 3fr 2fr;
}

.width--16-28-28-28 .layout-content {
  grid-template-columns: 2fr 3fr 3fr 3fr;
}

/* Column breakpoint styles. */

@media only screen and (max-width: 767px) {
  .bp--sm .layout-content {
    grid-template-columns: 1fr !important;
  }
}

@media only screen and (max-width: 1023px) {
  .bp--md .layout-content {
    grid-template-columns: 1fr !important;
  }
}

@media only screen and (max-width: 1199px) {
  .bp--lg .layout-content {
    grid-template-columns: 1fr !important;
  }
}

@media only screen and (max-width: 1539px) {
  .bp--xl .layout-content {
    grid-template-columns: 1fr !important;
  }
}

/* Customizable layout columns. */

.custom-columns--autofill .layout-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.custom-columns--autofit .layout-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.custom-columns--2-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.custom-columns--3-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.custom-columns--4-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* Layout builder form node */

.node-layout-builder-form .form-actions {
  position: fixed;
  bottom: 0;
  background: white;
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  border-top: 1px solid #dedede;
  z-index: 1;
  left: 0;
}

.node-layout-builder-form .form-actions .button {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  padding: 4px 1.5rem;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #02aeef;
  margin: 1rem;
  color: white;
}

.node-layout-builder-form .form-actions .form-submit {
  padding: 7px 18px;
}

/* Layout builder block categories */

.js-layout-builder-categories .layout-builder-browser-block-item {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;
  grid-gap: 0.5rem;
  color: white !important;
}

.js-layout-builder-categories .layout-builder-browser-block-item img {
  padding: 0.3rem !important;
}

/* layout builder wrapper */

#layout-builder {
  padding-bottom: 105px;
}

.layout-builder-edit-page #block-bilingues-help {
  display: none;
}

.layout-builder-edit-page
#node-landing-page-layout-builder-form
> .js-form-type-vertical-tabs {
  display: none;
}