a, a:active, a:focus, a:hover, a:visited { color: #2f3e46; }
body { font-family: 'helvetica-neue-lt-pro', sans-serif; }
button, button[type="submit"], .button { background-color: #2f3e46; border: 2px solid #b38a3d; border-radius: 1rem; color: #ffffff !important; display:inline-block; font-family: 'helvetica-neue-lt-pro'; font-weight: bold; padding: 0.25rem 2rem; text-transform: uppercase; text-align: center; }
button:hover, button[type="submit"]:hover, .button:hover { background-color: hsl(from #2f3e46 h s calc(l*1.25)); color: #ffffff; cursor: pointer; text-decoration: none; }
button.close { color: #ffffff !important; opacity: 0.75; }
button.close:not(:disabled):not(.disabled):focus, button.close:not(:disabled):not(.disabled):hover { opacity: 1; }
button.close:hover, button.navbar-toggler:hover, button.navbar-toggler:active { background-color: initial; }
h1, h2, h3, h4, h5, h6 { font-family: 'ITC Berkeley Oldstyle Std', serif; font-weight: bold; }
h1 { font-size: 2.25rem; }
hr { background-color: #000000; }
main a:not(button, .button, .nav-link, .issue a) { 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 a.nav-link { background-color: #ffffff; border: 2px solid #b38a3d; border-radius: 1rem; color: #2f3e46; font-size: 14px; font-weight: bold; margin: 0 0.50rem; padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; text-transform: uppercase; }
#site-nav a.nav-link:hover { background-color: #2f3e46; color: #ffffff; text-decoration: none; }
#site-nav a.nav-link.active { background-color: #2f3e46; color: #ffffff; font-weight: bold; }
#mobile-nav a.nav-link.active { font-weight: bold; text-decoration: underline; }
footer.border-top { border-top-width: 5px !important; }
footer a.nav-link { color: #ffffff; font-size: 14px; }
footer a.nav-link:hover { text-decoration: underline; }
footer ul.nav li.nav-item:not(:first-child) { border-left: 1px solid #aaaaaa; }

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

section[id="home-auth-issue-extra"] .nav-link { color: #ffffff; }
section[id="home-auth-issue-extra"] .nav-link:hover { background-color: #2f3e46; color: #ffffff; }
section[id="home-auth-issue-extra"] .nav-link.active { background-color: #b38a3d; }
section[id="home-auth-issue-extra"] ::-webkit-scrollbar { width: 5px; }
section[id="home-auth-issue-extra"] ::-webkit-scrollbar-track { background: #c9c9c9; }
section[id="home-auth-issue-extra"] ::-webkit-scrollbar-thumb { background: #898989; }

.border-accent { border-color: #b38a3d !important; }
.border-primary { border-color: #0c3a22 !important; }
.border-secondary { border-color: #2f3e46 !important; }

.bg-accent { background-color: #d4bc90 !important; color: #000000; }
.bg-dark { background-color: #eeeeee !important; color: #000000; }
.bg-primary { background-color: #0c3a22 !important; color: #ffffff; }
.bg-secondary { background-color: #2f3e46 !important; color: #ffffff; }
.bg-disabled { background-color: #e9e9e9 !important; color: #c9c9c9; }

.carousel-item { min-height: 20rem; }
.carousel-indicators li { background-color: #82868c; height: 1rem; width: 1rem; border-radius: 4px; }
.carousel-indicators li.active { background-color: #2f3e46; }
a[class^="carousel-control-"] span[class$="-icon"] { filter: invert(1); }

.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 : '*'; }
section[id^="subscribe-"] .form-check-label,
section[id^="renew-"] .form-check-label { line-height: 1; }

.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: #6a3a2a; 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:#f1e6cf; border:1px solid #d4bc90; border-radius: 1rem; box-shadow: 0 0 15px -5px #676767; 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: #2f3e46; border-color: #ffffff; color: #ffffff !important; }
.page-link:hover { background-color: hsl(from #2f3e46 h s calc(l*1.25)); border-color: #ffffff; color: #ffffff; }
.page-item.disabled .page-link { background-color: #cccccc; border-color: #ffffff; color: #c9c9c9; 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: #2f3e46; }

.text-accent { color: #b38a3d !important; }
.text-primary { color: #0c3a22 !important; }
.text-secondary { color: #2f3e46 !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%; }