:root {
  --color: #293b70;
  --fcolor: white;
  --r: 41;
  --g: 59;
  --b: 112;
}

nav{
  background-color : var(--color);
}

.hamburger, .header_nav, .active{
  color: var(--color) !important;
}

.header_nav:hover{
  color: rgba(var(--r), var(--g), var(--b), 0.3) !important;
}

.room_btn{
  border: solid 1px var(--color);
  color : var(--color);
  background: var(--fcolor);
}

.room_btn:hover{
  background: rgba(var(--r), var(--g), var(--b), 0.3);
}

.top{
  background: rgba(var(--r), var(--g), var(--b), 0.1) !important;
}

.mini_title {
  color: var(--fcolor);
  background: var(--color);
}

.mybtn {
  background: var(--fcolor);
  border: solid 1px var(--color);
  color: var(--color);
}
.mybtn:hover {
  background: rgba(var(--r), var(--g), var(--b), 0.5);
}

.placename {
  color: var(--color);
}

#room_add_btn{
  color: var(--color);
}
#room_add_btn:hover{
  background-color: var(--color);
}
#e_site_form{
  color:black;
}
.button{
  color: var(--fcolor);
  background: var(--color);
}

.button:hover, .pagination-button{
  background: rgba(var(--r), var(--g), var(--b), 0.7);
}

.site_element_title_hover{
  color: var(--color);
}

.title{
  color: var(--color);
}

.createSite{
  background: var(--color);
  color: var(--fcolor);
}

.main_border{
  background: var(--color) !important;
  border: 5px solid var(--color) !important;
}


.place_card_selected{
  border-color: var(--color) !important;
  background: rgba(var(--r), var(--g), var(--b), 0.2) !important;
}
.placename{
  color: var(--color) !important;
}
.hamburger{
  color: var(--color) !important;
}

nav{
  background: var(--color) !important;
}

.loginbtn_mobile{
  color: var(--color) !important;
}