/*
Theme Name: BIQH
Description: An extension theme for use on BIQH, based on the Sierra Elementor framework
Author: CS Websites
Author URI:  https://cswebsites.nl
Template: sierra
Version: 1.0
Text Domain: biqh-child
*/

/*----- Color Variables -----*/

:root {
	--biqh-dark-blue: #001B4E;
	--biqh-light-blue: #40C8EB;
	--biqh-baby-blue: #E6F5FC;
	--biqh-pink: #FF3A6E;
}

/*----- Header -----*/

#site-header.scrolled .biqh-site-header .primary-logo img,
body.error404 #site-header .biqh-site-header .primary-logo img,
body.archive #site-header .biqh-site-header .primary-logo img {
	content: url("/wp-content/uploads/2025/08/biqh-logo-black.svg");
}

body.blog .site-header:not(.scrolled) .biqh-site-header,
body.single-post .site-header:not(.scrolled) .biqh-site-header {
	background: transparent !important;
	border-color: rgba(0,0,0,0);
}

body.blog #content.site-content,
body.single-post #content.site-content {
	margin-top: -80px;
}

@media only screen and (min-width: 1025px) {
	body.blog .site-header:not(.scrolled) .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a,
	body.single-post .site-header:not(.scrolled) .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
		color: #fff;
	}
}

.menu-item-description {
	display: block;
	color: #0095D7;
	font-family: Montserrat;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.2;
}

.site-header .menu-item.menu-item-has-children .dropdown-item {
	display: block;
}

.site-header .menu-item .has-arrow a:after {
	content: '';
	display: inline-block;
	background-image: url('/wp-content/uploads/2025/08/biqh-nav-arrow-right.svg');
	background-size: contain;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 10px;
}

@media only screen and (max-width: 1024px) {
	.biqh-site-header .e-con.e-flex>.e-con-inner {
		gap: 10px;
	}
}

.elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator,
.elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator {
	color: inherit !important;
}

/*----- Link Hovers -----*/

.site-footer {
    background: #fff;
}

/*----- Link Hovers -----*/

.elementor-widget-text-editor a {
	transition: .2s ease;
}

.elementor-widget-text-editor a:hover {
	opacity: .6;
}

/*----- Page Hero -----*/

.hero-gradient:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(260deg, rgba(64, 200, 235, 0) 55%, #40C8EB 90%), linear-gradient(180deg, rgba(0, 27, 78, .7) 0%, rgba(0, 27, 78, 0) 20%);
}

.hero-gradient.has-border-radius:after {
	border-radius: 0 0 50px 50px;
}

/*----- Colored Titles -----*/

.colored-title-block .ekit-heading h2 {
    color: #fff;
}

.colored-title-block .ekit-heading h2 i, .elementor-widget-heading .elementor-heading-title i {
    color: var(--biqh-light-blue);
    font-style: normal !important;
}

/*----- Max Width Titles -----*/

.title-max-w-500 h1 {
	max-width: 500px;
	line-height: 1.2em;
}

/*----- Bold Text in Paragraphs -----*/

.ekit-wid-con .ekit-heading__description strong,
.elementor-widget-text-editor p strong {
	font-weight: 700;
}

/*----- Overflowing Backgrounds -----*/

.right-overflow-background-blue:before {
	content: '';
	background-color: var(--biqh-dark-blue);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100vw;
}

/*----- Image with Blue Overlay Gradient -----*/

.image-blue-overlay-gradient .elementor-widget-container:after {
	border-radius: 120px;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(140deg, rgba(64, 200, 235, 0) 45%, #40C8EB 85%);
}

@media only screen and (max-width: 1020px) {
	.image-blue-overlay-gradient .elementor-widget-container:after {
		border-radius: 100px;
	}
}

@media only screen and (max-width: 767px) {
	.image-blue-overlay-gradient .elementor-widget-container:after {
		border-radius: 80px;
	}
}

/*----- Carousel with Icon & Text -----*/

.icon-text-carousel .elementskit-commentor-content,
.icon-text-grid .elementskit-commentor-content {
	display: flex;
	flex-direction: column;
}

.icon-text-carousel .elementskit-commentor-content > p,
.icon-text-grid .elementskit-commentor-content > p {
	order: 3;
}

.icon-text-carousel .elementskit-client_logo img {
	max-height: 85px !important;
	width: auto;
}

/* Let's make it a Grid instead */

.icon-text-grid.cols-2 .swiper-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.icon-text-grid.cols-3 .swiper-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.icon-text-grid .swiper-wrapper .swiper-slide {
	width: 100% !important;
}

/*.icon-text-grid .elementskit-commentor-content .elementskit-client_logo {
	justify-content: left !important;
}*/

.icon-text-grid.center-icon .elementskit-commentor-content .elementskit-client_logo {
	justify-content: center !important;
}

.icon-text-grid .elementskit-client_logo img {
	max-height: 100px !important;
	width: auto;
}

@media only screen and (max-width: 500px) {
	.icon-text-grid .swiper-wrapper {
		grid-template-columns: 1fr !important;
	}
}

/*----- HubSpot Styling -----*/

.hs-form-field {
	margin-bottom: 10px;
}

.hs-form-field:not(.hs-fieldtype-checkbox) > label {
	opacity: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	display: block;
}

.hs-form-field input, .hs-form-field textarea {
	border-color: #fff;
}

.hs-form-checkbox .hs-form-checkbox-display span {
	margin-left: 7px;
}

.hs-fieldtype-checkbox ul.inputs-list {
	list-style: none;
	padding: 0;
} 

.hs-input.error {
	border: 1px solid var(--biqh-pink);
}

.hs-submit .hs-button {
	width: 100%;
	transition: all .2s ease;
}

.hs-submit .hs-button:hover {
	background-color: #fff;
	color: var(--biqh-dark-blue);
}

.hs-error-msgs {
	list-style: none;
    padding: 0;
    margin-top: 7px;
	margin-bottom: 0;
}

.hs-error-msg, .hs-error-msgs label {
	color: var(--biqh-pink);
}

.legal-consent-container .hs-richtext p {
	font-size: 13px;
	color: var(--biqh-dark-blue);
}

.hs-white-fields .hs-form-field input[type="text"], .hs-white-fields .hs-form-field input[type="date"], .hs-white-fields .hs-form-field input[type="email"], .hs-white-fields .hs-form-field input[type="number"], .hs-white-fields .hs-form-field input[type="tel"], .hs-white-fields .hs-form-field input[type="url"], .hs-white-fields .hs-form-field textarea {
	background: #fff !important;
}

.hs-form-field textarea:focus {
	border-color: var(--biqh-dark-blue);
}

.hs-form-field input[type="text"], .hs-form-field input[type="date"], .hs-form-field input[type="email"], .hs-form-field input[type="number"], .hs-form-field input[type="tel"], .hs-form-field input[type="url"], .hs-form-field textarea {
	background: var(--biqh-baby-blue) !important;
}

.hs-form-field.hs-recaptcha {
	visibility: hidden !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
}

.legal-consent-container .hs-richtext {
	font-size: 12px;
}

.legal-consent-container .hs-form-field ul.inputs-list {
	    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.legal-consent-container .hs-form-field ul.inputs-list input[type="checkbox"] {
	height: 24px;
}

/*----- Blog Archive -----*/

.navigation .nav-links .page-numbers, .navigation .nav-links .nav-previous a, .navigation .nav-links .nav-next a {
	border-radius: 8px;
}

.keydesign-card .category-meta a {
	color: var(--biqh-pink);
}

.keydesign-card .entry-meta span, .keydesign-card .entry-meta a {
	color: #0095D7;
}

.blog-layout-grid .keydesign-card .post-title a {
	font-size: 20px;
}

.blog-layout-grid .keydesign-card .entry-image {
	height: 260px !important;
	background: var(--biqh-baby-blue);
	padding: 30px 15px;
	border-radius: 8px;
}

.blog-layout-grid .keydesign-card .entry-image img {
	width: 100%;
    height: 100%;
    object-fit: contain;
	border-radius: 0;
}

.widget_categories nav ul .cat-item {
	display: flex;
	justify-content: space-between;
	font-family: 'Montserrat';
}

.widget_recent_entries .recent-posts-thumb a .recent-post-title,
.widget_categories nav ul .cat-item a {
	font-family: 'Montserrat';
}

.tagcloud a, .entry-footer .tags a {
	font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 8px;
}

.widget_recent_entries .recent-posts-thumb a .recent-post-thumbnail {
	border-radius: 8px;
}



.entry-meta span.sticky-post {
	display: none !important;
}

.widget_categories nav ul .cat-item a {
	transition: all .2s ease;
}

.widget_categories nav ul .cat-item a:hover {
	opacity: .4;
}

/*----- Blog Article -----*/

.blog-single-layout-modern .modern-entry-image {
	position: relative;
	min-height: calc(40vh - var(--header-height));
	background-image: url('/wp-content/uploads/2025/08/biqh-banner-dataflow-scaled.jpg');
}

.blog-single-layout-modern .keydesign-container.with-sidebar .entry-image {
	display: none !important;
}

.blog-single-layout-modern .modern-entry-image:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 0 50px 50px;
	background: linear-gradient(87deg, rgba(64, 200, 235, 0.50) 5.16%, rgba(64, 200, 235, 0.00) 83.5%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 54.45%, rgba(0, 0, 0, 0.50) 100%);
}

.blog-single-layout-modern .category-meta a {
	color: var(--biqh-pink);
}

.blog-single-layout-modern .article-content .single-post-title {
	font-size: 40px;
    max-width: 90%;
}

.author-box-wrapper {
	border-radius: 8px;
}

.author-box-wrapper .author-avatar img {
	border-radius: 14px;
}

.post-share .social-sharing-list div a {
	border-radius: 8px !important;
}

.blog-single-layout-modern .wp-block-buttons,
.blog-single-layout-modern .wp-block-rank-math-toc-block {
	margin-bottom: var(--content-spacing);
}

.blog-single-layout-modern .wp-block-button {
	margin: 5px 10px 5px 0
}

.blog-single-layout-modern .wp-block-button.primary a {
	background-color: var(--e-global-color-accent);
}

.blog-single-layout-modern .wp-block-button.primary a:hover {
	background-color: var(--e-global-color-secondary);
}

.blog-single-layout-modern .author-box-wrapper .author-desc-wrapper {
	flex: 1;
}

.blog-single-layout-modern .author-box-wrapper .author-avatar {
	max-width: 125px;
}

.author-box-wrapper .author-description a {
	text-decoration: underline;
	color: var(--biqh-pink);
}

.author-box-wrapper .author-name h5 {
	margin-bottom: 5px;
}

.author-box-wrapper .author-name a[rel="author"]:before {
	content: 'Written by: ';
	font-weight: 400;
}

.author-box-wrapper .author-name a[rel="author"] {
	font-weight: 600;
}

.article-content p, .article-content li {
	color: var(--biqh-dark-blue);
}

.article-content .entry-content p a,
.article-content .wp-block-rank-math-toc-block a,
.author-box-wrapper .author-description a {
	text-decoration: underline;
	transition: all .2s ease;
}

.article-content .entry-content p a:hover,
.article-content .wp-block-rank-math-toc-block a:hover,
.author-box-wrapper .author-description a:hover {
	opacity: .4;
}

@media only screen and (max-width: 1024px) {
	aside.widget-area.keydesign-sidebar {
		display: none;
	}
}

@media only screen and (max-width: 1240px) {
	.blog-single-layout-modern .modern-entry-image {
		min-height: calc(var(--header-height) + 10px);
	}
}

/* Reorder inner article */

.article-content {
	display: flex;
	flex-direction: column;
}

.article-content .category-meta { order: 2; }
.article-content .post-share { order: 1; }
.article-content .single-post-title { order: 3; }
.article-content .entry-meta { order: 4; margin-bottom: 0 !important; }
.article-content .entry-image { order: 6; }
.article-content .entry-content { order: 7; margin-top: 0 !important; }
.article-content .entry-footer { order: 8; }
.article-content .author-box-wrapper { order: 5; margin: 30px 0 !important; }
.article-content .post-navigation { order: 9; }

/*----- Tabs -----*/

.tabs-with-bg .elementkit-tab-nav .elementkit-nav-item {
	margin: 0 !important;
}

/*----- Timeline -----*/

.ekit-wid-con .timeline-icon {
	border-radius: 8px;
}

/*----- Recent Posts -----*/

.elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb>img {
	aspect-ratio: 16 / 9;
    object-fit: contain;
}

.ekit-wid-con .elementskit-post-image-card {
	display: flex !important;
	flex-direction: column;
	height: 100%;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body {
	display: flex;
    flex-direction: column;
    flex: 1;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body > p {
    flex: 1;
}

.ekit-blog-posts-content .elementskit-post-image-card .post-cat > a {
	color: #FF3A6E !important;
}

.ekit-blog-posts-content .elementskit-post-image-card .post-cat {
	color: #FFFFFF !important;
}

.ekit-blog-posts-content .elementskit-post-image-card .post-cat > *:not(:first-child) {
	display: none;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body {
	justify-content: space-between;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body .entry-title {
	flex: 1;
}

/*----- Check Icon with Text -----*/

.ekit-wid-con .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-icon {
	align-self: flex-start;
	min-width: 30px;
}

/*----- Video Animations -----*/

.anim-contain .elementor-video {
	object-fit: contain !important;
	background: transparent !important;
}

.anim-popup-trigger-btn, 
.anim-popup-trigger-btn .ekit-wid-con,
.anim-popup-trigger-btn .ekit-wid-con .video-content,
.anim-popup-trigger-btn .ekit-wid-con .video-content .ekit-video-popup-btn {
	height: 100%;
}

.anim-popup-trigger-btn .ekit-wid-con .video-content .ekit-video-popup-btn {
	width: 100%;
}

/*----- Tabpanels -----*/

.keydesign-container-yes.e-child[role="tabpanel"] {
    --padding-left: 0;
    --padding-right: 0;
}

/*----- Trust Marquee -----*/

.trust-marquee-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0.75;
    display: flex;
    gap: 0 !important;
    box-sizing: border-box;
    background-color: #001B4E;
    border-radius: 8px;
    padding: 12px 0;
}

.trust-marquee-wrapper::before,
.trust-marquee-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
}

.trust-marquee-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #001B4E 0%, transparent 100%);
}

.trust-marquee-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #001B4E 0%, transparent 100%);
}

.trust-marquee-content {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #ffffff; 
    font-family: inherit;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    animation: marquee-scroll 30s linear infinite;
}

.trust-marquee-text {
    padding-right: 12px; 
}

@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); } 
}