/*@font-family-cursive: 'Just Another Hand', cursive;*/
/* Site Color scheme */
/*59693d;*/
/*59693d;*/
/*# 75a68e 75864a;*/
/*#6a6c6f;*/
.bg-site-primary {
    background-color: #E38B1E;
}

.bg-site-secondary {
    background-color: #7c568f;
}

.bg-site-tertiary {
    background-color: #452f50;
}

.bg-gray {
    background-color: #e9ecef !important;
}

.text-site {
    color: #212529 !important;
}

.text-site-primary {
    color: #E38B1E !important;
}

.text-site-primary-alt {
    color: #c56b09 !important;
}

.text-site-secondary {
    color: #7c568f !important;
}

.text-site-tertiary {
    color: #452f50 !important;
}

.text-error {
    color: #a94442 !important;
}

/*.text-fancy-cursive {
   font-family: @font-family-cursive
}*/
.text-underline {
    text-decoration: underline;
}

.pointable {
    cursor: pointer;
}

.mr-6,
.mx-6 {
    margin-right: 3.5rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 4rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 4.5rem !important;
}

.mr-9,
.mx-9 {
    margin-right: 5rem !important;
}

.mr-10,
.mx-10 {
    margin-right: 5.5rem !important;
}

.border-site-primary {
    border-color: #E38B1E !important;
}

/* SITE-PRIMARY BUTTON */
.btn-site-primary {
    background-color: #E38B1E;
    border-color: #E38B1E;
    color: #FFFFFF;
}

.btn-site-primary:hover,
.btn-site-primary:focus,
.btn-site-primary:active,
.btn-site-primary.active,
.open .dropdown-toggle.btn-site-primary {
    background-color: #e69939;
    border-color: #e69939;
    color: #FFFFFF;
}

.btn-site-primary:active,
.btn-site-primary.active,
.open .dropdown-toggle.btn-site-primary {
    background-image: none;
}

.btn-site-primary.disabled,
.btn-site-primary.disabled:hover,
.btn-site-primary.disabled:focus,
.btn-site-primary.disabled:active,
.btn-site-primary.disabled.active,
.btn-site-primary[disabled],
.btn-site-primary[disabled]:hover,
.btn-site-primary[disabled]:focus,
.btn-site-primary[disabled]:active,
.btn-site-primary.active[disabled],
fieldset[disabled] .btn-site-primary,
fieldset[disabled] .btn-site-primary:hover,
fieldset[disabled] .btn-site-primary:focus,
fieldset[disabled] .btn-site-primary:active,
fieldset[disabled] .btn-site-primary.active {
    background-color: #c97b19;
    border-color: #c97b19;
}

/* GRAY BUTTON */
.btn-site-secondary {
    background-color: #7c568f;
    border-color: #7c568f;
    color: #FFFFFF;
}

.btn-site-secondary:hover,
.btn-site-secondary:focus,
.btn-site-secondary:active,
.btn-site-secondary.active,
.open .dropdown-toggle.btn-site-secondary {
    background-color: #8c63a1;
    border-color: #8c63a1;
    color: #FFFFFF;
}

.btn-site-secondary:active,
.btn-site-secondary.active,
.open .dropdown-toggle.btn-site-secondary {
    background-image: none;
}

.btn-site-secondary.disabled,
.btn-site-secondary.disabled:hover,
.btn-site-secondary.disabled:focus,
.btn-site-secondary.disabled:active,
.btn-site-secondary.disabled.active,
.btn-site-secondary[disabled],
.btn-site-secondary[disabled]:hover,
.btn-site-secondary[disabled]:focus,
.btn-site-secondary[disabled]:active,
.btn-site-secondary.active[disabled],
fieldset[disabled] .btn-site-secondary,
fieldset[disabled] .btn-site-secondary:hover,
fieldset[disabled] .btn-site-secondary:focus,
fieldset[disabled] .btn-site-secondary:active,
fieldset[disabled] .btn-site-secondary.active {
    background-color: #6b4b7c;
    border-color: #6b4b7c;
}

/*SITE-TERTIARY BUTTON*/
.btn-site-tertiary {
    background-color: #452f50;
    border-color: #452f50;
    color: #FFFFFF;
}

.btn-site-tertiary:hover,
.btn-site-tertiary:focus,
.btn-site-tertiary:active,
.btn-site-tertiary.active,
.open .dropdown-toggle.btn-site-tertiary {
    background-color: #563a63;
    border-color: #563a63;
    color: #FFFFFF;
}

.btn-site-tertiary:active,
.btn-site-tertiary.active,
.open .dropdown-toggle.btn-site-tertiary {
    background-image: none;
}

.btn-site-tertiary.disabled,
.btn-site-tertiary.disabled:hover,
.btn-site-tertiary.disabled:focus,
.btn-site-tertiary.disabled:active,
.btn-site-tertiary.disabled.active,
.btn-site-tertiary[disabled],
.btn-site-tertiary[disabled]:hover,
.btn-site-tertiary[disabled]:focus,
.btn-site-tertiary[disabled]:active,
.btn-site-tertiary.active[disabled],
fieldset[disabled] .btn-site-tertiary,
fieldset[disabled] .btn-site-tertiary:hover,
fieldset[disabled] .btn-site-tertiary:focus,
fieldset[disabled] .btn-site-tertiary:active,
fieldset[disabled] .btn-site-tertiary.active {
    background-color: #34243d;
    border-color: #34243d;
}

/*.btn-recruiting,
.btn-recruiting:hover,
.btn-recruiting:focus,
.btn-recruiting:active,
.btn-recruiting.active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7c568f), color-stop(50%, #553A63), to(#452f50));
  background-image: -webkit-linear-gradient(#7c568f, #553A63 50%, #452f50);
  background-image: -moz-linear-gradient(top, #7c568f, #553A63 50%, #452f50);
  background-image: linear-gradient(#7c568f, #553A63 50%, #452f50);
  border: 1px solid #291d30;
  filter: none;
  color: #fff;
}*/
.error-msg {
    color: #a94442;
    float: right;
    padding-left: 10px;
    font-size: 0.85rem;
}

.error .ng-select.ng-invalid .ng-select-container,
.error input,
.error textarea {
    background-color: #e3c3c5;
}

.error ::-webkit-input-placeholder {
    color: #999;
}

.error ::-moz-placeholder {
    color: #999;
}

.error :-moz-placeholder {
    color: #999;
}

.error :-ms-input-placeholder {
    color: #999;
}

.form-control.display-input {
    text-align: center;
}

.form-control.display-input.no-label {
    margin-top: 30px;
}

button.close {
    outline: none;
}

legend {
    color: #E38B1E;
    border-bottom: 1px solid #E38B1E;
}

.fake-label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.fake-label::before,
.fake-label::after {
    box-sizing: border-box;
}

.question {
    color: #452f50;
    cursor: pointer;
    font-size: 18px;
}

.outer-shadow {
    box-shadow: 3px 3px 3px #666;
}

.inner-shadow {
    box-shadow: inset 0 0 10px #000000;
}

.question {
    color: #452f50;
    cursor: pointer;
    font-size: 18px;
}

.testing {
    border: solid 2px green;
}

.testing .row {
    border: dotted 1px red;
    margin-top: 5px;
    margin-bottom: 5px;
}

.testing .row div[class^="col"] {
    border: dotted 1px blue;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* for use to line up buttons with other
   form-control elements
*/
.col-button {
    padding-top: 31px;
}

.col-middle-text-no-label {
    padding-top: 38px;
}

.alert-site-primary {
    color: #1f3232;
    background-color: #e9a967;
    border-color: #db7c14;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

.alert-site-primary.small {
    font-size: 1rem;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* body {
  font-family: @font-family;
  font-size: 14px;
  margin-top: 100px !important;

  @media (max-width: 425px) {
    margin-top: 68px !important;
  }
} */
a,
a:hover,
a:focus {
    color: #E38B1E;
    text-decoration: none;
}

.hoverwell:hover {
    background-color: #485563;
    cursor: pointer;
}

[hidden] {
    display: none !important;
}

.splash-image {
    width: 480px;
}

@media (max-width: 500px) {
    .splash-image {
        width: 350px;
    }
}

/* Spinner */
.spinner-splash {
    font-size: 300%;
}

.spinner {
    font-size: 300%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.fa-spinner {
    animation: spin 1000ms infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

body {
    margin: 0;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

.navbar {
    height:90px;
}

.navbar>.container {
    padding-top: 0
}

.navbar-brand img {
    height: 44px
}

header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("images/bg-masthead.png") no-repeat center center;
    background-size: cover;
    padding-top: 2rem;
    padding-bottom: 2rem;
    height:300px;
}
header.masthead>* {
    z-index: 100;
}

header.masthead .overlay-ZZZ {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}

header.masthead h1 {
    font-size: 2rem;
}
/*
header.masthead::before {
    content: "Multi-line\00000a text";
    position: absolute;
    top: 80px;
    white-space: pre;
    right: 15px;
    font-weight: bold;
    text-align: right;
    font-size: 30px;
}*/

@media (min-width: 768px) {
    header.masthead {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    header.masthead h1 {
        font-size: 3rem;
    }
}

@media (max-width: 500px) {
    header.masthead .header-image {
        max-width: 350px;
    }
}

section.info {
    background-color: rgb(253, 247, 244);
    color: rgb(50, 49, 48);
    font-size:18px;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

footer.footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}