/* Слегка изменённая (оставлен только woff2) копия файла https://github.com/framework7io/framework7-icons/blob/master/css/framework7-icons.css */
@font-face {
  font-family: 'Framework7 Icons';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url("/font/Framework7Icons-Regular.eot");
  src: url("/font/Framework7Icons-Regular.woff2") format("woff2"),
       url("/font/Framework7Icons-Regular.woff") format("woff"),
       url("/font/Framework7Icons-Regular.ttf") format("truetype");
}

.f7-icons, .framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  text-align: center;
}

/* Шевроны подробностей настроек */
.custom-accordion .f7-icons {
  font-size: 17px;
  color: var(--f7-list-chevron-icon-color);
}

.custom-accordion .icon-plus {
  display: inline-block;
}
.custom-accordion .icon-minus {
  display: none;
}
.custom-accordion .accordion-item-opened .icon-minus {
  display: inline-block;
}
.custom-accordion .accordion-item-opened .icon-plus {
  display: none;
}

/* Контейнер прелоадера Яндекс.Карты */
#mapPreloader {
  width:100%;
  height:40vh;
  line-height:40vh;
  text-align:center;
}

/* Контейнеры карт, скрытые при создании страницы */
#lMap,
#yaMap {
  width:100%;
  height:40vh;
  display:none; /* в самом начале вместо это контейнера показывается другой с прелоадером */
}

.theme-dark [class*="ymaps-2"][class*="-inner-panes"],
.theme-dark ~ ymaps [class*="ymaps-2"][class*="-inner-panes"],
.theme-dark #lMap
 {
  -webkit-filter: brightness(50%);
}

/* Вторая ячейка каждой строки списка прогнозных данных - Ночь */
.list.forecast .item-row .item-cell:nth-child(2) {
  /* background: black; */
  background: #151515;
  color: white;
}

/* Третья ячейка каждой строки списка прогнозных данных - День */
.list.forecast .item-row .item-cell:nth-child(3) {
  background: white;
  color: black;
}

/* убираем шеврон > из первого элемента списка прогнозных данных [Ночь, °C   День, °C] */
.item-link.header .item-inner{
  background-size: 0px;
}

/* красим даты и название дней недели выходных в красный */
.weekend {
  color: crimson;
}
.theme-dark .weekend {
  /* color: red; */
  /* color: #FF154A; */
  color: tomato;
}

/* installer - это id div'а с кнопкой установки PWA внутри */
#installer {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 120px;
  text-align: center;
  transition: opacity 300ms ease-in-out;
  z-index: 30000000;
  visibility: hidden;
}

#installer.available {
  opacity: 1;
  visibility: visible;
}

#installer .button {
  /* border: white 1px solid; */
  border: 1px solid;
  /* margin:10px;
  padding: 10px; */
  /* color: white; */
  background-color: transparent;
  margin-top: 2px;
}

/* Ниже и до конца - копия содержимого файла https://github.com/Leaflet/Leaflet.fullscreen/blob/gh-pages/dist/leaflet.fullscreen.css */
/* Стили для плагина полноэкранного режима карт Leaflet */
.leaflet-control-fullscreen a {
  background:#fff url(fullscreen.png) no-repeat 0 0;
  background-size:26px 52px;
  }
  .leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px;
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position:0 -26px;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px;
    }

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width:100%!important;
  height:100%!important;
  }
.leaflet-container.leaflet-fullscreen-on {
  width:100%!important;
  height:100%!important;
  }

.leaflet-pseudo-fullscreen {
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  z-index:99999;
  }

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
      background-image:url(fullscreen@2x.png);
    }
}