#shop-template-apto {
 --main-font-1: 'Open Sans', sans-serif;

 --color-primary: #023671;
 --color-primary-hover: #86b918;

 --color-background: #fff;
 --color-background-completed: #fff;
 --color-background-sidebar: #023671;
 --color-background-footer: #fff;
 --color-background-image: #fff;
 --color-border: #fff;
 --color-optic-lines: #023671;

 /*
 --border-radius: 0px;
 --border-radius-bubble: 0%;
 --border-radius-card: 0px;
 --border-radius-button: 0px;
 --border-radius-links: 0px;
 */

 .mat-drawer-container,
 mat-drawer-container.mat-drawer-container {
  background-color: #fff;
 }

 /* Yeah no, "!important" shouldn't be used but the style is hardcoded
 with an important itself in the mat_overwrite.scss file, and I don't want
 to deal with this now so no other option here */
 .copyright,
 apto-footer>mat-toolbar>div.entries>div>a:not(.mat-button-base) {
  color: #023671 !important;
 }

 .copyright {
  border-top: none;
 }

 .logo {
  transform: scale(0.7,0.7)
 }
}