body {
    
  
      background: #f3eeee;
    
}

button.radius, .button.radius {
    border-radius: 3px; }

button.round, .button.round {
    border-radius: 1000px; }
    

footer {
  margin-top:1em;
  padding-top:.5em;
  padding-left:.5em;
  background: #dcd6d6;
      
}

a {
   
    color: #8e3c3c !important;
  }

a:focus, button:focus {
  background: #5394ce !important;
  color: white !important;
 
} 

@font-face {
    font-family: 'Brush Custom';
    src:  url("../resources/fonts/BRUSHSCI.ttf") format('truetype');
   src:  url("../resources/fonts/brush_script_mt_kursiv.ttf") format('truetype');
  
    font-style: normal;
}


.menu a, .menu .button {
  padding: 0.85em 2em !important;
  color: #FFFFFF;
}


.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    right: 15px;
    left: auto;
    margin-top: -3px;
}

.attr {
  padding: 0.3em 0.3em !important;
}
.stdlink  { color:#023b61 !important; }

.italic {font-style: italic;}
.sm_text {font-size: .7rem;}
.small-caps{font-variant-caps: all-small-caps;}
.button, .villa_text, button a{
  color: #ffffff !important;
}


.mainPic img {
  border-style: solid;
  border-width:0px;
  border-color: #868383;

}

.attr_pic img {
  border-style: solid;
  border-width: .2rem;
  border-color: #868383;
  padding: .2rem;

}
.attr_pic {
  margin-bottom: 1rem !important;
}
.attr_desc {padding-top:1rem !important;}

.divider {
  margin-top:1em;
  margin-bottom:2em;
  
}
#gmap {
  
  object-fit: contain;
 }


.book { 
  font-family: 'Kaushan Script', cursive; 
  font-size: 4.5rem !important ;
}

.for_res {
   font-family: 'Kaushan Script', cursive; 
  font-size: 2.8rem !important ;
}

.header {
  font-family: 'Kaushan Script', cursive; 
  font-size: 2.8rem !important ;
}

.navBar {
  
     width: 50%;
      margin: 0 auto;
  
}

.best_rate {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.guarantee_icon{
    max-width: 70% !important;
  }
 
.button.resbtn {
    font-size: 2.1rem !important;
    margin-left: 1rem !important;
}
 
}
.pic-bg {
  background-image: url("../resources/tam.jpg") !important; 
  background-size: cover;
  background-repeat: no-repeat;
  height:15rem !important;
  box-shadow: 2px 2px 2px grey;
  
  
}

.top-area {
  background-image: url("../resources/orchids1.png") !important; 
  background-size: cover;
  background-repeat: no-repeat;
   background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
}

.top-area-cafe {
  background-image: url("../resources/cafe_villa_bg.png") !important; 
  background-size: cover;
  background-repeat: no-repeat;
   
}
.title-bar {
    
    background: #8e3c3c !important;
  }

.top-bar-left {margin-left: .5rem;}


.top-bar-right .button {background-color: #494f5d;}

/*.top-bar .button-group, .top-bar ul {
    background-color: transparent !important;
}
*/
.menu-icon::after {
    /* the block itself, the first line */
    background: #000000;
    /* middle and bottom */
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
    /* respect WebKit */
    -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}
.menu .active > a  { background:#827f7c !important; }


.villa, .villa a{
   font-family: 'Great Vibes', "Brush Script MT", italic;
   font-size: 7rem;
   color: #2f0101;
   text-shadow: 2.5px 2px #c7bdbd;
   }

.cafe, .cafe a{
   font-family:  "Brush Custom", italic;
   
   font-size: 7rem;
   
   text-shadow: 2.5px 2px #c7bdbd;
   }

.green_text { color: #1B6935 !important;}
.red_text { color: #D71F27 !important;}
.white_text { color: #FFFFFF !important;}

.cafe_tag {font-family: 'Copperplate', small-caps;
   font-size: 2rem;
   color: #000000;}

.cafe_tag_sm {font-family: 'Copperplate', small-caps;
  font-size: 1.5rem;
  color: #000000;}

.villa-sm, .villa-sm a {
   font-family: 'Great Vibes', "Brush Script MT", italic;
   font-size: 5rem;
   color: #2f0101;
   text-shadow: .5px .1px #c7bdbd;
   }   

.villa_text,  a{
  color: #2f0101 !important;
}

.sr {
   
   color: #38070c;
  
  }

.sr_info_h {
font-size: 2rem;}

.res { box-shadow: 2px 2px 2px grey;
    background-color:white;
    margin-bottom: 1rem;
    margin-top: 1rem;
   }

.dir {

  padding-top:1rem;
 padding-left:10rem;
}

.dir img {
  height:25px;

}

.dir a { color: #955057;
   text-shadow: 1.5px 1px #000000;
}

.navStick {
  margin-top:5em !important;
}

.submitRes {
  margin-top:1.5em;
}

.social {
    max-width: 2rem;
    max-height: 2rem;
}
/*.menu li a{
  color: #1c2380 !important;

}
*/
 .button {
  background-color: #8e3c3c !important;
}

 .resbtn  {
  background-color:#8e3c3c !important;
}


.selected {
    background-color: #1e4565 !important;
    color: white !important;
}

.slide {
  position: relative;
}

.slide__caption {
  bottom: 0;
  min-height: 80px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
/*
.slick-prev:before, .slick-next:before { 
    color:#b2c0d3 !important;
    font-size:50px;
}
*/
.error {color: red;}


@media screen and (max-width: 480px) {
  .villa, .villa a {
     
     font-size: 5rem !important;
    
     }

  .sm-bg {
      background-image: url("../resources/tam.jpg") !important; 
      background-size: cover;
      background-repeat: no-repeat;
     box-shadow: 2px 2px 2px grey;
     height:5rem;
    }

    li {font-size:.8rem;}

  .slick-prev:before, .slick-next:before { 
    font-family: FontAwesome!important; 
    font-size: 25px !important; line-height: 1 !important; color: #ffffff !important ; opacity: 0.75 !important; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   

    .slick-next {
      right: .1rem !important;
    }
    .slick-prev {
      left: .1rem !important;
      z-index: 1 !important;
    }

  .slick-prev:before { content: "\f053" !important; }

  .slick-next:before { content: "\f054" !important; }


  .top-bar-right {
    margin-top: 1rem !important;
  }

  .title-bar {
    background: #8e3c3c !important;
}

  .book { /*font-family: "Helvetica", sans-serif; */
    font-family: 'Kaushan Script', cursive; 
    font-size: 1.5rem !important;
  }

  .guarantee_icon {
    max-width: 120% !important;
  }

.for_res {
   font-family: 'Kaushan Script', cursive; 
  font-size: 1.2rem !important ;
}

.button.resbtn {
    font-size: 1rem !important;
    margin-left: 1rem !important;
}
  .selected_sm  {
   background-color: #5a9ed8ab;
    margin-right: 15rem;

  }

  .cafe, .cafe a{
   font-family:  "Brush Custom", italic;
   
   font-size: 6rem !important;
   
   text-shadow: 2.5px 2px #c7bdbd;
   }
}


@media screen and (min-width: 480px) {
/*  .slick-prev:before, .slick-next:before { 
    font-family: FontAwesome!important; 
    font-size: 50px !important; line-height: 1 !important; color: #3b3434 !important ; opacity: 0.75 !important; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   
*/
    .slick-next {
      right: -2.5rem !important;
    }
    .slick-prev {
      left: -3rem !important;
      z-index: 1 !important;
    }

 .slick-prev:before, .slick-next:before {

    font-size: 30px !important;
    color: #311313 !important;
  }
  .pic_box { 
    padding: 10px 10px 10px 10px  !important;
    background-color: #8e5757 !important;

  }

.slick-dots { 
    bottom: 0px !important;
  }

.cafe, .cafe a{
   font-family:  "Brush Custom", italic;
   
   font-size: 6rem !important;
   
   text-shadow: 2.5px 2px #c7bdbd;
   }

}
@media screen and (min-width: 480px) and (max-width: 820px) {
.book {
    font-family: 'Kaushan Script', cursive;
    font-size: 2.5rem !important;
  }
.button.large {
    font-size: 1rem;
  }
  .cafe, .cafe a{
   font-family:  "Brush Custom", italic;
   
   font-size: 6rem !important;
   
   text-shadow: 2.5px 2px #c7bdbd;
   }
}