@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body {
    background: #ebdbb0 url('images/skeletal-weave.png');
}

.main {
    background: #FFF;
    max-width: 1200px;
    min-height: 400px;
    margin-top:0;
    font-size: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

/* Custom colors */
.bg-red {
  background-color: #640130 !important;
}

.btn-primary {
    background: #640130;
    border-color: #640130;
}

  .nav-pills .nav-link {
      background-color: #ffffff; /* Default background */
      color: #640130;          /* Default text color */
    }
    .nav-pills .nav-link.active {
      background-color: #640130; /* Active background color */
      color: white;              /* Active text color */
    }
    .nav-pills .nav-link:hover {
      background-color: #333; /* Hover background */
      color: #fff;            /* Hover text color */
    }
    
.btn-primary:hover {
    background: #797770;
    border-color: #797770;
}


.bg-primary {
    background: #640130;
}

a {
    color: #844A54;
}

a:hover {
    color: #797770;
}

.img-custom {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #FFF;
    padding: 4px;
    margin-bottom: 2px;
}

.navbar-brand {
  font-size: 1.5rem;
  font-weight: bold;
  color: gold;
}

.nav-link {
  color: #d6ad60;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #ffcc33;
}

.logo {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  color: darkgoldenrod;
}

.banner {
    width: 100%;
    height: 200px;
    border-bottom: 4px solid #000;
    background: #333 url('banner2.png') 40% center;
    background-size: cover;
}

.list-group-item {
    background: transparent;
    border-color: #333;
    color: #FFF;
}
.footer {
    min-height: 200px;
      font-size: 15px;
      background: #F7F5EF;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
    color: #FFF;
}

.footer a {
    color: #ebdbb0 !important;
}
.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}

.cormorant-garamond-light-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

.cormorant-garamond-regular-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

.cormorant-garamond-medium-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
}

.cormorant-garamond-semibold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: italic;
}

.cormorant-garamond-bold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: italic;
}