/** Theme Customizer */
:root {
  --translate-y-value: -50px;
  /* Initial value */
}
/** Content */
body {
  background-color: #fff !important;
  font-family: Avenir-book, arial, sans-serif !important;
  font-size: 15px !important;
  color: #2a2a2a !important;
}
body p {
  font-family: Avenir-book, arial, sans-serif !important;
}
body a {
  color: #00ace0;
}
body a:hover {
  color: #01c3fd;
}
body h1 {
  color: #4a4a4a;
  font-size: 35px;
  font-family: Lato-Black, Avenir-roman, arial, sans-serif;
}
body h2 {
  color: #4a4a4a;
  font-size: 28px;
  font-family: Lato-Black, Avenir-heavy, arial, sans-serif;
}
body h3 {
  color: #4a4a4a;
  font-size: 24px;
  font-family: Lato-Black, Avenir-heavy, arial, sans-serif;
}
body h4 {
  color: #4a4a4a;
  font-size: 18px;
  font-family: Lato-Black, Avenir-heavy, arial, sans-serif;
}
body .btn, body a.btn, body span.btn {
  font-size: 14 px;
  font-family: Avenir-heavy, avenir, arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 14 px;
}
body .btn.btn-primary, body a.btn.btn-primary, body span.btn.btn-primary {
  color: #fff;
  background-color: #f4ce00;
  border-color: #f4ce00;
}
body .btn.btn-primary:hover, body .btn.btn-primary:active, body a.btn.btn-primary:hover, body a.btn.btn-primary:active, body span.btn.btn-primary:hover, body span.btn.btn-primary:active {
  color: #f4ce00;
  background-color: #fff;
  border-color: #f4ce00;
}
body .btn.btn-secondary, body a.btn.btn-secondary, body span.btn.btn-secondary {
  color: #fff;
  background-color: #ff7800;
  border-color: #ff7800;
}
body .btn.btn-secondary:hover, body .btn.btn-secondary:active, body a.btn.btn-secondary:hover, body a.btn.btn-secondary:active, body span.btn.btn-secondary:hover, body span.btn.btn-secondary:active {
  color: #ff7800;
  background-color: #fff;
  border-color: #ff7800;
}
body .btn.btn-tertiary, body a.btn.btn-tertiary, body span.btn.btn-tertiary {
  color: #fff;
  background-color: #00ace0;
  border-color: #00ace0;
}
body .btn.btn-tertiary:hover, body .btn.btn-tertiary:active, body a.btn.btn-tertiary:hover, body a.btn.btn-tertiary:active, body span.btn.btn-tertiary:hover, body span.btn.btn-tertiary:active {
  color: #00ace0;
  background-color: #fff;
  border-color: #00ace0;
}
body .btn.btn-quaternary, body a.btn.btn-quaternary, body span.btn.btn-quaternary {
  color: #f0ebdb;
  background-color: #732a22;
  border-color: #f68d2b;
}
body .btn.btn-quaternary:hover, body .btn.btn-quaternary:active, body a.btn.btn-quaternary:hover, body a.btn.btn-quaternary:active, body span.btn.btn-quaternary:hover, body span.btn.btn-quaternary:active {
  color: #fff;
  background-color: #ae4313;
  border-color: #f68d2b;
}
body .btn.btn-quinary, body a.btn.btn-quinary, body span.btn.btn-quinary {
  color: #f0ebdb;
  background-color: #732a22;
  border-color: #f68d2b;
}
body .btn.btn-quinary:hover, body .btn.btn-quinary:active, body a.btn.btn-quinary:hover, body a.btn.btn-quinary:active, body span.btn.btn-quinary:hover, body span.btn.btn-quinary:active {
  color: #fff;
  background-color: #ae4313;
  border-color: #f68d2b;
}
/** Forms - Conponents */
form input[type="sbumit"] {
  color: #fff;
  background-color: #00ace0;
  border-color: #00ace0;
}
form input[type="sbumit"]:hover, form input[type="sbumit"]:active {
  color: #00ace0;
  background-color: #fff;
  border-color: #00ace0;
}
/** Custom Header Animation */
@keyframes headerGraphicSlideUp {
  0% {
    transform: translateY(0px) translateX(0%);
  }
  100% {
    transform: translateY(var(--translate-y-value)) translateX(0%);
  }
}
@keyframes headerGraphicSlideDown {
  0% {
    transform: translateY(var(--translate-y-value)) translateX(0%);
  }
  100% {
    transform: translateY(0px) translateX(0%);
  }
}
header.banner .header-graphic-container.collapsed img {
  animation-name: headerGraphicSlideUp;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
header.banner .header-graphic-container.expanded img {
  animation-name: headerGraphicSlideDown;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
/** Headers */
header.banner {
  background-color: #fbfbfb !important;
}
header.banner.header-fixed .header-container .pre-header, header.banner.header-relative .header-container .pre-header {
  background-color: #4a4a4a;
  color: #ffffff;
  font-size: 14px;
  font-family: Avenir-book, arial, sans-serif;
}
header.banner.header-fixed .header-container .pre-header a, header.banner.header-relative .header-container .pre-header a {
  color: #ffffff;
  height: 14px;
}
header.banner.header-fixed .header-container .pre-header p, header.banner.header-relative .header-container .pre-header p {
  font-size: 14px;
}
header.banner.header-fixed .header-container .main-header .lower-nav-container, header.banner.header-fixed .header-container .main-header .lower-logo-container, header.banner.header-relative .header-container .main-header .lower-nav-container, header.banner.header-relative .header-container .main-header .lower-logo-container {
  background-color: #fbfbfb;
}
header.banner.header-fixed .header-container .main-header nav a.nav-link, header.banner.header-relative .header-container .main-header nav a.nav-link {
  color: #ff7800;
  font-size: 16px;
  font-family: Avenir-book, arial, sans-serif;
  text-transform: uppercase;
}
header.banner.header-fixed .header-container .main-header nav a.nav-link:hover, header.banner.header-relative .header-container .main-header nav a.nav-link:hover {
  color: #fd971a;
}
header.banner.header-fixed .header-container .main-header {
  max-height: 135px;
  height: 135px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header.banner.header-fixed .header-container .main-header .site-logo img.logo {
  max-height: 85px;
}
header.banner.header-fixed .header-container.collapsed .main-header {
  max-height: 85px;
  height: 85px;
}
/** Post List - Post Single Pages */
.basekit-post-list-container .basekit-post-list-block article .basekit-post-featured-image-container {
  border: 3px solid #ff7800;
}
.basekit-post-list-container .basekit-post-list-block article h3.basekit-post-title a {
  color: #f4ce00;
}
.basekit-post-list-container .basekit-post-list-block article .basekit-post-link a {
  background: #ff7800;
}
.basekit-post-list-container .basekit-post-list-block article:hover .basekit-post-link a {
  background: #00ace0;
}
/** Footers */
footer.footer-main {
  background-color: #2a2a2a !important;
  color: #ffffff;
  font-size: 15px;
  font-family: Avenir-book, arial, sans-serif;
}
footer.footer-main section {
  color: #ffffff;
}
footer.footer-main section h1, footer.footer-main section h2, footer.footer-main section h3, footer.footer-main section h4 {
  color: #e4e4e4;
  font-size: 28px;
  font-family: Lato-Black, Avenir-heavy, arial, sans-serif;
  text-transform: none;
}
footer.footer-main section a {
  color: #fd971a;
}
div.sub-footer-container {
  background-color: #000000 !important;
  color: #ffffff;
  font-size: 12px;
  font-family: Avenir-book, avenir, sans-serif;
}
div.sub-footer-container a {
  color: #ffffff;
}
div.sub-footer-container ul li a {
  color: #ffffff;
}
/** Basekit Mobile */
@media screen and (max-width: 767px) {
  header.banner.header-fixed div.header-container div.main-header, header.banner.header-relative div.header-container div.main-header {
    min-height: 85px;
    max-height: 85px;
    height: 85px;
  }
  header.banner.header-fixed div.header-container div.main-header .container .row .column-logo a img, header.banner.header-relative div.header-container div.main-header .container .row .column-logo a img {
    padding: 2px;
  }
}
