:root {
    --main-font: 'SourGummy';
    --dark-blue: #102030;
    --accent-colour: #312e5e;
    --light-pink: #faf7f7;
    --copper: #A67458;
    --bs-body-bg: var(--light-pink);
}
@font-face {
    font-family: 'SourGummy';
    src: url(/Fonts/SourGummy-VariableFont_wdth\,wght.ttf);
}
body {
    color: var(--dark-blue);
}

.btn, .nav-link {
    font-family: "SourGummy", sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .navbar-brand {
 font-family: "SourGummy", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--accent-colour);
}
.display-1 {
    font-weight: 700;
}
.home-hero img {
    height: 75vh;
}
.card {
    background-color: var(--dark-blue);
    .card-body {
        color: var(--dark-blue);
        .card-text {
            color: #f5e3e3;
            font-size: 0.8rem;
        }
    }
}

.card-title {
    color: #e04967;
}
.btn-outline-dark {
    color: var(--light-pink);
    border-color: var(--light-pink);
    &:hover {
        background-color: #e04967;
        border-color: #f4b1cc;
    }
}

li {
    list-style: none;
    text-decoration: none;
    padding-top: 1rem;

    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.accordion-button {
    color: #ffffff;
}

.accordion-button.collapsed {
    background-color: var(--dark-blue);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #f5e3e3;
}


.accordion-button:not(.collapsed) {
  background-color: #e04967;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #f5e3e3;
}

.btn-outline-primary {
    color: #e04967;
    background-color: transparent;
    background-image: none;
    border-color: #f4b1cc;
}

.btn-outline-primary > a {
    text-decoration: none;
    color: inherit;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #e04967;
    border-color: #f4b1cc;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #f5e3e3;
    border-color: #f4b1cc;
}