/*
Theme Name: AssetMaxx
Theme URI: https://assetmaxx.com
Author: WebSell
Author URI: https://websell.io
Version: 0.1.2025
*/

@font-face {
  font-family: "Mazzard M";
  font-weight: normal;
  src: url('webFonts/MazzardMRegular/font.woff2') format('woff2'), url('webFonts/MazzardMRegular/font.woff') format('woff');
}
@font-face {
  font-family: "Mazzard M";
  font-weight: 500;
  src: url('webFonts/MazzardMMedium/font.woff2') format('woff2'), url('webFonts/MazzardMMedium/font.woff') format('woff');
}
@font-face {
  font-family: "Mazzard M";
  font-weight: bold;
  src: url('webFonts/MazzardMSemiBold/bold.woff2') format('woff2'), url('webFonts/MazzardMSemiBold/bold.woff') format('woff');
}
@font-face {
  font-family: "Mazzard M";
  font-style: italic;
  src: url('webFonts/MazzardMItalic/italic.woff2') format('woff2'), url('webFonts/MazzardMItalic/italic.woff') format('woff');
}

:root {
	--fontMain: 'Mazzard M', sans-serif;
	--fontIcon: 'Font Awesome 6 Pro';
	--content: 1200px;
	--container: 1400px;
	--blog: 1000px;
	--gap: 30px;
	--em: 16px;
	--negative: calc(-1 * var(--gap));
	--bg: var(--wp--preset--color--white);
	--border: 1px solid #D2D7DE;
	--spacing: calc(2 * var(--gap));

	--shadow: 0 10px 20px -10px rgba(0,0,0,0.2);
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

a {
	color: var(--wp--preset--color--moss);
	text-decoration: none;
	transition: all 0.3s;
}

.btn {
	transition: all 0.3s;
}

body {
	background: var(--bg);
	font-family: var(--fontMain);
	font-size: var(--em);
	color: var(--wp--preset--color--navy);
}

h1 {
	font-size: 2.5em;
	line-height: 1.3em;
}

/* header */

header .container {
	min-height: 80px;
}

.custom-logo-link {
	max-width: 250px;
	height: auto;
	display: block;
}

nav .menu {
	display: flex;
	list-style-type: none;
	gap: 2em;
	font-size: var(--fontL);
	text-decoration: none;
	position: relative;
	align-items: center;
}

nav .menu a {
	color: var(--wp--preset--color--moss);
	font-weight: 500;
	text-decoration: none;
	transition: all 0.4s;
}

nav .menu .btn a {
	color: inherit;
}

nav .menu a:hover {
	color: var(--wp--preset--color--olive);
}

nav .menu-item-has-children {
	padding: 10px 0;
}

nav .menu-item-has-children > a:after {
	content: "\f107";
	font-family: "Font Awesome 6 Pro";
	color: var(--wp--preset--color--olive);
	margin-left: .5em;
}

nav .menu .sub-menu {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: 100%;
	transform: translateY(40px);
	background: #fafafa;
	transition: all 0.2s;
	z-index: 6;
	list-style-type: none;
	border-top: 5px solid var(--wp--preset--color--navy);
}

nav .menu li:hover .sub-menu {
	opacity: 1;
	transform: translateY(-5px);
	pointer-events: visible;
}

nav .menu .sub-menu li a {
	display: block;
	padding: 10px 1em;
	font-size: 0.9em;
}

nav .menu .sub-menu li a:hover {
	background: 5px solid var(--wp--preset--color--pale-green);
}

nav .menu .sub-menu li + li {
	border-top: 1px solid #ddd;
}

nav .btn.btn-primary {
	border: 0;
}

nav .btn.btn-primary:hover {
	background: var(--wp--preset--color--olive);
}

nav .btn.btn-primary:hover a {
	color: var(--bg);
}

/* content */

#content > *:not(.alignfull):not(.alignwide) {
	margin-inline: auto;
	max-width: var(--content);
}

main .wp-block-button__link, .btn {
	font-weight: 500;
	padding: .5em 1em .4em;
	font-size: var(--fontL);
	line-height: 1.5em;
}

.alignfull {
	max-width: 100%;
	padding-inline: var(--gap);
}

.alignwide {
	margin-inline: auto;
	padding-inline: var(--gap);
	width: 100%;
	max-width: var(--container);
}

.alignwide {
	margin-inline: auto;
	padding-inline: var(--gap);
	width: 100%;
	max-width: var(--container);
}

.wp-block-media-text {
	gap: var(--gap);
}

main .wp-block-media-text>.wp-block-media-text__content {
	padding-inline: 0;
}

.wp-block-group.has-background {
	padding: var(--gap);
}

li.wp-block-post .wp-block-group {
	padding: 0 !important;
}

.wp-block-post-featured-image {
	margin-bottom: 55px;
}

.wp-block-post-featured-image :where(img) {
	aspect-ratio: 2 / 1;
	object-fit: cover;
	object-position: center center;
}

h3.wp-block-post-title a {
	color: var(--bg);
}

#content section:is(.wp-block-group, .wp-block-cover) {
	padding-block: calc(3 * var(--gap));
}

#content section.wp-block-group.is-style-bottomOverhang {
	padding-block: 0;
	margin-bottom: calc(3 * var(--gap));
}

.is-style-bottomOverhang > .wp-block-group__inner-container {
	transform: translateY(calc(3 * var(--gap)));
}

:root main :where(p.has-background) {
	padding: var(--gap);
}

#why-us .wp-block-group:first-child {
	flex: 0 0 40%;
}

.has-pale-green-background-color.has-medium-font-size {
	line-height: 1.4em;
}

h2 {
	font-size: 2.5em;
	text-wrap: pretty;
}

:is(h1, h2) + p.has-text-align-center {
	margin-top: var(--negative);
	font-size: 1.5em;
	padding-top: 10px;
}

:is(h1, h2, h3, h4, h5, h6):not(:last-child) {
	margin-bottom: var(--gap);
}

main :where(.is-layout-flex):not(.is-nowrap) {
	gap: 1em 50px;
}

main :where(.is-layout-flex.is-nowrap) {
	gap: var(--gap);
}

main :where(.is-layout-grid) {
	gap: 50px;
}

.is-layout-grid > h2 {
	align-self: center;
}

.wp-block-cover, .wp-block-cover-image {
	overflow: visible;
}

.wp-block-media-text .wp-rich-text-font-awesome-icon {
	background: var(--bg);
	color: var(--wp--preset--color--olive);
	width: 60px;
	height: 60px;
	font-size: 24px;
	border-radius: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px;
}

.wp-block-group.alignfull .wp-block-media-text__media {
	position: relative;
	z-index: 2;
	margin-left: 5%;
}

.wp-block-group.alignfull .wp-block-media-text__media img:not([src*=".svg"]) {
	box-shadow: var(--shadow);
	margin-bottom: -200px;
	max-height: 500px;
	object-fit: cover;
	object-position: center center;
}

.single-blog .wp-block-group.alignfull .wp-block-media-text__media img:not([src*=".svg"]) {
	box-shadow: none;
	margin-bottom: 0;
}

.wp-block-media-text__content {
	position: relative;
	z-index: 4;
}

.wp-block-group.alignfull .wp-block-media-text__media img[src*=".svg"] {
	margin-top: calc(-3 * var(--gap) - 1em);
	margin-left: -60%;
	right: -20%;
	width: auto;
	height: calc(110% + (3 * var(--gap) - 1em));
	position: absolute;
	z-index: -1;
}

main :where(.wp-block-cover-image.is-light:not(.has-text-color)), main :where(.wp-block-cover.is-light:not(.has-text-color)) {
	color: var(--wp--preset--color--navy);
}

.wp-block-media-text__content > *:not(:last-child),
.wp-block-group.has-background .wp-block-group__inner-container > *:not(:last-child) {
	margin-bottom: var(--gap);
}

.is-layout-grid .wp-block-group.has-background {
	font-size: var(--fontL);
	line-height: 1.4em;
	border: 1px solid #F3F4F6;
}

.is-layout-grid .wp-block-group {
	font-size: var(--fontL);
	line-height: 1.4em;	
}

.wp-block-cover .is-layout-grid .wp-block-group.has-background .wp-block-image:first-child {
	height: 40px;
}

.is-layout-grid .wp-block-group.is-vertical {
	height: 100%;	
}

.is-layout-grid .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.is-layout-grid .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained p, 
.is-layout-grid .wp-block-group.is-vertical p {
	flex-grow: 2;
}

#content > h1 {
	font-size: 3em;
	margin-top: var(--spacing);
}

h2, h1 {
	line-height: 1.4em;
	position: relative;
	z-index: 4;
}

h2 strong, h1 strong {
	position: relative;
	color: var(--wp--preset--color--moss);
}

h2 strong:before, h1 strong:before {
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	height: 100%;
	background: var(--wp--preset--color--sage);
	transform: skewY(-5deg);
	z-index: -1;
	width: 105%;
}

p:not(:last-child):not(.has-background) {
	margin-bottom: 1em;
}


.alignwide p.has-text-align-center {
	--wp--preset--font-size--large: 1.5em;
	max-width: var(--content);
	margin-inline: auto;
	line-height: 1.4em;
	margin-bottom: 0 !important;
}

.wp-block-create-block-case-studies-summary {
	--wp--preset--font-size--large: 1.5em;
	background: var(--wp--preset--color--frost);
	color: var(--wp--preset--color--navy);
	height: 100%;
}

.summary-stats + p {
	align-self: self-end;
}

.summary-heading {
	padding: var(--gap) var(--gap) 0 0;
}

.summary-heading img {
	max-height: 80px;
}

.case-study-summary {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	line-height: 1.4em;
	max-width: 600px;
}

.wp-block-create-block-case-studies-summary ul {
	font-size: var(--fontL);
}

.wp-block-create-block-case-studies-summary ul li {
	list-style-type: none;
	margin-bottom: 0.5em;
	margin-right: var(--gap);
	position: relative;
	padding-left: 2em;
	max-width: 90%;
	line-height: 1.4em;
}

.wp-block-create-block-case-studies-summary ul li:before {
	top: 0.2em;
	content: "";
	font: var(--fa-font-light);
	position: absolute;
	left: 0;
}

.summary-stats {
	border-top: var(--border);
	padding-top: var(--gap);
	padding-right: var(--gap);
}

.summary-stats h4 {
	font-weight: 500;
	padding-bottom: .5em;
	margin-bottom: 0 !important;
	font-size: var(--wp--preset--font-size--large);
}

.summary-stats p {
	font-size: var(--fontL);
	line-height: 1.4em;
	text-wrap: balance;
}

.wp-block-create-block-case-studies-summary > p:last-child {
	padding-bottom: var(--gap);
}


#case-study-carousel .owl-item {
	transition: all 0.4s;
	transition-delay: 0.2s;
}

#case-study-carousel .owl-item:not(.active) {
	opacity: 0;
	transition-delay: 0.2s;
	transform: translateY(40px);
}

#case-study-carousel {
	position: relative;
}

#case-study-carousel .owl-nav {
	bottom: var(--gap);
	right: var(--gap);
	position: absolute;
	display: flex;
}

#case-study-carousel .owl-nav button {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	padding: .2em .7em;
	cursor: pointer;
}

#case-study-carousel .owl-nav button:hover {
	color: var(--wp--preset--color--slate);
}

#case-study-carousel .owl-nav button.disabled {
	opacity: 0.4;
}

.btn {
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	background: var(--wp--preset--color--frost);
}

.btn.btn-primary {
	border-radius: 4px;
	color: var(--wp--preset--color--frost);
	background: var(--wp--preset--color--navy);
}

.wp-block-group.heading p {
	margin-bottom: 0 !important;
	font-size: 1.5em;
	line-height: 1.4em;
}

.wp-block-group.heading h2 {
	margin-bottom: var(--gap);
}

details {
	position: relative;
	margin-bottom: var(--em);
	font-size: var(--fontL);
}

details:before {
	left: 0;
	content: "\f107";
	font: var(--fa-font-light);
	position: absolute;
	color: var(--wp--preset--color--frost);
	background: var(--wp--preset--color--navy);
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: auto;
	cursor: pointer;
	pointer-events: none;
}

details[open]:before {
	content: "\f106";
}

details summary {
	padding-left: 70px;
	min-height: 45px;
	display: flex;
	align-items: initial;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 9px;
	line-height: 1.4em;
}

details summary ~ * {
	padding-left: 70px;
	color: var(--wp--preset--color--frost);
	line-height: 1.6em;
	opacity: 0.8;
}

details summary + * {
	padding-block: var(--em);
}

.wp-block-latest-posts__list li,
.wp-block-query .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	padding-bottom: 55px;
	margin-bottom: var(--gap);
	position: relative;
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image a {
	display: block;
}

.wp-block-latest-posts__list img {
	display: block;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	object-position: center top;
	width: 100%;
	max-width: 100%;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title, h3.wp-block-post-title  {
	background: var(--wp--preset--color--navy);
	padding: var(--gap);
	margin-right: 55px;
	transform: translateY(55px);
	margin-top: auto;
	position: relative;
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
	font-weight: 500;
	line-height: 1.4em;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title,
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image,
.wp-block-query .wp-block-group__inner-container > * {
	grid-row: 1;
	grid-column: 1;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title:after {
	content: "\f061";
	font: var(--fa-font-light);
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 100%;
	transition: all 0.3s;
	z-index: 2;
}

.wp-block-latest-posts__list li:hover .wp-block-latest-posts__post-title:after {
	background: var(--wp--preset--color--olive);
	margin-left: -55px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	margin-left: 0;
}

.module {
	background: var(--bg);
	padding: var(--gap);
	position: relative;
	box-shadow: var(--shadow);
	font-size: var(--fontL);
	line-height: 1.7em;
}

.module .wp-block-font-awesome-icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bg);
	background: var(--wp--preset--color--olive);
	padding: var(--gap);
	float: left;
	margin-right: var(--gap);
}

.module ~ .module {
	display: none;
}

.module h3 {
	line-height: 60px;
	font-size: 1.5em;
}

.module li {
	margin-left: 1.5em;
}

.modules-nav {
	display: flex;
	justify-content: center;
	gap: 1em;
	position: relative;
	margin-bottom: 1em;
}

.modules-nav .switch {
	display: flex;
	flex-grow: 2;
	gap: 1em;
	align-items: center;
	justify-content: center;
	margin-bottom: -1px;
	padding: .7em 1em;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--moss);
	z-index: 1;
}

.modules-nav .switch.active {
	background: var(--wp--preset--color--moss);
	color: var(--bg);
	z-index: 2;
}

.modules-nav .switch.active svg {
	color: var(--wp--preset--color--sage);
}

.modules-nav .switch svg {
	font-size: 1.5em;
	color: var(--wp--preset--color--olive);
}

.wp-singular :is(p, li) {
	font-size: var(--fontL);
	line-height: 1.7em;
}

#content > *:not(section):not(.alignfull):not(.wp-block-image.is-style-bottomOverlap) {
	margin-bottom: 1em;
}

.wp-block-column .wp-block-image.is-style-bottomOverlap {
	margin-right: var(--gap);
	margin-top: calc(-2 * var(--gap));
}

.wp-block-column .wp-block-image.is-style-bottomOverlap img {
	border-radius: 1em;
	box-shadow: var(--shadow);
}

.wp-block-column :is(p, ul) + :is(p, ul) {
	margin-top: 1em;
}

.wp-block-column li {
	margin-left: 2em;
}

.wp-block-column li::marker {
	color: var(--wp--preset--color--olive);
}

.quotes .wp-block-image {
	width: 80px;
	flex: 0 0 80px;
	aspect-ratio: 3 / 4;
	background: var(--wp--preset--color--pale-green);
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: start;
}

.quotes .wp-block-column {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.quotes .has-pale-green-background-color {
	flex-grow: 2;
}

.quotes .wp-block-image + p {
	font-size: 1em;
	padding-top: 15px;
}

.quotes .wp-block-image + p strong {
	font-size: var(--fontL);
	display: block;
}

.quotes .wp-block-image img {
	max-width: 40px;
}

.wp-block-gallery.is-style-marquee {
	margin-top: calc(2 * var(--gap));
	position: relative;
}

.wp-block-gallery.is-style-marquee:before,
.wp-block-gallery.is-style-marquee:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(to right, var(--bg), transparent);
	z-index: 2;
	pointer-events: none;
}

.wp-block-gallery.is-style-marquee:after {
	left: auto;
	right: 0;
	background: linear-gradient(to left, var(--bg), transparent);
}

.wp-block-gallery.is-style-marquee .owl-item {
	display: flex;
	flex-direction: column;
}

.wp-block-gallery.is-style-marquee figure.wp-block-image {
	min-width: 90%;
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.wp-block-gallery.is-style-marquee figure.wp-block-image img {
	min-width: 100%;
	width: auto !important;
	max-height: 80px;
	object-fit: contain;
	object-position: center center;
}

.team .wp-block-group.is-nowrap p {
	font-size: var(--em);
}

.team .wp-block-group.is-nowrap p strong {
	font-size: var(--fontL);
}

/* animations */

.standby {
	opacity: 0;
	transition: all 0.4s;
	transform: translateY(-30px);
}

.wp-block-columns .standby:first-child {
	transform: translateX(-30px);
}

.wp-block-columns .standby:last-child {
	transform: translateX(30px);
}

.standby.in {
	opacity: 1;
	transform: none !important;
}

/* form */ 

form.hs-form {
    background: var(--wp--preset--color--pale-green);
    padding: var(--gap);
}

form.hs-form .hs-form-field > label {
    font-weight: bold;
    border-bottom: 3px solid var(--wp--preset--color--olive);
    display: block;
    padding-bottom: 5px;
}

form .hs-form-field {
    position: relative;
    margin-bottom: var(--gap);
}

form .hs-form-field :is(input, textarea) {
    display: block;
    width: 100%;
    padding: .5em 1em;
    border: 0;
}

.hs-error-msgs li {
    list-style-type: none;
    text-align: right;
    font-size: 12px;
    position: absolute;
    right: 1em;
    top: 31px;
    pointer-events: none;
}

input.hs-button.primary.large {
    background: var(--wp--preset--color--olive);
    color: var(--bg);
    border:  0;
    margin-left: auto;
    width: fit-content;
    display: block;
    font-size: 1.3em;
    cursor: pointer;
}

input.hs-button.primary.large:hover {
    background: var(--wp--preset--color--navy);
}

form .hs-form-field textarea {
    min-height: 100px;
}

form .hs-form-field :is(input, textarea):focus {
    outline: none;
    box-shadow: 0 5px 10px -5px var(--wp--preset--color--olive);
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.is-style-pricing ul {
	margin-inline: var(--gap);
}

.is-style-pricing li {
	list-style-type: none;
	position: relative;
	margin-left: 30px;
	line-height: 1.4em;
}

.is-style-pricing li + li {
	margin-top: 5px;
}

.is-style-pricing li:before {
	position: absolute;
	top: -2px;
	left: -30px;
	content: "\f058";
	color: var(--wp--preset--color--sage);
	font-family: var(--fontIcon);
}

/* blog */

#stream {
	margin-block: var(--gap);
}

.single-blog h1 {
	text-wrap: balance;
	margin-top: 5px;
}

.blog-header {
	align-items: center;
	color: var(--bg);
}

.hentry {
    background: var(--bg);
    border-radius: 4px;
    border: var(--border);
    box-shadow: var(--shadow);
    padding: var(--gap);
    display: flex;
    flex-direction: column;
}

.hentry h2 {
	font-size: 1.2em;
	margin-top: 1em;
}

.is-style-panel p:last-child {
	margin-top: auto;
}

#content #entry {
	margin-top: calc(2 * var(--gap));
	display: grid;
	grid-template-columns: 1fr 300px;
}

aside .small {
	margin-top: var(--gap);
}

.small .post-thumb {
	display: block;
}

.small .post-thumb img {
	display: block;
	border-radius: var(--borderRadiusXS);
	border: var(--border);
	box-shadow: var(--shadow);
}

.small .read-more a {
	font-size: 14px;
	text-decoration: none;
}

.single-post #entry aside h2 {
	margin-top: 0;
	color: var(--dark);
	font-size: 1.7em;
}

.single-blog #entry aside h3 {
	margin-top: 0;
	font-size: 1.2em;
	line-height: 1.3em;
	text-wrap: pretty;
}

.single-blog #entry aside h3 a {
	color: var(--text);
}

.single-blog #entry aside .terms {
	color: var(--dark);
	margin-block: var(--smallGap);
	display: block;
}

.single-blog aside {
	align-self: start;
	position: sticky;
	top: calc(70px + var(--gap));
}

.single-post .wp-block-list {
	margin: 1.2em;
}

.page #content > .wp-block-list {
	padding-left: 1.2em;
}

.blog #searchform div {
	margin-top: var(--gap);
}

#content > .wp-block-group:first-child .wp-block-column .wp-block-image img {
	border-radius: 1em;
	box-shadow: var(--shadow);
}

#searchform div {
	display: flex;
	position: relative;	
}

aside #searchform div {
	margin-bottom: var(--gap);
}

aside #searchform div:after {
	content: "\f002";
	font-family: var(--fa);
	aspect-ratio: 1;
	top: 1px;
	height: auto;
	bottom: 1px;
	right: 1px;
	position: absolute;
	color: var(--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

#s {
	border: var(--border);
	box-shadow: var(--shadow);
	background: var(--bg);
	border-radius: var(--borderRadiusXS);
	font-size: 16px;
	width: 100%;
}

aside #s {
	line-height: 1em;
	padding: var(--smallGap) 1.5em;
}

.blog #s {
	flex-grow: 2;
	font-size: 20px;
	line-height: 25px;
	padding: 1em var(--gap);
}

#searchsubmit {
	background: var(--pale);
	border-radius: var(--borderRadiusXS);
	border: 0;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

aside #searchsubmit {
	font-size: 0;
	aspect-ratio: 1;
	top: 1px;
	height: auto;
	bottom: 1px;
	right: 1px;
	z-index: 2;
}

.blog #searchsubmit {
	background: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--dark);
}

.blog #searchsubmit:hover {
	color: var(--navy);
}


a[target="_blank"]:after {
	content: "\f08e";
	margin-left: 2em;
	font-family: var(--fontIcon);
	font-weight: 300;
	font-size: 0.8em;
}

#calculator {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: var(--gap);
}

#calculator aside {
	border: var(--border);
	border-color: var(--wp--preset--color--sage);
}

#calculator aside ul {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#calculator aside li {
	list-style-type: none;
	flex-grow: 2;
}

#calculator aside li + li {
	border-top: var(--border);
	border-color: var(--wp--preset--color--sage);
}

#calculator aside li a {
	height: 100%;
	display: flex;
	font-size: var(--em);
	flex-direction: column;
	padding: var(--smallGap);
	background: var(--wp--preset--color--pale-green);
}

#calculator aside li.summary a {
	background: var(--wp--preset--color--sage);
	color: var(--wp--preset--color--moss);
}

#calculator aside li span {
	font-size: 0.9em;
	line-height: 1.3em;
}

#calculator aside li.active a {
	box-shadow: -10px 0 0 1px var(--wp--preset--color--sage);
}

#calculator_steps span.step {
	display: block;
	background: var(--wp--preset--color--pale-green);
	color: var(--wp--preset--color--moss);
	padding: 2px 5px;
	width: max-content;
	font-weight: bold;
}

#calculator_steps > div:not(.active) {
	display: none;
}

#calculator_steps h2 {
	color: var(--wp--preset--color--moss);
	margin-top: 5px;
	font-size: 2em;
}

#calculator .form-field {
	position: relative;
	margin-top: var(--gap);
}

#calculator .result  {
	margin-top: var(--gap);
	text-align: right;
}

#calculator .result strong {
	line-height: 60px;
	font-size: 3em;
	display: block;
}

#calculator .form-field input {
	height: 60px;
	border-width: 0 0 1px 0;
	text-align: right;
	width: 100%;
	display: block;
	border-radius: 0;
}

#calculator .form-field label {
	position: absolute;
	bottom: 0;
	left: 1em;
	line-height: 60px;
	pointer-events: none;
	transition: all 0.3s;
}

#calculator .form-field input:focus + label {
	bottom: 100%;
	left: 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

#calculator .form-field input:focus {
	outline: none;
	background: var(--wp--preset--color--frost);
	box-shadow: 0 2px 0 0 var(--wp--preset--color--slate);
}

#calculator .actions {
	margin-top: var(--gap);
	display: flex;
	flex-wrap: wp-block-group;
}

#calculator .actions a {
	padding: 2em 3em;
	font-weight: bold;
	background: var(--wp--preset--color--pale-green);
	color: var(--wp--preset--color--moss);
	border: var(--border);
	border-color: var(--wp--preset--color--sage);
}

#calculator .actions a + a {
	margin-left: -1px;
}

#calculator .actions a:first-child:not(:only-child) {
	background: #fafafa;
}

#calculator .result-line {
	display: grid;
	grid-template-columns: 1fr 200px;
	font-size: var(--fontL);
	border-bottom: var(--border);
	padding: 1em 0;
}

#calculator .result-line *:last-child {
	text-align: right;
}

#calculator .result-line h3 {
	margin-bottom: 0;
}

/* footer */

footer {
	background: var(--wp--preset--color--pale-green);
	color: var(--wp--preset--color--moss);
	padding-block: calc(2 * var(--gap));
}

footer #block-7 .wp-block-image, footer h3 {
	line-height: 30px;
	height: 30px;
	margin-bottom: var(--gap);
	display: flex;
	align-items: center;
}

footer #block-10 img {
	filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));
}

footer h3 {
	padding-top: 9px;
	font-size: 1.5em;
	color: var(--wp--preset--color--navy);
}

body footer .wp-block-group.is-layout-flex {
	gap: calc(2 * var(--gap));
}

footer p {
	line-height: 1.4em;
}

footer ul li {
	list-style-type: none;
	text-decoration: none;
	margin-bottom: 5px;
	line-height: 1.7em;
}

@media screen and (max-width: 600px) {

	body {
		--em: 14px;
		--fontL: 16px;
		--gap: 20px;
		--wp--preset--font-size--medium: 18px;
	}

	h2.has-x-large-font-size {
		font-size: 2em;
		--wp--preset--font-size--x-large: 2em;
	}

	h1, h2 {
		font-size: 1.5em;
	}

	:is(#editor, #content) section.is-style-bottomOverlap {
		--overlap: 50px;
	}

	.is-style-bottomOverlap + .wp-block-image figure img {
		border-radius: 5px;
	}

	#content .wp-block-image.is-style-bottomOverlap {
		margin: 0 var(--gap) -50px;
	}

	#content .is-style-bottomOverlap + .wp-block-image {
		margin-right: var(--gap);
		max-width: 60%;
	}

	.alignfull .alignwide {
		padding-inline: 0;
	}

	.alignwide p.has-text-align-center {
		--wp--preset--font-size--large: 1.2em;
		font-size: 1.2em;
	}

	#content section:is(.wp-block-group, .wp-block-cover) {
		padding-block: calc(2 * var(--gap));
	}

	img:is([sizes="auto" i], [sizes^="auto," i]) {
		object-fit: contain;
	}

	.is-style-iconleft .wp-block-group__inner-container {
		grid-template-columns: 70px 1fr;
	}

	.is-style-iconleft .wp-block-font-awesome-icon {
		width: 35px;
		height: 35px;
	}

	.is-style-iconleft .wp-block-font-awesome-icon:before {
		height: 35px;
	}

	.is-style-iconleft .wp-block-font-awesome-icon svg {
		width: 24px;
	}

	.is-style-offleft img {
		width: 200vw;
		max-width: 200vw;
	}

	.wp-block-group.has-background {
		padding: 1em;
	}

	#menu {
		display: none;
	}

	footer .wp-container-core-group-is-layout-64989fb1 {
		flex-wrap: wrap;
	}

	body .wp-block-group.is-layout-grid {
		grid-template-columns: 100%;
	}

	body .wp-container-content-4c4b6c15 {
		grid-column: span 1;
	}

	#why-us {
		display: block;
	}

	.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
		grid-row: 2;
	}

	.wp-block-create-block-case-studies-summary {
		grid-template-columns: 100%;
		padding: var(--gap);
	}

	#content .side-image {
		height: 200px;
		grid-row: span 1;
		object-fit: cover;
		object-position: center center;
		margin: calc(-1 * var(--gap)) calc(-1 * var(--gap)) 0;
		width: calc(100% + 2 * var(--gap));
		max-width: calc(100% + 2 * var(--gap));
	}

	.summary-heading {
		padding-top: 0;
	}

	.summary-stats {
		grid-template-columns: 1fr 1fr;
		padding-right: 0;
	}

	.summary-stats > *:last-child {
		grid-column: 1 / -1;
	}

	#case-study-carousel .owl-nav button {
		font-size: 20px;
	}

	.quotes .wp-block-image {
		width: 50px;
		flex: 0 0 50px;
	}

	.quotes .wp-block-image img {
		max-width: 24px;
	}


}