/*import*/
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

 :root {
     /*Fonts*/
     --theme-font-family: "Source Sans 3", sans-serif;
     --theme-font-family-2: "Roboto", sans-serif;
     /*// http://mcg.mbitson.com/#!?mcgpalette0=%23ff0077*/
     /*NAVBAR COLORS*/
     --ob-nav-text-color: #fff;
     --ob-nav-bg-color: #050F2F;
     /*color primary*/
     --theme-primary-50: #ffffff;
     --theme-primary-100: #daedf4;
     --theme-primary-200: #b4daea;
     --theme-primary-300: #8bc8df;
     --theme-primary-400: #5db6d5;
     --theme-primary-500: #00a4ca;
     --theme-primary-600: #18819e;
     --theme-primary-700: #1c5f74;
     --theme-primary-800: #1a404d;
     --theme-primary-900: #132328;
     --theme-primary-A100: #d1ebff;
     --theme-primary-A200: #9ed5ff;
     --theme-primary-A400: #6bbfff;
     --theme-primary-A700: #52b5ff;
     /*color contrast*/
     --theme-primary-contrast-50: #000000;
     --theme-primary-contrast-100: #000000;
     --theme-primary-contrast-200: #000000;
     --theme-primary-contrast-300: #000000;
     --theme-primary-contrast-400: #000000;
     --theme-primary-contrast-500: #fff;
     --theme-primary-contrast-600: #fff;
     --theme-primary-contrast-700: #fff;
     --theme-primary-contrast-800: #fff;
     --theme-primary-contrast-900: #fff;
     --theme-primary-contrast-A100: #000000;
     --theme-primary-contrast-A200: #000000;
     --theme-primary-contrast-A400: #000000;
     --theme-primary-contrast-A700: #000000;
 }

 /* --> Specific CSS goes HERE <--*/
 /*Button shooping car disabled only dark top barbackground*/
 mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
     color: #b1b1b161;
 }

 /*footer*/
 .row-promotor {
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .channel-footer-content div.title-footer div p {
     border-bottom: 0.7px solid #404040;
 }

 .channel-footer-content p.title1 {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: bold;
     padding-top: 1rem;
     text-align: center;
 }

 .channel-footer-content .sponsors {
     margin: 0.6rem 0;
 }

 .channel-footer-content .sponsors a img {
     padding: 1rem 1rem;
 }

 .row-promotor img {
     height: 80px;
 }

 .row-promotor {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: left;
     padding: 0 90px;
 }

 .supporter {
     width: 45%
 }

 @media only screen and (max-width: 40.063em) {
     app-channel-footer.channel-footer {
         display: none;
     }
 }