@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Jacques+Francois&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');    /* Custom Styles for the Banner */
    .banner {
      background: #DFBA69 url('images/header3.png') 70%;
      background-size: cover;
      max-height: 300px;
    }
    
    .custom-nav {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
        font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  border-bottom: 1px solid #ccc;
    }
    
   .navbar .nav-link {
  color: #fff;
  transition: color 0.3s ease;
  font-weight: bold;
}

.navbar ul li:not(:last-child) {
   border-right: 0px solid #ccc;
   margin-right: 3px;
   margin-left: 3px;
}

.navbar .nav-link:hover {
  background: #BC9B51;
}

.list-group-item {
    background: transparent !important;
    border: 0 !important;
}
    
    .dropdown-item:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1b86f+0,c79810+96 */
background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    
    .main {
        color: #333 !important;
         font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
    }
    
    .main a {
        color: darkgoldenrod;
    }
    .banner-text {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #333;
      text-shadow: 0 2px 5px rgba(210, 184, 111, 0.7);
      font-size: 90px;
  font-optical-sizing: auto;
  font-weight: bold;
  -webkit-text-stroke-width: 0px !important;
  -webkit-text-stroke-color: #DFBA69 !important;
  font-family: "Great Vibes", serif;
    }
    
    h1 {
  font-family: "Great Vibes", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-size: 55px;
        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    }
    
h3 {
        font-family: "Jacques Francois", serif;
  font-weight: 600;
  font-style: normal;
  color: #7A7A7A !important;
  font-size: 23px !important;
}    
    .footer {
        background: #EBE3AA;
               font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
border-top: 1px solid #ccc;
    }
    
    .footer a {
        color: #333;
    }
    
    .footer a:hover {
        color: darkgoldenrod;
    }

.table {
    width: 100%;
}

    /* Custom styles for nav-pills */
    .nav-pills .nav-link {
      background-color: #ffffff; /* Default background */
      color: #DFBA69;          /* Default text color */
    }
    .nav-pills .nav-link.active {
      background-color: #DFBA69; /* 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 {
        background-color: #BC9B51; /* Active background color */
      color: white !important; 
      border-color: #DFBA69;
    }
    
    .btn-primary:hover {
        background-color: #333; /* Active background color */
      color: white; 
      border-color: #333;
    }
    
    .img-custom {
 background: #DFBA69;
 padding: 6px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}




@media(max-width: 476px) {

.responsive-stacked-table tr,
.responsive-stacked-table th,
.responsive-stacked-table td {
	display: block;
		width: 100%;
}
.responsive-stacked-table td {
	border-top: none;
}
.responsive-stacked-table tr td:first-child {
    border: 0 !important;

}
}
