body { font-family: 'Open Sans', sans-serif; }
button, button[type="submit"], .button { background-color: #ce271e; border: none; border-radius: 4px; color: #ffffff; display:inline-block; font-family: 'Lato'; font-weight: bold; padding: 0.25rem 2rem; text-align: center; text-transform: uppercase; }
button:hover, button[type="submit"]:hover, .button:hover { background-color: #df3d34; color: #ffffff; cursor: pointer; text-decoration: none; }
button.close:hover, button.navbar-toggler:hover, button.navbar-toggler:active { background-color: initial; }
.btn-outline-accent { border: 1px solid #ce271e; background-color: transparent; color: #ce271e; }
h1, h2, h3, h4, h5, h6 { font-family: 'Frank Ruhl Libre', serif; 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: #ce271e; text-transform: uppercase; }
#global-nav .nav-item a:hover { text-decoration: underline; }
#global-nav .nav-item a.active { color: #ffffff; text-decoration: underline; }

#aim-global-nav-account-buttons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; min-height: 60px; font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; }
.aim-global-nav-button { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; text-align: center; margin: 5px 10px; padding: 5px 10px; border: 1px solid #d1d5dc; box-shadow: 0px 0px 1px gray; border-radius: 6px; text-transform: capitalize; background-color: white; color: gray !important; height: 30px; }
.aim-global-nav-button:hover { opacity: 0.85; text-decoration: none; }
.aim-global-nav-register-button { background: #ce271e; border: none; color: #ffffff !important; }

#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: rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: bold;  }
#site-nav a.nav-link:visited, footer a.nav-link:visited { color: rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: bold;  }
#site-nav a.nav-link:hover, footer a.nav-link:hover { color: #ffffff; text-decoration: underline; }
#site-nav a.nav-link.active, footer a.nav-link.active { color: #ffffff; text-decoration: underline; }
/* #site-nav ul.nav a.nav-link.active:after, footer ul.nav a.nav-link.active:after { border: 6px solid transparent; border-top-color: #999999; content: ""; display: block; left: -6px; margin-left: 50%; position: absolute; top: -12px; width: 12px; } */
footer { border-top-width: 5px; }

a:not(.button, .btn, .page-link), a:visited:not(.button, .btn, .page-link) { color: #ce271e; }
a:active:not(.button, .btn, .page-link), a:hover:not(.button, .btn, .page-link) { color: #df3d34; }

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

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

.bg-accent { background-color: #ce271e !important; color: #ffffff; }
.bg-lite { background-color: #c9c9c9 !important; color: #000000; }
.bg-primary { background-color: #555555 !important; color: #ffffff; }
.bg-secondary { background-color: #000000 !important; color: #ffffff; }
.bg-disabled { background-color: #e9e9e9 !important; color: #999999; }

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

.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: #ce271e; 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; }

.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: #ce271e; border-color: #999999; color: #ffffff; }
.page-link:hover { background-color: #df3d34; border-color: #999999; color: #ffffff; }
.page-item.disabled .page-link { background-color: #e9e9e9; border-color: #999999; color: #999999; pointer-events: none; cursor: auto; }
.ptr-none { pointer-events: none !important; }
.price { font-size: 2.0rem; font-family: 'Lato', 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: #ce271e; }

.text-accent { color: #ce271e !important; }
.text-primary { color: #555555 !important; }
.text-secondary { color: #000000 !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%; }