html {font-size: 10px;}
body, table, input, select, button, textarea {font: 1.8rem/1.3 "Kumbh Sans", sans-serif;}
main {padding: 40px 10px 10px; min-height: 400px;}
footer {border-top: 1px solid #11444E; font-size: 1.4rem; padding: 10px;}
footer.row {margin-top: 40px;}
footer strong, footer a {display: inline-block; margin-right: 30px;}
footer strong a {margin-right: 0;}
h1 {font-size: 2.4rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 2rem;}

#qsNotify {z-index: 5000; position: fixed; top: 60px; right: 0; font-size: 20px; background: #000; color: #fff; padding: 10px; width: 140px;}
#masthead {background: #11444E; padding: 10px 0; font-size: 3rem; color: #fff;}
#masthead img {vertical-align: -25px; margin-right: 15px;}
#userLogout {position: absolute; top: 10px; right: 10px; text-align: right; font-size: 1.4rem; width: 400px; z-index: 100; color: #fff;}
#userLogout a {color: #fff;}
#navbar {background: #FBAA19; position: relative; top: 10px; font-size: 1.8rem;}
#navbar a.active {color: #000; font-weight: bold;}
#navbar a {color: #333;}
#navbar a:hover, #navbar a:focus {color: #111;}
.dropdown-menu {font-size: 1.6rem;}
.dropdown-toggle, .dropdown-appearance {background: #fff; border-radius: 12px; padding-left: 15px !important; padding-right: 15px !important;}
.dropdown-appearance {cursor: auto;}
.nav-item {margin-right: 20px; text-align: center;}
 .nav-item.dropdown {padding-right: 20px; border-right: 2px solid #000; margin-right: 15px;}
#navMenuChoice .nav-item.dropdown {margin-left: 15px; padding-right: 0; border-right: 0; margin-right: 0;} 
#navMenuChoice .nav-item.dropdown > a {background: #eee;}
.navbar-nav li:last-child {margin-right: 0;}
.form-control {font-size: 1.8rem; padding: 5px; border: 1px solid #11444E;}

.addItemForm {display: flex; justify-content: flex-end;}
.addItemForm .form-control {display: inline-block; width: 60%; margin-right: 6px;}

.accordion-item, .accordion-item:first-of-type {margin-top: 40px; border: 2px solid #000; border-radius: 8px;}
.accordion-item:not(:first-of-type) {border-top: 2px solid #000; border-radius: 8px;}
.accordion-item .form-control {width: 250px; display: inline-block;}
.accordion-header {gap: 15px 20px; display: flex; align-items: center; padding: 15px 15px 15px 0;}
.accordion-button {width: 40px; font-size: 2.5rem; left: 5px; height: 35px; line-height: 1;}
.accordion-button::before {content: "+"; font-weight: bold;}
.accordion-button[aria-expanded="true"]::before {content: "-"; font-weight: bold;}
.accordion-button::after {display: none;}
.shiftRight {margin-left: auto;}

.formList {list-style: none; margin: 30px 0 0; padding: 0;}
.formList li {margin-bottom: 15px;}
.formList input {display: inline-block; width: 200px;}
.formList label {width: 100px; text-align: right; margin-right: 10px;}
.errorMsg, .notifyMsg {font-weight: 700; color: red; padding: 10px 10px 10px 0; margin: 20px 0;}
.notifyMsg {color: #000;}
.pull-right {float: right;}
.ctr {text-align: center;}
.breakWord {word-break: break-word;}
.navbar-toggler {background: #fff;}
.navbar-toggler-icon {height: 2.5em; width: 2.5em;}

.formCols label {font-weight: bold; display: block; margin-top: 25px;}
.formCols label .normal {font-weight: normal;}
.formCols input, .formCols textarea, .formCols select {font-weight: normal; max-width: 80%; margin-top: 10px;}
.formCols input[type="checkbox"], .formCols input[type="radio"], .formCols input[type="file"], .formCols input[type="button"], .formCols input[type="submit"] {width: auto;}
.formCols input[type="checkbox"], .formCols input[type="radio"] {margin-top: 0; margin-right: 10px; vertical-align: middle;}
.modal-body .formCols input, .modal-body .formCols textarea, .modal-body .formCols select {max-width: 100%;}
.modal-header {padding: 15px;}
.modal-body {padding: 0 15px 30px;}

.table thead {border-bottom: 2px solid #11444E;}
.table th, .table td {padding: 1rem;}

.btn {font-size: 1.8rem;}
.btn-primary {background: #11444E; border: 1px solid #11444E; color: #F0AC42; font-weight: 600; letter-spacing: .5px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: #F0AC42; border: 1px solid #F0AC42; color: #11444E;}
.btn-success {background: #11444E; border: 1px solid #007279; color: #FFF; font-weight: 600; letter-spacing: .5px;}
.btn-success:hover, .btn-success:focus, .btn-success:active {background: #FFF; border: 1px solid #007279; color: #007279;}

.siteList {margin: 20px 0;}
.siteList label {display: block; margin-bottom: 15px;}

.shorterEditor .tox.tox-tinymce {height: 200px !important;}
.midEditor .tox.tox-tinymce {height: 250px !important;}

#logosList {display: flex; flex-wrap: wrap;}
#logosList > div {margin: 0 80px 80px 0; position: relative; top: 0; left: 0;}
.logoImg {max-height: 75px; width: auto; margin: 0 auto 20px; display: block;}
.deleteLogo, .deleteBlock {line-height: 1; border-radius: 16px; border: 3px solid #000; padding: 2px 8px 6px; text-decoration: none; position: absolute; top: -10px; right: -10px; z-index: 100; font-weight: bold; color: #000; background: #fff;}
.deleteBlock {top: -15px; right: -15px;}
#logosList .orderArrow img {transform: rotate(-90deg);}

.blockWrapper {max-width: 600px; background: #eee; border: 2px solid #999; border-radius: 16px; margin-top: 30px; padding: 0 30px 30px;}

.blockList {list-style: none; margin: 30px 0 0;}
.blockList li {display: flex; gap: 30px; margin-bottom: 40px;}
.blockList li div:nth-child(2) {position: relative; border: 1px solid #000; padding: 10px; text-align: center; width: 600px; max-width: 600px;}
.blockList.narrower li div:nth-child(2) {width: 200px; max-width: 200px;}

.flex {display: flex; flex-wrap: wrap;}
.blockNav {list-style: none; margin: 30px 0 0;}
.blockNav > li {min-width: 200px; margin-right: 30px;}
.blockNav > li > div {position: relative; border: 1px solid #000; padding: 10px; text-align: center;}

.navChoices {padding: 15px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 20px auto; display: flex;}
.navChoices > input {margin-right: 30px;}

@media screen and (max-width: 1100px) {
  #navbar {font-size: 1.6rem;}
  .nav-item {margin-right: 15px;}
}

@media screen and (max-width: 992px) {
  .navbar-nav {margin-top: 15px;}
  .nav-item {text-align: left; margin-top: 5px; margin-bottom: 5px;}
  .nav-item.dropdown {padding-right: 0; border-right: 0;}
}

@media screen and (max-width: 768px) {
  .formCols input, .formCols textarea, .formCols select {max-width: 100%;}
}

@media screen and (max-width: 600px) {
  #masthead {font-size: 2rem;}
}