/*!
Theme Name: procraft
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: procraft
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.

procraft 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%;
	--dark: #0D222C;
	--primary: #51C2C6;
	--secondary: #203C48;
	--white: #f2f2f2;
	
	--font-titles: "Gothic A1", sans-serif;
	--font-body: "Source Sans 3", sans-serif;
	
}

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

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/*h1 {
	margin: 0.67em 0;
}
*/


/* 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;
	height: 0;
}

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

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: var(--font-titles);
}

h1 {
	font-size: 2.5rem;
	font-size: clamp(2.5rem, 1.2848101265822784rem + 2.5316455696202533vw, 3.5rem);
	font-weight: 800;
}

h2 {
	font-size: 2.25rem;
	font-size: clamp(2.25rem, 1.3386075949367089rem + 1.89873417721519vw, 3rem);
	font-weight: 700;
}

h2.large {
	font-size: 2.5rem;
	font-size: clamp(2.5rem, 1.2848101265822784rem + 2.5316455696202533vw, 3.5rem);
	font-weight: 800;
}

h3 {
	font-size: 2rem;
	font-size: clamp(2rem, 1.3924050632911391rem + 1.2658227848101267vw, 2.5rem);
	font-weight: 700;
}

h4 {
	font-size: 1.5rem;
	font-size: clamp(1.5rem, 2.607594936708861rem + -1.2658227848101267vw, 2rem);
	font-weight: 700;
}

h5 {
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.8037974683544304rem + -0.6329113924050633vw, 1.5rem);
	font-weight: 700;
}

h6 { 
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.4018987341772151rem + -0.31645569620253167vw, 1.25rem);
	text-transform: uppercase;
}

p {
	margin-bottom: 1.5em;
}


p, li, span, caption, a { 	
	font-family: var(--font-body); 
	font-size: 1rem;
	font-size: clamp(1rem, 0.842741935483871rem + 0.3225806451612903vw, 1.125rem);
}

.small { 
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.7231012658227848rem + 0.31645569620253167vw, 1rem) !important;
}


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-color: var(--dark) !important;
	color: var(--white) !important;
}

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

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

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 {
	color: var(--primary);
}

a:hover,
a:focus,
a:active {
	color: var(--primary);
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

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 {
	border-color: #aaa #bbb #bbb;
}

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: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	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: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
*/

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

header .logo { width: 130px; }

#masthead { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
#masthead a { color: var(--white); text-decoration: none; font-size: 1.0625rem; font-family: 'Source Sans 3'; }
#masthead .main-navigation .menu-item-has-children { display: flex; align-items: center; }
#masthead #primary-menu > .menu-item-has-children::after { content: ""; display: inline-block; margin-left: 10px; height: 10px; width: 10px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 16.1629C12.178 16.3826 11.8219 16.3826 11.6022 16.1629L5.86739 10.428C5.64772 10.2084 5.64772 9.85227 5.86739 9.63259L6.13256 9.36739C6.35222 9.14772 6.70838 9.14772 6.92805 9.36739L12 14.4393L17.0719 9.36739C17.2916 9.14772 17.6477 9.14772 17.8674 9.36739L18.1326 9.63259C18.3522 9.85227 18.3522 10.2084 18.1326 10.428L12.3977 16.1629Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50% 50%; transition: 0.3s; }
#masthead #primary-menu .current_page_item::after, #masthead #primary-menu .current_page_parent::after, #masthead #primary-menu .current-menu-ancestor::after, #masthead #primary-menu .current-menu-parent::after, #masthead #primary-menu .current_page_ancestor::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 16.1629C12.178 16.3826 11.8219 16.3826 11.6022 16.1629L5.86739 10.428C5.64772 10.2084 5.64772 9.85227 5.86739 9.63259L6.13256 9.36739C6.35222 9.14772 6.70838 9.14772 6.92805 9.36739L12 14.4393L17.0719 9.36739C17.2916 9.14772 17.6477 9.14772 17.8674 9.36739L18.1326 9.63259C18.3522 9.85227 18.3522 10.2084 18.1326 10.428L12.3977 16.1629Z' fill='%2351C2C6'/%3E%3C/svg%3E%0A");
}



#masthead .main-navigation #primary-menu > .menu-item-has-children:hover::after, #masthead .main-navigation #primary-menu > .menu-item-has-children.focus::after  { transform: rotate(180deg); }

#site-navigation .menu-menu-1-container > ul > li { margin: 0 20px; }
#site-navigation .menu-menu-1-container > ul li:last-of-type { margin-right: 0; }

.sub-menu .sub-menu { display: block; }
.nav-wrap { position: relative; z-index: 999; }

#primary-menu > .menu-item-has-children > .sub-menu { display: none; }
.main-navigation > .menu-item-has-children:hover .sub-menu, #primary-menu > .menu-item-has-children.focus .sub-menu{ display: block; }

.menu-item-has-children .sub-menu  .sub-menu, #mobile-navigation .menu-item-has-children .sub-menu  .sub-menu { display: block; }
.main-navigation #primary-menu > .menu-item-has-children .sub-menu .sub-menu, .main-navigation #primary-menu > .menu-item-has-children:hover > .sub-menu {  display: block;}

.main-navigation #primary-menu > .menu-item-has-children > .sub-menu {  background-color: rgba(43,52,57,0.50); backdrop-filter: blur(20px); padding: 20px;  left: -19px; border-radius: 1px;   box-shadow: 0 20px 48px rgba(0, 0, 0, 0.25), 0 0 8px rgb(69 69 69 / 12%) inset; }

.main-navigation #primary-menu > li > a { padding: 20px 0; }
.main-navigation #primary-menu > li > .sub-menu a { font-size: 1rem; }
.main-navigation #primary-menu > li > .sub-menu > li { display: flex; flex-direction: column; align-items: flex-start; }
.main-navigation #primary-menu > li > .sub-menu > li > .sub-menu { margin-bottom: 10px; }
.main-navigation #primary-menu > li > .sub-menu > li > a { font-weight: 600; }
.main-navigation #primary-menu > li > .sub-menu > li > .sub-menu > li { margin-left: 20px; }

@media screen and (min-width: 993px) {
	.nav-wrap { background-color: rgba(43,52,57,0.50); margin-top: 25px; padding: 0 30px;  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }
	.main-navigation #primary-menu > .menu-item-has-children > .sub-menu::after, .nav-wrap::after { content: ""; height: 100%; width: 100%; top: 0; left: 0; backdrop-filter: blur(20px); position: absolute; }
	.nav-wrap a, .nav-wrap li { position: relative; z-index: 5; }
	.main-navigation #primary-menu > li > .sub-menu > li { position: relative; z-index: 5; }
	.main-navigation #primary-menu > li > .sub-menu .sub-menu a::before { content:""; background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.060268 5.79032 -1.58946e-07 5.62437 -1.58946e-07C5.45842 -1.58946e-07 5.29927 0.060268 5.18192 0.167548C5.06458 0.274827 4.99865 0.42033 4.99865 0.572047C4.99865 0.723763 5.06458 0.869265 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-size: contain; height: 10px; width: 12px; margin-right: 10px; display: inline-flex; }
	.main-navigation a:hover { text-decoration: underline !important; }
	.main-navigation #primary-menu > li > .sub-menu .sub-menu .current_page_item > a::before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.060268 5.79032 -1.58946e-07 5.62437 -1.58946e-07C5.45842 -1.58946e-07 5.29927 0.060268 5.18192 0.167548C5.06458 0.274827 4.99865 0.42033 4.99865 0.572047C4.99865 0.723763 5.06458 0.869265 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%2351C2C6'/%3E%3C/svg%3E%0A"); }
}

.mm-open .hamburger::before { transform: rotate(-45deg) translate(-4px, 9px); }
.mm-open .hamburger::after { transform: rotate(45deg) translate(-2px, -7px); }
.mm-open .hamburger .bar { opacity: 0; }
.mm-open #mobile-navigation { left: 0; overflow: auto; -webkit-overflow-scrolling: touch; }
body.mm-open { overflow: hidden; }

.hamburger { background-color: transparent; padding: 10px; border:none; width: 48px; display: block; }
.hamburger .bar, .hamburger::before, .hamburger::after  { height: 1px; width: 100%; background-color: var(--white); display: block; transition: .5s; margin: 7px 0; } 
.hamburger::before, .hamburger::after { content: ""; } 

#primary-menu .current_page_item > a, #primary-menu .current_page_parent > a, #primary-menu .current-menu-ancestor > a, #primary-menu .current-menu-parent > a, #primary-menu .current_page_ancestor > a {
	color: var(--primary);
}

#mobile-navigation {
    width: 100%; position: absolute; top: -50px; padding-top: 140px; padding-bottom: 130px; left: -100%; z-index: 998;  height: calc(var(--vh, 1vh) * 100); overflow-y: auto; -webkit-overflow-scrolling: touch; transition: 0.3s ease-in-out; margin-top: 101px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background: linear-gradient( 135deg, rgba(18, 34, 42, 0.75) 0%, rgba(11, 22, 33, 0.6) 35%, rgba(15, 30, 40, 0.4) 65%, rgba(40, 80, 95, 0.35) 100%);
}

#mobile-navigation .sub-menu { display: flex; }
#mobile-navigation li a { width: fit-content; }
#mobile-navigation li { display: flex; flex-direction: column; justify-content: flex-start; position: relative;}
#mobile-navigation li::after { position: absolute; right: 0; }

#mobile-navigation, #mobile-navigation .sub-menu { display: none; }
#mobile-navigation ul { list-style: none; margin-bottom: 20px; margin-left: 0; padding-left: 0; }

#mobile-navigation #primary-menu > li > a { font-size: 1.875rem; font-weight: 600; padding: 10px 0; }
#mobile-navigation #primary-menu > .menu-item-has-children > ul > li > a { font-weight: 500; }
#mobile-navigation #primary-menu > .menu-item-has-children::after { top: 15px; background-size: contain; height: 30px; width: 30px; }
#mobile-navigation .sub-menu { margin-left: 20px; }
#mobile-navigation .menu-item-has-children.open::after { transform: rotate(180deg); }

@media screen and (max-width: 992px) {
	#masthead::after { content: ""; height: 100%; width: 100%; backdrop-filter: blur(20px); position: absolute; top: 0; left: 0; }
	#masthead { background: linear-gradient( 135deg, rgba(18, 34, 42, 0.75) 0%, rgba(11, 22, 33, 0.6) 94.8%, rgba(15, 30, 40, 0.4) 99%, rgba(40, 80, 95, 0.35) 100%); }
}

.col-text {
	will-change: opacity, transform;
  	transform: translateZ(0);
}

.section-content, .horizontal-content { 
	will-change: transform;
}

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

.main-navigation #primary-menu > .menu-item-has-children > ul  {
	float: left;
	position: absolute;
	top: 100%;
	z-index: 99999;
}


.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;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.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
--------------------------------------------- */

.mtb-112 { margin: 112px 0; }
.mt-112 { margin-top: 112px; }
.mb-112 { margin-bottom: 112px; }

.ptb-112 { padding: 112px 0; }
.pt-112 { padding-top: 112px; }
.pb-112 { padding-bottom: 112px; }

.cta { color: var(--white); border: solid 1px var(--white); padding: 10px 24px; text-decoration: none; max-width: fit-content; transition: 0.3s ease-in; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.05) inset; display: table; }
.cta:hover { background-color: #276B72; border-color: #276B72; color: var(--white); text-decoration: none; }
.cta::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.0602679 5.79032 0 5.62437 0C5.45842 0 5.29927 0.0602679 5.18192 0.167548C5.06458 0.274827 4.99865 0.420331 4.99865 0.572047C4.99865 0.723763 5.06458 0.869266 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 11px; width: 13px; margin-right: 10px; transition: 0.3s ease-in; }

.text-bdark .cta { color: var(--dark); border-color: var(--dark); }
.text-bdark .cta::before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.060268 5.79032 -1.58946e-07 5.62437 -1.58946e-07C5.45842 -1.58946e-07 5.29927 0.060268 5.18192 0.167548C5.06458 0.274827 4.99865 0.42033 4.99865 0.572047C4.99865 0.723763 5.06458 0.869265 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%230D222C'/%3E%3C/svg%3E%0A"); }

.text-bdark .cta:hover { color: var(--white); border-color: #276B72; }
.text-bdark .cta:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.0602679 5.79032 0 5.62437 0C5.45842 0 5.29927 0.0602679 5.18192 0.167548C5.06458 0.274827 4.99865 0.420331 4.99865 0.572047C4.99865 0.723763 5.06458 0.869266 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); }

.cta.hero-cta { background-color: #276B72; border-color: #276B72; }
.cta.hero-cta:hover { background-color: transparent; color: var(--primary); }
.cta.hero-cta:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.060268 5.79032 -1.58946e-07 5.62437 -1.58946e-07C5.45842 -1.58946e-07 5.29927 0.060268 5.18192 0.167548C5.06458 0.274827 4.99865 0.42033 4.99865 0.572047C4.99865 0.723763 5.06458 0.869265 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%2351C2C6'/%3E%3C/svg%3E%0A");}

#hero { min-height: 800px; height: fit-content; }
.hero-content { padding-bottom: 100px; padding-top: 100px; margin-top: 15%; }

.hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hero-img > img, .hero-img > video { object-fit: cover; width: 100%; height: 100%; display: block; }

.hero-fade::after { content:""; position: absolute; bottom: 0; left: 0; height: 105%; width: 100%; z-index: 0; }
.text-light.hero-fade::after { background: linear-gradient(rgba(0,0,0,0.00) 0%, rgba(5,13,17,0.73) 50%, #0D222C 100%); }
.text-bdark.hero-fade::after { background: linear-gradient(rgba(255,255,255,0.00) 0%, rgba(177,177,177,0.73) 50%, #F2F2F2 100%); }

.text-bdark { color: var(--dark); }

.info-box { background-color: rgba(43, 52, 57, 0.50); backdrop-filter: blur(20px); padding: 7px 30px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.05) inset; margin-top: 30px; }

.dl-title { color: var(--primary); text-transform: uppercase; font-weight: 300; }
.dl-desc { font-weight: 300; }
.info-link { text-decoration: none; text-transform: uppercase; text-align: end; width: 100%; }

.section-content { overflow: hidden; width: 100%; height: 100vh !important; display: flex; position: relative; }
.wrapper { width: 100%; height: 100vh !important; display: flex;align-items: center; }
.horizontal-content { display: flex; flex-wrap: nowrap; height: 100%; }
.slide { width: 100vw; flex-basis: 100%; }
.horizontal-content .content img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }
.progress-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(255, 255, 255, 0.2); z-index: 1000; }
.progress-bar { width: 0%; height: 100%; background: rgba(255,255,255,0.30); transition: width 0.1s ease-out; }
.pagination { font-size: 1.75rem; font-size: clamp(1.75rem, 1.4462025316455696rem + 0.6329113924050633vw, 2rem); display: block; margin-bottom: 20px; }

.overlay { position: relative; }
.overlay::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; position: absolute; }


.text-light.overlay::before { background: rgba(5,13,17,0.45); }
.text-bdark.overlay::before { background: rgba(177,177,177,0.45); }

.hl-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hl-img > img, .hl-img > video { object-fit: cover; width: 100%; height: 100%; display: block; }

.articles-thumbnail { aspect-ratio: 5/3; overflow: hidden; background-color: var(--white); position: relative;}

.articles-thumbnail img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: transform ease-in-out .6s; }

.art-link:hover .articles-thumbnail img {  transform: scale(1.05); }
.art-link { text-decoration: none; color: var(--white); }
.art-link:hover { text-decoration: none; color: var(--white); }
.art-link:focus, .art-link:active { color: inherit; text-decoration: none; }
.cat-wrap { display: block; margin-bottom: 10px; margin-top: 10px; }
.cat-wrap span { text-transform: uppercase; }
h3.post-hls-title { font-size: 1.5rem; font-size: clamp(1.5rem, 2.607594936708861rem + -1.2658227848101267vw, 2rem); font-weight: 700;}

.read-more { display: flex; align-items: center; }
.read-more::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4C0 4.15152 0.0658408 4.29684 0.183038 4.40399C0.300235 4.51113 0.459188 4.57133 0.62493 4.57133H7.86537L5.18192 7.02345C5.06458 7.13073 4.99865 7.27624 4.99865 7.42795C4.99865 7.57967 5.06458 7.72517 5.18192 7.83245C5.29927 7.93973 5.45842 8 5.62437 8C5.79032 8 5.94948 7.93973 6.06682 7.83245L9.8164 4.4045C9.8746 4.35143 9.92077 4.28838 9.95228 4.21897C9.98378 4.14956 10 4.07515 10 4C10 3.92485 9.98378 3.85044 9.95228 3.78103C9.92077 3.71162 9.8746 3.64857 9.8164 3.5955L6.06682 0.167548C5.94948 0.0602679 5.79032 0 5.62437 0C5.45842 0 5.29927 0.0602679 5.18192 0.167548C5.06458 0.274827 4.99865 0.420331 4.99865 0.572047C4.99865 0.723763 5.06458 0.869266 5.18192 0.976545L7.86537 3.42867H0.62493C0.459188 3.42867 0.300235 3.48887 0.183038 3.59601C0.0658408 3.70316 0 3.84847 0 4Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 11px; width: 13px; margin-left: 10px; }

.lead-text, .quote p { font-size: 1.25rem; font-size: clamp(1.25rem, 1.8037974683544304rem + -0.6329113924050633vw, 1.5rem); font-weight: 700; }
.highlight { color: #51C2C6; font-weight: 700; }

.feature { border-bottom: solid 1px #6A6A6A; margin-top: 16px; }
.feature p { margin-bottom: 1.3em; }

#feature-block .parallax-img { height: 700px; min-height: 100%; position: relative; overflow: hidden; }
.parallax-img img { position: absolute; top: 0; left: 0; width: 100%; height: 125%; object-fit: contain; object-position: 50% 50%; }

.quote-name { display: block; font-weight: 600; }
.quote-company { display: block; }

.bg-petrol { background-color: var(--secondary); }

.slick-list { padding: 0 20%; }
.slick-dots { display: flex; justify-content: center; list-style: none; padding: 0; margin-top: 60px; }
.slick-dots button { font-size: 0; background-color: transparent; box-shadow: none; border: none; }
.slick-dots button::before { content: ""; background-color: rgba(242,242,242,0.60); display: inline-block; height: 10px; width: 10px; border-radius: 10px; } 
.slick-dots .slick-active button::before { background-color: var(--primary); }

.slick-prev, .slick-next { position: absolute; padding: 1em; bottom: 50%; transform: translateY(-50%); z-index: 100; content: ""; height: 30px; width: 30px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 0; border: none; font-size: 0; background-color: rgba(43,52,57,0.50); backdrop-filter: blur(20px); }

.slick-prev { background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.20694 12.793L3.91394 8.49997H13.4999V6.49997H3.91394L8.20694 2.20697L6.79294 0.792969L0.0859375 7.49997L6.79294 14.207L8.20694 12.793Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); left: 5%; }

.slick-next { right: 5%; background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.793 12.793L7.207 14.207L13.914 7.49997L7.207 0.792969L5.793 2.20697L10.086 6.49997H0.5V8.49997H10.086L5.793 12.793Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); }

.gallery-wrap { aspect-ratio: 3/2; position: relative; margin: 0 24px; }
.gallery-item img { position: absolute; top: 0%; left: 0; object-fit: cover; height: 100%; width: 100%; }


.articles-thumbnail-home { position: relative; aspect-ratio: 5/4; }
.articles-thumbnail-home img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }

.single-text figure {  min-width: 100% !important; max-width: 100%; }
.wp-video { min-width: 100%; max-width: 100%; margin-bottom: 1.3em; }

figure img { width: 100%; }
figcaption { color: #E3E3E3 !important; font-size: 0.875rem; font-size: clamp(0.875rem, 0.7231012658227848rem + 0.31645569620253167vw, 1rem) !important; margin-top: 10px; }

#hero.hero-post { min-height: 400px; }

.chl-img { position: relative; display: flex; min-height: 400px; height: fit-content;}
.chl-img img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; object-fit: cover; }
.chl-img::after { content: ""; height: 50%; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0.00) 0%, rgb(5 13 17 / 30%) 25%, rgb(13 34 44 / 80%) 100%); z-index: 2; position: absolute; bottom: 0; left: 0; }
.chl-overlay { position: relative; z-index: 3; margin-top: 250px; padding: 10px 30px; width: 100%; }

h3.contact-name { font-size: 1rem; font-size: clamp(1rem, 0.842741935483871rem + 0.3225806451612903vw, 1.125rem); font-weight: 700; font-family: var(--font-body); }
.contact-text p { margin-bottom: 10px; }
.contact-info a { color: var(--white); text-decoration: none; }
.contact-info a:hover { text-decoration: underline; }

.img-wrap { position: relative; aspect-ratio: 1/1; overflow: hidden; }
.img-wrap.parallax-img img { object-fit: cover; }

.hl-info { position: relative;height: fit-content; margin-bottom: 24px; min-height: 624px; }
.hl-info:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0.00) 0%, rgb(5 13 17 / 55%) 60%, rgb(13 34 44 / 80%) 100%); }
.hl-bg-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }
.hl-info .hl-overlay { position: relative;  z-index: 5; padding: 260px 28px 28px; }

@media screen and (min-width: 768px) { 
	.text-md-center .cta { margin-inline: auto; }
}

@media screen and (max-width: 768px) {
	#hero { min-height: 600px; }
	#hero.hero-post { min-height: 300px; }
	.hero-content { padding-top: 80px; padding-bottom: 60px; }
	.info-link { text-align: left; }
	
	.mtb-112 { margin: 60px 0; }
	.mt-112 { margin-top: 60px; }
	.mb-112 { margin-bottom: 60px; }

	.ptb-112 { padding: 60px 0; }
	.pt-112 { padding-top: 60px; }
	.pb-112 { padding-bottom: 60px; }
	
	#feature-block .parallax-img { height: 400px; }
	
	.gallery-wrap { aspect-ratio: 1/1; margin: 0 12px; }
	.slick-dots { margin-top: 30px; }
	.slick-list { padding: 0 10%; }
	
	.cta { margin-bottom: 20px; }
	.hl-info { min-height: 350px; }
	.hl-info .hl-overlay { padding: 150px 28px 28px}
}

h3.subtitle, h2.subtitle { color: var(--primary); }
h3.hl-title { font-size: 1.5rem; font-size: clamp(1.5rem, 2.607594936708861rem + -1.2658227848101267vw, 2rem);}

.post,
.page {
	margin: 0 0 1.5em;
}

.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;
}


/*Footer */
footer .logo { width: 170px; }

#colophon { background: linear-gradient(#0D222C, #060D11); border-top: solid 1px #5E6365; }
.info-row { margin-top: 30px; }
.copyright, .privacy { display: inline-block; width: fit-content; margin-bottom: 10px; }
#colophon a { color: var(--white); text-decoration: none; }
#colophon a:hover { text-decoration: underline; }
#colophon h2.footer-title { 
	font-size: 1rem;
	font-size: clamp(1rem, 0.8481012658227848rem + 0.31645569620253167vw, 1.125rem);
	font-family: var(--font-body);
}

#footer-menu-1, #footer-menu-2 { list-style: none; margin: 0; padding-left: 0; }
#footer-menu-1 a, #footer-menu-2 a { text-decoration: none; }

.some-wrap { margin-bottom: 20px; }
.linkedin, .youtube { background-size: contain; background-repeat: no-repeat; display: inline-block; height: 20px; width: 25px; margin-right: 10px; }
.linkedin { background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 0.242676C0.67157 0.242676 0 0.914246 0 1.74268V16.7427C0 17.5711 0.67157 18.2427 1.5 18.2427H16.5C17.3284 18.2427 18 17.5711 18 16.7427V1.74268C18 0.914246 17.3284 0.242676 16.5 0.242676H1.5ZM5.52076 4.2454C5.52639 5.20165 4.81061 5.79087 3.96123 5.78665C3.16107 5.78243 2.46357 5.1454 2.46779 4.24681C2.47201 3.40165 3.13998 2.72243 4.00764 2.74212C4.88795 2.76181 5.52639 3.40728 5.52076 4.2454ZM9.2797 7.00444H6.75971H6.7583V15.5643H9.4217V15.3646C9.4217 14.9847 9.4214 14.6047 9.4211 14.2246C9.4203 13.2108 9.4194 12.1959 9.4246 11.1824C9.426 10.9363 9.4372 10.6804 9.5005 10.4455C9.7381 9.56798 10.5271 9.00128 11.4074 9.14058C11.9727 9.22908 12.3467 9.55678 12.5042 10.0898C12.6013 10.423 12.6449 10.7816 12.6491 11.129C12.6605 12.1766 12.6589 13.2242 12.6573 14.2719C12.6567 14.6417 12.6561 15.0117 12.6561 15.3815V15.5629H15.328V15.3576C15.328 14.9056 15.3278 14.4537 15.3275 14.0018C15.327 12.8723 15.3264 11.7428 15.3294 10.6129C15.3308 10.1024 15.276 9.59898 15.1508 9.10538C14.9638 8.37128 14.5771 7.76378 13.9485 7.32508C13.5027 7.01287 13.0133 6.81178 12.4663 6.78928C12.404 6.78669 12.3412 6.7833 12.2781 6.77989C11.9984 6.76477 11.7141 6.74941 11.4467 6.80334C10.6817 6.95662 10.0096 7.30678 9.5019 7.92408C9.4429 7.99488 9.3852 8.06678 9.2991 8.17408L9.2797 8.19838V7.00444ZM2.68164 15.5671H5.33242V7.01001H2.68164V15.5671Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); }
.youtube { background-image: url("data:image/svg+xml,%3Csvg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5928 2.20301C20.4789 1.78041 20.2563 1.39501 19.9472 1.08518C19.6381 0.775338 19.2532 0.551868 18.8308 0.437007C17.2648 0.00700739 10.9998 7.59651e-06 10.9998 7.59651e-06C10.9998 7.59651e-06 4.73584 -0.00699261 3.16884 0.404007C2.74677 0.524154 2.36266 0.750785 2.05341 1.06214C1.74415 1.3735 1.52013 1.75913 1.40284 2.18201C0.989841 3.74801 0.985841 6.99601 0.985841 6.99601C0.985841 6.99601 0.981841 10.26 1.39184 11.81C1.62184 12.667 2.29684 13.344 3.15484 13.575C4.73684 14.005 10.9848 14.012 10.9848 14.012C10.9848 14.012 17.2498 14.019 18.8158 13.609C19.2383 13.4943 19.6236 13.2714 19.9335 12.9622C20.2434 12.653 20.4672 12.2682 20.5828 11.846C20.9968 10.281 20.9998 7.03401 20.9998 7.03401C20.9998 7.03401 21.0198 3.76901 20.5928 2.20301ZM8.99584 10.005L9.00084 4.00501L14.2078 7.01001L8.99584 10.005Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A"); }
/*--------------------------------------------------------------
# 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;
}