@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --heading-color:#252525;
  --body-font-family:Georgia, serif;
  --cassiopeia-font-family-headings:Georgia, serif;
}
hr {
  border-top: 3px solid;
  color:#BCAE91;
  opacity:1;
}
.container-banner h2{
  font-family: 'Raleway', sans-serif;
}
/* Header Styles */
.container-below-top {
  justify-content: center;
}
.container-header {
  background-image:linear-gradient(180deg, #ffffff 0%, #c9d7e8 50%); 
  
}
.container-header p {
  font-family: 'Raleway', sans-serif;
}

/* Navigation Styles */
.container-header .container-nav {
  justify-content:center;
  padding-bottom:0;
  padding-top:0;
}
.container-header nav {
  margin-top:0;
}

.container-nav {
  background-color:#75a3c9;
  font-family: 'Raleway', sans-serif;
  font-weight:600;
  border-top:3px solid #BCAE91;
  margin:0;
  max-width:100%;
}
/*Navigation Hover colors*/
 .container-header .item-101:hover, .item-102:hover, .item-103:hover, .item-104:hover, .item-105:hover{
    color:#ffffff;
  }
/*Navigation current colors*/
 .metismenu-item.current {
    color:#ffffff;
  }
/*Remove Navigation underline*/
.container-nav .mod-menu > li.active > a::after,
.container-nav .mod-menu > li.active > button::before,
.container-nav .mod-menu > li > a:hover::after,
.container-nav .mod-menu > li > button:hover::before {
    background: none;
}
.metismenu.mod-menu .metismenu-item>a:focus {
  outline: none;
}
/*Mobile menu Styles*/
@media (width <= 1024px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
      margin-top:5px;
      margin-bottom:5px;
    }
  }
/*top styles*/
.top-b {
  padding:0 3%;
}
/* Extra Button Styles */
.btn {
      --btn-font-family: arial;
}
.btn-gray {
  background-color:#5A5A5A;
  color: #ffffff;
}
.btn-gray:hover {
  background-color:#3e3e3e;
  color: #ffffff;
}
.btn-tan{
  background-color:#7F5E3F;
  color: #ffffff;
}
.btn-tan:hover {
  background-color:#58482b;
  color: #ffffff;
}
/* Bottom A styles*/
.card {
      background-image: linear-gradient(180deg, #ffffff 0%, #c9d7e8 75%);
      --card-border-width: 2px;
      --card-border-color: #BCAE91;
      --card-border-radius: 1rem;
}
.container-bottom-a {
  padding: 3% 5%;
  background-color:#75a3c9;
}

.grid-child.container-bottom-a {
    grid-column: 1/-1;
}

/*Footer*/
.footer {
  margin-top:0;
}