/*!
Theme Name: ENGIE NA
Theme URI: https://www-engie-na.com/
Author: Jed Zilberberg
Author URI: https://www-engie-na.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: www-engie-na.com
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ENGIE is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* COLORS */
:root {
    --white: #ffffff;
    --grey100: #f6f8f9;
    --grey200: #ebeef1;
    --grey300: #ccd4da;
    --grey400: #9eadb8;
    --grey500: #778c9b;
    --grey600: #60798b;
    --grey700: #435c6e;
    --grey800: #334551;
    --grey900: #232d35;
    --black: #171d21; /* Innovation */
    --lighter-ultramarine: #ccd1e9;
    --lighter-blue: #c0d4f9;
    --blue-logo: #00aaff; /* Acquisition */
    --blue-bolt: #007acd;
    --network: #278cbc;
    --darker-blue: #005c9a;
    --darker-ultramarine: #44549b;
    --space-ultramarine: #182663; /* Press Release */
    --lighter-purple: #deccec;
    --purple-lavender: #744299;
    --darker-purple: #533669;
    --lighter-teal: #95dfdd;
    --lighter-green: #aedfb3;
    --renewable: #67ae6e;
    --darker-lime: #525f0a;
    --success: #008836;
    --darker-green: #006725;
    --thermal-and-supply: #4bb0b9;
    --teal-green: #008480;
    --darker-teal: #0a6361;
    --lighter-pink: #ffc1df;
    --lighter-red: #ffc5b9;
    --french-pink: #e01b78;
    --darker-pink: #963563;
    --danger: #db3735;
    --darker-red: #aa2424;
    --lighter-orange: #ffc89d;
    --energy-solutions: #e18554;
    --warning: #ff8c47;
    --darker-orange: #bc5921;
    --lighter-yellow: #ffeeb4;
    --saffron-yellow: #ffcc59;
    --lighter-lime: #c7de43;
    --apple-lime: #c7de43;
    --darker-yellow: #ab8327;

    --container-width: 1440px;
    --narrowWidthMargin1: 50px;
    --narrowWidthMargin2: 30px;
}

/* MAIN */
.post-navigation .screen-reader-text {
    position: relative;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite {
    -webkit-text-size-adjust: none;
}
html, body {
    height: 100%;
    margin: 0;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #171D21;
}
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
option {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}
figure {
    margin: 0;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
ul {
    margin: 0 0 20px 7px;
}
ul li {
    margin-left: 1em;
    padding: 3px 0;
}
ol {
    margin: 0 0 20px 15px;
}
ol li {
    margin-left: 1em;
    padding: 3px 0;
}
.spo-georgetown li,
.spo-iowa li,
.spo-osu li,
.spo-procurement li {
    list-style: none;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
button,
input,
select,
textarea {
    font-size: 100%;
    font-family: "Lato", sans-serif;
    margin: 0;
    vertical-align: baseline;
    border-radius: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
strong {
    font-weight: 700;
}
p {
    padding-bottom: 20px;
    margin-bottom: 0;
}
a {
    color: var(--blue-bolt);
}
/*a {*/
/*    color: var(--space-ultramarine);*/
/*    text-decoration: underline;*/
/*    text-underline-offset: 3px;*/
/*}*/
/*a, button{*/
/*    transition: all 0.4s ease 0s;*/
/*}*/
/*a::after, a::before {*/
/*    transition: all 0.4s ease 0s;*/
/*}*/
/*a:focus-visible,*/
/*a:focus-visible h1,*/
/*a:focus-visible h2,*/
/*a:focus-visible h3,*/
/*a:focus-visible img {*/
/*    outline: 2px solid var(--darker-blue);*/
/*    outline-offset: 4px;*/
/*}*/
iframe {
    border: 0;
}
iframe, object, embed {
    max-width: 100%;
}
hr {
    border: 1px solid #ddd;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}
img {
    height: auto;
}

/* VIDEO */
.video-title {
    font-size: 36px;
    color: var(--black);
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* VIDEOS */
#video-block {
    display: flex;
    flex-wrap: wrap;
    /*margin-left: -40px;*/
    /*margin-right: -40px;*/
    gap: 4rem;
    row-gap: 2rem;
}
.video-block-inner {
    position: relative;
    flex: 1;
    flex-basis: 40%;
    text-align: left;
    margin: 0 auto;
    max-width: 686px;
}
.video-block-play-icon {
    position: absolute;
    width: 100%;
    /*height: 350px;*/
    height: 0; /* These 2 attributes make the height dynamic */
    padding-bottom: 49%; /* These 2 attributes make the height dynamic */
    top: 0;
    left: 0;
    background-image: url("/wp-content/uploads/icon-play-button.svg");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    cursor: pointer;
}
#youtube-video-overlay {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    display: none;
}
#youtube-video-overlay-close {
    position: absolute;
    right: -30px;
    top: -45px;
    color: var(--white);
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
#youtube-video-overlay-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#youtube-video-overlay #youtube-video {
    width: 50%;
}

/* ANIMATIONS */
.wow.hidden-first {
    visibility: hidden;
}

/* HEADINGS */
h1, h1 p { font-size: 54px; font-weight: 700; margin-bottom: 25px; padding-bottom: 0; line-height: 54px; color: var(--white); font-family: 'Lato', sans-serif; }
h2, h2 p, h3.as-h2  { font-size: 36px; font-weight: 700; margin-bottom: 32px; padding-bottom: 0; line-height: 38px; color: var(--black); font-family: 'Lato', sans-serif; }
h3, h3 p { font-size: 24px; font-weight: 700; margin-bottom: 20px; padding-bottom: 0; line-height: 35px; }
h4, h4 p { font-size: 18px; font-weight: 400; margin-bottom: 5px; padding-bottom: 0; line-height: 22px; }
h5, h5 p { font-size: 14px; font-weight: 300; margin-bottom: 20px; padding-bottom: 0; line-height: 18px; }
h6, h6 p { font-size: 12px; font-weight: 300; margin-bottom: 20px; padding-bottom: 0; line-height: 16px; }

.basic-top-heading-section,
.basic-top-heading-section p {
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
}
.basic-top-subheading-section,
.basic-top-subheading-section p,
.basic-top-subheading-section ul {
    font-size: 16px !important; /* important required */
    line-height: 26px !important; /* important required */
}
.basic-top-heading-section.raised, .basic-top-heading-section.raised p {
    margin-top: -15px;
}

/* STRUCTURE */
.wrapper {
    position: relative;
    overflow: hidden;
}
.container {
    position: relative;
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    z-index: 11;
}
#page {
    min-height: 100%; /* ensure full height */
    display: flex;
    flex-direction: column;
}
main {
    flex: 1; /* take up remaining space if content does not make the page take up the entire browser window height */
}

/* DIVIDER */
.full-line {
    border-bottom: 1px solid var(--black);
}
.full-line .divider {
    border-bottom: 1px solid var(--grey500);
    width: 100%;
    margin: 0 auto;
}
.full-line:has(.divider) {
    border-bottom: none;
}

/* MISC */
.background-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.has-overlay:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.has-overlay.has-hover:hover:after {
    background: rgba(0, 0, 0, 0.5);
}
.indented {
    padding-left: 20px;
}
h2 .desktop-break p {
    margin-bottom: 0;
}
.desktop_break {
    display: block;
}
.full-width {
    width: 100% !important;
    max-width: 100% !important;
}

/* SPACERS */
.spacer_5, .mt-5 {
    margin-top: 5px !important;
}
.spacer_10, .mt-10 {
    margin-top: 10px !important;
}
.spacer_15, .mt-15 {
    margin-top: 15px !important;
}
.spacer_20, .mt-20 {
    margin-top: 20px !important;
}
.spacer_25, .mt-25 {
    margin-top: 25px !important;
}
.spacer_30, .mt-30 {
    margin-top: 30px !important;
}
.spacer_35, .mt-35 {
    margin-top: 35px !important;
}
.spacer_40, .mt-40 {
    margin-top: 40px !important;
}
.spacer_45, .mt-45 {
    margin-top: 45px !important;
}
.spacer_50, .mt-50 {
    margin-top: 50px !important;
}
.spacer_55, .mt-55 {
    margin-top: 55px !important;
}
.spacer_60, .mt-60 {
    margin-top: 60px !important;
}
.spacer_70, .mt-70 {
    margin-top: 70px !important;
}
.spacer_80, .mt-80 {
    margin-top: 80px !important;
}
.spacer_90, .mt-90 {
    margin-top: 90px !important;
}
.spacer_100, .mt-100 {
    margin-top: 100px !important;
}

/* SLIDER - SPLIDE */
.splide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
}
.splide__arrows button {
    background: none;
    padding: 0;
}
.splide__arrows button:hover {
    background-color: transparent;
}
.splide__arrow {
    font-family: "Lato", sans-serif;
}
.splide__arrow--prev,
.splide__arrow--next {
    color: var(--grey300);
    border: none;
}
.splide__arrow--prev:hover,
.splide__arrow--next:hover {
    color: var(--grey500);
    border: none;
}
.splide__arrow--prev .material-icons-outlined,
.splide__arrow--next .material-icons-outlined {
    font-size: 54px;
}
.splide__controls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.splide__controls .splide__toggle {
    display: flex;
    background: var(--grey400);
    border: 1px solid var(--grey400);
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    transition: background-color .2s ease;
    padding: 7px;
}
.splide__controls .splide__toggle:hover {
    background: var(--darker-blue);
    border: 1px solid var(--darker-blue);
}
.splide__controls .splide__toggle svg { /* Needed for mobile */
    width: 100%;
    height: 100%;
}
.splide__controls .splide__toggle__play {
    margin-left: 2px;
}
.splide__pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
}
.splide__pagination li button.splide__pagination__page {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--grey400);
}
.splide__pagination li button.splide__pagination__page.is-active {
    background: var(--grey300);
}

/* HERO */
#hero {
    position: relative;
}
#hero-section {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    max-height: 670px;
}
/*#hero-section .background-img {*/
/*    background-position: 50% 100%;*/
/*}*/
#hero-section .container.image-type {
    height: 100%;
}
#hero-section .banner-cont {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    /*max-width: 785px;*/
    height: 100%;
}
#hero-section .banner-cont h1 {
    width: 100%;
}
#hero-section .banner-cont h1:last-child {
    margin-bottom: 0;
}
#hero-section .banner-cont h2 {
    margin-top: -15px;
    margin-bottom: 0;
    font-weight: 400;
}
#hero-section .banner-cont p {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-weight: 500;
    padding-bottom: 15px;
    width: 100%;
}
#hero-section .hero-link {
    margin-top: 10px;
    width: fit-content;
}

/* HERO - FOR PROJECT LIGHTBOX */
/*#hero #hero-overlay {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/
/*#hero #hero-content {*/
/*    position: relative;*/
/*    width: var(--container-width);*/
/*    margin: 0 auto;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
/*#hero #hero-content h1#hero-title {*/
/*    font-size: 54px !important;*/
/*    line-height: 54px !important;*/
/*    margin-bottom: 25px !important;*/
/*    color: var(--white) !important;*/
/*}*/
/*#hero #hero-content #hero-description {*/
/*    font-size: 36px;*/
/*    line-height: 38px !important;*/
/*    margin-top: -15px !important;*/
/*    margin-bottom: 0 !important;*/
/*    color: var(--white);*/
/*}*/
/*#hero #hero-content #hero-description p {*/
/*    line-height: 38px !important;*/
/*    margin-bottom: 0 !important;*/
/*}*/
/**/

/* HERO - VIDEO */
#hero-section #dynamic-video-container {
    height: 100%;
}
#hero #dynamic-video-container #hero-video-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#hero #dynamic-video-container #hero-video-content .hero-content {
    position: relative;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
#hero #dynamic-video-container .hero-content h2 {
    margin-top: -15px;
}
#hero-section video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

/* HERO SLIDER */
#hero-section #hero-slider .slide {
    overflow: hidden;
}
#hero-section #hero-slider .container {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 11;
}
/* For option when news post cards are not included */
#hero-section #hero-slider .content.container {
    padding: 0 60px;
}
#hero-section #hero-slider,
#hero-section #hero-slider .splide__track,
#hero-section #hero-slider .splide__track .slide {
    height: 100%;
}
#hero-section #hero-slider .splide__slide .hero-bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
#hero-section #hero-slider .splide__slide .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: var(--white);
}
#hero-section #hero-slider .splide__slide h2 {
    line-height: 38px;
    margin-top: -15px;
    margin-bottom: 0;
    width: 90%;
    font-weight: 400;
}
#hero-section #hero-slider .splide__slide .content .cta-btn {
    margin-top: 20px;
}
#hero-section #hero-slider .splide__controls {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#hero-section #hero-slider .splide__arrow--prev {
    margin-left: 10px;
}
#hero-section #hero-slider .splide__arrow--next {
    margin-right: 10px;
}
#hero-section #hero-slider .splide__arrow--prev .material-icons-outlined,
#hero-section #hero-slider .splide__arrow--next .material-icons-outlined {
    font-size: 28px;
}

/* HERO - ZOOM OUT ANIMATION */
#hero-section .background-img {
    transform: scale(1.1);
    transition: all 3s;
}
#hero-section .background-img.hero-no-zoom-out-animation,
main.loaded #hero-section .background-img.has-zoom-out-animation {
    transform: scale(1.0);
}

/* HERO - PANNING ANIMATION */
#hero-slider .slide .hero-bg {
    transition: transform 12s ease-in;
    transform: scale(1);
}
#hero-slider .slide.active.has-panning-animation .hero-bg {
    transform: scale(1.25);
}
#hero-slider .slide.has-panning-animation .hero-bg.even {
    transform: scale(1.25) translateY(0); /* Zoom in */
}
#hero-slider .slide.active-pan.has-panning-animation .hero-bg.even {
    transform: scale(1.25)  translateY(-20%); /* Pan upwards */
}

/* HERO SLIDER - WITH NEWS BLOCKS */
#hero-slider .hero-news-blocks {
    position: absolute;
    height: 100%;
    width: var(--container-width);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    z-index: 2;
}
#hero-slider .hero-news-blocks .hero-news-block-left {
    width: 60%;
    height: 100%;
}
#hero-slider .hero-news-blocks .hero-news-block-left .hero-content h1.hero-title,
#hero-slider .hero-news-blocks .hero-news-block-left .hero-content h2.hero-description {
    width: 90%;
}
#hero-slider .hero-news-blocks .hero-news-block-left.full-width .hero-content h1.hero-title,
#hero-slider .hero-news-blocks .hero-news-block-left.full-width .hero-content h2.hero-description {
    width: 80%;
}
#hero-slider .hero-news-blocks .hero-news-block-left .hero-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 0;
    width: 100%;
}
#hero-slider .hero-news-blocks .hero-news-block-right {
    width: 40%
}
#hero-slider .hero-news-blocks .hero-news-block-right #news-and-resources-latest-news #news-blocks-right {
    width: 100%;
    margin-left: 0;
}
#hero-slider .hero-news-blocks .hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block {
    height: auto;
}
#hero-slider .hero-news-blocks .hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block a.nj-card {
    background: rgba(255, 255, 255, .7);
}

/* RAY */
#hero .nj-ray,
.nj-ray {
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 0;
    height: 25px;
    background-image: linear-gradient(to right, var(--blue-logo), #23D2B5);
    transition: width 1s ease-out;
    z-index: 2;
}
.nj-ray {
    bottom: 0;
    z-index: 11;
}
main.loaded #hero .nj-ray,
#lightbox #hero .nj-ray {
    width: 75%;
}

/* BREADCRUMBS */
.nj-breadcrumb {
    padding: 60px 0 40px 0;
}
.nj-breadcrumb li {
    padding: 3px 0;
    margin: 0;
}
.nj-breadcrumb .nj-link-icon .nj-icon-material {
    margin-left: 0;
}

/* BADGE */
.tag-category-outer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--nj-semantic-size-spacing-4);
}
/*.search-results .tag-category-outer {*/
/*    margin-bottom: 20px;*/
/*}*/
/*.tag-category-outer .tag-category {*/
/*    display: inline-block;*/
/*    width: fit-content;*/
/*    padding: 0 15px;*/
/*    margin-bottom: 5px;*/
/*    margin-right: 5px;*/
/*    font-size: 12px;*/
/*    line-height: 2;*/
/*    color: var(--black);*/
/*}*/
/*.tag-category-outer .tag-category:last-of-type {*/
/*    margin-right: 0;*/
/*}*/

/* BUTTONS */
button,
a.btn,
.nav-btn,
input.btn {
    background-color: var(--grey200);
    padding: 10px 20px;
    text-align: center;
    border-radius: unset;
    border: 1px solid var(--grey400);
    transition: all 0.4s ease 0s;
    text-decoration: none;
}
/*button:hover,*/
/*a.btn:hover,*/
/*.nav-btn:hover,*/
/*input.btn:hover {*/
/*    background-color: var(--grey300);*/
/*}*/
.mfp-content button:hover {
    background-color: transparent;
}

/* BUTTON COMPONENT */
.btn-wrap {
    position: relative;
    display: inline-block;
    padding: 10px 26px;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    transition: all 0.5s ease-in-out;
    font-size: 18px;
    margin-right: 10px;
}
.btn-wrap span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    z-index: 11;
}
.btn-wrap.small-btn {
    padding:0;
    font-size: 16px;
}
.btn-wrap.small-btn span{
    font-size: 16px;
}
.btn-wrap i {
    padding-left: 10px;
    font-weight: 300;
    font-size: 22px;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}
.btn-wrap:hover i {
    left: 5px;
}

/* BACK TO TOP BUTTON */
button.back-to-top {
    position: fixed;
    display: block;
    visibility: hidden;
    height: 0;
    width: 0;
    right: 150px;
    bottom: 75px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 50px;
    border: 4px solid #fff;
    color: transparent;
    clear: both;
    font-size: 0;
    outline: 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
    z-index: 222;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus {
    outline: 0;
}
button.back-to-top::before {
    content: "\f062";
    font-family: "Font Awesome 6 Free";
    color: #fff;
    font-weight: 300;
    transition: all .3s ease-in-out;
}
button.back-to-top.show::before {
    visibility: visible;
}
button.back-to-top.show {
    display: block;
    visibility: visible;
    top: calc(100vh - 100px);
    right: 40px;
    height: 60px;
    width: 60px;
    color: #fff;
    font-size: 24px;
    background: var(--blue-bolt);
    border-width: 3px;
    box-shadow: 4px 1px 29px -10px rgba(0, 0, 0, 0.6);
}

/* SEARCH */
#results-main {
    padding: 60px 0;
}
#results-main .page-heading-container h1 {
    color: var(--black);
}
#results-main .nj-navbar {
    padding: 0;
    min-height: auto;
}
#results-main .nj-breadcrumb {
    padding: 0 0 40px 0;
}
#results-main .page-heading-container {
    margin-bottom: 20px;
}
#results-main .extra-mini-title {
    padding-bottom: 20px;
}
#results-main .extra-mini-title .count {
    font-weight: 700;
}
#results-main .extra-mini-title .keywords {
    color: #F78A31;
}

/* FORMS */
form input[type="text"],
form input[type="search"],
form input[type="email"],
form input[type="password"],
form textarea,
form select {
    width: 100%;
    display: block;
    /*padding: 5px;*/
    /*border: 1px solid var(--grey300);*/
    /*font-size: 16px;*/
}
form input[type="submit"] {
    background-color: var(--grey200);
    color: var(--white);
    border: none;
    padding: 6px 15px;
    cursor: pointer;
}
form input[type="submit"]:hover {
    background-color: var(--grey300);
}

#errorMsg, #errorMsg1 {
    margin-top: 25px;
    color: #990000;
    font-weight: normal;
    text-align: center;
}

/* CONTACT FORM 7 */
.wpcf7-spinner {
    background-color: var(--blue-logo);
    opacity: 1;
}
form.submitting .wpcf7-spinner {
    top: 6px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--blue-logo);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--darker-red);
}
.wpcf7 form {
    /*width: 50%;*/
    /*margin: 0 auto;*/
    padding-left: 20px;
}
.wpcf7 .field .nj-form-item__label {
    position: absolute; /* SET FOR FLUID DESIGN COMPLIANCE */
}
.wpcf7 .field .nj-form-item__field {
    width: fit-content; /* SET FOR FLUID DESIGN COMPLIANCE */
}
.wpcf7 .field {
    display: flex;
    gap: 1rem;
    width: 100%;
    margin-top: 40px;
}
.wpcf7 .field#project-name-other {
    display: none;
}
.wpcf7 .field.describe-current-operations-on-tract,
.wpcf7 .field.describe-your-issue-or-question {
    margin-top: 30px;
}
.wpcf7 .field-item {
    position: relative;
    width: 100%;
}
.wpcf7 .field-item p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}
.wpcf7 .field-item#send-responses p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.wpcf7 .field p label,
.wpcf7 .wpcf7-form-control-wrap select[value=""] ~ .nj-form-item__label,
.wpcf7 .wpcf7-form-control-wrap select:invalid ~ .nj-form-item__label {
    margin-top: -68px;
    font-size: 16px;
    text-align: left;
    color: var(--grey600);
    font-weight: normal;
}
.wpcf7 .wpcf7-form-control-wrap[data-name="message"] .nj-form-item__label {
    margin-top: -295px;
}

/* FLOATING LAYOUT */
.wpcf7 .field.floating {
    margin-top: 10px;
}
.wpcf7 .field.floating p:focus-within label,
.wpcf7 .field.floating .wpcf7-form-control-wrap input:not(:placeholder-shown) ~ .nj-form-item__label,
.wpcf7 .field.floating .wpcf7-form-control-wrap textarea:not(:placeholder-shown) ~ .nj-form-item__label,
.wpcf7 .field.floating .wpcf7-form-control-wrap select:has(option:checked:not([value=""])) ~ .nj-form-item__label {
    transform: translate3d(calc(-1* var(--nj-semantic-size-spacing-4)), calc(-50% - 1* .5rem), 0) scale3d(0.9, 0.9, 1);
    color: var(--blue-bolt);
    background-color: var(--white);
    padding: 0 5px;
}
/* Safari-only */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .wpcf7 .field.floating .wpcf7-form-control-wrap select:not(:placeholder-shown) ~ .nj-form-item__label {
        transform: translate3d(calc(-1* var(--nj-semantic-size-spacing-4)), calc(-50% - 1* .5rem), 0) scale3d(0.9, 0.9, 1);
        color: var(--blue-bolt);
        background-color: var(--white);
        padding: 0 5px;
    }
}
.wpcf7 .field.floating p label,
.wpcf7 .field.floating .wpcf7-form-control-wrap select[value=""] ~ .nj-form-item__label,
.wpcf7 .field.floating .wpcf7-form-control-wrap select:invalid ~ .nj-form-item__label {
    top: 75px;
    left: 15px;
    pointer-events: none;
    transform: none;
    background-color: transparent;
    padding: 0;
}
.wpcf7 .field.floating .wpcf7-form-control-wrap[data-name="message"] .nj-form-item__label {
    margin-top: -68px;
}
/**/
.wpcf7 .field .help-text {
    font-size: 14px;
    line-height: 16px;
    color: var(--grey700);
    margin-bottom: 20px
}
.wpcf7 .field p label#file-upload {
    position: relative;
    left: 0;
    margin-top: -15px;
}

.asterisk,
.wpcf7-form .asterisk,
.wpcf7 .field p label .asterisk {
    color: var(--darker-red);
    font-size: 16px;
    margin-left: 2px;
}
.wpcf7 input[type='submit'].wpcf7-form-control {
    margin-top: 20px;
    width: fit-content;
    background-color: var(--blue-bolt);
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.wpcf7 input[type='submit'].wpcf7-form-control:hover {
    background-color: var(--darker-blue);
}
.wpcf7 .wpcf7-form-control-wrap {
    /*margin-left: 10px;*/
    margin-bottom: 10px;
    width: 100%;
}
.wpcf7 .wpcf7-form-control-wrap input,
.wpcf7 .wpcf7-form-control-wrap select,
.wpcf7 .wpcf7-form-control-wrap textarea {
    background-color: transparent;
    height: auto;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 1px var(--grey400);

    /* Necessary to override Safari's native coding in this an other form definitions */
    -webkit-appearance: none;
    appearance: none;
}
.wpcf7 .wpcf7-form-control-wrap input,
.wpcf7 .wpcf7-form-control-wrap select,
.wpcf7 .wpcf7-form-control-wrap textarea {
    padding: 8px 16px;
    line-height: 24px;
}
.wpcf7 .wpcf7-form-control-wrap input.wpcf7-not-valid,
.wpcf7 .wpcf7-form-control-wrap select.wpcf7-not-valid,
.wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
    box-shadow: 0 0 0 1px var(--danger);
}
.wpcf7 .field p:hover .wpcf7-form-control-wrap input,
.wpcf7 .field p:hover .wpcf7-form-control-wrap select,
.wpcf7 .field p:hover .wpcf7-form-control-wrap textarea {
    background-color: var(--grey200);
}
.wpcf7 .field p:focus-within .wpcf7-form-control-wrap input,
.wpcf7 .field p:focus-within .wpcf7-form-control-wrap select,
.wpcf7 .field p:focus-within .wpcf7-form-control-wrap textarea {
    box-shadow: 0 0 0 2px var(--blue-bolt);
    background-color: transparent;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border: 2px solid var(--blue-bolt);
}
.wpcf7 .field-item#send-responses p .wpcf7-form-control-wrap {
    margin-bottom: 0;
}
.wpcf7 .field-item#send-responses p label {
    margin-top: 0;
    margin-left: 10px;
}
.wpcf7 .field-item#send-responses p .wpcf7-form-control-wrap {
    width: auto;
}
.wpcf7-form-control-wrap .wpcf7-list-item {
    margin: 0;
}
.wpcf7-form-control-wrap .wpcf7-list-item input {
    width: auto;
}
.wpcf7-form-control-wrap .codedropz-upload-inner h3 {
    font-size: 28px;
}

/* SPINNER */
#nj-spinner-outer-for-project-map,
#nj-spinner-outer {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1000;
}
#nj-spinner-outer-for-project-map.in-map-view,
#nj-spinner-outer-for-project-map.in-project-list-view {
    position: absolute;
}
#nj-spinner-outer-for-project-map.in-project-search-view {
    position: relative;
    top: 40px;
}
#nj-spinner-outer-for-project-map.active,
#nj-spinner-outer.active {
    display: block;
}
.nj-spinner {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 40px);
}
#nj-spinner-outer-for-project-map .nj-spinner,
#nj-spinner-outer .nj-spinner {
    border-right-color: var(--nj-semantic-color-background-brand-solid-default);
}

/* INLINE MESSAGE */
.nj-inline-message.fit-content {
    width: fit-content;
    margin: 0 auto;
}

/* ACTIONS */
.show {
    display: block !important;
}
.hide {
    display: none !important;
}

/* PAGINATION */
.pagination {
    margin-top: 20px;
}
.pagination .nav-links {
    text-align: center;
}
.pagination .page-numbers {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: transparent;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    color: var(--black);
    text-decoration: none;
}
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    width: auto;
}
.pagination .page-numbers.current {
    background-color: var(--space-ultramarine);
    color: var(--white);
}

/* CENSUS */
#twenty-three-census-iframe {
    height: 270px;
}
#twenty-four-census-iframe {
    height: 320px;
}
#twenty-five-census-iframe {
    height: 210px;
    overflow: auto;
}
#twenty-six-census-iframe {
    height: 260px;
    overflow: auto;
}

/* BLOG */
/*.blog .posts-list-outer {*/
/*    margin: 60px 0;*/
/*}*/
/*.blog .posts-list {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 3rem;*/
/*}*/
/*.blog .posts-list article {*/
/*    flex: 0 0 calc((100% - (2 * 3rem)) / 3); !* 3 columns, subtracting gaps *!*/
/*    max-width: calc((100% - (2 * 3rem)) / 3);*/
/*    box-sizing: border-box;*/
/*}*/
.blog article .post-thumbnail .bg-img {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}
.blog article .entry-meta {
    margin-bottom: 10px;
}
.blog article .entry-content p {
    padding-bottom: 0;
}

/* BLOG DETAIL PAGE */
.single-post .post-navigation .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px solid var(--grey900);
    width: fit-content;
}
.single-post .post-navigation .nav-links .nav-previous {
    text-align: center;
}
.single-post .post-navigation .nav-links .nav-next {
    text-align: center;
}
.single-post .post-navigation .nav-links .nav-previous a,
.single-post .post-navigation .nav-links .nav-next a {
    display: block;
    padding: 0;
    text-decoration: none;
}
.single-post .post-navigation .nav-links .nav-previous a .nav-heading,
.single-post .post-navigation .nav-links .nav-next a .nav-heading {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: var(--black);
}
.single-post .post-navigation .nav-links .nav-previous a .nav-btn,
.single-post .post-navigation .nav-links .nav-next a .nav-btn {
    display: block;
    width: 450px;
}

/* TABLES */
thead tr:nth-child(odd) {
    background-color: var(--grey200);
}
tr:nth-child(even) {
    background-color: var(--grey200);
}
tr th,
tr td {
    border: 1px solid var(--grey300);
    padding: 10px;
}
th {
    font-weight: 700;
}

/* POPUPS */
.popup-text-and-images-content {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: var(--white);
}

/* PRIVACY, COOKIE NOTICE, CA PRIVACY */
.cookie-notice table,
.privacy table,
.privacy-ca table {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* BRIDGE MENU */
#bridge-menu-outer {
    margin-top: 60px;
    background: linear-gradient(to bottom, var(--white) 35%, var(--grey600) 35%);
}
#bridge-menu-outer.has-heading {
    background: linear-gradient(to bottom, var(--white) 50%, var(--grey600) 50%);
    /*padding-top: 60px;*/
}
#bridge-menu-outer.bg-grey {
    background: linear-gradient(to bottom, var(--grey100) 45%, var(--grey600) 45%);
    padding-top: 60px;
}
#bridge-menu-outer.bg-grey.has-heading {
    background: linear-gradient(to bottom, var(--grey100) 55%, var(--grey600) 55%);
    padding-top: 60px;
}
#bridge-menu-outer h2 {
    padding: 0 0 30px 0;
    text-align: center;
}
#bridge-menu-outer.has-no-heading h2.with-colored-bg {
    padding-top: 60px;
}
#bridge-menu {
    padding-bottom: 80px;
    margin: 0 auto;
}
#bridge-menu.container {
    z-index: unset;
}

/* SECTION WIDTHS */
.one_half {
    margin-left: 6%;
    width: 47%;
}
.one_half:first-of-type {
    margin-left: 0;
}

@media only screen and (max-width: 1600px) {
    /* HERO SLIDER - WITH NEWS BLOCKS */
    #hero-slider .hero-news-blocks .hero-news-block-right {
        padding-left: 0;
    }
}
@media only screen and (max-width: 1540px) {
    /* STRUCTURE */
    .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-left: var(--narrowWidthMargin1);
        padding-right: var(--narrowWidthMargin1);
    }

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content {*/
    /*    width: auto;*/
    /*    padding-left: var(--narrowWidthMargin1);*/
    /*    padding-right: var(--narrowWidthMargin1);*/
    /*}*/
}
@media only screen and (max-width: 1430px) {
    /* HERO SLIDER - WITH NEWS BLOCKS */
    #hero-slider .hero-news-blocks {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    #hero-slider .hero-news-blocks .hero-news-block-left .hero-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    #hero-slider .hero-news-blocks .hero-news-block-left {
        width: 100%;
        height: auto;
        margin-bottom: 40px;
    }
    #hero-slider .hero-news-blocks .hero-news-block-right {
        padding-left: 30px;
        padding-right: 30px;
        width: 70%;
    }
    #hero-section #hero-slider .splide__slide h2 {
        width: 100%;
    }
}
@media only screen and (max-width: 1200px) {
    /* VIDEOS */
    #youtube-video-overlay #youtube-video {
        width: 75%;
    }
}
@media only screen and (max-width: 992px) {
    /* HEADINGS */
    h1, h1 p { font-size: 36px; line-height: 40px; }
    h2, h2 p, h3.as-h2 { font-size: 28px; line-height: 32px; }
    h3, h3 p { font-size: 24px; line-height: 28px; }
    h4, h4 p { font-size: 18px; line-height: 22px; }
    h5, h5 p { font-size: 14px; line-height: 18px; }
    h6, h6 p { font-size: 12px; line-height: 16px; }

    /* BRIDGE MENU */
    #bridge-menu #bridge-menu-inner {
        row-gap: 2rem;
    }

    /* HERO */
    #hero {
        margin-top: 65px;
    }

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content h1#hero-title {*/
    /*    font-size: 36px !important;*/
    /*    line-height: 40px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description {*/
    /*    font-size: 24px !important;*/
    /*    line-height: 30px !important;*/
    /*}*/
}
@media only screen and (max-width: 980px) {
    /* HERO SLIDER - WITH NEWS BLOCKS */
    #hero-slider .hero-news-blocks .hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block .news-title {
        margin: 0px 0 16px 0 !important; /* important required */
        font-size: 20px !important; /* important required */
        line-height: 30px !important; /* important required */
    }
    #hero-slider .hero-news-blocks .hero-news-block-right .nj-card__body {
        padding: 1rem;
    }
}
@media only screen and (max-width: 835px) {
    /* HERO SLIDER - WITH NEWS BLOCKS */
    #hero-slider .hero-news-blocks .hero-news-block-right {
        width: 100%;
    }
    #hero-slider .hero-news-blocks .hero-news-block-left {
        margin-bottom: 20px;
    }
    #hero-slider .hero-news-blocks .hero-news-block-left .hero-content h1.hero-title,
    #hero-slider .hero-news-blocks .hero-news-block-left .hero-content h2.hero-description {
        width: 100%;
    }
    /*#hero-slider .hero-news-blocks .hero-news-block-left .hero-content h1.hero-title {*/
    /*    font-size: 28px !important;*/
    /*    line-height: 32px !important;*/
    /*}*/
    /*#hero-slider .hero-news-blocks .hero-news-block-left .hero-content h2.hero-description {*/
    /*    font-size: 22px !important;*/
    /*    line-height: 24px !important;*/
    /*}*/
    /*#hero-slider .hero-news-blocks .hero-news-block-right #news-and-resources-latest-news #news-blocks-right.news-blocks .news-block .news-title {*/
    /*    font-size: 16px !important;*/
    /*    line-height: 20px !important;*/
    /*}*/

}
@media only screen and (max-width: 768px) {
    /* STRUCTURE */
    .container {
        padding-left: var(--narrowWidthMargin2);
        padding-right: var(--narrowWidthMargin2);
    }

    /* MISC */
    .desktop_break {
        display: none;
    }

    /* BACK TO TOP BUTTON */
    button.back-to-top.show {
        right: 20px;
    }

    /* BLOG */
    .blog .posts-list {
        flex-direction: column;
    }
    .blog .posts-list article {
        flex: 100%;
        max-width: 100%;
    }
    .blog article .entry-content {
        margin-top: 20px;
    }

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content {*/
    /*    padding-left: var(--narrowWidthMargin2);*/
    /*    padding-right: var(--narrowWidthMargin2);*/
    /*}*/
    /*#hero #hero-content #hero-description {*/
    /*    font-size: 28px !important;*/
    /*    line-height: 32px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description p {*/
    /*    line-height: 36px !important;*/
    /*}*/

    /* SECTION WIDTHS */
    .one_half {
        width: 100%;
        margin-left: 0;
    }

    /* VIDEOS */
    #video-block {
        flex-direction: column;
    }
    #youtube-video-overlay #youtube-video {
        width: 85%;
    }
}
@media only screen and (max-width: 685px) {
    /* CONTACT FORM 7 */
    .wpcf7 form {
        width: 100%;
        padding-left: var(--narrowWidthMargin2);
        padding-right: var(--narrowWidthMargin2);
    }
}
@media only screen and (max-width: 600px) {
    /* HERO */
    #hero .hero-content h1.hero-title {
        font-size: 28px;
        line-height: 32px;
    }
    #hero .hero-content h2.hero-description {
        font-size: 22px !important; /* important required */
        line-height: 24px !important; /* important required */
    }

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content h1#hero-title {*/
    /*    font-size: 28px !important;*/
    /*    line-height: 32px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description {*/
    /*    font-size: 22px !important;*/
    /*    line-height: 24px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description p {*/
    /*    line-height: 26px !important;*/
    /*}*/
}
@media only screen and (max-width: 570px) {
    /* BRIDGE MENU */
    #bridge-menu {
        max-width: 253px !important; /* important required */
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width: 545px) {
    /* CONTACT FORM 7 */
    .wpcf7 .field {
        flex-direction: column;
    }
}
@media only screen and (max-width: 488px) {
    /* HERO */
    #hero .hero-content h1.hero-title {
        font-size: 24px !important; /* important required */
        line-height: 26px !important; /* important required */
        margin-bottom: 25px !important; /* important required */
    }
    #hero .hero-content h2.hero-description {
        font-size: 18px !important; /* important required */
        line-height: 22px !important; /* important required */
    }
    #hero-section .banner-cont h1 {
        margin-bottom: 25px;
    }

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content h1#hero-title {*/
    /*    font-size: 24px !important;*/
    /*    line-height: 26px !important;*/
    /*    margin-bottom: 25px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description {*/
    /*    font-size: 18px !important;*/
    /*    line-height: 22px !important;*/
    /*}*/
    /*#hero #hero-content #hero-description p {*/
    /*    line-height: 24px !important;*/
    /*}*/
}
@media only screen and (max-width: 480px) {
    /* HERO SLIDER */
    #hero-slider .splide__controls {
        right: 10px;
        bottom: 10px;
    }

    /* SLIDER - SPLIDE */
    .splide__controls .splide__toggle {
        width: 1.5rem;
        height: 1.5rem;
    }
}
@media only screen and (max-width: 438px) {
    /* CENSUS */
    #twenty-three-census-iframe {
        height: 330px;
    }
    #twenty-four-census-iframe {
        height: 420px;
    }
    #twenty-five-census-iframe {
        height: 290px;
    }
    #twenty-six-census-iframe {
        height: 300px;
    }
}
@media only screen and (max-width: 360px) {
    /* HERO */
    #hero .hero-content h1.hero-title {
        font-size: 20px !important; /* important required */
        line-height: 22px !important; /* important required */
    }
    /*#hero-section .banner-cont h1 {*/
    /*    font-size: 20px !important;*/
    /*    line-height: 22px !important;*/
    /*}*/

    /* HERO - FOR PROJECT LIGHTBOX */
    /*#hero #hero-content h1#hero-title {*/
    /*    font-size: 20px !important;*/
    /*    line-height: 22px !important;*/
    /*}*/
}