a/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

body{
    overflow: hidden; 
}
/* label color */
.input-field label {
 color: #000 !important;
}
/* label focus color */
.input-field input:focus + label {
 color: #2196f3 !important;
}
/* label underline focus color */
.input-field input:focus {
 border-bottom: 1px solid #2196f3 !important;
 box-shadow: 0 1px 0 0 #2196f3 !important;
}
/* valid color */
.input-field input.valid {
 border-bottom: 1px solid #2196f3 !important;
 box-shadow: 0 1px 0 0 #2196f3 !important;
}
/* invalid color */
.input-field input.invalid {
 border-bottom: 1px solid #2196f3 !important;
 box-shadow: 0 1px 0 0 #2196f3 !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
 color: #2196f3 !important;
}

.room-container{
  margin-bottom: 40px;
  background:#f4f4f4;
  margin:10px 0px;
  border:solid 1px #e9e8e8;
  position: relative;
}

.circle-loader{
  position: absolute;
  top: 5px;
  right: 5px;
}

.termsconditions{
  height: 150px !important;
  margin-bottom: 20px;
  background-color: #fff !important
}

.dados-container{
  margin-bottom: 40px;
  background:#c9dfff;
  margin:10px 0px;
  border:solid 1px #e9e8e8;
}


.input-field input:focus:not([readonly]){
  border-bottom: 1px solid #2196f3 !important;
 box-shadow: 0 1px 0 0 #2196f3 !important;
}

.parallax-container {
  min-height: 500px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
  text-shadow: 1px 1px 1px #000;
  background-color: rgba(0,0,0,.3);
}
.parallax-container .section {
  width: 100%;
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}
.mod-languages{
    position: absolute;
    top: 0;
    display: inline-block;
    left: 10%;
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }

  .mod-languages{
    left: 85% !important;

  }


  .foto-homepage{
    width: 80%;
  } 

}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}



.brand-logo > img {
    height: 60px;
}



@media only screen and (min-width: 601px){
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
      height: 90px !important;
   
  }

  .brand-logo > img{
    height: 90px;
  }

  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
      height: 90px;
      line-height: 90px;
  }

 .foto-homepage{
    width: 120px;
} 


}

.page-header > h1{
  display: none;
}



.mod-languages > ul > li{
  display: inline-block;
}

.form-input-reservation label{
  color: #fff !important;
}

.form-input-reservation input{
  color: #fff !important;
}

.form-input-reservation .material-icons{
  color: #fff !important;
  padding-top: 10px;
}

.btn-no-shadow{
  box-shadow: none !important
}

.picker__date-display {
    background-color: #2196f3 !important;   
}

.picker__weekday-display {
    background-color: #1666a6 !important;
}

.picker__close, .picker__today {
    color: #2196f3 !important;
}

.hotel-titulo-pagina{ 
  text-shadow: 2px 2px 2px #000;
  color: #fff !important;
      text-align: center;
          margin-top: 100px;
}

.hotel-desc-pagina{
    text-shadow: 1px 1px 1px #000;
    text-align: center;
}

.modal-host-header{
    color: #fff;
    padding: 5px;
    padding-top: 20px;
}



#modal1 .modal-footer{
    padding-right: 20px;
}
nav ul a {

    color: #2963ad !important;

}

.modal-hosts{
    padding: 0px !important
}

#index-banner{
  background-color: rgba(0,0,0,.2);
}


.border-right-blue{
  border-right: 1px solid rgba(0,0,0,.1);
}


#map{
  min-height: 350px;
}

.card-reveal{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.reservas #form-short-reservation, .reservations #form-short-reservation, .booking #form-short-reservation{
  display: none;
}

#form-short-reservation{
    display: none;
}
.font-small{
  font-size: 11px
}


.modal-header > div{
  padding: 10px
}


.white-text{
  color: #fff;
}


.valign-middle{
      padding-top: 60px !important;
}

.btn-150px{
    min-width: 150px;
}

.collection-item > i {
    text-align: right;
    float: right;
    cursor: pointer;
    color: red;
    padding-top: 2px;
}

.pointer{
    cursor: pointer;
}

.errortext{
    color: red;
}

.rooms-selected > li{
    transition: all 1s ease;    
}

#menu-item-110{
  display: none;
}

.bold{
    font-weight: bold;
}

.total-container{
  padding-right: 50px;
}
.confirmed-room{
  font-size: 3em;
  color: #2196f3;
}

.busy-room{
   font-size: 3em;
  color: red;
}



.room-select{
    display: block !important;
    width: 100%;

}

.nhosts,.totalroom{
    background-color: rgba(255, 255, 255, 1) !important;
}

.price_total{
    text-align: right;
    font-size: 2em;
}

@media (min-height: 38.875em){
  .picker--opened .picker__frame {
      top: 1% !important;
      bottom: auto;
  }
}

#modal1 {
    width: 350px;
    text-align: center;
    min-height: 300px;
}

.preloader-wrapper{
  margin-top: 50px;
}