/*
Theme Name: InterLace Blinds – Theme 2022-24
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/


@font-face {
    font-family: Avenir-Regular;
    src: url(/wp-content/themes/InterLace24/fonts/Avenir-Regular.ttf); 
} 

@font-face {
    font-family: Avenir-Medium;
    src: url(/wp-content/themes/InterLace24/fonts/Avenir-Medium.otf); 
} 


  


html {
}

body {
	background-color: #FFF;
    font-family: Avenir-Regular;
    font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 140%;
	color: #000;
	letter-spacing: 0.005vw;
}

p {
	margin: 0;
    font-family: Avenir-Regular;
    font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 140%;
	color: #000;
	letter-spacing: 0.005vw;
}

a {
	text-decoration: none;	
	color: inherit;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
    font-family: Avenir-Medium;
    font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
	letter-spacing: 0.05vw;
} 

h1 {
    font-family: Avenir-Regular;
	font-size: 55px;
	line-height: 130%;
}

h1 strong {
    font-family: Avenir-Medium;
    font-weight: normal;
	font-style: normal;
}

h2 {
	font-size: 40px;
	line-height: 120%;
	font-style: normal;
    font-weight: normal;
}

h3 {
	font-size: 30px;
	line-height: 120%;
}

h4 {
	font-size: 20px;
	line-height: 120%;
}

h5 {
	font-size: 25px;
	line-height: 120%;
}

#wrapper {
	width: 100%;
	height: auto;
	float: left;
}

#header {
	width: 100%;
	height: 120px;
	float: left;
	position: fixed;
	z-index: 444;
	text-align: center;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#logo {
	width: 300px;
	height: 220px;
	display: inline-block;
	background-image: url(/wp-content/themes/InterLace24/images/InterLace-Logo-White.svg);
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: center center;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#social {
	height: 45px;
	width: auto;
	position: fixed;
	top: 37.5px;
	right: 5%;
}

#social img {
	height: 45px;
	width: auto;
	float: left;
	margin: 0 0 0 5px;
}

#social-article {
	height: 40px;
	width: auto;
	margin-top: 2.5vh;
}

#social-article h4 {
	padding-bottom: 1.5vh !important;
}

#social-article img {
	height: 40px;
	width: auto;
	float: left;
	margin: 0 5px 0 0;
}

#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

#video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.viewport-header {
	position: relative;
	height: 100vh;
	width: 100%;
	float: left;
	background-color: #000;
}	

.viewport-header video {
	object-fit: cover;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	float: left;
}	

video::-webkit-media-controls {
  display:none !important;
}

.viewport-overlay {
	width: 85%;
	height: 100%;
	padding: 0 7.5%;
	float: left;
	position: absolute;	
	z-index: 111;
	text-align: center;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4), rgba(0,0,0,0.7));	
	top: 0;
	display: table;
}

.viewport-overlay h1 {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	font-size: 4vw !important;
	line-height: 110%;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	opacity: 1;
}

.viewport-overlay h1 p {
	font-size: 25px;
	color: #FFF;
	padding-top: 20px !important;
}

.viewport-overlay h1 p strong {
	font-size: 30px;
}


#scroll {
	position: absolute;
	bottom: 5%;
	z-index: 222;
	color: #FFF;
	width: 100%;
	text-align: center;
	font-size: 100%;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	opacity: 1;
}

#button {
	display: inline-block;
	width: auto;
	padding: 0 30px 0;
	color: #FFF;
	font-size: 90%;
	line-height: 42px;
	border-radius: 30px;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	background-color: #000;
	margin-top: 5vh;
}

#button.gold {
	color: #FFF;
	background-color: #C6AB6A;
}

#button:hover {
}

#content {
	width: 100%;
	height: auto;
	float: left;
}

#panel {
	width: 90%;
	height: auto;
	float: left;
	padding: 15vh 5%;
}

#panel p {
	padding-top: 30px;
}

#panel.center {
	text-align: center;
}

#panel.zero {
	padding: 0 5%;
	position: relative;
	z-index: 222;
}

#panel.black {
	background-color: #000;
}

#panel.black h1 {
    font-family: Avenir-Medium;
	color: #FFF;
}

#panel.black h2 {
	color: #FFF;
}

#panel.black h3 {
	color: #FFF;
}

#panel.black p {
	color: #FFF;
}

#panel.team {
	width: 90%;
	padding: 15vh 5%;
}

#panel.team h2 {
	color: #FFF;
	padding: 0 1.5%;
}

#panel.team h3 {
	color: #FFF;
	padding: 0 1.5%;
}

#panel.sixty {
	width: 60%;
	padding: 15vh 20%;
}

#panel.eighty {
	width: 80%;
	padding: 15vh 10%;
}

#panel.eighty #text {
	width: 50%;
	height: auto;
	float: left;
}

#panel.eighty #form {
	width: 50%;
	height: auto;
	float: left;
}

#panel.page {
}

#panel.page h3 {
	padding-bottom: 20px;
}

#panel.page h4 {
	padding-top: 20px;
	padding-bottom: 0;
	font-size: 130%;
}

#panel.page p {
	padding: 10px 0 !important;
}

#panel.logo {
	padding: 10vh 5% 10vh;
	width: 90%;
	text-align: center;
}

#wpls-logo-showcase-slider-1 .wpls-fix-box {
}

#panel.logo img {
	padding: 10px;
}

/* Accreditations homepage logos: cap each icon width */
.accreditations-link img.wp-post-image {
	max-width: 180px !important;
	height: auto !important;
}

#black-bar {
	background-color: #000;
	width: 80%;
	height: auto;
	float: left;
	padding: 50px 10%;
}

#black-bar h2 {
	color: #FFF;
	width: 80%;
	line-height: 110%;
	padding-bottom: 25px;
}

#black-bar p {
	color: #FFF;
	font-size: 90%;
}

#black-bar p a {
	border-bottom: solid 1px #C6AB6A;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#black-bar p a:hover {
	border-bottom: solid 1px transparent;
	color: #C6AB6A;
}

#property-wrapper {
	width: 95%;
	height: auto;
	float: left;
	padding: 0 2.5%;
	text-align: center;
    background: linear-gradient(0deg, #000 50%, #FFF 50%);
}

#property-article {
	width: 30.3333%;
	height: auto;
	float: left;
	margin: 0 1.5% 2.5vh;
	padding: 0 0 2.5vh;
	border-bottom: solid 2px #C6AB6A;
}

#property-article:first-child {
}

#property-article:last-child {
}

#property-article-image {
	width: 100%;
	height: 300px;
	margin: 0;
	position: relative;
	float: left;
}

#property-article-image-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 222;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#property-article:hover #property-article-image-overlay {
	background-color: rgba(0,0,0,0.4);
}

#property-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

#property-article-image #tab {
	position: absolute;
	width: 100px;
	height: 40px;
	border: 5px solid #FFF;
	right: 15px;
	top: 15px;
	background-color: #FFF;
	z-index: 111;
	margin: 0;
}

#property-article-image #tab img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	float: left;
	margin: 0;
}

#property-article-text {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 1.5vh;
	position: relative;
	float: left;
}

#property-article-text h3 {
	padding-bottom: 10px;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	font-size: 150%;
}

#property-article-text h3:hover {
	color: #C6AB6A;
}

#property-article-text p {
	width: 100% !important;
	padding: 0 0 15px !important;
	margin: 0 !important;
	font-size: 85%;
}

#property-article-text p a {
	border-bottom: solid 1px #C6AB6A;
	color: #C6AB6A;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#property-article-text p a:hover {
	border-bottom: solid 1px transparent;
	color: #C6AB6A;
}

#property-article-text #button {
	display: inline-block;
	width: auto;
	padding: 0 25px 0;
	color: #FFF;
	font-size: 85%;
	line-height: 37px;
	border-radius: 30px;
	margin-top: 15px;
}

#property-article-text #button:hover {
	background-color: #000;
}

#property {
	width: 48%;
	height: 40vh;
	margin: 0 1% 2%;
	position: relative;
	float: left;
}

#property-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#property-overlay:hover {
	background-color: rgba(0,0,0,0.7);
}

#property-overlay span {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}

#property-overlay span h3 {
	display: table-cell;
	vertical-align: middle;
    font-family: Avenir-Medium;
	font-size: 37px;
	color: #FFF;
}

#property-overlay span h3 p {
	color: #FFF;
	padding: 5px 10% 0;
}

#property img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

#fifty-wrapper {
	width: 90%;
	height: auto;
	float: left;
	padding: 0 5%;
    background: linear-gradient(0deg, #FFF 50%, #000 50%);
	position: relative;
}

#fifty-text {
	width: 35%;
	height: auto;
	position: absolute;
	background-color: #C6AB6A;
	padding: 75px 50px;
	z-index: 222;
	top: 50%;
	transform: translateY(-50%);
}

#fifty-text h2 {
	color: #FFF;
	font-size: 37px;
}

#fifty-text #button {
	margin-top: 30px;
}

#fifty-image {
	width: 60%;
	height: 60vh;
	position: relative;
	float: right;
	background-color: #C6AB6A;
	background-image: url(/wp-content/uploads/2026/05/INT003_01-Headshots-and-Brand_514A4841_01-scaled-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#team {
	width: 22%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 7.5vh 1.5% 0;
}

#team img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

#team-text {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

#team-text h4 {
	padding: 0 0 5px;
	margin: 0;
	color: #FFF;
	font-size: 25px;
}

#team-text h4 span {
	color: #C6AB6A;
    font-family: Avenir-Regular;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

#team-text p {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 95%;
}

#team-text #link {
	width: 40px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/wp-content/themes/InterLace24/images/LinkedIn-Grey.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

#brand-wrapper {
    float: left;
	width: 90%;
	padding: 10vh 5% 10vh;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#brand-wrapper p {
	padding: 0 20%;
	font-size: 110%;
}

#brand {
    float: left;
	width: 20%;
	height: 150px;
	padding: 20px 2.5%;
	transition-property: all;
	transition-duration: .55s;
	transition-timing-function: ease-in-out;
}

#brand:hover {
	opacity: 0.4;
}

#brand img {
	width: 90%;
	height: 90%;
	padding: 5%;
	object-fit: contain;
}

#brand-logo {
	height: auto;
	width: 100%;
	text-align: center;
	padding: 7.5vh 0 2.5vh;
	float: left;
}

#brand-logo img.brand-logo {
	height: auto;
	width: 250px;
	display: inline-block;
}

#brand-project {
	width: calc(33.3333% - 25px);
	height: 225px;
	padding: 0;
	margin: 12.5px;
	position: relative;
	transition-property: all;
	transition-duration: .55s;
	transition-timing-function: ease-in-out;
	background-color: #AAA;
	display: inline-block;
}

#image-wrapper {
	width: 100%;
	height: 70vh;
	float: left;
	position: relative;
}

#image-wrapper-overlay {
	background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.8));	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	display: table;
}

#image-wrapper-overlay h1 {
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	font-size: 4.25vw;
    font-family: Avenir-Medium;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	opacity: 1;
}

#image-wrapper-overlay p {
	color: #FFF;
	font-size: 22px;
	padding: 0 10%;
}

.page-id-1988 #image-wrapper-overlay h1 {
	display: none;
}

#image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

#images {
    float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: -25px;
}

#images img {
    float: left;
	width: 100%;
	height: auto;
	padding: 0 0;
	margin-bottom: 25px;
}

#images img.left {
    float: left;
	width: calc(50% - 12.5px);
	height: auto;
	padding: 0 0;
	margin-right: 12.5px;
	margin-bottom: 25px;
}

#images img.right {
    float: left;
	width: calc(50% - 12.5px);
	height: auto;
	padding: 0 0;
	margin-left: 12.5px;
	margin-bottom: 25px;
}

#images img.caption {
	margin-bottom: 5px;
}

#images h3 {
	padding-bottom: 1.5vh;
}

#images p {
	padding-bottom: 1.5vh;
}

#images ol {
	margin-top: 0;
}

#images p em {
	font-size: 80%;
	font-style: normal;
	margin-bottom: 2.5vh;
	display: block;
}

#slider-what p em {
	font-size: 80%;
	font-style: normal;
	margin-top: 1.5vh;
	display: block;
	padding-left: 5%;
}

#left-container {
	width: 60%;
	height: auto;
	float: left;
	padding-right: 10%;
}

#right-container {
	width: 30%;
	height: auto;
	float: right;
}

#right-container h4 {
	padding: 0;
	margin: -15px 0 0;
	line-height: 100%;
}

#right-container img {
	height: 40px;
	width: auto;
	float: left;
}

#right-container #button {
	margin-top: 20px;
}

#table-wrapper {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 50px;
	overflow: hidden;
	overflow-x: scroll;
	margin-top: 5vh;
}

table {
	width: 100% !important;
	font-size: 90%;
}

table tbody tr td {
	border: 0.5px solid #AAA;
	padding: 5px;
	min-width: 110px;
}

table tbody tr td.white {
	border-top: 0.5px solid #FFF;
	border-left: 0.5px solid #FFF;
	font-size: 100%;
    font-family: Avenir-Medium;
}

table tbody tr td.head {
	background-color: #DDD;
	text-align: center;
	font-size: 100%;
    font-family: Avenir-Medium;
	border-top: 1px solid #AAA;
}

table tbody tr td span.star {
	font-size: 120%;
}

table tbody tr td strong {
	font-size: 110%;
	font-weight: bold;
}

table tbody tr td img {
	padding: 0 0 0;
	margin: 7px 1px 0;
	height: 13px;
	width: auto;
}

#footer {
	width: 100%;
	height: calc(75vh - 120px);
	float: left;
	padding: 0 0;
	position: relative;
}

.home #footer {
	height: calc(100vh - 120px);
}

#footer img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	float: left;
}

#footer-overlay {
	width: 100%;
	height: 100%;
	padding: 0;
	float: left;
	position: absolute;	
	z-index: 111;
	text-align: center;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.4), rgba(0,0,0,0.6));	
	top: 0;
	left: 0;
	display: table;
}

#footer-overlay h1 {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	font-size: 6.5vw !important;
    font-family: Avenir-Medium;
	padding: 0 5%;
	line-height: 110%;
}

#copy {
	width: 70%;
	position: absolute;
	left: 5%;
	bottom: 5vh;
	color: #FFF;
	z-index: 222;
	font-size: 90%;
}

#design {
	width: 30%;
	position: absolute;
	text-align: right;
	right: 5%;
	bottom: 5vh;
	color: #FFF;
	z-index: 222;
	font-size: 90%;
}

#design a {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	border-bottom: solid 1.5px #C6AB6A;
}

#design a:hover {
	border-bottom: solid 1.5px transparent;
}

#story-wrapper {
	width: 90%;
	height: auto;
	overflow: hidden;
	overflow-x: scroll;
	float: left;
	padding: 5vh 5% 5vh;
	white-space: nowrap;
	scrollbar-width: thin; /* "auto" or "thin" */
	scrollbar-color: #C6AB6A black; /* scroll thumb and track */ 
	-webkit-overflow-scrolling: touch;
}	
	
#panel.white #story-wrapper {
	scrollbar-color: #C6AB6A white; /* scroll thumb and track */ 
}
	
/* Hide scrollbar for Chrome, Safari and Opera */
#story-wrapper::-webkit-scrollbar {
  width: 2px;               /* width of the entire scrollbar */}

#story-wrapper::-webkit-scrollbar-track {
  background: transparent;        /* color of the tracking area */
}

#story-wrapper::-webkit-scrollbar-thumb {
  background-color: #C6AB6A;    /* color of the scroll thumb */
  border-radius: 0px;       /* roundness of the scroll thumb */
  border: 5px solid #000;  /* creates padding around scroll thumb */
  border-left: solid 5vw #000;
  border-right: solid 5vw #000;
}
	
#panel.white #story-wrapper::-webkit-scrollbar-thumb {
  background-color: #C6AB6A;    /* color of the scroll thumb */
  border-radius: 0px;       /* roundness of the scroll thumb */
  border: 5px solid #FFF;  /* creates padding around scroll thumb */
  border-left: solid 5vw #FFF;
  border-right: solid 5vw #FFF;
}
	
#story {
	width: 400px;
	height: auto;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}	

#story h3 {
	padding: 10px 0;
	color: #C6AB6A !important;	
	font-size: 140%;
}
	
#story h4 {
	padding: 0;
	color: #FFF;
    font-family: Avenir-Regular;
	font-size: 110%;
}
	
#story p {
	padding: 0;
	font-size: 90%;
}
	
#story-image {
	width: 100%;
	height: 250px;
	background-color: #222;
	float: left;
	margin-bottom: 20px;
}
	
#story-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	
#value {
	width: 17%;
	height: auto;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top;
}	

#value img {
	width: 50%;
	height: auto;
	margin-bottom: 10px;
}

#value h3 {
	padding: 10px 0;
	color: #C6AB6A !important;	
	font-size: 130%;
}
	
#value h4 {
	padding: 0;
	color: #FFF;
    font-family: Avenir-Regular;
	font-size: 110%;
}
	
#value p {
	padding: 0;
	font-size: 90%;
}

div.wpforms-container-full .wpforms-form input {
	color: #000;
	border: solid 1.5px #000;
    font-family: Avenir-Regular;
	border-radius: 0;
}

div.wpforms-container-full .wpforms-form textarea {
	color: #000;
	border: solid 1.5px #000;
    font-family: Avenir-Regular;
	border-radius: 0;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background-color: #000 !important;
	color: #FFF;
	display: inline-block;
	padding: 10px 25px;
	font-size: 90%;
	font-weight: normal;
	border-radius: 30px;
	border: none !important;
	transition-property: all;
	transition-duration: .55s;
	transition-timing-function: ease-in-out;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
	background-color: #C6AB6A !important;
	color: #FFF;
	display: inline-block;
	font-size: 90%;
	font-weight: normal;
	border: none;
	opacity: 1;
}

.home div.wpforms-container-full .wpforms-form input[type=submit], .home div.wpforms-container-full .wpforms-form button[type=submit], .home div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background-color: #C6AB6A !important;
}




.woocommerce div.product div.images .flex-control-thumbs li {
	width: 20%;
	float: left;
	margin: 0;
	list-style: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}

.woocommerce-tabs.wc-tabs-wrapper {
	display: none;
	visibility: hidden;
}

div.product p.price {
	display: none;
	visibility: hidden;
}

div.product_meta {
	display: none;
	visibility: hidden;
}

#woo-vary {
	float: left !important;
	width: 100%;
	margin-top: 20px;
	border-top: solid 1.5px #000;
}

#woo-vary-item {
	float: left !important;
	width: 100%;
	border-bottom: solid 1.5px #000;
}

#woo-vary-item p {
	width: 60%;
	line-height: 50px;
	float: left !important;
	padding: 0;
	font-size: 18px;
}

#woo-vary-item button.single_add_to_cart_button.button.alt {
	background-color: black;
	width: auto !important;
	padding: 0 20px !important;
	float: right !important;
	line-height: 50px !important;
	height: 50px !important;
	font-size: 14px !important;
	font-weight: normal !important;
	display: block !important;
	margin-top: 10px;
	border-radius: 0;
	text-transform: uppercase;
}

.woocommerce-message {
	background-color: #C6AB6A !important;
	border-top: none !important;
	padding: 2% 2% !important;
	color: #FFF !important;
}

.woocommerce-message::before {
	display: none !important;
}

.woocommerce-message .button {
	background-color: black !important;
	width: auto !important;
	padding: 0 20px !important;
	float: right !important;
	line-height: 40px !important;
	height: 40px !important;
	font-size: 14px !important;
	font-weight: normal !important;
	display: block !important;
	margin-top: -7.5px !important;
	border-radius: 0 !important;
	text-transform: uppercase;	
	color: #FFF !important;
}

.woocommerce-message::after {
	clear: none !important;
}

.woocommerce-cart #panel.sixty {
	width: 70%;
	padding: 10vh 15%;
}

tr.cart_item td {
    vertical-align: top;
}

/* Change number 4 with number of column you want to remove */
 
.woocommerce table.cart td:nth-of-type(2), .woocommerce table.cart th:nth-of-type(2) {
	display: none;
}

.woocommerce table.cart td:nth-of-type(4), .woocommerce table.cart th:nth-of-type(4) {
	display: none;
}

.woocommerce table.cart td:nth-of-type(5), .woocommerce table.cart th:nth-of-type(5) {
	text-align: center;
}

.woocommerce table.cart td:nth-of-type(6), .woocommerce table.cart th:nth-of-type(6) {
	display: none;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
	display: none;
}

.woocommerce table.cart {
	border: none;
	border-bottom: solid 1px #000 !important;
	border-radius: 0;
}

.woocommerce table.cart thead {
	background-color: #000;
	color: #FFF;
}

.woocommerce table.cart thead tr th {
	padding: 20px 0;
	font-weight: normal;
}

.woocommerce table.cart tr {
}

.woocommerce table.cart tr td {
	border: none;
	border-top: solid 1px #000 !important;
	padding: 20px 0;
}

.woocommerce div.cart_totals h2 {
	display: none;
}

.woocommerce div.cart_totals table {
	display: none;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	text-align: center;
	margin-bottom: 1em;
	font-size: 100%;
	padding: 15px 20px;
	width: auto !important;
	border-radius: 0;
	float: right;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #000;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #C6AB6A !important;
}

.woocommerce .quantity .qty {
	line-height: 30px;
	border: solid 1px #000 !important;
	border-radius: 0;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	float: left;
	width: 100%;
}

div.woocommerce-billing-fields h3 {
	text-transform: capitalize;
}

div.woocommerce-billing-fields label {
	text-transform: capitalize;
	font-size: 90%;
}

.woocommerce .woocommerce-checkout input {
	background-color: #FFF;
	padding: 10px;
	border: solid 1.5px #000;
	font-size: 90%;
}

.woocommerce .woocommerce-checkout h3#order_review_heading {
	padding-top: 5vh;
	text-transform: capitalize;
}

.woocommerce table.shop_table {
	border: none;
	margin: 0;
	text-align: left;
	width: 100%;
	border-collapse: separate;
	border-radius: 0;
}

.woocommerce table.shop_table thead {
	display: none;
}

.woocommerce table.shop_table tfoot {
	display: none;
}

.woocommerce table.shop_table td {
	border: none;
	padding: 10px 0;
	vertical-align: middle;
	line-height: 1.5em;
	border-bottom: solid 1.5px #000;
}

.woocommerce table.shop_table td.product-total {
	display: none;
}

table tbody tr td strong {
	font-size: 100%;
	font-weight: normal;
}

.woocommerce-checkout #payment {
	background: #FFF;
	border-radius: 0;
}

.woocommerce-checkout #payment div.form-row {
	padding: 5vh 0;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	display: block;
	text-align: center;
	margin-top: 5vh;
	font-size: 100%;
	padding: 15px 20px;
	width: auto !important;
	border-radius: 0;
	float: right;
	text-transform: uppercase;
	font-weight: normal !important;
	background-color: #000;
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background-color: #C6AB6A !important;
}

.woocommerce #tab {
	width: 40%;
	height: 120px;
	float: right;
	text-align: right;
}

.woocommerce #tab img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
	float: right;
}

section.related.products {
	display: none;
}





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

h1 {
	font-size: 45px;
}
	
h2 {
	font-size: 35px;
}
	
h3 {
	font-size: 28px;
}

#logo {
	height: 160px;
}
	
.viewport-overlay h1 {
	font-size: 3.5vw !important;
}
	
#property {
	height: 50vh;
}

#property-overlay span h3 {
	font-size: 35px;
}

#image-wrapper {
	height: 80vh;
}
	
#fifty-text h2 {
	font-size: 32px;
}

#fifty-image {
	height: 70vh;
}

#team-text h4 {
	font-size: 22px;
}

#team-text h4 span {
	font-size: 15px;
	line-height: 15px;
}

#team-text #link {
	width: 35px;
	height: 45px;
}
	
#wpls-logo-showcase-slider-1 .wpls-fix-box {
}

#panel.logo img {
}

#footer {
	height: calc(90vh - 120px);
}

.woocommerce #tab {
	margin-bottom: 5vh;
}
	
}





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

body, p {
	font-size: 16px;
}

h1 {
	font-size: 40px;
}
	
h2 {
	font-size: 35px;
}
	
h3 {
	font-size: 25px;
}

h4 {
	font-size: 18px;
}
	
h5 {
}

.viewport-overlay h1 {
	font-size: 3.75vw !important;
}

#image-wrapper-overlay p {
	font-size: 18px;
}
	
#property {
	height: 40vh;
}

#property-overlay span h3 {
	font-size: 30px;
}
	
#panel.sixty {
	width: 70%;
	padding: 15vh 15%;
}

#panel.eighty {
	width: 90%;
	padding: 15vh 5%;
}

#team {
	width: 28.3333%;
	margin: 0 2.5% 7.5vh;
}
	
#fifty-text {
	width: 35%;
}

#fifty-text h2 {
	font-size: 30px;
}

#fifty-image {
	height: 70vh;
}

#brand {
	height: 100px;
}
	
#brand img {
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

#footer-overlay h1 {
	font-size: 6vw !important;
}

#value {
	width: 25%;
	height: auto;
	margin: 2vh 2%;
}	
	
#property-article {
	width: 47%;
}
	
.woocommerce #tab {
	width: 100%;
}
	
}







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

h2 {
	font-size: 30px;
}
	
h3 {
	font-size: 22px;
}

.viewport-overlay h1 {
	font-size: 7vw !important;
}

.viewport-overlay h1 p strong {
	font-size: 20px;
}
	
.viewport-overlay h1 p {
	font-size: 18px;
}
	
#image-wrapper-overlay h1 {
	font-size: 7vw;
}

#social {
	height: 40px;
	top: 40px;
}

#social img {
	height: 40px;
}
	
#panel {
	padding: 10vh 5%;
}

#panel.sixty {
	width: 80%;
	padding: 10vh 10%;
}

#panel.eighty #text {
	width: 100%;
	padding-bottom: 5vh;
}

#panel.eighty #form {
	width: 100%;
}
	
#property-wrapper {
    background: linear-gradient(0deg, #000 60%, #FFF 40%);
}
	
#property {
	width: 95%;
	height: 35vh;
	margin: 0 2.5% 2.5%;
}

#fifty-text {
	width: 40%;
}

#fifty-text h2 {
	font-size: 28px;
}

#fifty-image {
	height: 50vh;
}

#team {
	width: 47%;
	margin: 0 1.5% 5vh;
}

#brand {
	width: 28.3333%;
	height: 100px;
}

#footer-overlay h1 {
	font-size: 7vw !important;
}

#copy {
	width: 100%;
	left: 0;
	bottom: 7.5vh;
	text-align: center;
}

#design {
	width: 100%;
	position: absolute;
	text-align: center;
	right: 0;
	bottom: 4vh;
}

#story {
	width: 300px;
}	

#story-image {
	width: 100%;
	height: 200px;
}

#brand-wrapper p {
	padding: 0 10%;
}
	
#left-container {
	width: 100%;
	height: auto;
	float: left;
	padding-right: 0;
	padding-bottom: 5vh;
}

#right-container {
	width: 100%;
	height: auto;
	float: left;
}

.woocommerce #tab {
	margin-top: 5vh;
}
	
}








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

body, p {
}
	
h1 {
	font-size: 30px;
}
	
h2 {
	font-size: 22px;
}
	
h3 {
	font-size: 20px;
}

.viewport-header {
	height: 85vh;
}	

.viewport-header video {
	height: 85vh;
}	
	
.viewport-overlay h1 {
	font-size: 8vw !important;
}

.viewport-overlay h1 p strong {
	font-size: 18px;
}
	
.viewport-overlay h1 p {
	font-size: 16px;
}
	
#image-wrapper {
	height: 60vh;
}
	
#image-wrapper-overlay h1 {
	font-size: 8vw;
}
	
#logo {
	height: 120px;
	width: 180px;
}

#social {
	height: 45px;
	top: 37.5px;
}

#social img {
	height: 45px;
}
	
#social img.linked {
	display: none;
}
	
#social img.you {
	display: none;
}
	
/* Hide phone number + social icons on mobile (email stays) */
#social a[href^="tel:"],
#social a[target="_blank"] {
	display: none !important;
}
	
#property {
	height: 30vh;
}

#property-overlay span h3 {
	font-size: 22px;
}
	
#property-overlay span p {
	display: none;
}

#fifty-text {
	width: calc(100% - 60px);
	height: auto;
	position: relative;
	padding: 30px;
	top: 0;
	transform: translateY(0);
}

#fifty-text h2 {
	font-size: 22px;
}

#fifty-image {
	width: 100%;
	height: 30vh;
	position: relative;
}

#team {
	width: 97%;
	margin: 0 1.5% 5vh;
}

#brand {
	width: 45%;
	height: 70px;
}

#copy {
	bottom: 8vh;
}
	
#footer-overlay h1 {
	font-size: 9vw !important;
}

#panel.logo img {
	padding: 0px;
}

#story {
	width: 250px;
}	

#story-image {
	width: 100%;
	height: 150px;
}

#value {
	width: 90%;
	height: auto;
	margin: 2vh 2%;
}	

#value img {
	width: 30%;
	height: auto;
	margin-bottom: 10px;
}

#property-article {
	width: 97%;
}
	
#property-article-image {
	width: 100%;
	height: 300px;
	margin: 0;
}

#property-article-text {
	width: 100%;
	margin: 0 0 0 0;
	padding-top: 2.5vh;
}
	
}