/**
 * EPL Project Customs CSS
 *
 * @package     EPL-PROJECT-CUSTOM
 * @since       1.0.0
 * @subpackage  css
 * @copyright   Copyright (c) 2025, Merv Barrett
 * @license     http://opensource.org/licenses/gpl-2.0.php GNU Public License
 */
:root {
  --epl-project-color-black: #000000;
  --epl-project-color-white: #ffffff;
  --epl-project-color-grey: #002461;
  --epl-project-color-page: #f7f7f7;
  --epl-project-color-primary: #656565;
  --epl-project-color-primary-light: var(--epl-project-color-primary);
  --epl-project-color-primary-opacity: var(--epl-project-color-primary);
  --epl-project-color-secondary: #001f49;
  --epl-project-color-secondary-light: var(--epl-project-color-secondary);
  --epl-project-color-secondary-opacity: var(--epl-project-color-secondary);
  --epl-project-color-tertiary: #3ebef7;
  --epl-project-color-tertiary-light: var(--epl-project-color-tertiary);
  --epl-project-color-tertiary-opacity: var(--epl-project-color-tertiary);
  --epl-project-color-accent: #3ebef7;
  --epl-project-color-accent-light: #3ebef7;
  --epl-project-color-accent-opacity: #3ebef7;
  --epl-project-color-alternate: #3ebef7;
  --epl-project-color-alternate-light: #3ebef7;
  --epl-project-color-alternate-opacity: #3ebef7;
  --epl-project-color-tint: #edf1ef;
  --epl-project-color-grey: #c8c8c8;
  --epl-project-color-grey-dark: #303030;
  --epl-project-font-family-primary: 'Montserrat', sans-serif;
  --epl-project-font-family-secondary: 'Montserrat', Hans-serif;
  --epl-project-font-family-tertiary: 'Montserrat', sans-serif;
  --bg-1: rgba(104, 130, 57, 0.4); /* soft grey haze */
  --bg-2: rgba(104, 130, 57, 0.4);
  --bg-3: rgba(104, 130, 57, 0.4);
  --bg-4: rgba(244, 130, 57, 0.4);
  --edge-fade: 80%; /* how soft the vignette feels */
}

.xxx.elementor-posts .elementor-post__thumbnail__link {
  border-radius: 8px;
  overflow: hidden;
}
.xxx.elementor-posts .elementor-post__excerpt {
  padding-bottom: 1em;
  border-bottom: 1px solid var(--epl-project-color-tint);
}
.xxx.elementor-posts .elementor-post .elementor-post__read-more {
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xxx.elementor-posts .elementor-post .elementor-post__read-more::after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 10em;
  margin-left: auto;
  background-image: url("images/fa/circle-chevron-right-solid-full.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center -1px;
  filter: invert(14%) sepia(55%) saturate(6077%) hue-rotate(355deg) brightness(88%) contrast(122%);
}

.xxx.elementor-element .elementor-swiper .swiper .elementor-swiper-button {
  top: unset;
  transform: unset;
  bottom: -1.5em;
}
.xxx.elementor-element .elementor-swiper .swiper .elementor-swiper-button i {
  background: transparent;
  border-radius: 2em;
  border: 3px solid var(--epl-project-color-alternate);
  color: var(--epl-project-color-alternate);
  padding: 0.1em;
  font-size: 0.8em;
}
.xxx.elementor-element .elementor-swiper .swiper .elementor-swiper-button-prev {
  right: 2em;
  left: unset;
}
.xxx.elementor-element .elementor-swiper .swiper .elementor-swiper-button-next i {
  background: var(--epl-project-color-alternate);
  color: var(--epl-project-color-white);
}

.elementor-widget-wp-widget-categories h5 {
  display: none;
}
.elementor-widget-wp-widget-categories ul {
  list-style: none;
  margin: 0;
}
.elementor-widget-wp-widget-categories a {
  color: var(--epl-project-color-tertiary);
}
.elementor-widget-wp-widget-categories a:hover {
  text-decoration: underline;
}

.eplbt-company-logo {
  padding-right: 0.25em;
}

.site-header-logo {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .site-header-logo {
    flex-wrap: wrap;
  }
}

.site-logo-secondary {
  display: flex;
  align-items: center;
  font-size: 0.7em;
  color: var(--epl-project-color-tertiary);
}
.site-logo-secondary > * {
  padding: 0 0.8em;
  border-left: 1px solid var(--epl-project-color-secondary);
  min-width: fit-content;
}
@media screen and (max-width: 640px) {
  .site-logo-secondary .site-logo-pp {
    border-left: none;
    padding-left: 0;
  }
}

@media screen and (max-width: 640px) {
  .site-logo {
    flex-basis: 100%;
  }
}

footer .footer-h-logo .eplbt-logo-wrapper {
  text-align: center;
  display: block;
}

.footer-widget {
  color: var(--epl-project-color-white);
}
.footer-widget h4 {
  color: var(--epl-project-color-tertiary);
  font-weight: 400;
}
@media screen and (max-width: 1025px) {
  .footer-widget {
    text-align: center;
  }
}

header.entry-header .entry-title {
  font-weight: 400;
}

.ast-narrow-container .entry-title {
  max-width: var(--wp--custom--ast-content-width-size);
  margin-left: auto;
  margin-right: auto;
}

.epl-project-menu {
  font-family: inherit;
}

ul.epl-project-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.epl-project-menu__list .menu-item-has-children > a {
  background: var(--epl-project-color-secondary);
  color: var(--epl-project-color-white);
}
ul.epl-project-menu__list li {
  list-style: none;
}
ul.epl-project-menu__list li ul {
  margin-left: 0;
  padding-left: 0;
}
ul.epl-project-menu__list a {
  padding: 0.5em 1em;
  display: block;
  border-bottom: 1px solid #ddd;
  color: var(--epl-project-color-tertiary);
  text-decoration: none !important;
}
ul.epl-project-menu__list a:hover {
  text-decoration: underline;
  background: #efefef;
}
ul.epl-project-menu__list .current-menu-item:not(.menu-item-has-children) a {
  background: #efefef;
}
ul.epl-project-menu__list .current-menu-item:not(.menu-item-has-children) a:hover {
  background: var(--epl-project-color-secondary);
}
ul.epl-project-menu__list .menu-item-has-children > a:hover,
ul.epl-project-menu__list .current-menu-item.menu-item-has-children > a:hover {
  background: var(--epl-project-color-secondary);
}

.single-project .elementor-nav-menu--dropdown ul,
.page-id-39 .elementor-nav-menu--dropdown ul {
  padding-left: 0;
}
.single-project .elementor-nav-menu--dropdown .nav-parent,
.page-id-39 .elementor-nav-menu--dropdown .nav-parent {
  background-color: var(--epl-project-color-secondary);
}
.single-project .elementor-nav-menu--dropdown .nav-parent > a,
.page-id-39 .elementor-nav-menu--dropdown .nav-parent > a {
  color: var(--epl-project-color-white) !important;
}
.single-project .elementor-nav-menu--dropdown .nav-parent > a.elementor-item-active,
.page-id-39 .elementor-nav-menu--dropdown .nav-parent > a.elementor-item-active {
  background-color: var(--epl-project-color-secondary) !important;
}
.single-project .elementor-nav-menu--dropdown a,
.page-id-39 .elementor-nav-menu--dropdown a {
  text-decoration: none;
}

/* Header rows (make these menu items have a CSS class "menu-heading") */
/* Normal links */
/* Hover */