/* Adding a link icon for external links */
/* ------------------------------------------ */

a[href^="http"]:not([href^="https://ocpe"]):not([href^="/"]):not([href^="https://t4"]):not([class^="learn-more"]):not([class^="cwf-footer__link"])::after {
    font-family: 'Font Awesome 6 Free';
    content: "\f08e";
    font-weight: 900;
    color: inherit;
    display: inline-block;
    margin-left: 4px;
    font-size: 0.6em;
    vertical-align: middle;
}

/* CWF overrides */
/* ------------------------------------------ */

/* move the last item in the nav to the far right on larger screens and color it blue*/
@media (min-width: 1024px) {
  .cwf-nav--main .cwf-nav__list--level-1 {
    display: flex;
    flex-direction: row;
  }

  /* push only the last item to the end */
  .cwf-nav--main .cwf-nav__list--level-1 > .cwf-nav__item:last-child {
    margin-left: auto;
    background-color: #006894;
  }
}

/* CPE specific items */
/* ------------------------------------------ */

/* TITLE and DEPARTMENT FONTS */

.cpe-heading-light, .cpe-light {
  font-family: Roboto, sans-serif;
  text-transform: none;
  font-weight: 300;
}

.cpe-heading-caps, .cpe-caps {
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}


/* CPE TITLE LINES MARKS */

.cpe-paint-highlight {
  position: relative;
  display: inline-block;
  background: #006894;
  background: linear-gradient(90deg,rgba(24, 95, 153, 1) 0%, rgba(0, 71, 125, 1) 14%, rgba(6, 126, 177, 1) 75%, rgba(0, 105, 148, 1)100%);
  /* border-radius: 100% 0% 100% 0% / 28% 72% 28% 72%; */
  color: white;
  padding: .25em .25em;
  margin-left: .25em;
  z-index: 1;
  overflow: visible;
  /* clip-path: polygon(100% 0%, 92% 50%, 100% 99%, 0 97%, 0% 50%, 0 3%); */
}

.cpe-paint-highlight::before,
.cpe-paint-highlight::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  pointer-events: none;
}

/* LEFT CAP (DEFAULT BLUE) */
.cpe-paint-highlight::before {
  left: 0;
  width: 2em;                      /* match SVG visual width */
  margin-left: -.5em;               /* pulls the SVG outward, overlapping */
  /* background-image: url("/wconnect/aai2/images/svgs/cpe-blue-paint-left.svg"); */
}

/* RIGHT CAP (DEFAULT BLUE)*/
.cpe-paint-highlight::after {
  right: 0;
  width: 3em;                      /* match SVG visual width */
  margin-right: -1.75em;              /* pulls the SVG outward, overlapping */
  background-image: url("/wconnect/aai2/images/svgs/cpe-flag-right-blue.svg");
}

/* Blue Swatch */
.cpe-swatch-blue {
  background: #006894;
  background: linear-gradient(90deg,rgba(24, 95, 153, 1) 0%, rgba(0, 71, 125, 1) 14%, rgba(6, 126, 177, 1) 75%, rgba(0, 105, 148, 1) 100%);
}
/* .cpe-swatch-blue::before {
  background-image: url("/wconnect/aai2/images/svgs/cpe-blue-paint-left.svg");
} */
.cpe-swatch-blue::after {
  background-image: url("/wconnect/aai2/images/svgs/cpe-flag-right-blue.svg");
}

/* Gold Swatch */
.cpe-swatch-gold {
  background: #FFB300;
  background: linear-gradient(90deg, rgba(255, 225, 0, 1) 0%, rgba(255, 212, 0, 1) 0%, rgba(255, 179, 0, 1) 21%, rgba(255, 197, 0, 1) 45%, rgba(255, 199, 17, 1) 67%, rgba(255, 179, 0, 1) 86%, rgb(255 182 0) 100%);
  color: black;
}
/*.cpe-swatch-gold::before {
  background-image: url("/wconnect/aai2/images/svgs/cpe-flag-left-03-gold.svg");
}*/
.cpe-swatch-gold::after {
  background-image: url("/wconnect/aai2/images/svgs/cpe-flag-right-gold.svg");
}



/* VIDEO Handling */
.video {
 display: block;
  width: 100%;
  height: auto;           /* will be computed from aspect-ratio */
  aspect-ratio: 16 / 9;   /* keeps YouTube’s 16:9 */
  border: 0;
}

.video-container {
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 56.25.%;
	width: 100%;
}

.video iframe {
	width: 100%;
	height: 100%;
}