body, html {
    height: 100%;
	width:auto;
	background-color:rgb(0, 0, 0);
    font-family: Alice;
}
.wrapper {
    height: auto;
    width: 100%;
}
@font-face {
    font-family: Alice;
    src: url(Alice/Alice-Regular.ttf);
}
.link-white {
    color:white;
}
.link-white.active {
    color:white !important;
}
.link-white:hover {
    color:#6f918a !important;
}
.text-white {
    color:white;
}
.navbar {
    background-color: #374837 ;
}
.navbar-toggler {
    border: none;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); 
    border-color: rgba(255, 255, 255, 0.6);        
    outline: none;                                 
}
.navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(111,145,138,1)' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.header {
    width:100%;
    height: 100vh;
    background-image: url('images/wine.jpg') ;
    background-size: cover;
    background-position: center;
}
/* On small viewports, show the right part of the image */
@media (max-width: 767.98px) { /* Bootstrap 'sm' and below */
  .header{
    background-position: right center;
  }
}
.overlay {
    display: inline-block;
    background-color: #3d2b1f9f;
    border-radius: 1rem;
    padding:1rem;
    margin: 1rem;
    width: auto;
}
.divider {
    width: 100%;
    height: 0.3rem;
    position: relative;
    background: #374837;
}
.about {
    background-image: url('images/art/frame.png');
    background-size: cover;
}
.overlay-green {
    display: inline-block;
    background-color: #374837c0;
    border-radius: 0.5rem;
    padding:1rem;
    margin: 1rem;
    width: auto;
}
.menucard {
    border: 0.1rem solid #374837;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.382);
    background-color: #374837;
}
.eventcard {
    border: 0.1rem solid #374837;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.382);
}
.eventcard-header {
    background-color: #374837;
}
.times {
    background-color: #374837;
    padding:1rem;
    width:100%;
    height: auto;
}
.tablerow {
    background-color: #374837 !important;
}
.timestable {
     --bs-table-bg: : #374837;
     width:80%;
}
.social-row {
    background-color: white;
}
.fa-brands {
    color: white;
}
.fa-brands:hover {
    color: #6f918a;
    cursor: pointer;
}
.footer-row {
    background-color: #374837;
}
.footer-links {
    color: white;
}
.footer-links:hover {
    color: #6f918a;
}
.btn-green {
    background-color: #374837;
    color: white;
}
.btn-green:hover {
    background-color: #6f918a;
    color: white;
}
.btn-green-shadow {
    background-color: #374837;
    color: white;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.382);  
}
.btn-green-shadow:hover {
    background-color: #6f918a;
    color: white;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.382);  
}
.btn-white {
    background-color: white;
    color: #374837;
}
.btn-white:hover {
    background-color: #6f918a;
    color: white;
}
.gallery-small {
    background-image: url('images/art/frame.png');
    padding: 2rem;
    background-image: cover;
}
.gallery-container{
    width:90%;
    height:auto;
}
.img-thumbnail {
    border-color: #374837;
    background-color: #374837;
}
.card-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.object-fit-cover {
  object-fit: cover;
}
/* Base modal style (mobile first) */
.modal-responsive {
  max-width: 90%;   /* fills most of mobile screen */
  align-items: center;
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .modal-responsive {
    max-width: 60%;
  }
}
/* Extra large (≥1200px) */
@media (min-width: 1200px) {
  .modal-responsive {
   max-width: 60%;
  }
}
/* Optional: keep images contained within viewport */
#carouselGallery-modal img {
  max-height: 70vh;
  object-fit: contain;
}
.modal-content-custom {
    width:100%;
    padding: 1rem;
    padding-bottom: 2rem;
    background-color: rgba(15, 15, 15, 0.942);
}
/***********************EVENTS*******************/
.eventsheader {
    width:100%;
    height: 100vh;
    background-image: url('images/music.jpg') ;
    background-size: cover;
    background-position: center;
    
}
/* On small viewports, show the right part of the image */
@media (max-width: 767.98px) { /* Bootstrap 'sm' and below */
  .eventsheaderheader{
    background-position: right center;
  }
}
.white-background {
    background-color: white;
}
.text-green {
    color:#374837
}
.logo {
    color: white;
}
/***********************MENU*******************/
.menuheader {
    width:100%;
    height: 100vh;
    background-image: url('images/wine3.jpg') ;
    background-size: cover;
 }

/*********************BOOKING*****************/
.bookingheader {
    width:100%;
    height: 100vh;
    background-image: url('images/bh1.jpg') ;
    background-size: cover;
     background-position: center;
}

.img-shadow {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.464);
}
.booking-text {
    color:#374837;
    font-size: 1rem;
}
/********************CONTACT******************/
.contactheader {
    width:100%;
    height: 100vh;
    background-image: url('images/contactheader.png') ;
    background-size: cover;
    background-position: center;
}
/* On small viewports, show the right part of the image */
@media (max-width: 767.98px) { /* Bootstrap 'sm' and below */
  .contactheader{
    background-position: right center;
  }
}
    
.contact-links {
    color:#374837;
}
.contact-links:hover {
    color:#6f918a;
}