@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

body {
    font-family: 'Manrope', sans-serif;
}

:root {
    --navy: #240666;
    --navy-dark:#160737;
    --teal: #008d4d;
    --teal-light: #00dd78;
  }

.btn-success {
    background-color: #240666;
    border-color: #160737;
}

.btn-success:hover {
    background-color: #280080;
    border-color: #160737;
}

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

.btn-primary:hover {
    background-color: #280080;
    border-color: #160737;
}

.modal-header{
    background-color: #1c0353d8; 
    color: #fff;
}

.btn-outline-primary {
    border-color: #160737;
    color: #160737;
}

.btn-outline-primary:hover {
    border-color: #160737;
    background-color: rgba(28, 3, 83, 0.808);
    color: #fff;
}

.sidebar .nav-link.active {
    color: #160737;
    font-weight: bold;
}

.page-item.active .page-link {
    background-color: #240666;
    border-color: #160737;
}

a {
    color: #008d4d;
}
a:hover {
    color: #00dd78;
}

h1 {
    color: #160737;
    font-family: 'DM Serif Display', serif;
    margin-top: 1%;
    margin-bottom: 1%;
}

h2 {
    /*color: #160737;*/
    font-family: 'DM Serif Display', serif;
    margin-top: 1.5em;
    padding-left: 1%;
    margin-bottom: 0.5em;
}

.advancedSettingsHide {
    visibility: collapse;
    display: none;
}

.advancedSettingsShow {
    visibility: visible;
    display: block;
}

.size-25{
    height: 25px;
    width: 25px;
}

h2{
    color: navy;
}