body, html {
    font-family: "Poppins", sans-serif;
}

#maincontainer {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.navbar {
    background-color: rgba(13,19,25,.9);
    margin-bottom: 2rem;
    border-bottom-color: #15283d;
    box-shadow: 0 2px 10px 0 #18253d;
}

.navbar-logo {
    height: 70px;
}

.textured-bkg {
    --s: 3000px;
    --c1: #15283D80;
    --c2: #0D1319;
    --_g: #0000 90deg,var(--c1) 0;
    background: rgb(13, 19, 25);
    background: conic-gradient(from 90deg at 2px 2px,var(--_g)),conic-gradient(from 90deg at 1px 1px,var(--_g)),var(--c2);
    background-size: var(--s) var(--s),calc(var(--s)/5) calc(var(--s)/5);
}

footer {
    color: #fff;
    background-color: rgb(26, 26, 26);
    padding: 3rem 0 3rem 0;
    text-align: center;
}

.mas-button-primary {
    background-color: rgb(70, 61, 238);
    color: #fff;
    padding: 0.4rem 1rem;
}

    .mas-button-primary:hover {
        background-color: rgb(82, 77, 187);
        color: #fff;
        border-color: rgb(82, 77, 187);
    }

.mas-button-default, .mas-button-default:hover {
    background-color: #9b9b9b;
    color: #262626;
    border: 0;
    box-shadow: none;
}

/* Questions CSS */

#qbox-container {
    background-color: #242427;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 3px solid #15283d;
    background-image: linear-gradient(180deg,#0d1926 0,#0a141e 90%);
    padding: 2rem;
}

.is-invalid {
    border-width: 2px;
    color: red;
}

.is-valid {
    border-width: 2px;
}

#progress-bar {
    margin-bottom: 1.5rem;
}

.bg-progress-bar-mas {
    background-color: rgb(70, 61, 238) !important;
}

.question-step {
    display: none;
}

.question-set-intro {
    margin-bottom: 1.5rem;
    color: #fff;
}

#form-complete {
    display: none;
}

.form-check-input:checked {
    background-color: rgb(70, 61, 238) !important;
    border-color: rgb(70, 61, 238) !important;
}

/* GetAddress Overrides */
.getAddress_autocomplete_list {
    background-color: rgb(33, 37, 41);
}

.getAddress_autocomplete_suggestion_focused, .getAddress_autocomplete_suggestion_focused:hover, .getAddress_autocomplete_suggestion:hover {
    background-color: rgb(70, 61, 238) !important;
}


/* Result Set CSS */
.results-container {
    margin-top: 2rem;
}

.result-card-container {
    margin-bottom: 1rem;
    text-align: center !important;
}

.result-card {
    border: solid #000 3px;
    padding: 1rem 0 0 0;
    background: rgb(34, 34, 34);
    min-height: 12rem;
    display: flex;
    align-items: center !important;
}

.result-logo {
    padding: 1rem;
}

.result-text {
    padding: 1.5rem;
}

.result-title h4 {
    font-weight: bold;
    text-decoration: underline;
}

.result-action .btn {
    width: 90%;
    margin: 0 5% 2rem 5%;
}

.mas-button-less-padding {
    padding: 0.4rem 2rem !important;
}

.result-supplementary {
    background-color: #2c2c2c;
    padding: 0.9rem 1rem;
    color: #fff;
    text-align: center;
    font-size: 80%;
}

    .result-supplementary .pill {
        background-color: rgb(58, 57, 86) !important;
        color: #fff;
        padding: 0.3rem 0.9rem;
        border-radius: 2rem;
        margin-right: 1rem;
    }

.result-fact {
    margin-right: 1rem;
}

.results-features-panel {
    background-color: rgb(70, 61, 238);
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 1rem;
}

/* Bootstrap Overrides */
.modal-backdrop.show {
    --bs-backdrop-opacity: 0.8;
}

.smaller-modal-dismiss {
    font-size: 50%;
    
}


/* Responsive Overrides */
@media(min-width:576px) {
}

@media(min-width:768px) {
}

@media(min-width:992px) {
    .result-card-container {
        text-align: initial !important;
    }
}

@media(min-width:1200px) {
}

@media(min-width:1600px) {
}