:root {
  --unlockingwebsite-primary: #2563eb;
  --unlockingwebsite-primary-hover: #1d4ed8;
  --unlockingwebsite-accent: #14b8a6;
  --unlockingwebsite-accent-hover: #0f766e;
  --unlockingwebsite-secondary: #16a34a;
  --unlockingwebsite-secondary-hover: #15803d;
  --unlockingwebsite-dark: #0f172a;
  --unlockingwebsite-on-primary: #ffffff;
}

a {
  color: var(--unlockingwebsite-primary);
}

a:hover,
a:focus {
  color: var(--unlockingwebsite-primary-hover);
}

#header .header-logo img {
  height: auto;
  max-height: 72px;
  max-width: 260px;
  object-fit: contain;
}

#header .header-nav-main nav > ul > li > a {
  color: var(--unlockingwebsite-dark) !important;
}

#header .header-nav-main nav > ul > li.active > a,
#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus-within > a {
  background: var(--unlockingwebsite-primary) !important;
  color: var(--unlockingwebsite-on-primary) !important;
}

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

#header .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
#header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
#header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
  border-top-color: var(--unlockingwebsite-on-primary) !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
  border-color: transparent transparent transparent var(--unlockingwebsite-accent) !important;
}

#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
  border-top-color: var(--unlockingwebsite-accent) !important;
}

#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
  border-color: transparent var(--unlockingwebsite-accent) transparent transparent !important;
}

#header .header-nav.header-nav-stripe nav > ul > li:hover > a,
#header .header-nav.header-nav-top-line nav > ul li.active > a:before,
#header .header-nav.header-nav-top-line nav > ul li:hover > a:before {
  background: var(--unlockingwebsite-accent) !important;
}

#header .header-nav.header-nav-top-line nav > ul li.active > a,
#header .header-nav.header-nav-top-line nav > ul li:hover > a,
#header .header-nav.header-nav-dark-dropdown nav > ul li.active > a,
#header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a {
  color: var(--unlockingwebsite-accent) !important;
}

#header .tip.skin:before,
html[dir="rtl"] #header .tip.skin:before {
  border-left-color: var(--unlockingwebsite-accent) !important;
}

#header .header-btn-collapse-nav,
html .btn-primary,
html .btn-primary-scale-2,
html .btn-primary-scale-3,
ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
  background-color: var(--unlockingwebsite-primary) !important;
  border-color: var(--unlockingwebsite-primary) !important;
  color: var(--unlockingwebsite-on-primary) !important;
}

#header .header-btn-collapse-nav:hover,
html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary-scale-2:hover,
html .btn-primary-scale-2:focus,
html .btn-primary-scale-3:hover,
html .btn-primary-scale-3:focus {
  background-color: var(--unlockingwebsite-primary-hover) !important;
  border-color: var(--unlockingwebsite-primary-hover) !important;
}

html .btn-secondary {
  background-color: var(--unlockingwebsite-secondary) !important;
  border-color: var(--unlockingwebsite-secondary) !important;
  color: var(--unlockingwebsite-on-primary) !important;
}

html .btn-secondary:hover,
html .btn-secondary:focus {
  background-color: var(--unlockingwebsite-secondary-hover) !important;
  border-color: var(--unlockingwebsite-secondary-hover) !important;
}

.form-control:focus {
  border-color: var(--unlockingwebsite-primary);
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.16);
}

section.page-header h1,
html .featured-box-primary h4,
html .featured-box-primary .box-content {
  border-color: var(--unlockingwebsite-primary) !important;
}

html .text-color-primary,
html .heading-primary,
.text-primary {
  color: var(--unlockingwebsite-primary) !important;
}

html .text-color-secondary,
html .heading-secondary,
.text-secondary {
  color: var(--unlockingwebsite-secondary) !important;
}

.popover a,
.popover a:hover,
.popover a:focus {
  color: var(--unlockingwebsite-accent) !important;
}

.feature-box .feature-box-icon {
  background-color: var(--unlockingwebsite-accent) !important;
}

.feature-box.feature-box-style-2 .feature-box-icon {
  background: transparent !important;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
  color: var(--unlockingwebsite-accent) !important;
}

.feature-box.feature-box-style-3 .feature-box-icon,
html .feature-box-primary.feature-box-style-3 .feature-box-icon {
  border-color: var(--unlockingwebsite-accent) !important;
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa,
.feature-box.feature-box-style-3 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
  color: var(--unlockingwebsite-accent) !important;
}

.feature-box.feature-box-style-2 .feature-box-info .tall {
  text-align: left !important;
  line-height: 1.75;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  background-color: var(--unlockingwebsite-accent) !important;
}

#footer .footer-ribbon {
  background: var(--unlockingwebsite-accent) !important;
}

#footer .footer-ribbon:before {
  border-right-color: var(--unlockingwebsite-accent-hover) !important;
  border-left-color: var(--unlockingwebsite-accent-hover) !important;
}