/*
Theme Name: Keelbase 2025
Description: Custom Theme for Keelbase Capital
Theme URI: https://localwebhub.com
Version: 1.0.15
Author: Dmitriy Agadzhanov
Author URI: https://localwebhub.com
*/

@font-face {
	font-family: 'outfit';
	src: url('fonts/Outfit-VariableFont_wght.ttf') format('truetype');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

.is-title {
	font-family: larken, sans-serif;
	font-weight: 400;
}

html {
	scroll-behavior: smooth;
}

body {
	--theme-menu-height: 74px;
	--theme-content-width: 1400px;
	--theme-content-padding: 15px;	
	--theme-blue: #0E2D44;
	--theme-dk-blue: #0E2D44;
	--theme-dk-blue-15: #0E2D4426;
	--theme-purple: #354D76;
	--theme-aqua: #0A7B8F;
	--theme-lt-blue: #CDEFEE;
	--theme-lt-blue-40: #CDEFEE66;
	--theme-lt-blue-25: #CDEFEE40;
	--theme-footer-blue: #355A76;
	--theme-gold: #DEA04C;
	--theme-lt-grey: #ECEEF0;
	/* --theme-lt-blue2: #D3EAEC; */
	/* --theme-gold: #D0A94D; */
	
}

@media (min-width: 992px) {
	body {
		--theme-content-padding: 30px;
		color: var(--theme-blue);
		font-size: 1.125rem;
	}
}

@media (min-width: 1200px) {
	body {
		--theme-menu-height: 105px;
	}
}


body:not(.wp-admin) {
	font-family: outfit, sans-serif;
	font-weight: 400;
}

body:not(.wp-admin) [id] {
	scroll-margin-top: var(--theme-menu-height);
}

.theme-container {
	max-width: var(--theme-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--theme-content-padding);
	padding-right: var(--theme-content-padding);
}

.theme-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: calc(-1 * var(--theme-content-padding));
	margin-left: calc(-1 * var(--theme-content-padding));
}

.theme-row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: var(--theme-content-padding);
	padding-left: var(--theme-content-padding);
}

@media (min-width: 992px) {
	.theme-col-lg {
		flex: 1 0 0%;
	}

	.theme-col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.theme-col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}

.theme-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.object-fit-cover > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.object-fit-contain > img {
	height: 100%;
	width: 100%;	
	object-fit: contain;
}

.alignleft,
.alignright,
.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}

@media (min-width:768px) {
	.alignleft {
		margin: 0 20px 20px 0;
		float: left;
	}

	.alignright {
		float: right;
		margin: 0 0 20px 20px;
	}
}

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

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

@media (max-width: 575px) {
	.sm-ignore-br br {
		display: none;
	}
}

@media (max-width: 767px) {
	.md-ignore-br br {
		display: none;
	}
}

@media (max-width: 991px) {
	.lg-ignore-br br {
		display: none;
	}
}

.acf-block-preview * {
	box-sizing: border-box;
}

.acf-block-preview > section,
.acf-block-preview > div {
	font-size: 12px;
	border: 1px solid #ccc;
	min-height: 50px;
}

.acf-block-preview > div:before,
.acf-block-preview > section:before {
	content: attr(data-blockname);
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	font-size: .875rem;
	background: #ccc;
	color: #000;
	z-index: 4;
}

.slick-slide img.lazyloading {
	opacity: 1;
}

/* .slick-track{
	display: flex !important;
}

.slick-slide {
	display: flex !important;
	height: auto;
} */

.slick-track {
	display: flex;
}

.slick-initialized .slick-slide {
    display: flex;
	flex-direction: column;
	height: auto;
}

.slick-initialized .slick-slide > div {
	flex-grow: 1;
}

.vimeo--video[data-fill="1"] {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.vimeo--video[data-fill="1"] iframe {
	position: absolute;
}

.has-fixed-background {
	background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
	.has-fixed-background {
		background-attachment: scroll; 
	}
}

@media (prefers-reduced-motion: reduce) {
	.has-fixed-background {
		background-attachment: scroll; 
	}
}

.grecaptcha-badge{
	visibility: collapse !important;
}

.recaptcha--terms {
	font-size: .6rem;
}

.single-post--content-width > [data-blockname], 
.single-post--content-width > .alignfull {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 780px) {
	.single-post--content-width > [data-blockname],
	.single-post--content-width > .alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - ((100vw - var(--scrollbar-width)) / 2));
		margin-right: calc(50% - ((100vw - var(--scrollbar-width)) / 2));
	}
}

.main--section > p,
.main--section > .wp-block-heading,
.main--section > .wp-block-list {
	max-width: 900px;
	margin: 0 auto 1em;
	padding: 0 30px;
}

.main--section > .wp-block-list {
	padding-left: calc(30px + 1em);
}

.white-bg-mod {
	background-color: #fff;
	color: var(--theme-dk-blue);
}

.blue-bg-mod {
	background-color: var(--theme-dk-blue);
	color: var(--theme-lt-blue);
}

.lt-blue-bg-mod {
	background-color: var(--theme-lt-blue);
	color: var(--theme-blue);
}

.lt-grey-bg-mod {
	background-color: var(--theme-lt-grey);
	color: var(--theme-blue);
}

.aqua-bg-mod {
	background-color: var(--theme-aqua);
	color: var(--theme-lt-blue);
}

.purple-bg-mod {
	background-color: var(--theme-purple);
	color: var(--theme-lt-blue);
}

.footer-blue-bg-mod {
	background-color: var(--theme-footer-blue);
	color: var(--theme-lt-blue);
}

.copy a {
	text-decoration: underline;
}

.lt-blue-copy-mod {
	color: var(--theme-lt-blue);
}

.gold-copy-mod {
	color: var(--theme-gold);
}

.aqua-copy-mod {
	color: var(--theme-aqua);
}

.purple-copy-mod {
	color: var(--theme-purple);
}

.white-copy-mod {
	color: #fff;
}

.semibold {
	font-weight: 500;
}

.h1,
.text-64 {
	font-size: 3rem;
	font-family: larken, sans-serif;
	font-weight: 400;
	line-height: 1.1;
}

.h2,
.text-48 {
	font-size: 2.5rem;
	font-family: larken, sans-serif;
	font-weight: 400;	
}

.h3,
.h3-sans,
.text-40-sans 
.text-40 {
	font-size: 2.2rem;
	font-family: larken, sans-serif;
	font-weight: 400;	
	letter-spacing: .02em;
}

.h3-sans,
.text-40-sans {
	font-family: outfit, sans-serif;
}

.h4,
.h4-sans,
.text-32-sans,
.text-32 {
	font-size: 1.5rem;
	letter-spacing: .1em;
	font-family: larken, sans-serif;
}

.text-32-sans,
.h4-sans {
	font-family: outfit, sans-serif;
}

.h5,
.h5-sans,
.text-24,
.text-24-sans {
	font-size: 1.5rem;
	font-family: larken, sans-serif;
	font-weight: 400;	
	letter-spacing: .02em;
}

.h5-sans,
.text-24-sans {
	font-family: outfit, sans-serif;
}

.sans {
	font-family: outfit, sans-serif;
}

.serif {
	font-family: larken, sans-serif;
}

.copy {
	font-weight: 400;
	letter-spacing: .02em;
}

.label {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .17em;
}

.blue-bg-mod .label {
	opacity: .4;
}

.subtitle {
	font-size: 1.125rem;
	font-weight: 600;
	margin-top: -10px;
}

.h6,
.h6-sans,
.small-subtitle {
	font-size: 1.125rem;
	letter-spacing: .02em;
	font-family: outfit, sans-serif;
	font-weight: 500;
}

@media (min-width: 992px) {
	.h1,
	.text-64 {
		font-size: 4rem;
	}
	
	.h2,
	.text-48 {
		font-size: 3rem;
	}
	
	.h3,
	.h3-sans,
	.text-40-sans,
	.text-40 {
		font-size: 2.5rem;
	}
	
	.h4,
	.h4-sans,
	.text-32,
	.text-32-sans {
		font-size: 2rem;
	}
	
}

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

.wt-200 {
	font-weight: 200;
}