@charset "utf-8";
/* CSS Document */



/* ANIMATED HOVER */


.type-reg:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px -5px rgba(10, 16, 34, 0.2);
}


/* CARD LIST */

.card-list {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0; 
}


.card-list li {
  border: 1px solid white;
  border-radius: 3px;
  box-shadow: 0 0 4px  rgba(0,0,0,0.1);
  margin-bottom: 2rem;
  display: grid;
  grid-template-rows: auto 1fr auto; }

.card-list .details {
  padding: .8rem 1rem 0.2rem 1rem; }



/* CARD LISTING */

.card-listing {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 1rem;
}

.card-listing li {
  border: 1px solid none;
  border-radius: 3px;
  margin-bottom: 2rem;
  display: grid;
  grid-template-rows: auto 1fr auto; }

.card-listing .example {
  font-size: 85%;
  padding: .8rem 1rem 0.2rem 1rem;
  justify-self: end; }

.card-listing h3 {
  background-color: #fff;
  color: #fff;
  margin: 0;
  padding: 1rem 20px; }

.card-listing li:hover h3 {
  transition: all;
  transition-duration: 1s; }

.card-listing li h3:before {
  font-size: 0.7rem;
  font-weight: normal;
  background-color: #000;
  border-radius: 10px;
  float: right;
  padding: 0 5px; }

.card-listing .type-hotel h3 {
  background-color: rgba(0, 153, 255, 0.3); 
	color: #000;
}
 
 
.card-listing .type-reg h3 {
  background-color: rgba(0, 153, 255, 0.3); 
	color: #000;
}


.card-listing .type-none h3 {
    background-color: rgba(0, 153, 255, 0.3);
    color: #000;
}

.card-listing .type-blank h3 {
	color: #9E040D;
}

  
.card-listing h3 a:link,
.card-listing h3 a:visited {
  color: #000;
  text-decoration: none;
  font-weight: normal;
  display: block;
  margin: 0; 
}

.card-listing .details {
  padding: .8rem 1rem 0.2rem 1rem; }


#wrapper #staff .maincontent .card-listing .type-none .details .center {
	text-align: center;
}


#wrapper .standardcontainer #hotel .card-listing .type-hotel .details p .price {
	font-weight: bold;
}

#wrapper .standardcontainer #hotel .card-listing .type-hotel h3 .room {
	color: #9E040D;
	font-weight: bold;
}

@media screen and (min-width: 800px) {
  @supports (grid-gap: 10px) {
    .card-listing {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-gap: 2rem; }
    .card-listing li {
      margin: 0; } 
    .card-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-gap: 2rem; }
    .card-list li {
      margin: 0; }} }

.imagegrid {
  margin: 0;
  padding: 0;
  list-style: none; }

.imagegrid img {
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

@media screen and (min-width: 600px) {
  .imagegrid li {
    float: left;
    max-width: 49%;
    padding: 10px; }
  .patterncontent {
    clear: both; }
  @supports (grid-gap: 10px) {
    .imagegrid {
      display: grid;
      grid-template-columns: 2fr 3fr;
      grid-gap: 10px; }
    .imagegrid li {
      float: none;
      max-width: 100%;
      padding: 0; }
    .imagegrid li:first-child {
      grid-row: 1 / 3; } } }

.examples-listing,
.video-list,
.blog-list,
.blog-list-home {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%; }

.video-list li,
.blog-list li .blog-list-home li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0; }

.video-list p,
.video-list h3 {
  margin: 0;
  padding: 0; }

.video-list li a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 1rem 0; }

.video-list li a:hover {
  background-color: rgba(0, 0, 0, 0.05); }