:root {
    --m-white: white;
    --m-black: black;
    --m-dark-white: #f2f2f2;
    --m-light-grey: #ddd;
    --m-light-grey-alt: #eee;
    --m-grey: #cecece;
    --m-grey-medium: #666;
    --m-grey-medium-alt: #888;
    --m-dark-grey: #444;
    --m-dark-grey-alt: #555;
    --m-snow-table-grey: #cfcfcf;
    --m-yellow: #ffbf4e;
    --m-blue: #3979b4;
    --m-azure: #4679b2;
    --m-widget-grey: #595959;

    --m-border-color: #dddddd;
    --m-dark-border-color: #7f7f7f;
    --m-form-color: #a4a4a4;
    --m-triangle-color: #969696;
    --m-search-color: #003C7F;
    --m-menu-color: #5c5c5c;
    --m-weather-color: #9c9c9c;
    --m-table-row-color: #ebebeb;
    --m-border-int: #bfbfbf;
    --m-button-maps: #e7e9e9;

    --m-bg-color: #f5e5d5;

    --m-search-icon-color: #656565;
  }
  /* *** common *** */
  body {
    background-color: var(--m-bg-color);
  }
  .meteo-content {
    background-color: var(--m-white);
  }
  .meteo-content, .meteo-content h1, .meteo-content h2, .meteo-content h3, .meteo-content h4, .meteo-content h5, .meteo-content h6, .meteo-content p, .meteo-content a {
    color: var(--m-black);
  }
  .meteo-content a:hover {
    color: var(--m-dark-grey);
  }
  .meteo-content {
    background-color: var(--m-bg-color);
    padding: 0;
  }
  /* *** common end *** */

  /* *** simplebar *** */
  .simplebar-scrollbar::before {
    background: var(--m-black);
  }
  /* *** simplebar end *** */

  /* *** menu *** */
  .meteo-content .menu a {
    color: var(--m-white);
    background-color: var(--m-search-color);
      border-top: 2px solid #2f7acf;
  }
  .meteo-content .menu a:hover {
    opacity: .7;
  }
  .meteo-content .menu a:hover,
  .meteo-content .menu a.on {
    background-color: var(--m-search-color);
  }
  @media (min-width: 768px) {
    .meteo-content .menu ul li + li {
      margin-left: 2px;
    }
  }
  /* *** menu end *** */

  /* *** map *** */
  #toggleMenu {
    border-color: var(--m-black);
  }
  .meteo-content .menu ul {
    background-color: transparent;
  }
  .meteo .nav-pills .nav-link {
      color: var(--m-black);
    background-color: var(--m-white);
  }
  .meteo #add-hour.nav-pills .nav-link {
      color: var(--m-black);
  }
  .meteo #add-weather.nav-pills .nav-link {
    color: var(--m-white);
    background-color: var(--m-weather-color);
  }
  .meteo .nav-pills .active .nav-link, .meteo .nav-pills .show > .nav-link,
  .meteo #add-hour.nav-pills .active .nav-link,
  .meteo #add-weather.nav-pills .active .nav-link {
      color: var(--m-black);
      background-color: #E6D5C4;
  }
  .meteo-hour-link.active {
    background-color: var(--m-black);
    color: var(--m-white);
  }
  .table,
  .table-striped > tbody > tr:nth-of-type(2n+1),
  .table-striped > thead > tr th {
    color: var(--m-black);
  }
  .table-striped > tbody > tr:nth-of-type(2n+1) {
      --bs-table-accent-bg: #E6D5C4;
  }
  .table-striped > tbody > tr:nth-of-type(2n) {
      --bs-table-accent-bg: transparent;
  }
  .table-hover > tbody > tr:hover {
    color: var(--m-white);
      --bs-table-accent-bg: var(--m-grey-medium-alt);
  }
  .btn-meteo {
    background-color: var(--m-dark-white);
  }
  .btn-meteo.on {
    background-color: var(--m-yellow);
  }
  .t-min {
    color: var(--m-white);
    background-color: #1e96e1;
  }
  .t-max {
    color: var(--m-white);
    background-color: #b4003b;
  }
  .table-striped > thead > tr.t-head th {
    color: var(--m-white);
    background-color: var(--m-search-color);
  }
  .map-bg {
    background-color: var(--m-dark-white);
  }
  .cableway.red { color: #ed2024 !important; }
  .cableway.grey { color: #737373 !important; }
  .cableway.green { color: #11a249 !important; }
  /* *** map end *** */

  /* *** news + sidebar *** */
  .main-news,
  .sidebar-news,
  .date.internal,
  .m-border-int {
    border-color: var(--m-border-int);
  }
  .news-main-title {
    color: var(--m-black);
  }
  /* *** news + sidebar end *** */

  /* *** autocomplete *** */
  #autocomplete-submit svg.is-svg {
    color: var(--m-search-icon-color);
  }
  .meteo-autocomplete .input-group {
    height: 100%;
    background-color: var(--m-white);
    border: none;
    -webkit-box-shadow: 0px 0px 4px 3px rgba(101,101,101,0.6);
    box-shadow: 0px 0px 4px 3px rgba(101,101,101,0.6);
  }
  .meteo-autocomplete .input-group > .triangle {
    border-color: transparent transparent transparent #656565;
  }
  .form-control {
    color: #656565;
    background-color: transparent;
    border-color: #656565;
  }
  .form-control:focus {
    color: #656565;
    background-color: transparent;
  }
  .form-control::placeholder {
    color: #656565;
  }
  .btn-outline-secondary {
    color: var(--m-search-color);
    border-color: var(--m-border-color);
  }
  .btn-outline-secondary:hover {
    border-color: var(--m-border-color);
  }
  /* *** autocomplete end *** */

  /* *** maps *** */
  .map-anim-control button:not(.round) {
    background-color: var(--m-button-maps);
  }
  /* *** maps end *** */

  /* *** spinner *** */
  .spinner-border {
    color: var(--m-search-color);
  }
  /* *** spinner end *** */

  /* *** snow *** */
  .snow-regions .col {
    border-color: var(--m-border-int);
  }
  .snow-table-index .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--m-snow-table-grey);
  }
  .blue-label {
    color: var(--m-white);
    background-color: var(--m-blue);
  }
  .snow-table-index .table-striped > thead > tr.t-head th {
      color: var(--m-black);
      background-color: transparent;
  }
  .snow-table-detail .table-striped > thead > tr.t-head th {
      background-color: var(--m-weather-color);
  }
  .snow-table-detail tbody th {
    color: var(--m-azure);
  }
  .snow-table-detail tbody tr:hover th {
    color: var(--m-white);
  }
  .widget-snow {
    color: var(--m-widget-grey);
    background-color: var(--m-table-row-color);
    padding: .375rem;
  }
  .widget-snow .widget-info span + span {
    border-top-color: var(--m-widget-grey);
  }
  .widget-snow a,
  .iski a {
    color: var(--m-azure);
  }
  /* *** snow end *** */

  /* container size */
  #main-content {
    padding-bottom: 1rem;
  }
  @media (min-width: 768px) {
    .container {
      max-width: 760px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1020px;
    }
  }
  @media (min-width: 1440px) {
    .container {
      max-width: 1260px;
    }
  }

  /* font */
  .meteo-content * {
    font-family: sole_headline,Georgia,Times,"Times New Roman",serif !important;
    font-weight: 500 !important;
  }
  .meteo-content strong,
  .table-striped > thead > tr th,
  .meteo-content h1, .meteo-content h2, .meteo-content h3, .meteo-content h4, .meteo-content h5, .meteo-content h6 {
    font-weight: bold !important;
  }