/*!
Theme Name: V2 Ventum Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Updated version of the original Ventum theme.
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: ventum
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.

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


/* include custom fonts ====================================*/

@font-face {
	font-family: "ExtaticaW05-Regular";
	src: url('webFonts/ExtaticaW05Regular/font.woff2') format('woff2'), url('webFonts/ExtaticaW05Regular/font.woff') format('woff');
  }

  @font-face {
	font-family: "ExtaticaW050-Medium";
	src: url('webFonts/ExtaticaW05Medium/font.woff2') format('woff2'), url('webFonts/ExtaticaW05Medium/font.woff') format('woff');
  }

  @font-face {
	font-family: "ExtaticaW05-Light";
	src: url('webFonts/ExtaticaW05Light/font.woff2') format('woff2'), url('webFonts/ExtaticaW05Light/font.woff') format('woff');
  }

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

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

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

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

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

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

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

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

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2.6em;
	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
--------------------------------------------------------------*/

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

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;

	line-height:1.15;
}

p {
	/* margin-bottom: 1.5em; */

	margin-bottom:1.4em;
	margin-top:1.4em;
}

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 top right bottom left */
	margin: 1.5em 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #000 ;
	text-decoration:none;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: var(--color-blue);
}
/* 
a:focus {
	 outline: thin dotted; 
}
*/

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

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

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

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

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

	.menu-toggle {
		display: none;
	}

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

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

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

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

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

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

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

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

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

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

	/*rtl:ignore*/
	float: left;

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

.alignright {

	/*rtl:ignore*/
	float: right;

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*============== custom ==============================*/
:root{
	/* fonts */
	--font-primary: 'ExtaticaW05-Regular', sans-serif;
	--font-medium: 'ExtaticaW050-Medium', sans-serif;
	--font-light: 'ExtaticaW05-Light', sans-serif;

	/*-- text sizes --*/
	
	--text-xsm: .75em;
	--text-xsm-fixed: .75rem;
	--text-sm: .85rem;
	
	--text-reg: 1rem;
	--text-md: max(20px, 1vw); /* 1.2rem; */
	--text-lg: max(26px, 1.1vw); /* 1.2rem; */
	--text-xl: max(33px, 1.3vw); /* 1.2rem; */
	--text-xxl: max(40px, 1.5vw); /* 1.2rem; */

	--text-body: max(16px, .8vw);


	/* colors */
	--color-black: #000000;
	--color-primary-bg: #f9f9f9;
	--color-grey-dark: #2b2829;
	--color-grey-light: #5E5C5C;

	--color-blue: #a3b9ca;
	--color-light-blue: #e8edf2;
	--color-yellow: #f0e432;
	--color-gold: #bab21f;

	/* responsive font sizes */
	--font-size-s: 0.5rem;
	--font-size-r: 1rem;

	/* content container sizes */
	--content-container-sm: 72%; 
	--content-container-md: 85%; 
	--content-container-lg: 80%;


	/* transitions */
	--transition-fast: 0.3s;

	/* padding */
	--padding-top:9em;

}




body{
	font-family: var(--font-primary);
	background-color: var(--color-primary-bg);
	color: var(--color-black);

	font-size:var(--text-body);

	line-height:1.6;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

h1{
	font-size:var(--text-xxl);
}

h2{
	margin-bottom:2em;
}


.font-md{
	font-family: var(--font-medium);
}

.text-md{
	font-size:var(--text-md);
}
.text-lg{
	font-size:var(--text-lg);
}

.news-feature-img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.news-feature-img img{
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}

.featured-news .right-side {
	position:relative;
}

.featured-news a:hover{
	color:var(--color-grey-dark) !important;
}


/*=== background colours ===*/
.bgcolor-primary{
	background-color: var(--color-primary-bg);
}

.bgcolor-citron{
	background-color: var(--color-yellow);
}

.bgcolor-grey-dark{
	background-color: var(--color-grey-dark);
}

.bgcolor-blue{
	background-color: var(--color-blue);
}

/* svg fill colors */
.fill-primary{
	fill: var(--color-primary-bg);
}

.fill-citron{
	fill: var(--color-yellow);
}

.fill-grey-dark{
	fill: var(--color-grey-dark);
}

.fill-blue{
	fill: var(--color-blue);
}

/*=== borders ===*/
.border-t-1-blue{
	border-top: solid 1px var(--color-blue) !important;
}

.border-t-1-white{
	border-top: solid 1px #fff !important;
}

/*=== padding ====*/
.p-0{
	padding:0;
}

.p-4{
	padding:4em;
}

.pb-10{
	padding-bottom:10em;
}

.pt-4{
	padding-top:4em;
}

.pt-5{
	padding-top:5em;
}

.pt-6{
	padding-top:6em;
}

.pt-10{
	padding-top:10em !important;
}

.pb-2{
	padding-bottom:2em;
}

.pb-5{
	padding-bottom: 5em;
}

.pb-6{
	padding-bottom: 6em;
}


.pr-4{
	padding-right:4em;
}

.pr-20{
	padding-right:20em;
}

.pr-20p{
	padding-right:20%;
}

.pr-40p{
	padding-right:40%;
}



.pr-1{
	padding-right:1em;
}

.pl-0{
	padding-left:0;

}

.pl-4{
	padding-left:4em;
}

.pl-8{
	padding-left:8em;
}

.pl-27{
	padding-left:27em;
}

.m-0{
	margin:0;
}

.line-h-0{
	line-height:0;
}

.line-h-1{
	line-height:1;
}

.line-h-1-1{
	line-height:1.1;
}

.line-h-1-2{
	line-height:1.15;
}

.line-h-2{
	line-height:2;
}

.mt-0{
	margin-top:0;
}

.mt-05{
	margin-top:.5em;
}

.mt-1{
	margin-top:1em;
}

.mt-2{
	margin-top:2em;
}

.mt-3{
	margin-top:3em;
}

.mt-4{
	margin-top:4em;
}

.mt-6{
	margin-top:6em;
}

.mb-f-40{
	margin-bottom:40px;
}

.mb-0{
	margin-bottom:0;
}



.mb-02{
	margin-bottom:.2em;
}

.mb-06 {
    margin-bottom: .6em;
}

.mb-1{
	margin-bottom:1em;
}

.mb-2{
	margin-bottom:2em;
}

.mb-3{
	margin-bottom:3em;
}

.mb-4{
	margin-bottom:4em;
}

.mb-5{
	margin-bottom:5em;
}

.mb-6{
	margin-bottom:6em;
}

.mb-15{
	margin-bottom:15em;
}

.mr-2{
	margin-right:2em;
}

.ml-02{
	margin-left:.2em;
}

.ml-0{
	margin-left:0;
}

.ml-4{
	margin-left:4em;
}


.w-100{
	width:100px;
}

/*
.w-30{
	width:30em;
}
*/

strong{
	font-family:var(--font-medium);
	font-weight:100;
}

.border-1{
	border:solid 1px var(--color-blue);
}

.border-b-1y{
	border-bottom: solid var(--color-yellow) 1px;
}	

.border-b-1{
	border-bottom: solid 1px var(--color-blue);

}

.aspect-1-1_2 img{
	aspect-ratio: 1 / 1.2;
	height:100%;
	width:100%;
	object-fit: cover;
	object-position: center -2em;
}


/*=== text styles ===*/
.text-uppercase{
	text-transform:uppercase;
}

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

.text-xsm{
	font-size: var(--text-xsm);
}

.text-xsm-fixed{
	font-size: var(--text-xsm-fixed);
}

.text-sm{
	font-size: var(--text-sm);
}

/*=== text colours ===*/

.text-color-primary{
	color: var(--color-primary-bg);
}

.text-color-citron,
.text-color-citron-new{
	color: var(--color-gold);
}

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

.text-color-blue{
	color: var(--color-blue);
}	

.text-color-white{
	color: #ffffff;
}

.text-color-black{
	color: #000000;
}

.has-ventum-white-background-color{
	background-color: #ffffff;
}

.has-ventum-black-background-color{
	background-color: #000000;
}

.has-ventum-granite-background-color{
	background-color: var(--color-grey-dark)
}

.has-ventum-blue-background-color{
	background-color: var(--color-blue);
}

.has-ventum-citron-background-color{
	background-color: var(--color-yellow);
}


/*================ table styles ================*/
table{
	width:100%;
	border-collapse: collapse; /* This removes the space between borders */
}

th{
	text-align:left;
	background-color: var(--color-light-blue);
	font-weight:100;
}

th, td{
	padding:.5em;
	
}

tr{
	border-bottom:solid 1px var(--color-blue);
}

/*========== page layouts ============+*/
.v-inner-padding .gb-block-layout-column-inner{
	padding-left: 20%;
	padding-right:20%;
	padding-top:5em;
	padding-bottom:5em;
}

.bg-light-blue{
	background: var(--color-light-blue);
}

.bg-split-blue{
	height:100%;
	background:  var(--color-blue);
}

.bg-black{
	background-color:#000;
}

.bg-blue{
	background-color: var(--color-blue) !important;
}

.bg-white{
	background-color:#fff;	
}



.j-paginate{
	background-color:var(--color-yellow) !important;
	color:var(--color-black) !important;
	border:0 !important;
	border-radius:0 !important;
	font-family: var(--font-primary) !important;
	font-weight:100 !important;
	font-size: var(--text-body) !important;
} 

.j-paginate:hover{
	color:var(--color-primary-bg) !important;
	background-color:var(--color-grey-dark) !important;
}



.gb-block-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.gb-block-container:first-child {
    padding-top: var(--padding-top);
}

.gb-block-container .gb-container-inside{
	width:var(--content-container-sm)

}



.gb-block-container:last-child{
	padding-bottom:15em;
}





/* container background image placement */
.gb-block-container .gb-container-image-wrap {
    display:none;
}

.small-text-disclaimer{
	border-top:solid 1px var(--color-blue);
	font-size:var(--text-xsm);
}

.xlarge-text, .text-xl{
	font-size:var(--text-xl)
}

.large-text{
	/* font-size:var(--text-md); */
	font-size:var(--text-lg);
	/* font-size:1.3em; */

}

.bottom-image{
	margin-top:-10em;
}

/*
.large-text p{
	
	padding-top:1em;
	
	border-top:solid var(--color-blue) 1px;
	border-bottom:solid  var(--color-blue) 1px;
	
	padding-bottom:1em;
	
}
*/

.large-text p:last-child{
	padding-bottom:0;
}

.large-text .gb-container-content:before{
	content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: var(--color-blue);
	margin-top:1em;
}

.large-text .gb-container-content:after{
	content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: var(--color-blue);
	margin-bottom:.92em;
}


.bt-blue {
	border-top:solid 1px var(--color-blue);
}

.bb-blue{
	border-bottom:solid 1px var(--color-blue);
}


.large-list {
	font-size:var(--text-md);
	line-height: 1.4;
}

.large-list li{
	margin-bottom:.8em;
}


.top-spacer{
	margin-top:var(--padding-top);

}

.add-yellow-bar{
	background-color: var(--color-yellow);
	height:4em;

}

.add-blue-bar{
	background-color: var(--color-blue);
	height:4em;

}

.add-grey-bar{
	background-color: var(--color-grey-light);
	height:em;

}

.top-image img{
	width:100%;
	height:auto;
	max-width:unset;

	/* desaturate 
	filter: grayscale(100%);
	*/
}

/*=== desktop-only ====*/
.desktop-only{
	display:none;
}


/*======= logo colours ===========*/
.site-branding .ventum-logo-1 {
	fill: var(--color-primary-bg);
}

  .ventum-logo-1, .ventum-logo-2 {
	stroke-width: 0px;
  }

  .ventum-logo-2 {
	fill: var(--color-yellow);
  }

  .icon-yellow-line{
	fill:var(--color-yellow);
  }

  .fixed-inpage-logo,  .animated-inpage-logo{
	width:20%;
	margin-left:auto;
	margin-right:15%;
  }

  h2.wp-block-heading {
    margin-bottom: 1em;
    margin-top: 2em;
  }



  /*======= grid setup ===========*/
  .grid{
	display: grid;
  }

  .gapped-2{
	grid-gap:2em;
  }

  .grid-col-20{
	/* grid-template-columns: repeat(5, 1fr); */
	grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));

  }

  .gap-5{
	grid-gap:5%;
  }

  .grid-gap{
	
  }

  

  /*======= flex setup ===========*/

  /*
  .flex{
	 display: flex; 
  }
  */

  .flex-wrap{
	flex-wrap: wrap;
  }

  .flex-column{
	flex-direction: column;
  }

  .flex-row{
	flex-direction: row;
  }

  .flex-fixed{
	flex: 0 0 auto; /* Do not grow, do not shrink, start at 100px */
  }
 
  .flex-grow{
	flex-grow: 1;
  }

  .gap-2p{
	gap:2%;
  }



  .justify-center{
	justify-content: center;
  }

  .align-center{
	align-items: center;
  }
  
  .justify-between{
	justify-content: space-between;
  }

  .justify-around{
	justify-content: space-around;
  }

  .justify-evenly{
	justify-content: space-evenly;
  }

  .justify-end{
	justify-content: flex-end;
  }
  

 

  .site-header{
	/* min-height:32em; */
	position: absolute;
    width: 100%;
	padding-top:25px;
	z-index: 100;
  }

  .entry-header{
	position:relative;
  }

  .header-image{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
  }

  .header-image{
	z-index:0;
  }



  .header-content{
	z-index: 2;
    position: relative;
  }

  .home .entry-header{
	height:70vh;
	min-height:48em;
  }

  .entry-header{
	min-height:37em;
	height:37vh;

	display:flex;

	/* transition:var(--transition-fast); */
  }


  .video-container video{
	width: 100%;
	height:auto;
  }

  /*===== button setup ==========*/
  .yellow-button-clipped{
	clip-path: polygon(100% 0, 100% 59%, 95% 100%, 0 100%, 0 0);
	transition:.3s;
	margin-bottom:1em !important;
	margin-top: 2.2em !important;
  }

  .yellow-button-clipped a{
	padding: calc(.5em + 2px) calc(1.333em + 2px) !important;
  }
  

  .yellow-button-clipped a{
	color:#000 !important;
  }

  .yellow-button-clipped:hover a{
	background-color:#000 !important;
	color:#fff !important;
	transition:.3s;
  }

  .blue-button-clipped{
	clip-path: polygon(100% 0, 100% 59%, 95% 100%, 0 100%, 0 0);
	transition:.3s;
	margin-bottom:1em !important;
  }

  .blue-button-clipped a{
	color:#000 !important;
  }

  .blue-button-clipped:hover a{
	background-color:#000 !important;
	color:#fff !important;
	transition:.3s;
  }

  .menu-panel-open .entry-header .header-content, .menu-panel-open .entry-header .header-image{
	/* blur the background */
	filter: blur(4px);

  }


  .entry-header img, .entry-header video{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
  }

  .h-100{
	height:100%
  }


/* container options ------------*/

	/*Arch*/
	.yellow-custom{
		background-color: #bab21f;
		background-image: url(https://cdn.shopify.com/s/files/1/0322/7762/7016/files/ventum-bg.jpg?v=1753657746);
		background-size: 590px;
		background-repeat: no-repeat;
		padding: 2.5rem 0 !important;
		background-position: left bottom;
	}

	@media screen and (max-width: 768px) {
	  .yellow-custom .pl-27 {
		padding-left: 0 !important;
	  }
	}

	@media screen and (max-width: 550px) {
	  .yellow-custom{
		background-size: 50px;
	  }
	}
	
  .yellow-gradient-container{
	background: var(--color-yellow);;
	background: radial-gradient(circle, rgba(250,245,181,1) 0%, rgba(241,230,64,1) 100%);
  }

  .split-grey-container{
	background: var(--color-grey-dark);
	color:#fff;

	/*
	padding-top: 14em;
    padding-bottom: 12em;
	*/

	/* background: linear-gradient(90deg, var(--color-grey-dark) 40%, #000 40%); */

  }

  .split-grey-container .more-arrow{
	transform: rotate(-45deg) translateY(-3px);
	transform-origin: center center;

  }

  .split-grey-container .more-arrow-black{
	fill: none;
    stroke: #ffffff !important;
	
  }

  .split-grey-container li{
	list-style: none;
  }

  .split-grey-container a{
	color:#fff;
  }

  .split-grey-container a:hover{
	color:var(--color-yellow) !important;
  }

  .split-blue-container{
	background: var(--color-primary-bg);
	
  }

  .split-blue-container a:hover{
	color:var(--color-yellow) !important;
  }



  .right-side.hovered, .right-side.hovered a{
	color:#fff;
	transition:.5s;
  }

  /*======= home page =============*/

  .column-45{
	padding-left:10%;
	padding-right:10%;
	padding-top:8em;
	padding-bottom:8em;
	position:relative;
  }

  .column-55{
	position:relative;
	z-index:0;
	padding:10%;
	padding-top:8em;
	padding-bottom:3em;
  }

  .right-side .xlarge-text{
	font-size:var(--text-lg) !important;
	line-height: 1.2;
  }

  .right-side li{
	padding-top:.5em;
	padding-bottom:.5em;
  }

  .background-roll-images{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	pointer-events: none;
  }

  .bg-rollimage{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
  }

  .bg-rollimage img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity:0;
  }

  .z-index-1{
	z-index: 1;
  }




  .home .gb-block-container:last-child {
    padding-bottom: unset;
	}

  /* ======= adjustment for offset columns ============*/
.offset-col .gb-layout-columns-2>.gb-layout-column-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 40% 60% ;
}





  .header-inner{
	position:absolute;
	top: 0; /* Adjust as needed */
  	width: 100%; /* Ensures navigation stretches across the entire container */
  	z-index: 10; /* Ensures navigation sits above the header image */
	padding:2em;
	margin:auto;
  }

  .home .header-content.main-container{
	 margin-bottom:6em; 
  }

  .main-container{
	width: var(--content-container-sm);
	margin:auto;
  }


.force-bw img{
	/*  turn to black and white */
	filter: grayscale(100%);
}

.add-clip-path img{
	/* clip-path: polygon(100% 0, 100% 80%, 85% 100%, 0 100%, 0 0); */
	clip-path: polygon(100% 0, 100% 81%, 91% 100%, 0 100%, 0 0)
}

.team-image{
	position:relative;
}

.pos-absolute{
	position:absolute;
	top:0em;
	right: -10px;
	z-index: 90;
	width:90px;
	height:90px;
}


  .site-branding{
	max-width:10em;
	width:50%;
	position:absolute;
  }

  .footer-bottom-area .site-branding{
	position:relative;
  }

  .main-navigation{
	font-family:var(--font-medium);
	text-transform:uppercase;
	width:auto;
  }

  .main-navigation li{
	margin-left:1em;
	margin-right:1em;
  }

  .main-navigation a, .main-navigation a:visited{
	color:var(--color-primary-bg);
	transition:var(--transition-fast);
  }

  .main-navigation a:hover{
	opacity:.8;
	transition:.3s;
  }

  .current_page_item a{
	transition:var(--transition-fast);
  }

  

	/*======== max mega menu overrides ============*/
	/*space above secondary level mega menu items */
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
		margin-bottom:.6em;
	}


	

	/* thickness of the menu toggle lines */
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
		height:2px !important;
	}
	

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		color: #fff !important;
	}

	/*==== overrides to not show the yellow underline if button as is-yellow-btn class ====*/
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.is-yellow-btn > a.mega-menu-link:after {
		content: none;
		display: none;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.is-yellow-btn > a.mega-menu-link {
		animation: none;
	}

	/* line height on the secondary level mega menu items */
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		line-height: 1.2;
	}

	.is-yellow-btn {
		/* --svg-fill-color: transparent; /* Default state */
		background-image: url(imgs/button-bg-preserved.svg) !important;
		background-size: cover;
		background-repeat: no-repeat !important;
		background-position: left;
		/* transition: background-image 0.5s ease; /* Fallback if pseudo-element doesn't work as expected */
	}

	.is-yellow-btn:hover {
		/* --svg-fill-color: var(--color-yellow); /* Hover state */
		background-image: url(imgs/button-bg-filled-preserved.svg) !important;
	}

	.is-yellow-btn:hover > a {
		color: #000 !important;
	}

	

	.is-yellow-btn-in_dropdown{
	
		padding-top: .7em !important;
		padding-bottom: .5em !important;
		padding-left:1em;
		padding-right:1em;
		background-size: 100% 100% !important;
		width: auto !important;
		
		background-image: url(imgs/button-bg.svg) !important;
		margin-bottom:1em !important;
	}

	.is-yellow-btn-in_dropdown a, .is-yellow-btn-in_dropdown a:visited {
		padding: .2em !important;
		padding-left: 1em !important;
		padding-right: 1em !important;
		/* text-align: center !important; */
		margin: 0 !important;
		color:#fff !important
	}



	.is-yellow-btn-in_dropdown:hover, .is-yellow-btn-in_dropdown:hover  a{
		background-image: url(imgs/button-bg-filled.svg) !important;
		color:#000 !important;
	}


	

	/*=========== posts ============*/
	.all-posts-wrapper {
		/* grid */
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		grid-column-gap: 0%;
	}

	.more-arrow {
		width: .55em;
		height: auto;
		margin-left: .5em;
		transition: .3s;
	}

	.animate-arrow:hover .more-arrow {
		margin-left: .7em;
		transition: .3s;
	}

	.all-posts-wrapper .entry-title {
		line-height: 1.2; /* Line height can be a multiplier of the font size */
		min-height: calc(1.2em * 4); /* Multiplier (line height) * desired number of lines */
		display: -webkit-box;
	}

	/*======= footer section ===========*/
	.site-footer {
		min-height: 10em;
	}

	/*======= logo area ========*/
	.logo-area.flex{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		margin-top:2em;
		align-items: center;;
	}

	.footer-logo {
		width:30%;
		height:auto;
		margin-left:1em;
		margin-right:1em;
	}

	.social-media-icons.flex{
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top:2em;
		align-items: center;
	}


	.logo-wrapper.flex{
		display:flex;
		flex-wrap:wrap;
	}

	.copyright{
		order: 3;
		width:100%;
		margin-top:2em;
	}

	.logo-area{
		order: 1;
		width: 100%;
	}

	.social-media-icons{
		order: 2;
		width:100%;
	}

	/*===== advisors =====*/
	.advisor-image{
		margin-bottom: 2em;
		/* width: 75%; */
		width: 60%;
	}

	.advisor-image img{
		aspect-ratio: 1 / 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
	}

	

	/*======== transactions ========+*/
	.transaction-wrapper{
		border-top:solid 15px var(--color-blue);
		position:relative;

		/* width:45% */

	}

	.transaction-logo{
		aspect-ratio: 2 / 1 ;
		padding-left:1.5em;
		padding-right:1.5em;

	}

	.transaction-logo img{
		width:100%;
		height:100%;
		object-fit: contain;
		object-position: center;

	}

	.facetwp-pager {
		text-transform: uppercase;
	}



	

	/*--- accordian styles ---*/
	.wp-block-details {
		padding-top: .6em;
		padding-bottom: .3em;
		border-top: solid var(--color-blue) 1px;
		padding-left: .5em;
	}

	.wp-block-details:last-child {
		border-bottom: solid var(--color-blue) 1px;
	}

	.wp-block-details summary {
		list-style: none; /* Remove the default marker */
		cursor: pointer;
		padding-top: .5em;
		padding-bottom: .5em;
	}

	.wp-block-details summary::before {
		content: " +";
		float: right; /* Position the custom text at the end */
		/* Additional styling here */
		margin-right: .5em;
		margin-left: .5em;
		font-family: var(--font-primary);
		text-transform: capitalize;
	}

	.wp-block-details[open] summary::before {
		content: " -"; /* Change text when details are open */
	}

	.wp-block-details summary::-webkit-details-marker {
		display: none; /* Hide the default arrow for webkit browsers */
	}

	details p {
		width: 100%;
	}

	summary {
		text-transform: uppercase;
		font-family: var(--font-medium);
	}

	.all-transactions{
	
		/* grid-template-columns: repeat(2, 1fr); */
		grid-template-columns: repeat(2, minmax(0, 1fr));

		/*
		display:flex;
		flex-wrap:wrap;
		*/
	}

	/*--------- end accordian styles ---------*/

	/*========= ul / ol custom bullets ---*/
	.custom-bullets ul,
	details ul, ul.custom-bullets {
		list-style-type: none !important; /* Removes default bullets */
		padding-left: 0;
		margin-left: 1em; /* Adjust spacing to align bullets properly */
	}

	.large-bullets.custom-bullets ul li {
		background-size: .5em;
	}

	.custom-bullets ul li,
	details ul li, ul.custom-bullets li {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.1 7.6'><polyline fill='none' stroke='%23a3b9ca%0D%0A' stroke-miterlimit='10' points='5,7.3 7.2,5.1 8.4,3.8 5,0.4'/><line fill='none' stroke='%23a3b9ca%0D%0A' stroke-miterlimit='10' x1='0' y1='3.8' x2='8.4' y2='3.8'/></svg>");
		background-repeat: no-repeat;
		background-position: 0 0.5em;
		padding-left: 1.2em;
		background-size: .6em;
	}

	/*======== mega menu============*/
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
		margin-left: 0px !important;
		/* margin-bottom:.8em; */
	}

	/* add padding the left side only on mobile */
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
		padding-left: 1em;
	}

	.mega-menu-row {
		/* border-top:solid 1px rgba(255, 255, 255, .8) !important; */
		padding-top: 1em !important;
	}


	/*======= footer========*/
	.menu-footer-menu-container ul {
		margin: 0;
		display: grid;
		grid-template-columns: repeat(1, 1fr); /* Creates three columns of equal width */
		column-gap: 20px; /* Spacing between grid items */
		list-style-type: none; /* Removes default list styling */
		padding: 0; /* Removes default padding */
	}


	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        padding: 5em 1px 15em 1em !important;
    }

	.menu-footer-menu-container a {
		color: #fff;
		text-decoration: none;
	}

	.menu-footer-menu-container a:hover {
		color: var(--color-blue);
	}

	.arrow-up {
		width: 12px;
    	height: 12px;
    	transform: rotate(-90deg);
    	display: inline-flex;
    	align-items: center;
    	margin-left: .5em;
	}

	.arrow-up .more-arrow{
		margin:0
	}

	.arrow-up svg{
		width:100%
	}

	.disclaimer p,
	.footer-menu {
		margin-top: 1.7em;
	}

	

	/*--- facetwp customizations ---*/

	.fs-search input{
		border-radius:0 !important;
		padding:.5em !important;
	}

	.fs-search input::placeholder{
		color: #000 !important;
	}

	.fs-wrap.multiple .fs-option.selected .fs-checkbox i, .fs-wrap.multiple .fs-option .fs-checkbox i {
		border-radius:0 !important;
	}

	.fs-option {
		padding-top: .6em !important;
		padding-bottom: .6em !important;
	}

	.fs-label-wrap{
		display: flex;
    	align-items: center;
	}

	.fs-wrap{
		width:100% !important;
	}

	.facet-wrap{
		width:100% !important;
	}

	.facetwp-reset{
		background: #fff !important;
		height:59px;
		text-transform: uppercase;
		border:solid 1px var(--color-blue) !important;
		border-radius:0 !important;
		font-family:var(--font-primary) !important;
		color:#000 !important;
		width: 100% !important;
	}
	
	.fs-arrow{
		border:none !important;
		background-image:url('imgs/arrow-icon-down.svg');
		background-repeat: no-repeat;
		width: 10px !important;
    	height: 10px !important;
		right:8px !important;
	}

	.facetwp-dropdown {
		width: 100% !important;
		height: 59px !important;
		padding-left: .5em !important;
		background-color: var(--color-blue) !important;
	}

	.facetwp-facet .facetwp-dropdown {
		-webkit-appearance: none;   /* For Safari */
		-moz-appearance: none;      /* For Firefox */
		appearance: none;           /* Standard */
		background-image:url('imgs/arrow-icon-down.svg');
		background-repeat: no-repeat;
		background-position: right 10px center; /* Adjust the position as needed */
		background-size: 10px; /* Adjust size as needed */
	}
	

	/* hide the go button on autocomplete */
	.facetwp-autocomplete-update {
		display: none;
	  }

	 input.facetwp-autocomplete.fcomplete-enabled {
		padding: 1em;
		height:59px;
		border-radius:0 !important;
		font-family:var(--font-primary) !important;
		width: 100% !important;
	}

	.fs-label {
		padding: 1em !important;
	}

	.team-member h3.facet-label {
		font-size: var(--text-lg);
	}

	.fs-label-wrap {
		background-color: var(--color-blue) !important;
		/* padding: .3em; */
		height:59px;
	}

	.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
		background-color: var(--color-blue) !important;
	}

	.fs-arrow {
		margin-right: .3em !important;
	}

	/* fSelect option text size */
	.facetwp-type-fselect .fs-option .fs-option-label {
		font-size: 0.9em;
	}

	/*=========== team members ==========*/
	.all-team-members {
		grid-column-gap: 4%;
        grid-row-gap: 4em;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: 1fr;
	}

	.team-member td {
		padding-top: 1.3em;
		padding-bottom: 1em;
	}

	thead tr {
		border-bottom: 0;
	}

	.all-team-members .team-member-image {
		/* add aspect ratio  1/1 */
		/* aspect-ratio: 1/1.2; */
		overflow: hidden;
	}

	.all-team-members .team-member-image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: top center;
	}

	.nav-container {
		width: 90%;
		margin: auto;
	}

	/*==== memberships ========*/
	.memberships-wrapper {
		grid-column-gap: 4%;
		grid-row-gap: 4em;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
	}

	.membership{
		padding:1em;
	}

	.membership img{
		height:100%;
		width:100%;
		object-fit: contain;
		object-position: center center;
	}

	/*===== locations =======*/
	.location {
		width: 100%;
		margin-bottom: 5em;
	}

	/*======= transactions ======*/
	.transaction-wrapper{
		padding:1em;
	}

	.transaction-wrapper h2{
		font-size:var(--text-reg);
		font-family: var(--font-medium);
		margin-bottom:.5em;
	}

	/*========= social icons ===========*/

	.icon-black path.fill-white {
		fill: #000 !important;
	}

	.icon-lg{
		width:32px !important;;
		height:32px !important;
	}



	.social-icon {
		height:24px;
		margin-left:.5em;
		margin-right:.5em;
	}

	.social-icon svg{
		height:100%;
		width:auto;
	}

	path.fill-white {
		fill: #fff;
	}

	.social-icon:hover path {
		fill: var(--color-yellow);
	}

	#animationContainerBar{
		width: 80%;
		margin-left:auto;
	}


	/*----- gravity forms overrides -----*/
	body .gform_wrapper .gform_footer input[type=submit] {
		border: 0px solid var(--color-blue) !important;
		border-radius: 0px !important;
		background-color: var(--color-blue) !important;
		color: #fff !important;
		text-transform: uppercase !important;
		font-size:var(--text-md) !important;
		padding-top:.8em !important;
		padding-bottom:.6em !important;
		padding-left:1em !important;
		padding-right:1em !important;
		clip-path: polygon(100% 0, 100% 75%, 91% 100%, 0 100%, 0 0);
	}

	body .gform_wrapper .gform_footer input[type=submit]:hover {
		background-color: #000 !important;
		color: #fff !important;
	}

	select,
	textarea,
	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"] {
		border: 1px solid var(--color-blue) !important;
	}

	select:focus,
	textarea:focus,
	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 {
		-webkit-box-shadow: 0px 0px 0px 0px #000000 !important;
		box-shadow: 0px 0px 0px 0px #000000 !important;
		border: 1px solid var(--color-blue) !important;
	}

	/*========= breakpoints ===========*/
	@media screen and (min-width: 768px) {

		.site-branding{
			position:relative;
		  }

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



		.flex {
			display: flex;
		}

		.flex-wrap {
			flex-wrap: wrap;
		}

		.all-posts-wrapper {
			/* grid */
			grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
			grid-column-gap: 10%;
		}

		/*=== desktop-only ====*/
		.desktop-only{
			display:block;
		}
	}

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

		#animationContainerBar{
			width: 60%;
			margin-left:auto;
		}


		.wp-block-details summary::before {
			content: "Read More +";
		}
	
		.wp-block-details[open] summary::before {
			content: "Read Less -"; /* Change text when details are open */
		}

		.transaction-wrapper{
			/* width:28% */
		}

		.pr-8{
			padding-right:8em;
		}

		#animationContainer {
			width: 60%;
			margin-left: auto;
		}

		.page-id-50 #animationContainer {
			width: 60%;
			margin-left: unset;
		}

		/* menu spacer for the addresses in the contact menu */
		.menu-spacer {
			display: block;
			height: 20px;
		}

		

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
		padding:0!important;
	}



		/*
		.is-yellow-btn {
			background-size: 90% !important;
			background-position: 50% 47% !important;
		}
		*/

		/*========= new landing page splits ============*/

		.right-side .xlarge-text{
			font-size:var(--text-xl) !important;
		  }

		.background-roll-images{
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			z-index:0;
			
		}

		.bg-rollimage{
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			z-index:0;
		}

		.bg-rollimage img{
			width:100%;
			height:100%;
			object-fit:cover;
			object-position:center;
			opacity:0;
		}

		.background-roll-images img.fade-in {
			opacity: 1;
			transition: opacity 0.5s ease; /* Adjust timing as needed */
		}

		.z-index-1{
			z-index:1;
			position:relative;
		}	

		.fade-in {
			opacity: 1;
			transition: opacity 0.5s ease; /* Adjust timing as needed */
		}
		
		.large-list {
			font-size: var(--text-lg);
			line-height: 1.4;
		}



		.column-45{
			width:40%;
			padding-left:14%;
			padding-right:10%;

			padding-top: 14em;
   			padding-bottom: 12em;
		}


		.column-55{
			position:relative;
			width:60%;
			padding-left:10%;
			padding-right:10%;

			padding-top: 14em;
   			padding-bottom: 9em;
		}





		.site-branding{
			position:relative;
		}


		.intro-statement {
			width: 40%;
			max-width: 365px;
			/*Arch*/
			width: 100% !important;
			max-width: 100% !important;
			font-weight: bold;
		}

		@media screen and (min-width: 768px) {
			.intro-statement {
				font-size: 54px;
			}
		}

		.nav-menu {
			display: flex;
			align-items: center;
		}

		

		.all-team-members {
			grid-column-gap: 4%;
			grid-row-gap:4em;
			grid-template-columns: repeat(4, 1fr);
			grid-auto-rows: auto; 

		}

		.memberships-wrapper {
			grid-column-gap: 4%;
			grid-row-gap:4em;
			grid-template-columns: repeat(6, 1fr);
			grid-auto-rows: auto; 

		}

		.locations {
			grid-column-gap: 6%;
			grid-row-gap:4em;
			grid-template-columns: repeat(4, 1fr);
			grid-auto-rows: auto; 

		}

		.all-transactions {
			/* grid-column-gap: 6%;
			grid-row-gap: 4em;
			*/
			grid-template-columns: repeat(4, 1fr);
			/* grid-auto-rows: auto; */
		}

		.bg-split-blue {
			height: 100%;
			background: linear-gradient(90deg, var(--color-blue) 50%, #fff 50%);
		}

		.large-text p {
			max-width: 70%;
		}

		/* ----- inner column padding  might need this is some way ----- */
		

		/* container background image placement */
		.gb-block-container .gb-container-image-wrap {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			left: 60%;
			height: 100%;
			z-index: 0;
			/* desaturate the image */
			/* filter: grayscale(100%); */
		}

		/*======== accordian styles ============*/
		details p {
			width: 50%;
		}

		.wp-block-details {
			padding-left: 1em;
		}

		.wp-block-details summary::before {
			margin-right: 3em;
		}

		/*========== end accordian styles ========*/

		/*--- column widths ---*/
		.col-1 {
			width: 12.5%;
		}
		.col-2 {
			width: 25%;
		}
		.col-3 {
			width: 37.5%;
		}
		.col-4 {
			width: 50%;
		}
		.col-5 {
			width: 62.5%;
		}
		.col-6 {
			width: 75%;
		}
		.col-7 {
			width: 87.5%;
		}
		.col-8 {
			width: 100%;
		}

		

		/*======= footer========*/
		.menu-footer-menu-container ul {
			grid-template-columns: repeat(2, 1fr); /* Creates three columns of equal width */
		}

		.w-70p {
			width: 70%;
		}

		.logo-area.flex{
			justify-content: space-around;
			margin-top:0em;
			align-items: top;
		}

		.footer-logo {
			height: 40px;
			width:auto;
			margin-left: 1em !important;
			margin-right: 1em !important;
		}

		.footer-logo img {
			height: 100%;
			width: auto;
			max-width:unset;
		}

		.logo-wrapper.flex{
			flex-wrap:unset;
		}

		.copyright{
			order: 1;
			width:unset;
			margin-top:0em;
		}
	
		.logo-area{
			order: 2;
			width:unset;
			margin-left:4em;
		}
	
		.social-media-icons.flex{
			order: 3;
			justify-content: flex-end;
			margin-top:0em;
			align-items:unset;
		}


		/*=============== end footer ============*/
		.disclaimer{
			margin-left:2em;
		}

		.facet-spacing{
			width:24%;
		}

		/*space above secondary level mega menu items */
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
		margin-bottom:1.5em;
	}
	}

	@media screen and (min-width: 1280px) {
		.w-50p {
			width: 50%;
		}

		.all-posts-wrapper {
			/* grid */
			grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
			grid-column-gap: 6%;
		}


		.w-30 {
			width: 30em;
		}

		.transaction-wrapper{
			/* width:20% */
		}


	}

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

		/* hightlight the current item */
		.main-navigation .current_page_item:after, 
  .main-navigation .current-page-ancestor:after, 
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after,
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after,
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after{
	content:"";
	display:block;
	width:0%;
	margin:auto;
	height:1px;
	background-color:var(--color-yellow);
	margin-top:.03em;
	.opacity: 0;
	animation: fadeUnderline .5s ease-out .7s forwards; /* Example: 1-second duration, starts 1 second after page load, ends at final state */
	margin-top: -25px;
	}

		.is-yellow-btn {
			background-size: 90% !important;
			background-position: 50% 47% !important;
		}

		/* remove padding the left side for on desktop */
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
		padding-left: 0em;
		}

		#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
			padding: 0em 1px 0px 0em !important;
		}
	
	}

	@media screen and (min-width: 1440px) {
		.main-container,
		.gb-block-container .gb-container-inside {
			max-width: var(--content-container-sm);
		}

		.menu-footer-menu-container ul {
			grid-template-columns: repeat(3, 1fr); /* Creates three columns of equal width */
		}

		.header-content .entry-title{
			max-width:60%;
		}

		
	}

	@media screen and (min-width: 1920px) {
		
		.all-transactions {
			grid-template-columns: repeat(5, 1fr);
		}
		

		.transaction-wrapper{
			/* width:15% */
		}
	}

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

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

	/*======== animations ===========*/
	@keyframes fadeUnderline {
		0% {
			opacity: 0;
			width: 0%;
		}
		100% {
			opacity: .7; /* Adjust the final opacity as needed */
			width: 80%;
		}
	}




	/*========== floating icon =========*/
	.floating-icon{
		position:fixed;
		width:6em;
		height: auto;
		left:30%;
		top:40%;
		z-index: 9;
		pointer-events: none;

		display:none; /* hide on mobile */
	}

	.floating-icon path{
		fill:var(--color-yellow);
	}

	#floating-icon-svg path{
		transition:.2s;
	}

#floating-icon-svg.fill-yellow path{ fill: var(--color-yellow); }  /* Black icon for white background */
#floating-icon-svg.fill-black path{ fill: #000; } /* Black icon for yellow background */
#floating-icon-svg.fill-white path { fill: #fff; }  /* White icon for black background */
#floating-icon-svg.fill-hidden path { fill: #fff; opacity:0 }  /* White icon for black background */




/*==== main container areas =====*/

.gb-block-container .gb-container-inside, .main-container{
	width:80%;
}

@media screen and (min-width: 414px) {
	/* this is the two column system 
	.gb-layout-columns-2>.gb-layout-column-wrap{
		grid-template-columns: 1fr;
		grid-template-areas: "col1";
	}
	*/
}



@media screen and (min-width: 950px) {
	/*
	.gb-layout-columns-2>.gb-layout-column-wrap{
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "col1 col2";
	}
	*/

	.large-text p {
		max-width: 70%;
	}

	.floating-icon{
		display:block;
	}
}

@media screen and (min-width: 768px) {
	.gb-block-container .gb-container-inside, .main-container{
		width:80%;
	}

	
}

@media screen and (min-width: 1024px) {
	.gb-block-container .gb-container-inside, .main-container{
		width:80%;
	}

	.cta-buttons a{
		margin-left:1em;
	}

	
	.team-image #animationContainer {
        width: 35%;
        margin-left: auto;
    }

	
}

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

	/* megamenu overrides */
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
		top: -60px !important;
		padding-top: 160px !important;
		z-index: -1 !important;
		min-height: calc(40.5em + 30px) !important;
	}






	.gb-block-container .gb-container-inside, .main-container{
		width:72%;
	}
}

@media screen and (min-width: 1440px) {
	.team-image #animationContainer {
        right:-20fpx
    }
}

@media screen and (min-width: 1790px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
		clear:both;
	}
}


/*
.anim-slidedown{
	opacity:0;
}
.anim-slideup{
	opacity:0;
}
*/



.btn-container{
	position:relative;
	padding-top:1em;
	padding-bottom:.8em;
	padding-left:1.2em;
	padding-right:1.2em;
	color:#fff !important;
	text-transform:uppercase;
}

.button-bg-clipped{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
}

.button-bg-clipped svg{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}


/* outlined button */
.btn-container:hover polygon{
	fill: var(--color-yellow);
	stroke:#000;
	transition:.3s;
}

.btn-container:hover .btn-text{
	color:#000;
	transition:.3s;
}

.btn-text{
	position:relative;
	z-index:1;
}

/* = filled yellow button */
.start-yellow polygon{
	fill: var(--color-yellow);
	transition:.3s;
}

.btn-container.start-yellow{
	color:#000 !important;
	transition:.3s;
}

.btn-container.start-yellow:hover .btn-text{
	color:#fff;
	transition:.3s;
}

.btn-container.start-yellow:hover polygon{
	fill: var(--color-grey-dark);
	stroke:var(--color-yellow);
	transition:.3s;
}


.anim-slidedown, .anim-slideup {
    visibility: hidden;
}

.team-member-wrapper, .split-grey-container li, .content-featured, .the-post, .location, .membership, .team-image {
	visibility: hidden;
}




.boxzilla-center-container .boxzilla{
	padding:5em;
	width:90% !important;
	max-width:500px;


}

.boxzilla-content #animationContainer{
	margin:auto !important;
	width:40% !important;
}

.boxzilla-close-icon{
	color:var(--color-yellow) !important;
	padding:.5em;
	opacity:1 !important;
} 


/* ARCH Custom*/

@media screen and (max-width: 768px) {
  @supports (-webkit-touch-callout: none) {
    #site-navigation a.btn-container.text-color-white {
      width:110px;
    }
  }
}


.logo-svg {
	max-width: 155px;
    max-height: 60px;
}

.title{
	width: 100% !important;
	max-width: 100% !important;
	font-weight: bold;
}

.services-section h2,
.yellow-custom h2{
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.services-section h2,
	.yellow-custom h2 {
		font-size: 2rem;

	}
	.yellow-custom h2 {
		margin-top:20px;
	}
}

.services-section .btn-yellow {
	margin-right:20px;
	margin-bottom:20px;
}
        

@media screen and (min-width: 768px) {
	.yellow-custom p {
		font-size: 21px;
	}
}




/* Services Section Styles */
.section.services{
	background-color: #232321;
}

@media screen and (min-width: 768px) {
	.services .gb-container-inside {
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 400px;
		background-image: url(https://cdn.shopify.com/s/files/1/0322/7762/7016/files/ventum-bg1.jpg?v=1753657746);
	}
}

.services a.btn-container.start-yellow {
    margin-right: 20px;
    display: inline-block;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.services a.btn-container.start-yellow{
		margin-bottom:20px;
	}
}

.column-60 {
	width: 60%;
	padding-right: 2rem;
}

.column-40 {
	width: 40%;
}

.underline-yellow {
	font-size: 22px !important;
    border-top: 2px solid #f0e432;
    display: inline-block;
    padding-top: 6px;
    margin: 10px 0 20px 0;
}

@media screen and (max-width: 768px) {
	.underline-yellow {
		font-size: 18px !important;
	}
}

.btn-yellow {
	background-color: #FFD700;
	color: #333;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 0px;
	font-weight: bold;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-yellow:hover {
	background-color: #FFC700;
	transform: translateY(-2px);
}

.buttons-row {
	margin-top: 1rem;
}

.abstract-graphic {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
}

.separator-line {
	height: 2px;
	background-color: #FFD700;
	width: 100%;
	margin: 2rem 0;
}

.home .separator-line {
	margin: 5rem 0;
}

@media screen and (max-width: 768px) {
	.column-60,
	.column-40 {
		width: 100%;
		padding-right: 0;
	}
	
	.services-section h2 {
		font-size: 1.5rem;
	}
	
	.btn-yellow {
		font-size: 0.8rem;
		padding: 0.4rem 0.8rem;
	}
}

.split-grey-container,
.split-blue-container{
	display:none;
}

.services p {
    margin-bottom: 20px;
    font-size: 21px;
}


/* About Section Styles */
.about-cta {
	background: url(https://ventumfinancial.com/wp-content/uploads/2025/08/Blue-Wave-Footer.jpg);
	/*background: url(https://cdn.shopify.com/s/files/1/0322/7762/7016/files/Ventum_Website_2.jpg?v=1753672140);*/
    background-size: cover;
	
}
.about-section h2 {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	margin-top:0;
}

.about-cta  .column-70 {
	width: 70%;
	padding-right: 2rem;
}

.about-cta  .column-30 {
	width: 30%;
}

.about-buttons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.about-section .btn-black {
	background-color: #333;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    padding: 18px !important;
    border: none;
}

.about-section .btn-black:hover {
	background-color: #FFD700;
	color: #333;
}

@media screen and (max-width: 768px) {
	.about-section .column-70,
	.about-section .column-30 {
		width: 100%;
		padding-right: 0;
	}
	
	.about-section h2 {
		font-size: 1.5rem;
	}
	
	.about-buttons {
		margin-top: 2rem;
	}
} 


.home .j-post-container {
    max-height: 454px;
    overflow: hidden;
}

.footer-top-area.border-b-1y.flex.justify-between {
    display: none !important;
}

.is-yellow-btn a.mega-menu-link,
.btn-yellow {
    /*background: var(--color-yellow) !important;
    color: #000 !important;
    height: unset !important;
    padding: 13px !important;
    line-height: normal !important;
	font-weight:bold;*/
}

@media screen and (min-width: 768px) {
	li.is-yellow-btn{
		margin-left:40px;
	}
}


@media screen and (max-width: 768px){
	html body.home .pb-10{
		padding-bottom: 5em !important;
	}
	html body.home .pt-10{
		padding-top: 5em !important;
	}
}

@media screen and (max-width: 768px) {
	.services-section p,
	.yellow-custom p {
		font-size: 18px;
	}
}


.home .entry-header img, .home .entry-header video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
	background:#272725;
}

.home .floating-icon {
    display: none !important;
    visibility: hidden;
}


#site-navigation a.btn-container.text-color-white {
    max-width: 110px !important;
	width:110px !important;
	display:inline-block !important;
    position: absolute !important;
    right: 120px;
    font-size: 11px;
    transform: scale(0.9);
	visibility:hidden !important;
	z-index: 99;
}

@media screen and (max-width: 1300px) {
	.home .entry-header video{
		display:none;
	}
	.header-image {
		z-index: 0;
		background: url(https://ventumfinancial.com/wp-content/uploads/2025/08/Mobile-video-1-scaled.jpg);
		background-repeat: no-repeat;
		background-size: 270px;
		background-position: center right;
		background-color: #222220;
	}
	
	#site-navigation a.btn-container.text-color-white {
		visibility:visible;
	}
}

@media screen and (max-width: 768px) {
	#site-navigation a.btn-container.text-color-white {
		right: 79px !important;
	}
}