/* Colors */

.darkred {
  color: #83082b;
}

.orange {
  color:orange;
}

.grey {
  color:grey;
}

.light {
  font-weight:light;
}


img  {
  border-radius: 8px;
  width: auto;
  height: auto;
}

.path-user .tabs{
  display:none;
}

.path-user .form-item {
  margin: 0px;
}

  .path-user .form-item label {
    display:inline;
  }

.path-user .form-item .description {
  display:none;
}

/* regions */

.region-featured-bottom-first {

  background: #ffa50024;
  border-radius:8px;
  padding:2em;
}


.breadcrumb {
  font-size: 1.2em;
}

  .page-node-type-room .breadcrumb {
    font-size: 2.2em;
    padding-bottom:0;
    color: darkred;
    letter-spacing: 2px;
    font-family: 'Pattaya', sans-serif;
    /*font-size: 2.24em;*/
    /*margin: 0.21em auto 12px;*/
  }


  .view-bbs-room-details-title .views-field-title {
    letter-spacing: 2px;
    font-family: 'Pattaya', sans-serif;
  }
  



    body.path-your-stay header h2:before {
      content: "\f562";
      display: inline-block;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      padding-right: 3px;
      vertical-align: middle;
    } 
 
    #your-stay #bnl9333 {
      background: lightgrey;
      direction: ltr;
      font-size: 0.68em;
      text-align: left;
      padding: 8px;
      border-radius: 8px;
    } 
 
  
/* messages   */
.messages  {
  background: #ffe0f9;
  color: black;
  font-size: 0.68em;
  margin: 2em 0;
  border: #af90a9 1px solid;
}

  /* views */
  #region-featured-bottom-first .block-views   .views-view-grid .views-row {
    margin: 2em auto auto
  }

  
 #edit-login-guest   ,   
 #edit-login-returning-customer  {
   border: lightgray solid 1px;
  }
 
  #view-id-3_rooms   .views-row  {
    margin: 5em auto;
  }

    .views-field-field-image-large  img {
      width:100%;
    }

#main  .region-content-sub-details   {
  margin: 2em auto;
}


  #main  .region-content-sub-details .block  {
    margin: 3em auto;
  }


  #main  .region-content-sub-details h2  {
    font-size:1.12rem;
  }


/* horizontal divider  */


.h-divider {
  margin: 4em auto 8em;
  position: relative;
  width: 80%;
}

  .h-divider .shadow {
    overflow: hidden;
    height: 20px;
  }

    .h-divider .shadow:after {
      content: '';
      display: block;
      margin: -25px auto 0;
      width: 100%;
      height: 25px;
      border-radius: 125px/12px;
      box-shadow: 0 0 8px black;
    }

  .h-divider .text {
    width: 100px;
    height: 45px;
    padding: 10px;
    position: absolute;
    bottom: 100%;
    margin-bottom: -33px;
    left: 50%;
    margin-left: -60px;
    border-radius: 100%;
    box-shadow: 0 2px 4px #999;
    background: white;
  }

    .h-divider .text i {
      position: absolute;
      top: 4px;
      bottom: 4px;
      left: 4px;
      right: 4px;
      border-radius: 100%;
      border: 1px dashed #aaa;
      text-align: center;
      line-height: 50px;
      font-style: normal;
      color: #999;
    }

  .h-divider .text2 {
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 100%;
    margin-bottom: -35px;
    left: 50%;
    margin-left: -25px;
    border-radius: 100%;
    box-shadow: 0 2px 4px #999;
    background: white;
  }

  .h-divider img {
    position: absolute;
    margin: 4px;
    max-width: 60px;
    border-radius: 100%;
    /*border: 1px dashed #aaa;*/
  }



/* Mobile */
@media screen and (max-width: 377px) {
  .page-node-type-room .breadcrumb {
    font-size: 0.86em;
  }
}