:root {
  --cassiopeia-color-primary: #009ff0;
  --cassiopeia-color-hover: #6e91af;
/*  --cassiopeia-color-link: blue;*/
  --body-color: #383838;
  --cassiopeia-font-weight-headings: 500;
}

.container-header,
.container-footer {
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,#4cbbf4 100%);
}

/* background image */
/*body {
  background: url(/images/crete.jpg) no-repeat center center fixed;
}
body > .site-grid > .grid-child {
  background-color: white;
}*/
/* background image END */

.site-grid .container-banner {
  margin-bottom: 0;
}

/* footer */
.container-header,
.footer {
/*  background: #009ff0; /*rgba(200, 200, 255, 0.5);*/
/*  background-image: none;*/
}
footer .mod-footer {
  text-align: center;
}
/* footer END */


/* alt display blog lists */
body.accomodation .blog-item {
    flex-direction: row;
    gap: 1rem;
    max-width: 960px;
}
body.accomodation .blog-item .item-image {
  max-width: 420px;
}
@media (max-width: 600px) {
  body.accomodation .blog-item {
    flex-direction: column;
    gap: 0;
  }
  body.accomodation .blog-item .item-image {
    max-width: 100%;
  }
}
/* alt display blog lists END */

/* header menu width fix */
@media (min-width: 600px) {
  .container-header .mod-menu {
      display: flex;
      flex: 1 1 0%;
      flex-direction: row;
  }
  .container-header .mod-menu>li+li {
      margin-left: 1.55em;
  }
  .container-header .mod-menu>li:after {
      background: transparent;
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      left: 50%;
      margin: auto;
      opacity: .2;
      position: absolute;
      right: 50%;
      transition: all .2s ease,background-color .2s ease;
  }
}
/* header menu width fix END */


/* ESPA logo */
.modespa div div { 
  text-align: center;
  font-size: 0.7rem;
}


/* menu and logo same row */
/*.header.container-header.full-width {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: center;
}
.container-header .grid-child:first-child {
	grid-column: 2/2;
}
.container-header .container-nav {
	grid-column: 3/5;
}*/

.container-header .container-nav {
  align-items: center;
}
.container-header nav {
  margin-top: 0;
}
/* menu and logo same row END */


/* rooms list */
.accfeatures {
  display: flex;
}
.accfeatures ul {
  list-style: none;
}
.accfeatures li {
  position: relative;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
.accfeatures ul li:before {
  content: '✓';
  position: absolute;
  left: 0;  
  width: 1em;
  height: 1em;
}
@media (max-width: 700px) {
  .accfeatures {
    flex-direction: column;
  }
  .accfeatures ul {
    margin-bottom: 0;
  }
}
.accfeatures > div {
  flex: 1;
}
.accfeaturescontainer .card-header {
  background: none;
  border-bottom: none;
  text-align: center;
}

.roominfo > div > img {
  height: 1em; 
}
.roominfo > div > span {
  width: 2em;
}
.roominfo > div {
  margin-bottom: 0.8em; 
}
/* rooms list END */


/* facilities */
.facilities > div > div > div > img {
  height: 1.5em;
  /*height: 100%;*/
  width: auto;
  margin-top: -0.25em;
}
.facilities > div > div > div {
  /*height: 1em;*/
  width: 2.5em;
  display: inline-block;
  margin-right: 0.2em;
  text-align: center;
}
.facilities > div > div {
  margin-bottom: 0.8em;
}
/* facilities END */


/* Things To Do */
body.thingstodo .blog-item h2 {
  font-size: 1.3rem;
  text-align: center;
}
body.thingstodo .blog-item h2 a {
  text-decoration: none;
}
.item-pagethingstodo > ul {
  text-align: right;
  list-style-type: none;
}

.thingstodo .com-content-category-blog .blog-item .fields-container {
  text-align: right;
  list-style-type: none;
  margin-bottom: 0;
}
.thingstodo .com-content-category-blog .blog-item .fields-container .field-label {
  display: none;
}

/*
body.layout-cassiopeia_sitiabayblogttd figcaption h2 {
  font-size: 1.5rem;
  text-align: center;
}
body.layout-cassiopeia_sitiabayblogttd figcaption h2 a {
  text-decoration: none;
}
*/
/* Things To Do END */

/* galleries */
.sig-custom figure {
  width: 100%;
  height: 100%;
}
.sig-custom figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.sig-custom figure img {
  transition: all 0.5s;
}
.sig-custom figure img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* galleries END */

a:not([class]) {
  text-decoration: none;
}
.page-header h2 {
  font-size: 1.5rem;
}