body { font-family: 'PT Sans', sans-serif; }
button, button[type="submit"], .button { background-color: #fd8608; border: none; border-radius: 4px; color: #ffffff; display:inline-block; font-family: 'PT Sans'; font-weight: bold; padding: 0.25rem 2rem; text-transform: uppercase; text-align: center; }
button:hover, button[type="submit"]:hover, .button:hover { background-color: #fd9c35; color: #ffffff; cursor: pointer; text-decoration: none; }
button.close:hover, button.navbar-toggler:hover, button.navbar-toggler:active { background-color: initial; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 2.25rem; }
hr { background-color: #000000; }

#global-nav { background-color: #000000; color: #999999; font-size: 70%; }
#global-nav li:not(:first-child):before { content: '/'; position: absolute; top: 12px; }
#global-nav .nav-item a { color: #fd8608; text-transform: uppercase; }
#global-nav .nav-item a:hover { text-decoration: underline; }
#global-nav .nav-item a.active { color: #ffffff; text-decoration: underline; }

#site-nav ul.nav li, footer ul.nav li { margin: .75rem 0; }
#site-nav ul.nav a.nav-link, footer ul.nav a.nav-link { line-height: 1; padding: 0 1rem; position: relative; }
#site-nav ul.nav li.nav-item:not(:first-child), footer ul.nav li.nav-item:not(:first-child) { border-left: 1px solid #aaaaaa; }
#site-nav a.nav-link, footer a.nav-link { color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; }
#site-nav a.nav-link:hover, footer a.nav-link:hover { text-decoration: underline; }
#site-nav a.nav-link.active, footer a.nav-link.active { color: #fd8608; }
#site-nav ul.nav a.nav-link.active:after, footer ul.nav a.nav-link.active:after { border: 6px solid transparent; border-top-color: #c8ad96; content: ""; display: block; left: -6px; margin-left: 50%; position: absolute; top: -12px; width: 12px; }
footer { border-top-width:5px; }

section[id$="-tabs"] + section[id$="-feature"] { border: 1px solid #c8ad96; border-top: initial; }
section[id$="-tabs"] .nav-tabs { border-bottom: 1px solid #c8ad96; }
section[id$="-tabs"] .nav-tabs .nav-link { background-color: #f3e0bf; color: #000000; border-color: #c8ad96 #c8ad96 #c8ad96 #c8ad96; }
section[id$="-tabs"] .nav-tabs .nav-link:hover { text-decoration: underline; }
section[id$="-tabs"] .nav-tabs .nav-link.active { background-color: #f3e0bf; border-bottom-color: transparent; font-weight: bold; }

.border-secondary { border-color: #c8ad96 !important; }

.bg-accent { background-color: #fd8608 !important; color: #ffffff; }
.bg-primary { background-color: #f3e0bf !important; color: #000000; }
.bg-secondary { background-color: #c8ad96 !important; color: #ffffff; }
.bg-disabled { background-color: #e9e9e9 !important; color: #c8ad96; }

.carousel-item { min-height: 20rem; }
.carousel-indicators li { background-color: #f3e0bf; height: 1rem; width: 1rem; border-radius: 4px; }
.carousel-indicators li.active { background-color: #fd8608; }

.fa-plus-circle { transition: transform 0.25s ease 0s; }
a[data-toggle='collapse'] .fa-plus-circle { transform: rotate(-135deg); }
a[data-toggle='collapse'].collapsed .fa-plus-circle{ transform: rotate(0deg); }

input[type="checkbox"].form-check-input.form-control-lg, input[type="radio"].form-check-input.form-control-lg { height: 1.5rem; width: 1.5rem; }
input[type="checkbox"].form-check-input.form-control-md, input[type="radio"].form-check-input.form-control-md { height: 1rem; width: 1rem; }
.form-group label { font-weight: bold; }
.form-group label.required::after { content : '*'; }

.hilite { background-color: #ffff99; }

.img-fluid > div { cursor: default; max-width: 100%; height: auto; }
.img-fluid > div img { max-width: 100%; height: auto; }
.img-fluid > img { cursor: pointer; max-width: 100%; height: auto; }

.issue a, .issue a:hover { color: #000000; }
.issue.new::after { content: 'NEW!'; position: absolute; background-color: #c00; border-radius: 40%; color: #ffffff; font-size: 85%; font-style: italic; font-weight: bold; padding: 0.3rem; left: 9rem; top: -0.5rem; z-index: 1; }
.issue-img { border: 1px solid #555; box-shadow: 3px 3px 7px 0 #555; }

.join-box { background-color:#e9e9e9; border:1px solid #000000; max-width: 400px; width: 100%; }

.messagelist li {
    background-image: url('/static/admin/img/icon-unknown.svg');
    background-position: 40px 14px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #333;
    display: block;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 65px;
    word-break: break-word;

    &.alert-danger { background-image: url('/static/admin/img/icon-no.svg'); }
    &.alert-success { background-image: url('/static/admin/img/icon-yes.svg'); }
    &.alert-warning { background-image: url('/static/admin/img/icon-alert.svg'); }
}

@media (max-width:767px) {
    #home-messages { margin-left: -15px; width: 100vw; }
    .messagelist li { background-position: 15px 14px; padding-left: 40px; }
}

.page-link { background-color: #fd8608; border-color: #c8ad96; color: #ffffff; }
.page-link:hover { background-color: #fd9c35; border-color: #c8ad96; color: #ffffff; }
.page-item.disabled .page-link { background-color: #e9e9e9; border-color: #c8ad96; color: #c8ad96; pointer-events: none; cursor: auto; }
.price { font-size: 2.0rem; font-family: sans-serif; }
.price sup { top: -0.75em; font-size: 50%; position: relative; vertical-align: baseline; }
.price sup:nth-of-type(2) { text-decoration: underline; }

.red { color: #cc0000; }

.text-accent { color: #fd8608 !important; }
.text-primary { color: #f3e0bf !important; }
.text-secondary { color: #c8ad96 !important; }
.text-underline { text-decoration: underline; }
.text-no-underline, .text-no-underline:hover { text-decoration: none; }

ul.fa-list { list-style-type: none; margin-left: 1rem; padding-left: 0; }
ul.fa-list > li::before { display: none; font-family: 'Font Awesome 5 Free'; font-style: normal; font-variant: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; }
ul.fa-list > li > svg[data-fa-pseudo-element=":before"] { margin-right: .5rem; }
ul.alert-list > li::before { content: '\f06a'; }
ul.check-list > li::before { content: '\f00c'; }
ul.idea-list > li::before { content: '\f0eb'; }
ul.question-list > li::before { content: '\f059'; }

/* YouTube video embeds */
.youtube-video-169 { position: relative; height: 0; padding-top: 25px; padding-bottom: 53%; margin-top: 16px; margin-bottom: 16px; }
.youtube-video-169 > iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }