/* Import files */

@import url('./results-table-styles.css');
@import url('./technical-specs.css');
@import url('./captcha-styles.css');

/* Fonts */

/* Font For testing */

/*

@font-face {
    font-family: 'Updock-Regular';
    src: url('./fonts/Updock/Updock-Regular.woff2') format('woff2'),
         url('./fonts/Updock/Updock-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*/

@font-face {
    font-family: 'Roboto-Regular';
    src: url('./fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
         url('./fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, div, h1, h2, h3, h4, h5, h6, p, a, nav {
   font-family: 'Roboto-Regular', 'Arial', 'Helvetica', 'sans-serif' !important;
}

body, div, p {
   font-size: 1rem !important;
}

h3 {
   font-size: 1.17rem !important;
}

h2 {
   font-size: 1.5rem !important;
}

h1, .title-slide {
   font-size: 2rem !important;
}

/*Provisional change for publication */

/*
.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-image > img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

*/

/* Root */

:root {

  /* Global colors */
  
  --color-headings: #003F91;
  --color-txt-on-dark-bg: white;
  --color-txt-dark: black;
  --color-title-company-presentation: var(--color-headings);
  --color-feature-boxes-odd-rows: #F1F1F1; /* Light gray */
  --color-feature-boxes-even-rows: #E5FCFC; /* Light blue */
  /* --color-feature-boxes-even-rows: rgba(0, 63, 145, 0.15); */ /* Light blue */
  --color-title-feature-boxes-odd-rows: var(--color-headings);
  --color-title-feature-boxes-even-rows: var(--color-headings);
  --color-list-items-feature-box: green;
  --color-message-success: black;
  --color-message-invalid-captcha: black;
  
  --color-bg-button: #EF6D00;
  --color-bg-button-hover: #DE6906;
  --color-txt-button: white;
  --color-icons-product-features: green;
  --color-link-hover-contact-data: var(--color-bg-button-hover);
  --color-bg-bottom: #171717;
  --color-text-bottom: white;
  --color-links-bottom-hover: var(--color-bg-button-hover);
  --color-text-language-selector: black;

  /* Colors product thumbnails */

  --color-bg-product-thumbnails: var(--color-feature-boxes-odd-rows);
  --color-title-product-thumbnails: var(--color-headings);
  --color-bg-btn-product-thumbnail: var(--color-bg-button);
  --color-bg-btn-product-thumbnail-hover: var(--color-bg-button-hover);
  --color-txt-btn-product-thumbnail: var(--color-txt-button);

  /* Colors product introduction */
  
  --color-product-introduction: var(--color-headings);

  /* Colors forms */
  
  --color-bg-form: var(--color-feature-boxes-odd-rows);
  --color-txt-form: var(--color-txt-dark);
  --color-txt-form-required-field: black;

  /* Colors form contact */
  
  --color-bg-form-contact: var(--color-bg-button);
  --color-txt-form-contact: black;
  --color-txt-form-contact-required-field: black;

  /* Colors form buttons */
  
  --color-bg-button-form: black;
  --color-bg-button-form-hover: var(--color-headings);  
  --color-txt-button-form: white;

  /* Colors contact data table */

  --color-bg-table-contact-odd-rows: #003F91; /* Some dark blue */
  --color-bg-table-contact-even-rows: #0078D7; /* Some light blue */
  --color-txt-table-contact-rows: white;

  /* Paddings */

  --padding-products-container-main-page: 2rem;
  --padding-lr-features-product-container: 2rem;
  --padding-product-thumbnail-text: 2rem;
  --paddings-product-thumbnail-button: 1.5rem 1rem;
  --paddings-button: 1.5rem 1rem;
  --padding-company-presentation-box: 2rem;
  --padding-product-introduction-box: 2rem;
  --padding-product-feature-boxes: 2rem;
  --padding-right-marker-list-items-feature-box: 1rem;
  --padding-right-marker-list-items-feature-box-newline: 2rem;
  --padding-products-forms: 2rem;
  --padding-tb-form-contact-page: 2rem;
  --padding-lr-feature-image-odd-row: 2rem;
  --padding-lr-feature-image-even-row: 2rem;
  --padding-lr-feature-image-rounded: 2rem;
  --padding-lr-general-column: 1rem;
  --padding-lr-message-captcha: 30px;

  /* Paddings main containers */

  --padding-main-containers-lr: 2rem;
  --padding-main-containers-tb: 1rem;

  /* Row gaps */

  --row-gap-products-container-main-page: 2rem;
  --row-gap-container-normal: 2rem;  

  /* Column gaps */

  --column-gap-products-container-main-page: 2rem;
  --column-gap-features-product-container-main-page: 1rem;

  /* Font sizes */
  
  --font-size-product-thumbnail-button: 1.5rem;
  --font-size-button: 1.5rem;
  
  /* Sizes icons */

  --size-icon-feature-box: 0; /* Por ahora no se usan iconos */

  /* Widths */

  --width-language-selector: 10rem;
    
  /* Borders and shadows */
  
  --boxes-radius: 10px;
  --boxes-border: black solid 4px;
  --boxes-border-radius-container-image: 6px; /* (10px border-radius - 4px border width), to avoid gaps on image corners */
  --buttons-border: black solid 1px;
  --slider-button-border: black solid 1px;
  --rounded-image-border: black solid 1px;
  --boxes-shadow: 4px 4px 4px 4px rgb(0, 0, 0); /* 7px 7px 7px 7px rgb(0, 0, 0); */
}

/* Headers */

#sp-top1 > .sp-column {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

#sp-top1 > .sp-column > .sp-module {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.header-area > .sppb-container-inner > .sppb-row {
   display: flex !important;
   justify-content: flex-start !important;
   align-items: flex-start !important;
}

/* Language selector */

#sp-top-bar .language-selector a { /* This is for the language switcher anchors */
    color: var(--color-text-language-selector) !important;
}

.language-selector { /* This is for the language switcher control */
    background-color: white;
    width: var(--width-language-selector);
}

/*
.language-selector > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > div > form > div > a {
    color: var(--color-text-language-selector) !important;
}
*/

/* Containers of products in home page, The code below stretches the columns to fill the full height */

.main-page-products { /* Container of products needs padding */
    padding: var(--padding-products-container-main-page);
}

.main-page-products > .sppb-container-inner > .sppb-row {
    row-gap: var(--row-gap-products-container-main-page);
    column-gap: var(--column-gap-products-container-main-page);
    justify-content: center;
    align-items: stretch;
}

.main-page-products > .sppb-container-inner > .sppb-row > .sppb-row-column {
   flex: 1;
}

.main-page-products > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
   flex: 1;
}

.main-page-products > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column {
   align-items: stretch; 
}

.main-page-products > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper {
    height: 100%;
}

.main-page-products > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper > .full-height {
    height: 100%;
}

.full-height > *, .full-height > * > *, .full-height > * > * > *, .full-height > * > * > * > *, .full-height > * > * > * > * > * {
    height: 100%;
}

/* Containers for thumbnails of products features */

.features-product { /* Container of products needs padding */
    padding: 0 var(--padding-lr-features-product-container);
    margin: 0;
}

.features-product > .sppb-container-inner > .sppb-row {
    row-gap: var(--row-gap-products-container-main-page);
    column-gap: var(--column-gap-features-product-container-main-page);
    justify-content: start;
    align-items: stretch;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column {
   flex: 1;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
   flex: 1;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column {
   align-items: stretch; 
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
    height: 100% !important;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper {
    height: 100% !important;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper > .sppb-div-addon {
    height: 100% !important;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper > .sppb-div-addon > .sppb-addon-wrapper {
    height: 100% !important;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper > .sppb-div-addon > .sppb-addon-wrapper > .clearfix {
    height: 100% !important;
}

.features-product > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > .sppb-addon-wrapper > .full-height {
    height: 100%;
}

.full-height > *, .full-height > * > *, .full-height > * > * > *, .full-height > * > * > * > *, .full-height > * > * > * > * > * {
    height: 100%;
}

/* Main containers */

.container-normal { /* For two columns: Image + Text */
   /* background-color: red; */ /* For tests */
   padding: var(--padding-main-containers-tb) var(--padding-main-containers-lr);
}

.container-normal > .sppb-container-inner > .sppb-row {
    row-gap: var(--row-gap-container-normal);
}

/* Headings */

h1, h2 {
  color: var(--color-headings);
}

/* Some colors */

.color-text-dark, .color-text-dark > h1, .color-text-dark > h2, .color-text-dark > p {
  color: var(--color-txt-dark);
}

/* Product thumbnails on main page */

.product-thumbnail {
   background-color: var(--color-bg-product-thumbnails);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
}

.product-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content {
   background-color: var(--color-bg-product-thumbnails);
   border-radius: var(--boxes-radius); /* Needed for consistent border */
   width: 100%; /* Needed for some small screen resolutions */
   padding: var(--padding-product-thumbnail-text); /* Needed for some small screen resolutions */
}

.product-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content > .sppb-image-layout-title { /* Title of product thumbnails */
   color: var(--color-title-product-thumbnails);
}

.product-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content > .sppb-btn { /* buttons of product thumbnails */
    background-color: var(--color-bg-btn-product-thumbnail);
    color: var(--color-txt-btn-product-thumbnail);
    font-size: var(--font-size-product-thumbnail-button);
    padding: var(--paddings-product-thumbnail-button) !important;
}

.product-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content > .sppb-btn:hover { /* buttons of product thumbnails hover */
    background-color: var(--color-bg-btn-product-thumbnail-hover);
    color: var(--color-txt-btn-product-thumbnail);
    font-size: var(--font-size-product-thumbnail-button);
    padding: var(--paddings-product-thumbnail-button) !important;
}

/* Product features thumbnails */

.product-feature-thumbnail {
   background-color: var(--color-bg-product-thumbnails);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
   height: 100% !important;
}

.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content {
   background-color: var(--color-bg-product-thumbnails);
   border-radius: var(--boxes-radius); /* Needed for consistent border */
   width: 100%; /* Needed for some small screen resolutions */
   padding: var(--padding-product-thumbnail-text); /* Needed for some small screen resolutions */
}

.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-image { /* For the image inside the thumbnail */
   border-radius: var(--boxes-border-radius-container-image) var(--boxes-border-radius-container-image) 0 0 !important;
   overflow: hidden !important;
}

.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-image > img { /* For the image inside the thumbnail */
    border-radius: 0 !important;
}

.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content > .sppb-image-layout-title { /* Title of product feature thumbnails */
   color: var(--color-title-product-thumbnails);
}

.product-feature-thumbnail > .sppb-addon-content > .sppb-addon-image-layout-wrap > .sppb-addon-image-layout-content > .sppb-btn { /* buttons of product feature thumbnails */
    display: none;
    color: black; /* To prevent accessibility validation errors */
    font-size: 2rem; /* To prevent accessibility validation errors */
}

/* Company presentation */

.company-presentation {
   background-color: var(--color-feature-boxes-odd-rows);
   color: var(--color-txt-dark);
   padding: var(--padding-company-presentation-box);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
   box-shadow: var(--boxes-shadow);
}

.company-presentation > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon-text-block > .sppb-addon-title {
   color: var(--color-title-company-presentation);
}

/* Product introduction */

.product-introduction {
   background-color: var(--color-product-introduction);
   color: var(--color-txt-on-dark-bg);
   padding: var(--padding-product-introduction-box);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
   box-shadow: var(--boxes-shadow);
}

.product-introduction > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon-text-block > .sppb-addon-title {
   color: var(--color-txt-on-dark-bg);
}

/* Feature boxes styles */

.feature-box-odd-row {
   background-color: var(--color-feature-boxes-odd-rows);
   color: var(--color-txt-dark);
   padding: var(--padding-product-feature-boxes);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
   box-shadow: var(--boxes-shadow);
}

.feature-box-odd-row > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-media > .pull-left {
    display: none; /* Icon hidden for now */
}

.feature-box-odd-row .sppb-addon-title { /* Title of product feature odd rows */
    color: var(--color-title-feature-boxes-odd-rows);
}

.feature-box-odd-row .sppb-icon-container > .far, .feature-box-odd-row .sppb-icon-container > .fas { /* Feature box odd row icon */
    font-size: var(--size-icon-feature-box);
    color: var(--color-icons-product-features);
}

.feature-box-odd-row ul { /* For list items feature boxes */
    margin: 0;
    padding: 0;
}

.feature-box-odd-row ul li { /* For list items feature boxes */
    list-style-type: none;
    position: relative; /* To align text items */
    padding-left: var(--padding-right-marker-list-items-feature-box-newline); /* To align text items */
    text-indent: calc(var(--padding-right-marker-list-items-feature-box-newline) * -1); /* To align text items */
}

.feature-box-odd-row li::marker { 
    position: absolute; /* To align text items */
    left: 0; /* To align text items */
}

.feature-box-odd-row ul li:before { /* For list items feature boxes */
    content: "✔";
    font-weight: bold;
    padding-right: var(--padding-right-marker-list-items-feature-box);
    color: var(--color-list-items-feature-box);
}

.feature-box-even-row {
   background-color: var(--color-feature-boxes-even-rows);
   color: var(--color-txt-dark);
   padding: var(--padding-product-feature-boxes);
   border-radius: var(--boxes-radius);
   border: var(--boxes-border);
   box-shadow: var(--boxes-shadow);
} 

.feature-box-even-row > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-media > .pull-left {
    display: none; /* Icon hidden for now */
}

.feature-box-even-row .sppb-addon-title { /* Title of product feature even rows */
    color: var(--color-title-feature-boxes-even-rows);
}

.feature-box-even-row .sppb-icon-container > .far, .feature-box-even-row .sppb-icon-container > .fas { /* Feature box even row icon */
    font-size: var(--size-icon-feature-box);
    color: var(--color-icons-product-features);
} 

.feature-box-even-row ul { /* For list items feature boxes */
    margin: 0;
    padding: 0;
}

.feature-box-even-row ul li { /* For list items feature boxes */
    list-style-type: none;
    position: relative; /* To align text items */
    padding-left: var(--padding-right-marker-list-items-feature-box-newline); /* To align text items */
    text-indent: calc(var(--padding-right-marker-list-items-feature-box-newline) * -1); /* To align text items */
}

.feature-box-even-row li::marker { 
    position: absolute; /* To align text items */
    left: 0; /* To align text items */
}

.feature-box-even-row ul li:before { /* For list items feature boxes */
    content: "✔";
    font-weight: bold;
    padding-right: var(--padding-right-marker-list-items-feature-box);
    color: var(--color-list-items-feature-box);
}

/* Feature images styles */

.feature-image-odd-row {
    padding: 0 var(--padding-lr-feature-image-odd-row);
} 

.feature-image-even-row {
    padding: 0 var(--padding-lr-feature-image-even-row);
} 

.feature-image-rounded {
    padding: 0 var(--padding-lr-feature-image-rounded);
}

.feature-image-rounded > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
    border-radius: var(--boxes-radius);
    border: var(--rounded-image-border);
    object-fit: cover;
    overflow: hidden;
    clip-path: circle(100%);
} 

/* Styles for images with rounded corners */

.rounded-image-container {
   padding: 0 var(--padding-lr-general-column);
}

.rounded-image-container, .rounded-image-container div {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.rounded-image-container > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
   border-radius: var(--boxes-radius) !important;
   border: var(--rounded-image-border);
   object-fit: fill;
   /* object-fit: cover; */
   /* overflow: hidden; */
   /* clip-path: circle(100%); */
   display: block;
   width: 100%;
   height: auto;
   float: left;
}

.rounded-image-container > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > p { /* For text of image like in the building picture */
    background-color: white;
    color: black;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
}

.rounded-image-container > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > p > a { /* For links in image text, like the link to email in the building picture */
    color: var(--color-headings) !important;
    text-decoration: underline;
} 

.rounded-image-container > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > p > a:hover, .rounded-image-container > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > p > a:focus { /* For links in image text, like the link to email in the building picture */
    color: var(--color-links-bottom-hover) !important;
    text-decoration: underline;
}
  
/* General columns */

.general-column {
    padding: 0 var(--padding-lr-general-column);
} 

/* Button styles for the pages */

.button-style, .button-style:visited, .button-style:focus {
   background-color: var(--color-bg-button);
   color: var(--color-txt-button);
   border: var(--buttons-border);
   font-size: var(--font-size-button);
   padding: var(--paddings-button);
   text-align: center;
} 

.button-style:hover {
   background-color: var(--color-bg-button-hover);
   color: var(--color-txt-button);
   border: var(--buttons-border);
   font-size: var(--font-size-button);
   padding: var(--paddings-button);
   text-align: center;
}

/* Button styles for the slider */

.button-style-slider {
   background-color: rgba(255, 255, 255, 0) !important;
   color: var(--color-txt-button) !important;
} 

.button-style-slider:hover {
   background-color: rgba(255, 255, 255, 0) !important;
   color: var(--color-txt-button) !important;
}

.button-style-slider-text {
   background-color: var(--color-bg-button) !important;
   color: var(--color-txt-button) !important;
   border-radius: var(--boxes-radius) !important;
   border: var(--slider-button-border) !important;
}

.button-style-slider-text:hover {
   background-color: var(--color-bg-button-hover) !important;
   color: var(--color-txt-button) !important;
   border-radius: var(--boxes-radius) !important;
   border: var(--slider-button-border) !important;
}

/* Form styles */

.addon-root-form-builder { /* Products forms */
   background-color: var(--color-bg-form);
   color: var(--color-txt-form);
   padding: var(--padding-products-forms);
   border: var(--boxes-border);
   border-radius: var(--boxes-radius);
   box-shadow: var(--boxes-shadow);
}

.addon-root-form-builder .sppb-form-builder-required { /* Required field color in form */
    color: var(--color-txt-form-required-field);
}

.form-contact-page > .sppb-column-addons > .addon-root-form-builder { /* Contact page form */
   background-color: var(--color-bg-form-contact);
   color: var(--color-txt-form-contact);
   padding: var(--padding-tb-form-contact-page) 0;
   border: var(--boxes-border);
   border-radius: var(--boxes-radius);
   box-shadow: var(--boxes-shadow);
}

.form-contact-page .sppb-form-builder-required, .form-contact-page .sppb-text-danger { /* Required field color in contact form */
    color: var(--color-txt-form-contact-required-field);
}

.addon-root-form-builder > .clearfix > .sppb-addon-form-builder > .sppb-addon-content > .sppb-addon-form-builder-form > .sppb-form-builder-btn > .sppb-btn { /* Forms buttons */
    background-color: var(--color-bg-button-form);
    color: var(--color-txt-button-form);
}

.addon-root-form-builder > .clearfix > .sppb-addon-form-builder > .sppb-addon-content > .sppb-addon-form-builder-form > .sppb-form-builder-btn > .sppb-btn:hover { /* Forms buttons hover */
    background-color: var(--color-bg-button-form-hover);
    color: var(--color-txt-button-form);
}

/* Table contact data */

.table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content { /* Table contact data body */
   border: var(--boxes-border);
}

.table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-table-main > tbody > tr:nth-child(odd), .table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-table-main > tbody > tr:nth-child(odd) a { /* Table contact data odd rows */
    background-color: var(--color-bg-table-contact-odd-rows);
    color: var(--color-txt-table-contact-rows);
}

.table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-table-main > tbody > tr:nth-child(even), .table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-table-main > tbody > tr:nth-child(even) a { /* Table contact data even rows */
    background-color: var(--color-bg-table-contact-even-rows);
    color: var(--color-txt-table-contact-rows);
}

.table-contact-data > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-table-main > tbody > tr > td { /* Table contact data cells */
    background-color: inherit;
    color: inherit;
}

.table-contact-data a:hover {
    color: var(--color-link-hover-contact-data) !important;
}

/* For the pages accessed from the bottom menu */

.statement-page a, .statement-page a:visited {
    color: var(--color-headings);
}

.statement-page a:hover, .statement-page a:focus {
    color: var(--color-bg-button-hover);
}

.success-style h1 {
    color: var(--color-message-success);
    padding-left: var(--padding-lr-message-captcha) !important;
    padding-right: var(--padding-lr-message-captcha) !important;
    display: block  !important;
}

.sppb-text-danger {
    color: var(--color-message-invalid-captcha) !important;
    padding-left: var(--padding-lr-message-captcha) !important;
    padding-right: var(--padding-lr-message-captcha) !important;
    display: block  !important;
}

/* For the containers of links of the bottom menu and bottom navigation menu */

.bottom-navigation nav ul li a{
    background-color: var(--color-bg-bottom) !important;
    color: var(--color-text-bottom) !important;
}

.bottom-navigation nav ul li a:hover, .bottom-navigation nav ul li a:focus  {
    background-color: var(--color-bg-bottom) !important;
    color: var(--color-links-bottom-hover) !important;
}

#sp-bottom {
    background-color: var(--color-bg-bottom) !important;
    color: var(--color-text-bottom) !important;
}

#sp-bottom1 {
    background-color: var(--color-bg-bottom) !important;
    color: var(--color-text-bottom) !important;
}

#sp-bottom2 {
    background-color: var(--color-bg-bottom) !important;
    color: var(--color-text-bottom) !important;
    margin: 0 !important; /* #sp-bottom1 and #sp-bottom2 are a little bit different, they do not have same hierarchical structure */
    padding: 0 !important; /* #sp-bottom1 and #sp-bottom2 are a little bit different, they do not have same hierarchical structure */
}

/* Media queries */

@media (min-width: 500px) {
/*  * {
      background-color:violet;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: none !important;
    }

    /* I may enable this when adding languages selector */
  
/*  #sp-top1 {
        height: 9rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 3rem !important;
        width: auto !important;
    } */
}

@media (min-width: 576px) {
/*  * {
      background-color:blue;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: none !important;
    }

    /* I may enable this when adding languages selector */
  
/*  #sp-top1 {
        height: 9rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 3rem !important;
        width: auto !important;
    } */
}

@media (min-width: 768px) {
/*  * {
      background-color:green;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: none !important;
    }

    /* I may enable this when adding languages selector */

/*  #sp-top1 {
        height: 6rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 6rem !important;
        width: auto !important;
    } */
}

@media (min-width: 992px) {
/*  * {
      background-color:yellow;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: none !important;
    }

    /* I may enable this when adding languages selector */
  
/*  #sp-top1 {
        height: 6rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 6rem !important;
        width: auto !important;
    } */
}

@media (min-width: 1200px) {
/*  * {
      background-color:orange;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: block !important;
    }

    /* I may enable this when adding languages selector */

/*  #sp-top1 {
        height: 6rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 6rem !important;
        width: auto !important;
    } */
}

@media (min-width: 1400px) {
/*  * {
      background-color:red;
  }
*/
    .sp-megamenu-parent { /* The main menu has a wrong breakpoint and jumps below at some incorrect screen sizes */
        display: block !important;
    }

    /* I may enable this when adding languages selector */

/*  #sp-top1 {
        height: 6rem !important;
    }
    .logo-area > .sppb-column-addons > .sppb-addon-wrapper > .clearfix > .sppb-addon > .sppb-addon-content > .sppb-addon-single-image-container > img {
        height: 6rem !important;
        width: auto !important;
    } */
}