/* Custom styles for Firma theme */

.path-frontpage .node--view-mode-teaser .title, 
.region-content-top-up .title, 
.region-content-top-down .title {
  text-align: center;
}

.node--view-mode-teaser h2, 
.region-content-top-up h2, 
.region-content-top-down h2 {
  display: inline-block;
}

.node--view-mode-teaser h2::after, 
.region-content-top-up h2::after, 
.region-content-top-down h2::after {
  content: '';
  border-bottom: 4px solid #e3722e;
  width: 70px;
  display: block;
  margin: 20px auto;
}

h2.page-title::after {
  content: '';
  border-bottom: 4px solid #e3722e;
  width: 70px;
  display: block;
  margin: 20px 0;
}

.region-sidebar-second .title h2::after, 
.region-sidebar-first .title h2::after {
  content: '';
  border-bottom: 4px solid #e3722e;
  display: block;
  width: 70px;
  margin: 20px 0;
}

#slideshow h2 {
  display: inline-block;
}

#slideshow h2::after {
  content: '';
  /* Create 2 square dots using box-shadow for cleaner look */
  width: 8px;
  height: 8px;
  background: white;
  display: block;
  margin: 20px auto;
  /* First dot is the element itself, second dot is created via shadow */
  box-shadow: 20px 0 0 white; 
  /* Center the group relative to the H2 */
  position: relative;
  left: -10px; /* Offset to center the two dots */
}

.feed-icon {
  display: none;
}

/* Top Header Hover Effects */
.top-header-link {
  transition: all 0.3s ease;
  display: inline-block;
  opacity: 0.9;
}

.top-header-link:hover {
  opacity: 1;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.top-header-link span {
  transition: transform 0.3s ease;
}

.top-header-link:hover span {
  transform: scale(1.2);
}

.uk-navbar-nav > li > a.is-active {
  background: #e3722e;
  color: white;
}