/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* ===== CSS Variables ===== */

:root {
    /* Font sizes */
    --h1: 50px;
    --h2: 50px;
    --h3: 35px;
    --h4: 30px;
    --h5: 20px;
    --h6: 18px;
    --p: 20px;

    /* Gaps */
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;

    /* font families */
    --h-fam: "proxima-nova", sans-serif;
    --p-fam: "proxima-nova", sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #004170;
    --color-2: #E4ECF1;
    --color-bg: #F9F5F2;
    --color-text: #333;
    --color-text-white: #fff;
    --color-dark: #333;
    --color-overlay: rgb(0 0 0 / 45%);

    /* transitions */
    --transition: 250ms ease-out;

    /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
    --content-margin: calc(0 * var(--gap-m));
    --slider-text-width: 900px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}

/* ===== END CSS Variables ===== */



/*======================================================================//
// style.css                                                            //
//======================================================================*/

/* ===== Generel ===== */

body {
	background-color: var(--color-bg);
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	text-transform: uppercase;
}

:is(h1, h2, h3, h4, h5, h6):last-child {
	margin-bottom: 0;
}

h1 {
	text-transform: uppercase;
}

h6:not(:where(.sub-inherit-color *)) {
	color: var(--color-1);
}

h6:has(+ h2, + h3, + h4) {
	margin-bottom: 0;
}


p:has(strong):has(+ ul) {
	margin-bottom: 0;
}


*:not(.page-slider-section) + main > .section-wrap.has-background,
*:not(.page-slider-section) + main > .stomFEE-edit-cta:first-child + .section-wrap.has-background {
	margin-top: 0;
}


article[class*="post-"] {
	position: relative;
}
article[class*="post-"] .full-post-link {
	position: absolute;
	inset: 0;
	z-index: 4;
}


body.page:not(.woocommerce-checkout):not(.posts-archive) .entry-header {
	margin: 0;
}


.stom-small.small-center:has(.stom-small.small-left) {
	max-width: 780px;
}


#content {
	max-width: calc(var(--content-width) + (2 * var(--gap-m)));
	padding-inline: var(--gap-m);
}


.stom-billede-sektion:not(.image-based) .section {
	max-width: calc(var(--content-width) + (2 * var(--gap-m)));
	padding-inline: var(--gap-m);
}


.section-wrap.section-post-type-slider.has-background:has(+ .section-ship-categories) .section,
.section-wrap.section-post-type-slider.has-background:has(+ .stomFEE-edit-cta + .section-ship-categories) .section {
	padding-bottom: calc(.75 * var(--gap-l));
}
.section-wrap.section-post-type-slider.has-background + .section-ship-categories,
.section-wrap.section-post-type-slider.has-background + .stomFEE-edit-cta + .section-ship-categories,
.section-wrap.stom-billede-sektion + .section-ship-categories,
.section-wrap.stom-billede-sektion + .stomFEE-edit-cta + .section-ship-categories {
	margin-top: 0;
}

/* ===== END Generel ===== */



/* ===== Buttons ===== */

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,
.stom-button[class="stom-button"]:hover,
.stom-button.btn-primary:hover,
.stom-button a:hover,
.stom-button a:active,
.stom-button a:focus,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_footer input[type=submit]:focus {
	background-color: transparent;
	border-color: var(--color-1);
	color: #fff;
}

.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_footer input[type=submit]:focus {
	background-color: #fff;
	color: var(--color-1);
}


.stom-button {
	--btn-padding: 4px;
}

.stom-button a {
	position: relative;
	padding: var(--btn-padding) var(--btn-padding) var(--btn-padding) 1em;
	border: 1px solid var(--color-1);
}

.stom-button a .link-text {
	position: relative;
	z-index: 1;
}

.stom-button .stom-custom-svg {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	transition: background-color, border, color;
	transition-duration: .175s;
}

.stom-button .stom-custom-svg svg,
.stom-button .stom-custom-svg svg * {
	transition: background-color, border, color;
	transition-duration: .175s;
}

.stom-button .stom-custom-svg.arrow-filler {
	position: absolute;
	/* top: var(--btn-padding); */
	right: var(--btn-padding);
	/* bottom: var(--btn-padding); */
	margin: 0;
	transition: var(--transition);
	transition-property: width, height;
	z-index: 0;
}
.stom-button:hover .stom-custom-svg.arrow-filler {
	/* left: var(--btn-padding); */
	width: calc( 100% - ( 2 * var(--btn-padding) ) );
	height: calc( 100% - ( 2 * var(--btn-padding) ) );
}


.stom-button[class="stom-button"],
.stom-button.btn-primary {
	color: var(--color-1);
	/* color: var(--color-text-white); */
}

.stom-button[class="stom-button"] a,
.stom-button.btn-primary a {
	display: inline-flex;
	align-items: center;
	color: currentColor;
	background-color: transparent;
	border: 1px solid var(--color-1);
	border-radius: 100px;
}

.stom-button[class="stom-button"] .stom-custom-svg,
.stom-button.btn-primary .stom-custom-svg {
	width: calc(2 * var(--p));
	height: calc(2 * var(--p));
	margin-left: 1.25em;
	/* padding: .75em; */
	padding-right: .75em;
	font-size: .8em;
	line-height: 0;
	color: var(--color-text-white);
	background-color: var(--color-1);
	border-radius: 100px;
}


.stom-button.btn-white {
	color: var(--color-text-white);
}
.stom-button.btn-white:hover {
	color: var(--color-1);
	border-color: var(--color-text-white);
}

.stom-button.btn-white a {
	color: currentColor !important;
	border-color: var(--color-text-white);
}

.stom-button.btn-white .stom-custom-svg {
	color: var(--color-1);
	background-color: var(--color-text-white);
}


.stom-button.btn-secondary a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* padding: 5px 5px 5px 1em; */
	border-radius: 10px;
}
.stom-button.btn-secondary a:hover {
	color: var(--color-1);
	background-color: var(--color-1);
}

.stom-button.btn-secondary .stom-custom-svg {
	width: calc(4 * var(--p));
	height: calc(4 * var(--p));
	margin-left: 1.5em;
	/* padding: 1.7em; */
	padding-right: 1.7em;
	font-size: var(--h6);
	background-color: var(--color-text-white);
	color: var(--color-1);
	line-height: 0;
	border-radius: 5px;
	transition: var(--transition);
	transition-property: top, right, bottom, width, height, padding, border-radius;
}
.stom-button.btn-secondary:hover .stom-custom-svg.arrow-filler {
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-right: calc(1.7em + var(--btn-padding));
	border-radius: 9px;
}

/* ===== END Buttons ===== */



/* ===== Classes ===== */

.stom-grid-section.grid-center-flex .grid-elements {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}


.section-wrap.has-background.full-size-bg {
	background-size: cover;
}


.no-space-before {
	margin-top: 0 !important;
}

/* ===== END Classes ===== */



/* ===== Header ===== */

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-absolute #masthead,
header#masthead {
	position: fixed;
}

body.page-has-slider:not(.woocommerce-cart):not(.woocommerce-checkout) .header-absolute #masthead,
.page-has-slider header#masthead {
	color: var(--color-text-white);
}

.page-has-slider #masthead {
	transition: var(--transition);
	transition-property: color, background-color;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout).scrolled.page-has-slider .header-absolute #masthead,
body.scrolled.page-has-slider header#masthead {
	color: var(--color-1);
	background-color: var(--color-bg);
	border-bottom: 1px solid var(--color-1);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.page-has-slider) .header-absolute #masthead,
:not(.page-has-slider) #masthead {
	background-color: var(--color-bg);
	color: var(--color-1);
	border-bottom: 1px solid var(--color-1);
}

.site-branding #logo {
	transition: var(--transition);
	transition-property: padding;
}
body.scrolled .site-branding #logo {
	padding-block: var(--gap-s);
}


body #masthead .stom-button a {
	color: inherit;
}

body:not(.page-has-slider) #masthead .stom-button {
	color: var(--color-1);
}
body:not(.page-has-slider) #masthead .stom-button:hover {
	color: var(--color-text-white);
}

body.page-has-slider:not(.scrolled) #masthead .stom-button {
	color: var(--color-text-white);
}
body.page-has-slider:not(.scrolled) #masthead .stom-button:hover {
	color: var(--color-1);
}

body.page-has-slider:not(.scrolled) #masthead .stom-button a {
	border-color: var(--color-text-white);
}

body.page-has-slider:not(.scrolled) #masthead .stom-button .stom-custom-svg {
	background-color: var(--color-text-white);
	color: var(--color-1);
}

body.page-has-slider:not(.scrolled) header .main-navigation ul.menu ul a {
	color: var(--color-1);
}


.site-branding #logo {
	padding-block: var(--gap-m);
}

.site-branding #logo svg {
	max-width: 100%;
	width: 364px;
	max-height: 100%;
}

#masthead #logo svg * {
	fill: currentColor;
}
#masthead #logo svg .st1 {
	stroke: currentColor;
}


.style-header-03 .nav-wrap {
	align-self: center;
	margin: 0 var(--gap-m);
}

.style-header-03 #site-navigation {
	justify-content: center;
}

#masthead .main-navigation ul.menu a {
	padding: .5em 1em;
}

#masthead .main-navigation ul.menu a .stom-menu-item-arrow {
	display: none;
}

.hover-active:not(.hover-style-bold).hover-style-center ul.menu a:before {
	height: 2px;
	background-color: currentColor;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: 50%;
	transform: translateX(-50%);
}
header .main-navigation ul.menu ul li:hover>ul,
header .main-navigation ul.menu ul li.focus>ul {
	transform: none;
}

header .main-navigation ul.menu ul a {
	width: auto;
	min-width: 200px;
	white-space: nowrap;
	background-color: var(--color-bg);
}

/* ===== END Header ===== */



/* ===== Slider ===== */

.main-slider-section {
	color: var(--color-text-white);
}
@media screen and (min-width: 1241px) {
	.main-slider-section {
		--h1: 80px;
	}
}

.page-slider-section.different-text .video-aligner {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	padding-top: 0 !important;
}

.main-slider-section * {
	color: currentColor;
}

.page-slider-section.main-slider-section {
	font-size: 1em;
}

.page-slider-section.main-slider-section .slider-text {
	padding-top: calc(var(--header-actual-height) + var(--gap-s));
	padding-bottom: calc(1.5 * var(--gap-m));
}
.page-slider-section .image-aligner img,
.page-slider-section .slide-element video,
.page-slider-section .slide-element iframe {
	max-height: calc(100vh - var(--header-actual-height));
}
#page.header-absolute .page-slider-section .image-aligner img,
#page.header-absolute .page-slider-section .slide-element video,
#page.header-absolute .page-slider-section .slide-element iframe {
	max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.page-slider-section.main-slider-section .slider-text-inner {
	align-self: flex-start;
}
body:not(.home):not(.compact-slider) .page-slider-section.main-slider-section .slider-text-inner {
	padding-top: var(--gap-l);
}

.page-slider-section.main-slider-section .slider-text-inner .slider-text-inner-wrapper {
	max-width: 100%;
}

.page-slider-section.main-slider-section .slider-text-inner .slider-text-inner-wrapper :is(p, h1, h2, h3, h4, h5, h6) {
	max-width: var(--slider-text-width);
}

.page-slider-section.main-slider-section .slider-text-inner .slider-text-inner-wrapper p:has(+ .flex-button-container) {
	margin-bottom: 3em;
}

.page-slider-section.main-slider-section .flex-button-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}

.page-slider-section .stom-button {
	font-size: 1.5em;
}


.page-slider-section a {
	text-decoration: none;
}

.page-slider-section a:has(.stom-custom-svg) + a:has(.stom-custom-svg) {
	margin-left: .8em;
}

.page-slider-section a:has(.stom-custom-svg):has(+ a .stom-custom-svg) .stom-custom-svg,
.page-slider-section a:has(.stom-custom-svg) + a:has(.stom-custom-svg) .stom-custom-svg {
	margin-right: .1em;
	font-size: 1.5em;
}

/* ===== END Slider ===== */



/* ===== Main content ===== */

body:not(.page-has-slider) #main-content {
	padding-top: var(--header-actual-height);
}

.tax-ships-for-sale #main-content {
	padding-bottom: var(--gap-l);
	background-color: var(--color-2);
	border-bottom: 1px solid var(--color-1);
}

.tax-ships-for-sale #main-content + .section-wrap,
main:has(> .section-ship-categories .ship-categories-container) + .section-wrap {
	margin-top: 0;
}

/* ===== END Main content ===== */



/* ===== Slick slider ===== */

.slick-dots li:first-child:last-child {
	display: none;
}

.slick-dots li button {
	width: 18px;
	height: 18px;
	color: var(--color-1);
	border: 1px solid var(--color-1);
	border-radius: 0;
	background-color: transparent;
	font-size: 0;
	outline: none;
	opacity: 1;
}
.slick-dots li button:before {
	content: '';
	width: calc(100% - (3px * 2));
	height: calc(100% - (3px * 2));
	top: 3px;
	left: 3px;
	background-color: transparent;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	border: none;
	outline: none;
	opacity: 1;
	transition: background-color 200ms;
}

.slick-dots li:hover button,
.slick-dots li.slick-active button {
	border: 1px solid var(--color-1);
	background-color: transparent;
	outline: none;
}
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before {
	background-color: var(--color-1);
	opacity: 1;
}


.slick-arrow,
.slick-arrow:hover,
.slick-arrow:active,
.slick-arrow:focus {
	width: auto;
	height: auto;
	padding: .35em;
	border: none;
	background-color: transparent;
	outline: none;
	box-shadow: none;
	font-size: 1em;
	line-height: 0;
	color: var(--color-1);
}

.slick-arrow .stom-custom-svg {
	display: inline-block;
	font-size: .8em;
	line-height: 0;
}

/* ===== END Slick slider ===== */



/* ===== Section: Post type ===== */

body:not(.page-template-page-blog) .section-post-type-slider {
	margin-inline: calc(2 * var(--gap-m));
}

.section-post-type-slider .section-inner-container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1em 2em;
	margin-bottom: 1.5em;
}

.section-post-type-slider .slick-dots {
	position: static;
	width: auto;
	margin-bottom: .6em;
}

.section-post-type-slider .section-inner-slider {
	margin: 0;
	padding: 0;
}
.section-post-type-slider .section-inner-slider:has(+ .section-inner-link) {
	margin-bottom: var(--gap-m);
}

.section-post-type-slider .section-inner-slider .slick-list {
	margin-inline: calc(-1 * (1.5 * var(--gap-s)));
}

.section-post-type-slider .section-inner-slider .slick-track {
	min-width: 100%;
}

.section-post-type-slider:is([data-slider-columns="1"], [data-slider-columns="2"], [data-slider-columns="3"], [data-slider-columns="4"], [data-slider-columns="5"]) .section-inner-slider .slick-list .slick-slide {
	margin: 0 calc(1.5 * var(--gap-s));
}
.section-post-type-slider:is([data-slider-columns="6"], [data-slider-columns="7"], [data-slider-columns="8"], [data-slider-columns="9"], [data-slider-columns="10"]) .section-inner-slider .slick-list .slick-slide {
	margin: 0 calc(1 * var(--gap-s));
}

.section-post-type-slider .section-inner-slider .slick-prev {
	left: auto;
	right: calc(100% + calc(1.25 * var(--gap-s)));
}

.section-post-type-slider .section-inner-slider .slick-next {
	left: calc(100% + calc(1.25 * var(--gap-s)));
	right: auto;
}


.section-post-type-slider article.slick-slide {
	position: relative;
}

.section-post-type-slider .post-meta-container {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--h6);
}

.section-post-type-slider .post-meta-container > * {
	padding: .4em .55em;
	line-height: 1;
	color: var(--color-1);
	background-color: #fff;
}
.section-post-type-slider .post-meta-container > *:first-child:last-child {
	margin-left: auto;
}

.section-post-type-slider .post-meta-container a {
	text-decoration: none;
	pointer-events: none;
}

.section-post-type-slider .entry-title {
	margin-top: .6em;
	font-size: calc(1.2 * var(--h5));
	text-transform: none;
}

body.page .section-post-type-slider article.slick-slide .entry-header {
	margin-bottom: 0;
}

.section-post-type-slider .type-post .post-thumbnail img {
	aspect-ratio: 390 / 250;
	object-fit: cover;
	width: 100%;
}


.section-post-type-slider .ship-specification-type {
	margin-top: .2em;
}


.section-post-type-slider .ship-specifications {
	margin-top: .5em;
	font-size: var(--h6);
}

.section-post-type-slider .ship-specifications--row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2em;
	padding: .3em 0;
	border-bottom: 1px solid var(--color-1);
}

.section-post-type-slider .ship-specifications--row--label {
	white-space: nowrap;
}

.section-post-type-slider .ship-specifications--row--value {
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.section-post-type-slider article.staff .entry-title {
	margin-bottom: 0;
	letter-spacing: -.025em;
}

.section-post-type-slider .employee-occupation {
	color: var(--color-1);
}


.section-post-type-slider .section-inner-link {
	text-align: right;
}

/* ===== END Section: Post type ===== */



/* ===== Why choose us ===== */

.choose-atlantic-shipping .why-choose-us-usp h3 {
	display: flex;
	gap: .5em;
	align-items: center;
}

.choose-atlantic-shipping .why-choose-us-usp {
	overflow: hidden;
}

@media only screen and (min-width: 768px) {
	.choose-atlantic-shipping .why-choose-us-usp .stom-cols-4 {
		width: 30%;
	}
	.choose-atlantic-shipping .why-choose-us-usp .stom-cols-4:not(.last) {
		margin: 0 4% 0 0;
	}
}


.choose-atlantic-shipping .we-offer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: calc(1.5 * var(--gap-s));
	margin-top: 2em;
}

.choose-atlantic-shipping .we-offer .stom-cols-elm {
	width: auto;
	display: flex;
	align-items: stretch;
	gap: calc(1.5 * var(--gap-s));
	padding: calc(1.5 * var(--gap-s));
	padding-right: calc(1.6 * var(--gap-s));
	margin: 0;
	background: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(5px);
}

.choose-atlantic-shipping .we-offer .stom-cols-elm > * {
	flex-basis: 0;
	flex-grow: 1;
}

.choose-atlantic-shipping .we-offer .we-offer-image {
	line-height: 0;
}

.choose-atlantic-shipping .we-offer .we-offer-image p {
	height: 100%;
}

.choose-atlantic-shipping .we-offer .we-offer-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.choose-atlantic-shipping .we-offer .we-offer-content {
	display: flex;
	flex-direction: column;
}

.choose-atlantic-shipping .we-offer .we-offer-content p:last-child:has(.stom-custom-svg) {
	margin-top: auto;
	text-align: right;
}

/* ===== END Why choose us ===== */



/* ===== Image based "Image & Text" section ===== */

.stom-billede-sektion.image-based .section {
	display: flex;
	flex-direction: row;
	max-width: calc(var(--content-width) + (2 * var(--gap-m)));
}

.stom-billede-sektion.image-based.picture-left .section {
	flex-direction: row-reverse;
}

.stom-billede-sektion.image-based .section > * {
	width: 50%;
	margin: 0;
}

.stom-billede-sektion.image-based .stom-picture {
	position: static;
	max-height: 90vh;
}

.stom-billede-sektion.image-based .stom-picture img {
	width: 100%;
	height: auto;
	min-height: 100%;
}

.stom-billede-sektion.image-based .stom-cols-6 {
	align-items: flex-start;
	padding: 0;
}

.stom-billede-sektion.image-based.picture-left .stom-cols-6 {
	padding-right: var(--gap-m);
	padding-left: var(--gap-l);
}
.stom-billede-sektion.image-based.picture-left .stom-picture {
	padding-left: var(--gap-m);
}

.stom-billede-sektion.image-based.picture-right .stom-cols-6 {
	padding-right: var(--gap-l);
	padding-left: var(--gap-m);
}
.stom-billede-sektion.image-based.picture-right .stom-picture {
	padding-right: var(--gap-m);
}

/* ===== END Image based "Image & Text" section ===== */



/* ===== 2-column grid section ===== */

.stom-grid-section .columns-2 .grid-elements {
	gap: 1.5em var(--gap-l);
}

.stom-grid-section.align-last-element .overlay > :last-child {
	margin-top: auto;
}

/* ===== END 2-column grid section ===== */



/* ===== What Happens Next ===== */

.stom-grid-section.what-happens-next p {
	max-width: var(--slider-text-width);
}

.stom-grid-section.what-happens-next .section .grid-elements {
	gap: calc(1.5 * var(--gap-s));
}

.stom-grid-section.what-happens-next .grid-element .overlay {
	justify-content: flex-start;
}

.stom-grid-section.what-happens-next .grid-element h3 {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 55px;
	text-align: center;
	font-size: calc(2 * var(--p));
	border: 1px solid currentColor;
	border-radius: 50%;
}

.stom-grid-section.what-happens-next .grid-element h4 {
	font-size: calc(1.25 * var(--p));
	font-weight: 600;
	letter-spacing: -.03em;
	text-transform: none;
}

.stom-grid-section.what-happens-next .what-we-offer-contact {
	margin-top: var(--gap-m);
	background: var(--color-2);
	/* backdrop-filter: blur(5px); */
}

.stom-grid-section.what-happens-next .what-we-offer-contact .overlay {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em 2em;
	padding: calc(1 * var(--gap-m)) calc(1.5 * var(--gap-m));
}
.stom-grid-section.what-happens-next .what-we-offer-contact .overlay:after {
	content: none;
}

.stom-grid-section.what-happens-next .what-we-offer-contact .overlay h2 {
	max-width: calc(var(--slider-text-width) - 100px);
	margin: 0;
	text-transform: none;
}

/* ===== END What Happens Next ===== */



/* ===== Staff list section ===== */

.section-staff-list h2 {
	margin-bottom: 1.1em;
	padding-bottom: 0.1em;
	color: var(--color-1);
	border-bottom: 1px solid currentColor;
	text-transform: none;
}

.section-staff-list .staff-list-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-l);
}

.section-staff-list .staff-list--single a {
	text-decoration: none;
}

.section-staff-list .staff-list--single-portrait {
	position: relative;
	max-width: 300px;
	line-height: 0;
}

.section-staff-list .staff-list--single-hover-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: calc(50% - (1em / 2));
	opacity: 0;
	line-height: 1;
	font-size: var(--h4);
	text-align: center;
	color: var(--color-text-white);
	transition: var(--transition);
	transition-property: opacity;
	z-index: 2;
}
.section-staff-list .staff-list--single:hover .staff-list--single-hover-link {
	opacity: 1;
}
.section-staff-list .staff-list--single-hover-link:after {
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-1);
	opacity: .75;
	transition: var(--transition);
	transition-property: top;
	z-index: -1;
}
.section-staff-list .staff-list--single:hover .staff-list--single-hover-link:after {
	top: 0;
}

.section-staff-list .staff-list--single-title {
	margin: .4em 0 0;
	text-transform: none;
}

.section-staff-list .staff-list--single-occupation {
	margin-bottom: .3em;
	color: var(--color-1);
}

.section-staff-list .staff-list--single-contact .stom-custom-svg {
	display: inline-block;
	/* width: .7em;
	height: .7em; */
	font-size: .7em;
	margin-right: .5em;
	color: var(--color-1);
}

/* ===== END Staff list section ===== */



/* ===== Ship category filters ===== */

body:not(.archive) .ship-category-filters-container {
	padding-inline: var(--gap-m);
}

.ship-category-filters-inner {
	max-width: var(--content-width);
	margin-inline: auto;
	margin-bottom: var(--gap-m);
	padding: var(--gap-s);
	background-color: var(--color-text-white);
	border-radius: 5px;
	border: 1px solid var(--color-1);
}

.ship-category-filters-container form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--gap-m);
}

.ship-category-filters-container .ship-category-filters {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: var(--gap-s);
}

.ship-category-filters-container .ship-category-filters--filter {
	position: relative;
}

.ship-category-filters-container .ship-category-filters--filter-placeholder-label,
.ship-category-filters-container .ship-category-filters--filter select,
.ship-category-filters-container .ship-category-filters--filter-selected {
	display: block;
	padding: .5em .7em;
	border: 1px solid var(--color-1);
	border-radius: 5px;
}

.ship-category-filters-container .ship-category-filters--filter-placeholder-label {
	cursor: default;
}

.ship-category-filters-container .ship-category-filters--filter-placeholder-label .stom-custom-svg,
.ship-category-filters-container .ship-category-filters--filter-placeholder-label .stom-custom-svg svg {
	display: inline-block;
	width: .5em;
	height: auto;
	line-height: 0;
	pointer-events: none;
}

.ship-category-filters-container .ship-category-filters--filter-placeholder-label .stom-custom-svg {
	position: relative;
	margin-left: .2em;
	z-index: 10;
}

.ship-category-filters-container .ship-category-filters--filter-values {
	display: none;
	position: absolute;
	top: calc(100% + var(--gap-s));
    left: calc((-1 * var(--gap-s)) - 1px);
	padding: calc(var(--gap-s) - .5em) var(--gap-s);
	background-color: #fff;
	border: solid var(--color-1);
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 5px 5px;
	z-index: 10;
}
.ship-category-filters-container .ship-category-filters--filter:first-child .ship-category-filters--filter-values:before {
	content: '';
	position: absolute;
    top: -5px;
    left: -1px;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-left: 1px solid var(--color-1);
}

.ship-category-filters-container .ship-category-filters--filter-values-option {

}

.ship-category-filters-container .ship-category-filters--filter-values-option label {
	white-space: nowrap;
}

.ship-category-filters-container .ship-category-filters--filter-values-option input[type="checkbox"] {

}

.ship-category-filters-container .ship-category-filters--filter-values-option span {

}

.ship-category-filters-container .ship-category-filters--filter-ranges {
	display: flex;
	align-items: center;
	gap: .5em;
}

.ship-category-filters-container .ship-category-filters--filter-ranges input[type="range"] {
	padding-inline: 0;
}

.ship-category-filters-container .ship-category-filters--filter-ranges-selected {
	display: block;
	text-align: center;
	font-weight: bold;
}

.ship-category-filters-container .ship-category-filters--filter-values-option--range {
	min-width: 200px;
	height: 10px;
	margin-top: .5em;
	padding-inline: 8px;
	background-color: var(--color-2);
	box-shadow: none;
}
.ship-category-filters-container .ship-category-filters--filter-values-option--range .noUi-connect {
    background-color: var(--color-1);
}
.ship-category-filters-container .ship-category-filters--filter-values-option--range .noUi-handle {
    height: 18px;
    width: 18px;
    top: -5px;
    right: -9px; /* half the width */
    border-radius: 9px;
}
.ship-category-filters-container .ship-category-filters--filter-values-option--range .noUi-handle:before,
.ship-category-filters-container .ship-category-filters--filter-values-option--range .noUi-handle:after {
	content: none;
}

.ship-category-filters-container .ship-category-filters--filter-values-option--range--values {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	margin-top: .5em;
	font-size: .9em;
}
.ship-category-filters-container .ship-category-filters--filter-values-option--range--values--min,
.ship-category-filters-container .ship-category-filters--filter-values-option--range--values--max {
	
}
.ship-category-filters-container .ship-category-filters--filter-values-option--range--values--min {

}
.ship-category-filters-container .ship-category-filters--filter-values-option--range--values--max {
	text-align: right;
}

.ship-category-filters-container .ship-category-filters--filter-values-option--range--values,
.ship-category-filters-container .ship-category-filters--filter-values-option--range--values small {
	line-height: 1;
}

.ship-category-filters-container .ship-category-filters--filter-values-option--range--values--max small {
	text-align: right;
}

.ship-category-filters-container .ship-category-filters--filter select {
	position: absolute;
	inset: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	z-index: 3;
}

.ship-category-filters-container .ship-category-filters--filter-selected {
	position: absolute;
	inset: 0;
	padding-right: 1.5em;
	background-color: var(--color-text-white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	z-index: 1;
}
.ship-category-filters-container .ship-category-filters--filter-selected:empty {
	display: none;
}

.ship-category-filters-container .ship-category-count-sort {
	display: flex;
	align-items: center;
	gap: var(--gap-m);
}

.ship-category-filters-container .ship-category-clear-filters span {
	display: flex;
	align-items: center;
	height: 100%;
	padding: .5em .7em;
	border: 1px solid var(--color-1);
    border-radius: 5px;
	background-color: var(--color-2);
	color: var(--color-1);
	cursor: pointer;
}

.ship-category-filters-container .ship-category-sort-results-by select {
	border: none;
}

/* ===== END Ship category filters ===== */



/* ===== Ship categories section ===== */

body.archive[class*="ships"] #content {
	max-width: calc(var(--content-width) + (2 * var(--gap-m)));
	padding-inline: var(--gap-m);
}


.section-ship-categories {
	margin-inline: 0;
}
.section-ship-categories .section {
	max-width: 100%;
}

.section-ship-categories .ship-categories-container {
	padding-block: calc((1.5 * var(--gap-m))) calc(1em + (1.5 * var(--gap-m)));
	padding-inline: var(--gap-m);
}
.section-ship-categories .ship-categories-container:nth-child(2n) {
	background-color: #eff3f5;
}
.section-ship-categories .ship-categories-container:nth-child(2n+3) {
	background-color: var(--color-text-white);
}

.section-ship-categories .ship-categories {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-m);
	max-width: var(--content-width);
	margin-inline: auto;
}

.section-ship-categories .ship-categories:not(:has(> .ship-categories--category)) {
	display: none;
}

.section-ship-categories .ship-categories + .ship-categories {
	margin-top: var(--gap-l);
}

.section-ship-categories .ship-categories--heading {
	grid-column: 1 / -1;
	margin: 0;
}

.section-ship-categories .ship-categories--category {
	position: relative;
	display: flex;
	flex-direction: column;
}

.section-ship-categories .ship-categories--category a {
	position: absolute;
	inset: 0;
	text-decoration: none;
	z-index: 2;
}

.section-ship-categories .ship-categories--category-count {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: var(--color-text-white);
	color: var(--color-1);
}

.section-ship-categories .ship-categories--category-thumbnail {
	aspect-ratio: 405 / 230;
	width: 100%;
	height: auto;
	object-fit: cover;
	line-height: 0;
}

.section-ship-categories .ship-categories--category-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: calc(var(--gap-s) - .2em) var(--gap-s);
	background-color: var(--color-text-white);
	line-height: 1;
}
.section-ship-categories .ship-categories-container:nth-child(2n+3) .ship-categories--category-content {
	background-color: var(--color-2);
}

.section-ship-categories .ship-categories--category-title {
	display: block;
	margin-bottom: .4em;
	font-weight: 600;
	font-size: calc(var(--h4) - (0.2 * var(--p)));
}

.section-ship-categories .ship-categories--category-link {
	display: block;
	margin-top: auto;
	font-size: calc(0.9 * var(--p));
}

.section-ship-categories .ship-categories--category-link .stom-custom-svg {
	margin-left: .2em;
	font-size: calc(0.5 * var(--p));
	color: var(--color-1);
}

/* ===== END Ship categories section ===== */



/* ===== Ship category ship loop item ===== */

body.tax-ships-for-sale .page-header {
	margin-bottom: var(--gap-m);
}

body.tax-ships-for-sale h1 {
	font-size: calc(20px + var(--h1));
	color: var(--color-1);
}

.ship-category-loop {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-m);
}

.ship-category-loop article {
	display: flex;
	flex-direction: column;
}

.ship-category-loop article .post-meta-container {
	position: relative;
	font-size: calc(.9 * var(--p));
	pointer-events: none;
}

.ship-category-loop article .ribbon-new,
.ship-category-loop article .ribbon-main {
	position: absolute;
	top: 10px;
	display: block;
	padding: .55em;
	line-height: .7;
	background-color: var(--color-1);
	color: var(--color-text-white);
}

.ship-category-loop article .ribbon-new {
	left: 10px;
}

.ship-category-loop article .ribbon-main {
	right: 10px;
}

.ship-category-loop article .ribbon-sold {
	background-color: #c00;
}

.ship-category-loop article .post-thumbnail {
	display: block;
	margin-bottom: 0;
	line-height: 0;
}

.ship-category-loop article .post-thumbnail img {
	aspect-ratio: 405 / 264;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.ship-category-loop article .post-content-wrapper {
	position: relative;
	height: 100%;
}

.ship-category-loop article .entry-header {
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	display: flex;
	align-items: center;
	min-height: calc((2 * var(--h5)) + (1 * (var(--gap-s) - .25em)));
	padding: 0 calc(1.5 * var(--gap-s));
	/* background-color: rgba(0, 65, 112, .5); */
	background-color: var(--color-1);
	color: var(--color-text-white);
	line-height: .8;
}

.ship-category-loop article .entry-title {
	color: inherit;
}

.ship-category-loop article .ship-specifications {
	height: 100%;
	padding: .4em calc(1.5 * var(--gap-s));
	background-color: var(--color-text-white);
	font-size: calc(.9 * var(--p));
}

.ship-category-loop article .ship-specifications--row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em;
	padding: .4em 0;
}
.ship-category-loop article .ship-specifications--row:not(:last-child) {
	border-bottom: 1px solid var(--color-1);
}

.ship-category-loop article .ship-specifications--row--label {
	white-space: nowrap;
}

.ship-category-loop article .ship-specifications--row--value {
	text-align: right;
}

.ship-category-loop article .ship-specifications--row-reference,
.ship-category-loop article .ship-specifications--row-name,
.ship-category-loop article .ship-specifications--row-price .ship-specifications--row--label,
.ship-category-loop article .ship-specifications--row-sold-to-from .ship-specifications--row--label {
	font-weight: 700;
}


.navigation.pagination {
	margin-top: var(--gap-l);
}

.navigation.pagination .nav-links {
	justify-content: center;
}

.navigation.pagination .page-numbers:not(.current) {
	color: var(--color-1);
	background-color: var(--color-text-white);
	border: 1px solid var(--color-1);
}
.navigation.pagination .page-numbers:not(.current):hover {
	background-color: var(--color-1);
	color: var(--color-text-white);
}

/* ===== END Ship category ship loop item ===== */



/* ===== Single ship page ===== */

.single-ship #content {
	max-width: 100%;
	padding-inline: var(--gap-m);
}

.single-ship :not(.page-slider-section) + main > #content {
	margin-top: var(--gap-s);
}

.single-ship #primary {
	max-width: var(--content-width);
	margin-inline: auto;
}

.single-ship article.ship {
	font-size: calc(0.9 * var(--p));
}

.single-ship article.ship .single-ship-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--gap-m);
	margin-bottom: var(--gap-s);
}

.single-ship article.ship .single-ship-header--breadcrumbs {
	text-decoration: underline;
	color: var(--color-1);
}

.single-ship article.ship .single-ship-header--breadcrumbs .ship-breadcrumb {
	text-decoration: none;
}

.single-ship article.ship .single-ship-header--reference {
	padding: .65em .7em .75em;
	font-size: calc(1.5 * var(--p));
	color: var(--color-text-white);
	background-color: var(--color-1);
	line-height: .6;
}

.single-ship article.ship .single-ship-gallery {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: calc(1.5 * var(--gap-s));
}

.single-ship article.ship .single-ship-gallery img {
	cursor: pointer;
}

.single-ship article.ship .single-ship-gallery--featured-column {
	line-height: 0;
}

.single-ship article.ship .single-ship-gallery--featured-column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-ship article.ship .single-ship-gallery--addiotionals {
	display: flex;
	flex-direction: column;
	gap: calc(1.5 * var(--gap-s));
}

.single-ship article.ship .single-ship-gallery--addiotionals--image {
	position: relative;
	flex-grow: 1;
	line-height: 0;
	overflow: hidden;
}

.single-ship article.ship .single-ship-gallery--addiotionals--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition);
}
.single-ship article.ship .single-ship-gallery--addiotionals--image:has(.single-ship-gallery--addiotionals--image--overlay):hover img {
	transform: scale(1.05);
}

.single-ship article.ship .single-ship-gallery--addiotionals--image--overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 65, 112, .5);
	color: var(--color-text-white);
	font-size: calc(1.25 * var(--p));
	font-weight: 700;
	cursor: pointer;
}

.single-ship article.ship .single-ship-gallery--addiotionals--image--overlay span {
	padding-inline: .75em;
	text-align: center;
	line-height: 1.5;
}


.single-ship article.ship .single-ship-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	gap: calc(1.5 * var(--gap-m));
	margin-top: calc(1.5 * var(--gap-m));
}

.single-ship article.ship .single-ship-content--left-column {
	display: flex;
	flex-direction: column;
	gap: calc(1.5 * var(--gap-s));
}

.single-ship article.ship .single-ship-content--left-column .single-ship-content-table {
	padding: calc((1.5 * var(--gap-s)) - .5em - .4em) calc(1.5 * var(--gap-s));
	background-color: var(--color-2);
}

.single-ship article.ship .single-ship-content--row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em;
	padding: .4em 0;
}
.single-ship article.ship .single-ship-content--row:not(:last-child) {
	border-bottom: 1px solid var(--color-1);
}

.single-ship article.ship .single-ship-content--row--label {
	font-weight: 700;
	white-space: nowrap;
}

.single-ship article.ship .single-ship-content--left-column .single-ship-content--row--value {
	text-align: right;
}

.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary,
.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary a {
	width: 100%;
	text-align: center;
}

.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary a,
.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary .stom-custom-svg {
	border-radius: 0;
}

.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary .link-text {
	width: 100%;
}

.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary .stom-custom-svg {
	width: calc(3 * var(--p));
	height: calc(3 * var(--p));
	padding-right: 1.2em;
}

.single-ship article.ship .single-ship-content-request .stom-button.btn-secondary:hover .stom-custom-svg.arrow-filler {
	width: 100%;
	height: 100%;
	padding-right: calc(1.2em + var(--btn-padding));
}


.single-ship article.ship .single-ship-content-description {
	margin-bottom: var(--gap-m);
}

.single-ship article.ship .single-ship-content--right-column .single-ship-content--row--value {
	flex-basis: 67%;
}


.single-ship article.ship .single-ship-content--other-vessels {
	margin-top: calc(1.5 * var(--gap-m) - .3em);
}

.single-ship article.ship .single-ship-content--other-vessels h2 {
	margin-bottom: calc(1.5 * var(--gap-m) - .3em);
	color: var(--color-1);
}

.single-ship article.ship .single-ship-content--other-vessels--link {
	margin-top: calc(1.5 * var(--gap-m));
	text-align: right;
}

/* ===== END Single ship page ===== */



/* ===== "Send Request" form ===== */

.send-request-form-page #content {
	--content-width: 1200px;
}

.send-request-form-page h1 {
	text-align: center;
}

#gform_3 .gfield_required {
	display: none;
}

#gform_3 .gfield_contains_required .ginput_container_text,
#gform_3 .gfield_contains_required .ginput_container_email {
	display: flex;
	align-items: stretch;
}

#gform_3 .gfield_contains_required .ginput_container_text:after,
#gform_3 .gfield_contains_required .ginput_container_email:after {
	content: "*";
	display: inline-block;
	padding: .75em .4em 0 .4em;
	font-size: 2em;
	line-height: 0;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-left: none;
}
#gform_3 .gfield_contains_required.gfield_error .ginput_container_text:after,
#gform_3 .gfield_contains_required.gfield_error .ginput_container_email:after {
	color: #c02b0a;
	border-color: #c02b0a;
	background-color: #fff9f9;
}

.gform_wrapper.gravity-theme #gform_3 .gfield_checkbox label,
.gform_wrapper.gravity-theme #gform_3 .gfield_radio label {
	font-size: 1em;
	font-weight: 500;
}

.gform_wrapper.gravity-theme #gform_3 .gfield_checkbox input,
.gform_wrapper.gravity-theme #gform_3 .gfield_radio input {
	width: .8em;
	height: .8em;
	font-size: 1em;
}

#gform_3 .gform-footer [type="submit"] {
	width: 100%;
}

/* ===== END "Send Request" form ===== */



/* ===== News blog archive ===== */

.posts-archive-layout-2.posts-archive #primary {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: calc(1.5 * var(--gap-m)) var(--gap-m);
}

.posts-archive-layout-2.posts-archive #primary article.type-post {
	position: relative;
}

.posts-archive-layout-2.posts-archive .post-content-wrapper {
	padding: 0;
	background-color: transparent;
	border: none;
}

.posts-archive-layout-2.posts-archive article .entry-title {
	font-size: calc(1.2 * var(--h5));
	font-weight: 400;
}

/* ===== END News blog archive ===== */



/* ===== Single staff page ===== */

.single-staff .post-content-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-l);
}

.single-staff .post-content-wrapper .staff-details .staff-info h1 {
	margin-bottom: 0;
	line-height: 1;
}

.single-staff .post-content-wrapper .staff-details .staff-occupation {
	display: block;
	margin-bottom: 1.5em;
}

.single-staff .post-content-wrapper .staff-details .staff-single-contact {
	display: block;
}

.single-staff .post-content-wrapper .staff-details .staff-single-contact a {
	text-decoration: none;
}

.single-staff .post-content-wrapper .staff-details .staff-single-contact svg {
	display: inline-block;
	margin-right: .5em;
	font-size: .7em;
	color: var(--color-1);
}

.single-staff .post-content-wrapper .staff-details .staff-description {
	margin-top: calc(1.5 * var(--gap-m));
}

.single-staff .post-content-wrapper .staff-photo .post-thumbnail {
	max-width: 350px;
}

.single-staff .post-content-wrapper .staff-photo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* ===== END Single staff page ===== */



/* ===== Quotas section ===== */

.section-quotas .quotas-loop {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-l);
}

.section-quotas .quotas-loop article.quota {
	background-color: var(--color-text-white);
}

.section-quotas .quotas-loop article.quota .post-thumbnail {
	display: flex;
	align-items: center;
	padding: 3em 0;
	line-height: 0;
	aspect-ratio: 7/4;
}

.section-quotas .quotas-loop article.quota .post-thumbnail img {
	display: block;
	margin: auto;
	aspect-ratio: 467 / 161;
	object-fit: contain;
}

.section-quotas .quotas-loop article.quota .entry-header {
	padding: calc(.75 * var(--gap-s)) var(--gap-s);
	background-color: var(--color-2);
	line-height: .8;
}

.section-quotas .quotas-loop article.quota .quota-title {
	font-size: calc(1.5 * var(--p));
}

.section-quotas .quotas-loop article.quota .quota-details {
	min-height: 6em;
	padding: calc(.5 * var(--gap-s)) var(--gap-s);
}

.section-quotas .quotas-loop article.quota .quota-details-single {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--gap-m);
	font-weight: 500;
}

.section-quotas .quotas-loop article.quota .quota-details-description {
	margin-top: .5em;
	padding-top: .5em;
	font-size: .9em;
	border-top: 1px solid #ccc;
}

/* ===== END Quotas section ===== */



/* ===== Single post ===== */

body.single-post #primary article {
	max-width: 750px;
	margin-inline: auto;
}

body.single-post #primary article .post-thumbnail {
	margin: 2em 0 .5em;
}

body.single-post #primary article .posted-on {
	display: block;
	margin-bottom: 2em;
	font-size: .85em;
}

body.single-post #primary article .posted-on a {
	text-decoration: none;
	pointer-events: none;
}

/* ===== END Single post ===== */





/* ===== Newsletter ===== */

#main-content:has(> .section-wrap.has-background:last-child) + .newsletter-subscribe-section {
	margin-top: 0;
}

.newsletter-subscribe-section .section,
.section-wrap.has-background.newsletter-subscribe-section .section {
	padding-block: var(--gap-m);
}

.newsletter-subscribe-section h2 {
	text-transform: none;
}

/* ===== END Newsletter ===== */



/* ===== Footer ===== */

#site-footer {
	font-weight: 300;
	line-height: 1.25;
}

.newsletter-subscribe-section + #site-footer {
	margin-top: 0;
}

#site-footer .grid-element .overlay {
	justify-content: flex-start;
}

#site-footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#site-footer ul ul {
	display: none;
}

#site-footer a {
	display: inline-block;
	padding: .4em 0;
	text-decoration: none;
}
#site-footer li:first-child a {
	padding-top: 0;
}

#site-footer a .stom-menu-item-arrow {
	display: none;
}


#site-footer-extra {
	font-weight: 300;
}

#site-footer-extra .section {
	padding: 0;
	border-top: 2px solid currentColor;
}

#site-footer-extra .section td {
	padding: .8em calc(.6em - 2px) .8em 0;
}

#site-footer-extra .section a {
	display: block;
	line-height: 0.6;
	padding-bottom: 0.15em;
	text-decoration: none;
}

#site-footer-extra .section td:not(:last-child) a {
	border-right: 1px solid currentColor;
	padding-right: .6em;
}

#site-footer h4 {
	text-transform: none;
}

/* ===== END Footer ===== */


/* ===== Mobile Sticky CTA ===== */

#number-three-sticky-mobile-cta .stom-button .stom-custom-svg.arrow-filler {
	display: none;
}

/* ===== END Mobile Sticky CTA ===== */

/*======================================================================//
// END style.css                                                        //
//======================================================================*/


.section-wrap.clear.project-gallery-section .gallery .gallery-item .gallery-icon > a img {
		max-height: 465px;
		object-fit: cover;
		width: 100%;
}

/* Single gallery */
.single-gallery #entry-header-top {
	margin-top: 50px;
}

.single-gallery h1.entry-title {
	padding: 0;
}

.single-gallery h1.entry-title:before {
	content: none;
}

.single-gallery .gallery-container {
	margin-top: 30px;
	font-size: 0;
}

.single-gallery .gallery-container .gallery-image {
	display: inline-block;
	width: 33%;
	width: calc(100% / 4);
	margin-bottom: 25px;
	padding: 0 15px;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
}
.single-gallery .gallery-container .gallery-image.type-file {
	vertical-align: middle;
}

.single-gallery .gallery-container .gallery-image div {
	position: relative;
	display: inline-block;
}

.single-gallery .gallery-container .gallery-image.type-file a {
	
}

.single-gallery .gallery-container .gallery-image.type-file img {
	
}

.single-gallery .gallery-container .gallery-image video {
	max-width: 100%;
	width: auto;
    max-height: 240px;
	transition: transform .3s;
}
.single-gallery .gallery-container .gallery-image:hover video {
	transform: scale(1.03);
}

.single-gallery .gallery-container .gallery-image .fa-play-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 50px;
	line-height: 1;
	transform: translate(-50%, -50%);
	transition: transform .3s;
	z-index: 1;
}
.single-gallery .gallery-container .gallery-image:hover .fa-play-circle {
	transform: translate(-50%, -50%) scale(1.03);
}

.pswp .pswp__item .video-aligner {
	display: table;
    width: 100%;
    height: 100%;
    line-height: 0;
}
.pswp .pswp__item .video-wrapper {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.pswp .pswp__item .video-wrapper video {
	max-width: 70%;
    max-height: 80vh;
}

.single-gallery .gallery-container a.download-img {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px;
	font-size: .95rem;
	color: #fff;
	background-color: #002f5f;
	cursor: pointer;
	z-index: 3;
}

.single-gallery .gallery-container .gallery-image>div:hover a.download-img {
	transform: translate(1.03);
}

.single-gallery .gallery-container .gallery-image img {
	width: auto;
	max-height: 240px;
	transition: transform .3s;
	
	aspect-ratio: 3 / 2;
	object-fit: contain;
}

.single-gallery .gallery-container .gallery-image img:hover {
	transform: scale(1.03);
}