/*
Theme Name: ACS
Author: Elliot Christenson
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/* NAV BAR CONTAINER */
#top-nav nav ul.hfe-nav-menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f0f0f0;
  overflow: visible;
}

/* EACH NAV ITEM */
#top-nav nav ul.hfe-nav-menu li {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 1;
}

/* PARALLELOGRAM LINK STYLE */
#top-nav nav ul.hfe-nav-menu li a {
  display: block;
  padding: 15px 35px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  background: linear-gradient(to bottom, #0050a0, #003e80);
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  transition: background 0.3s ease, color 0.3s ease;
}

/* ACTIVE OR HOVERED ITEM */
#top-nav nav ul.hfe-nav-menu li.active a,
#top-nav nav ul.hfe-nav-menu li:hover a {
  background: linear-gradient(to bottom, #e0e0e0, #cfcfcf);
  color: #002f6c;
}

/* ANGLED SLASH BETWEEN ITEMS */
#top-nav nav ul.hfe-nav-menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: -2px;
  width: 4px;
  background: #002f6c;
  transform: skewX(-20deg);
  z-index: 2;
}

/* REMOVE EXTRA SPACE CAUSED BY SLASHES */
#top-nav nav ul.hfe-nav-menu li:not(:first-child) {
  margin-left: -10px;
}

.page-header {
	width: 1140px;
	margin: 0 auto;
}
.page-header .entry-title {
  position: relative;
  display: inline-block; /* keeps width tight around text */
  padding-bottom: 15px; /* spacing between text and stripe */
  color: #FFF;
}

.page-header .entry-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(
    -45deg,
    #ffd700,
    #ffd700 10px,
    #000 10px,
    #000 20px
  );
}

