:root {
  --primary: #2c3078;
  --secondary: #759c43;
  --muted: #f8f8f8;
  --gray: #ededed;
  --white: #fff;

  --tec-color-background-events-bar-submit-button: var(--primary);
  --tec-color-background-events-bar-submit-button-hover: var(--secondary);
  --tec-color-background-events-bar-submit-button-active: var(--secondary);
  --tec-form-color-accent-primary: var(--primary);
  --tec-color-accent-primary: var(--primary);

}

@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation: fade 0.3s ease both; }
@keyframes fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

html, body { background: var(--muted); }

/* ---------- links, images & animations ---------- */

a, a img, .uk-link, .uk-button, #scroll-arrow a, .hubspot-event-cta * { transition: all 200ms ease-in-out; }
a:hover img, a.uk-logo:hover { filter: brightness(1.03); }
a.uk-position-absolute { transition: none; }

.fade-in, .fade-in-up, .delay { opacity: 0; }
.fade-in { animation: fadeIn 200ms linear forwards; }
.fade-in-up { animation: fadeInUp 500ms ease-in-out forwards; }
.delay { animation-delay: 1s; }

.uk-button-danger { color: var(--primary) !important; }

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- typography ---------- */

em { color: inherit; }

.el-content ul {
  line-height: 2;
  margin-bottom: 2rem;
}

/* ---------- flipcards ---------- */

.hd-flipcard { cursor: pointer; }
.hd-flipcard .el-card { text-align: center; }
.hd-flipcard .el-card.uk-card, .hd-flipcard .el-card-back { min-height: 450px !important; }
.hd-flipcard .uk-card, .hd-flipcard .el-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hd-flipcard-inner { font-size: 16px }
.hd-flipcard .el-card.uk-card::before {
  background: url(/wp-content/uploads/arrow-right-01.svg) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  display: block;
}
.flip-card-uneven-row {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- events ---------- */

.hubspot-event-cta div {
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
}
.hubspot-event-cta div:hover { opacity: 0.8; }

/* ---------- store locator ---------- */

.wpsl-direction-wrap { font-size: 14px; }
.single-wpsl_stores .wpsl-gmap-canvas {
  margin-bottom: 0;
  border-bottom: 1px solid var(--gray);
}
.wpsl-no-filters #wpsl-search-wrap .wpsl-input, .wpsl-no-filters #wpsl-search-input { box-sizing: border-box; }

.single-wpsl_stores .uk-navbar-nav>li.nav-find-a-firm>a { color: var(--secondary); }
.single-wpsl_stores .uk-navbar-nav>li.nav-find-a-firm>a::before {
  background-color: #121314;
  left: var(--uk-navbar-nav-item-line-margin-horizontal);
  right: var(--uk-navbar-nav-item-line-margin-horizontal);
}

#wpsl-stores .wpsl-store-thumb { display: none; }

/* -- store scrollbar -- */

#wpsl-stores::-webkit-scrollbar { width: 12px; }
#wpsl-stores::-webkit-scrollbar-track { background: var(--gray); }
#wpsl-stores::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 6px;
  border: 3px solid var(--gray);
}
#wpsl-stores {
  background: rgba(0, 0, 0, 0.03);
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--gray);
  padding: 10px;
}


/* ---------- video ---------- */

.embed-container, .responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed, .responsive-container iframe, .responsive-container object, .responsive-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------- accordion ---------- */

.uk-open .uk-accordion-title {  }
.uk-accordion-title::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2332658A' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E"); }
.uk-open>.uk-accordion-title::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2373BFB8' d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"); }

/* ---------- footer ---------- */

#scroll-arrow {
  position: fixed;
  bottom: 40px;
  right: 40px;
}
.uk-totop, .uk-totop:hover { background-color: transparent; }
#scroll-arrow a {
  background: #000;
  color: #fff;
  border-radius: 50%;
  line-height: 1;
  display: block;
  padding: 15px 0 0 16px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  opacity: 0.8;
}
#scroll-arrow a:hover { opacity: 1; }
#scroll-arrow.uk-visible {
  display: block;
  animation: fadeIn 1s linear forwards;
}

/* ---------- responsive ---------- */

@media only screen and (max-width: 960px) {

  #scroll-arrow {
    bottom: 0;
    right: 10px;
  }

}