/* Old site styles, left in just in case.
   Shouldn't break anything! */
@media (max-width: 570px) {
    .oneThird {
        width: 100%;
        border-left: none;
    }

    .quarter {
        width: 100%;
        border-left: none;
    }

    .headerTitle {
        text-align: right;
    }

    .headerSubTitle {
        text-align: right;
    }

    .headerLinks {
        position: static;
    }

    h4.card-header {
      padding: .75rem 0rem;
    }
}

/* If you for some reason need to override the default sizing model,
   for instance, if you're using a Google Maps widget, you may need
   to use the following code, see:
   http://v4-alpha.getbootstrap.com/getting-started/introduction/#box-sizing */
/*
.selector-for-some-widget {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height plus padding against main content*/
  margin-bottom: 92px;
  background: url('https://mystavaria.wordpress.com/wp-content/uploads/2025/06/background_dreamy_mist_landscape.jpg'), #6a3382;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body h1, h2, h3, h4, h5, h6 {
  color: #c418c6;
}

.green {
  color: #00c120;
}

.pink {
  color: #c418c6;
}

body a {
  color: #c418c6;
  text-decoration: underline;
}

body a:hover {
  color: #c418c6;
  text-decoration: none;
}

body ul.list-group a.list-group-item {
  text-transform: capitalize;
}

.box-shadow {
  box-shadow: .25rem .25rem 10px 0.25rem rgb(0 0 0 / 66%) !important;
}

.text-shadow {
  text-shadow: 3px 2px 3px #000000a6;
}

.row .col .card {
  background-color: #ffffffc9;
}

.card-header {
  background-color: #24add3d9;
  color: #FFFFFF;
}

.navbar-dark .navbar-brand {
    text-decoration: none;
}

.navbar-expand-md .navbar-nav a.nav-link {
  color: #ffffff;
  text-decoration: none;
}

.btn-outline-secondary {
  background-color: #24add3;
  border-color: #5f84b8ed;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.btn-outline-secondary:hover {
  background-color: #5f84b8ed;
  border-color: #24add3;
}

.btn-blue {
  background-color: #24add3;
  border-color: #24add3;
}

.btn-pale-blue {
  background-color: #5f84b8ed;
  border-color: #5f84b8ed;
}

.btn-purple {
  background-color: #1b0f34;
  border-color: #1b0f34;
}

.btn-info {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.footer {
  position: absolute;
  /* bottom: 0; */
  padding: 20px 0px;
  width: 100%;
  /* Set the fixed height of the footer here */
  /* height: 60px; */
  line-height: 60px; /* Vertically center the text there */
  background-color: #1b0f34ab;
}

.navbar-brand-logo {
    height: 64px;
    /* width: 64px; */
}

/* Default Colors */

.navbar {
  background-color: #1b0f34ab;
}