@font-face {
  font-family: 'GothamBook';
  src: url('/assets/fonts/Gotham-Book.otf')  format('opentype'), /* Pretty Modern Browsers */
       url('/assets/fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'GothamLight'; 
  src: url('/assets/fonts/Gotham-Light.eot') format('embedded-opentype'), /* IE6-IE8 */ 
       url('/assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
       url('/assets/fonts/Gotham-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('/assets/fonts/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */ 
}

@font-face {
  font-family: 'GothamThin';
  src: url('/assets/fonts/Gotham-Thin.otf')  format('opentype'), /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'GothamBold'; 
  src: url('/assets/fonts/Gotham-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/assets/fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */ 
       url('/assets/fonts/Gotham-Bold.eot')  format('embedded-opentype'), /* Safari, Android, iOS */ 
       url('/assets/fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'GothamBlack'; 
  src: url('/assets/fonts/Gotham-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('/assets/fonts/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */ 
       url('/assets/fonts/Gotham-Black.eot')  format('embedded-opentype'), /* Safari, Android, iOS */ 
       url('/assets/fonts/Gotham-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {font-family: 'GothamBook', Helvetica, sans-serif; height: 100%; letter-spacing:.3px} 

.darkmode {font-family: 'GothamBook', Helvetica, sans-serif; height: 100%; letter-spacing:.3px;background-color: #121212; color: #cdcdcd;}
.darkmode h2 a:link, .darkmode h2 a:visited, .darkmode h3 a:link, .darkmode h3 a:visited {color: white} 
.darkmode .colophon a:link, .darkmode .colophon a:visited {color: white} 

.lightmode {font-family: 'GothamBook', Helvetica, sans-serif; height: 100%; letter-spacing:.3px;background-color: #efefef; color: #121212;}
.lightmode h2 a:link, .lightmode h2 a:visited, .lightmode h3 a:link, .lightmode h3 a:visited {color: black} 
.lightmode .colophon a:link, .lightmode .colophon a:visited {color: black} 

.colophon a:link, .colophon a:visited {color: black} 

.card {border: 0;background-color:transparent;
		box-shadow:0;margin-bottom:15px;box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -moz-transition: none;
        -webkit-transition: none;}
.card-body {margin-top:0px;vertical-align:top;border:0;padding-top:3px;}
.sitename {font-family: 'GothamBlack', Helvetica, sans-serif;} 
.card h4 {font-family:'GothamBold';color:black;margin:0;padding:0;margin-bottom:5px;}

h1 {font-family: 'GothamBook', Helvetica, sans-serif;}
h2 {font-family: 'GothamBold', Helvetica, sans-serif; font-size:32px; line-height: 32px; padding-top: 14px;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: black}
h3 {font-family: 'GothamBold', Helvetica, sans-serif; font-size:20px; color: #666666;}
h5 {font-family: 'GothamBook', Helvetica, sans-serif; font-size:18px; line-height:27px; color: #cccccc;}

.fronth1 {color:#ffffff;margin-top:30px;font-size:50px;line-height:60px;margin-bottom:20px;font-family: 'GothamBold';text-shadow: 1px 1px 4px black;}
.fronthero {color:#ffffff;text-shadow: 1px 1px 4px #222222;}
.fronthero a {font-family: GothamBold;}
.fronth4 {color:#888888;text-shadow: 1px 1px 4px #222222;margin-top:25px;}
.update {color:#999999;font-size:14px;line-height:21px;padding-top:3px;}
.update a {color: #CC2004; font-size:16px;}
.updatetime {font-size:16px; color: #777777;}
 
.btn-form {text-transform:none;font-family:GothamBold;font-size:20px;border-radius:4px;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;} 
 
#profile-img {height:180px;}
.h-80 {height: 80% !important;} 
.tddisplay {white-space:nowrap}

.boxside {vertical-align:top;width:8%;margin-top:2px;float:left;} .boxmeta {font-size:13px;color:#777777;opacity:.5}
.dropdown-list {padding:3px;padding-left:10px;} .dropdown-list a:link {color:black}  .dropdown-list a:visited {color:black} .dropdown-list a:hover {color: #bcbcbc;text-decoration:none}
.navbar-brand {font-size:36px;line-height:25px;letter-spacing:3px;margin-right:7px;}

tr {border:0}
th {text-align:center; font-size:14px;color:#777777;font-weight:200;opacity:.6;padding:0px;}
.tddisplay {font-size:18px;font-family:GothamBook;}

.ptspending {margin-top:-4px;font-family:GothamBook;font-size:36px;color:#999999;line-height:40px;}
.ptsdone {margin-top:-4px;font-family:GothamBook;font-size:36px;color:#999999;line-height:40px;}
.ptscorrect {margin-top:-4px;font-family:GothamBook;font-size:36px;color:#2b8153;line-height:40px;}
.ptswrong {margin-top:-4px;font-family:GothamBook;font-size:36px;color:#c73a3a;opacity:.2;line-height:40px;}

.icon {color: #999999}
.iconbox {display:inline-block;width:21px;padding-left:2px;color:#aaaaaa}
.iconbox i {color: #aaaaaa}

#subemail {background-color:transparent;border:1px solid #666666;color:white;width:250px;}

.lead {font-size:14px; line-height: 19px; color: #bbbbbb; margin-bottom: 12px;}
.colophon {margin-top:5px; font-size:14px; line-height: 22px; color: #999999}
hr {height:1px; border-top: 1px solid #666666;}

#btnTrigger {display:none;}
#subresults {margin-top: 15px;}

.headertext {font-size:14px; opacity: .8}

#search input[type=text]:focus + label {
     color: #000;
}

#search input[type=text]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

#videoloop {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#videoscreen {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background-color:#000000;
  opacity:.75;
}

.wideback {height:100%;}

blockquote {border-left:4px solid #cc2004;padding-left:15px;color:#888888;padding-top:2px;padding-bottom:2px;margin-top:15px;margin-bottom:15px;}  
   
@media (max-width: 1000px) {.headertext img {max-width:100%; border-radius: 4px} .footer {height: 60px; line-height: 20px; background-color: #CC2004;}}
@media (min-width: 1000px) {.headertext img {max-width:75%; border-radius: 4px} .footer {display: none;}}	
 
.text, .text p, .abstract {font-family: 'IBM Plex Serif', serif; letter-spacing:.2px;}
.text td {font-family: GothamBook; }
.text img {max-width:100%; border-radius: 4px;}

.icongray {color:#aebf91;margin-right:2px;} 
#clockbadge {font-weight:200;min-width:150px;color:#787878;}
 
#pagewrap {max-width:800px;margin: 0 auto;padding-left:15px;padding-right:15px;}
.table-row{cursor:pointer;}
.pts {margin-top:-4px;font-family:GothamBook;font-size:36px;color:#CC2004;line-height:40px;}
a {color: #CC2004; text-decoration: none; background-color: transparent;}
a:hover {color: #888888; text-decoration: none;}
.table-hover .table-primary:hover {background-color: #eaf2e6;}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #eaf2e6;}
.btn-warning {color: #212529; background-color: #f2a446; border-color: #f2a446;}
.btn-warning:hover {color: #212529; background-color: #e0a800; border-color: #d39e00;}
.btn-warning.disabled, .btn-warning:disabled {color: #212529;background-color: #CC2004;border-color: #CC2004;}
.btn-outline-warning {color: #f2a446; border-color: #CC2004;}
.btn-outline-warning:hover {color: #212529; background-color: #CC2004; border-color: #CC2004;}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {color: #f2a446; background-color: transparent;}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {color: #212529;background-color: #f2a446;border-color: #CC2004;}
.badge-warning {color: #212529;background-color: #CC2004;}
.bg-warning {background-color: #CC2004 !important;}

.form-inline {margin-left:-3px;}

.btn-primary.disabled, .btn-primary:disabled {color: #fff; background-color: #CC2004; border-color: #CC2004;}
.alert-warning {color:black; background-color: #eaf2e6; border-color: #dcdcdc;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff; border-color: #CC2004; background-color: #CC2004;} 
.dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #CC2004;}
.btn-outline-primary {color: #dd6b00; border-color: #CC2004;}
.btn-outline-primary:hover {color: #fff; background-color: #CC2004; border-color: #CC2004;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #CC2004; background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #CC2004; border-color: #CC2004;}
.btn-primary {color: #fff; background-color: #CC2004; border-color: #CC2004;}
.btn-link {font-weight: 400; color: #CC2004;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {border-color: #CC2004; background-color: #CC2004;}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link {color: #CCCCCC; background-color: #CC2004;}
.page-link {position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #CC2004; background-color: #fff; border: 1px solid #dee2e6;}
.page-item.active .page-link {z-index: 1; color: #fff; background-color: #CC2004; border-color: #CC2004;}
.badge-primary {color: #fff; background-color: #CC2004;}
.list-group-item.active {z-index: 2; color: #fff; background-color: #CC2004; border-color: #CC2004;}
.bg-primary {background-color: #CC2004 !important;}
.text-primary {color: #CC2004 !important;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 0.2rem rgba();}
#notifypop {font-size:16px;color:black;border-color:#777777;background-color:#eaf2e6;opacity:1}
.tinytext {font-family:GothamBook;opacity:.5;color:white;font-size:11px;line-height:14px;}
.iconsizeup {font-size:24px;line-height:36px;}
.activitysizeup {width:26px;margin-top:5px;height:26px;font-size:22px;line-height:13px;margin-bottom:5px;}
.tdfooter {text-align:center;margin-top:-15px;vertical-align:top;cursor:pointer} 

strong {font-family: GothamBold}
.btn-secondary {font-size:16px; color: #CC2004; background-color: transparent; border-color: transparent;}
.btn-secondary:hover {color: black; background-color: #eaf2e6; border-color: #CC2004;}

.hide {display:none;}
.extrainfo:before { content: ' '; display: block; } 
  
.nav-item a {color: #cccccc;}  
 
@media (min-width: 986px) {.widenav {display: block;} .narrownav {display:none;} #notifypop {margin-bottom:0px;} .leadershim-bottom {margin-top:10px; margin-bottom:10px;} .leadershim-top {margin-top:-5px;}}
@media (max-width: 986px) {.narrownav {display: block;} .widenav {display:none;} #notifypop {margin-bottom:70px;} .leadershim-bottom {margin-top:15px; margin-bottom:2px;} .leadershim-top {margin-top:0px;} .btn-secondary {background-color: #ebf2e1; border-color: #eaf2e6;}}}
}

th {color:#555555}
li .nav-item .active a:link, li .nav-item .active a:visited {color:#999999}

.bg-dark {background-color:#CC2004} 
.mainbody {margin-top:51px; margin-bottom:51px;}
.table-sm {width:100%}

#shim, #shimframe {display:none;height:0px;width:0px;}
.grecaptcha-badge { 
    visibility: hidden;
} 

textarea:focus,
input[type="text"]:focus,
input[type="textarea"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus,
.uneditable-input:focus {   
  border-color: rgba(233, 233, 233, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 126, 126, 0.6);
  outline: 0 none;
}

input:focus:not([readonly]) { box-shadow: 0 1px 0 0 #999999 !important; border-bottom: 1px solid #999999 !important; }

.login-form {
    width: 400px;
    margin: 30px auto;
}
.login-form form {        
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .login-btn {
    border-radius: 2px;
}
.input-group-prepend .fa {
    font-size: 18px;
}
.login-btn {
    font-size: 15px;
    font-weight: bold;
  	min-height: 40px;
}
.social-btn .btn {
    border: none;
    margin: 10px 3px 0;
    opacity: 1;
}
.social-btn .btn:hover {
    opacity: 0.9;
}
.social-btn .btn-secondary, .social-btn .btn-secondary:active {
    background: #507cc0 !important;
}
.social-btn .btn-info, .social-btn .btn-info:active {
    background: #64ccf1 !important;
}
.social-btn .btn-danger, .social-btn .btn-danger:active {
    background: #df4930 !important;
}
.or-seperator {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}