@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll!important; 
  margin: 0px; 
  padding: 0px; 
  width: calc(100vw - (100vw - 100%));
  scroll-behavior: smooth;
}
body {
  margin: 0px;
  padding: 0px; 
  font-family: sans-serif;  
  font-size: calc(15px + 0.390625vw); /* adaptive rem  */
  background: white;
}
* {
  box-sizing: border-box;
}


.site_background {
  margin:  0rem 1rem 1rem 1rem; 
}
/*  1. 320px-480px:     mobile devices   */
@media screen and (max-width: 480px) {
  .title          {    font-size: 1.6rem; line-height: 1.3rem; } 
  .cell_title     {    font-size: 1.3rem; line-height: 1.4rem; } 
  .cell_subtitle  {    font-size: 1.0rem; } 
}
/*  2. 481px-768px:     iPads, Tablets   */
@media screen and (min-width: 481px) and (max-width: 768px) {
  .title          {    font-size: 1.7rem; line-height: 1.4rem; } 
  .cell_title     {    font-size: 1.4rem; line-height: 1.5rem; } 
  .cell_subtitle  {    font-size: 1.1rem; } 
}
/*  3. 769px-1024px:    small screens, laptops   */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .title          {    font-size: 2.4rem;   line-height: 2rem; } 
  .cell_title     {    font-size: 2rem;   line-height: 2.1rem; } 
  .cell_subtitle  {    font-size: 1.6rem; } 
}
/*  4. 1025px-1200px:   desktops, large screens   */
@media screen and (min-width: 1025px) {
  .title          {    font-size: 2.6rem; line-height: 2.2rem; } 
  .cell_title     {    font-size: 2.2rem; line-height: 2.3rem; } 
  .cell_subtitle  {    font-size: 1.7rem; } 
}
/*      */
.navbar0, .navbar1, .navbar2 {
  /*overflow: hidden; (removed to allow dropdown lists) */
  background-color: white;
  position: fixed;
  top: 0rem;
  height: 6.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: middle; 
  width: 100%;
  object-fit: contain;
  margin: 0px;
  padding: 0px;
  z-index: 10;  
}
.navbar1 {
  position: absolute;
  top: 0;
  height: 4rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle; 
}
.navbar2 {
  position: absolute;
  top: 4rem;
  height: 2rem;
  flex-direction: row;
  justify-content: space-around;
  justify-content: center;
  align-items: center;
  vertical-align: middle; 
}
/*      */
.site_title { margin: 1rem; }
.title {
  background-color: white;
  border-radius: 1rem; 
  text-decoration: none;   
  text-align: center;   
  text-wrap: nowrap;          
  font-weight: 900;
  color : black;
}
/*      */
.language_flag { 
  width: 30px;   
  background : white;
  padding: 0.1rem;
}
.fr { display: block; }
.ru { display: none; }
/*      */
.menu_item { 
  background-color: white;
  font-size: 1rem;
  line-height: 1rem;        
  color: black;
  text-align: center;
  text-wrap: nowrap;      
  text-decoration: none; 
  text-transform: none;      
  cursor: pointer;
  padding:0.5rem;
  margin: 0 0.5rem;
  /*border-radius : 0.5rem; */     
}
.menu_item.selected { 
  background-color: black;
  font-weight: bold;
  color: white;      
}
/*      */
/*  MOSAIC  */
.cards_mosaic {
  width: 100%;
  height: 100%;  
  margin: 0rem;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 350px;
}
.card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: middle; 
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0px;
  padding: 0px;
  border: 1px white solid;
} 
.cards_mosaic .bordered  {
  border: 6px white solid;
} 
.cards_mosaic .border-2026_01_25  {
  border: 3px rgb(0, 175, 80) solid;	
} 
.cards_mosaic .border-2026_01_10  {
  border: 2px rgb(139, 0, 3) solid;	
} 
.cards_mosaic .border-2025_01_11  {
  border: 6px rgb(218,199,154) solid;
} 
.cards_mosaic .border-2024_11_30  {
  border: 6px rgb(251,99,15) solid;
} 
.id_picture {
  width: 120px;
}
a.agenda {
  text-decoration : none; 
  color : grey;
}