*/*!
Theme Name: mbe
Theme URI: http://underscores.me/
Author: Hansdotter Oy
Author URI: https://hansdotter.fi/
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: mbe
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.

mbe 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%;
}

html, body { margin: 0; min-width: 320px; }

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

/**
 * Remove the margin in all browsers.
6 */
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 {
	font-size: 2em;
	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;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*Variables*/
:root {
	--orange: #ff6300;
	--orangeLight: #ffefe5;
	--blue: #0f5dfb;
	--violet: #c715e3;
	--grayLight: #eff0f1;
	
	--dmsans: 'DM Sans';
	--filson: 'filson-pro';
	
	--headerHeight: 91px;
}

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: var(--dmsans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: var(--filson);
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
h1 { font-size: 74px; line-height: 94px; }
#front-hero h1, #hero h1 { font-size: clamp(56px, 5.42vw, 74px); line-height: 1.27; }
h2 { font-size: 40px; line-height: 50px; margin-bottom: 30px; }
h3, h4, h5, h6 { font-family: var(--dmsans); font-size: 22px; line-height: 32px; margin-bottom: 26px; font-weight: 600; }
h4 { font-size: 20px; line-height: 30px; margin-bottom: 24px; }
h5 { font-size: 19px; line-height: 29px; margin-bottom: 22px; }
h6 { font-size: 18px; line-height: 28px; margin-bottom: 20px; }


p {
	margin-bottom: 26px;
}

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: #fff;
}

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

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: disc;
}

#primary ul { list-style: none; }
#primary ul li { padding-left: 20px; position: relative; margin-bottom: 6px; }
#primary ul li::before { content: ''; display: block; width: 5px; height: 5px; position: absolute; z-index: 1; top: 10px; left: 0; background-color: var(--orange); border-radius: 50%; }

ol {
	list-style: decimal;
}

#primary ol { padding-left: 18px; }
#primary ol li { padding-left: 18px; margin-bottom: 6px; }

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, a:visited {
	color: var(--orange);
	font-weight: 700;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: 0;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 0;
	background: var(--orange);
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	padding: 8px 25px;
}

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 {
	background-color: #000;
}

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,
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: #000;
	border: 1px solid #000;
	background: transparent;
	border-radius: 0;
	padding: 5px 10px;
	height: 50px;
	width: 100%;
	max-width: 100%;
}

input[type="checkbox"] { width: auto; }

select {
	border: 1px solid #000;
	width: 100%;
	max-width: 100%;
}

textarea {
	width: 100%;
	max-width: 100%;
	min-height: 150px;
}

a.linkbutton, a.linkbutton:visited, .yt-embed-all-btn a, .yt-embed-all-btn a:visited { display: inline-block; vertical-align: middle; /*padding: 8px 25px;*/ padding: 14px 25px; background: var(--orange); color: #fff; text-decoration: none; text-align: center; font-size: 17px; /*line-height: 34px;*/ line-height: 22px; font-weight: 600; }
a.linkbutton.linkbutton-blue, a.linkbutton.linkbutton-blue:visited { background: var(--blue); }
a.linkbutton.linkbutton-violet, a.linkbutton.linkbutton-violet:visited { background: var(--violet); }
a.linkbutton:hover, .yt-embed-all-btn a:hover, a.linkbutton.linkbutton-violet:hover, a.linkbutton.linkbutton-blue:hover { background: #000; text-decoration: none; }
.black-bg a.linkbutton:hover { background: #fff; text-decoration: none; color: #000; }
a.linkbutton:active, a.linkbutton:focus, .yt-embed-all-btn a:active, .yt-embed-all-btn a:focus { outline: none; }

a.arrowlink, a.arrowlink:visited { display: table; vertical-align: middle; color: var(--orange); text-decoration: none; text-align: center; outline: none!important; font-size: 18px; line-height: 34px; font-weight: 600; }
a.arrowlink.text-black, a.arrowlink.text-black:visited { color: #000; }
a.arrowlink > span, span.arrowlink-span { display: inline-block; vertical-align: middle; width: 30px; height: 19px; background-image: url(img/arrow-orange.svg); background-repeat: no-repeat; background-size: contain; background-position: 0% 50%; margin-left: 10px; transition: background-position 0.5s; position: relative; top: -1px; }
a.arrowlink:hover span, a.arrowlink:active span, a.arrowlink:focus span, a:hover span.arrowlink-span, a:active span.arrowlink-span, a:focus span.arrowlink-span { background-position: 100% 50%; }
span.arrowlink-span { margin-top: 10px; margin-left: 0; top: 0; }

/*AC forms*/
.form-container > .container { width: 100%; max-width: 590px; }
form label { font-size: 15px; font-weight: 600; line-height: 19px; }
form ._form-title { font-family: var(--filson); font-size: 40px; line-height: normal; font-weight: 700; margin-bottom: 25px; }
/*._form_element { margin-bottom: 22px; }*/
._form_element + ._form_element._clear p { margin-top: 20px; }
._form_element p { margin-bottom: 0; }
._form_element ._row._checkbox-radio { display: flex; width: 100%; align-items: flex-start; }
._form_element ._row._checkbox-radio input { margin-top: 2px; margin-right: 10px; }
._form_element ._row._checkbox-radio label { font-weight: 400; }
._form-fieldset { padding: 0; }
._form_element a, ._form_element a:visited, ._form_element a:hover, ._form_element a:active, ._form_element a:focus { color: #000; }
form button[type="submit"] { width: 178px; max-width: 100%; margin-top: 40px; font-weight: 600; }

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

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

/* Navigation
--------------------------------------------- */
#page { position: relative; }
#masthead { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; background-color: transparent; transition: background-color 0.5s; height: var(--headerHeight); }
#masthead.sticky { background-color: #000; position: fixed; }
.masthead-inner { max-width: 1200px; margin: 0 auto; padding: 25px 15px 0; height: 100%; }
.site-branding { width: 179px; float: left; }

.main-navigation {
	display: block;
	float: right;
	padding-top: 10px;
}

.main-navigation #primary-menu {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: flex;
}

/*
.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 a, .main-navigation a:visited {
/*	width: 200px;*/
	color: #fff;
}

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

.main-navigation #primary-menu > li { margin-right: 32px; }

.main-navigation #primary-menu > li > a, .main-navigation #primary-menu > li > a:visited, .main-navigation #primary-menu > li > a:hover, .main-navigation #primary-menu > li > a:active, .main-navigation #primary-menu > li > a:focus {
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	line-height: normal;
	padding-bottom: 24px;
}
.main-navigation #primary-menu > li > a::after { content: ''; display: block; width: 100%; height: 2px; background-color: transparent; visibility: hidden; margin-top: 6px; }
.main-navigation #primary-menu > li > a:hover::after, .main-navigation #primary-menu > li > a:active::after, .main-navigation #primary-menu > li > a:focus::after,
.main-navigation #primary-menu > li:hover a::after, .main-navigation #primary-menu > li:hover ae::after, .main-navigation #primary-menu > li:hover a::after { background-color: #fff; visibility: visible; }

.mobile-ctas { display: none; }

/**********************Megamenu*******************************/
.main-navigation #primary-menu > li > div.sub-menu-wrap {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background: #000;
	padding: 58px 82px;
}
.main-navigation #primary-menu > li.no-mega > div.sub-menu-wrap { padding: 40px 15px; }

.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > .sub-menu {
	display: block;
}
.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li.semibold > a { font-weight: 600; font-size: 16px; line-height: normal; }
.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li.menu-item-has-children > a { font-weight: 600; font-size: 16px; margin-bottom: 14px; line-height: normal; }

.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li { display: block; }
.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > a,
/*.main-navigation #primary-menu > li.no-mega li > a { font-size: 15px; font-weight: 400; border: none; color: #fff; margin-bottom: 8px; }*/

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

.main-navigation #primary-menu > li:hover > .sub-menu-wrap,
.main-navigation #primary-menu > li.focus > .sub-menu-wrap {
	left: 0;
	width: 100%;
}

.main-navigation li {
	display: inline-block;
}
.main-navigation .sub-menu li { display: block; }
#primary-menu > li:last-of-type { margin-right: 0; }

.main-navigation .sub-menu a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: normal;
	font-weight: 500;
	margin-bottom: 16px;
}
.main-navigation li.no-mega .sub-menu > li:last-of-type a { margin-bottom: 0; } 
.main-navigation .sub-menu li.nolink > a, .main-navigation .sub-menu li.nolink > a:hover, .main-navigation .sub-menu li.nolink > a:active, .main-navigation .sub-menu li.nolink > a:focus { font-size: 15px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 28px; }
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu a:active, .main-navigation .sub-menu a:focus { color: var(--orange); }

#primary-menu > li { display: flex; flex-flow: column nowrap; flex: 1; align-items: center; justify-content: center; margin-right: 50px; }
#primary-menu > li > a { white-space: nowrap; flex: 1; /*text-align: center; align-items: center; display: flex; justify-content: center;*/ }
#primary-menu > li.current-menu-ancestor .current-menu-item:not(.mega-cta) > a { color: var(--orange); }
.main-navigation #primary-menu > li.current-menu-item > a::after, .main-navigation #primary-menu > li.current-menu-ancestor > a::after { visibility: visible; background-color: #fff; }

#primary-menu .mega-cta > a, .mobile-ctas a { background-color: var(--orange); color: #fff; font-size: 17px!important; line-height: 1!important; font-weight: 500!important; padding: 15px 26px; display: inline-block; margin-right: 10px; margin-bottom: 10px; border: 1px solid var(--orange); text-decoration: none!important; }
#primary-menu .mega-cta > a:hover, .mobile-ctas a:hover { background-color: #fff; color: #000; border-color: #fff; }
#primary-menu .mega-cta { margin-top: 50px; }
.mobile-ctas { margin-top: 30px; padding: 0 15px 25px; }

/*Megamenu flex*/
.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1200px; }
.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex { width: 100%; padding: 0 15px; /*margin-bottom: 70px;*/ }
.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex:last-of-type { margin-bottom: 0; }
.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.main-navigation #primary-menu > li.no-mega { position: relative; }
.main-navigation #primary-menu > li.no-mega:hover > .sub-menu-wrap,
.main-navigation #primary-menu > li.no-mega.focus > .sub-menu-wrap { width: 192px; left: -30px; padding: 28px 30px; }
.main-navigation #primary-menu > li.no-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

/*Mobile menu*/
#show-menu { display:none; }
#primary-menu li > .toggle-sub { display: none; cursor: pointer; position: absolute; z-index: 2; right: 0; top: 22px; width: 64px; height: 60px; text-align: center; }
#primary-menu li.nolink > .toggle-sub { top: 17px; }
#primary-menu li > .toggle-sub > i { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='14' viewBox='0 0 26 14'%3E%3Cimage id='Suorakulmio_522' data-name='Suorakulmio 522' width='26' height='14' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAABP0lEQVQ4jWL4////vP///3/8//9/4v///0F8auIksNn//88HAAAA//8CcT79h4B/////T6GiRalQM///////MwAAAP//AgmAfAIToJZlyJb8+///fyIAAAD//4JJgAxHlkimwJI0DIf//88AAAAA//9CVgAynFLL0C2BmPH/PwMAAAD//0JXSIll6Wh6QQkBIvf/PwMAAAD//8KmgRzLkC35i27J////GQAAAAD//8KlkRTLMghZ8v//fwYAAAAA///C50piLEO3BHte/P+fAQAAAP//IhQk+CzLRJL7gzfD///PAAAAAP//IiaSsVlGkiX///9nAAAAAP//IjZFoVtGkiX///9nAAAAAP//IiWPIFsGsySBKL3//zMAAAAA//8ixSIQBhn8/f///9/+//8fQ7S+//8ZAAAAAP//AwByo5xGEfJNRwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E") no-repeat center/contain; width: 26px; height: 26px; display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

@media all and (max-width : 991px) {
	:root { --headerHeight: 72px; }
	body.scrolling { padding-top: var(--headerHeight); }
	#masthead { position: relative; transition: none; background-color: #000; height: var(--headerHeight); }
	.masthead-inner { padding-top: 14px; }
	
	#show-menu { display:block; z-index:299; cursor:pointer; position:absolute; top:26px; right:15px; width: 27px; height: 21px; }
	#show-menu .bar { position:relative; display:block; opacity:1; border-radius: 2px; width:100%; height:3px; background:#fff; margin-bottom:6px; -webkit-transition: opacity 500ms, transform 500ms, position 500ms; -moz-transition: opacity 500ms, transform 500ms, position 500ms; -ms-transition: opacity 500ms, transform 500ms, position 500ms; -o-transition: opacity 500ms, transform 500ms, position 500ms; transition: opacity 500ms, transform 500ms, position 500ms;  }
	#show-menu .bar:last-child { margin-bottom: 0; }
		#show-menu.active .bar { background:#fff; }
		#show-menu.active .bar:nth-child(1) { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top:10px; z-index:2; }
		#show-menu.active .bar:nth-child(3) { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top:-8px; z-index:2; }
		#show-menu.active .bar:nth-child(2) { opacity:0; background:#fff; z-index:1; }

	.main-navigation #primary-menu > li::after { content: ''; display: block; background-color: #3d3d3d; height: 1px; width: calc(100% - 30px); left: 15px; bottom: 0; position: absolute; }
	
	.main-navigation #primary-menu > li { margin-right: 0; }
	.main-navigation #primary-menu > li > a, .main-navigation #primary-menu > li > a:visited, .main-navigation #primary-menu > li > a:hover, .main-navigation #primary-menu > li > a:active, .main-navigation #primary-menu > li > a:focus { padding-bottom: 0; }
	.main-navigation #primary-menu li:not(.nolink) > a:hover, .main-navigation #primary-menu li:not(.nolink) > a:active, .main-navigation #primary-menu li:not(.nolink) > a:focus { color: var(--orange); }
	
	#primary-menu > li.menu-item-has-children > .toggle-sub { display: inline-block; }
	#primary-menu li.menu-item-has-children.open > .toggle-sub > i { transform: rotate(180deg); }
	
	.main-navigation #primary-menu { display:none; z-index:199; width:100%; background:#000; position:absolute; left:0; top:72px; bottom:auto; margin:0; padding: 0 15px 0 0; text-align:left; /*max-height: calc(100vh - var(--headerHeight));*/ max-height: calc( (var(--wH) * 100) - var(--headerHeight) ); overflow-y: auto; }
	body.mm-open { /*height: 100vh; max-height: 100vh;*/ height: calc(var(--wH) * 100); max-height: calc(var(--wH) * 100); overflow: hidden; }
	#primary-menu li { position: relative; }
	#primary-menu > li { margin-right: 0; display: block; }
	#primary-menu > li > a { text-align: left; display: block; padding: 0; }
	.main-navigation #primary-menu > li > a, .main-navigation #primary-menu > li > a:visited, .main-navigation #primary-menu > li > a:hover, .main-navigation #primary-menu > li > a:active, .main-navigation #primary-menu > li > a:focus, .main-navigation .sub-menu a { font-size: 27px; line-height: 60px; }
	.main-navigation .sub-menu li.nolink > a, .main-navigation .sub-menu li.nolink > a:hover, .main-navigation .sub-menu li.nolink > a:active, .main-navigation .sub-menu li.nolink > a:focus { font-size: 22px; }
	.main-navigation #primary-menu > li > a::after { content: none; display: none; }
	
	.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > a,
	.main-navigation #primary-menu > li.no-mega li > a { margin-bottom: 0; }
	
	.main-navigation #primary-menu > li div.sub-menu-wrap, .main-navigation #primary-menu > li.focus > div.sub-menu-wrap,
	.main-navigation #primary-menu > li.no-mega > div.sub-menu-wrap, .main-navigation #primary-menu > li.no-mega.focus > div.sub-menu-wrap,
	.main-navigation #primary-menu > li:hover > div.sub-menu-wrap, .main-navigation #primary-menu > li.focus > div.sub-menu-wrap,
	.main-navigation #primary-menu > li.no-mega:hover > div.sub-menu-wrap, .main-navigation #primary-menu > li.no-mega.focus > div.sub-menu-wrap { display: none; float: none; position: static; width: 100%; }
/*	.main-navigation #primary-menu > li div.sub-menu-wrap .sub-menu-wrap, .main-navigation #primary-menu > li.open div.sub-menu-wrap .sub-menu-wrap { padding-left: 35px; }*/
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu, .main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu { display: block; text-align: left; }
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex { padding: 13px 0; margin-bottom: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li.mega-flex > div.sub-menu-wrap > .sub-menu > li { max-width: 100%; }
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > a { padding-bottom: 0; margin-bottom: 0; }
	
	.main-navigation #primary-menu li.open > div.sub-menu-wrap, .main-navigation #primary-menu li.no-mega.open > div.sub-menu-wrap { display: block; left: 0!important; padding: 0; }
	.main-navigation #primary-menu li.open .sub-menu-wrap { display: block; }
	
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > a { border: none; }
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > a > br { display: none; }
	
	.main-navigation #primary-menu > li { /*border-bottom: 1px solid #3d3d3d;*/ padding: 22px 0; }
	.main-navigation #primary-menu li.menu-item-has-children > a { padding-right: 64px; }
/*	.main-navigation #primary-menu > li.open { border-bottom: none; }*/
/*	.main-navigation #primary-menu > li.open > a { border-bottom: 1px solid #c9c3c0; }*/
	.main-navigation #primary-menu > li > a { border-bottom: none; white-space: normal; }
	.main-navigation #primary-menu > li > a > br { display: none; }
	.main-navigation #primary-menu > li.open > a { padding-bottom: 17px; }
		.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li.mega-flex.open { border: none; padding-bottom: 0; }
		.main-navigation #primary-menu > li > div.sub-menu-wrap > .sub-menu > li.open > a { /*border-bottom: 1px solid #c9c3c0;*/ padding-bottom: 17px; }
		
/*	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu, .main-navigation #primary-menu > li.no-mega .sub-menu { padding-left: 35px; }*/
/*
		.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu { padding-left: 35px; }
			.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > .toggle-sub { display: none!important; }
			.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > .sub-menu-wrap { display: block!important; }
			.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li > a { border-bottom: 1px solid #c9c3c0; margin-bottom: 0; padding-bottom: 17px; }
				.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu > li { border-bottom: none; padding-bottom: 0; }
*/
    
	.main-navigation #primary-menu > li { padding-left: 23px; }
	.main-navigation #primary-menu > li > .sub-menu-wrap li:not(.nolink) > a { padding-left: 37px; }
	.main-navigation #primary-menu > li::before { content: ''; display: block; background-color: transparent; width: 6px; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; }
	.main-navigation #primary-menu > li.current-menu-item::before, .main-navigation #primary-menu > li.current-menu-ancestor::before { background-color: var(--orange); }
	.main-navigation #primary-menu > li div.sub-menu-wrap .sub-menu-wrap li, .main-navigation #primary-menu > li.open div.sub-menu-wrap .sub-menu-wrap li {  }
/*	#primary-menu > li.current-menu-item > a, #primary-menu > li.current-menu-ancestor.open > a { color: var(--orange); }*/
	#primary-menu > li.current-menu-item > a { color: var(--orange); }
	
	.main-navigation .sub-menu a { margin-bottom: 6px; }
	
/*
    .main-navigation #primary-menu li.current_page_item > a, .main-navigation #primary-menu li.current-menu-item > a { color: #ff7500; }
	.main-navigation #primary-menu li.current_page_ancestor > a { color: #ff7500; }
*/
	
	.sub-menu li.mega-cta { display: none; }
	.mobile-ctas { display: block; }
}
@media all and (max-width:460px) {
/*
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu, .main-navigation #primary-menu > li.no-mega .sub-menu,
	.main-navigation #primary-menu > li.use-mega > div.sub-menu-wrap > .sub-menu > li > div.sub-menu-wrap > .sub-menu { padding-left: 25px; }
*/
	.main-navigation #primary-menu > li > a, .main-navigation #primary-menu > li > a:visited, .main-navigation #primary-menu > li > a:hover, .main-navigation #primary-menu > li > a:active, .main-navigation #primary-menu > li > a:focus, .main-navigation .sub-menu a { line-height: 40px; }
	.main-navigation #primary-menu > li { padding: 32px 0 32px 23px; }
	.main-navigation #primary-menu > li > .sub-menu-wrap li:not(.nolink) > a { padding-left: 22px; }
}

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

/*General*/
@media (min-width: 1250px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1200px; }
}
.row { margin-right: -15px; margin-left: -15px; }
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .row > * { padding-right: 15px; padding-left: 15px;  }

.black-bg { background-color: #000!important; }
.black-bg + .black-bg:not(.add-margin)::before, .black-bg.is-last:not(.quote-container)::after { content: ''; display: block; width: 100%; height: 1px; background-color: var(--orange); }
.quote-container.black-bg.is-last { border-bottom: 1px solid var(--orange); }
.quote-container.black-bg + .quote-container.black-bg, .black-bg-hl.black-bg + .black-bg-hl.black-bg { margin-top: 0; position: relative; }
.quote-container.black-bg + .quote-container.black-bg:not(.add-margin)::before { position: absolute; top: 0; left: 0; }

/*Hero*/
#front-hero .hero-img-mobile { display: none; }
#front-hero .hero-img, #front-hero .hero-img-mobile, .video-hero video { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
#front-hero .hero-canvas { position: relative; z-index: 1; }

.hero-canvas { aspect-ratio: 1350/649; /*padding-top: var(--headerHeight);*/ padding-top: 12.4%; }
.hero-text { color: #fff!important; }
#front-hero .hero-canvas { background-color: rgba(0,0,0,0.5); }
mark.hero-mark { background-color: transparent!important; padding: 0px 18px 0px 10px; color: inherit; position: relative; z-index: 1; display: inline-block; width: max-content; }
mark.hero-mark::after { position: absolute; z-index: -1; background-color: var(--orange); width: 100%; height: 91.8%; display: block; bottom: 2.1%; left: 0; content: ''; }

#front-hero .hero-canvas > .container { max-width: 1200px; /*margin-top: 6.438%;*/ padding-bottom: 30px; }
#front-hero .hero-content { max-width: 100%; width: 630px; }
.hero-text p { font-size: clamp(20px, 1.745vw, 24px); line-height: 1.417; margin-top: 1.9vw; margin-bottom: 0; }
#hero .hero-text p { font-size: clamp(16px, 1.745vw, 24px); }
#front-hero .hero-text + a.arrowlink, #hero .hero-text + a.arrowlink { margin-top: 4.5%; }
#front-hero .hero-text + a.arrowlink + a.arrowlink, #hero .hero-text + a.arrowlink + a.arrowlink { margin-top: 5px; }

#hero:not(.article-hero) .hero-inner { overflow: hidden; padding-bottom: 5%; }
#hero .hero-canvas { background-color: #000; padding-top: 11.2%; }
#hero .hero-canvas > .container { padding-bottom: 30px; }
#hero:not(.article-hero) .hero-img { aspect-ratio: 642/542; position: absolute; border-top-left-radius: 50%; z-index: 1; bottom: auto; right: 0; width: calc((100% / 2) - 33px); }
#hero:not(.article-hero) .hero-img::after { content: ''; display: block; position: absolute; background-color: var(--orange); z-index: 1; bottom: -4.43%; right: -3.74%; width: 100%; height: 100%; border-top-left-radius: 50%; }
#hero:not(.article-hero) .hero-img img { object-fit: cover; width: 100%; height: 100%; border-top-left-radius: 50%; position: relative; z-index: 5; }

#hero.article-hero .hero-canvas { aspect-ratio: unset; padding-top: clamp(94px, 11.2%, 162px); padding-bottom: clamp(127px, 15%, 203px); }
#hero.article-hero .container { max-width: 770px; padding-bottom: 0; }
.article-hero .hero-meta { text-transform: uppercase; font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.article-hero .hero-meta-sep { display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 50%; vertical-align: middle; background-color: var(--orange); margin: 0 8px; }
#hero.article-hero .hero-img { border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden; position: relative; aspect-ratio: 854/480; width: 100%; max-width: 854px; margin: clamp(-118px, -10.1%, -137px) auto 0; }
#hero.article-hero .hero-img img { object-fit: cover; width: 100%; height: 100%; }

/*Flex content*/
.page-template-default:not(.home) #primary > div:first-child, .post-template-default #hero:not(.article-hero) + #primary > div:first-child { margin-top: 60px; }

.svg-lead { margin-top: 70px; }
.svg-lead-img { background: url(img/graphics_lead.svg) no-repeat center/contain; width: 264px; height: 200px; position: absolute; z-index: 1; top: 7px; right: 0; }

.latest-refs { margin-top: 65px; }
.latest-refs.latest-refs-is-last { margin-bottom: 90px; }
.latest-slider-container { --content: 1170px; margin-left: calc((100% - var(--content)) / 2); }
.latest-slider-nav { position: absolute; z-index: 1; top: 6px; right: 15px; }
.latest-slider-nav button.scroll-nav { background: transparent; padding: 12px 8px; }
.latest-slider-nav .scroll-nav i { content: ''; background: url(img/arrow-orange.svg) no-repeat center/contain; display: block; width: 20px; height: 20px; margin: auto; }
.latest-slider-nav button.scroll-nav.scroll-left i { transform: rotate(180deg); }
.latest-slider-wrapper  { overflow: hidden; }
.latest-slider-wrapper .scroll { white-space: nowrap; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none; margin-left: -13px; margin-right: -13px; padding-right: 15px; }
.latest-ref { display: inline-block; width: 470px; white-space: initial; vertical-align: top; margin: 0 13px auto; }
.latest-ref, .latest-post { margin-bottom: 44px; }
.latest-ref .post-thumb, .latest-post .post-thumb { aspect-ratio: 470/236; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.post-content-meta { text-transform: uppercase; font-weight: 600; font-size: 15px; line-height: 1; margin-bottom: 8px; min-height: 15px; }
.post-thumb { margin-bottom: 30px; }
.latest-ref a, .latest-post a, .latest-ref a:visited, .latest-post a:visited { color: #000; }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 16px; }
.mCSB_scrollTools { opacity: 1!important; border-radius: 0!important; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: var(--orange); border-radius: 0!important; height: 9px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after { content: ''; display: block; background: #fff; width: 15px; height: 100%; right: 0; top: 0; position: absolute; }

.img-hl { margin-top: 120px; }
.img-hl-img { position: relative; overflow: hidden; border-top-right-radius: 50px; aspect-ratio: 670/470; }
.order-1 .img-hl-img { border-top-right-radius: 0; border-top-left-radius: 50px; }
.img-hl-img img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.img-hl-content { padding-left: 33px; padding-right: 25px; }
.img-hl-content.order-2 { padding-left: 15px; padding-right: 33px; }
.img-hl-cat { font-size: 15px; line-height: 1; text-transform: uppercase; margin-bottom: 6px; font-weight: 700; }

.quote-container { padding: 0; margin-top: 60px; }
.quote-container.black-bg { background: url(img/graphics_quote.svg) no-repeat 100% 100%/172px 271px; padding: 108px 0 88px; margin-top: 86px; }
.quote * { color: #000; }
.quote-container.black-bg .quote * { color: #fff; }
.quote-text { font-size: 24px; line-height: 36px; }
.quote-container.black-bg .quote-text { font-size: 28px; line-height: 40px; }
.quote-info { font-size: 15px; line-height: 22px; margin-top: 36px; margin-bottom: 0; }

.logoslider { background-color: var(--grayLight); padding: 70px 0; }
.logoslider h2 { margin-bottom: 70px; }
.logoslider-wrap > .slick-list { padding: 0 13.5% 0 0!important; }
.logoslider .slick-track { height: 55px; }
.logoslide-inner { padding: 0 24.6% 0 0; height: 100%; }
.logoslide-img { height: 100%; position: relative; }
.logoslide-img > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.logoslider .linkbutton { margin-top: 70px; }

.blogs { margin-top: 60px; margin-bottom: 80px; }
.latest-post .post-thumb { aspect-ratio: 370/235; position: relative; overflow: hidden; }
.latest-post .post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.blogs > .container > .row:last-child { margin-top: 20px; }

.form-container { background-color: var(--grayLight); padding: 65px 0 84px; }

.normal-lead { margin-top: 80px; }

.accordion-container { margin-top: 60px; padding-bottom: 12px; }
.accordion-img { aspect-ratio: 375/210; position: relative; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-bottom: 30px; }
.accordion-img img { object-fit: cover; width: 100%; height: 100%; }
.accordion-main-content p:last-of-type { margin-bottom: 0; }
.accordion-wrap { padding-left: 28px; }
.accordion-header { padding-bottom: 6px; padding-right: 33px; }
.accordion-header * { font-size: 22px; font-weight: 600; }
.accordion-item { border: none; position: relative; margin-bottom: 24px; }
.accordion-item::after { content: ''; display: block; width: calc(100% - 33px); height: 1px; background-color: #000; }
button.accordion-button.accordion-plusminus { display: block; width: 24px; height: 24px; background-color: var(--orange)!important; position: absolute; z-index: 1; bottom: -10px; right: 0; border-radius: 50%!important; padding: 0; }
button.accordion-button.accordion-plusminus::before, button.accordion-button.accordion-plusminus.collapsed::before, button.accordion-button.accordion-plusminus.collapsed::after { content: ''; background-color: #fff; width: 12px; height: 2px; position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }
button.accordion-button.accordion-plusminus.collapsed::after { width: 2px; height: 12px; }
.accordion-button { background: transparent!important; outline: 0!important; border: none!important; box-shadow: none!important; padding: 0!important; color: #000!important; }
.accordion-button::after { content: none; }
.accordion-body { padding: 18px 33px 0 0; }
.accordion-body > * { margin-bottom: 26px; }

.contacts.add-margin { margin-top: 70px; }
.contacts > .container { background: transparent urL(img/graphics_contacts.svg) no-repeat calc(100% - 42px) 0%/115px 198px; padding: 76px 15px 36px; }
.contacts-row { margin-top: 60px; }
.contact { margin-bottom: 40px; }
.contact-img { aspect-ratio: 370/235; position: relative; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: var(--orange); margin-bottom: 28px; }
.contact-img img { object-fit: cover; width: 100%; height: 100%; }
.contact-text > *:last-child { margin-bottom: 0; }
.contact-text a, .contact-text a:hover, .contact-text a:visited, .contact-text a:active, .contact-text a:focus { font-weight: 400; color: var(--orange); }
.contact-text a:hover, .contact-text a:active, .contact-text a:focus { text-decoration: underline; }

.page-template-default:not(.home) #primary { padding-top: 25px; }

.main-title { margin-top: 60px; }
 
.body-text.split-lists ul, .body-text.split-lists ol { webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.body-text ul, .body-text ol { margin-bottom: 26px; }
.body-text p + p > img { margin-top: 18px; margin-bottom: 18px; }
.body-text * + h1, .body-text * + h2, .body-text * + h3, .body-text * + h4, .body-text * + h5, .body-text * + h6 { margin-top: 40px; }
.body-text + .form-container { /*margin-top: 30px;*/ }
.body-text img { border-top-left-radius: 15px; border-top-right-radius: 15px; width: calc(100% + 80px); max-width: calc(100% + 80px); left: -40px; position: relative; }
.body-text p iframe { aspect-ratio: 16/9; height: auto; }

.wide-accordion { margin-top: 25px; }
.wide-accordion + .normal-lead { margin-top: 50px; }

.black-bg-hl { margin-top: 65px; }
.black-bg-hl > .container { background: url(img/graphics_bg_hl.svg) no-repeat calc(100% - 42px) 0%/114px 256px; padding: 71px 15px; }
.black-bg-hl p { font-family: var(--filson); font-size: 40px; line-height: normal; font-weight: 700; margin-bottom: 36px; }

.hl-box { margin-top: 40px; }
.hl-box-inner { background-color: #ffefe5; padding: 35px; }
.hl-box-inner *:last-child { margin-bottom: 0; }

.linkbutton-container { margin-top: 40px; }
.linkbutton-container .linkbutton { min-width: 210px; margin-right: 8px; margin-top: 4px; margin-bottom: 4px; }

.article-lead * { font-size: 24px; line-height: 34px; }

.number-hls { background-color: var(--grayLight); padding: 53px 0; }
.number-hl { margin: 32px 0; }
.number-orange * { color: var(--orange); }
.number-blue * { color: var(--blue); }
.number-violet * { color: var(--violet); }
.number-count, .number-unit { font-family: var(--filson); font-size: 40px; font-weight: 700; }
.number-unit { display: inline-block; margin-left: 9px; }
.number-text { font-size: 28px; font-weight: 600; margin-top: 9px; }

.body-text + .hl-box, .body-text + .linkbutton-container { margin-top: 14px; }
.body-text + .quote-container { margin-top: 34px; }

.serv-pkgs { margin-top: 40px; }
.serv-pkgs > .row.under-three .pkgs-title { text-align: center; }
h2.pkgs-title { margin-bottom: 37px; }
.pkg { padding-right: 30px; padding-bottom: 14px; margin-bottom: 30px; }
.pkg-inner { background: var(--orangeLight); border-top-right-radius: 15px; border-top-left-radius: 15px; padding: 40px 25px 50px; height: 100%; display: flex; flex-direction: column; }
h3.pkg-title, .pkg-content * { margin-bottom: 20px; }
.pkg-price { font-weight: 700; }
.pkg-cta-wrap { margin-top: auto; align-self: center; padding-top: 30px; }
.pkg .linkbutton { width: 164px; }

/*Post & reference archive*/
.filter-row { margin-top: 35px; margin-bottom: 63px; }
.body-text + .filter-container .filter-row { margin-top: 5px; }
.filter-row h4 { margin-bottom: 28px; }
#cat-filter button { background: var(--orange); padding: 8px 36px; /*transition: background .2s, color .2s;*/ font-size: 17px; font-weight: 600; margin: 0 5px 10px; min-width: 183px; max-width: 100%; width: auto; }
#cat-filter button.active, #cat-filter button:hover, #cat-filter button:active, #cat-filter button:focus { background: #000; color: #fff; /*transition: background .2s, color .2s;*/ }
.loadmore-container { margin-top: 20px; margin-bottom: 80px; }
button[name="loadmore"] { width: 183px; font-weight: 700; font-size: 17px; }

/*Post & reference*/
.single #primary { margin-top: 74px; }

/*Footer*/
#colophon { background: #000 url(img/graphics_footer_trimmed.svg) no-repeat 100% 0%/227px 188px; padding: 47px 0 29px; }
#colophon *, #colophon a, #colophon a:visited, #colophon .copyright-container a:hover, #colophon .copyright-container a:active, #colophon .copyright-container a:focus { color: #fff; text-decoration: none; }
#colophon a:hover, #colophon a:active, #colophon a:focus { text-decoration: underline; }
.footer-contact { font-size: 16px; line-height: 25px; }
#colophon .footer-contact a, #colophon .footer-contact a:visited { font-weight: 400; }
.footer-contact p:last-of-type { margin-bottom: 0; }
#colophon ul { padding: 0; margin: 0; list-style: none; }
#colophon .menu li { margin-bottom: 10px; }
#colophon .menu li:last-of-type, .footer-some > div:last-of-type { margin-bottom: 0; }
#colophon .menu li a { font-size: 18px; line-height: normal; font-weight: 500; }
.footer-some > div { margin-bottom: 10px; }
.footer-some a { font-size: 16px; line-height: normal; font-weight: 500; }
.footer-some a i { margin-right: 8px; width: 26px; font-size: 17px; }
.copyright-container { border-top: 1px solid #414141; margin-top: 35px; padding-top: 22px; }
.copyright-container a { font-weight: 400; }
#colophon .copyright-container *, #colophon .copyright-container a, #colophon .copyright-container a:visited { color: #6f6f6f; font-size: 16px; line-height: 1; }
#colophon .copyright-container a, #colophon .copyright-container a:hover, #colophon .copyright-container a:active, #colophon .copyright-container a:focus { text-decoration: underline; }
span.copyright { margin-right: 36px; display: inline-block; }

/*VA YT embed*/
.yt-feed { margin-top: 40px; padding-bottom: 30px; }
.yt-feed .va-youtube-embed-container { text-align: center; }
.yt-feed section.va-youtube-embed-container div.va-youtube-embed-thumbnails_container { padding: 20px 0; margin: 0 -15px; width: auto; }
.yt-feed section.va-youtube-embed-container div.va-youtube-embed-thumbnails_container div.va-youtube-embed-single_video { max-width: 33.3333%; width: 100%; padding: 0 15px; }
.yt-feed section.va-youtube-embed-container div.va-youtube-embed-single_video div.va-youtube-embed-images_container img.va-youtube-embed-video_thumbnail { width: 100%; }
.yt-feed section.va-youtube-embed-container div.va-youtube-embed-single_video p.va-youtube-embed-video_title { margin: 18px auto 14px; font-weight: 600; }

/*Media queries*/
@media (prefers-reduced-motion: no-preference) {
	:root { scroll-behavior: auto; }
}

@media (max-width:1249px) {
	.latest-slider-container { --content: 1110px; }
}

@media (max-width:1199px) {
	.latest-slider-container { --content: 930px; }
}

@media (max-width:991px) {
	#front-hero .hero-canvas, #hero .hero-canvas { padding-top: 6%; }
	
	.latest-slider-container { --content: 690px; }
	
	.blogs > .container > .row:nth-child(2) { justify-content: center; }
	
	#cat-filter button { min-width: 180px; }
	
	.yt-feed section.va-youtube-embed-container div.va-youtube-embed-thumbnails_container div.va-youtube-embed-single_video { max-width: 50%; }
}

@media (max-width:910px) {
	#hero.article-hero .container { padding-left: 30px; padding-right: 30px; }
	#hero.article-hero .hero-img { max-width: 100%; width: calc(100% - 30px); }
}

@media (max-width:860px) {
	#front-hero .hero-img-mobile { display: block; }
	#front-hero .hero-img-mobile + .hero-img { display: none; }
	#front-hero .hero-canvas { aspect-ratio: 486/513; padding-top: 13.6%; }
	#hero .hero-canvas { /*aspect-ratio: unset;*/ padding-top: 10.1%; }
	.hero-text p { margin-top: 5vw; }
	#front-hero .hero-text + a.arrowlink, #hero .hero-text + a.arrowlink { margin-top: 7.5%; }
}

@media (max-width:767px) {
	h1 { font-size: 56px; line-height: 76px; } 
	h2 { font-size: 36px; line-height: 46px; }
	
	#front-hero .hero-text p, #hero .hero-text p { font-size: 24px; }
	#hero:not(.article-hero) .hero-inner { padding-bottom: 20%; }
	#hero:not(.article-hero) .hero-canvas > .container { max-width: 100%; padding-bottom: 0; }
	#hero:not(.article-hero) .hero-content { max-width: 510px; margin: 0 auto; }
	#hero:not(.article-hero) .hero-img-wrap { padding: 0; margin-bottom: -16.1%; }
	#hero:not(.article-hero) .hero-img { position: relative; margin-left: auto; width: calc(100% - ((100% - 510px) / 2)); }
	#hero .hero-canvas { aspect-ratio: unset; }
	
	#hero.article-hero .hero-canvas { padding-top: 50px; }
	
	.latest-refs { margin-top: 55px; }
	.latest-slider-nav { display: none; }
	.mCSB_scrollTools.mCSB_scrollTools_horizontal { visibility: hidden; } /*display: none; disables the scrolling*/
	.latest-slider-container { --content: 510px; }
	.latest-ref { width: 370px; }
	
	.img-hl-img { margin-bottom: 38px; }
	.img-hl-content, .img-hl-content.order-2 { padding-left: 15px; padding-right: 15px; }
	.img-hl-cat { fmargin-bottom: 10px; }
	
	.quote-container.black-bg { padding: 53px 0 175px; margin-top: 48px; }
	.quote-text { font-size: 24px; line-height: 36px; }
	.quote-info { margin-top: 30px; }
	
	.logoslider .slick-track { height: 62px; }
	.logoslide-inner { padding: 0 12.3%; }
	
	.blogs { margin-top: 50px; margin-bottom: 60px; }
	.blogs > .container > .row:last-child { margin-top: 6px; }
	
	.form-container { padding: 55px 0 45px; }
	
	.accordion-main-content { margin-bottom: 30px; }
	.accordion-wrap { padding-left: 15px; }
	
	.black-bg-hl { margin-top: 50px; }
	.black-bg-hl p { font-size: 34px; }
	
	.quote-container { margin-top: 50px; }
	
	.body-text.split-lists ul, .body-text.split-lists ol { column-count: unset; }
	
	.linkbutton-container { margin-top: 26px; }
	
	.svg-lead, .img-hl, .accordion-container, .contacts.add-margin, .main-title, .wide-accordion + .normal-lead { margin-top: 40px; }
	
	.single #primary { margin-top: 30px; }
	
	.article-lead * { font-size: 22px; line-height: 32px; }
	
	.number-hls { padding: 30px 0; }
	
	.serv-pkgs > .row.under-three .pkgs-title { text-align: left; }
	
	.filter-row { margin-bottom: 40px; }
	#cat-filter button { font-size: 15px; padding: 7px 28px; min-width: 160px; }
		
	.yt-feed section.va-youtube-embed-container div.va-youtube-embed-single_video p.va-youtube-embed-video_title { font-size: 16px; margin-top: 10px; margin-bottom: 16px; }
}

@media (max-width:640px) {
	.body-text img { max-width: 100%; width: 100%; left: 0; position: static; }
}

@media (max-width:575px) {
	#hero .hero-content { max-width: 100%; }
	#hero:not(.article-hero) .hero-img-wrap { padding: 0 15px; }
	#hero:not(.article-hero) .hero-img { width: calc(100% + 15px); }
	#front-hero h1, #hero h1 { font-size: clamp(52px, 5.42vw, 74px); }
	
	.latest-slider-container { --content: calc(100% - 30px); }
	
	.logoslider-wrap > .slick-list { padding: 0!important; }
	
	#cat-filter button { min-width: 0; }
	
	.pkg { margin-bottom: 20px; }
	.pkg-inner { padding: 25px 20px 30px; }
	h2.pkgs-title { margin-bottom: 30px; }
	.pkg-cta-wrap { padding-top: 25px; }
	
	.yt-feed section.va-youtube-embed-container div.va-youtube-embed-thumbnails_container div.va-youtube-embed-single_video { max-width: 80%; }
	
	#colophon { padding-top: 52px; }
	.copyright-container { margin-top: 56px; }
}

@media (max-width:480px) {
	.latest-ref { width: 320px; }
}
	
@media (max-width:400px) {
	h1 { font-size: 46px; line-height: 66px; }
	h2 { font-size: 30px; line-height: 40px; }
	h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
	.accordion-header * { font-size: 20px; }
	
	#front-hero h1, #hero h1 { font-size: clamp(42px, 5.42vw, 74px); }
	#front-hero .hero-text p, #hero .hero-text p { font-size: clamp(20px, 1.745vw, 24px); }
	#front-hero a.arrowlink, #front-hero a.arrowlink:visited, #hero a.arrowlink, #hero a.arrowlink:visited { font-size: 16px; line-height: 26px; }
	
	.latest-ref { width: 240px; }
	
	.hl-box-inner { padding: 20px; }
	
	.quote-container.black-bg .quote-text, .quote-text { font-size: 22px; line-height: 34px; }
	.quote-container.black-bg { padding: 40px 0 175px; }
}

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