body {font-family: 'Lato'; font-size: 0.95rem;}
a {outline: none;}
h1,h2,[class*="display-"],.heading {text-transform: uppercase; }
h3,h4,h5,h6 {/*font-family: Oregano;*/}

.container {max-width: 1600px;}
.main-left-col {background: #000; color: #fff;}
.main-left-col a {color: #fff;}
.main-right-col {min-height: 300px; /*border-left: solid 1px #aaa;*/}
.nav-list > li {border-bottom: dotted 1px #ddd;}
.nav-list > li > a {font-size: 1.2rem;}
.nav-list > li a.link:hover, .nav-list > li a.selected {text-decoration: none; color: #0069d9;}
.grid-items {display: grid; grid-gap: 1rem; margin-bottom: 1rem;}
.grid-items-1 {grid-template-columns: repeat(auto-fill, minmax(1fr, 1fr));}
.grid-items-2 {grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));}
.grid-items-3 {grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));}
.grid-items > div {position: relative; background: #fff; padding: 0.75rem; border: solid 2px #ccc;}
.button-group {position: absolute; left: 0.75rem; right: 0.75rem; bottom: 0.75rem;}
.modal-lg {max-width: 1400px;}
.clickable:hover {background: #ccc !important; cursor: pointer;}
.hidden-section {display: none;}
.slide-open-section { cursor: pointer;}
.slide-open-section.expanded, .slide-open-section:hover {color: #0069d9;}
.bg-lightblue {background: #e0fffd;}
.work-table {border: solid 2px #999;}

.form label {font-size: 0.9rem;}
.btn {text-transform: uppercase; font-weight: bold; font-size: 0.75rem;}
.btn-white {background-color: #fff; color: #e81c8c;}
.btn-white:hover {color: #000;}
.bg-black {background-color: #000; color: #fff;}
.bg-gray {background-color: #ddd; }
.clear {clear: both;}
.hover-opacity:hover {opacity: 0.8;}
.link-text {font-size: 0.8rem;}
header .logo {max-height: 125px;}
#navbar {font-size: 1.3rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
.navbar-light .nav-item {display: flex; align-items: center; }
.navbar-light .navbar-toggler {width: 56px;}
.navbar-light .navbar-nav .nav-link {color: #ccc;}
.navbar-light .navbar-nav .nav-link:hover {text-decoration: none; color: #fff;}
.bg-rounded {border-radius: 0.5rem;}
.list-group li:nth-child(even) { background: #f1f1f1; }
#notice {position: fixed; top: 3px; left: 3px; right: 3px; z-index: 10000; }

.container-fluid {max-width: 1440px}

.form input[type=checkbox], input[type=radio] {position: absolute; left: -9999px;}
.form input[type=checkbox] + label span:before {font-family: "FontAwesome"; display: inline-block; content: "\f096"; font-size: 24px; letter-spacing: 10px; color: #aaa; transition: color 0.2s;}
.form input[type=checkbox]:checked + label {color: #122f54;}
.form input[type=checkbox]:checked + label span:before { content: "\f046"; letter-spacing: 6.5px; color: #122f54; transition: color 0.2s;}
.form input[type=radio] + label span:before {font-family: "FontAwesome"; display: inline-block; content: "\f111"; font-size: 24px; letter-spacing: 10px; color: #aaa; transition: color 0.2s;}
.form input[type=radio]:checked + label {color: #122f54;}
.form input[type=radio]:checked + label span:before { content: "\f192"; letter-spacing: 10px; color: #122f54; transition: color 0.2s;}
.form-hidden {display: none;}

/*
.overlay {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0,0,0,0.8);}
.ajax-loading {display: none; position: absolute; left: 50%; top: 15%; z-index: 5000; margin-left: -16px;}
*/
.ajax-loading {display: none; width: 20px;}
button .ajax-loading {margin-left: 0.5rem;}

.footer {border-radius: none;}
.footer-links li {margin-bottom: 5px;}
@media screen and (max-width : 768px) {
}
@media screen and (max-width : 480px) {
}