ont-face {
  font-family: engebrechtre;
  src: url(../files/engebrechtre-rg.otf);
}
@font-face {
  font-family: engebrechtre;
  src: url(../files/engebrechtre-bd.otf);
  font-weight: bold;
}
@font-face {
  font-family: engebrechtre;
  src: url(../files/engebrechtre-ex-bd.otf);
  font-weight: 600;
}
@font-face {
  font-family: Crescendo;
  src: url(../files/Crescendo-514Pa.ttf);
}


:root {
    --gold:         #E6B872;
    --gold-40-w:    #f0d4aa;
    --gold-60-w:    #f5e3c7;
    --gold-70-w:    #f8ead5;
    --gold-80-w:    #faf1e3;
    --gold-90-w:    #fdf8f1;
    --light-gold:   #FFD99F;
    --dark-gold:    #D6A005;
    --brass:        #D1930F;
    --red:          #EF7966;
    --green:        #90BD3E;
    --blue:         #4AACB1;
    --background:   #322d2d;
    
    --bs-primary:           var(--gold);
    --bs-primary-rgb:       rgb(230,184,114);
    --bs-primary-shade-20:  var(--gold-40-w);
    --bs-secondary:         var(--brass);
    --bs-secondary-rgb:     rgb(209,147,15);
    --bs-info-rgb:          rgb(176, 189, 156);
}

/** BOOTSTRAP PRIMARY COLOR OVERRIDES */
a {
  color:var(--bs-primary);
}
.form-check-input:checked {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary)
}
.form-check-input[type=checkbox]:indeterminate {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary)
}
.form-range::-webkit-slider-thumb {
  background-color:var(--bs-primary);
}
.form-range::-moz-range-thumb {
  background-color:var(--bs-primary);
}
.btn-primary {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
}
.btn-primary:focus,
.btn-primary:disabled {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary:active:focus, 
.btn-primary.dropdown-toggle.show, 
.btn-primary.dropdown-toggle.show:focus {
    background-color:var(--bs-primary);
    border-color:var(--bs-primary);
    box-shadow: none;
}
.btn-outline-primary {
  border-color:var(--bs-primary);
  color:var(--bs-primary)
}
.btn-outline-primary:hover {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
  box-shadow: none;
}
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:active {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
  box-shadow: none;
}
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:disabled {
  color:var(--bs-primary)
}
.btn-link {
  color:var(--bs-primary);
}
.dropdown-item:active {
  background-color:var(--bs-primary);
}
.dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:active {
  background-color:var(--bs-primary);
}
.dropdown-menu-dark .dropdown-item.disabled,
.nav-link {
  color:var(--bs-primary);
}
.nav-pills .show>.nav-link {
  background-color:var(--bs-primary);
}
.nav-fill .nav-item,
.page-link {
  color:var(--bs-primary);
}
.page-item.active .page-link {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
}
.progress-bar {
  background-color:var(--bs-primary);
}
.list-group-item.active {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
}
.link-primary {
  color:var(--bs-primary)
}
.link-primary:focus,
.border-primary {
  border-color:var(--bs-primary)!important
}

a:hover {
  color:var(--bs-primary-shade-20)
}
a:not([href]):not([class]),
.btn-primary:hover {
  border-color:var(--bs-primary-shade-20);
  background-color:var(--bs-primary-shade-20);
}
.btn-check:focus+.btn-primary,
.show>.btn-primary.dropdown-toggle {
  background-color:var(--bs-primary-shade-20);
}
.btn-primary:active:focus,
.btn-link:hover {
  color:var(--bs-primary-shade-20)
  box-shadow: none;
}
.btn-link.disabled,
.nav-link:hover {
  color:var(--bs-primary-shade-20)
}
.page-link:hover {
  color:var(--bs-primary-shade-20)
}
.link-primary:hover {
  color:var(--bs-primary-shade-20)
}

/** END BOOTSTRAP PRIMARY COLOR OVERRIDES */
/** BOOTSTRAP SECONDARY COLOR OVERRIDES*/
caption {
  color:var(--bs-primary);
}
.blockquote-footer {
  color:var(--bs-primary);
}
.figure-caption {
  color:var(--bs-primary);
}
.container-xl,
.form-text {
  color:var(--bs-primary);
}
.form-control::-moz-placeholder {
  color:var(--bs-primary);
}
.form-control::placeholder {
  color:var(--bs-primary);
}
.form-control:disabled,
.btn-secondary {
  background-color:var(--bs-secondary);
  border-color:var(--bs-secondary);
}
.btn-secondary:focus,
.btn-secondary:disabled {
  background-color:var(--bs-secondary);
  border-color:var(--bs-secondary);
}
.btn-outline-secondary {
  border-color:var(--bs-secondary);
  color:var(--bs-secondary);
}
.btn-outline-secondary:hover {
  background-color:var(--bs-primary);
  border-color:var(--bs-primary);
}
.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:active {
  background-color:var(--bs-secondary);
  border-color:var(--bs-secondary);
}
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:disabled {
  color:var(--bs-secondary);
}
.btn-link:disabled {
  color:var(--bs-primary)
}
.btn-group-lg>.btn,
.dropdown-header {
  color:var(--bs-primary);
}
.nav-link.disabled {
  color:var(--bs-primary);
}
.nav-tabs .nav-link.disabled {
  color:var(--bs-primary)
}
.nav-tabs .nav-item.show .nav-link,
.breadcrumb-item+.breadcrumb-item:before {
  color:var(--bs-primary);
}
.breadcrumb-item.active {
  color:var(--bs-primary)
}
.page-item.disabled .page-link {
  color:var(--bs-primary);
}
.list-group-item:disabled {
  color:var(--bs-primary);
}
.toast-header {
  color:var(--bs-primary);
}
.link-secondary {
  color:var(--bs-primary)
}
.link-secondary:focus,
.border-secondary {
  border-color:var(--bs-primary)!important
}

/** END BOOTSTRAP SECONDARY COLOR OVERRIDES */

/** TEXT COLORS */

h1 {
    background-color:   var(--background);
    color:              var(--gold) !important;
}

body {
    background-color:   var(--background);
    color:              var(--gold) !important;
}


@media screen and (min-width: 1184px) {
    body {
    color:              var(--gold);
    background: 
        url(../files/art-deco-ornaments-left.png) left top repeat-x, var(--background);
}



.form-heading {
    color:  var(--gold-40-w);
}

.completed-wrapper .completed-heading, .completed-wrapper .completed-Content {
    color:  var(--gold);
}

.question-help-container {
    color:      var(--gold-40-w);
}

.question-container .ls-question-message {
    color:      var(--gold-40-w);
}

.text-info {
    color: rgba(176, 189, 156, var(--bs-text-opacity)) !important;
}

.alert-danger {
    background-color: var(--red);
    color: var(--background);
}

.text-danger {
    color: var(--red) !important;
}

.table {
  --bs-table-striped-color: var(--bs-primary);
  --bs-table-striped-bg: rgba(230, 184, 114, 0.05);
  --bs-table-active-color: var(--bs-primary);
  --bs-table-active-bg: rgba(230, 184, 114, 0.1);
  --bs-table-hover-color: var(--bs-primary);
  --bs-table-hover-bg: rgba(230, 184, 114, 0.075);
  color: var(--bs-primary);
  border-color: var(--gold-80-w);
}

a {
    color:  var(--bs-secondary);
}

/** END TEXT COLORS */


/** GENERIC FONT THINGS */

.large-heading {
    font-family:    "Engebrechtre", "Crescendo", "Garamond", serif;
    line-height:    1em;
    font-size:      3em;
    font-weight:    400;
}

@media (min-width: 1000px) {
    .large-heading {
        font-size:  5em;
    }
}

@media (min-width: 800px) and (max-width: 999px) {
    .large-heading {
        font-size:  4.5em;
    }
}

@media (min-width: 640px) and (max-width: 799px) {
    .large-heading {
        font-size:  4em;
    }
}

.group-container .group-title {
    font-family:    "Engebrechtre", "Crescendo", "Garamond", serif;
    font-size:      4em;
    line-height:    1em;
    font-weight:    200;
}

.completed-heading {
    font-family:    "Engebrechtre", "Crescendo", "Garamond", serif;
    font-size:      4em;
    line-height:    1em;
    font-weight:    200;
}

/** END GENERIC FONT THINGS */


/** BUTTONS */

.btn-primary {
    color:      var(--background);
}

a:not([href]):not([class]), .btn-primary:hover {
    border-color:       #FFD99F;
    background-color:   #FFD99F;
}

.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary:active:focus, 
.btn-primary.dropdown-toggle.show, 
.btn-primary.dropdown-toggle.show:focus {
    color:      #6D4B07;
    box-shadow: 0px 0px 0px 3px rgba(230,184,114, 0.4); /** --bs-primary-rgb */
}

.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary:active:focus, 
.btn-primary.dropdown-toggle.show, 
.btn-primary.dropdown-toggle.show:focus {
    box-shadow: 4px 4px 0px rgba(230,184,114, 0.4); /** --bs-primary-rgb */
}

.btn-outline-secondary {
    color:              #865D09;
    background-color:   var(--gold-90-w);
    border-color:       var(--bs-secondary);
}

.btn-outline-secondary:hover {
    color:          var(--background);
    box-shadow:     0px 0px 0px 3px rgba(209,147,15, 0.4); /** --bs-secondary-rgb */
}

[class*="btn-outline-"]:focus, 
[class*="btn-outline-"]:active, 
[class*="btn-outline-"].active, 
[class*="btn-outline-"].dropdown-toggle.show, 
[class*="btn-outline-"].dropdown-toggle.show:focus, 
[class*="btn-outline-"].show {
    box-shadow:         4px 4px 0px rgba(230,184,114, 0.4); /** --bs-primary-rgb */
    background-color:   var(--gold-90-w);
}

.btn-outline-secondary:focus, 
.btn-outline-secondary:active, 
.btn-outline-secondary.active, 
.btn-outline-secondary:active:focus, 
.btn-outline-secondary.dropdown-toggle.show, 
.btn-outline-secondary.dropdown-toggle.show:focus, 
.btn-outline-secondary.show {
    color:              #865D09;
    border-color:       var(--bs-secondary);
    box-shadow:         4px 4px 0px rgba(230,184,114, 0.4); /* --bs-primary-rgb */
}

/* yes / no */

.btn-check + .btn {
    color:              var(--bs-primary);
    background-color:   var(--background);
    border:             4px double var(--bs-primary);
    width:              max-content;
    padding:            .5em 1em;
    line-height:        1.3em;
}

.btn-check + .btn-primary:hover,
.btn-check + .btn-primary:active, 
.btn-check + .btn-primary.active, 
.btn-check + .btn-primary:active:focus {
    color:              var(--background);
    background-color:   var(--green);
    border-color:       #c8de9f;
}

.btn-check + .btn-primary:active, 
.btn-check + .btn-primary.active, 
.btn-check + .btn-primary:active:focus {
    box-shadow:         4px 4px 0px rgba(209,147,15, 0.4); /* --bs-secondary-rgb */
}

.btn-check:checked + .btn-primary, 
.btn-check:checked + .btn-primary:focus, 
.btn-check:focus:checked + .btn-primary {
    color:              var(--background);
    background-color:   var(--green);
    border-color:       #c8de9f;
    box-shadow:         none;
    border-style:       double;
    border-width:       4px;
}

/* close x */
.modal-content .btn-close {
    background: 
        transparent 
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6bb72'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 
        center/1em 
        auto 
        no-repeat;
}

.modal-header .btn-close:hover {
    background-color: var(--gold-90-w);
}
 
/** END BUTTONS */

/** DECORATIONS */
#outerframeContainer {
    border-top:         3pt solid var(--gold);
}

.survey-form-container,
#welcome-container {
    /*background-color:   var(--background);*/
}
/**
@media screen and (min-width: 1184px) {
    #outerframeContainer {
        background: 
           
            url(../files/art-deco-ornaments-left.png) left top repeat-x;
    }
}
**/

/** FOOTER */

#footer {
    height:             190px;
    width:              100%;
    background:   
        url(../files/art-deco-tree-bottom-line.png) left bottom repeat-x,
        url(../files/art-deco-gifts.png) center bottom no-repeat;
}

@media (min-width: 1184px) {
    #footer {
        background: 
            /** FOOTER */
            url(../files/art-deco-tree-smol-triangle.png) left bottom no-repeat,
            url(../files/art-deco-gifts.png) center bottom no-repeat,
            url(../files/art-deco-tree-smollest-triangle.png) right bottom no-repeat,
            url(../files/art-deco-tree-bottom-line.png) left bottom repeat-x;
    }
}

#welcome-container,
.group-title,
.question-title-container,
.group-description,
/**.question-container,*/
.completed-wrapper {
/*    background-color:   var(--background);*/
/*    padding:             .5em .5em 0;*/
    padding:            0 .5em 0;
    -webkit-text-stroke: 13px var(--background);
    paint-order: stroke fill;
    hyphens: none;
}

#main-row {
    padding: 0;
}

/** END DECORATIONS */


/** QUESTIONS DECORATIONS */

.group-container > .q-separator {
    background: 
        url(../files/art-deco-q-seperator.png) center no-repeat;
    width:      100%;
    height:     40px;
    padding:    0.5em 0;
}

.group-container > .ls-hidden + .q-separator,
.group-container > .q-separator:nth-last-child(2), 
.group-container > .q-separator:last-child {
    display:    none;
}

/** END QUESTION DECORATIONS*/


/** MANDATORY ASTERISKS */

.asterisk {
    font-size:  .8em;
}

/** END MANDATORY ASTERISKS */


/** SPACING */

#navigator-container {
    padding-bottom: 0;
}

.question-container {
    margin-bottom:  1em;
}

.space-col {
    margin-bottom:  1em;
}

/** END SPACING */


/** WELCOME */

#welcome-container {
    max-width: 100%;    
}

/** END WELCOME */


/** GROUP HEADER */

.group-title {
    margin-top: 1rem !important;
}

/** END GROUP HEADER */


/** PRIVACY POLICY */

.privacy, .privacy a {
    font-size:      0.95rem;
    line-height:    1.1em;
}

.privacy p {
    margin-bottom:  0.4em;
}

.privacy {
    padding-bottom: 1em;
}

#datasecurity_notice, 
#datasecurity_notice_label, 
.datasecurity-checkbox-label, 
.privacy .modal-title {
    color: #BDB8AE;
}

.privacy .checkbox-item label::before {
    border-color:       var(--brass);
    background-color:   var(--background);
}

.privacy .checkbox-item input[type="checkbox"]:checked + label::before {
    border-color: var(--brass);
}

.checkbox-item input[type="checkbox"]:checked + label::after {
    color: var(--brass);
}

.privacy .checkbox-item input[type="checkbox"]:checked + label {
    color: var(--green);
}

/* privacy policy popup -- also warning popups // popups in general */
.modal-content {
    background-color: var(--background);
    border: var(--gold) double .3em;
}

/** END PRIVACY POLICY*/

/** LANG SELECT */

.form-change-lang .language-icon, .form-change-lang .control-label {
    color:      var(--gold-90-w);
}

.form-change-lang #lang-select {
    background-color: var(--background);
}

.form-change-lang #language-changer-select {
    color:  var(--bs-secondary);
}

/** arrow for dropdown */
.form-change-lang #lang-select::after {
    color:  var(--bs-secondary);
}

.form-change-lang div {
    background: var(--background);
}

/** END LANG SELECT*/


/** COLORS OF RADIO INPUTS */

.ls-answers label, .answer-item label, .control-label {
    color: var(--gold-80-w);
}

.radio-item input[type="radio"]:checked + label {
    color:  var(--bs-secondary);
}

.radio-item label::before {
  border: 2px solid var(--bs-primary-20);
  background-color: var(--gold-80-w);
}

.radio-item label::after {
  background-color: var(--bs-secondary);
}

input[type=radio] .styled:checked + label::before {
  color: var(--gold-80-w);
}

input[type=radio] .styled:checked + label::after {
  color: var(--gold-80-w);
}

.radio-item input[type=radio] + label::after {
  background-color: var(--bs-secondary);
}

.radio-item input[type=radio]:checked + label::before {
  border-color: var(--bs-secondary);
}

.radio-item input[type=radio]:checked + label::after {
  background-color: var(--bs-secondary);
}
/** END RADIO INPUTS */


/** CHECKBOX INPUTS */

.checkbox-item label::before {
    border: 3px solid var(--bs-primary);
    background-color: var(--background);
}

.checkbox-item input[type="checkbox"]:checked + label {
    color:          var(--bs-secondary);
}

.checkbox-item input[type="checkbox"]:checked + label::before {
    border-color:   var(--bs-secondary);
}

/** END CHECKBOX INPUTS */


/** INPUT VALIDATION */

.has-error .form-control, .input-error .form-control {
    box-shadow:     4px 4px 0 var(--red);
    border-color:   var(--red);
}

.has-error .form-control:focus, .input-error .form-control:focus {
  box-shadow:       none;
  border-color:     var(--bs-primary);
}

/** END INPUT VALIDATION */


/** FORM CONTROL (inputs) */

.form-control {
    color:              var(--background);
    background-color:   var(--gold-90-w);
    border-color:       var(--bs-primary);
    border-radius:      0;
}

.form-control:focus {
    box-shadow:         4px 4px 0 rgba(230, 184, 114, 0.4);
    border-color:       var(--bs-secondary);
    color:              var(--background);
    background-color:   var(--gold-90-w);
}

/** END FORM CONTROL */


/* MATRIX */

.ls-answers .ls-heading th, .ls-answers th {
  color: var(--bs-primary);
}

.table-hover > tbody > tr:hover > th {
  background-color: #EEEFF7;
  color: var(--bs-primary);
}
.table-hover > tbody > tr:hover.has-error > th {
  background-color: #EEEFF7;
  color: #FF515F;
}

.ls-even > .radio-item label::before {
  border: 2px solid var(--bs-secondary);
  background-color: #474242;
}

.ls-odd > .radio-item label::before {
  border: 2px solid var(--bs-secondary);
  background-color: var(--background);
}

.ls-even  {
  --bs-table-hover-bg: #474242;
  background-color: #474242;
}

.ls-odd {
  --bs-table-hover-bg: var(--background);
}

/* END FROM MATRIX */

/* IMAGE */

img {
  max-width: 80%;
  max-height: 80%;
  margin: auto;
  display: block;
}

/* END IMAGE */