/* everywhere else */
* {
    /*font-family: Arial, Helvetica, sans-serif;
    font-family: "PT Sans Caption";
    font-family: "PT Sans";
    */
    font-family: "Open Sans";
}

h1,
h2,
h3,
p,
span,
li,
a {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

a {
    color: #77ffbb;
}

a:hover {
    color: #77ffbb;
}

body,
html {
    background-color: rgb(45, 45, 45);

    /*background-color: rgb(100, 100, 100);*/
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

body {
    position: relative;
    overflow-y: scroll;
    height: 100%;

}

.site-heading {
    padding-top: 40px;
    text-align: center;
}

.site-heading .container {
    border-bottom: 2px solid rgb(33, 33, 33);
}

.site-heading h1 {
    color: whitesmoke;

}

.site-heading h2 {
    color: #888;
}

.site-heading p {
    color: whitesmoke;
}

/* Small devices (landscape phones, 576px and below)*/
@media (max-width: 575px) {
    .site-heading h1 {
        font-size: 3rem;
        margin-bottom: 0px;
    }
    .site-heading h2 {
        font-size: 1.0rem;
        margin-bottom: 15px;
    }
    .site-heading p {
        font-size: 1.1rem;
    }
}

/* Small devices (landscape phones, 576px and below)*/
@media (min-width: 576px) {
    .site-heading h1 {
        font-size: 5rem;
        margin-bottom: -10px;
    }
    .site-heading h2 {
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
    .site-heading p {
        font-size: 1.5rem;
    }
}


.content {
    background-color: rgb(45, 45, 45);
}

.site-main {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 1020px;
    padding-right: 10%;
    padding-left: 10%;
}

.site-main ul {
    margin: 0 20px;
    max-width: 900px;
}


.site-main ul li {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    color: whitesmoke;
    list-style-type: decimal-leading-zero;
}

.site-main p {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    font-size: 1rem;
    color: whitesmoke;
}


.contact-us {
    text-align: center;
}

.btn-accent {
    --bs-btn-font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    --bs-btn-color: #000;
    --bs-btn-bg:  #77ffbb;
    --bs-btn-border-color: #55dd99;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #55dd99;
    --bs-btn-hover-border-color: #55dd99;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #00;
    --bs-btn-active-bg: #55dd99;
    --bs-btn-active-border-color: #55dd99;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55dd99;
    --bs-btn-disabled-border-color: #55dd99;
}


#contact_us_form_feedback {
    display: none;
    /*text-align: center;*/
}

.grecaptcha-badge{
    z-index: 1000;
}

#contact_us_form_feedback h4,
#contact_us_form_feedback p {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    color: rgb(33, 33, 33);;
}

.contact-us #contact_us_form_collapse {
    margin-top: 20px;
}

.footer {
    background-color: rgb(45, 45, 45);
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    margin-top: 20px;
    padding-top: 10px;
}

.footer,
.footer a {
    color: whitesmoke;
}

.footer .container {
    border-top: 2px solid rgb(33, 33, 33);
}

.footer .footer-social-link-box {
    margin-bottom: 20px;
}

.footer .footer-social-link {
    display: inline-block;
    font-size: 1rem;
    margin: 0 10px;

}


.footer .tsandcs-links {
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer .tsandcs-links .copyright {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    margin-bottom: 10px;

    color: #676767;
    font-size: 0.8rem;
}

.footer .tsandcs-links a {
    color: #909090;
}


.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;

    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}