/*!
Theme Name: houseit
Theme URI: http://underscores.me/
Author: Peter Leighton
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: houseit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

houseit is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: 'din-2014', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both; font-weight: normal
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* 
 * Set text to uppercase,
 * all headings should be uppercase 
*/

.uc, h1, h2, h3, h4, h5 p { text-transform: uppercase; font-weight: normal; }
.lc {text-transform: none}

/* Din Light */

.din-light-35-50 { font-family:'din-2014'; font-weight: 300; font-size: 35px; letter-spacing: 1.75px; }
.din-light-25-50 { font-family:'din-2014'; font-weight: 300;  font-size: 25px; letter-spacing: 1.15px; }

/* Din Reg */

.din-reg-16-0 { font-family:'din-2014'; font-weight: 400; font-size:16px; }
.din-reg-20-0, .slider-count { font-family:'din-2014'; font-weight: 400; font-size: 20px; }
.din-reg-20-50 { font-family:'din-2014'; font-weight: 400; font-size: 20px; letter-spacing: 1px; }
.din-reg-22-0 { font-family:'din-2014'; font-weight: 400; font-size: 22px; }
.din-reg-23-0 { font-family:'din-2014'; font-weight: 400; font-size: 23px; }
.din-reg-25-50 { font-family:'din-2014'; font-weight: 400; font-size: 25px; letter-spacing: 1.25px; }
.din-reg-30-0, .stage-panels .stage-text h4 { font-family:'din-2014'; font-weight: 400; font-size: 30px; }
.din-reg-37-0 { font-family:'din-2014'; font-weight: 400; font-size: 37px; }
.din-reg-40-50 { font-family:'din-2014'; font-weight: 400; font-size: 40px; letter-spacing: 2px; }

/* Din Med */

.din-med-10-0 { font-family:'din-2014'; font-weight: 600; font-size: 10px; }
.din-med-12-0 { font-family:'din-2014'; font-weight: 600; font-size: 12px; }
.din-med-14-0 { font-family:'din-2014'; font-weight: 600; font-size: 14px; }
.din-med-15-200 { font-family:'din-2014'; font-weight: 600; font-size: 15px; letter-spacing: 3px; }
.din-med-18-0 { font-family:'din-2014'; font-weight: 600; font-size: 18px; }
.din-med-20-0 { font-family:'din-2014'; font-weight: 600; font-size: 20px; }
.din-med-25-0 { font-family:'din-2014'; font-weight: 600; font-size: 25px; line-height: 120% }
.din-med-25-200 { font-family:'din-2014'; font-weight: 600; font-size: 25px; letter-spacing: 5px; }
.din-med-30-0 { font-family:'din-2014'; font-weight: 600; font-size: 30px; }

/* Din Bold */

.din-bold-16-0 { font-family:'din-2014'; font-weight: 600; font-size: 16px; }
.din-bold-17-0 { font-family:'din-2014'; font-weight: 600; font-size: 17px; }
.din-bold-17-50, .hit-c-frm input[type="submit"] { font-family:'din-2014'; font-weight: 600; font-size: 17px; letter-spacing: 0.85px; }
.din-bold-18-0 { font-family:'din-2014'; font-weight: 600; font-size: 18px; }
.din-bold-25-0 { font-family:'din-2014'; font-weight: 600; font-size: 25px; }
.din-bold-20-0 { font-family:'din-2014'; font-weight: 600; font-size: 20px; }
.din-bold-30-0, #why-panel-parallax ul h4 { font-family:'din-2014'; font-weight: 600; font-size: 30px; }
.din-bold-37-50 { font-family:'din-2014'; font-weight: 600; font-size: 37px; letter-spacing: 1.85px; }
.din-bold-40-50 { font-family:'din-2014'; font-weight: 700; font-size: 40px; letter-spacing: 2px; line-height: 40px; }
.din-bold-50-50 { font-family:'din-2014'; font-weight: 700; font-size: 50px; letter-spacing: 2.5px; line-height: 50px; }
.din-bold-55-50 { font-family:'din-2014'; font-weight: 700; font-size: 55px; letter-spacing: 2.75px; line-height: 55px; }

/* Din Black */

.din-black-30-50 { font-family:'din-2014'; font-weight: 800; font-size: 30px; letter-spacing: 1.5px; line-height: 30px; }
.din-black-32-50 { font-family:'din-2014'; font-weight: 800; font-size: 32px; letter-spacing: 1.6px; line-height: 32px; }
.din-black-35-50 { font-family:'din-2014'; font-weight: 800; font-size: 35px; letter-spacing: 1.75px; line-height: 30px; }
.din-black-40-50 { font-family:'din-2014'; font-weight: 800; font-size: 40px; letter-spacing: 2px; line-height: 40px; } 
.din-black-50-50 { font-family:'din-2014'; font-weight: 800; font-size: 50px; letter-spacing: 2.5px; line-height: 50px; }
.din-black-56-50 { font-family:'din-2014'; font-weight: 800; font-size: 56px; letter-spacing: 2.8px; line-height: 56px; margin: 2% 0 0; padding: 0 0 2%; } 
.din-black-70-50 { font-family:'din-2014'; font-weight: 800; font-size: 70px; letter-spacing: 3.5px; line-height:70px; }
.din-black-100-100 { font-family:'din-2014'; font-weight: 800; font-size: 100px; letter-spacing: 10px; line-height: 100px; }
.din-black-100-50 { font-family:'din-2014'; font-weight: 800; font-size: 100px; letter-spacing: 5px; line-height: 100px; }
.din-black-120-50 { font-family:'din-2014'; font-weight: 800; font-size: 120px; letter-spacing: 6px; line-height: 120px; }
.din-bold-300-50 { font-family:'din-2014'; font-weight: 700; font-size: 300px; line-height: 300px; }


/* Large font sizes at the designed width of 1920px */

@media screen and (min-width: 1920px) {
	.din-reg-40-50 { font-size: 40px; letter-spacing: 2px; }
	.din-bold-300-50 { font-family:'din-2014'; font-weight: 700; font-size: 300px; line-height: 300px;}
	.din-black-56-50 { font-size: 56px; line-height: 56px; }
	.din-black-100-100 { font-size: 100px; letter-spacing: 10px; line-height: 100px; }
	.din-bold-50-50, .din-black-50-50 {  font-size: 50px; line-height: 50px; } 
	.din-bold-55-50 { font-size: 55px; line-height: 55px; }
	.din-black-70-50 { font-size: 70px; line-height: 70px; }
	/* .din-black-100-50 { font-size: 100px; line-height: 100px; } */
	.din-black-120-50 { font-size: 120px; line-height: 120px; }
	
}

/* font sizes when up to width of 768px, so should never get any smaller */

@media screen and (max-width: 768px) {
	.din-reg-20-0 {font-size: 16px}
	.din-reg-20-50 {font-size: 16px}
	.din-reg-22-0 { font-family:'din-2014'; font-weight: 400; font-size: 16px; }
	.din-reg-23-0 { font-family:'din-2014'; font-weight: 400; font-size: 16px; line-height: 22px; }
	.din-reg-25-50 { font-family:'din-2014'; font-weight: 400; font-size: 20px; letter-spacing: 1px; }
	.din-reg-30-0, .stage-panels .stage-text h4 {font-size: 20px}
	.din-reg-37-0 { font-size: 28px; }
	.din-reg-40-50 { font-size: 18px; letter-spacing: 0.6px; }
	.din-bold-25-0 {font-size: 20px; line-height: 130%}
	.din-bold-30-0, #why-panel-parallax ul h4 { font-family:'din-2014'; font-weight: 600; font-size: 24px; }
	.din-bold-37-50, .din-bold-37-0 { font-family:'din-2014'; font-weight: 600; font-size: 28px;  }
	.din-bold-37-50 { letter-spacing: 1.4px; }
	.din-bold-40-50 {font-size: 26px; line-height: 30px}
	.din-bold-50-50 { font-size: 25px; letter-spacing: 1.25px; line-height: 22px; } 
	.din-bold-55-50, .din-black-50-50 { font-size: 25px; letter-spacing: 1.25px; line-height: 25px; }
	.din-med-18-0, #why-panel-parallax ul p { font-family:'din-2014'; font-weight: 600; font-size: 15px; }
	.din-med-20-0 { font-family:'din-2014'; font-weight: 600; font-size: 15px; }
	.din-med-25-0 {font-size: 18px}
	.din-med-30-0 { font-size: 18px; }
	.din-black-100-50 { font-family:'din-2014'; font-weight: 800; font-size: 40px; letter-spacing: 2px; line-height: 40px; }
	.din-black-100-100 { font-size: 50px; line-height: 50px; letter-spacing: 5px; }
	.din-black-56-50 { font-size: 28px; letter-spacing: 1.4px; line-height: 28px; }
	.din-black-70-50 { font-size: 35px; letter-spacing:1.75px; line-height: 35px; }
	.din-black-120-50 { font-size: 50px; line-height: 50px;  letter-spacing: 2.5px; }
	.din-reg-25-50 { font-family:'din-2014'; font-weight: 400; font-size: 18px; letter-spacing: 1px; }
	.din-bold-300-50 { font-family:'din-2014'; font-weight: 700; font-size: 200px; line-height: 200px; }
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.shift { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.list-inline li { display: inline-block; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/***
 * Items to remove default bottom margin from 
 */
 
#locations-columns .wp-block-image, 
#locations-columns.wp-block-columns, 
.wp-block-columns.why-cols,
.box-row,
#why-box-row-one.wp-block-columns,
.form-columns.wp-block-columns,
#footer-columns,
.team-box-row,
.houseit-footer-right-col h5,
.form-columns.wp-block-columns,
#footer-column-left .wp-block-columns,
#stages-container > div > p { 
	margin-bottom: 0 !important; 
}

/*
 * items with background images, none should repeat
 */
 
.norep, 
.location-cta-box,
.wp-block-columns.why-cols,
#why-box-row-two .box:last-child,
.icon-more a,
.slider-nav li:first-child:before, 
.slider-nav li:last-child:after,
.calc-link a,
span.icon-phone:before,
span.icon-envelope:before,
.empty-cols-two,
.empty-cols-one,
.houseit-footer-logo,
.houseit-footer-right-col,
.team-members,
.stars,
#panel-why,
.fixed-bg,
.site-title a,
.steps-heading-logo { background-repeat: no-repeat; }

/*
 * remove gap between flex items
 */

.nogap,
#locations-cta-panel .wp-block-columns, 
.storage-calc-row-two-columns, 
#why-box-row-one, 
#why-box-row-two, 
.team-box-row-full, 
#team-box-row-two, 
#locations-columns { gap: 0 !important; }

/* No margins or padding
 *
 */
.no-margin-no-pad, 
.icon-more p,
.text-column h3,
.location-cta-box h3, 
.location-cta-box p,
#storage-calc-row-one h3, 
#storage-calc-row-two h4, 
.storage-calc-row-two-columns p,
.calc-link,
/* #why-block h3, */
#why-panel-parallax h3,
.slider-nav,
.accordian ul,
#footer-inner-col-three ul,
#footer-siteinfolinks,
.loc-head-block h2,
.loc-head-block h3,
.accord-body p
 { padding: 0; margin: 0; }
 
/*
 * left and right margins auto
 */

.margin-auto,
#page,
#page-header h1, 
#page-header h2,
#hero-video,
#panel-why .wp-block-group__inner-container, 
#panel-team .wp-block-group__inner-container, 
#about-panel,
.tab-wrap,
#reviews-slider,
.storage-guide-cols,
.slider,
.form-columns {
	margin-left: auto; margin-right: auto;
}

/* 
 * Background cover
 */
 
.bg-covr { background-size: cover; }


/* 
 * Background position center
 */
 
.bg-centre, 
#home-header h1,
.steps-heading-logo,
#box-row-two .box:last-child,
.calc-link a,
.stars,
.slider-nav li:first-child:before, 
.slider-nav li:last-child:after,
.empty-cols-two,
.empty-cols-one { background-position: center; }

/*
 * Width hundo 
 */
 
#page,
header#masthead,
.site-branding,
#hero-video,
#storage-calc-row-one h3,
#woodburymap, 
#rockbearemap,
.tablinks a,
#page-header.fixed-bg,
.form-columns select { width: 100%; }

/*
 * Width 80%
 */

.w-80 { width: 80%; }

.calc-tabs .w-90  { width: 90%; margin-right: auto; }
.calc-tabs .wp-block-media-text .tab-body.wp-block-media-text__content { padding: 0 !important; }
.image-hidden, .image-hidden.aligncenter { display: none; }
.calc-tabs .wp-block-media-text__media img { text-align: right; }

/*
 * Hidden items 
 */
 
header.entry-header { display: none; }

#page { max-width: 1920px; }

header#masthead {max-width: 1920px; background-color: rgba(0,0,0,0.8)}


@media screen and (min-width: 768px) {
	header#masthead { }
	.head-quote-button {margin-right: 0}
}

.site-title { float: left; }
.site-title a { display: block; background-image: url('images/logo-white-text.svg'); background-size: contain; width: 271px; height: 85px; }

.site-branding {display: flex; justify-content: space-between; padding: 0 3%; align-items: center}
.site-branding p { margin-bottom: 0; }
.site-branding p.header-tel { margin: 10px 0 0; text-align: center; letter-spacing: 1px; line-height: 1; font-size: 28px }
.site-branding-inner { display: flex; justify-content: space-between; flex-grow: 1; align-items: center; width: 75% }

.nav-row { position: relative; top: -10px; }
.head-quote-button {font-size: 18px; padding: 10px 60px; top: -4px; position: relative; letter-spacing: 0.5px; margin-right: 30px; background: #F57000 !important}

.pad-sides-10 { padding-left: 10%; padding-right: 10%; }

.pad-txtbx-2 { padding: 2% 10%; }
.pad-txtbx-3 { padding: 1px 10%; }

.tab-wrap { margin-top: 1.4%; }

#home-header, #page-header { padding: 20% 0 9% 0; position: relative; }
#home-header { padding-top: 12%; }
#page-header { padding-bottom: 15%; }
#page-header h1, #page-header h2 { width: 90%; }

#home-tag-group h2 span.fade1:before {
	content: 'right on your doorstep';
	animation-name: fadeOut;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}

@keyframes fadeOut {
	50% { content: 'right on your doorstep'; }
	100% { content: 'At Woodbury & Rockbeare'; }
}

#home-header h1 { background-image: url('images/logo-large.svg'); height: 25vw; background-size: 50%; }
@media screen and (min-width: 1920px) {
	#home-header h1 { height: 400px; }
}

#std-page-header { background-color: #95C11F; padding: 15% 0 10% 0; }
#std-page-header.small {padding: 10% 0 3% 0;}
#std-page-header h1 { color: #fff; }

.plain-page-content { width: 80%; margin-left: auto; margin-right: auto; }

#home-header .wp-block-button a { padding-left: 80px; padding-right: 80px; }

#hero-video { height: 100%; max-width: 1920px; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
#hero-video.vid-absolute { position: absolute; }
#hero-video.vid-fixed { position: fixed; }

.icon-more a { display: inline-block; padding: 20px; background-image: url('images/icon-more-green.png'); width: 74px; height: 118px; background-position: center; position: relative; top: -50px; }
#loc-one-col .icon-more a { background-image: url('images/icon-more-black.png'); }

#locations-columns .icon-more .wp-block-group__inner-container { position: relative; }
#locations-columns .icon-more a { position: absolute; bottom: -50px; }

.loc-head-block { padding: 30% 0 20% 0; }

.location-text-block { background-color: rgba(0,0,0,0.6); color: #fff; padding: 20px 0; }
.location-text-block h3 a {color: #FFF; text-decoration: none}

.location-cta-box { padding-top: 278px; padding-bottom: 284px; }

#locations-cta-container { display: flex; height: 661px; min-height: 661px; max-height: 661px;overflow: hidden;}
#location-cta-left { position: relative; background-image: url('images/woodbury-panel-background.jpg'); }
#location-cta-right { position: relative; background-image: url('images/rockbeare-panel-background.jpg'); }

.block-link { position: absolute; top: 0; width: 100%; height: 100%;}

#locations-cta-container .location-cta-box { flex: 1; transition: 1s; }
#locations-cta-container .location-cta-box:hover { flex: 1.25; padding-top: 0; padding-bottom: 0; }
#locations-cta-container .location-cta-box:hover .location-text-block { transition: 1s; padding-top: 298px; padding-bottom: 284px; background-color: rgba(149,193,31,0.86); }
@media screen and (max-width: 768px) {
	#locations-cta-container .location-cta-box:hover { flex: 1!important;padding-top: 25%;padding-bottom: 25%; }
	#locations-cta-container .location-cta-box:hover .location-text-block {padding-top: 20px;padding-bottom: 20px;}
	#locations-cta-container {display: block;height: auto; min-height: auto; max-height: none;}
}
/*
#locations-cta-container .location-cta-box:hover a.block-link { transition: 1s; background-color: rgba(149,193,31,0.86); }
*/
#locations-cta-panel { padding-top: 3%; }

.col-content-block { padding: 3% 0 2%; }
.col-content-left { padding-left: 20%; }
.col-content-right { padding-left: 10%; }

/* Google maps */
#woodburymap { border-right: 8px solid #fff; }
#woodburymap, #rockbearemap { height: 466px; display:none;}
#woodburyandrockbearemap { height: 566px; }

.steps-heading-logo { background-image: url('images/logo-black-text.svg'); height: 106px; }

#three-steps, #storage-calculator, #hours-panel { padding-top: 5%; padding-bottom: 1px; }

#storage-calculator { padding-left: 5%; padding-right: 5%; }

#three-steps #stages-container { /* background-image: url('images/stages-background.png'); */ background-color: #262626; }

.stage-panels { background-size: 100%; }

#three-steps #stages-outer { padding: 0 18.3vw; overflow: hidden; }

@media screen and (min-width: 1920px) {
	#three-steps #stages-outer { padding: 0 20%; }
}

/* Point at which we use the animation */

@media screen and (min-width: 768px) {
	.stage-panels { min-height: 950px; background-position: center -30px;  opacity: 0; transform: translateX(0%) translateY(-1000px); }
	.stage-panels p a {color: #95c121}
	.animatein { opacity: 1; }
	#stage-one.animatein { animation-duration: 0.5s; animation-delay: 0s; animation-fill-mode: forwards; animation-name: bgimage; }
	#stage-two.animatein { animation-duration: 0.5s; animation-delay: 0.1s; animation-fill-mode: forwards; animation-name: bgimage; }
	#stage-three.animatein { animation-duration: 0.5s; animation-delay: 0.2s; animation-fill-mode: forwards; animation-name: bgimage; }
	@keyframes bgimage {
		0% { opacity: 0; transform: translateX(0%) translateY(-800px); }
		100% { opacity: 1; transform: translateX(0%) translateY(0); }
	}
}

.stage-panels h4 { margin: 0; padding: 0; }

#stage-one { background-image: url('images/stages-one.svg'); }
#stage-two{ background-image: url('images/stages-two.svg'); }
#stage-three { background-image: url('images/stages-three.svg'); }

.stage-text { padding: 20% 15%; }

@media screen and (max-width: 1560px) {
	.stage-text { padding: 0 10% 0 10%; }
	.din-bold-300-50 { font-size: 200px; line-height: 200px; }
}

@media screen and (max-width: 1270px) {
	#three-steps #stages-outer { padding: 0 10%; }
}

@media screen and (max-width: 960px) {
	#three-steps #stages-outer { padding: 0 5%; }
	.stage-panels { min-height: 640px; }
}

@media screen and (max-width: 768px) {
	#stages-outer.wp-block-columns > .wp-block-column.stage-panels { flex-basis: 341px !important; flex-grow: 0; flex-shrink: 0; margin: 0 auto; }
	#stage-one { background-image: url('images/stages-one-sm.svg'); }
	#stage-two{ background-image: url('images/stages-two-sm.svg'); }
	#stage-three { background-image: url('images/stages-three-sm.svg'); }
	.stage-text { padding-top: 5%; }
	.stage-panels { min-height: 700px; padding-top: 10%; }
	#three-steps #stages-outer { padding: 0;  padding-top: 30px; overflow: hidden; }
	.stage-panels { width: 100%; background-position: center top; }
}

/* Home page Why panel */

#why-panel-parallax .wp-block-cover { padding-top: 10%; padding-bottom: 0; }
#why-panel-parallax ul { list-style-image: url("images/bullet.svg"); margin: 0 0 0 20px; padding: 0 0 40px 0; }
#why-panel-parallax ul h4 { margin: 0; }
#why-panel-parallax ul p  { margin-top: 0; }
#why-panel-parallax ul h4, #why-panel-parallax ul p { margin-left: 20px; }

.wp-block-columns.why-cols { background-image: url('images/man-with-box.png.webp'); background-position: bottom right; }

/* END Home page Why panel */

#panel-why .wp-block-group__inner-container, 
#panel-team .wp-block-group__inner-container, 
#about-panel,
#panel-weoffer .wp-block-group__inner-container, 
#panel-caravan .wp-block-group__inner-container,
.w-65 { width: 65% }

.w-55 {width: 55% }

#panel-team .team-members .box-content .wp-block-group__inner-container { width: 100%; }
#panel-team .team-members .box-content { position: relative; }
#panel-team .team-members .box-content .wp-block-group__inner-container { position: absolute; bottom: -400px; }
#panel-team .team-members .box-content h4 { margin: 0; text-align: right; padding-right: 3%; }

.box { min-height: 400px; position: relative; }
/*
.box:before { content:''; float:left; padding-top:100%; }

.box-content { position: absolute; }
*/
.box-content p { margin-right: 15%; }

.team-members .box-content p { margin-right: 40%; line-height: 1.3; }

#panel-weoffer li, #about-panel li { margin: 0 0 9px 0 !important; line-height: 120%}
#panel-weoffer ul, #about-panel ul { margin: 0}
#about-panel a {color:#95c11f}

#panel-team h3 { margin-top: 15%; }

#why-head-panel { padding: 10% 5% 5%;  }
#why-head-panel h2 { margin: 0; }

.houseitlogoshift .wp-block-image {
  margin: 0 0 20em;
}

#panel-weoffer ul, #panel-weoffer li {margin:0; padding:0; list-style:none;}
#panel-weoffer .alignright {float:none;}
#panel-caravan .wp-block-column {padding-left:0px;}


@media screen and (min-width: 1025px) {
  #panel-caravan .wp-block-column {padding-left:90px;}
  #panel-weoffer .alignright {float:right;}
}

.smallerlogos .size-full {padding: 0 20px 50px 0;}
.smallerlogos .logo1 img {width:131px;}
.smallerlogos .logo2 img {width:150px;}
.smallerlogos .logo3 img {width:71px}

#panel-weoffer .wp-block-group__inner-container, #panel-caravan  .wp-block-group__inner-container {width:65%; margin-left: auto; margin-right: auto; padding:150px 0 130px;}
#panel-caravan  .wp-block-group__inner-container {width:65%; padding:0;}
#panel-caravan ul {margin: 0}
#panel-caravan li {margin: 0 0 8px 0; line-height: 120%}



#storage-location-intro {padding: 3% 24%}
#panel-why-location, #panel-why-location2, #panel-why-location3, #panel-container {padding: 12% 16%; font-size: 18px}
#panel-why-location3 {padding: 12% 16%; font-size: 16px}
#panel-why-location5 {padding: 12% 10%; font-size: 15px}
#panel-why-location4 {padding: 7% 16%; font-size: 18px}
#panel-why-location .box-content p {margin: 20% 10%; font-family: inherit}
#panel-why-location2 .box-content p, #panel-why-location3 .box-content p, #panel-why-location4 .box-content p, #panel-why-location5 .box-content p {margin: 0 10% 20%; font-family: inherit}
#panel-why-location2 .box-content p a {color: #95c121}
#panel-why-location2 .box-content h4, #panel-why-location3 .box-content h4, #panel-why-location4 .box-content h4, #panel-why-location5 .box-content h4 {margin: 20% 10% 5%}
#panel-why-location { background-image: url('images/house-it-location-bg2.jpg'); background-size: cover}
#panel-why-location2 { background-image: url('images/house-it-location-bg3.jpg'); background-size: cover}
#panel-why-location3, #panel-why-location5, #panel-packing { background-image: url('images/house-it-location-bg4.jpg'); background-size: cover}
#panel-why-location4 { background-image: url('images/house-it-location-bg5.jpg'); background-size: cover}
#panel-container {background: url('/wp-content/uploads/2022/08/woodbury-bike.png'); background-size: cover}
.contact-info-panel {padding: 5% 5% 2%; margin: 5% auto 0}

.page-id-1115 #about-panel, .page-id-1145 #about-panel {margin-bottom: 10%}

#panel-packing {padding: 12% 16%}
#panel-packing .box-content {padding: 10%}
#panel-packing .box-content h3 {margin: 2% 0}
#panel-packing .box-content p {margin: 0 0 10px 0}
#panel-packing .box-content ul {margin: 0}

#panel-why { background-image: url('images/why-panel-bg.jpg'); background-size: cover; }

#why-box-row-two .box:last-child { background-image: url('images/icon-houseit-grey.svg'); background-size: 50%; }
#panel-why-location4 #why-box-row-two .box:last-child { background-color: transparent; background-image: none}

#offer-panel { padding-top: 100px; }

.box-pad {padding: 4% 0 4% 6%}

.tab-style-text-image .tabcontent ul li {line-height: 120%; margin-bottom: 5px}

.location-facilities {margin: 0 0 0 30px; padding: 0}

.centre-panel {margin: 1% 20%}

.two-up-panel h2 {margin: 8% 10% 5%; line-height: 120%;}
.two-up-panel p {margin: 3% 10% !important;}
.two-up-panel ul {margin: 0 2em 1.5em 2em; line-height: 120%}
.two-up-panel li {margin-bottom: 10px}
.two-up-panel .box {padding-bottom: 5%}

/* Storage Calc */

#storage-calc-row-one { position:relative; padding: 7% 8% 2%;  }

#storage-calc-row-one h3 {  }
h3.txtswitch.ts2 { display: none; }

.calc-link a { display: inline-block; background-image: url('images/icon-calc-link.svg'); padding: 100px; }
.calc-link a:hover { background-image: url('images/icon-calc-link-on.svg'); }

#storage-calc-row-two { padding: 5% 0; }

span.icon-phone, span.icon-envelope { display: inline-block;  }
span.icon-phone { padding-right: 5px; white-space: nowrap; }
span.icon-envelope { padding-left: 5px; }

span.icon-phone:before, span.icon-envelope:before { content: ''; margin-right: 5px; position: relative; top: 7px; display: inline-block; }
span.icon-phone:before {  width: 35px; height: 35px; background-image: url('images/icon-phone.svg'); }
span.icon-envelope:before { width: 45px; height: 31px; background-image: url('images/icon-envelope.svg'); }

/* Video Panel */

#video-panel { width: 80%; margin: 2% auto; max-width: 1248px }

#storage-guide-block { padding: 6% 0 1px 0; }

.storage-guide-cols { width: 60%; }

#hours-panel { padding-bottom: 5%; }

/* Team members panel */

.team-members { background-position: top center; background-size: cover; }

#team-gill { background-image: url('images/house-it-team-gill.jpg'); }
#team-dawn { background-image: url('images/house-it-team-dawn.jpg'); }
#team-richard { background-image: url('images/house-it-team-richard.jpg'); }
#team-maggie { background-image: url('images/house-it-team-maggie.jpg'); }

.empty-cols-two { background-image: url('images/house-it-team-logo.png'); }
.empty-cols-one { background-image: url('images/team-it-one-col.png'); }


/* Contact Form */

#contact-form-panel { padding: 5% 0; }
#contact-form-panel a {color: #95c11f; text-decoration: none}

.form-columns .wpcf7-form-control-wrap { display: block; width: 95%; }
.hit-c-frm .form-col-fw .wpcf7-form-control-wrap { width: 99%; }

.hit-c-frm .wpcf7-form-control-wrap { margin: 10px;  }
.hit-c-frm input[type="text"], .hit-c-frm input[type="email"], .hit-c-frm select { padding: 15px; width: 100%; background-color: #fff; }
.hit-c-frm textarea { padding: 15px; /*margin-left: 5px;*/ width: 98%; }

.form-columns { width: 50%; }

.form-column-left .wpcf7-form-control-wrap { float: right; margin-left: 0; }
.form-column-right .wpcf7-form-control-wrap { float: left; margin-right: 0; }

.wpcf7 form .wpcf7-response-output {width: 48%;text-align: center;margin: 1% auto;padding: 1%}
.wpcf7 form.sent .wpcf7-response-output {border-color: #95c11f}

.frm_button_submit { border-radius: 10px !important; background-color: #95C11F !important; text-transform: uppercase; border: none !important; letter-spacing: 0.75px}

@media screen and (max-width: 768px) {
	.form-column-left .wpcf7-form-control-wrap {float: left;margin-right: 0;margin-left:10px;}
}

/* Footer styles */ 

#footer-inner-col-one, #footer-inner-col-two { flex-basis: 40%; }
#footer-inner-col-three { flex-basis: 10%; align-self: flex-end; }

#footer-column-left { padding-left: 10%; padding-top: 5%; }
#footer-column-left a  { text-decoration: none; }

/* ul#footer-contact-numbers { list-style: none; margin: 0; padding: 0; } */

#footer-inner-col-two h4, p#footer-address-rock { margin-left: 20px; }

.houseit-footer-logo { background-image: url('images/logo-black-text.svg'); background-position: left center; height: 106px; margin-bottom: 7%;background-size: contain;}
.houseit-footer-right-col { background-image: url('images/footer-pic.jpg'); background-position: top left; background-size: cover; padding: 10% 2% 0 2%; }
.houseit-footer-right-col h5 { margin-top: 3%; }

#footer-inner-col-one { border-right: 1px solid #95C11F; padding-bottom: 2%; }
#footer-siteinfolinks li { padding-right: 4%; }
#footer-sociallinks a, #soc-navigation a { display: inline-block; width: 51px; height: 52px; }

#soc-navigation { margin-left: 10px; }
#soc-navigation a { width: 30px; height: 31px; margin-right: 5px; }
#soc-navigation .icon-instagram, #soc-navigation .icon-facebook { background-size: 30px 31px; }

#footer-sociallinks a { margin-bottom: 10px;  }

.icon-instagram, .icon-facebook { background-repeat: no-repeat; background-size: 31px 32px; }
.icon-instagram { background-image: url('images/instagram.svg'); }
.icon-facebook { background-image: url('images/facebook.svg'); }

@media (max-width: 781px){
	#footer-inner-col-two h4, p#footer-address-rock { margin-left: 0px; }
}

/* Small screens (mobile) */
@media screen and (max-width: 768px) {

	header#masthead { padding-left: 0; padding-right: 0 }
	.site-branding { flex-direction: column; }
	.site-title, .header-cta { float: none; }
	.site-title { margin: 0; padding: 15px 0 0 0; width: 160px }
	.site-title a {height: 40px}
	.header-cta { padding-left: 20px; }
	.header-cta p {margin: 10px 0 0}
	.nav-row { top: 0 }
	.menu-main-menu-container { background-color: #000; }
	
	#home-header h1 { background-size: 80%; }
	#home-header { padding-bottom: 20%; }
	
	#home-row-one figure { text-align: center; }
	.wp-block-columns.why-cols { padding-bottom: 100%; background-size: contain; }
	
	p.icon-phone { margin-top: 5%; }
	p.icon-envelope { margin-top: 3%; }
	p.icon-phone, p.icon-envelope { padding-left: 0; text-align: center; float: none; }
	
	#stages-outer + p { padding-left: 10%; padding-right: 10%; }
	
	#video-panel { width: 90%; }
	
	.w-80, .storage-guide-cols { width: 90%; }
	.calc-tabs .w-80 {  width: 100%; }
	.calc-tabs .w-90 { margin-left: auto; margin-bottom: 5%; }
	
	#locations-columns .icon-more a { left: 40%; }
	.col-content-left { padding-left: 5%; padding-right: 5%; }
	#woodburymap { border-right:none; }
	
	.form-columns { width: 90%; }

	#stages-container  p.icon-phone { margin-top: 0; margin-bottom: 0; }
	
	.location-cta-box { padding-top: 25%; padding-bottom: 25%; }
	
	#panel-why .wp-block-group__inner-container, #panel-team .wp-block-group__inner-container, #about-panel { width: 90%; }
	
	#why-box-row-two .box:last-child { display: none; }
	
	#footer-inner-col-two ul { margin-left: 0; padding-left: 0; }
	.houseit-footer-right-col { padding-top: 25%; padding-bottom: 20%; }
	
	#storage-location-intro {padding: 3% 5%}
	#panel-why-location .box-content p { margin: 10%; font-size: 16px}
	.box {min-height: 330px}
	#about-panel ul {margin: 10% 3% 10% 0}
	#panel-why-location2 .box-content p, #panel-why-location3 .box-content p {margin: 0 7% 15%; font-size: 16px}
	#panel-why-location2 .box-content h4, #panel-why-location3 .box-content h4 {font-size:18px; margin: 10% 6% 3%}
	
	.houseitlogoshift .wp-block-image {margin: 0 !important}
	
	#panel-weoffer .wp-block-group__inner-container, #panel-caravan .wp-block-group__inner-container { width: 85%; padding: 30px 0}
	#panel-weoffer li {text-transform: none}
	
	#panel-packing {padding: 0}
	
	.w-65 {width: 95%}
	
	.centre-panel {margin: 1% 2%}
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.wp-block-button__link, .hit-c-frm input[type="submit"] { border-radius: 10px !important; background-color: #95C11F; text-transform: uppercase; padding: 12px 70px }
.hit-c-frm input[type="submit"] { padding: 15px 30px; color: #fff; }
.button-orange a {background: #F57000 !important}

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: flex;
	justify-content: flex-end;
	/* width: 100%; 
	float: right;*/
	margin: 0 2.55%
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 260px;
	font-size: 13px;
	line-height: 120%;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul.sub-menu li:hover > ul,
.main-navigation ul.sub-menu li:focus > ul {
	display: block; 
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff; 
	padding-left: 10px; 
	padding-right: 10px; 
	font-size: 17px;
	letter-spacing: 0.85px; 
}
.nav-menu li { height: 40px; }
.nav-menu ul.sub-menu { display: block; padding: 10px 0px; }
.nav-menu ul.sub-menu li {  height: auto; }
.nav-menu li a span { display: inline-block; padding-top: 7px; padding-bottom: 7px; }

/* only do this on bigger vieports */
@media screen and (min-width: 768px) {
	.nav-menu > li:first-child > a { background: url('images/house.svg') center center no-repeat;  width: 52px; height: 40px; }
	.nav-menu li:first-child a { display: block; }
	ul.sub-menu li { display: block; }
	ul.sub-menu li a { background-color: rgba(0,0,0,0.8); }
	.nav-menu > li:first-child > a:hover { background-image: none; width: auto; height: auto; border-left: 1px solid #95C11F; border-right: 1px solid #95C11F; }
	.nav-menu > li:first-child > a:hover > span { display: block; }
	.nav-menu > li:first-child > a > span { display: none; }
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	width: 100%; 
}

.main-navigation.toggled ul ul { position: inherit !important; }

@media screen and (min-width: 57.5em) {
	.menu-toggle {display: none}
	.main-navigation ul {display: flex}
}

.soc-nav { float: right; }
.soc-nav ul { display: flex; list-style: none; margin: 0; padding-left: 0; }
.soc-nav ul a { padding-left: 15px; }


/* Small screens (mobile) */
@media screen and (max-width: 1280px) {

	.nav-menu li { height: auto; }
	
	.main-navigation, .soc-nav { float: none; }
	.soc-nav { position: absolute; top: 75px; right: 10px; z-index: -1; }
	button.menu-toggle { margin: 0 10px 10px auto; }
	.hit-c-frm input[type="submit"] { margin-left: 72px; }
	.main-navigation button { height: 24px; position: relative; left: 0; border: none; background: url('/wp-content/themes/houseit/images/burger.svg') center right no-repeat; color: rgba(255,0,0,0); cursor: pointer; }
	.main-navigation ul ul a { width: auto; }
	.main-navigation li { position: inherit; }
	ul.sub-menu li a { padding-left: 20px; }
	
	
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Site Colours */

.text-sitecolour1, .txt-sc1, .txt-sc1 a { color: #fff; }
.background-sitecolour1, .bg-sc1 { background-color: #fff; }

.text-sitecolour2, .txt-sc2, span.icon-envelope a { color: #95C11F; }
.background-sitecolour2, .bg-sc2 { background-color: #95C11F; }
.bg-sc2-opacity { background-color: rgba(123,168,1,0.78); }

.text-sitecolour3 { color: #151515; }
h3.text-sitecolour3 a {color: #95C11F}
.text-sitecolour4, #footer-column-left h4 a { color: #95C11F; }
#footer-column-left a {color: #151515}
.bg-sc4-opacity { background-color: rgba(0,0,0,0.78); }

.background-sitecolour5, .bg-sc5 { background-color: #262626; }

.text-sitecolour5 { color: #2B2B2B; }

.txt-sc9 { color: #0B0B0B; }

.bg-sc6 { background-color: #040502; }
.bg-sc7 { background-color: #E2E2E2; }
.bg-sc8 { background-color: #E0E0E0; }

.bg-sc1 p.txt-sc2 a {color: #040502}
.bg-sc1 p.txt-sc2 a:hover {color: #95C11F}


.houseitlogoshift .wp-block-image {margin: 0 0 20em;}
.houseitlogoshift .wp-block-cover {min-height: 888px !important}

#panel-team h4.txt-sc2 { color: #373737; }
#panel-team h4.txt-sc2.Maggie,#panel-team h4.txt-sc2.Dave { color: #fff; }



.accordian h5 { margin-bottom: 0 !important; }
span.arrow { background-repeat: no-repeat; }
.accordian ul { list-style: none; }
.accordian h5 { font-family:'din-2014'; font-weight: 400; font-size: 20px; }
.accordian h5 .head-text { display: inline-block; margin-right: 40px; }
.accord-body { color: #fff; font-family:'din-2014'; font-weight: 400; font-size: 15px; }


.acc_area { margin-top: 10%; }
.faq_wrapper { max-width: 800px; margin: auto; }
.acc_item { }
.acc_title, .accord-title { padding: 15px; cursor: pointer; font-size: 20px; position: relative; }

#storage-guide-block .accord-title { padding: 0 15px; }

.acc_title span.arrow, .accord-title span.arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  width: 30px; height: 30px; background-size: contain; position: absolute; right: 20px; color: #fff; top: 0;  margin: auto;  bottom: 0; transition: all 0.5s;
}

.accord-title span.arrow { background-image: url('/wp-content/themes/houseit/images/acc-image-style2.svg'); }

.acc_title.active, .acc_details { background-color: #F5F5F5; }
.acc_title.active span.arrow, .accord-title.active span.arrow { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395C11F' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.accord-title.active span.arrow {  background-image: url('/wp-content/themes/houseit/images/acc-image-style2.svg'); }
.acc_details, .accord-body { font-size: 18px; padding: 15px; display: none; }


.promo {background: #0AAC99; text-align: center;padding: 10px 17%; font-size: 18px; line-height: 110%}
.promo a {color: #fff; text-decoration: none}
.promomob {display: none}

a[href^="tel:"] {text-decoration: none;}

.specialnotice {padding-top: 160px;}
.aligncenter .wp-block-group__inner-container {display: flex;align-items: center;}

.storage-calc-row-two-columns a {text-decoration: none; color: #95C11F}


/* additions Dec 25*/
.home-hero, .offers-hero {padding: 0}
.home-hero .wp-block-cover__inner-container, .offers-hero .wp-block-cover__inner-container {width: 100% !important}
.home-hero-inner {background: url('/wp-content/uploads/2025/12/home-mask2.svg') no-repeat left center; padding: 0 1% 0 10%} /* max-width: 997px; */
.home-hero h2 {color: #95c11f; font-size: 70px; line-height: 1.05; text-transform: inherit; max-width: 60%; font-weight: 600; margin: 0 0 30px}
.home-hero h3 {color: #000; font-size: 33px; letter-spacing: 1px; line-height: 1; text-transform: inherit; max-width: 80%; margin: 0 0 30px; padding: 20px 0; border-top: 1px solid #838383; border-bottom: 1px solid #838383; font-weight: 300}
.home-hero ul {margin: 20px 5px 30px; padding: 0; font-size: 20px; font-weight: 300; list-style: none}
.home-hero li {padding-left: 10px}
.home-hero li::marker {content: "-"}
.home-hero-cols-r {padding-right: 5%}
.offers-hero-inner {background: url('/wp-content/uploads/2025/12/teal-mask4.svg') no-repeat left center; max-width: 1032px; padding: 0 1% 0 11%}
.offers-hero-inner-l a {color: #FFF; text-decoration: none}
.offers-hero h2 {color: #FFF; font-size: 200px; line-height: 65%; text-transform: inherit; max-width: 60%; font-weight: bold; margin: 0}
.offers-hero h3 {color: #FFF; font-size: 22px; letter-spacing: 1px; line-height: 1; text-transform: uppercase; max-width: 80%; margin: 0 0 10px; padding: 20px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: 500}
.offers-hero p {color: #FFF; font-size: 18px; line-height: 1.4; max-width: 80%; margin: 0 0 10px; padding: 20px 0; font-weight: 500}
p.offers-hero-heading {font-size: 30px; line-height: 1; margin: 0; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 0}

.offers-panel {gap: 5%; padding: 3% 5%}
.offers-panel h2 {color: #0AAC99; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; margin: 0 0 50px; font-size: 35px; font-weight: 600}
.offers-panel-l ul {color: #0AAC99; text-transform: uppercase; list-style: none; font-size: 25px; font-weight: 400; line-height: 1.2; margin: 0; padding: 0}
.offers-panel-l li {margin: 0 0 15px}
.offers-panel-r ul {font-size: 16px; line-height: 1.2; margin: 0; padding: 0 0 0 15px}
.offers-panel-r li {margin: 0 0 10px}

.home-3col {gap: 0; margin: 0}
.home-3col-band {background: rgba(0,0,0,0.6); padding: 8% 12%; text-align: center}
.home-3col-band h2 {text-transform: uppercase; font-size: 32px; line-height: 1; margin: 0 0 20px; letter-spacing: 1px}
.home-3col-band p {font-size: 16px; line-height: 1.4; margin: 0}
.home-3col-band p a, .home-3col-band h2 a {color: #FFF; text-decoration: none}
.home-3col-img {padding: 0}

.home-3col-img .wp-block-cover__inner-container {height: 100%; top: 0; position: absolute; display: flex; align-items: center}
.home-3col-img .wp-block-group.home-3col-band {height: 200px; display: flex; align-items: center; transition: height 0.2s}
.home-3col-a .home-3col-img:hover .wp-block-group.home-3col-band {height: 100%; background: rgba(149,193,31,0.8)}
.home-3col-b .home-3col-img:hover .wp-block-group.home-3col-band {height: 100%; background: rgba(10,172,153,0.8)}
.home-3col-c .home-3col-img:hover .wp-block-group.home-3col-band {height: 100%; background: rgba(37,91,178,0.8)}

.contactx2 {gap: 0; margin-bottom: 0}
.contactx2-l {background: #262626; padding: 6.5% 0 0 8.5%;}
.contactx2-l h2 {font-size: 40px; font-weight: 600; color: #95C11F; line-height: 1; margin: 0 0 20px; letter-spacing: 3px; text-transform: uppercase}
.contactx2-l h3 {font-size: 30px; font-weight: 600; color: #FFF; line-height: 1.2; margin: 0; text-transform: none; letter-spacing: 1px}
.contactx2-l h3 span {font-size: 22px; font-weight: 500}
.contactx2-l h4 {font-size: 20px; font-weight: 600; color: #FFF; line-height: 1.2; margin: 0; text-transform: none; letter-spacing: 1px}
.contactx2-tel {font-size: 50px; margin: 0 0 10px; line-height: 1; font-weight: 600; letter-spacing: 3px}
.contactx2-tel a {color: #95C11F;}
.contactx2-email {font-size: 50px; margin: 0; font-weight: 300}
.contactx2-email a {color: #95C11F; text-decoration: none}
.contactx2-r {background: #DDD; padding: 6.5% 8.5%}
.contactx2-r input, .contactx2-r textarea, .contactx2-r select {background: #FFF;  padding: 15px; margin: 0 0 10px; width: 100%}
.contactx2-r select {width: 200px}
.contactx2-r input[type="submit"] {padding: 20px 30px; color: #fff; border-radius: 10px !important; background-color: #95C11F; text-transform: uppercase; font-size: 17px; letter-spacing: 0.85px;}
.contact-2col {display: flex; gap: 10px}

.rule-grey {border-top: 1px}
.rule-white {border-top: 1px; background-color: #fff; margin: 5px 0;}

.containers-hero {padding: 0}
.containers-hero h2 {font-size: 70px; margin: 0 0 15px; line-height: 1; letter-spacing: 5%}
.containers-hero h3 {font-size: 25px; font-weight: 500; line-height: 1; margin: 0 0 5%; text-transform: uppercase; letter-spacing: 1.5px}
.containers-sub {padding: 5%}
.containers-sub p, .containers-sub2 p {font-size: 18px; line-height: 1.6; margin: 0; text-transform: uppercase}
.containers-sub2 {padding: 5% 17%; margin-bottom: 0}
.containers-price {gap: 0; margin-bottom: 0}
.containers-price-a h2 {font-size: 30px; padding: 8.5% 12% 6%; margin: 0; line-height: 1; color: #fff; font-weight: 700;}
.containers-price-a p {color: #fff; font-size: 20px; line-height: 1.8; margin: 40px 12% 20px}
.containers-price-a .wp-block-buttons {padding: 3% 12% 6%}
.containers-price-a figure {padding: 4% 12% 8%}
p.containers-cost {font-size: 50px; font-weight: 600; line-height: 1; margin: 10px 12% 20px; text-transform: uppercase}
.containers-price-c {background: url('/wp-content/uploads/2025/12/container-storage-4.jpg') no-repeat; background-size: cover; min-height: 500px}
.containers-y {padding: 0}
.containers-y .wp-block-columns {margin-bottom: 0}
.containers-y-l {padding: 5% 8%}
.containers-y-l h2 {color: #FFF; font-size: 35px; font-weight: 600; line-height: 1; margin: 0 0 10%; text-transform: uppercase; letter-spacing: 5%}
.containers-y-l p {color: #FFF; font-size: 20px; font-weight: 400; line-height: 1.4; margin: 0 0 6%; text-transform: uppercase}

.christmas-opening {border-collapse: collapse}
.christmas-opening td {border: 1px solid #8dc740; padding: 5px}
.christmas-opening td p {margin: 0}

@media screen and (max-width: 1366px) {
	.wp-block-button__link, .hit-c-frm input[type="submit"] {padding: 8px 50px;}
	.site-title a {height: 50px}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding-right: 7px; font-size: 16px}
	.home-hero h2 {max-width: 100%; font-size: 63px}
	.home-hero-inner {padding-left: 7%}
	.home-3col-img {min-height: 440px !important}
	.din-bold-40-50 {font-size: 34px; letter-spacing: 1px}
	#why-panel-parallax .wp-block-cover {padding-top: 6%}
	.home-hero, .home-hero-inner {min-height: 800px !important}
	.offers-panel-l {flex-basis: 85% !important}
	.offers-hero h2 {font-size: 175px}
 	.offers-hero, .offers-hero-inner {min-height: 630px !important}
	.offers-hero-inner {padding: 1% 5%; max-width: 820px; background-position: right}
}

@media screen and (max-width: 1280px) {
	.site-branding p.header-tel {font-size: 24px}
	.home-hero h2 {font-size: 60px}
	.home-hero, .home-hero-inner {min-height: 750px !important}
	.specialnotice {padding-top:230px;}
	.home-hero-inner {background-size: 850px}
	.site-branding-inner {width: 70%}
	.container-y-spacer {height: 40px !important}
}

@media screen and (max-width: 1200px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding-right: 5px; font-size: 15px}
}

@media screen and (max-width: 1100px) {
	.single-post #primary {width: calc(100% - 200px);}
	.single-post #secondary {width: 155px;}
}

@media screen and (max-width: 834px) {
	.promomob {text-align: center;line-height: 110%;font-size: 14px;color: #fff;background: #95C11F;padding: 5px 16%}
	.promomob a {color: #fff; text-decoration: none}
	.home-hero-inner {padding: 4%; background-size: 645px}
 	.home-hero, .home-hero-inner {min-height: 650px !important}
	.home-hero h2 {font-size: 45px}
	.home-hero h3 {font-size: 30px; padding: 15px 0}
	.home-hero-cols-l {flex-basis: 57%!important}
	.home-hero-cols-r {padding-right: 0}
	.home-hero-cols .wp-block-spacer {height: 10px !important}
	.wp-block-button__link, .hit-c-frm input[type="submit"] {padding: 8px 35px}
	.site-branding-inner {width: 62%}
	.home-3col-band h2 {font-size: 21px; letter-spacing: 0.5px}
	.home-3col-band {padding: 8%}
	.home-3col-img {min-height: 300px !important}
	.pad-sides-10 {padding-left: 5%; padding-right: 5%}
	.din-bold-40-50 {font-size: 30px}
	.din-bold-50-50 {font-size: 40px; letter-spacing: 2px;line-height: 40px}
	.din-black-100-50 {font-size: 85px; line-height: 80px}
	.din-bold-30-0, #why-panel-parallax ul h4 {font-size: 26px; line-height: 1.2}
	.contactx2-l, .contactx2-r {padding: 4.5%}
	.contactx2-l h3 {line-height: 1; letter-spacing: 1px}
	.contactx2-tel {font-size: 47px; letter-spacing: 1px}
	.contactx2-email {font-size: 35px}
	.contactx2-r select {width: 100%}
	.contact-2col {display: block}
	#video-panel {width: 95%}
 	.offers-hero, .offers-hero-inner {min-height: 600px !important}
	.offers-hero-inner {padding: 4%; background-size: 610px; background-position: left}
	.offers-hero-inner-l {flex-basis: 86% !important}
	.offers-panel h2 {font-size: 30px; margin-bottom: 25px}
	.offers-panel-l li {margin: 0 0 10px}
	.offers-panel-r ul {font-size: 14px}
	.offers-panel-l {flex-basis: 70% !important}
	.offers-hero h2 {font-size: 150px}
	.offers-hero h3 {font-size: 20px; padding: 15px 0}
	.containers-sub p, .containers-sub2 p {font-size: 17px}
	.containers-price-a {flex-basis: 30%!important; padding-bottom: 5%}
	.containers-price-a p {font-size: 18px; line-height: 1.4; margin: 20px 12%;}
	p.containers-cost {font-size: 45px}
	.contactx2-r input[type="submit"] {margin-top: 10px}
}

@media screen and (max-width: 900px) {
	.bloggrid {grid-template-columns: 1fr 1fr;}
	.bloggrid .wp-post-image{height: calc(0.5 * (80vw - 70px));}
}

@media screen and (max-width:767px) {
    .specialnotice {padding-top:0;}
	.promo {padding: 4px}
	.head-quote-button {font-size: 15px; padding: 7px 10px; letter-spacing: 0.5px; margin-right: 0}
	.site-branding p.header-tel {margin: 15px 0 0; font-size: 17px}
	.site-branding-inner {width: 100%}
}

@media screen and (max-width:700px) {
	.single-post #primary {width:100%;float: none;}
	.single-post #secondary {width:100%;float: none;}
	.single-post .post-navigation .nav-links {padding: 40px 0;}
	.post-navigation .nav-links {display: flex;flex-direction: column;}
	.post-navigation .nav-links .nav-previous{padding-right:60px;}
	.post-navigation .nav-links .nav-next{padding-left:60px;}
	.christmas-opening td p {font-size: 11.5px}
	#panel-why-location, #panel-why-location2, #panel-why-location3, #panel-container {padding: 12% 6%}
}

@media screen and (max-width: 480px) {
	.bloggrid {grid-template-columns: 1fr;}
	.bloggrid .wp-post-image{height: calc(80vw);}
	.home-hero, .home-hero-inner {min-height: 590px !important; background: #fff;}
	.home-hero h2 {font-size: 37px}
	.home-hero h3 {font-size: 22px; padding: 10px 0; max-width: 89%}
	.home-hero-cols .wp-block-spacer {height: 0 !important}
	.home-icon-more {display: none}
	.home-3col {gap: 20px; margin: 0 20px}
	.home-3col-img .wp-block-group.home-3col-band {height: 150px}
	.home-reviews .wp-block-spacer {height: 10px !important}
	.din-bold-40-50 {font-size: 20px; letter-spacing: 0.25px; line-height: 1.3}
	.din-bold-50-50 {font-size: 30px; letter-spacing: 2px; line-height: 35px}
	.din-black-100-50 {font-size: 65px; line-height: 65px}
	#why-panel-parallax ul h4, #why-panel-parallax ul p { margin-left: 10px}
	.din-bold-30-0, #why-panel-parallax ul h4 {font-size: 22px}
	.din-bold-50-50 {font-size: 26px; letter-spacing: 1px; line-height: 30px}
	.din-med-25-200 {letter-spacing: 1px}
	.din-black-56-50 {font-size: 35px; line-height: 30px}
	.contactx2-l h2 {font-size: 35px; letter-spacing: 1px}
	.contactx2-l h3 {font-size: 24px}
	.contactx2-l h3 span {font-size: 18px; letter-spacing: 0.5px}
	.contactx2-l h4 {font-size: 18px}
	.contactx2 img {width: 100px}
	.offers-hero h2 {font-size: 120px; max-width: 100%}
	.offers-hero p {max-width: 100%}
	.offers-panel-l ul {font-size: 20px}
	.containers-price-a figure {display: none}
	.containers-price img {width: 40px !important}
	.containers-price-a .wp-block-buttons {padding: 0 12% 2%}
	.containers-price-a h2 {padding: 5.5% 12% 4%}
	.containers-sub2 {padding: 7%}
	.containers-y-l p {font-size: 18px; line-height: 1.2; margin: 0 0 3%}
	.image-full-width {min-height: 220px !important}
	.spacer1 {height: 20px !important}
	.houseitlogoshift {min-height: 370px !important}
	.houseitlogoshift figure {max-width: 150px; !important}
}





.blogheader {padding: 15% 0 4% 0;}
.blogheader h1 {color: #95C11F;margin-bottom: 0;}
.blogheader h2 {margin:0;}
.bloggrid {display: grid; grid-template-columns: 1fr 1fr 1fr;column-gap: 70px;row-gap: 70px;padding-bottom:100px;}
.bloggrid header.entry-header {display: block;}
.bloggrid .wp-post-image{height: calc(0.33 * (80vw - 140px));object-fit:cover;}
.bloggrid .entry-date.published {padding-top:10px;}


a .link-green, a .link-green:hover,
a.link-green, a.link-green:hover {color: #95C11F;text-decoration: none;}

.plink a {color: #95C11F}
.plink a:hover {color: #000}

.single-post #primary {width: calc(100% - 300px);float: right;}
.single-post #secondary {width: 255px;float: left;}
.single-post #colophon {clear:both;}
ul.wp-block-latest-posts {margin: 0;}
ul.wp-block-latest-posts li {padding-bottom:10px;line-height: 1;}
ul.wp-block-latest-posts a, .allposts a {color:#000;text-decoration: none;text-transform: uppercase; font-family:'din-2014'; font-weight: 600; font-size: 12px; line-height: 14px; }
ul.wp-block-latest-posts a:hover, .allposts a:hover {color: #95C11F;}
ul.wp-block-latest-posts a.current-post {color: #95C11F;}
ul.wp-block-latest-posts a.current-post:hover {color:#000;}
.single-post header.entry-header {display: block;}
.single-post .entry-meta {padding-top: 40px;}
.rotate180 {transform: rotate(180deg);}
.single-post .post-navigation .nav-links {padding: 60px 0 120px 0;}
.single-post .nav-previous a,
.single-post .nav-next a {display: flex;align-items: center;color:#000;text-decoration: none;text-transform: uppercase; font-family:'din-2014'; font-weight: 600; font-size: 12px; line-height: 14px;}
.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {color: #95C11F;}
.single-post .nav-next a {justify-content: end; }
.single-post .nav-previous .nav-title,
.single-post .nav-next .nav-title {padding:10px;}
.single-post article.post {padding-bottom:100px;}


/* nav tweaks */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 #mega-menu-item-22 img {top: -5px;position: relative; }
#soc-navigation {position: relative;top: 5px; }

.displaynone {display:none!important;visibility: hidden!important;}

/* moved from seperate files to reduce render blocking =========================================================================== */

/* contact form 7 */
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}.wpcf7 .wpcf7-recaptcha[data-align="center"] > div {margin: 0 auto;}.wpcf7 .wpcf7-recaptcha[data-align="right"] > div {margin: 0 0 0 auto;}

/*  Accordian Styles  */
.accordian h5 { margin-bottom: 0 !important; }
span.arrow { background-repeat: no-repeat; }
.accordian ul { list-style: none; }
/* .accordian h5 { font-family:'DIN Next LT W01 Regular'; font-size: 20px; font-weight: normal; } */
.accordian h5 { font-family:'din-2014'; font-size: 20px; font-weight: normal; }
.accordian h5 .head-text { display: inline-block; margin-right: 40px; }
/* .accord-body { color: #fff; font-family:'DIN Next LT W01 Regular'; font-size: 15px; font-weight: normal; } */
.accord-body { color: #fff; font-family:'din-2014'; font-size: 15px; font-weight: normal; }
.acc_area { margin-top: 10%; }
.faq_wrapper { max-width: 800px; margin: auto; }
.acc_item { }
.acc_title, .accord-title { padding: 15px; cursor: pointer; font-size: 20px; position: relative; }
#storage-guide-block .accord-title { padding: 0 15px; }
.acc_title span.arrow, .accord-title span.arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  width: 30px; height: 30px; background-size: contain; position: absolute; right: 20px; color: #fff; top: 0;  margin: auto;  bottom: 0; transition: all 0.5s;
}
.accord-title span.arrow { background-image: url('/wp-content/themes/houseit/images/acc-image-style2.svg'); }
.acc_title.active, .acc_details { background-color: #F5F5F5; }
.acc_title.active span.arrow, .accord-title.active span.arrow { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395C11F' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.accord-title.active span.arrow {  background-image: url('/wp-content/themes/houseit/images/acc-image-style2.svg'); }
.acc_details, .accord-body { font-size: 16px; padding: 15px; display: none; }
.accord-body a {color: #94c020; text-decoration: underline}

/* Style the tab */
.tabs { display: flex; }
@media screen and (max-width: 868px) {
	.tabs { display: block; }
}
.tablinks { flex-grow: 1;  }
.tablinks.wp-block-button a { border-radius: 0; width: 100%; text-align: center; }
.tab-style-text-image h4 { margin-bottom: 1%; }
.tab-style-text-image figure { height: 100%; }
.tab-style-text-image figure img { position: relative; z-index: -1; }
/* Style the buttons that are used to open the tab content */
.tabs a {
  background-color: inherit;
  border: none;
  outline: none;
  transition: 0.3s;
}
.ib { height: 100%; width: 100%; background-size: cover; }
/* Style the tab content */
.tabcontent { display: none; padding: 0; }
.tabcontent a { text-decoration: none; }
.tab-style-text-image .tabcontent p, .tab-style-text-image .tabcontent h3 { margin-bottom: 0; }
.tab-style-text-image .tabcontent ul { margin-top: 0.6rem; margin-bottom: 0.6rem; margin-left: 0; padding-left: 1.5rem; }
.tab-style-text-image .tab-body.wp-block-media-text__content { padding: 0 6%; }
.tabcontent .tab-cta { margin-top: 2%; padding-bottom: 10%; }
.tabcontent .tab-cta a { color: #fff; }
.tab-body.wp-block-media-text__content { align-self: flex-start !important; }
/* tab-style-grey */
.tablinks a { text-decoration: none; display: block; padding: 20px 15px; text-align: center; }
.tablinks a { color:  #000;  }
.tablinks a:hover { color: #95C11F; background-color: #95C11F; color: #fff; }
.tablinks.active a, .tablinks.active a:hover { background-color: #95C11F; color: #fff; }
.tab-style-grey .tablinks, .tab-style-grey .tabcontent, .tab-style-text-image .tablinks, .tablinks { background-color: #ccc; }
/*****
 * If you want different shades / colors for each tab uncomment the block below
 * We have shades up to 10, as beyond 10 items in a row is probably too many tabs
*/
/*
.tab-style-grey .tablinks.shade1, .tab-style-grey .tabcontent.shade1 { background-color: #ccc; }
.tab-style-grey .tablinks.shade2, .tab-style-grey .tabcontent.shade2 { background-color: #999; }
.tab-style-grey .tablinks.shade3, .tab-style-grey .tabcontent.shade3 { background-color: #666; }
.tab-style-grey .tablinks.shade4, .tab-style-grey .tabcontent.shade4 { background-color: #333; }
*/
/* Style the active/current tablink */
.tab-style-grey .tabcontent.active { background-color: #95C11F; }
/*
.tab-style-grey .tablinks.shade1.active, .tab-style-grey .tabcontent.shade1.active { background-color: #ccc; }
.tab-style-grey .tablinks.shade2.active, .tab-style-grey .tabcontent.shade2.active { background-color: #999; }
.tab-style-grey .tablinks.shade3.active, .tab-style-grey .tabcontent.shade3.active { background-color: #666; }
.tab-style-grey .tablinks.shade4.active, .tab-style-grey .tabcontent.shade4.active { background-color: #333; }
*/ 
/***********
 *
 * tab-style-blue
 *
 */
.tab-style-blue .tablinks, .tab-style-blue .tabcontent { background-color: #000033; }
/* Style the active/current tablink */
.tab-style-blue .tablinks.active, .tab-style-blue .tabcontent.active { background-color: #ccc; }
/***********
 *
 * tab-style-white
 *
 */
.tab-style-white .tablinks {
  background-color: #fff;
}
/***********
 *
 * tab-style-purple
 *
 */
.tab-style-purple .tablinks.active /*, .tab-style-purple .tabcontent.active */ { background-color: #A042D9; }
.tab-style-purple .tabs { border-bottom: 1px solid #A042D9; }