/* Add here all your CSS customizations */

.btn-info {
  border-color: var(--primary-main);
  background-color: var(--primary-main);
  border-color: var(--primary-main) var(--primary-main) var(--primary-main);
  color: var(--white);
}
html .list-primary.list-icons li > .fa:first-child,
html .list-primary.list-icons li a:first-child > .fa:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
  color: var(--primary-main);
  border-color: var(--primary-main);
}
html section.section-primary {
  background-color: var(--primary-main) !important;
  border-color: var(--off-white-2) !important;
}
p.drop-caps:first-letter {
  color: var(--primary-main);
}
.sites-all {
  left: 16rem;
  position: relative;
  top: 6rem;
}
.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
  opacity: 1;
  top: 60%;
}

.thumb-info .thumb-info-type {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  margin: 8px -2px -15px -2px;
  padding: 5px 10px 5px 10px;
  text-transform: none;
  z-index: 2;
}

/* Update body text for accessibility contrast */
#header nav > ul > li.dropdown[aria-expanded="true"] > .dropdown-menu {
  display: block;
  opacity: 1;
  top: 100%;
}

#header nav > ul > li.dropdown[aria-expanded="false"] > .dropdown-menu {
  display: none;
  opacity: 0;
}

#header
  .header-nav-main
  nav
  > ul
  > li.dropdown-mega
  .dropdown-mega-sub-nav
  > li
  > a {
  color: var(--light-grey-4);
}
/* Darken header */
.header-body {
  background: #000;
}
html:not(.sticky-header-active)
  #header.header-transparent-sticky-deactive
  .header-body:before {
  background: #171717 !important;
}
html #header.header-semi-transparent .header-body {
  background: #171717;
}

.dropdown-toggle:focus,
.portfolio-item > a:focus span.thumb-info,
#sponsors a:focus {
  outline: auto 5px -webkit-focus-ring-color;
}

p {
  color: var(--medium-grey);
}

footer p {
  color: var(--light-grey-4) !important;
}

.visually-hidden {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Mobile styles */
@media (max-width: 991px) {
  /* .dropdown-mega-sub-nav ul li a.theme {
    margin-left: 3rem !important;
  } */
  .sites-all {
    left: 0;
    float: right;
    position: relative;
    top: 0;
  }
}

/* 2021 Color Edits */
.btn-info {
  background-color: var(--primary-accent);
}
.btn-info:hover {
  background-color: var(--secondary-main);
}

.btn-primary,
.btn-secondary,
html section.section-primary h2,
html section.section-primary p,
.text-light,
.thumb-info .thumb-info-title .thumb-info-type {
  color: var(--primary-font-color) !important;
}

#header .header-btn-collapse-nav {
  background: var(--primary-accent);
}

#header .header-nav-main nav > ul > li > a,
html .lnk-primary {
  color: var(--primary-accent) !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
  border-top-color: var(--primary-accent);
}

html .btn-primary,
html .btn-secondary {
  background: var(--primary-accent);
  border-color: var(--primary-accent) var(--primary-accent)
    var(--primary-accent);
}
html .home-intro-primary,
html section.section-primary,
.thumb-info .thumb-info-title .thumb-info-type {
  background-color: var(--primary-accent) !important;
}

/* Removed Icons from Themes */
.list .list-icons li,
.list.list-icons.list-icons-style-3 li,
.list.list-icons.list-icons-lg.list-icons-style-3 li {
  padding-left: 0;
}