@charset "UTF-8";
/*
 Theme Name:     H-Optimized
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A custom theme based on WPBS for H-Optimized
 Author:         Canopy Media
 Author URI:     https://canopymedia.ca/
 Template:       wp-bootstrap-starter
 Version:        3.3.2
*/

/* Site Colours */

:root {
	--primary: #2800FF;
	--accent: #644c9b;
	--primary-darker: #1A00B0;
	--primary-lighter: #00efff;

	--accent-lighter: #8100a9;
	--accent-red: #ff0000;
}

html {
	font-size: 20px;
}

.alert span:first-of-type .fab,
.alert span:first-of-type .fas,
.alert span:first-of-type .fa {
	font-size: 1.25rem;
	transform: translateY(.15em);
}

#share-icons .fab,
#share-icons .fas,
#share-icons .fa {
	font-size: 2rem;
	margin: 0 .25rem;
}

.widget_media_image img {
	width: 100%;
}

body {
	position: relative;
	font-family: 'Montserrat' !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.tribe-common .tribe-common-h6 {
	font-weight: 700 !important;
	font-family: 'Montserrat' !important;
}

body,
.alert,
.alert a,
.dropdown-menu a.dropdown-item,
.tribe-common .tribe-common-anchor-thin,
.dropdown-toggle::after,
body:not(.theme-preset-active) #masthead .navbar-nav>li>a,
body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a {
	font-weight: 500;
}

#footer-widget {
	background-image: url('https://hydrogenoptimized.com/wp-content/uploads/2021/03/solarpanels-1.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#footer-widget {
	position: relative;
}

#footer-widget .row {
	position: relative;
	z-index: 100;
}

#footer-widget,
#footer-widget a.nav-link {
	color: #000;
}

header#masthead {
	padding-left: 0;
	padding-right: 0;
}

header#masthead {
	background-color: #fff;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

header#masthead.position-absolute {
	width: 100%;
	background: transparent;
	box-shadow: none;
}

.alert.alert-primary {
	background-color: #444;
	border-radius: 0;
}

.alert.alert-primary a {
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color .34s ease-in-out;
	display: block;
	height: 100%;
}

.alert.alert-primary a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, .5);
}

.entry-content .wp-block-cover:first-of-type p,
.entry-content .wp-block-cover:first-of-type h3 {
	margin: 2.5rem auto;
	max-width: 80%;
	font-size: 1.25rem;
}

body #content.site-content {
	padding-top: 0;
}

body.blog #content.site-content,
body.single #content.site-content {
	padding-top: 3rem;
}

a.wp-block-button__link.has-background {
	color: #fff !important;
}

a.nav-link,
a.dropdown-item,
body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
	font-size: 1rem;
}

a.dropdown-item {
	color: #000 !important;
	margin: 0;
	width: 100%;
}

.wp-block-image figcaption {
	background-color: #ccc;
	padding: .75rem;
	margin: 0 0 .5rem 0;
}

#primary .tribe_events.hentry {
	margin-bottom: 4rem;
}

/*
header#masthead.position-absolute .navbar-toggler {
	color: #fff;
}
*/

.contact-bar {
	width: 100%;
}

.primary-nav {
	background-color: #fff;
	border-radius: .5em;
}

.primary-nav .nav-item {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
}

.primary-nav .nav-link {
	flex-basis: stretch;
	margin-right: 0;
	width: 100%;
}

.navbar-brand {
	order: 2;
}

#masthead .navbar-toggler {
	order: 3;
}

.primary-nav {
	order: 4;
}

.contact-bar,
.primary-nav {
	padding-top: .25rem;
	padding-bottom: .25rem;
	margin-top: .25rem;
	margin-bottom: .25rem;
}

h1 {
	margin-top: 3rem;
	margin-bottom: 3rem;
	font-size: 2.5rem;
}

.home h1 {
	margin-top: 0;
}

.entry-header h2 {
	margin-top: 0;
	font-size: 1.25rem;
}

#footer-widget.bg-light,
.site-footer,
body:not(.theme-preset-active) footer#colophon {
	background-color: #fff !important;
}

.wp-block-eedee-block-gutenslider .slick-prev,
.wp-block-eedee-block-gutenslider .slick-next {
	background-color: #999 !important;
}

.slide-content .wp-block-media-text {
	padding-left: 1rem;
}

.wp-block-eedee-block-gutenslider .slick-dots li button:before {
	color: #999;
}

.wp-block-eedee-block-gutenslider .slick-dots li.slick-active button:before {
	color: #777;
}

.wp-block-eedee-block-gutenslider .wp-block-media-text__media {
	overflow-y: hidden;
	max-height: 250px;
}

.wp-block-eedee-block-gutenslider p {
	margin-bottom: 0;
}

.wp-block-eedee-block-gutenslider h2 {
	margin-bottom: 8px;
	margin-top: 8px;
}

#footer-widget a.nav-link,
#footer-widget a,
#footer-widget time,
#footer-widget h2,
#footer-widget h6,
#footer-widget h3,
#footer-widget .tribe-common .tribe-common-b2,
#footer-widget .tribe-common .tribe-common-h2,
#footer-widget .tribe-common .tribe-common-b1,
#footer-widget .tribe-common .tribe-common-b1 {
	color: inherit;
}

/* Blog Page */
.blog header#masthead.position-absolute+.site-content {
	padding-top: 250px;
}

#secondary {
	padding-left: 3rem;
}

/* Navbar */

.navbar-light .navbar-toggler,
.navbar-toggler {
	border: none;
}

.navbar-toggler {
	font-size: 2rem;
	transition: transform .14s ease-in-out;
}

.navbar-toggler:active {
	transform: scale(.75);
	transform-origin: center;
}

/* Yoast FAQ */
.schema-faq-section {
	padding: 1rem 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0;
	border: 1px solid #d9d9d9;
	margin-bottom: .5rem;
}

.schema-faq-section:nth-of-type(even) {
	box-shadow: none;
	border: none;
	background-color: transparent;
}

.schema-faq-question a {
	transition: color .24s ease-in;
}

.more-and-less-text:before {
	content: 'Show More';
}

.show-less:before {
	content: 'Show Less' !important;
}

.more-and-less:hover {
	text-decoration: none !important;
}

.more-and-less {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-weight: 700;
}

.more-and-less:after {
	margin-left: .5rem;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content: "\f107";
	font-size: 1.35rem;
}

.faq-answer-showing .more-and-less:after {
	transform: rotate(180deg);
}

.schema-faq-question a:hover {
	text-decoration: none;
	color: #000;
}

.schema-faq-question {
	display: block;
	font-size: 20px;
}

strong.schema-faq-question {
	font-weight: 500;
	font-size: 1.5rem;
	color: #000;
}

a.anchor-toggle {
	color: #000;
}

a.anchor-toggle:hover {
	text-decoration: none;
}

.schema-faq {
	margin-top: calc(100px);
}

.schema-faq-section {
	margin-top: 0;
	border-radius: 6px;
	background-color: #f9f9f9;
	padding: 20px;
}

.schema-faq-section:first-of-type {
	margin-top: 2rem;
}

.schema-faq-section {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.schema-faq-answer {
	padding-top: .5rem;
	padding-bottom: .5rem;
	margin-bottom: 0;
}

.answer-toggle i {
	font-size: 1rem;
	display: none;
}

.all-answer-toggle {
	font-size: 1rem !important;
}


/* Vertical text and image */
.vertical-text-image {
	display: block;
}

.vertical-text-image .wp-block-media-text__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.vertical-text-image h2,
.vertical-text-image .wp-block-buttons {
	flex: 1;
}

.vertical-text-image h2 {
	margin-top: 1rem;
	font-size: 1.5rem;
}

/* Accordion */
.accordion {
	min-height: 380px;
}

.accordion-button:not(.collapsed) {
	color: #000;
	background-color: #f3f3f3;
}

.accordion-button:not(.collapsed)::after {
	filter: grayscale(100%);
}

/* Typography */

h2.small-heading,
h3.small-heading {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 1rem;
}

h2 {
	font-weight: 700;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a.nav-link,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a.nav-link,
body:not(.theme-preset-active) #masthead .navbar-nav>li>a.nav-link:hover,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a.nav-link:hover {
	color: #000;
}

/* Wordpress columns */
/*
.wp-block-column:last-of-type {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
*/

/* Buttons with Icon */

.wp-block-button.fas:before,
.wp-block-button.fas::before,
.fas.menu-item:before,
.fas.menu-item::before {
	display: none;
}

.wp-block-button.fas>a:after,
.wp-block-button.fas>a::after,
.fas.menu-item a:before,
.fas.menu-item a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.wp-block-button.fas>a:after,
.wp-block-button.fas>a::after {
	margin-left: .5em;
}

.fas.menu-item a:before,
.fas.menu-item a::before {
	margin-right: .5rem;
}

#footer-widget .menu-item a.nav-link,
#colophon .menu-item a.nav-link {
	font-size: 16px;
}

#footer-widget .widget_media_image a {
	display: block;
	padding: .5rem;
}

#footer-widget .nav .menu-item a.nav-link:hover,
#footer-widget .widget_media_image a:hover {
	background-color: rgba(0, 0, 0, .15);
}

#footer-widget .tribe-events-widget-events-list__view-more {
	margin-left: 64px;
}

blockquote {
	font-style: italic;
}

blockquote>cite {
	display: block;
	margin-left: 2em;
}

#menu-social {
	flex-direction: row !important;
}

#menu-social .menu-item a.nav-link {
	font-size: 1.5rem;
}

#footer-widget #menu-helpful-links a.nav-link {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

footer#colophon a {
	color: #fff !important;
}

footer#colophon a:hover {
	color: #ccc !important;
}

footer#colophon .site-info span {
	color: #fff;
}

.wp-block-button.fa-chevron-right>a:after,
.wp-block-button.fa-chevron-right>a::after {
	content: '\f054';
}

.menu-item.fa-phone-alt a:before,
.menu-item.fa-phone-alt a::before,
.menu-item.fa-phone a:before,
.menu-item.fa-phone a::before,
.menu-item.fa-envelope a:before,
.menu-item.fa-envelope a::before {
	content: '\f879';
}

.menu-item.fa-envelope a:before,
.menu-item.fa-envelope a::before {
	content: '\f0e0';
}

.wp-block-cover.alignfull a.wp-block-button__link {
	padding: 1rem 2rem;
}

.wp-block-button.fas>a,
.fas.menu-item>a {
	-webkit-font-smoothing: auto;
	text-rendering: initial;
}

.make-it-cta {
	display: none !important;
}

body {
	min-height: 100vh;
	font-size: 16px;
	line-height: 1.7;
}

.tribe-common {
	-webkit-font-smoothing: auto;
	font-smoothing: auto;
}

a,
a:link,
a:visited {
	color: #2800FF;
}

a:active,
a:hover {
	color: #644c9b;
}

.btn-primary,
a.btn-primary {
	background-color: #2800FF;
	border: 1px solid #2800FF;
	color: #FFF;
}

.big-squares .wp-block-group:hover {
	cursor: pointer;
	background-color: #f3f3f3;
}

.ajax-loader {
	order: 1;
}

input[type="submit"] {
	order: 2;
}

.btn-primary:hover,
a.btn-primary:hover,
a.btn-primary.nav-link:hover {
	background-color: #1A00B0;
	color: #FFF;
}

.body:not(.theme-preset-active) #masthead .navbar-nav>li>a,
.nav-link {
	font-size: 1rem;
}

#masthead a.nav-link:hover {
	background-color: rgba(0, 0, 0, .25);
}

.highlight {
	color: #2800ff;
}

.shout {
	text-transform: uppercase;
}

.break-columns-sooner .wp-block-button__link {
	font-size: 14px;
}

.text-white>a {
	color: #FFF !important;
}

.nav-link:hover {
	color: #2800FF;
}

.site-footer .nav-link:hover {
	color: #FFF !important;
	text-decoration: underline;
}

#footer-widget .col-12 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

.blog .sticky .entry-title::before {
	display: none;
}

.copyright {
	font-size: 14px;
}

.wp-block-button__link:hover {
	background-color: #1A00B0 !important;
}

/* End of Site Colours */

/* Template Styles (Shouldn't change much from site to site) */

.cm-small-text {
	font-size: 14px;
}

.skip-link {
	display: none;
}

#wpadminbar {
	position: fixed;
}

.admin-bar .sticky-top {
	top: 46px;
}

p {
	font-size: 1rem;
}

.form-control {
	margin-bottom: .75rem;
}

.wpcf7-form {
	margin-bottom: 0;
}

.site-footer,
#footer-nav .nav-link {
	font-weight: 500;
}

h2 {
	line-height: 1.5;
}

.history-header h2 {
	font-size: 1rem;
}

.history-header h3 {
	font-size: .8rem;
}

ul.semantic {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}

p>a,
.copyright a {
	text-decoration: underline;
}

#contact-us p>a {
	text-decoration: none;
}

#contact-us p>a:hover {
	text-decoration: underline;
}

img,
iframe,
svg {
	max-width: 100%;
}

img {
	height: auto;
}

iframe {
	background-color: #CCC;
}

header#masthead {
	z-index: 990;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a,
body:not(.theme-preset-active) #masthead .navbar-nav>li>a,
.navbar-light .navbar-nav .nav-link {
	opacity: 1 !important;
}

.entry-content {
	margin-top: 0;
}

.entry-header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.entry-footer {
	text-align: center;
	display: none;
}

.navbar-brand {
	max-width: 300px;
}

#footer-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
	color: #FFF;
}

/* Full Width Blocks */
body.page-template-fullwidth .wp-block-cover__inner-container,
body.page-template-fullwidth .wp-block-group.alignfull>.wp-block-group__inner-container {
	margin: auto;
	max-width: 1140px;
	padding-right: 15px;
	padding-left: 15px;
}

body.page-template-fullwidth .alignfull {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}



.home #accent-bar {
	display: none;
}

.text-white a {
	color: #fff;
}

.social-list {
	list-style: none;
	padding-left: 0;
}

.angle-left:after,
.angle-left::after {
	content: '';
	background: #644c9b;
	background: -webkit-linear-gradient(left, #2800ff, #644c9b, #644c9b);
	background: linear-gradient(to right, #2800ff, #644c9b, #644c9b);
	background-image: linear-gradient(to right, #2800ff, #644c9b, #644c9b);
	background-size: 150%;
	background-position: center center;
	height: 100%;
	position: absolute;
	top: 0;
	left: -27%;
	width: 200%;
	z-index: 1;
}

.alternating-grid-test.alignwide,
body.page-template-fullwidth .alternating-grid-test.alignwide {
	margin-top: 0;
	margin-bottom: 0;
}

.alternating-grid-test>figure {
	height: 100%;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.alternating-grid-test>figure img {
	height: 100%;
	width: auto;
	max-width: none;
}

.alternating-grid-test .wp-block-media-text__content {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.alternating-grid-test>figure img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.homepage-contact-form i {
	color: #644c9b;
}

@media (min-width: 600px) {

	.flip-columns .wp-block-column:first-of-type {
		order: 2;
		flex-basis: calc(50% - 16px);
	}

	.flip-columns .wp-block-column:last-of-type {
		order: 1;
		margin-left: 0;
		flex-basis: calc(50% - 16px);
	}

}

/* Website Specific Styes */

h3 {
	font-size: 1.35rem;
}

div#accent-bar {
	background: #644c9b;
	background: -webkit-linear-gradient(left, #2800ff, #644c9b, #8100a9);
	background: linear-gradient(to right, #2800ff, #644c9b, #8100a9);
	height: 6px;
}

#home-hero .wp-block-cover__inner-container {
	padding-top: 300px;
}

.hero-section .wp-block-column {
	flex-basis: 100%;
}

.what-we-do-section {
	background-image: url('https://h-optimized.com/wp-content/uploads/2020/01/IMG_2039.jpg');
	background-repeat: no-repeat;
	background-position: center 0%;
	background-size: 100%;
}

.what-we-do-content {
	margin-top: 200px;
}

.what-we-do-section-container .wp-block-cover__inner-container {
	width: calc(100% - 8px);
	background-image: none;
}

.what-we-do-examples-section ul {
	font-weight: 500;
	font-size: 1.25rem;
}

.what-we-do-examples-section li {
	margin: 1.25rem 0;
	font-weight: 500;
}

.what-we-do-examples-section .wp-block-columns {
	margin-bottom: 0 !important;
}

.what-we-do-examples-img {
	background: url('https://h-optimized.com/wp-content/uploads/2020/01/Ted-Edit-Shawn-2-scaled.jpg') top right no-repeat;
	background-size: cover;
	background-position: center;
}

.hero-section h1,
.wp-block-cover h1 {
	line-height: 1.1;
	text-shadow: 0px 1px 0 #000, 0px -1px 0 #000, 1px 0px 0 #000, -1px 0px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000;
	font-weight: 700;
}

.home .wp-block-cover h1 {
	text-shadow: none;
}

.new-hero-section h1 {
	text-shadow: 0px 1px 0 rgba(40, 0, 255, .75), 0px -1px 0 rgba(40, 0, 255, .75), 1px 0px 0 rgba(40, 0, 255, .75), -1px 0px 0 rgba(40, 0, 255, .75), 1px 1px 0 rgba(40, 0, 255, .75), 1px -1px 0 rgba(40, 0, 255, .75), -1px 1px 0 rgba(40, 0, 255, .75), -1px -1px 0 rgba(40, 0, 255, .75);
}

/* Demo hero */

.page-id-1242 .hero-section h1 {
	text-shadow: none;
}

a.cm-animated-button {
	display: block;
	width: 220px;
	height: 70px;
	z-index: 1;
}

a.cm-animated-button:after {
	content: '';
	background: linear-gradient(120deg, #2800FF, #00efff, #2800FF);
	background-size: 400% 400%;
	clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
	-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
	-moz-animation: gradient 3s ease-in-out infinite, border 1s forwards ease-in-out reverse;
	-webkit-animation: gradient 3s ease-in-out infinite, border 1s forwards ease-in-out reverse;
	animation: gradient 3s ease-in-out infinite, border 1s forwards ease-in-out reverse;
}

a.cm-animated-button>span {
	display: block;
	background: linear-gradient(120deg, #2800FF, #00efff, #2800FF);
	background-size: 400% 400%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-animation: gradient 3s ease-in-out infinite;
	-webkit-animation: gradient 3s ease-in-out infinite;
	animation: gradient 3s ease-in-out infinite;
}

a.cm-animated-button {
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: 2px;
	line-height: 70px;
	font-size: 28px;
	transform: translateX(-100%);
}

a.cm-animated-button,
a.cm-animated-button:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


/* motion */
@-moz-keyframes gradient {
	0% {
		background-position: 14% 0%;
	}

	50% {
		background-position: 87% 100%;
	}

	100% {
		background-position: 14% 0%;
	}
}

@-webkit-keyframes gradient {
	0% {
		background-position: 14% 0%;
	}

	50% {
		background-position: 87% 100%;
	}

	100% {
		background-position: 14% 0%;
	}
}

@keyframes gradient {
	0% {
		background-position: 14% 0%;
	}

	50% {
		background-position: 87% 100%;
	}

	100% {
		background-position: 14% 0%;
	}
}

@-moz-keyframes border {
	0% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	25% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 216px 66px, 216px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	50% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 100% 0%, 0% 0%);
	}

	75% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 0%, 0% 0%);
	}

	100% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 0% 100%);
	}
}

@-webkit-keyframes border {
	0% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	25% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 216px 66px, 216px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	50% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 100% 0%, 0% 0%);
	}

	75% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 0%, 0% 0%);
	}

	100% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 0% 100%);
	}
}

@keyframes border {
	0% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	25% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 216px 66px, 216px 100%, 100% 100%, 100% 0%, 0% 0%);
	}

	50% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 100% 0%, 0% 0%);
	}

	75% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 0%, 0% 0%);
	}

	100% {
		-webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 0% 100%);
	}
}


.what-we-do-section p {
	font-size: 1.15rem;
	margin-bottom: 1.5rem;
}

.wp-block-button__link:hover {
	text-decoration: none;
}

.timeline-date {
	font-size: 1.25rem;
}

.timeline-date:after {
	content: '';
	width: 50px;
	height: 20px;
	background-color: #000;
	opacity: 0;
}

.timeline-subject-header {
	font-size: 2rem;
}

.secondary-hero-section {
	min-height: 50vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0 0 40px 40px;
}

.page-id-102 .timeline-section {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
	padding: 1rem 2rem;
}

.page-id-102 .wp-block-columns {
	align-items: center;
}



.page-id-102 h3 {
	color: #8100a9;
}

.purple-circles ul,
ul.purple-circles {
	list-style: none;
}

.purple-circles li {
	font-size: 1rem;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0;
}

.purple-circles li::before {
	content: "\26ac";
	color: purple;
	font-weight: 700;
	font-size: 1.5rem;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	margin-top: 0px;
	vertical-align: sub;
}

#footer-widget .tribe-events-widget-events-list__view-more-link,
#footer-widget .tribe-events-widget-events-list__view-more-link:hover {
	border-bottom: none;
}

.mid-page-cta {
	background-image: url('https://h-optimized.com/wp-content/uploads/2019/12/ho-background-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 0;
}

#mid-page-cta-fixed h2 {
	font-size: 1.25rem;
}

.cm-fa-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.cm-fa-icon:before {
	margin-right: .5rem;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 1.35rem;
}

.cm-email-link:before {
	content: "\f0e0";
}

.cm-twitter-link:before {
	font-family: "Font Awesome 5 Brand";
	content: "\f099";
}

p.cm-twitter-link:before {
	content: '';
	width: 0;
	overflow: hidden;
}

.cm-linkedin-link:before {
	font-family: "Font Awesome 5 Brand";
	content: "\f08c";
}

#contact-us .fa-twitter {
	font-size: 1.35rem;
	margin-right: .5rem;
}


.full-address-with-link {
	align-items: start;
}

.full-address-with-link:before {
	content: "\f3c5";
}

.mid-page-cta h2,
.mid-page-cta a,
.break-columns-sooner .wp-block-button__link {
	line-height: normal;
}

.footer-cta-showing {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1000;
}

.mid-page-cta-heading {
	font-size: 1.8rem;
}

.single h1 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.break-header {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
	text-align: center;
}

form label {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

span.wpcf7-not-valid-tip {
	background: rgba(255, 255, 255, 0.5)
}

.contact-bar nav {
	width: 100%;
}

.scrolling-logo {
	width: 50px;
	display: none;
	overflow: hidden;
}

.cm-border-wrap {
	background: #644c9b;
	background: -webkit-linear-gradient(left, #2800ff, #644c9b, #8100a9);
	background: linear-gradient(to right, #2800ff, #644c9b, #8100a9);
	padding: 6px;
}

.gradient-hero-section:before,
.gradient-hero-section:before {
	background-color: #644c9b !important;
	background-image: -webkit-linear-gradient(left, #2800FF, #644c9b, #8100a9) !important;
	background-image: linear-gradient(to right, #2800FF, #644c9b, #8100a9) !important;
}

#contact-us h2 {
	line-height: 1.25;
}

.cm-timeline .wp-block-spacer {
	display: none;
}

.nav-link.btn-primary {
	margin: 0 !important;
}

.purple-circles li {
	line-height: 1.5;
}

.purple-circles li:before {
	line-height: 0.5;
}

.break-columns-sooner .wp-block-columns {
	flex-direction: column !important;
}

.break-columns-sooner .wp-block-column:nth-child(2n) {
	margin-left: 0 !important;
}

.equation-text-graphic {
	border: 2px solid #000;
	color: #8100a9;
}

.copyright {
	margin-top: .25em;
}

.cm-what-we-do .what-we-do-content {
	margin-top: 0 !important;
}

.cm-what-we-do>.wp-block-column figure {
	position: relative !important;
}

.cm-what-we-do>.wp-block-column figure {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.cm-what-we-do>.wp-block-column img {
	position: absolute;
	top: 0;
	right: -25%;
	height: 100%;
	width: auto;
	max-width: initial;
}

.cm-what-we-do>.wp-block-column>ul li {
	margin-top: .5rem;
	margin-bottom: .5rem;
	width: 45%;
}

h1.homepage-intro {
	color: #000;
}

.cm-hero-section .wp-block-group.has-background {
	content: '';
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	overflow: hidden;
	background-color: rgba(126, 0, 219, .75) !important;
}

.cm-hero-section .wp-block-group.has-background .wp-block-group__inner-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cm-hero-section .wp-block-column:nth-of-type(2) .wp-block-group.has-background {
	background-color: rgba(40, 0, 255, .75) !important;
}

.cm-hero-section .wp-block-group.has-background .wp-block-group__inner-container h2 {
	width: 100%;
	font-size: 1.5rem;
}

.mid-page-hero .wp-block-column:nth-of-type(2) .wp-block-group.has-background {
	background-color: rgba(255, 255, 255, .75) !important;
}

.mid-page-hero .wp-block-column:first-of-type .wp-block-group.has-background {
	background-color: rgba(40, 0, 255, .75) !important;
}

.cm-what-we-do {
	background-size: auto 50%;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
}

.who-we-do-it-for .wp-block-image {
	max-width: 75%;
}

.who-we-do-it-for .wp-block-image img {
	border-radius: 100%;
}

.who-we-do-it-for .wp-block-image:first-of-type {
	position: relative;
	top: 50px;
}

.who-we-do-it-for {
	background-position: left !important;
}

.who-we-do-it-for .wp-block-column:last-child {
	background-color: #FFF;
	border-radius: 10px;
}

.full-width-video iframe {
	background-color: #000;
	width: 100%;
}

.full-width-video>.wp-block-group__inner-container {
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
}

body.page-template-fullwidth .wp-block-group.alignfull.full-width-video>.wp-block-group__inner-container {
	max-width: 100% !important;
}

.news-article-slider.alignfull>.wp-block-group__inner-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
	max-width: 100% !important;
	display: flex;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	align-items: stretch;
	scroll-behavior: smooth;
}

.news-article-slider .wp-block-columns {
	width: 100%;
	min-width: 100%;
	scroll-snap-align: start;
	padding-right: 0;
	padding-left: 0;
	background-color: #2800ff;
}

.news-article-slider .wp-block-columns:last-child .wp-block-group {
	padding-right: 1rem;
}

.news-article-slider .wp-block-cover {
	min-height: 300px !important;
}

.blue-halo .wp-block-column:last-child .wp-block-group {
	background: #644c9b !important;
	background: -webkit-linear-gradient(left, #2800ff, #644c9b, #644c9b) !important;
	background: linear-gradient(to right, #2800ff, #644c9b, #644c9b) !important;
	background-image: linear-gradient(to right, #2800ff, #644c9b, #644c9b) !important;
	background-size: 150% !important;
	background-position: center center !important;
}

.alternating-grid-new .wp-block-group__inner-container {
	padding: 3rem;
}

#footer-widget .menu li {
	margin-left: -1rem;
}

#footer-widget #menu-social li {
	margin-left: 0;
}

#footer-widget .tribe-events-widget-events-list__header-title {
	font-size: 1.2rem;
}

#footer-widget .tribe-events-widget-events-list__view-more-link,
#footer-widget a.nav-link {
	padding: .5rem 1rem;
}

#footer-widget a.nav-link:hover,
#footer-widget .tribe-events-widget-events-list__view-more-link:hover {
	background-color: rgba(0, 0, 0, .25);
}

#footer-widget .menu-item-has-children {
	flex-direction: column;
}

#footer-widget .menu-item-has-children.nav-item {
	align-items: start;
}

#footer-widget .widget-title {
	margin-top: 0;
}

.dropdown-menu a.dropdown-item {
	white-space: nowrap;
}

.dropdown-menu a.dropdown-item:hover {
	background-color: rgba(0, 0, 0, .25);
}

#menu-social .menu-item a.nav-link {
	margin-right: 0;
	padding: .25rem;
}

h3 {
	line-height: 1.25;
}

@media screen and (max-width: 375px) {
	.cm-hero-section .wp-block-columns {
		width: 100%;
		margin-bottom: 0 !important;
	}

	.cm-hero-section .wp-block-column:first-of-type {
		margin-top: 10px;
	}

	.cm-hero-section .wp-block-column:last-of-type {
		margin-top: -10px;
	}

	.cm-hero-section .wp-block-column h3,
	.cm-hero-section .wp-block-column .wp-block-button__link {
		font-size: .85rem !important;
	}

	.cm-hero-section .wp-block-column .wp-block-button__link {
		padding: 5px !important;
	}
}

@media screen and (max-width: 600px) {
	.what-we-do-section-container {
		background-image: none !important;
	}

	.who-we-do-it-for {
		background-image: none !important;
		background-color: #FFF;
	}

	.cm-what-we-do>.wp-block-column>ul {
		flex-direction: column;
	}

	.cm-what-we-do>.wp-block-column>ul li {
		width: 100%;
	}
}

@media screen and (min-width: 600px) {
	.cm-hero-section .wp-block-columns {
		width: 70%;
		margin: 0 auto;
	}

	.angle-left:after,
	.angle-left::after {
		transform: skew(-20deg);
	}

	.wp-block-column.has-cover-block-next {
		margin-left: 0;
		flex-basis: calc(50% + 16px);
	}

	h1 {
		font-size: 3rem;
	}
}

@media screen and (min-width: 782px) {
	.break-columns-sooner .wp-block-columns {
		flex-direction: row !important;
	}

	.break-columns-sooner .wp-block-column:nth-child(2n) {
		margin-left: 32px !important;
	}

	.mid-page-cta-heading {
		font-size: 1.14rem;
	}

	.break-columns-sooner .wp-block-button__link {
		font-size: 18px;
	}

	.cm-hero-section {
		padding-top: 9rem !important;
		padding-bottom: 1rem !important;
	}

	.cm-hero-section .wp-block-columns {
		flex-wrap: nowrap;
		margin: 0;
		width: 100%;
	}

	.mid-page-hero .wp-block-column:first-of-type .wp-block-group.has-background {
		position: relative;
		top: -200px;
	}

	.mid-page-hero .wp-block-column:last-of-type .wp-block-group.has-background {
		position: relative;
		bottom: -75px;
		left: -100px;
	}

	.cm-hero-section .wp-block-column {
		margin-top: 0;
	}

	.cm-hero-section .wp-block-column:nth-of-type(2),
	.cm-hero-section .wp-block-column:last-of-type {
		margin-left: -32px !important;
	}

}

@media screen and (min-width: 600px) {
	.updated-hero .wp-block-column:last-child {
		padding: 2rem;
	}
}

@media screen and (min-width: 783px) {
	.admin-bar .sticky-top {
		top: 32px;
	}
}

@media screen and (max-width: 782px) {
	.who-we-do-it-for h2 {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 768px) {
	html {
		font-size: 18px;
	}

	h2 {
		font-size: 2rem;
	}

	.mid-page-cta-heading {
		font-size: 1.4rem;
	}

	.navbar-brand {
		max-width: 200px;
	}

	.break-header {
		width: 100%;
	}

	.page .cm-page-header {
		border-radius: 0 0 40px 40px;
	}

	.what-we-do-section {
		background-position: right 7%;
		background-size: 70%;
	}

	.what-we-do-content {
		margin-top: 100px;
	}

	.what-we-do-section-container .wp-block-cover__inner-container {
		width: calc(100% - 70px);
	}

	.cm-timeline .wp-block-spacer {
		display: block;
	}

	.blue-halo .wp-block-cover__inner-container,
	.blue-halo .wp-block-column:last-child {
		position: relative;
		padding-left: 5% !important;
	}

	.blue-halo .wp-block-cover__inner-container:before,
	.blue-halo .wp-block-column:last-child:before {
		content: '';
		background-color: blue;
		position: absolute;
		top: 0;
		left: 0;
		width: 10%;
		height: 0;
		padding-top: 10%;
		border-radius: 100%;
		z-index: 1;
	}

	.blue-halo .wp-block-column:last-child:before {
		background-color: transparent;
	}

	.blue-halo .wp-block-column:first-child .wp-block-cover__inner-container:before {
		display: none;
	}

	.blue-halo h2 {
		position: relative;
		z-index: 2;
	}

	.blue-halo .wp-block-column h2 {
		margin-top: 2rem;
	}

	.cm-big-text h2 {
		font-size: 3.5rem !important;
		line-height: 1.2;
	}

	#home-hero .wp-block-cover__inner-container {
		padding-top: 250px;
	}
}

@media screen and (max-width: 992px) {
	.mid-page-cta-heading {
		font-size: 2rem;
	}

	.nav-link.btn-primary {
		margin-left: 0 !important;
		text-align: left !important;
		color: #000 !important;
		background-color: #FFF !important;
		border: none;
	}

	.cm-what-we-do {
		background-image: none !important;
	}

	.cm-what-we-do .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-block-media-text.is-stacked-on-mobile {
		-ms-grid-columns: 100% !important;
		grid-template-columns: 100% !important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
	}

	.wp-block-media-text.alignfull {
		padding: 0 15px;
	}

	.wp-block-media-text.alignfull .wp-block-media-text__content {
		padding: 1rem;
	}

}

@media screen and (min-width: 992px) {
	.dropdown-menu a.dropdown-item {
		max-width: 280px;
		overflow-x: auto;
	}

	.nav-link {
		margin-right: 1rem;
	}

	.cm-hero-section .wp-block-button {
		position: relative;
		top: -150px;
		white-space: nowrap;
		z-index: 1;
	}

	.mid-page-hero .wp-block-button__link {
		width: 90%;
		font-size: .92rem;
	}

	.mid-page-hero .wp-block-button {
		top: auto !important;
	}

	.cm-hero-section .wp-block-group.has-background .wp-block-group__inner-container h2 {
		font-size: 2rem;
	}

	.cm-what-we-do {
		background-size: auto 100%;
	}

	.new-hero-section h1 {
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		margin-top: 6rem !important;
		width: 54%;
		font-size: 4.25rem !important;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 1.25;
	}

	.new-hero-section .wp-block-cover__inner-container:before {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		width: 40%;
		height: 0;
		background-color: rgba(75, 0, 255, .75) !important;
		padding-top: 40%;
		border-radius: 100%;
	}

	.new-hero-section .wp-block-button {
		margin-top: 9.5rem !important;
		letter-spacing: 3px;
	}

	.new-hero-section.wp-block-cover.has-background-dim:before {
		opacity: 0 !important;
	}

	.updated-hero .wp-block-column:last-child {
		padding: 3rem;
	}

	.angle-left:after,
	.angle-left::after {
		left: -16%;
	}

	.two-column-text .wp-block-group__inner-container {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	.offset-down {
		transform: translateY(200px);
	}


	.alternating-grid:only-child .wp-block-column:first-child,
	.alternating-grid:nth-of-type(even) .wp-block-column:first-child {
		order: 2;
	}

	.alternating-grid:nth-of-type(even) .wp-block-column:last-child {
		order: 1;
	}

	.blue-halo.alternating-grid .wp-block-column:last-child {
		padding-left: 0 !important;
		flex-grow: 1;
	}

	.blue-halo.alternating-grid .wp-block-column:last-child:before {
		top: 12%;
	}

	.alternating-grid .wp-block-column:last-child .wp-block-group {
		height: 100%;
	}

	.alternating-grid-new .wp-block-column:not(:only-child) {
		flex-basis: 50% !important;
	}

	.alternating-grid .wp-block-column:last-child {
		margin-left: 0;
	}

	.alternating-grid-new:nth-of-type(odd) .wp-block-column:first-child {
		order: 2;
	}

	.alternating-grid-new .wp-block-column:last-child {
		display: flex;
		flex-direction: column;
	}

	.alternating-grid-new .wp-block-group,
	.alternating-grid-new .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;
	}

	.wp-block-media-text.alignfull {
		padding: 0;
	}

	.wp-block-media-text.alignfull .wp-block-media-text__content {
		padding: 3rem;
	}

	.home .wp-block-cover.has-background-dim.has-background-dim-40:before,
	.home .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
		opacity: 0;
	}


}

@media screen and (min-width: 1024px) {

	#masthead.position-absolute+.site-content .entry-content .wp-block-cover:first-of-type h3 {
		margin: 2.5rem auto;
		max-width: 75%;
		line-height: 1.5;
	}

	.home .entry-content>.wp-block-cover:first-child+p {
		max-width: 75%;
		margin: 3rem auto;
		font-size: 1.25rem;
	}

	.navbar-brand {
		max-width: 300px;
	}

	.hero-section .wp-block-column {
		flex-basis: 40%;
	}

	.nav-link.btn-primary {
		margin-bottom: 1rem;
	}

	.nav-link.btn-primary {
		width: inherit;
		margin-left: inherit;
	}

	/* The actual timeline (the vertical ruler) */
	.cm-timeline {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
	}

	/* The actual timeline (the vertical ruler) */
	.cm-timeline::after {
		content: '';
		position: absolute;
		width: 6px;
		background-color: #000;
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -3px;
	}

	/* Container around content */
	.cm-timeline-container {
		position: relative;
		background-color: inherit;
	}

	/* The circles on the timeline */
	.cm-timeline-container::after {
		content: '';
		position: absolute;
		width: 25px;
		height: 25px;
		right: -29px;
		background-color: #FFF;
		border: 5px solid #2800FF;
		top: 15px;
		border-radius: 50%;
		z-index: 1;
	}

	/* Add arrows to the left container (pointing right) */
	.cm-timeline-item-container-left::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 18px;
		width: 0;
		z-index: 1;
		right: 7px;
		border: medium solid white;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #FFF;
	}

	/* Add arrows to the right container (pointing left) */
	.cm-timeline-item-container-right::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		left: 6px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent #FFF transparent transparent;
	}

	/* Fix the circle for containers on the right side */
	.cm-timeline-item-container-right::after {
		left: -29px;
	}

	.cm-timeline-item {
		background-color: #FFF;
		border-radius: 7px;
	}

	.history-header h2 {
		font-size: 1.8rem;
	}

	.history-header h3 {
		font-size: 1.35rem;
	}

	.cm-page-cta .wp-block-cover__inner-container {
		background: url('https://h-optimized.com/wp-content/uploads/2020/01/hydrogen-optimized-mid-page-logo.png') no-repeat center right;
		background-size: auto 100%;
	}

	.angle-left:after,
	.angle-left::after {
		left: -17%;
	}
}

@media screen and (min-width: 1200px) {
	header#masthead .container-fluid {
		max-width: 1140px;
		margin: 0 auto;
	}

	#home-hero .wp-block-cover__inner-container {
		padding-top: 320px;
		align-self: flex-end;
	}

	.nav-item {
		display: flex;
		align-items: start;
		flex-direction: column;
	}

	body.blog #masthead .navbar-nav>li>a.nav-link,
	body.blog #masthead .navbar-nav>li.current_page_item>a.nav-link,
	body.blog #masthead .navbar-nav>li>a.nav-link:hover,
	body.blog #masthead .navbar-nav>li.current_page_item>a.nav-link:hover {
		color: #000;
		font-weight: 500;
	}

	.primary-nav {
		background-color: transparent;
	}

	.navbar-brand {
		order: 1;
	}

	.navbar-bar {
		order: 2;
	}

	.primary-nav {
		order: 3;
	}

	.primary-nav,
	.primary-nav .navbar-nav {
		width: 100%;
	}

	.primary-nav .nav-item,
	.contact-bar .nav-item {
		width: auto;
		margin: .5rem;
	}

	.home .entry-content>.wp-block-cover:first-child+p {
		max-width: 80%;
		margin: 4rem auto;
	}

}

@media screen and (min-width: 1366px) {

	.cm-page-cta.wp-block-cover.has-background-dim:before {
		width: 84%;
	}

	.new-hero-section .wp-block-cover__inner-container {
		margin-right: -200px !important;
	}

}

@media screen and (min-width: 1400px) {
	.navbar-brand {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	header#masthead,
	header#masthead {
		padding-top: 2em !important;
		padding-bottom: 1em !important;
	}

	header#masthead .navbar-expand-xl.align-items-xl-center,
	header#masthead .navbar-expand-xl.align-items-xl-center {
		align-items: start !important;
		justify-content: start !important;
	}

	.navbar-brand,
	.navbar-brand {
		position: relative !important;
		left: initial;
		top: initial;
		transform: initial;
		max-width: 375px !important;
	}

	header#masthead .justify-content-xl-end,
	header#masthead .justify-content-xl-end {
		justify-content: center !important;
	}

	.wp-block-media-text,
	.wp-block-media-tex {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.wp-block-media-text__content,
	.wp-block-media-text__content {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	body:not(.theme-preset-active) #masthead .navbar-nav>li>a,
	body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
		font-size: 19px !important;
	}

	ul.checkmarks {
		list-style-type: none;
		padding-left: 0 !important;
	}

	ul.checkmarks>li {
		position: relative;
		padding-left: 35px;
		margin-bottom: 1em;
	}

	ul.checkmarks>li::before {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 28px;
		height: 28px;
		background-image: url('https://hydrogenoptimized.com/wp-content/uploads/2023/09/checkmark.png');
		background-size: cover;
	}

	ul.checkmarks>ul {
		list-style-type: none;
	}

	ul.checkmarks>ul li {
		position: relative;
	}


	.cm-page-cta.wp-block-cover.has-background-dim:before {
		width: 100%;
	}

	header#masthead .container-fluid {
		max-width: 1450px;
	}

	#home-hero .wp-block-cover__inner-container {
		padding-top: 200px;
		align-self: start;
	}

	#home-hero .wp-block-cover__gradient-background {
		display: none;
	}
}

@media screen and (min-width: 1600px) {
	header#masthead .container-fluid {
		max-width: 1560px;
	}

	body.page-template-fullwidth .wp-block-media-text.alignfull {
		margin: 32px auto;
		width: 100%;
		max-width: 1600px;
	}
}

@media screen and (min-width: 1900px) {
	.wp-block-cover {
		min-height: 600px;
	}

	.cm-page-cta {
		min-height: 0 !important;
	}

	header#masthead .container-fluid {
		max-width: 1600px;
	}
}

@media screen and (max-width: 764px) {
	.wp-block-columns.has-2-columns {
		flex-flow: row wrap;
	}

	.has-3-columns .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
}

/* Site Specific Styles */