/* Start page style */

/*Start basic style*/

body {
  background-color: #f4f4ff;
}

.container {
  display: block;
  margin: auto;
  max-width: 850px;
  padding: 10px;
}

/*Header styler**/
.col {
  background-color: #b5ae9e;
}
/*header image*/
.pghd {
  height: auto;
  max-width: 100%;
  text-align: center;
}
/*Header styler end*/

/*all text on the site*/
p {
  font-size: clamp(0.85rem, 1vw, 2rem);
}
/*end*/

h2 {
  color: #5458c6;
  font-size: clamp(1.6rem, 1vw, 3rem);
  font-style: italic;
}

a:link,
a:visited {
  background-color: #b5ae9e;
  color: #5458c6;
  border-radius: 1rem;
  padding: 0.85rem 1rem;
  text-align: center;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: bold;
  display: inline-block;
}
a:hover,
a:active {
  background-color: #9da49a;
  color: #5458c6;
}

/*End basic style*/

/*Individual page settings 5/5/25 */

/*upstairs page style and zoom*/
.zoom-upstairs {
  transition: transform 0.2s; /* Animation */
  width: 100px;
  height: 137px;
  margin: 1 auto;
}

/* (zoom scale setting - Note: if the zoom is too large, it will go outside of the viewport) */
.zoom-upstairs:hover {
  transform: scale(2.8);
}
/*zoom position right, left and center*/
.posc {
  transform-origin: bottom center 60px;
}
.posl {
  transform-origin: bottom left 60px;
}

.posr {
  transform-origin: bottom right 60px;

}

.upstairs-room-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
}
/*End upstairs page style and zoom*/

/*Rooms page style*/
/*enlarger image on mouseover*/
.zoom {
  transition: transform 0.4s; /* Animation */
  width: 200px;
  height: 133px;
  margin: 1 auto;
}

/* (zoom scale setting - Note: if the zoom is too large, it will go outside of the viewport) */
.zoom:hover {
  transform: scale(3);
}
/*end*/

.room-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
}
/*end Room page*/

/*Approved page*/
.toprow {
  display: grid;
  grid-template-columns: 210px 70%;
  align-items: center;
  justify-content: center;
  /* font-size: minmax(4px 6px);*/
}

.botrow {
  display: grid;
  grid-template-columns: 70% 210px;
  align-items: center;
  justify-content: center;
  /*font-size: minmax(4px 6px);*/
}
.centertext {
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*border-style: solid;
  border-color: coral;
  padding: 10px;
  font-size: minmax(4px 6px);*/
}
/*end*/

/*header hyperlink grid*/
.hyper-grid {
  /*found on header page*/
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(1rem, 0.375rem, 1.5rem);
  padding: 10px;
  background-color: #b5ae9e;
}
/*end*/