@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carlito:wght@700&display=swap');

:root {
  --theme-base: "black-highlighter";
  --theme-id: "poolrooms-theme";
  --theme-name: "Poolrooms Theme";

  --logo-image: "";
  --header-title: "Бассейны";
  --header-subtitle: "Вода повсюду";

  /* Typefaces */
  --body-font: 'Nunito', sans-serif;
  --header-font: 'Carlito', sans-serif;
  --title-font: 'Carlito', sans-serif;
  --mono-font: 'IBM Plex Mono', monospace;

  /* Standard Colors */
  --white-monochrome: 250, 250, 250;
  /* white */
  --pale-accent: 11, 70, 170;
  /* visited links */
  --bright-accent: 109, 125, 153;
  /* bright teal */
  --medium-accent: 108, 150, 224;
  /* medium teal - the "default" accent color */
  --dark-accent: 113, 129, 157;
  /* dark teal */
  --alt-accent: 11, 70, 170;
  /* darkblocks */
  --gray-monochrome: 108, 150, 224;
  /* blockquotes */
  --pale-gray-monochrome: 250, 253, 253;
  /* tables */
  --light-gray-monochrome: 67, 131, 241;
  /* some buttons */
  --dark-gray-monochrome: var(--gray-monochrome);
  /* blue */
  --dark-blue: 23, 70, 150;
  --swatch-topmenu-border-color: var(--medium-accent);
  --swatch-topmenu-bg-color: var(--bright-accent);
  --swatch-border-color: var(--medium-accent);
  --border-styling: outset 2px rgb(var(--swatch-border-color));
   --darker-accent: 155, 80, 226;

  --link-color: var(--dark-blue);
  --link-color-bright: var(--dark-blue);
  --hover-link-color: 69, 129, 208;
  --newpage-color: 129, 81, 206;
  --swatch-menubg-color: 169, 183, 214;

  /* Box-Shadow 1px Borders */
  --box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  --box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  --box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  --box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
  --box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);

  /* Rating box */
  --rating-module-button-plus-color: var(--light-gray-monochrome);
  --rating-module-button-negative-color: var(--light-gray-monochrome);
  --rating-module-button-cancel-color: var(--light-gray-monochrome);
  --rating-module-button-credit-color: var(--light-gray-monochrome);
}

#account-topbutton {
  border-color: rgb(var(--swatch-text-light));
}

#header h1, #header h1 a {
  top: 0.8rem;
  font-size: 210%;
}

#header h2, #header h2 span, #header h2 span::before {
  top: 2.2rem;
  font-size: 110%;
}

#login-status {
  color: rgb(var(--dark-blue));
}

#search-top-box {
  display: none;
}

#skrollr-body {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/local--files/theme:poolrooms/banner_tiles.png");
  background-repeat: repeat;
  background-size: 60%;
}

#page-title, h1, h2 {
  color: rgb(var(--dark-blue));
}

h3,h4,h5,h6 {
  color: rgb(var(--medium-accent));
}

.styled-quote {
   border-left: 0.5rem solid rgb(var(--dark-blue));
}

.dark-styled-quote {
   border-left: 0.5rem solid rgb(var(--dark-blue));
}

.darkblock h1,
.darkblock h2,
.dark-styled-quote h1,
.dark-styled-quote h2 {
  color: rgb(var(--medium-accent));
}

@media screen and (max-width: 600px) {
  #header h1, #header h1 a {
    font-size: 180%;
    top: 0.8rem;
  }
  #header h2, #header h2 a {
    top: 1.3rem;
  }
}