/*!
Theme Name: La Pedrera
Theme URI: http://underscores.me/
Author: LLYC USA
Author URI: http://underscores.me/
Description: Custom theme for La Pedrera
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: la-pedrera
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.

La Pedrera 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}



/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
        letter-spacing: 0.3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
h1 b, h1 strong, h2 b, h2 strong, h3 strong, h3 b{
font-weight: 700;
}
.home h1 {
    font-size: 80px;
    margin: 0 0 30px;
    line-height: 80px;
}
h1 {
    font-size: 55px;
    margin: 0 0 30px;
    line-height: 60px;
}
h2 {
    font-size: 38px;
    margin: 0 0 30px;
    line-height: 45px;
}
h2.metric {
    font-size: 56px;
    font-weight: 100;
    font-family: 'Roboto';
}
h3 {
    font-size: 24px;
    line-height: 27px;
        margin-top: 0;
}
h4 {
    font-size: 20px;
    line-height: 26px;    
    margin: 0 0 10px 0;
}
h5 {
    line-height: 26px;
    margin: 0 0 2px 0;
    font-style: italic;
    font-size: 18px; 
    font-weight: 300;
}
p {
	margin-bottom: 1.5em;
}
p, ol, ul {
    line-height:1.5;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #ecf2f7;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */

a{
    text-decoration:none;
}
a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.light input#gform_submit_button_1{
    border-color:#fff;
}

a.btn-min {
    font-weight: 500;
    font-size: 15px;
    display: block;
    position: relative;
}
a.btn-min span.material-symbols-outlined {
    position: absolute;
    top: 3px;
    margin-left: 5px;
}
/* Forms
--------------------------------------------- */
a.btn, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 2px solid #507F70;
        font-size: 14px;
    font-weight: 500;
        text-decoration: none;
    display: inline-flex;
    padding: 10px 30px;
    align-content: center;
    align-items: center;
    border-radius: 50px;
    transition:0.5s all;
}

.home div#field_submit input {
margin: 0 0 0 auto;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #051d2c !important;
    border: 2px solid #fff !important;
    border-radius: 24px !important;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #051d2c;
        padding-left: 13px;
}

select {
	 border: 2px solid #fff !important;
    border-radius: 24px !important;
}

textarea {
	width: 100%;
}
.light label.gfield_label.gform-field-label, .light label.gfield_label.gform-field-label, .light .gform-theme--framework .gform-field-label, .gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
    color: #fff;
        padding-left: 13px;
}
input#gform_submit_button_4 {
    background-color: rgb(5 29 44 / 50%);
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 10px 30px;
}
.light input#gform_submit_button_1, .light input#gform_submit_button_2, .light input#gform_submit_button_3, .light input#gform_submit_button_4, .light input#gform_submit_button_5, .light input#gform_submit_button_6 {
    background-color: rgb(5 29 44 / 50%);
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 10px 30px;
}
input#gform_submit_button_4:hover {
   background-color: rgb(5 29 44 / 100%);
}
.light input#gform_submit_button_1:hover, .light input#gform_submit_button_2:hover, .light input#gform_submit_button_3:hover, .light input#gform_submit_button_4:hover, .light input#gform_submit_button_5:hover, .light input#gform_submit_button_6:hover {
     background-color: rgb(5 29 44 / 100%);
}
section.full-width.bg-vid.light h1 {
    color: #fff;
	text-shadow: 1px 2px 6px #0000003d;
}
.primary-color-green .full-width.bg-vid h1 strong {
    text-shadow: 0px 0px 10px #000;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.wp-video {
    margin: 0 auto 30px;
    border-radius: 30px;
    overflow: hidden;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul li a {
margin: 0 30px 0 0;
    font-weight: 500;
    font-size: 14px;
    transition:0.5s all;
}
.interaction-top .main-navigation ul li a {
    color: #fff;
}
#primary-menu .btn.btn-secondary a {
	margin: 0;
    padding: 7px 30px;
    border-radius: 50px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 1080px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.scroll-element {
	opacity: 0;
	transform: translateY(-32px);
	transition: opacity 0.5s ease, transform 0.8s ease;
	will-change: opacity, transform;
}

.scroll-element.in-view {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.scroll-element {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
section .columns > div > *:first-child {
    margin-top: 0;
}

section .columns > div > *:last-child, section.acc .columns .col-1-2 > div > *:last-child {
    margin-bottom: 0;
}
header#masthead {
    width: 100%;
    padding: 40px 5% 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 501;
    position: fixed;
    transition:1.5s all;
    background-color: rgb(236 242 248 / 90%);

        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
}
.interaction-top header#masthead {
    background-color: transparent;
}
.scrolled header#masthead, .interaction-top.scrolled header#masthead {
    background-color: rgb(236 242 248 / 90%);
    box-shadow: 0px 0px 10px rgb(5 29 44 / 20%);
    padding: 20px 5%;
	backdrop-filter: blur(2px);
}
.interaction-top.scrolled .main-navigation ul li a, body.interaction-top.scrolled .main-navigation li a:visited {
    color: #051d2c;
}
section.banner-none {
    height: 150px;
}
.watermark {
    position: absolute;
    top: 0;
    z-index: -2;
    left: 0;
    width: 45%;
}
.site-branding {
    width: 350px;
    transition:1.5s all;
}
.scrolled .site-branding {
    width: 225px;
}
.container {
    width: 1080px;
    margin: 0 auto;
}
.site-main > section.banner-none + section.interactive-map-section {
    margin-top: -200px;
}
section img {
    border-radius: 30px;
}
section.banner{
    width: 100%;
    z-index: -1;
    height:150px;
    background-size:cover;
    background-position: center;
        display: flex;
    align-content: center;
    align-items: center;
        margin-top: -200px;
}
section.pad-top {
    padding: 100px 0 20px 0;
}
section.pad-bottom {
    padding: 20px 0 100px 0;
}
section.pad-both {
    padding: 100px 0;
}
section.pad-none {
    padding: 20px 0;
}
section.bg-img {
    background-size: cover;
    background-position: center;
}
section.light h2, section.light h3, section.light h4, section.light h6, section.light p, section.light ul, section.light ol {
    color: #fff;
}
section.light a.btn, section.light .btn a {
    background-color: transparent;
    border-color: #fff;
}
section.full-width.txt-left .wrap {
    width: 48%;
}
section.full-width.txt-center .wrap {
    width: 40%;
    margin: 0 auto;
}
section.full-width.txt-right .wrap {
    width: 40%;
    margin-left: 60%
}
section.full-width.has-bg-video {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 55vh;
    min-height: 500px;
}
section.cols.bg-vid.light.has-bg-video::after {
    content: "";
    background-color: #0000009e;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.home section.full-width.has-bg-video {
    height:80vh;
    min-height: 500px;
}
section.full-width.has-bg-video .section-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

section.bg-vid.has-bg-video video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

section.full-width.has-bg-video .container {
    position: relative;
    z-index: 2;
}
.full-width.has-bg-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(38 56 50 / 37%);
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
}
main#main section.bg-vid:first-child .container, main#main section.bg-img:first-child .container, .post-type-archive-news section.bg-vid:first-child .container {
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 5vh;
}
.section-head {
    margin-bottom: 50px;
}
.columns {
    display: flex;
    justify-content: space-between;
    gap: 50px;
align-items: center;
}
.cols .columns {
    align-items: flex-start;
}
.col-1-2, .col-2-2 {
    width: 50%;
}
.col-1-3, .col-2-3, .col-3-3 {
    width: 33.33333%;
}
.col-1-4, .col-2-4, .col-3-4, .col-4-4 {
    width: 25%;
}
.col-3col .columns, .col-2col .columns, .col-4col .columns{
        align-items: flex-start;
}
.image-content.img-left .col-1-2  .split-media-image, .image-content.img-right .col-2-2  .split-media-image {
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    min-height: 300px;
    height: 35vh;
}
.image-content.img-wide.img-right .col-2-2, .image-content.img-wide.img-left .col-1-2{
        min-height: 500px;
    height: 45vh;
}
.image-content.img-wide.img-left .container {
    width: 95%;
    margin: 0 auto 0 0;
}
.image-content.img-wide.img-right .container {
    width: 95%;
    margin: 0 0 0 auto;
}
.image-content.img-left.img-wide .col-1-2 {
    width: 65%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
            border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
        min-height: 500px;
}
.image-content.img-left.img-wide .col-2-2 {
    width: 35%;
}
.image-content.img-right.img-wide .col-2-2 {
    width: 65%;
        border-top-right-radius: 0;
    border-bottom-right-radius: 0;
        border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
       
}
.post-type-archive .image-content.img-right.img-wide .col-2-2 {
	width: 55%
}
.post-type-archive .image-content.img-right.img-wide .col-1-2 {
    width: 40%;
}
 .image-content.img-right.img-wide .split-media-image {
        border-top-right-radius: 0;
    border-bottom-right-radius: 0;
        border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.image-content.img-left.img-wide .split-media-image {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
            border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.image-content.img-right.img-wide .col-1-2 {
    width: 35%;
}
.image-content.img-left.img-small .col-1-2 {
    width:35%;
}
.image-content.img-left.img-small .col-2-2 {
    width: 65%;
}
.image-content.img-right.img-small .col-2-2 {
    width: 35%;
}
.image-content.img-right.img-small .col-1-2 {
    width: 65%;
}
.image-content.img-right.img-wide .col-2-2 .split-media-image{
     min-height: 500px;
}
.image-content.img-left.img-wide .col-1-2 .split-media-image{
     min-height: 500px;
}
.image-content.img-left.img-small .col-1-2 .split-media-image, .image-content.img-right.img-small .col-2-2 .split-media-image {
    min-height: 250px;
    height: auto;
}
.image-content .media-col {
    position: relative;
}
.image-content .split-media-image {
    border-radius: 30px;
}
.image-content .split-media-image {
    display: block;
    width: 100%;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-content .split-media-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    height: 100%;
}

.image-content .split-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84px;
    height: 84px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
}

.image-content .split-play-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;
}

.split-video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.split-video-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.split-video-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
}

.split-video-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(960px, calc(100vw - 40px));
}

.split-video-modal__video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh;
        border-radius: 30px;
}

.split-video-modal__close {
position: absolute;
    top: -23px;
    right: -20px;
    border: 0;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    width: 44px;
    height: 44px;
    padding: 0;
        display: block;
}
section.cols h2.section-heading, section.testimonials h2.section-heading, section.projects h2.section-heading, section.news h2.section-heading, section.cards h2.section-heading {
    text-align: center;
    margin: 0 0 50px;
}
/*
section.news .container {
    margin-left: calc((100% - 1080px) / 2);
    margin-right: 0;
    width: calc((100% + 1080px) / 2);
}
*/
section.news ul.news-list, section.projects ul.project-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
section.projects ul.project-list {
	display: flex;
    justify-content: flex-start;
    gap: 50px;  
	flex-wrap: wrap;
}
section.projects ul.project-list h3, section.news ul.news-list h3 {
    margin: 20px 0 10px;
}
section.projects ul.project-list p, section.news ul.news-list p{
        margin: 10px 0 0px;
}
section.news .featured-img {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
section.news ul.news-list li {
    width: 22.5%;
    text-align: center;
    
}
section.projects ul.project-list li {
    width: 29.5%;
text-align: center;
}
section.projects .featured-img {
        height: 350px;
    width:100%;
    border-radius: 30px;
    background-position: center;
    background-size: cover;
    margin: 0 0 20px 0;
}
ul.acc-repeater, ul.card-repeater  {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.card-repeater {
    display: flex;
    gap: 20px;
justify-content: space-between;
}
ul.card-repeater li {
    height: 33vh;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    position: relative;
    min-height: 425px;
}
.cards-2 ul.card-repeater li {
    width: 50%;
}
.cards-3 ul.card-repeater li {
    width: 33%;
}
.cards-4 ul.card-repeater li {
    width: 25%;
}
.card-bg-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
.card-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
color: #fff;
    transition: 1s all;
}
.cards-wrap h2 {
    width: 100%;
    margin: 0 auto 20px;
}
.card-content h3 {
    margin: 0 0 5px;
}
.btn-min {
    font-weight: 500;
    color: #df503b;
    display: flex;
    align-items: center;
}
.primary-color-yellow .btn-min {
    color: #a8ad00;
}
.primary-color-blue .btn-min {
    color: #00c7b1;
}
.btn-min .material-symbols-outlined {
    font-size: 21px;
    line-height: 1;
    padding: 0px 0 0 5px;
}
.home .card-wrap:nth-child(2) span.btn-min {
    color: #a8ad00;
}
.home .card-wrap:nth-child(3) span.btn-min {
    color: #00c7b1;
}
.overlay {
background-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    transition: 1s all;
    z-index: 0;
    opacity: 0.7;
    background: linear-gradient(200deg, rgba(7, 29, 68, 0) 0%, rgba(7, 29, 68, 1) 100%);
}
.card-content a h3, li.card-wrap:hover .card-content-hover a, li.card-wrap .card-content-hover a{
    color: #fff;
}

li.card-wrap .card-content-hover{
    opacity:0;
    color:#fff;
    transition: 1s all;
        position: absolute;
    top: 20px;
    width: calc(100% - 60px);
    left: 30px;
}
ul.card-repeater li:hover .card-content-hover {
    opacity: 1;
}
li.card-wrap.unlinked-card .card-content-hover {
    opacity: 1;
}
li.card-wrap:hover .overlay {
    opacity: 0.9;
   background: #071D44;
}
li.card-wrap.unlinked-card:hover .overlay {
    opacity: 0.7;
    background: linear-gradient(200deg, rgba(7, 29, 68, 0) 0%, rgba(7, 29, 68, 1) 100%);
}
.acc-expand {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}
.accordian-section.type-split .columns {
    align-items: flex-end;
}
.acc-btn {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-content: center;
}
.accordian-wrap .material-symbols-outlined {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
}

.primary-color-green .accordian-wrap .material-symbols-outlined {
    color: #507F70;
}
.primary-color-yellow .accordian-wrap .material-symbols-outlined {
    color: #a8ad00;
}
.primary-color-blue .accordian-wrap .material-symbols-outlined {
/*    color: #00c7b1;*/
	color: #fff;
}
.primary-color-orange .accordian-wrap .material-symbols-outlined {
    color: #df503b;
}
.accordian-wrap {
    margin-top: 10px;
}
.primary-color-green .accordian-wrap {
    border-bottom: 1px solid #507F70;
}
.primary-color-yellow .accordian-wrap {
    border-bottom: 1px solid #a8ad00;
}
.primary-color-orange .accordian-wrap {
    border-bottom: 1px solid #df503b;
}
.primary-color-blue .accordian-wrap {
    border-bottom: 1px solid #00c7b1;
}
.acc-icon {
    transition: transform 0.3s ease;
}

.accordian-wrap.is-open .acc-icon {
    transform: rotate(45deg);
}
section.testimonials .wrap {
    width: 800px;
    margin: 0 auto;
}
.testimonial-carousel {
	position: relative;
	overflow: hidden;
}

.testimonial-track {
	display: flex;
	transition: transform 0.5s ease;
	will-change: transform;
}

.testimonial-slide {
	flex: 0 0 100%;
	width: 100%;
}

.testimonial-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

.testimonial-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.testimonial-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: rgb(5 29 44);
}

.testimonial-prev, .testimonial-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    border: none;
    background: rgb(220 76 58);
    backdrop-filter: blur(6px);
    cursor: pointer;
    transition: all 0.25s ease;
    padding: 0;
}

.testimonial-prev:hover,
.testimonial-next:hover {
	background:  rgb(5 29 44);
	transform: scale(1.05);
}

.material-symbols-outlined {
	font-size: 18px;
	line-height: 1;
}
.testimonial-prev,
.testimonial-next {
	cursor: pointer;
}
.testimonial-credit {
    font-weight: 500;
    text-align: center;
}
.testimonial-quote {
    font-size: 30px;
    text-align: center;
    margin: 0 0 30px 0;
}
section {
	position: relative;
}
span.material-symbols-outlined.large-icon {
    font-size: 50px;
}
.panel-section {
	position: relative;
	border-radius: 0 0 32px 32px;
box-shadow: 0 16px 24px -12px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

.panel-section + section {
	margin-top: -30px;
    padding-top:134px;

}
/* CTA Primary Color */
.primary-color-orange span.material-symbols-outlined.large-icon {
    color: #e04f3c ;
}
.primary-color-orange h1 b, .primary-color-orange h1 strong, .primary-color-orange h2 b, .primary-color-orange h2 strong, .primary-color-orange h3 strong, .primary-color-orange h3 b {
color:#e04f3c;;
}
.primary-color-orange h5{
    color: #e04f3c;
}
.primary-color-orange .btn a, .primary-color-orange a.btn, .primary-color-orange input#gform_submit_button_1, section form .primary-color-orange .gform-footer input.gform_button {
    border: 2px solid #e04f3c;
    color: #fff;
    background-color: #e04f3c;
}
.primary-color-orange .main-navigation li.current-menu-item a {
    color: #e04f3c;
}
.primary-color-orange a {
    color: #e04f3c;
}

.primary-color-orange .main-navigation ul li:hover a {
    color: #e04f3c;
}
.primary-color-orange .interaction-top .main-navigation li.current-menu-item a {
    color: #e04f3c;
}
.primary-color-orange a.btn:hover, .primary-color-orange .btn a:hover{
    background-color: #fff;
    color: #e04f3c;
}
.primary-color-orange .btn.btn-secondary a, .primary-color-orange a.btn.btn-secondary {
    border: 2px solid #e04f3c;
    background-color:transparent;
    color: #e04f3c;
}
.primary-color-orange button, .primary-color-orange input[type="button"], .primary-color-orange input[type="reset"], .primary-color-orange input[type="submit"] {
    border: 2px solid #e04f3c;
    color: #fff;
    background-color: #e04f3c;
}
.primary-color-orange section.light a.btn:hover, .primary-color-orange section.light .btn a:hover {
    background-color: #fff;
    color: #e04f3c;
}
.primary-color-orange hr {
	background-color: #e04f3c;
}
.primary-color-orange button.menu-toggle {
    background-color: #e04f3c;
}


.primary-color-green span.material-symbols-outlined.large-icon {
    color: #507F70 ;
}
.primary-color-green h1 b, .primary-color-green h1 strong, .primary-color-green h2 b, .primary-color-green h2 strong, .primary-color-green h3 strong, .primary-color-green h3 b {
   color:#507f70;
}
.primary-color-green h5{
    color: #507F70;
}
.primary-color-green .btn a, .primary-color-green a.btn, .primary-color-green input#gform_submit_button_1, section form .primary-color-green .gform-footer input.gform_button {
    border: 2px solid #507F70;
    color: #fff;
    background-color: #507F70;
}
.primary-color-green .main-navigation li.current-menu-item a, .post-type-archive-news .main-navigation li.current-menu-item a, .single .main-navigation li.current-menu-item a {
    color: #507F70;
}
.primary-color-green a {
    color: #507F70;
}
.primary-color-green.interaction-top .btn.btn-secondary a{
border: 2px solid #507F70;
    color: #fff;
    background-color: rgb(80 127 112 / 40%);
}
.primary-color-green .main-navigation ul li:hover a, .post-type-archive-news .main-navigation ul li:hover a, .single .main-navigation ul li:hover a {
    color: #507F70;
}
.primary-color-green .interaction-top .main-navigation li.current-menu-item a {
    color: #507F70;
}
.primary-color-green a.btn:hover, .primary-color-green .btn a:hover{
    background-color: #fff;
    color: #507F70;
}
.primary-color-green .btn.btn-secondary a, .primary-color-green a.btn.btn-secondary, .archive #primary-menu .btn.btn-secondary a {
    border: 2px solid #507F70;
    background-color:transparent;
    color: #507F70;
}
.primary-color-green button, .primary-color-green input[type="button"], .primary-color-green input[type="reset"], .primary-color-green input[type="submit"] {
    border: 2px solid #507F70;
    color: #fff;
    background-color: #507F70;
}
.primary-color-green section.light a.btn:hover, .primary-color-green section.light .btn a:hover {
    background-color: #fff;
    color: #507F70;
}
.primary-color-green hr {
	background-color: #507F70;
}
.primary-color-green button.menu-toggle {
    background-color: #507F70;
}


.primary-color-yellow span.material-symbols-outlined.large-icon {
    color: #a8ad00 ;
}
.primary-color-yellow h1 b, .primary-color-yellow h1 strong, .primary-color-yellow h2 b, .primary-color-yellow h2 strong, .primary-color-yellow h3 strong, .primary-color-yellow h3 b {
    color: #a8ad00;
}
.primary-color-yellow .btn a, .primary-color-yellow a.btn, .primary-color-yellow input#gform_submit_button_1, section form .primary-color-yellow .gform-footer input.gform_button {
    border: 2px solid #a8ad00;
    color: #fff;
    background-color: #a8ad00;
}
.primary-color-yellow .main-navigation li.current-menu-item a {
    color: #a8ad00;
}
.primary-color-yellow a {
    color: #a8ad00;
}
.primary-color-yellow h5{
    color: #a8ad00;
}
.primary-color-yellow .main-navigation ul li:hover a {
    color: #a8ad00;
}
.primary-color-yellow a.btn:hover, .primary-color-yellow .btn a:hover{
    background-color: #fff;
    color: #a8ad00;
}
.primary-color-yellow .btn.btn-secondary a, .primary-color-yellow a.btn.btn-secondary {
    border: 2px solid #a8ad00;
    background-color:transparent;
    color: #a8ad00;
}
.primary-color-yellow button, .primary-color-yellow input[type="button"], .primary-color-yellow input[type="reset"], .primary-color-yellow input[type="submit"] {
    border: 2px solid #a8ad00;
    color: #fff;
    background-color: #a8ad00;
}
.primary-color-yellow section.light a.btn:hover, .primary-color-yellow section.light .btn a:hover {
    background-color: #fff;
    color: #a8ad00;
}
.primary-color-yellow hr {
	background-color: #a8ad00;
}
.primary-color-yellow button.menu-toggle {
    background-color: #a8ad00;
}


.primary-color-blue span.material-symbols-outlined.large-icon {
    color: #00c7b1;
}
.primary-color-blue h1 b, .primary-color-blue h1 strong, .primary-color-blue h2 b, .primary-color-blue h2 strong, .primary-color-blue h3 strong, .primary-color-blue h3 b {
        color: #00c7b1;
}
.primary-color-blue .btn a, .primary-color-blue a.btn, section form .primary-color-blue .gform-footer input.gform_button {
    border: 2px solid #00c7b1;
    color: #fff;
    background-color: #00c7b1;
}
.primary-color-blue .main-navigation li.current-menu-item a {
    color: #00c7b1;
}
.primary-color-blue a {
    color: #00c7b1;
}
.primary-color-blue h5{
    color: #00c7b1;
}
.primary-color-blue .main-navigation ul li:hover a {
    color: #00c7b1;
}
.primary-color-blue .interaction-top .main-navigation li.current-menu-item a {
    color: #00c7b1;
}
.primary-color-blue a.btn:hover, .primary-color-blue .btn a:hover{
    background-color: #fff;
    color: #00c7b1;
}
.primary-color-blue .btn.btn-secondary a, .primary-color-blue a.btn.btn-secondary {
    border: 2px solid #00c7b1;
    background-color:transparent;
    color: #00c7b1;
}
.primary-color-blue button, .primary-color-blue input[type="button"], .primary-color-blue input[type="reset"], .primary-color-blue input[type="submit"] {
    border: 2px solid #00c7b1;
    color: #fff;
    background-color: #00c7b1;
}
.primary-color-blue section.light a.btn:hover, .primary-color-blue section.light .btn a:hover {
    background-color: #fff;
    color: #00c7b1;
}
.primary-color-blue hr {
	background-color: #00c7b1;
}
.primary-color-blue button.menu-toggle {
    background-color: #03c7b2;
}

/* Color Resets */
.primary-color-orange .main-navigation a, .primary-color-yellow .main-navigation a, .primary-color-blue .main-navigation a, .primary-color-green .main-navigation a, .post-type-archive-news .main-navigation a, .single .main-navigation a {
    color:#051d2c;
}
.primary-color-green .light h5 {
    color: #fff;
    opacity:0.8;
}
.testimonial-dot.is-active {
	background: #051d2c;
        border-color: #051d2c;
}
.primary-color-blue .light a, .primary-color-green .light a, .primary-color-orange .light a, .primary-color-yellow .light a {
    color: #fff;
}
body.interaction-top .main-navigation a, body.interaction-top .main-navigation li a:visited{
    color:#fff;
}
body.interaction-top .main-navigation li:hover a, body.interaction-top .main-navigation li.current-menu-item a{
    color:#507F70;
}
/* FULL WIDTH OVERRIDE */
.interactive-map-section {
    width: 100%;
}

.interactive-map-inner {
    width: 100%;
    margin: 0;
}

/* REMOVE GRID — STACK EVERYTHING */
.interactive-map-wrap {
    position: relative;
}

/* IMAGE AREA */
.interactive-map-image-area {
    position: relative;
    width: 100%;
}

/* BASE + OVERLAYS */
.interactive-map-base img,
.interactive-map-overlay img {
    display: block;
    width: 100%;
    height: auto;
border-radius: 0;
}

.interactive-map-overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.interactive-map-overlay.is-active {
    opacity: 1;
}

/* BUTTON ROW OVERLAYED AT BOTTOM */
.interactive-map-menu {
	position: absolute;
    left: 0%;
    bottom: 5vh;
    width: 250px;
    display: flex;
    padding: 0;
    z-index: 3;
    justify-content: center;
    flex-direction: column;
}

/* BUTTONS — NO COLORS */
.primary-color-green .interactive-map-button {
    appearance: none;
    cursor: pointer;
    transition: 0.5s all;
    border-radius: 0;
    border: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 3px;
}
.interactive-map-button:hover {
    opacity: 1;
    background-color: #507F70;
}

.interactive-map-button.is-active {
    background-color: #507F70;
}

/* POPUP */
.interactive-map-popup {
    position: absolute;
    z-index: 5;
    width: min(400px, calc(100% - 2rem));
    transform: translate(-50%, -50%);
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;

}

.interactive-map-popup.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.interactive-map-popup-inner {
    color: #fff;
    text-align: center;
}
.interactive-map-popup-body.js-map-popup-body {
    background-color: rgb(5 29 44 / 70%);
    padding: 25px;
    border-radius: 30px;
}
.interactive-map-popup-text.wysiwyg p {
    font-size: 14px;
}
/* CLOSE BUTTON */
.interactive-map-popup-close {
appearance: none;
    border: 0;
    background: #507F70;
    position: absolute;
    top: 1px;
    right: -2px;
    font-size: 25px;
    cursor: pointer;
    width: 40px;
    padding: 0;
    height: 40px;
    display: block;
}

/* CONTENT RESET */
.interactive-map-popup-text > *:first-child {
    margin-top: 0;
}

.interactive-map-popup-text > *:last-child {
    margin-bottom: 0;
}
.home .gform_required_legend {
    display: none;
}
span.gfield_required.gfield_required_custom {
    color: #051d2c;
}

/* HIDDEN STORAGE */
.js-map-popup-content[hidden] {
    display: none !important;
}


footer#colophon {
    background-color: #051d2c;
    padding: 30px 0;
    text-align: center;
    margin-top: -30px;
    z-index: -1;
    color: #748b9a;
}
.copyright-notice p {
    margin: 0;
    text-align:left;
}
.footer-cols .menu-social-menu-container ul.menu {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-cols .menu-social-menu-container ul.menu li {

}
.menu-social-icon {
    width: auto;
    height: 24px;
    padding: 0 7px;
}
.menu-item a {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Hide text only when icon exists */
.menu-item:has(.menu-social-icon) a {
    font-size: 0;
}

.menu-item:has(.menu-social-icon) .menu-social-icon {
    font-size: initial;
}
.footer-cols {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    gap: 5vh;
    margin: 0 5%;
        font-size: 13px;
}
.footer-logo {
    width: 260px;
    margin: 7vh auto 30px;
}
ul#legal-menu{
    text-align:right;
}
ul#legal-menu li a {
    color: #748c9b;
}
ul#legal-menu li a {
    border-left: 1px solid #507F70;
    padding-left: 10px;
    line-height: 14px;
}
ul#legal-menu li:first-child a {
    border-left: none;
    padding-left: 0;
}
.footer-cols ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}


/* News List */
.post-type-archive-news ul.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.post-type-archive h2#title {
    color: #000;
	margin-top: 16px;
}
section.news-archive {
    padding: 80px 0;
}
.post-type-archive-news .image-content.img-wide.img-right .col-2-2, .post-type-archive-news .image-content.img-wide.img-left .col-1-2 {
    min-height: revert;
    height: revert;
}
.post-type-archive-news .news-list li {
    position: relative;
}
.post-type-archive-news .news-list li::before {
    content: "";
    height: 1px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    background: #507f7047;
}
.post-type-archive-news .news-list li:last-child::before {
	display: none;
}
.post-type-archive-news .news-list section {
    padding: 50px 0;
}

/* Single News Article */
.single #post-date {
    color: #e04f3c;
    margin-bottom: 18px;
}
.single-news section.news-header-group {
    padding: 175px 0 40px 0;
}
.single .entry-content {
    padding-bottom: 80px;
}
.single .entry-content p a span {
    color: #507F70;
}
.single .image-content.img-right.img-wide .col-2-2 {
    width: 55%;
}
.single .image-content.img-right.img-wide .col-1-2 {
    width: 42%;
}
.single .image-content.img-wide.img-right .col-2-2, .single .image-content.img-wide.img-left .col-1-2 {
     min-height: revert; 
     height: revert; 
}

/* Post Navigation */
section.post-navigation-block {
    padding: 0 0 80px;
}
.nav-links a {
	text-decoration-color: transparent;
    transition:0.6s all;
}
.nav-links a:hover {
    color: red;
}
span.nav-title {
    font-style: italic;
	color: #000;
}
span.nav-subtitle {
	color: #000;
    display: block;
    font-weight: 600;
	margin-bottom: 6px;
}
nav.navigation.post-navigation {
    margin: 0;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
    flex: revert;
    width: 35%;
}
.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
.nav-previous a span, .nav-nexta span  {
    transition: .23s;
}
.nav-previous:hover a span, .nav-next:hover a span  {
    color: #e04f3c;
}


/* News Section Tweaks */
section.news ul.news-list {
    display: flex;
	justify-content: space-between;
    gap: 20px;
}
section.news ul.news-list li {
    width: 32.5%;
    text-align: center;
}
section.news ul.news-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
section.news ul.news-list li a {
    margin-top: auto;
}
section.news ul.news-list h3 {
    min-height: 80px;
}
section.news ul.news-list .the-excerpt p {
    min-height: 120px;
}

/* MOBILE BEHAVIOR */
@media (max-width: 1480px) {
    section.pad-top {
    padding: 80px 0 18px 0;
}
section.pad-bottom {
    padding: 18px 0 80px 0;
}
section.pad-both {
    padding: 80px 0;
}
section.pad-none {
    padding: 18px 0;
}
h1 {
    font-size: 50px;
    line-height: 54px;
}
}
@media (max-width: 1350px) {
    #primary-menu .btn.btn-secondary a {
    padding: 7px 20px;
}
.site-branding {
    width: 310px;
}
.main-navigation ul li a {
    margin: 0 25px 0 0;
}
.interactive-map-menu {
    width: 200px;
}
.interactive-map-button {
    padding: 8px 10px;
}
.interactive-map-popup {
    width: min(300px, calc(100% - 2rem));
    }
.interactive-map-popup-body.js-map-popup-body {
    padding: 20px;
    border-radius: 20px;
}
.interactive-map-popup-text.wysiwyg p {
    font-size: 13px;
    letter-spacing: 0;
}
.interactive-map-popup-title h4 {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 8px 0;
}
.interactive-map-popup-close {
    top: 8px;
    right: 9px;
    font-size: 22px;
    width: 30px;
    height: 30px;
}
}
@media (max-width: 1200px) {
section.full-width.txt-left .wrap{
    width: 80%;
}
.container {
    width: 900px;
}
h2.metric {
    font-size: 42px;
    line-height: 42px;
}
h2 {
    font-size: 35px;
    line-height: 36px;
}
.cards-wrap h2 {
    font-size: 30px;
    line-height: 30px;
}
h3 {
    font-size: 22px;
    line-height: 24px;
}
}
@media (max-width: 1080px) {
.container {
    width: 90%;
}
.home section.full-width.has-bg-video {
    height: 50vh;
    min-height: 500px;
}
.menu-toggle .ham {
    background-color: #fff;
    width: 30px;
    height: 4px;
    margin: 0 auto 5px auto;
    transition:1s all;
}
.menu-toggle .ham.ham-3{
    margin-bottom:0;
}
.toggled .menu-toggle .ham-1 {
    transform: rotate(45deg);
    margin-top: 11px;
}
.toggled .menu-toggle .ham-2{
     transform: rotate(-45deg);
     margin-top: -10px;
}
.toggled .menu-toggle .ham-3{
    opacity:0;
}
.toggled .menu-main-menu-container {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f1f8ff;
    z-index: -1;
    padding: 115px 5%;
}
.main-navigation.toggled ul {
    display: flex;
    flex-direction: column-reverse;
}
.main-navigation ul li a {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    transition: 0.5s all;
    padding: 0 0 15px 0;
    justify-content: flex-end;
}
button.menu-toggle {
    border: none;
    padding: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 5%;
    top: 40px;
    transition:1.2s all;
    background-color: #507f70;
}
.scrolled button.menu-toggle {
    top:16px;
    }
.scrolled .site-branding {
    width: 290px;
}
.scrolled header#masthead, .interaction-top.scrolled header#masthead {
    padding: 15px 5%;
}
.home h1 {
    font-size: 69px;
    margin: 0 0 20px;
    line-height: 72px;
}
.cards-wrap li h2 {
    font-size: 25px;
    line-height: 25px;
}
section.testimonials .wrap {
    width: 90%;
}
.img-right .columns {
    flex-direction: column-reverse;
    gap:10px;
}
.img-left .columns {
    flex-direction: column;
    gap:10px;
}
.image-content.img-right.img-wide .split-media-image {
    border-radius: 30px;
}
.post-type-archive .image-content.img-right.img-wide .col-1-2, .post-type-archive .image-content.img-right.img-wide .col-2-2 {
    width: 100%;
    text-align: center;
}
.image-content.img-wide.img-right .container {
    width: 90%;
    margin: 0 auto;
}
.img-right .columns {
    gap: 20px;
}
.site-main > section.banner-none + section.interactive-map-section {
    padding: 0;
    height: calc(100vh + 168px);
    background-color: #061c2d;
    margin-top:-168px;
}
.interactive-map-inner, .interactive-map-wrap, .interactive-map-visual, .interactive-map-image-area {
    height: 100vh;
}
.primary-color-green .interactive-map-button {
    margin-bottom: 2px;
padding: 7px 10px;
        font-size: 11px;
        text-align: left;
}
 .interactive-map-popup h4 {
font-size: 14px;
    line-height: 14px;
    margin: 0 0 7px 0;
}
    .interactive-map-popup-text.wysiwyg p {
        font-size: 11px;
        letter-spacing: 0;
                text-align: left !important;
    }
.interactive-map-popup-body.js-map-popup-body {
        padding: 15px 10px;
        border-radius: 9px;
    }
.interactive-map-menu {
        width: 160px;
    bottom: 0px;
    padding:10px;
    }

.interactive-map-popup.js-map-popup.is-visible {
    left: inherit !important;
    width: calc(100% - 160px);
    min-width: 0;
    position: fixed;
    top: inherit !important;
    bottom: 0px !important;
    right: 0;
    transform: translate(0px, 0px);
}
.interactive-map-popup-inner {
    color: #fff;
    text-align: left;
}

}
@media screen and (max-width: 1080px) and (orientation: portrait) {
    
.interaction-top   button.menu-toggle {
        right: 10px;
        top: 10px;
    }
.interaction-top header#masthead, .interaction-top.scrolled header#masthead {
    background-color: transparent;
    padding: 10px 0 0 10px;
}
    .scrolled header#masthead, .interaction-top.scrolled header#masthead
body.page-id-53 #primary {
    display: none;
}

.interaction-top button.menu-toggle {
    top: 50px;
}
.interaction-top header#masthead {
    padding-top: 50px;
}
body.interaction-top .main-navigation ul li a, body.interaction-top .main-navigation li a:visited {
    color: #051d2c;
}
body.page-id-53::before {
    content: "Para una mejor experiencia de visualización, gire su dispositivo a la posición horizontal.";
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #152441;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
    z-index: 1;
    background-color: #051d2c;
}
    .site-main > section.banner-none + section.interactive-map-section {
        padding: 0;
        height: 100vh;
        margin-top: 0;
    }
        .interactive-map-menu {
        width: 160px;
        top: 125px;
        padding: 10px;
        bottom: inherit;
    }
    .interaction-top section.banner-none {
    height: 120px;
    position: fixed;
}
        .interactive-map-inner, .interactive-map-wrap, .interactive-map-visual, .interactive-map-image-area {
        height: auto;
        width: 100%;
    }
footer#colophon {
    padding: 30px 0;
    margin-top: 20vh;
}
}
@media (max-width: 810px) {
    section.news ul.news-list li {
    width: 100%;
}
.image-content.img-right.img-wide .col-2-2 .split-media-image {
    min-height: 300px;
}
.image-content.img-wide.img-right .col-2-2, .image-content.img-wide.img-left .col-1-2 {
    min-height: auto;
    height: auto;
}

    .interactive-map-popup {
        left: 50% !important;
        top: auto !important;
        bottom: 1rem;
        transform: translateX(-50%);
    }
.image-content.img-left.img-wide .col-1-2 {
    width: 90%;
    }
    section.news ul.news-list {
        display: flex;
        gap: 50px;
        flex-direction: column;
        align-items: center;
    }
section.news .featured-img {
    width: 400px;
    height: 300px;
    max-width: 400px;
}
section.news ul.news-list .the-excerpt p {
    min-height: 0;
    max-width: 400px;
    margin-bottom: 20px;
}
section.news ul.news-list h3 {
    min-height: 0;
    max-width: 400px;
}
.col-1-3, .col-2-3, .col-3-3 {
    width: 100%;
}
.col-1-2, .col-2-2 {
    width: 100%;
}
.columns {
    flex-direction: column;
}
.cols.col-4 .columns {
    flex-direction: row;
    flex-wrap: wrap;
}
.image-content.img-left.img-wide .col-2-2 {
    width: 90%;
}
ul.card-repeater li {
    height: 350px;
    min-height: 350px;
    width: 100%;
    
}
ul.card-repeater {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-direction: column;
}
.cards-3 ul.card-repeater li {
    width: 100%;
}
.footer-cols {
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 20px;
    margin: 0 5%;
    font-size: 13px;
    flex-direction: column;
}
.copyright-notice p {
    text-align: center;
}
ul#legal-menu {
    text-align: center;
}
.footer-cols ul.menu {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.footer-logo {
    width: 230px;
}
.col-1-4, .col-2-4, .col-3-4, .col-4-4 {
    width: 40%;
}
.image-content.img-right.img-wide .col-1-2 {
    width: 100%;
}
.image-content.img-right.img-wide .col-2-2 {
    width: 100%;
}
}
@media (max-width: 600px) {
.image-content.img-left.img-wide .col-1-2 .split-media-image {
    min-height: 0;
    border-radius: 30px;
}
    .home h1 {
        font-size: 48px;
        line-height: 56px;
    }
section.news .featured-img {
        width: 100%;
        height: 300px;
        max-width: none;
    }
.testimonial-quote {
    font-size: 22px;
    text-align: center;
    margin: 0 0 30px 0;
}
.copyright-notice p, .legal-notice p, ul#legal-menu li a {
    font-size: 10px;
    line-height:10px;
}
ul#social-menu li a, .footer-cols ul.menu{
    gap:0;
}
h1 {
    font-size: 40px;
    line-height: 44px;
}
h2 {
        font-size: 25px;
        line-height: 27px;
}
h3 {
        font-size: 19px;
        line-height: 21px;
    }
h5 {
    line-height: 22px;
    font-size: 16px;
}
 p {
    font-size: 14px;
}
    button.menu-toggle {
        width: 40px;
        height: 40px;
            top: 25px;
    }
    .menu-toggle .ham {
        width: 24px;
        height: 3px;
    }
    .scrolled header#masthead, .interaction-top.scrolled header#masthead {
        padding: 8px 5% 5px;
    }
    section.full-width.txt-left .wrap {
        width: 100%;
    }
header#masthead {
    padding: 20px 5% 10px;
}
}