/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700&display=swap');

@font-face {
    font-family: 'houstander_demoregular';
    src: url('../fonts/houstander/houstanderdemo-webfont.woff2') format('woff2'),
         url('../fonts/houstander/houstanderdemo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* BLUR MODAL BACKGROUNDS */
/* body.modal-open .body-container {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

/* MAIN */
html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
body {
    background-color: #000000;
}
h1 {
    font-family: 'houstander_demoregular', serif;
    font-size: 48pt;
}
h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 36pt;
}
h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 24pt;
}
h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 18pt;
}

/* PADDING TOP */
.pt-10 {
    padding-top: 10px;   
}
.pt-20 {
    padding-top: 20px;   
}
.pt-40 {
    padding-top: 40px;   
}
.pt-60 {
    padding-top: 60px;   
}
.pt-80 {
    padding-top: 80px;   
}
.pt-100 {
    padding-top: 100px;   
}

/* PADDING BOTTOM */
.pb-10 {
    padding-bottom: 10px;   
}
.pb-20 {
    padding-bottom: 20px;   
}
.pb-40 {
    padding-bottom: 40px;   
}
.pb-60 {
    padding-bottom: 60px;   
}
.pb-80 {
    padding-bottom: 80px;   
}
.pb-100 {
    padding-bottom: 100px;   
}

/* BADGES */
.badge {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.badge-light {
    background-color: #4A4A4A;
color: #FFFFFF;
}

/* NAVIGATION */
.bg-dark {
    background-color: rgba(0,0,0,0.9) !important;
}
.navbar-brand {
    font-weight: 500;
}

/* CONTENT */
.content {
    background: #FFFFFF;
}
.content strong {
    font-weight: 500;
}
.content .content-header {
    color: #FFFFFF;
    background-color: #61B800;
}

/* FOOTER */
.footer {
    color: #FFFFFF;
    padding: 40px 0px 40px 0px;
}
.footer h5, .footer h5 a, .footer h5 a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.footer a, .footer a:link {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
}
.footer a:hover {
    color: rgba(255,255,255,0.75);
    text-decoration: underline;
}
.footer .baseline {
    border-top: rgba(255,255,255,0.1) solid 1px;
    padding-top: 20px;
    color: rgba(255,255,255,0.25);
}