/* 

Northstar website styles

Copyright 2025 - Netfuel Ltd
www.netfuel.co.uk

*/


@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


:root {
	--default-gutter-x:20px;
	--default-gutter-y:20px;
	--color-primary:#FF8C00;
	--color-primary-alt:#FFF4E6;
	--color-secondary:#000000;
	--color-white:#ffffff;	
	--text-size-xl:64px;
	--text-size-lg:48px;
	--text-size-md:32px;
	--text-size:22px;
	--text-size-sm:18px;
	--text-size-xs:14px;
	--transition:all 0.25s ease-in-out;
	--transition-background:background-color 0.25s ease-in-out;
	--transition-color:color 0.25s ease-in-out;
}




/* General Layout */

html, body {margin:0;padding-right:0 !important;background-color:var(--color-white);font-family:'Albert Sans', sans-serif;font-size:var(--text-size);color:var(--color-secondary);font-optical-sizing:auto;font-weight:400;line-height:125%;overflow-x:clip;}

.mt-1 {margin-top:calc(var(--default-gutter-y) * 1) !important;}
.mb-1 {margin-bottom:calc(var(--default-gutter-y) * 1) !important;}
.mt-2 {margin-top:calc(var(--default-gutter-y) * 2) !important;}
.mb-2 {margin-bottom:calc(var(--default-gutter-y) * 2) !important;}
.mt-4 {margin-top:calc(var(--default-gutter-y) * 4) !important;}
.mb-4 {margin-bottom:calc(var(--default-gutter-y) * 4) !important;}
.mt-6 {margin-top:calc(var(--default-gutter-y) * 6) !important;}
.mb-6 {margin-bottom:calc(var(--default-gutter-y) * 6) !important;}
.pt-1 {padding-top:calc(var(--default-gutter-y) * 1) !important;}
.pb-1 {padding-bottom:calc(var(--default-gutter-y) * 1) !important;}
.pt-2 {padding-top:calc(var(--default-gutter-y) * 2) !important;}
.pb-2 {padding-bottom:calc(var(--default-gutter-y) * 2) !important;}
.pt-4 {padding-top:calc(var(--default-gutter-y) * 4) !important;}
.pb-4 {padding-bottom:calc(var(--default-gutter-y) * 4) !important;}
.pt-6 {padding-top:calc(var(--default-gutter-y) * 6) !important;}
.pb-6 {padding-bottom:calc(var(--default-gutter-y) * 6) !important;}

.body-wrapper {margin-left:auto;margin-right:auto;}
[class*="container"]:not(.ginput_container) {max-width:100%;padding-left:calc(var(--default-gutter-x) * 2);padding-right:calc(var(--default-gutter-x) * 2);}
.row, .gform_fields {margin-left:calc((var(--default-gutter-x) * 1) / -1);margin-right:calc((var(--default-gutter-x) * 1) / -1);}
.row:not(.row-gap-0), .gform_fields {row-gap:calc(var(--default-gutter-y) * 2);}
.row.row-gap-1, .row-gap-1 {row-gap:var(--default-gutter-y);}
.row-gap-2 {row-gap:calc(var(--default-gutter-y) * 2);}
.row.row-gap-4 {row-gap:calc(var(--default-gutter-y) * 4);}
.row.col-gap-4 {margin-left:calc((var(--default-gutter-y) * 2) / -1);margin-right:calc((var(--default-gutter-y) * 2) / -1);}
.row >*, .gform_fields >* {padding-left:var(--default-gutter-x);padding-right:var(--default-gutter-x);}
.row.col-gap-0 {margin-left:0;margin-right:0}
.row.col-gap-1 {margin-left:calc((var(--default-gutter-y) / 2) / -1);margin-right:calc((var(--default-gutter-y) / 2) / -1);}
.row.col-gap-0 >* {padding-left:0;padding-right:0;}
.row.col-gap-1 >* {padding-left:calc(var(--default-gutter-x) / 2);padding-right:calc(var(--default-gutter-x) / 2);}
.row.col-gap-4 >* {padding-left:calc(var(--default-gutter-x) * 2);padding-right:calc(var(--default-gutter-x) * 2);}



p {margin-bottom:var(--default-gutter-y);}
p:last-of-type {margin-bottom:0;}
ul {margin-bottom:0;}
a {text-decoration:none;transition:var(--transition);}
a:not(.button) {color:var(--color-primary);}
.menu {margin-bottom:0;padding:0;list-style:none;}
img {max-width:100%;flex-shrink:0;border:0;vertical-align:middle;}
span {display:block;}
.title, h1, h2, h3, h4, h5, h6, .gform_confirmation_wrapper .gform_confirmation_message {display:block;margin-bottom:0;color:var(--color-primary);font-weight:700;line-height:112.5%;}
.title.xl {font-size:var(--text-size-xl);}
.title.lg, .gform_confirmation_wrapper .gform_confirmation_message {font-size:var(--text-size-lg);}
.title.md {font-size:var(--text-size-md);}
.title.secondary, .gform_confirmation_wrapper .gform_confirmation_message {color:var(--color-secondary);}
.title.white {color:var(--color-white);}
.button, .header .header-right nav ul.menu li.buttoned a, .overlay-menu .overlay-menu-nav nav ul.menu li.buttoned a {display:flex;flex-direction:column;align-items:center;padding:calc(var(--default-gutter-y) / 2) var(--default-gutter-x);background-color:var(--color-primary);border:0;border-top-left-radius:18px;border-bottom-right-radius:18px;font-size:var(--text-size-sm);color:var(--color-secondary);font-weight:700;text-transform:uppercase;transition:var(--transition);}
.button:hover, .header .header-right nav ul.menu li.buttoned a:hover, .overlay-menu .overlay-menu-nav nav ul.menu li.buttoned a:hover {background-color:var(--color-white);color:var(--color-secondary);}
.button.secondary, .content-section.primary-alt .button:hover {background-color:var(--color-secondary);color:var(--color-white);}
.button.secondary:hover, .gform_button.button:hover {background-color:var(--color-white);color:var(--color-secondary);}
.arrow-link {display:flex;align-items:center;font-weight:700;}
.arrow-link.white {color:var(--color-white);}
.arrow-link:before {margin-right:calc(var(--default-gutter-x) / 4);font-size:var(--text-size-sm);}
.arrow-link:hover {color:var(--color-secondary);}
.boxen-wrapper, .boxen-wrapper-y {padding-top:calc(var(--default-gutter-y) * 4);padding-bottom:calc(var(--default-gutter-y) * 4);}
.boxen-wrapper, .boxen-wrapper-x-sm {padding-left:calc(var(--default-gutter-y) * 2);padding-right:calc(var(--default-gutter-y) * 2);}
.boxen-wrapper-sm {padding:var(--default-gutter-y) var(--default-gutter-x);}
.object-cover img {width:100%;height:100%;object-fit:cover;object-position:center}
.position-relative > .object-cover {width:100%;height:100%;}
.rounded {border-top-right-radius:0 !important;border-top-left-radius:30px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:30px !important;}
.bg {background-size:cover;background-position:center;background-repeat:no-repeat;}
.bg.bg-auto {background-size:auto 90%;background-position:bottom center;}
.bg.bg-bottom-left {background-position:bottom left;}
.icon img {max-height:44px;}




/* Header */

.header {padding-top:calc(var(--default-gutter-y) * 2);padding-bottom:calc(var(--default-gutter-y) * 2);background-color:var(--color-secondary);}

.header .logo img {max-width:320px;}

nav ul.menu li {font-weight:700;text-transform:uppercase;}
nav ul.menu li a:not(.button) {color:var(--color-white);}
.header .header-right nav ul.menu li:not(.buttoned) a:not(.button) {padding-top:3px;padding-bottom:3px;}
nav ul.menu li a:not(.button):hover {color:var(--color-primary);}
.header .header-right nav ul.menu li.current-menu-item:not(.buttoned) a:not(.button), .overlay-menu .overlay-menu-nav nav ul.menu li.current-menu-item:not(.buttoned) a:not(.button) {border-bottom:2px solid var(--color-primary);color:var(--color-primary);}




/* Hero */

.hero-section {background-size:cover;background-position:center;}
.hero-section [class*="boxen-wrapper"] .boxen .title, .hero-section [class*="boxen-wrapper"] .boxen p {color:var(--color-white);}




/* Content Section */

.content-section {position:relative;padding-top:calc(var(--default-gutter-y) * 4);padding-bottom:calc(var(--default-gutter-y) * 4);}
.content-section.primary {background-color:var(--color-primary);}
.content-section.primary-alt {background-color:var(--color-primary-alt);}
.content-section.secondary {background-color:var(--color-secondary);}
.content-section.secondary .boxen p, [class*="boxen-wrapper"].primary .boxen p, [class*="boxen-wrapper"].primary .boxen p a {color:var(--color-white);}
[class*="boxen-wrapper"].primary .boxen p a:hover {color:var(--color-secondary);}


[class*="boxen-wrapper"].primary {background-color:var(--color-primary);}
[class*="boxen-wrapper"].primary-alt {background-color:var(--color-primary-alt);}
.content-section.primary [class*="boxen-wrapper"].primary-alt, .companies .company-item {background-color:#FFAF4D;}
[class*="boxen-wrapper"].white {background-color:var(--color-white);}




/* Card Blocks */

.card-block {padding:calc(var(--default-gutter-y) * 2) calc(var(--default-gutter-x) * 2);background-color:var(--color-white);border-top-left-radius:30px;border-bottom-right-radius:30px;}




/* Footer */

.footer.content-section {background-color:var(--color-secondary);}


.footer .footer-block .row.social-links {margin-left:calc((var(--default-gutter-y) 4 2) / -1);margin-right:calc((var(--default-gutter-y) / 4) / -1);}
.footer .footer-block .row.social-links >* {padding-left:calc(var(--default-gutter-x) / 4);padding-right:calc(var(--default-gutter-x) / 4);}
.footer .footer-block .social-links .social-link {font-size:var(--text-size-md);}
.footer .footer-block .social-links .social-link a {display:flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:var(--color-primary);color:var(--color-white);}
.footer .footer-block .social-links > .social-link:first-of-type a {border-top-left-radius:10px;}
.footer .footer-block .social-links > .social-link:last-of-type a {border-bottom-right-radius:10px;}
.footer .footer-block .social-links .social-link a:hover {background-color:var(--color-white);color:var(--color-primary);}


.footer .footer-block nav ul.menu li {color:var(--color-white);}
.footer .footer-block nav ul.menu li:not(:last-of-type) {display:flex;column-gap:var(--default-gutter-x);}
.footer .footer-block nav ul.menu li:not(:last-of-type):after {content:'\007C';}




/* Swiper */

.swiper.standardSwiper [class*="boxen-wrapper"] {padding-top:calc(var(--default-gutter-y) * 2);padding-bottom:calc(var(--default-gutter-y) * 2);}


.swiper [class*="swiper-button-"], .menu-overlay-trigger .menu-overlay-button {display:flex;align-items:center;justify-content:center;position:relative;top:auto;left:auto;right:auto;width:42px;height:42px;margin-top:0;background-color:var(--color-secondary);font-size:var(--text-size-sm);color:var(--color-white);transition:var(--transition);}
.swiper.standardSwiper:hover, .swiper.teamSwiper:hover {cursor:grab;}
.swiper.standardSwiper, .swiper.standardSwiper .swiper-wrapper, .swiper.standardSwiper .swiper-wrapper .swiper-slide, .swiper.standardSwiper .swiper-wrapper .d-flex.flex-column, .swiper.standardSwiper .swiper-wrapper .d-flex.flex-column, .swiper.standardSwiper .swiper-wrapper .d-flex.flex-column [class*="boxen-wrapper-"] {height:100% !important;}
.swiper [class*="swiper-button-"] {border-radius:100%;}
.swiper [class*="swiper-button-"]:after {display:none;}
.swiper [class*="swiper-button-"]:hover {background-color:var(--color-primary);}
.content-section.primary .swiper [class*="swiper-button-"]:hover {background-color:var(--color-white);color:var(--color-secondary);}


.teamSwiper .swiper-arrows [class*="swiper-button-"] {position:absolute;top:calc(50% - 21px);left:21px;}
.teamSwiper .swiper-arrows .swiper-button-next {left:auto;right:21px;}




/* Companies */

.companies:after {display:block;content:'';position:absolute;top:0;left:calc(50% - 2px);width:4px;height:100%;background-color:var(--color-white);}
.companies > .row, .companies .company-item .logo-wrapper >* {position:relative;z-index:2;}




/* Overlay Menu */

body.overlay-menu-active {height:100dvh;overflow:hidden;}
.overlay-menu {position:fixed;top:0;right:calc(100% + 1px);z-index:99999;width:100dvw;height:100dvh;background-color:var(--color-secondary);transition:right 0.5s ease-in-out;}
body.overlay-menu-active .overlay-menu {right:0;}
.overlay-menu .overlay-menu-header {padding-top:var(--default-gutter-y);}
.overlay-menu .overlay-menu-nav {overflow-y:scroll;}
.overlay-menu .overlay-menu-nav:after {display:block;content:'';;}
.overlay-menu ul.menu li {display:block;}
.overlay-menu ul.menu li .button {padding-top:var(--default-gutter-y);padding-bottom:var(--default-gutter-y);font-size:var(--text-size);}


.menu-overlay-trigger .menu-overlay-button {background-color:var(--color-primary);width:48px;height:48px;border-top-left-radius:10px;border-bottom-right-radius:10px;font-size:var(--text-size);transition:var(--transition);}
.menu-overlay-trigger .menu-overlay-button:hover {background-color:var(--color-white);color:var(--color-secondary);}




/* Gravity */

legend {font-size:inherit;}
.gform_wrapper .gform_required_legend, .gform_wrapper .gform_fields .gfield > .gfield_label, .gform_wrapper .gform_fields .gfield .gchoice {display:flex;column-gap:calc(var(--default-gutter-x) / 2);}
.gform_wrapper .gform_required_legend {display:none;margin-bottom:calc(var(--default-gutter-y) * 2);font-size:var(--text-size-xs);}
.gform_wrapper .gform_fields {display:flex;flex-wrap:wrap;}
.gform_wrapper .gform_fields .gfield {flex:0 0 auto;width:100%;}
.gform_wrapper .gform_fields .gfield > .gfield_label {margin-bottom:3px;font-weight:bold;}
.gform_wrapper .gform_fields .gfield.hidden_label > .gfield_label {display:none;}
.gform_wrapper .gform_fields .gfield input:not([type="checkbox"],[type="radio"]), .gform_wrapper .gform_fields .gfield textarea, .gform_wrapper .gform_fields .gfield select {width:100%;min-height:48px;padding:var(--default-gutter-y) var(--default-gutter-x);background-color:var(--color-white);border:0;}
.gform_wrapper .gform_fields .gfield input::placeholder, .gform_wrapper .gform_fields .gfield textarea::placeholder {color:var(--color-secondary);}
.gform_wrapper .gform_fields .gfield select.form-select {border-radius:0;}
.gform_wrapper .gform_fields .gfield .gchoice .gform-field-label {font-size:var(--text-size-sm);}
.gform_wrapper .gform_validation_errors, .gform_wrapper .gform_fields .gfield .validation_message {display:block;padding:calc(var(--default-gutter-y) / 2) var(--default-gutter-x);background-color:#cc0000;color:var(--color-white);}
.gform_wrapper .gform_validation_errors {margin-bottom:calc(var(--default-gutter-y) * 2);font-weight:bold;}
.gform_wrapper .gform_fields .gfield .validation_message {margin-top:3px;font-size:var(--text-size-xs);}

.gform_footer {margin-top:calc(var(--default-gutter-y) * 2);}
.gform_button.button {padding:var(--default-gutter-y) calc(var(--default-gutter-x) * 2);background-color:var(--color-secondary);color:var(--color-white);}




@media (min-width: 2560px) {

	.body-wrapper {max-width:2560px;}

}

@media (max-width: 991px) {

	.row.col-gap-md-1 {margin-left:calc((var(--default-gutter-y) / 2) / -1);margin-right:calc((var(--default-gutter-y) / 2) / -1);}
	.row.col-gap-md-1 >* {padding-left:calc(var(--default-gutter-x) / 2);padding-right:calc(var(--default-gutter-x) / 2);}


	.swiper .row.col-gap-md-1 {margin-left:calc((var(--default-gutter-y) / 4) / -1);margin-right:calc((var(--default-gutter-y) / 4) / -1);}
	.swiper .row.col-gap-md-1 >* {padding-left:calc(var(--default-gutter-x) / 4);padding-right:calc(var(--default-gutter-x) / 4);}


	.companies .company-item .logo-wrapper {padding-bottom:0;}

}

@media (max-width: 767px) {

	:root {
		--text-size-xl:48px;
		--text-size-lg:32px;
		--text-size-md:24px;
		--text-size:18px;
		--text-size-sm:14px;
	}


	.row.col-gap-sm-1 {margin-left:calc((var(--default-gutter-y) / 2) / -1);margin-right:calc((var(--default-gutter-y) / 2) / -1);}
	.row.col-gap-sm-1 >* {padding-left:calc(var(--default-gutter-x) / 2);padding-right:calc(var(--default-gutter-x) / 2);}


	.hero-section:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	.hero-section >* {position:relative;z-index:2;}


	.footer .footer-block .social-links .social-link a {width:48px;height:48px;}

}

@media (max-width: 519px) {

	:root {
		--text-size-xl:40px;
	}


	.row.col-gap-sm-1 {margin-left:calc((var(--default-gutter-y) / 2) / -1);margin-right:calc((var(--default-gutter-y) / 2) / -1);}
	.row.col-gap-sm-1 >* {padding-left:calc(var(--default-gutter-x) / 2);padding-right:calc(var(--default-gutter-x) / 2);}


	.hero-section:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
	.hero-section >* {position:relative;z-index:2;}


	.footer .footer-block .social-links .social-link a {width:48px;height:48px;}

}

@media (max-width: 419px) {

	:root {
		--default-gutter-x:15px;
		--default-gutter-y:15px;
		--text-size-xl:36px;
		--text-size-lg:30px;
	}

}

@media (min-width: 768px) and (min-height: 800px) {

	.hero-section.lg {min-height:50dvh;}

}

@media (min-width: 992px) and (min-height: 1080px) {

	.hero-section.lg-xl {min-height:75dvh;}

}

@media (min-width: 440px) {

	.gform_button.button {padding-left:calc(var(--default-gutter-x) * 4);padding-right:calc(var(--default-gutter-x) * 4);}

}

@media (min-width: 576px) {

	.boxen-wrapper-sm {padding:calc(var(--default-gutter-y) * 2) calc(var(--default-gutter-x) * 2);}

}

@media (min-width: 768px) {

	.boxen-wrapper, .boxen-wrapper-x {padding-left:calc(var(--default-gutter-x) * 4);padding-right:calc(var(--default-gutter-x) * 4);}


	.footer .footer-block nav ul.menu li:not(:last-of-type) {column-gap:calc(var(--default-gutter-x) * 2);}

}

@media (min-width: 992px) {

	.position-lg-absolute {position:absolute;}
	.boxen-wrapper-lg {padding:calc(var(--default-gutter-y) * 4) calc(var(--default-gutter-x) * 4);}


	.card-block {padding-top:calc(var(--default-gutter-y) * 4);padding-bottom:calc(var(--default-gutter-y) * 4);}
	.card-blocks >*:not(:first-of-type) .card-block {border-top-left-radius:0;}
	.card-blocks >*:not(:last-of-type) .card-block {border-bottom-right-radius:0;}


	.companies .company-item:before, .companies > .row:not(:last-of-type) .company-item:after, .companies .company-item .logo-wrapper:after {display:block;content:'';position:absolute;top:0;left:calc(50% - 2px);width:4px;height:100%;background-color:var(--color-white);}
	.companies > .row, .companies .company-item .logo-wrapper >* {position:relative;z-index:2;}
	.companies .company-item:before, .companies .company-item:after {height:50%;}
	.companies .company-item:after {top:50%;}
	.companies .company-item .logo-wrapper:after {top:calc(50% - 2px);left:50%;width:calc(50% + 2px);height:4px;}
	.companies .company-item .row.flex-row-reverse .logo-wrapper:after {left:auto;right:50%;}


	.swiper.teamSwiper .swiper-slide .boxen-wrapper {min-height:680px;}


	.gform_wrapper .gform_fields .gfield.gfield--width-half {width:50%;}

}

@media (min-width: 1200px) {

	[class*="container"]:not(.ginput_container) {padding-left:calc(var(--default-gutter-x) * 4);padding-right:calc(var(--default-gutter-x) * 4);}

}

@media (min-width: 1920px) {

	[class*="container"]:not(.ginput_container) {padding-left:calc(var(--default-gutter-x) * 8);padding-right:calc(var(--default-gutter-x) * 8);}


	.boxen-wrapper, .boxen-wrapper-x {padding-left:calc(var(--default-gutter-x) * 8);padding-right:calc(var(--default-gutter-x) * 8);}
	.boxen-wrapper.d-flex.flex-column.justify-content-center {min-height:800px;}
	.teamSwiper .swiper-slide .boxen-wrapper {padding-top:calc(var(--default-gutter-y) * 8);padding-bottom:calc(var(--default-gutter-y) * 8);}

}