/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 
 
/* fonts */ 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Slab:100,300,400'); 
 
html, body {
    font-family: "Roboto Slab", "serif";
    font-weight: 300;
    line-height: 1.8;
} 

p{line-height: 1.8}
.card-content p{line-height: 2}

h1, h2, h3, h4, h5, h6{font-weight: 300}

html, body {
    font-size: calc(14px + 1 * ((100vw - 600px) / 540));
}

h1{
    font-size: calc(50px + 10 * ((100vw - 600px) / 540));
}

h2{
    font-size: calc(25px + 5 * ((100vw - 600px) / 540));
}
h2.header{
    font-size: calc(40px + 5 * ((100vw - 600px) / 540));
    font-weight: 100;
}
p.header{
    font-size: calc(18px + 3 * ((100vw - 600px) / 540));
    font-weight: 100;
}
p.s-header{
    font-size: calc(16px + 1 * ((100vw - 600px) / 540));
    font-weight: 100;
}
p.caption{
    font-size: calc(10px + 1 * ((100vw - 600px) / 540));
    font-weight: 100;
    font-style: italic;
}
.card .card-title{
    font-size: calc(25px + 1 * ((100vw - 600px) / 540));
    font-weight: 100;
    margin-bottom: 15px;
    display: block;
}
.card .card-title.no-mar{
    margin-bottom: 0;
}
.card-title + div + .card-title{
    margin-top: 15px;
}
h2.strong,
p.strong{
  font-weight: 400;
}
h2.regular,
p.regular{
  font-weight: 300;
}
.light{font-weight: 100}

#index-banner h1{
    font-size: calc(30px + 10 * ((100vw - 600px) / 540));
    font-weight: 100;
    line-height: 100%;
}
#index-banner h2{
    font-size: calc(20px + 10 * ((100vw - 600px) / 540));
    font-weight: 100;
    line-height: 100%;
}
a.brand-logo{font-weight: 400}

/* materialize */
  /* additions */
  .card .card-footer{
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
  }

  .card .material-icons{margin-right: .3rem; line-height: inherit}
  footer .material-icons{vertical-align: text-top; margin-right: .3rem}
  .hide-init{opacity: 0}

  @media only screen and (min-width: 993px) {
    .valign-wrapper-l-only {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
             align-items: center;
    }
    .valign-wrapper-l-only .valign {
      display: block;
    }
  }

  .row.no-mar-bot{margin-bottom: 0}
  .col.alpha{padding-left: 0;}
  .col.omega{padding-right: 0;}
  .parallax-container.full-height {
    max-height: 800px;
    min-height: 700px;
  }

  /* corrections */
  .input-field .prefix ~ .select-wrapper{
    margin-left: 3rem;
    width: calc(100% - 3rem);
  }

  button.waves-block{
  width: 100%;
  }

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

.section-href{position: relative;}
.section-href div{position: absolute; top: 136px;}

ol li+li{margin-top: 10px}
.no-mar-top{margin-top: 0}
footer li+li{margin-top: 5px}

/* Logo OK */
#logo-container img{  
    max-height: 64px;
    height: auto;
    max-width: 100%;
    width: auto;
    vertical-align: middle;
    margin-bottom: 5px;
}
@media only screen and (max-width : 992px) {
  nav .brand-logo {
    left: 20%;
    -webkit-transform:translateX(-1%);
    -ms-transform:translateX(-1%);
    transform: translateX(-1%);
  }
}


/* Headermenu */
#headerMenu{
  width: 100%;
  position: absolute;
  top:0;
  z-index: 1000;
}

#headerMenu .inner{
  width: 100%;
}

#headerMenu nav ul a{
  padding: 0 10px;
}
@media only screen and (max-width : 1050px) {
#headerMenu nav ul a{
  padding: 0 7px;
}
}

#headerMenu .inner.pin-top nav{
  transition: all .1s;
  box-shadow: none;
  background: rgba(255,255,255,.9);
}
#headerMenu .inner.pin-top nav a{
  color: #333;
}

#headerMenu .inner.pinned nav{
  transition: all .5s ease-out;
  background: rgba(255,255,255,.9);
  color: #333;
}
#headerMenu .inner.pinned nav a{
  color: #333;
}

/* Sections */

  /* main banner */
  #index-banner .section{
    background: rgba(0,0,0,.3);
    xmargin-top: 40%;
  }

  #index-banner .row{
    margin-bottom: 0;
  }
  
/**/
@media only screen and (min-width : 993px) {
  #idri-2 .card{
    margin-top: 90px;
  }
}



/**/
.parallax-container {
  min-height: 400px;
  χline-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .intro .parallax-container {min-height:100%;}

.parallax-container .section {
  width: 100%;
}


/* footer */
footer.page-footer {
  margin: 0;
}

footer li{overflow: hidden;}
.footer-copyright{font-size: .7rem}


/* Modals */
#kapo-letter.modal.bottom-sheet{
  max-height: 100%;
  min-height: 70%;
}



#bottom-map.modal .modal-content{
  padding: 0;
}
#bottom-map.modal.bottom-sheet{
  max-height: 100%;
}

.mailform.modal .modal-content{
  padding: 15px;
}
.mailform.modal.bottom-sheet{
  max-height: 100%;
  min-height: 100%;
}
.mailform .row.result{
  position: absolute;
  left: 0;
  right: 0;  
  top: 45%;
}


/* Sliders */
#services-2 div.card-slider{height: 500px !important}

.card-slider .caption-wrapper{
  position: absolute; 
  top:10%; 
  bottom: 10%; 
  right:2%; 
  left: 2%;
  max-width: 400px;
  min-width: 35%; 
  margin: 0;
}

.card-slider .slides li .caption {
    position: relative;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
}

.card-slider .indicators {
    top: calc(85% - 10px);
    bottom:auto;
    right: auto;
    margin: 0;
    position: absolute;
    left: 2%;
    text-align: center;
    z-index: 2;
}

#hotel-slider .owl-item img, #veria-slider .owl-item img{
  display: block;
  width: 100%;
  height: auto;
}
#hotel-slider .owl-item .text .inner{width:85%; margin:0 auto; padding: 10px 0}

/**/