/* 

PlasmaPen landing styles

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

*/


@font-face {
	font-family:'IntegralCF';
	src: url('../fonts/IntegralCFRegular/font.woff2') format('woff2'), url('../fonts/IntegralCFRegular/font.woff') format('woff');
}


:root {
	--default-gutter-x:15px;
	--default-gutter-y:15px;
	--color-primary:#000000;
	--color-secondary:#232323;
	--color-white:#ffffff;
	--color-grey:#e1e1e1;
	--text-size-xs:12px;
	--text-size-sm:14px;
	--text-size:16px;
	--text-size-md:22px;
	--text-size-lg:48px;
	--text-size-xl:60px;
	--transition:all 0.5s ease-in-out;
	--transition-background:background-color 0.5s ease-in-out;
	--transition-border:border-color 0.5s ease-in-out;
	--transition-color:color 0.5s ease-in-out;
}


/* General Layout */

html,body {margin:0;padding-right:0 !important;background-color:var(--color-white);font-family:'Satoshi', sans-serif;font-size:var(--text-size);font-weight:300;overflow-x:clip;}
body.menu-active {height:100vh;overflow-y:hidden;}

.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-8 {margin-top:calc(var(--default-gutter-y) * 8) !important;}
.mb-8 {margin-bottom:calc(var(--default-gutter-y) * 8) !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-8 {padding-top:calc(var(--default-gutter-y) * 8) !important;}
.pb-8 {padding-bottom:calc(var(--default-gutter-y) * 8) !important;}


.container {max-width:1720px;padding-left:calc(var(--default-gutter-x) * 2);padding-right:calc(var(--default-gutter-x) * 2);}
.container.narrow {max-width:1420px;}
.row {margin-left:calc((var(--default-gutter-x) * 1) / -1);margin-right:calc((var(--default-gutter-x) * 1) / -1);}
.row:not(.marginless-y) {row-gap:calc(var(--default-gutter-y) * 2);}
.row.smaller-margin-y {row-gap:var(--default-gutter-y);}
.row >* {padding-left:var(--default-gutter-x);padding-right:var(--default-gutter-x);}


.menu {margin-bottom:0;padding:0;list-style:none;}
img {max-width:100%;flex-shrink:0;border:0;vertical-align:middle;}
a {text-decoration:none;color:inherit;transition:var(--transition-color);}
a:not(.button) {text-decoration-color:transparent;transition:all 0.5s ease-in-out;}
a:hover {color:inherit;}
a:not(.button):hover {text-decoration:underline;text-decoration-color:var(--color-white);}
strong {font-weight:500;}
small {font-size:75%;}
.title, h1, h2:not(.gform_submission_error), h3, h4, h5, h6 {display:block;margin-bottom:0;font-family:'IntegralCF';font-size:var(--text-size-xl);color:var(--color-primary);font-weight:700;line-height:112.5%;transition:var(--transition-color);}
.title.large {font-size:var(--text-size-lg);}
p {margin-bottom:var(--default-gutter-y);}
p:last-of-type {margin-bottom:0;}
.button, .label.outline {display:flex;position:relative;z-index:2;justify-content:center;align-items:center;min-height:44px;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:calc(var(--default-gutter-x) * 2);background-color:var(--color-primary);border:0;border-radius:50vh;font-size:var(--text-size);color:var(--color-white);font-weight:500;text-align:center;transition:var(--transition-background), var(--transition-border), var(--transition-color);}
.button.outline, .label.outline {background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);}
.label.outline {padding-left:6px;padding-right:calc(var(--default-gutter-x) * 2);}
.button.outline.reverse, .label.outline.reverse {border-color:var(--color-white);color:var(--color-white);}
.button:after, .label.outline:before {display:flex;justify-content:center;align-items:center;content:'\f101';width:34px;height:34px;margin-left:10px;background-color:var(--color-white);border-radius:100%;font-family:'flaticon_mycollection';font-size:18px;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-primary);transition:var(--transition-background), var(--transition-color), margin 0.5s ease-in-out;}
.label.outline:before {margin-left:0;margin-right:10px;}
.button:not(.outline):hover {background-color:var(--color-secondary);color:var(--color-white);}
.button.outline:hover {background-color:var(--color-white);color:var(--color-primary);}
.button.outline:hover:after {background-color:var(--color-primary);color:var(--color-white);}
.button:hover:after {margin-left:20px;}






.embed-container {position:relative;height:0;padding-bottom:56.25%;overflow:hidden;}
.embed-container iframe, .embed-container video {position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:0;}




/* Header */

.header, .footer {padding-top:var(--default-gutter-y);padding-bottom:var(--default-gutter-y);background-color:var(--color-primary);}
.header.menu-active {display:flex;flex-direction:column;height:100vh;}
.header .mobile-menu-button span.open, .header.menu-active .mobile-menu-button span.closed {display:none;}
.header.menu-active .mobile-menu-button span.open {display:block;}

.header .logo img {max-height:60px;}

.header .menu li {font-size:var(--text-size);}
.header .menu li a {color:var(--color-white);}
.header .menu li a:not(.button):hover {text-decoration:underline;}




/* Hero */

.hero {position:relative;background-color:var(--color-grey);background-size:cover;background-position:center;overflow:hidden;}
.hero.content-section .image-wrapper img {max-height:100dvh;}
.hero.content-section .boxen .title, .hero.content-section .boxen h1, .hero.content-section .button, .hero.content-section .boxen p, .footer .boxen p, .hero.content-section .boxen p, .hero.content-section .boxen ul li, .hero.content-section .boxen ol li {color:var(--color-white);}
.hero.content-section .boxen p, .hero.content-section .boxen ul li, .hero.content-section .boxen ol li {font-size:var(--text-size-md);}


.hero >*:not(.hero-video) {position:relative;z-index:2;}
.hero .hero-video {position:absolute;top:0;left:0;z-index:1;min-width:101%;min-height:101%;overflow:hidden;}
.hero .hero-video video {position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}




/* Content Section */

.content-section {padding-top:calc(var(--default-gutter-y) * 10);padding-bottom:calc(var(--default-gutter-y) * 10);}
.content-section .boxen.smaller h1 {font-size:var(--text-size-lg);}
.content-section .boxen p, .content-section .boxen ul li, .content-section .boxen ol li {color:var(--color-secondary);line-height:150%;}
.content-section .boxen p:not(:last-of-type) {margin-bottom:var(--default-gutter-y);}




/* Ratio */

.ratio-9x16 {--bs-aspect-ratio:177.77%;}



/* Footer */

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




/* Forms */

.gform_wrapper.gravity-theme .gform_heading .gform_required_legend {display:none;}
.gform_wrapper.gravity-theme .gform_fields {grid-row-gap:calc(var(--default-gutter-y) * 3) !important;grid-column-gap:calc(var(--default-gutter-x) * 2) !important;}
.gform_fields .gfield {position:relative;}
.gform_fields .gfield .gfield_label {font-size:var(--text-size) !important;color:var(--color-primary) !important;}
.gform_fields .gfield.gfield--type-text .gfield_label, .gform_fields .gfield.gfield--type-email .gfield_label, .gform_fields .gfield--type-phone .gfield_label, .gform_fields .gfield.gfield--type-textarea .gfield_label {position:absolute;top:6px;left:0;transition:all 0.5s ease-in-out;}
.gform_fields .gfield.focused .gfield_label {top:-24px;}
.gform_wrapper.gravity-theme .gfield_required {vertical-align:top !important;}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .post-filters select {width:100%;padding:calc(var(--default-gutter-y) / 2) 0 !important;background:transparent;border:0;border-bottom:1px solid var(--color-primary);border-radius:0;font-size:var(--text-size) !important;color:var(--color-secondary);font-weight:300;}
.gform_fields .gfield .gfield_checkbox, .gform_fields .gfield .gfield_radio {display:block;min-height:20px;padding-left:var(--default-gutter-x);margin-bottom:0.125rem;}
.gform_fields .gfield .gfield_checkbox input[type="checkbox"], .gform_fields .gfield .gfield_radio input[type="radio"] {margin-left:calc(var(--default-gutter-x) / -1);margin-right:5px;width:20px;height:20px;margin-top:2px;vertical-align:top;background-color:var(--color-grey);background-repeat:no-repeat;background-position:center;background-size:contain;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.gform_wrapper.gravity-theme select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position: right calc(var(--default-gutter-x) / 2) center;background-size: 16px 12px;appearance:none;}
.gform_wrapper.gravity-theme select option {font-weight:inherit;}
.gform_fields .gfield .gfield_radio input[type="radio"] {border-radius:100%;}
.gform_fields .gfield .gfield_checkbox input:checked, .gform_fields .gfield .gfield_radio input:checked {background-color:var(--color-primary);border-color:var(--color-primary);}
.gform_fields .gfield .gfield_checkbox input:checked[type="checkbox"], .gform_fields .gfield .gfield_radio input:checked {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.gform_fields .gfield .gfield_checkbox input:checked[type="radio"] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");}
.gform_fields .gfield .gfield_checkbox label, .gform_fields .gfield_radio > * > label, .gform_fields .gfield:not(.file-upload) .ginput_container .ginput_preview_list {display:inline-block;color:var(--color-dark);font-size:var(--text-size-sm) !important;font-weight:300;vertical-align:top !important;}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {margin-bottom:0 !important;}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {border:2px solid #c02b0a !important;}
.gform_wrapper.gravity-theme .gfield_description {padding:calc(var(--default-gutter-y) / 2) calc(var(--default-gutter-x) / 2) !important;}
.gform_wrapper.gravity-theme .gform_validation_errors {margin-top:0 !important;margin-bottom:calc(var(--default-gutter-y) * 3) !important;padding:0 !important;border-radius:0 !important;}
.gform_wrapper.gravity-theme .gform_validation_errors>h2, .gform_wrapper.gravity-theme .gfield_description {background-color:#c02b0a !important;border:0 !important;border-radius:0;font-size:var(--text-size) !important;color:var(--color-white) !important;font-weight:bold !important;line-height:125% !important;}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {padding:var(--default-gutter-y) var(--default-gutter-x) !important;}
.gform_wrapper.gravity-theme .gform_submission_error .gform-icon {display:none !important;}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {padding-top:var(--default-gutter-y);padding-bottom:var(--default-gutter-y);}
.gform_wrapper.gravity-theme .gfield_description {margin-block-start:3px !important;font-size:var(--text-size-xs) !important;}

.gform_confirmation_message {padding:var(--default-gutter-y) var(--default-gutter-x);background-color:var(--color-primary);font-size:var(--text-size-sm);color:var(--color-white);line-height:125%;text-align:center;}
:focus-visible {margin-bottom:-1px !important;border-bottom:2px solid var(--color-primary) !important;outline:none;}




@media (min-width: 1200px) {

	.hero {min-height:75vh;}

}

@media (min-width: 768px) {

	.hero.content-section .boxen-wrapper.margin-y {padding-top:calc(var(--default-gutter-y) * 10);padding-bottom:calc(var(--default-gutter-y) * 10);}
	.hero.content-section .image-wrapper {margin-top:calc(var(--default-gutter-y) * 5);}

}

@media (max-width: 767px) {

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


	.hero.content-section .boxen-wrapper.margin-y {padding-top:calc(var(--default-gutter-y) * 5);padding-bottom:calc(var(--default-gutter-y) * 5);}


	.content-section {padding-top:calc(var(--default-gutter-y) * 6);padding-bottom:calc(var(--default-gutter-y) * 6);}

}

@media (max-width: 575px) {

	:root {
		--text-size:14px;
		--text-size-md:18px;
		--text-size-xl:42px;
	}

}

@media (max-width: 439px) {

	.button {padding-left:var(--default-gutter-x);}
	.label.outline {padding-right:var(--default-gutter-x);}

}