:root {
    --main-blue-color: #3176d9;
    --main-blue-color-darker: #2664bb;
    --main-red-color: #D95748;
    --main-red-color-plus: #d84231;
    --navbar-bg-dark: #242426;
    --active-link-underline-color: #b00d25;
    --footer-dg-dark-text-color: #b6b6b6;
    --section-grey-background: rgb(37,41,51);
    --section-black-background: rgb(25,28,35);
}

@font-face {
    font-family: "CharisSIL";
    src: url("/static/fonts/CharisSIL-Bold.ttf")
}
@font-face {
    font-family: "Rubik";
    src: url("/static/fonts/Rubik/Rubik-VariableFont_wght.ttf")
}
@font-face {
    font-family: "RobotoCondensedBold";
    src: url("/static/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf")
}
@font-face {
    font-family: "RobotoCondensedRegular";
    src: url("/static/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf")
}
@font-face {
    font-family: "RobotoRegular";
    src: url("/static/fonts/Roboto/Roboto-Regular.ttf")
}

@font-face {
    font-family: "RobotoFlex";
    src: url("/static/fonts/RobotoFlex/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf");
    src: url('/static/fonts/RobotoFlex/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf') format('ttf') tech('variations');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
}
body{
    background-color: white;
    overflow-x: hidden;
}

.fixedBackground {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

/* bootstrap tweaking */
.form-floating > .form-control,
.form-floating > .form-select,
.form-floating > label {
    padding: .75rem .75rem ;
}
.form-floating > .form-control, 
.form-floating > .form-select {
    height: calc(3.0rem + 2px);
    line-height: 1.25;
}


.navbar-top .container-fluid {
    display: flex;
    height: 80px;
}
.navbar-top .nav-link{
    font-size: 0.7rem;
}
.navbar-brand {
    padding-top: .1rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
  }
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: white;
    text-transform: uppercase;
}
.navbar-top.bg-dark{
    background-color: var(--navbar-bg-dark) !important;
}
.bg-dark {
    background-color: var(--navbar-bg-dark)!important;
}


.navbar-brand .name{
    margin-top: 22px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'CharisSIL', serif; 
    font-size: 1.4rem;
}





/* ---------------------------- */










h1{
    color: rgba(black,0.5);
}
.btn-primary{
    background-color: var(--main-blue-color);
    border-color: var(--main-blue-color-darker);
}

.fixedBackground {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.darkFilter{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

.centerLogo{
    width: 40vw;
    position: absolute;
    left: 50%;
    margin-left: -20vw;
    top: 50%;
    margin-top: -10vw;
}
@media only screen and (max-width : 575px) {
    .centerLogo{
        width: 80vw;
        position: absolute;
        left: 50%;
        margin-left: -40vw;
        top: 50%;
        margin-top: -20vw;
    }
}


.dropdown-menu {
    /* background-color: transparent; */
    border:none;
}

.dropdown-menu .dropdown-item {
    display: block;
    padding: .25rem 1.5rem;
}
.nl2br{
    white-space: pre-line;
}
.pointer {
    cursor: pointer;
}

footer{
    margin-top: auto;
}
footer.bg-dark,
footer.bg-dark .link {
    color: var(--footer-dg-dark-text-color);
    text-transform: uppercase;
    text-decoration: none;
}
footer.bg-dark .link:hover{
    color: white;
}


footer .copyright{
    margin: 10px 0 20px;
}

footer .link, 
footer .copyright{
    font-size: 0.9rem;
    display: inline-block;
} 
@media only screen and (max-width: 991px){
    footer .link{
        margin-bottom: 20px;
        display: inline-block;
    }
 
}