@charset "UTF-8";
/*!
 * Copyright (c) Pro3W 2026.
 * author: Sławomir Moskal
 * filename: ms-mainpage.scss
 * last update: 18.02.2026, 12:01
 */
/*
/* Variables to Pro3W CMS
*/
/*
    Author     : slawomirmoskal
*/
/* Alert colors */
/* App colors */
/* Social media colors */
/* Other colors */
/*
/* Mixin container to default Pro3W CMS template
*/
/*
    Author     : slawomirmoskal
*/
/* Font style example @include font-global (1rem; $black; normal; 1rem * 1.1 )
*/
/* change font to rem with pixel size example p { @include font-size(14px)} */
/*pseudo class addons example div::after { @include pseudo; ...} */
/* Placeholder */
/* Fonts */
/*Transition */
/* Media custom names by Pro3W */
/* Image fit cover */
/* No margin and padding */
/* Fiexd full background */
/* Img cover */
/* FA example

.twitter {
  @extend %fa-icon;
  @extend .fab;

  &:before {
    content: fa-content($fa-var-twitter);
  }
}
*/
:root {
  --custom-gray: #f1f1f1;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --black: #000000;
  --white: #fff;
  --ms-blue-1: #386fb3;
  --ms-blue-2: #35659f;
  --ms-lblue-1: #4eadd4;
  --ms-lblue-2: #489cbd;
  --ms-pink-1: #d22f7b;
  --ms-pink-2: #bc2378;
  --instagram-color: #e4405f;
  --youtube-color: #cd201f;
  --facebook-color: #3b5998;
  --wcag-color: #f5c344;
}

@media (min-width: 768px) {
  #navbar-top, #navbar-top .navbar-nav {
    background: var(--ms-blue-1) !important;
    color: var(--white) !important;
  }
}
@media (max-width: 768px) {
  .logo-img {
    background: #174582;
  }
}
@media (max-width: 768px) {
  .logo-img {
    background: #174582;
  }
  #navbar-top .navbar-nav {
    overflow-y: scroll;
  }
}
.bg-gray-100 {
  background-color: var(--gray-100);
  color: var(--black);
}

@media (min-width: 768px) {
  #footer {
    background-image: url("/umrzeszow/ms/footer-bg.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 20vw;
  }
}
.box__ms--magenta {
  background: var(--ms-pink-1);
  color: var(--white);
}

@media (max-width: 768px) {
  .body-mobile #language_link {
    background: #000 !important;
    color: #fff !important;
  }
}
.no-ms, .no-ems {
  display: none !important;
}

/*# sourceMappingURL=ms-mainpage.css.map */