/* http://mcg.mbitson.com/#!?palette=%23e51a51 */
   /*Fonts*/
   @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

   :root {
       --theme-font-family: "Bricolage Grotesque", sans-serif;
       /*Navbar colors*/
       --ob-nav-text-color: #fff;
       --ob-nav-bg-color: #074161;
       --ob-nav-list-active-bg-color: #517a90;
       /*color */
       --theme-primary-50: #e1e8ec;
       --theme-primary-100: #b5c6d0;
       --theme-primary-200: #83a0b0;
       --theme-primary-300: #517a90;
       --theme-primary-400: #2c5e79;
       --theme-primary-500: #074161;
       --theme-primary-600: #063b59;
       --theme-primary-700: #05324f;
       --theme-primary-800: #042a45;
       --theme-primary-900: #021c33;
       --theme-primary-A100: #6fedff;
       --theme-primary-A200: #3ce7ff;
       --theme-primary-A400: #09e1ff;
       --theme-primary-A700: #00d1ef;

       --theme-primary-contrast-50: #1A1A1A;
       --theme-primary-contrast-100: #1A1A1A;
       --theme-primary-contrast-200: #1A1A1A;
       --theme-primary-contrast-300: #ffffff;
       --theme-primary-contrast-400: #ffffff;
       --theme-primary-contrast-500: #ffffff;
       --theme-primary-contrast-600: #ffffff;
       --theme-primary-contrast-700: #ffffff;
       --theme-primary-contrast-800: #ffffff;
       --theme-primary-contrast-900: #ffffff;
       --theme-primary-contrast-A100: #1A1A1A;
       --theme-primary-contrast-A200: #1A1A1A;
       --theme-primary-contrast-A400: #1A1A1A;
       --theme-primary-contrast-A700: #1A1A1A;
   }

   /********* 
FOOTER
*********/

   /*Background subfooter*/
   ob-footer.main-footer {
       background-color: #C9E3F1 !important;
   }

   /*Color links subfooter & copyright*/
   ob-footer.main-footer,
   ob-footer.main-footer a,
   ob-footer.main-footer span.footer-copyright,
   ob-footer.main-footer span.justify-end,
   ob-footer.main-footer button.ob-link {
       color: #074161 !important;
   }

   /*Button language links subfooter*/
   /*Language & icon */
   ob-footer.main-footer span.mdc-button__label,
   ob-footer.main-footer mat-icon.mat-icon {
       color: #074161 !important;
   }

   /*Border*/
   ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
       border: 1px solid #074161 !important;
   }

   /*Text powered by*/
   ob-footer.main-footer section.items-center {
       color: #074161;
   }