.logo-cyan .cls-4 {
  fill: #4fe0f5;
}
.logo-cyan .cls-3 {
  fill: #45c4d6;
}
.logo-cyan .cls-2 {
  fill: #1dbede;
}
.logo-cyan .cls-6 {
  fill: #18a1ba;
}
.logo-cyan .cls-5 {
  fill: #297fa6;
}
.logo-cyan .cls-1 {
  fill: #025678;
}

.logo-cyan-text .first-half {
  color: white;
}
.logo-cyan-text .second-half {
  color: white;
}

.logo-orange .cls-4 {
  fill: #FF9A00;
}
.logo-orange .cls-3 {
  fill: #D48100;
}
.logo-orange .cls-2 {
  fill: #FF7400;
}
.logo-orange .cls-6 {
  fill: #DB6400;
}
.logo-orange .cls-5 {
  fill: #DB3E00;
}
.logo-orange .cls-1 {
  fill: #B03100;
}

.logo-orange-text .first-half {
  color: white;
}
.logo-orange-text .second-half {
  color: white;
}

.logo-debug .cls-4 {
  fill: red;
}
.logo-debug .cls-3 {
  fill: blue;
}
.logo-debug .cls-2 {
  fill: orange;
}
.logo-debug .cls-6 {
  fill: green;
}
.logo-debug .cls-5 {
  fill: pink;
}
.logo-debug .cls-1 {
  fill: purple;
}

.logo-debug-text .first-half {
  color: white;
}
.logo-debug-text .second-half {
  color: white;
}

.logo-bc .cls-4 {
  fill: #FFB6DC;
}
.logo-bc .cls-3 {
  fill: #FF83C4;
}
.logo-bc .cls-2 {
  fill: #FF76BD;
}
.logo-bc .cls-6 {
  fill: #FF43A5;
}
.logo-bc .cls-5 {
  fill: #F5007F;
}
.logo-bc .cls-1 {
  fill: #B20066;
}

.logo-bc-text .first-half {
  color: white;
}
.logo-bc-text .second-half {
  color: white;
}

.logo-pride .cls-4 {
  fill: #FF8B00;
}
.logo-pride .cls-3 {
  fill: #CC0000;
}
.logo-pride .cls-2 {
  fill: #26AF00;
}
.logo-pride .cls-6 {
  fill: #E0D500;
}
.logo-pride .cls-5 {
  fill: #9E00BA;
}
.logo-pride .cls-1 {
  fill: #2B40D6;
}

.logo-pride-text .first-half {
  color: white;
}
.logo-pride-text .second-half {
  color: white;
}

.logo-trans .cls-4 {
  fill: #92e5ff;
}
.logo-trans .cls-3 {
  fill: #7cc2d9;
}
.logo-trans .cls-2 {
  fill: #ffc0e6;
}
.logo-trans .cls-6 {
  fill: #d9a3c4;
}
.logo-trans .cls-5 {
  fill: #e2e2e2;
}
.logo-trans .cls-1 {
  fill: #bababa;
}

.logo-trans-text .first-half {
  color: white;
}
.logo-trans-text .second-half {
  color: white;
}

.agreement-copy li {
  margin-bottom: 5px;
}
.agreement-copy > ol > li {
  margin-bottom: 20px;
}

.root-list {
  counter-reset: item;
}
.root-list > li {
  list-style-type: decimal;
  counter-increment: item;
}
.root-list > li > ol {
  counter-reset: subitem;
}
.root-list > li > ol > li {
  list-style-type: decimal;
  display: table;
  counter-increment: subitem;
}
.root-list > li > ol > li:before {
  display: inline;
  content: counters(item, "") "." counters(subitem, "") ". ";
}
.root-list > li > ol > li > ol > li {
  list-style-type: lower-alpha;
}

.force-alpha li {
  display: list-item !important;
  list-style-type: lower-alpha !important;
}
.force-alpha li:before {
  display: none !important;
}

.ratio-16x9 {
  aspect-ratio: 16/9;
}

.ratio-21x9 {
  aspect-ratio: 21/9;
}

.ratio-boxart {
  aspect-ratio: 600/900;
}

.article-featured-image {
  background-position: center;
  background-size: cover;
}

.dashboard-news-entry {
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.dashboard-news-entry .dashboard-news-entry-inner {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dashboard-news-entry h3 {
  margin-top: auto;
}
.dashboard-news-entry h3, .dashboard-news-entry h6 {
  color: #fff;
}
.dashboard-news-entry .draft-marker {
  position: absolute;
  top: 30px;
  right: 0px;
  background: #34e7e4;
  font-weight: bold;
  padding: 3px 5px;
  color: #090c0f;
}

.read-more-articles-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-featured-image {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.article-featured-image .article-details {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.article-featured-image .article-details h2, .article-featured-image .article-details h3, .article-featured-image .article-details h4, .article-featured-image .article-details h6 {
  color: #fff;
}
.article-featured-image .article-details h6 {
  margin-bottom: 0px;
}
.article-featured-image .article-details-lower {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-featured-image .article-publish-date {
  text-align: right;
  margin-left: auto;
}

.root-tabs > .nav-tabs-alt {
  justify-content: space-between;
  margin-bottom: 30px;
}
.root-tabs > .nav-tabs-alt .nav-item {
  flex-grow: 1;
  text-align: center;
}
.root-tabs > .nav-tabs-alt .nav-item .nav-link {
  padding: 1rem 2rem;
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.root-tabs > .nav-tabs-alt .nav-item .nav-link.active {
  background: #fff !important;
  border-bottom-color: #000 !important;
}

.form-group {
  margin-top: 0.3em;
  margin-bottom: 1em;
}
