/* ===================================== */
/* RESET & GENERAL STYLES               */
/* ===================================== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:#f4f6f8;
  color:#1e2430;
  font-family:'Lora', serif;
}

/* ===================================== */
/* TOPBAR                               */
/* ===================================== */
.topbar{
  width:100%;
  height:14px;
  background:#1d2636;
}

/* ===================================== */
/* PAGE LAYOUT & CONTAINER              */
/* ===================================== */
.page{
  width:min(1280px, calc(100% - 20px));
  margin:0 auto;
  padding-top:34px;
  padding-bottom:34px;
}

/* ===================================== */
/* INFO BANNER                          */
/* ===================================== */
.info-banner{
  border:1px solid #d6d0c7;
  height:54px;
  display:flex;
  align-items:center;
  padding:0 22px;
  font-size:18px;
  color:#3f3f3f;
  background:white;
}

.info-banner span{
  margin-left:10px;
  font-size:16px;
  display:flex;
  align-items:center;
}

@keyframes rise-in{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion: reduce){
  .search-row,
  .filters,
  .room-card{
    animation:none !important;
  }
}