/* A lot of this stuff could be done with premium GP or other paid features, but naaaahhhh, contact Jordan if you need guidance as a lot of this is certainly more compicated than basic CSS. Some general points: tried to use variables a lot but not religiously. Wordpress will not allow html in here, so inline SVGs need to be encoded. Text colors are a combination of what is here and in the Typography session, in general that section should be a decent starting place to see what color/size/etc text will be, and in here there are some overrides. All pages use this CSS file (nicer for caching), so try not to make it too big. If you want to add any massive CSS probably use the custom CSS plugin that is already installed. */

:root {
	/* theme overrides */
	--wp--preset--font-size--small: 1rem;
  --wp--preset--font-size--medium: 1.5rem;
  --wp--preset--font-size--large: 2.6rem;
	--wp--preset--font-size--large: 4.4rem;
	--wp--preset--font-size--x-large: 5rem;
	--font-headings-default: Arial, Helvetica, sans-serif;
  --font-base-default: Arial, Helvetica, sans-serif;
	
	/* custom stuff */
	--border-radius-default: 15px;
	
	--button-rounded-radius: var(--border-radius-default);
	--button-border-radius: var(--button-rounded-radius) 0 var(--button-rounded-radius) var(--button-rounded-radius);
	--button-padding: 1.2em 1.4em;
	--button-border-width: 4px;
	--button-line-height: 1.2em;
	--button-font-weight: 700;
	--button-opacity-hover: .85;
	
	--input-border-radius: var(--button-border-radius);
	--input-border: solid 3px var(--contrast-3);
	
	--image-rounded-radius: var(--border-radius-default);
	--image-border-radius: var(--image-rounded-radius) 0 var(--image-rounded-radius) var(--image-rounded-radius);
	
	--transition-opacity: .1s opacity linear;
	
	--columns-gap: 8vh;
	
	--squiggle-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2095.25%2021.167%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.771%206.823c34.665-4.74%2071.686-6.246%2089.83-.105%202.186.74-13.273-4.736-26.162-4.407-12.889.33-59.696%2010.3-53.16%2011.436%2017.009-1.097%2024.002-1.882%2038.023-2.788%2014.066-.91%2029.178-.371%2027.819.086-11.93%204.01-9.531%202.623-34.41%207.107-6.746%201.215-19.936.52-22.366.52%22%20fill%3D%22none%22%20stroke%3D%22%2343a19b%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20paint-order%3D%22stroke%20fill%20markers%22%2F%3E%3C%2Fsvg%3E');
	--air-con-wheel-small-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 62.969 67.757' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.075 67.52l-1.058-.133-2.646-.562-2.646-.562-2.48-.982-2.48-.982-2.282-1.323-2.283-1.322-3.21-3.223-3.211-3.224-1.644-3.338-1.643-3.338-.746-2.822L0 42.886V33.01l.753-2.823.753-2.822 1.357-2.822L4.22 21.72l1.684-2.227 1.685-2.227 1.188-.948 1.188-.948v-.797l-1.058-.438-1.058-.438v-.84l.695-1.44.695-1.438.354-1.538.355-1.538.009-2.931.008-2.932.34.21.341.211 1.266 2.408 1.265 2.408 1.128 1.156 1.128 1.155.805.528.805.528.253-.259.254-.26-1.335-1.158-1.335-1.16.767-1.299.766-1.3.216-1.975.215-1.976.389-.128L17.62 0l.61 1.596.61 1.595 1.383 1.184 1.383 1.185v.814h-.592l-.41.898-.41.899.042 1.306.04 1.307.158-.599.158-.598 2.712-.634 2.712-.635 5.468.01 5.468.01 3.095.777 3.096.777 2.438 1.038 2.438 1.037 1.875 1.201 1.874 1.2 1.764 1.527 1.764 1.526 1.732 2.15 1.731 2.149 1.352 2.822 1.352 2.822.753 2.822.752 2.822v9.878l-.752 2.822-.753 2.823-1.357 2.822-1.358 2.822-1.685 2.228-1.685 2.227-2.334 1.886-2.334 1.885-2.646 1.412-2.646 1.412-2.836.884-2.837.884-2.745.382-2.745.382-3.061-.053-3.062-.053zm12.498-4.16l.998-.516.22-.57.219-.572.01-.588.01-.589 1.214-.882 1.216-.882.01-.252.01-.252-1.666.714-1.665.714-.455-.622-.455-.622.973-.798.974-.797-.424-.012-.425-.013-.904.412-.905.412-.504-.676-.504-.677.775-.638.774-.638-1.101.215-1.102.215-.227-.592-.228-.592.445-.535.444-.536-.733.233-.733.233-.959-2.563-.959-2.563-.61-1.588-.61-1.587-1.4-.2-1.399-.2-.753-.252-.753-.252-.604 2.569-.605 2.568-.186 3.374-.185 3.375.59 2.029.59 2.028 1.129 1.227 1.13 1.226 1.411.499 1.411.499 2.752.015 2.751.016zm-18.021-2.166l.808-.565 1.601.24 1.602.24-.197-.318-.196-.318-1.429-.471-1.429-.472v-1.713l1.5.198 1.5.197-1.322-.607-1.321-.608-.002-.96-.002-.962 1.147.187 1.146.187-.97-.56-.97-.56v-1.058l.794-.307.794-.306-.6-.242-.6-.243.682-1.732.683-1.733 1.064-2.107 1.064-2.107v-.705l-1.127-1.598-1.126-1.598h-.667l-2.912 1.938-2.912 1.937-1.858 2.031-1.857 2.032-.642 1.41-.642 1.412-.008 1.687-.008 1.687.503 1.202.502 1.202 1.526 1.663 1.526 1.663 1.059.65 1.058.65.715.001.715.001zm27.79-5.25l1.255-.524 1.425-1.129 1.425-1.129 1.013-1.398 1.014-1.399V48.36l-.65-.405-.648-.405.123-1.803.124-1.802-.728 1.576-.727 1.576-.108.108-.108.108-.58-.223-.579-.222-.029-1.285-.029-1.286-.534 1.235-.535 1.235-.115.12-.116.12-.732-.232-.732-.232-.038-.946-.037-.947-.387.98-.387.98-.486-.186-.487-.186h-.73l.185-.706.184-.705h-.64v1.105l-.793-.238-.794-.24-2.96-1.372-2.958-1.372h-1.557l-.63.696-.631.697-.66.21-.658.208v.742l1.295 2.133 1.295 2.132 2.27 2.406 2.27 2.406 1.203.743 1.202.743.965.291.965.29 1.158.03 1.158.031zm-38.822-7.54l-.555-1.073V46.324l.469-.389.468-.388.797 1.079.798 1.078.15-.15.15-.15-.52-1.246-.522-1.246.665-.601.664-.601.393.735.394.734h.705l-.4-.746-.4-.747.562-.561.561-.561.426.426.426.425h.499l-.17-.65-.171-.65 1.702-.718 1.703-.717 1.8-.583 1.799-.584.644-.47.643-.471.054-.665.054-.665.247-1.292.247-1.293-2.567-.601-2.568-.601-3.4-.18-3.4-.18-1.974.62-1.973.62-1.234 1.2-1.235 1.198-.58 1.993-.578 1.993.182 2.272.182 2.273.692.928.692.928.887.176.887.176.972 1.162.972 1.161.158-.158.159-.159zm23.652-5.561l1.207-.573.755-1.06.755-1.06.164-1.714.165-1.715-.44-1.064-.441-1.064-1.177-1.033-1.176-1.033-1.598-.24-1.599-.24-1.68.834-1.68.833-.832 1.68-.834 1.68.234 1.558.234 1.559.744.946.745.947 1.09.664 1.09.665h1.533l1.535.002zm-5.8-4.445l-.415-.415v-1.34l1.2-1.2 1.199-1.2h1.395l.388.467.387.467-.415.415-.415.415h-1.129l-.423.423-.423.424V38.037l-.467.388-.467.388zm25.176 3.065l1.778-.85.718-.98.72-.98.413-1.2.413-1.198V30.458l-.73-.93-.732-.93h-1.814l-1.211-1.322-1.212-1.323.247.706.247.705.376.942.376.942-.472.569-.472.569-.991-1.158-.991-1.158-.015.221-.014.222.512 1.224.511 1.225-.406.406-.405.406h-.842l-.203-.53-.203-.529h-.753l.41.766.41.766-.637.466-.638.466-.668-.605-.669-.605.23.918.23.917-3.113 1.096-3.115 1.097-.879.458-.88.458-.23 1.576-.232 1.575-.124.49-.124.488 1.058.316 1.059.315 2.998.5 2.999.502 2.646-.181 2.645-.18zm-10.883-8.712l2.538-1.743 1.626-1.738 1.626-1.738.86-1.848.86-1.848.003-1.017.004-1.018-.424-1.452-.425-1.452-2.361-2.38-2.362-2.382h-2.917l-.216.563-.216.564-1.978-.203-1.978-.202 1.764.864 1.764.863v1.255l-1.587-.076-1.588-.077 1.5.707 1.499.707v.621l-.194.506-.194.506-.953-.147-.952-.147.685.552.684.552h.505l-.185.706-.184.705-.929.024-.929.024.8.386.8.385-.228.716-.227.715-1.366 2.825-1.367 2.826v1.251l1.114 1.58 1.114 1.58.739-.385.738-.386zm-15.536-.624l1.205-1.059h.757l-.225-.586-.225-.586-1.58-2.378-1.581-2.377-1.98-2.012-1.98-2.01-1.808-.843-1.81-.843-.793-.003-.794-.003v3.175h-.691l-.72-1.41-.72-1.412-.434.01-.433.008-1.677 1.23-1.676 1.23-1.058 1.46-1.057 1.46v2.277l.477.397.477.396L8.68 30.1l-.125 1.852.75-1.676.75-1.676h1.322l.035 1.5.034 1.499.543-1.323.542-1.323H14.2l.037 1.147.038 1.146.388-.985.389-.985.72.103.72.103-.027.794-.028.794h.585V30.01l.617.002.618.002 3.35 1.585 3.352 1.584.483.002.483.002zm8.152-3.003l.446-1.76.408-3.4.41-3.401-.594-2.42-.593-2.42-.646-.883-.646-.881-1.168-.795-1.167-.794-1.446-.392-1.446-.391-2.37.168-2.37.167-.893.586-.894.585V15.058l-1.402 1.038-1.403 1.038-.008.245-.009.245 1.761-.732 1.761-.732.544.451.544.452-1.158.991-1.159.991.276.014.276.015 1.165-.487 1.165-.487.45.72.45.721-.832.64-.833.64.464.009.464.008.664-.355.663-.355.347.62.347.619-.565.624-.565.624.834-.095.834-.095 1.547 3.936 1.548 3.936 1.648.347 1.648.348.529-.054.53-.054zm-24.84-8.827l-.198-.518h-.631v.941l.226.226.226.225.288-.178.288-.178zm-1.544-.504l.519-.328-.24-.24-.239-.238-.544.209-.544.208v.728l.264-.005.265-.005zm2.656-1.072l.218-.353H10.36l-.218.353-.218.353h1.411zm-1.94-.706v-.705h-.706v1.411h.705zm5.714-2.072l.16-2.778.754-1.277.753-1.276-.975-.505-.975-.504-1.441-1.564-1.442-1.563-.445-.833-.446-.832-.609 3.008-.609 3.008-.576 1.114-.576 1.114 1.01.522 1.01.523 1.816 1.986 1.815 1.986v.649h.615zm1.695-2.073l.001-.617.705-1.155.704-1.155v-.336h-.643l-.737 1.523-.737 1.522v.836h.706zm2.87-7.38l.388-.466-1.189-1.383-1.188-1.382-.265-.03-.264-.03v1.093l-.542 1.047-.541 1.047 1.334 1.597 1.335 1.596.272-1.31.272-1.31z'/%3E%3C/svg%3E");
}


/* GLOBALS */
html { 
	scroll-behavior: smooth; 
}

body {
	font-family: var(--font-base-default);
	overflow-x: hidden;
	font-size: 17px;
}

/* Layout */
.paper-wrapper {
	border-radius: 40px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.2), 0 6px 6px rgba(0,0,0,0.5);
}

.paper-wrapper .paper-wrapper {
	box-shadow: none;
}

ul li:not(:last-child) {
	margin-bottom: .3rem;
}

.page .site-main {
	margin: 0;
}

.page .site-main .inside-article {
	padding-bottom: 0;
}

.wp-block-group__inner-container, .grid-container {
	max-width: 1400px;
}

.wp-block-button.skinny-button .wp-block-button__link,
.wp-block-jetpack-contact-form .wp-block-button.skinny-button .wp-block-button__link {
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 500;
	min-height: unset;
}

.site-main .wp-block-group__inner-container {
	padding: 0;
}

.section-wrapper {
	padding-top: calc(0vmax / 10 + 4vh);
  padding-bottom: calc(0vmax / 10 + 4vh);
	padding-left: 4vw;
	padding-right: 4vw;
	margin: 0;
}

.section-wrapper .wp-block-columns-is-layout-flex {
	gap: var(--columns-gap);
}

.accent-border-bottom {
	border-bottom: 2px solid var(--accent);
}

/* Buttons */
.wp-block-button .wp-block-button__link {
	border-radius: var(--button-border-radius);
	border-width: var(--button-border-width);
	line-height: var(--button-line-height);
	font-weight: var(--button-font-weight);
	padding: var(--button-padding);
	opacity: 1;
	transition: var(--transition-opacity);
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
	min-width: 12rem;
}

.wp-block-button .wp-block-button__link:hover {
	opacity: var(--button-opacity-hover);
}

a.floating-contact-btn:hover {
	color: var(--base);
}

/* Table */
.wp-block-table thead {
	border-bottom: 1px solid;
	background-color: var(--base);
}

.wp-block-table.fancy-table table {
	border-width: 0 0 0 0;
	table-layout: auto;
	width: 100%;
}

.wp-block-table.fancy-table thead {
	border: none;
	background-color: transparent;
}

.wp-block-table.fancy-table thead tr th:first-child {
	text-align: left;
}

.wp-block-table.fancy-table thead tr th:nth-child(2) {
	background: var(--base-3);
}

.wp-block-table.fancy-table thead tr th:nth-child(3) {
	background: var(--orange);
	color: var(--white);
}

.wp-block-table.fancy-table th {
	border: none; 
	padding: .4rem;
	line-height: 1.4rem;
	word-break: normal;
}

.wp-block-table.fancy-table td {
	border: none;
	padding: .4rem;
}

.wp-block-table.fancy-table tr {
	border-bottom: 1px solid var(--contrast);
}

.wp-block-table.fancy-table tbody tr td {
	text-align: center;
}


.wp-block-table.fancy-table tbody tr td:first-child {
	text-align: left;
}

/* Text */
.entry-title {
	text-align: center;
}

.smaller-text p, .smaller-text {
	font-size: 1rem;
	line-height: 1.rem;
}

/* Images */
.wp-block-jetpack-tiled-gallery {
	margin-bottom: 4rem;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__col, .wp-block-jetpack-tiled-gallery .tiled-gallery__row {
	gap: 1rem;
}

.wp-block-cover.overlay-image .has-background-dim {
	display: none;
}

.box-bottom-left .wp-block-image figure, .box-bottom-right .wp-block-image figure {
	position: relative;
	z-index: 0;
}

.box-bottom-left .wp-block-image figure:after, .box-bottom-right .wp-block-image figure:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  height: calc(100% - 2rem);
  width: calc(100% - 2rem);
	background-color: var(--contrast);
	z-index: -1;
	border-radius: var(--image-rounded-radius);
	top: 3rem;
}

.box-bottom-left .wp-block-image figure:after {
	left: -1rem;
}

.box-bottom-right .wp-block-image figure:after {
	left: 3rem;
}

.box-bottom-left img, .box-bottom-right img {
	border-radius: var(--image-border-radius);
}

.box-bottom-left-multi .wp-block-image {
	width: 100%;
}

.box-bottom-left-multi .wp-block-group {
	gap: 0;
	position: relative;
	z-index: 1;
}

.box-bottom-left-multi .wp-block-group:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  height: calc(100% - 2vh);
  width: calc(100% - 2vw);
	background-color: var(--contrast);
	z-index: -1;
	border-radius: var(--image-rounded-radius);
	top: 3vh;
}

.box-bottom-left-multi .wp-block-group figure {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.box-bottom-left-multi img {
	width: calc(100% - 1vw);
	float: right;
}

.box-bottom-left-multi .wp-block-image:first-child img {
	border-top-left-radius: var(--image-rounded-radius);
}

.box-bottom-left-multi .wp-block-image:last-child img {
	border-bottom-left-radius: var(--image-rounded-radius);
		border-bottom-right-radius: var(--image-rounded-radius);
}

.squiggle-underline {
	position: relative;	
	z-index: 0;
}

.squiggle-underline:after {
	content: var(--squiggle-image);
	display: block;
	position: absolute;
	width: 100%;
	height: 1rem;
	transform: scaleY(0.1);
	z-index: -1;
	bottom: 1.5rem;
}

.squiggle-underline.bigger-squiggle:after {
	transform: scaleY(0.4);
}

ul.turbine-list {
	list-style: none;
	padding-left: 1.5rem;
	margin-left: 0;
}

ul.turbine-list > li {
	padding-bottom: 2rem;
	position: relative;
}

ul.turbine-list > li::before {
	/* Can't use custom ::marker because Safari :( */
	content: var(--air-con-wheel-small-image);
	position: absolute;
	left: -1.5rem;
	top: 2px;
	width: 1rem;
}

ul.turbine-list ul {
	list-style: none;
	line-height: 1.5rem;
	margin-left: 0;
}

.ellipse-divider {
	gap: 0;
	position: relative;
	z-index: 0;
	height: 35px;
}

.ellipse-divider .ellipse-top, .ellipse-divider .ellipse-bottom {
	position: absolute;
	height: 100%;
	width: 100%;
	clip-path: ellipse(110% 100% at 0 0);
}

.ellipse-divider .ellipse-top {
	z-index: 1;
	top: 0;;
}

.ellipse-divider .ellipse-bottom {
	z-index: 0;
	top: 2px;
}

.accent-svg svg path {
	fill: var(--accent);
}

/* Rain drop */
.rain-drop-overlay {
	position: relative;
	--teardrop: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201512%201512%22%3E%3Cpath%20d%3D%22M414.21%20226.014L256%200%2097.791%20226.014c-65.493%2093.56-29.274%20224.629%2075.837%20269.286C198.933%20506.053%20226.772%20512%20256%20512s57.067-5.947%2082.373-16.699c105.111-44.658%20141.328-175.727%2075.837-269.287z%22%2F%3E%3C%2Fsvg%3E');
	z-index: 1;
	overflow: hidden;
}

.rain-drop-overlay::after,
.rain-drop-overlay::before {
	/* using a mask instead of background-image enable dynamic background color, using currentColor here, it is assumed that text color contrasts well with background. But it does mean no blur, which would be nice */
  content: '';
  position: absolute;
  background-color: currentColor;
	mask-image: var(--teardrop);
	mask-size: 200px;
	mask-repeat: repeat;
	mask-position: 80px 80px;
	animation: rain 6s linear infinite;
	height: 200%;
	width: 150%;
	bottom: 0;
	left: -120px;
	z-index: -1;
	opacity: .02;
}

@keyframes rain {
  from {transform: translateY(0);}
  to {transform: translateY(400px);}
}

/* Accordion */
.wp-block-accordion {
	margin-bottom: 4vh;
}

.wp-block-accordion-item {
	border-top: 1px solid var(--contrast-3);
	padding: 1vh 0;
}

.wp-block-accordion-item:last-child {
		border-bottom: 1px solid var(--contrast-3);
}

.wp-block-accordion-item .wp-block-accordion-heading {
	text-transform: capitalize;
	font-family: var(--font-headings-default);
	font-size: 1.7rem;
	font-weight: 700;
}

.wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {
	padding-right: 1rem;
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle-title:hover {
	text-decoration: none;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	color: transparent;
	position: relative;
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle-icon:before {
	content: "\2304"; /* ⌄ */
	font-weight: 400;
	color: var(--contrast-2);
	position: absolute;
	top: -.5rem;
	left: 0;
	right: 0;
  width: fit-content;
	transition: transform .2s;
	transform-origin: 50% 1.5rem;
	transform: scaleX(2) rotate(0);
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	transform: none;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon:before {
	transform: scaleX(2) rotate(-180deg);
}

.wp-block-accordion-item .wp-block-accordion-panel p {
	font-size: 1rem;
}

.wp-block-accordion-item .wp-block-accordion-panel {
	margin: auto;
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.25s ease;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
	grid-template-rows: 1fr !important;
}

.wp-block-accordion-item .wp-block-accordion-panel .wp-block-group {
	padding: 1vh 8vw 0 8vw;
}

.wp-block-accordion-item .wp-block-accordion-panel > .wp-block-group {
	overflow: hidden;
}

.accordion-condensed .wp-block-accordion-item {
	border: none;
}

.accordion-condensed .wp-block-accordion-heading {
	text-transform: none;
	font-size: 1.4rem;
	font-weight: 400;
}

.accordion-condensed .wp-block-accordion-item .wp-block-accordion-panel .wp-block-group {
	padding: 1rem 4rem 0 2rem;
}

.accordion-condensed .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon:before {
	transform-origin: 50% 1rem;
}

/* Carousel/Swiper */
.swiper .swiper-slide div:only-child {
	height: 100%;
	margin: 0;
}

.swiper .swiper-slide {
	height: 100%;
}

.swiper .swiper-slide p {
	font-size: 1rem;
}

.swiper .wp-block-columns {
	padding: 2rem;
	gap: 2rem;
}

.wp-block-cb-carousel-v2 {
--wp--custom--carousel-block--navigation-sides-offset: 0rem;
	--wp--custom--carousel-block--navigation-size: 4rem;
	--wp--custom--carousel-block--navigation-hover-color: var(--base);
}

.wp-block-cb-carousel-v2 .swiper-button-prev, .wp-block-cb-carousel-v2 .swiper-button-next {
	border-radius: 50%;
	padding: .25rem;
	color: var(--base);
	background: var(--accent);
	width: 4rem;
	opacity: var(--button-opacity-hover);
}


.wp-block-cb-carousel-v2 .swiper-button-prev:hover, .wp-block-cb-carousel-v2 .swiper-button-next:hover {
	opacity: 1;
}

.wp-block-cb-carousel-v2 .swiper-button-prev:after, .wp-block-cb-carousel-v2 .swiper-button-next:after {
	position: absolute;
	font-size: 3rem;
	top: .3rem; /* Unicode text symbols aren't vertically centered on the line, this offset is done by eye */
}

.wp-block-cb-carousel-v2 .swiper-button-prev:after {
	content: '\2190'; /* ← */ 
}

.wp-block-cb-carousel-v2 .swiper-button-next:after {
	content: '\2192'; /* → */
}

.clean-carousel-wrapper {
	padding-bottom: 8vh;
}

.clean-carousel-wrapper h3 {
	padding: 4vh 0;
}

/* Header */
#masthead {
	height: 96px;
	padding: 0;
}

#masthead .inside-header {
	height: 100%;
}

#masthead .inside-header .site-logo, 
#masthead .inside-header .mobile-menu-control-wrapper {
	height: 96px;
	display: flex;
	align-items: center;
}

.has-inline-mobile-toggle #site-navigation.toggled {
	margin-top: 0;
}

#masthead .main-navigation a {
	text-transform: uppercase;
}

#masthead .sub-menu {
	min-width: 200px;
	width: max-content;
	border-radius: 10px;
  box-shadow: 0px 0px 25px var(--contrast);
	padding: .5em 1em;
}

#masthead .sub-menu a {
	text-transform: none;
	padding: .1em 0;
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0;
}

#masthead .sub-menu a:before {
	content: "- ";
}

#masthead .inside-header {
	padding: 0;
}

.main-navigation .main-nav ul li {
	margin-bottom: 0;	
}

.main-navigation .main-nav ul li a {
	padding: 0;
	margin-left: .75vw;
  margin-right: .75vw;
	text-decoration: none;
	font-weight: 600;
	line-height: 2rem;
}

.main-nav .menu-item.current-menu-item a {
	background-image: linear-gradient(currentColor,currentColor);
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-position: 0 100%;
  background-position: 0 calc(100% - 0.1em);
}

.main-nav .dropdown-menu-toggle {
	display: none;
}

.header-widget {
	width: 33%;
}

.header-widget .wp-block-social-links .wp-block-social-link.wp-social-link {
	border-radius: .4rem;
	box-shadow: 0px 0px 0px 2px inset;
	color: var(--base);
	background-color: var(--contrast);
	transition: .1s background-color linear,.1s color linear,.1s box-shadow linear;
}

.header-widget .wp-block-social-links .wp-block-social-link.wp-social-link:hover {
	color: var(--contrast);
	background-color: var(--base);
}

.header-widget .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
	width: 39px;
  height: 39px;
	padding: 10px;
}

.wp-block-social-link:hover {
	transform: none;
}

.menu-toggle {
	font-size: 2rem;
	line-height: 2rem;
}

/* Footer */
.site-footer .footer-widgets-container {
	padding: 0;
}

.site-footer .site-info {
	display: none; /* 🙊 */
}

.custom-footer-wrapper {
	padding: 4vh 4vw;
	clip-path: ellipse(250% 100% at 0 0);
}

.custom-footer-wrapper p {
	font-size: 1rem;
}

.custom-footer-wrapper img {
	height: 210px;
}

.custom-footer-wrapper .quick-links a {
	color: var(--accent);
}

.custom-footer-wrapper .system-links {
	margin-bottom: 1.75em;
}

.custom-footer-wrapper .system-links a {
	color: var(--accent);
}

.custom-footer-wrapper .system-links p:after {
	content: " | ";
}

.custom-footer-wrapper .system-links p:last-child:after {
	display: none;
}

/* HOME - Hero */
.hero-wrapper.alignfull {
	margin: 0;
}

.hero-wrapper.alignfull h1.alignfull {
	max-width: 855px;
	margin: auto;
	margin-top: 80px;
	line-height: 1;
}

.hero-wrapper.alignfull .wp-block-buttons {
	padding: 4rem 1rem;
	flex-wrap: wrap;
}

.hero-wrapper.alignfull .has-background-dim {
	background-color: unset;
}

/* HOME - Get a quote */
.get-a-quote h2 {
	font-size: 1.7rem;
}

.aircon-contact-form h2 {
	margin-bottom: 50px;
}

.wp-block-jetpack-contact-form-container {
	color: var(--accent);
}

.wp-block-jetpack-contact-form {
	--wp--style--block-gap: 1rem;
}

.wp-block-jetpack-contact-form-container {
	font-size: 1rem;
}

.wp-block-jetpack-contact-form-container .wp-block-columns {
	margin: 0;
	gap: 1vh;
}

.wp-block-jetpack-contact-form-container p {
	font-size: 1rem;
	margin: 0;
}

.wp-block-jetpack-contact-form-container .wp-block-jetpack-label {
	font-weight: 400;
	font-size: 1rem;
}

.wp-block-jetpack-contact-form-container .smaller-font .wp-block-jetpack-label {
	font-size: 0.9rem;
}

.wp-block-jetpack-contact-form-container .name-wrapper {
	gap: 0;
}

.contact-form .grunion-field {
	border-radius: var(--input-border-radius);
	border: var(--input-border);
	box-shadow: 0 0 0 1px transparent;
}

.contact-form .grunion-field-text {
	font-size: 1rem;
}

.contact-form .wp-block-button {
	margin-left: auto;
}

.wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea textarea {
	height: 100px;
}

.wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea textarea::placeholder {
	color: var(--contrast-2) !important;
}

.wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea textarea:hover::placeholder, 
.wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea textarea:active::placeholder, .wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea textarea:focus::placeholder {
	opacity: 1;
}

.wp-block-jetpack-contact-form .contact-form__error {
	border-radius: var(--input-border-radius);
}

.wp-block-jetpack-contact-form-container .contact-form-submission {
	margin: 0;
}

.wp-block-jetpack-contact-form-container .contact-form-submission h4 {
	font-size: 1rem;
	font-weight: 700;
	margin-top: calc(20px + 1rem)
}

/* HOME - Call today */
.call-today {
	padding-top: 10vh;
}

.wp-block-cover.overlay-image {
	position: absolute;
  height: 600px;
  width: 48vw;
	max-width: unset;
}

.call-today .call-big-button {
	padding: 11vh 0 6vh 0;
}

.section-wrapper .call-big-button .wp-block-group {
	border-radius: var(--button-rounded-radius);
	padding: 4%;
	gap: 20px;
}

.section-wrapper .call-big-button .wp-block-group p {
	text-underline-offset: .2em;
  text-decoration-thickness: 1px !important;
}

/* HOME - Google reviews */
.google-reviews > .wp-block-group__inner-container {
	clip-path: ellipse(400% 100% at 0% 0%);
}

.google-reviews .wp-block-group__inner-container .wp-block-group__inner-container {
	padding: 10vh 0 8vh 0;
	max-width: 1280px;
}

/* HOME - Not wallet */
.not-wallet {
	width: 100%;
	padding: 1vh 0;
}

.not-wallet h3 {
	margin: 0;
}

/* HOME - Information section */
.information-section p {
	font-size: 1rem;
	line-height: 1.5rem;
}

/* HOME - When section */
.when-section {
	padding-top: 6vh;
	padding-bottom: 8vh;
	--columns-gap: 5vh;
}

.when-section .wp-block-columns {
	padding: 4vh;
}

.when-section .wp-block-column {
	padding: 3vh 4vh;
	border-radius: var(--border-radius-default);
}

.when-section .wp-block-column:first-child {
	border-top-right-radius: 0;
}

.when-section .wp-block-column:nth-child(2) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.when-section .wp-block-column:last-child {
	border-top-left-radius: 0;
}

.when-section h2 {
	line-height: 2.8rem;
}

.when-section p {
	font-size: 1rem;
	line-height: 1.5rem;
}

.when-section .wp-block-image img {
	height: 60px;
	margin-bottom: 20px;
}

/* HOME - Where section */
.where-section {
	padding-top: 250px;
	padding-bottom: 250px;
}

.where-section p {
	font-weight: 700;
	font-size: 1.8rem;
}

/* HOME - FAQs section */
.faqs-section {
	padding-bottom: 8vh;	
}

.faqs-section h2 {
	color: var(--contrast);
	padding: 4vh 0;
}

.faqs-section p a {
	color: var(--accent);
}

/* HOME - Map section */
.map-section .wp-block-group__inner-container {
	max-width: unset;	
}

.map-section iframe {
	/* Size is set on iframe */
	display: block;
}

/* HOME - Stay cool */
.stay-cool-section {
	position: relative;
	padding-bottom: 35px;
}

.stay-cool-section h2 {
	text-transform: uppercase;
}

.stay-cool-section .ellipse-wrapper {
	gap: 0;
	position: relative;
	z-index: 0;
	height: 35px;
}

/* POSTS */
.wp-block-newspack-blocks-homepage-articles .type-post figure.post-thumbnail {
	margin-right: 6vh;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-title {
	text-align: left;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-wrapper {
	display: flex;
	flex-direction: column;
	align-self: center;
	gap: 2rem;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-wrapper .entry-title {
	margin: 0;
	color: var(--dark-accent);
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-wrapper .entry-title a {
	font-size: 2.6rem;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-wrapper p {
	font-size: 1rem;
	margin: 0;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-wrapper a {
	font-size: 1rem;
}

.wp-block-newspack-blocks-homepage-articles .type-post .entry-meta {
	order: -1;
	font-size: 1rem;
	color: var(--black);
}

.wp-block-newspack-blocks-homepage-articles.has-more-button button {
	margin: 0 auto;
	background: var(--dark-accent);
}

.wp-block-newspack-blocks-homepage-articles.has-more-button button:hover {
	color: var(--white);
	opacity: var(--button-opacity-hover);
} 


.wp-block-newspack-blocks-homepage-articles.has-more-button.is-loading button {
	background: none;
}

.wp-block-newspack-blocks-homepage-articles.has-more-button.is-loading button .loading {
	height: 4rem;
	width: 4rem;
	border-width: 2px;
	color: var(--dark-accent);
}


/* SINGLE POST */
.post.type-post * {
	color: var(--contrast);	
}

.post.type-post .entry-title {
	text-align: left;
}

.post.type-post p {
	font-size: 1rem;
}

.post.type-post p a {
	color: var(--accent);
}

.post.type-post .featured-image {
	display: none;
}

.post.type-post .entry-header {
	display: flex;
	flex-direction: column-reverse
}

.post.type-post .entry-header .entry-meta {
	padding-bottom: 1rem;
}

.cat-links {
	display: none;
}

.post-navigation {
	display: flex;
	justify-content: space-between;
	height: 3rem;
	flex-direction: row-reverse;
	gap: .5rem;
}

.post-navigation div:only-child {
	margin-left: auto;
}

.post-navigation a {
	color: var(--contrast);
	text-decoration: none;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 3rem;
	
}

.post-navigation .gp-icon {
	opacity: 1;
	margin: 0;
	height: 100%;
	color: var(--contrast);
	transform: rotateY(180deg);
}

.post-navigation .gp-icon svg {
	height: 100%;
	top: 0;
}

.post-navigation .nav-next, .post-navigation .nav-previous {
	display: flex;
	max-width: calc(50% - .5rem);
	gap: .5rem;
	white-space: pre;
}

.post-navigation .nav-previous {
	flex-direction: row-reverse;
}

.post-navigation .prev, .post-navigation .next {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* ABOUT US */
.about-us-page-content {
	padding: 4vh 0;
}

.about-us-page-content .about-us-page-text {
	padding: 4vh 0;
}

/* FAQS */
.faqs-grid {
	padding: 4vh 0;
	gap: 4vh;
}

.faqs-back-to-top {
	padding: 4vh 0;
}

/* CONTACT US */
.contact-us-page-wrapper {
	padding: 4vh 0;
}

.contact-us-page-wrapper .wp-block-column:first-child .wp-block-paragraph:not(.has-small-font-size) {
	padding: 2vh 0;
}

/* PRICING */

/* Hero */
.pricing-hero {
	--columns-gap: 2rem;
}

.pricing-hero h1 {
	font-size: 4rem;
}

.pricing-hero .basic-clean-wrapper, .pricing-herp .ducted-clean-wrapper {
	margin-top: 3.7rem;
}

.pricing-hero .basic-clean-wrapper, .pricing-hero .premium-clean-inner, .pricing-hero .ducted-clean-wrapper {
	padding: 4vh 3vw;
}

.pricing-hero .basic-clean-wrapper p:last-child, .pricing-hero .premium-clean-inner p:last-child, .pricing-hero .ducted-clean-wrapper p:last-child
{
	margin-bottom: 0;
}

.pricing-hero h4 {
	line-height: 1.7rem;
	font-size: 1.7rem;
}

.pricing-hero .price {
	margin: 0;
	font-size: 6rem;
	white-space: nowrap;
}

.pricing-hero .per-unit-price {
	margin-top: -1rem;
	padding-left: 9rem;
}

.pricing-hero .premium-clean-wrapper {
 	padding: 0;
	margin: 0;
}

.pricing-hero .premium-clean-wrapper  h4 {
	margin-bottom: 0;
	padding: 1rem;
}

.pricing-hero .premium-clean-inner .paper-wrapper {
	padding: 2vh 2vw 1rem 2vw;
	margin: 1rem 0;
}

/* Table section */
.pricing-table-wrapper .squiggle-underline {
	margin: 4vh 0 2vh 0;
}

.pricing-table-wrapper .wp-block-columns {
	gap: 3vh;
}

/* Contact section */
.pricing-get-in-touch-wrapper .wp-block-paragraph a {
	color: var(--accent);
}

/* --MOBILE -- */
/* Theme uses 768px for mobile cutoff */
/* Header starts looking bad at 1000px, Footer at about 900px */
@media (max-width: 1000px) {	
	/* GLOBALS */
	h1 {
		font-size: 3rem;
	}
	
	h2 {
		font-size: 2rem;
	}
	
	h2.has-x-large-font-size {
		font-size: 3rem !important;
	}
	
	h2, h4 {
		text-align: center;
	}
	
	.google-reviews .wp-block-group__inner-container .wp-block-group__inner-container {
		margin: 0 2vw;
	}
	
	/* Images */
	.wp-block-jetpack-tiled-gallery .tiled-gallery__col, .wp-block-jetpack-tiled-gallery .tiled-gallery__row {
	gap: 0;
}
	
	/* Accordion */
	.accordion-condensed .wp-block-accordion-item .wp-block-accordion-panel .wp-block-group {
	padding: 1rem 0 0 0;
}
	
	/* Carousel/Swiper */	
	.wp-block-cb-carousel-v2 .swiper-button-prev, .wp-block-cb-carousel-v2 .swiper-button-next {
			bottom: 0;
			top: 100%;
	}
	
		.wp-block-cb-carousel-v2 .swiper-button-prev {
			left: 20%;
	}

			.wp-block-cb-carousel-v2 .swiper-button-next {
			left: 60%;
	}
	
	/* HEADER */
	#site-navigation .inside-navigation #primary-menu {
		display: flex;
	}
	
	.mobile-menu-open .has-inline-mobile-toggle #site-navigation {
		position: relative;
		min-height: calc(100vh - 287px);
		background: var(--contrast);
		display: flex;
	}
	
	.mobile-menu-open .has-inline-mobile-toggle #site-navigation .inside-navigation #primary-menu {
		display: flex;
		justify-content: center;
		max-width: 100vw;
	}
	
	#masthead .sub-menu {
		width: 100%;
		border-radius: 0;
	}
	
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation .inside-navigation #primary-menu ul li a {
		font-size: 3rem;
		line-height: 6rem;
		text-align: center;
		width: 100%;
	}
	
	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation .inside-navigation #primary-menu ul li ul li a {
		font-size: 2rem;
		line-height: 4rem;
	}
	
	.site-header .header-widget {
		display: none;
		justify-content: center;
	}
	
	.mobile-menu-open .site-header .header-widget {
		display: flex;
		background: var(--contrast);
		margin-top: 0;
		padding: 2rem 0;
	}
	
	.header-right-stuff {
		display: flex;
		flex-direction: column;
	}
	
	.header-right-stuff .wp-block-button a {
		background-color: var(--accent);
		color: var(--white);
		font-size: 1.8rem;
	}
	
	.site-logo {
		padding-left: 20px;
	}
	
	.mobile-menu-open #page {
		display: none;
	}

	.mobile-menu-open .site-footer {
		display: none;
	}
	
	/* HOME */
	/* Get a Quote */
	.get-a-quote .wp-block-columns .wp-block-column:nth-child(1) {
		order: 2;
	}
	
		.get-a-quote .wp-block-columns .wp-block-column:nth-child(2) {
		order: 1;
	}
	
	/* Call Today */
	.call-today {
		position: relative;
		background-color: transparent !important;
	}
	
	.call-today .overlay-image {
		left: 0;
		top: 0;
		z-index: 0;
		height: 100%;
		width: 100%;
	}
	.call-today p {
		z-index: 1;
		position: relative;
	}
	
	.call-today .call-big-button {
		z-index: 1;
		position: relative;
		max-width: 80vh;
	}
	
	.call-today .call-big-button p {
		font-size: 2rem !important;
	}
	
	/* Info Section */
	.information-section {
		--columns-gap: 0rem;
	}
	
	.information-section .second-info-wrapper { 
		flex-direction: column-reverse;
	}
	
	.information-section .wp-block-columns:first-child {
		padding-bottom: 4rem;
	}
	
	/* PRICING */
	.pricing-hero h1 {
		font-size: 1.8rem;
	}
	
	.pricing-hero .all-cleans-wrapper .wp-block-column:nth-child(1) { 
		order: 2; 
	}

	.pricing-hero .all-cleans-wrapper .wp-block-column:nth-child(2) { 
		order: 1;
	}

	.pricing-hero .all-cleans-wrapper .wp-block-column:nth-child(3) { 
		order: 3;
	}
	
	.pricing-hero .all-cleans-wrapper:nth-of-type(2) {
		padding-top: 4rem;
	}

	
	/* POSTS */
	.wp-block-newspack-blocks-homepage-articles .type-post {
		flex-direction: column;
		margin: 0 1rem 3rem 1rem;
	}
	
	.wp-block-newspack-blocks-homepage-articles .type-post figure.post-thumbnail {
		margin-right: 0;
	}
}