/*
Theme Name: Arnolds - Kaya child theme
Author: Anphira, LLC
Template: kaya
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaya
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Arnolds Specific Constants
# Typography
# Elements
# Forms
# Header
# Footer
# Hero area
# Home page
# General landing pages
# Case studies
# Archive blog post
# Image buttons
# Job post type
# WooCommerce single product
# WooCommerce archive pages
# Search results
--------------------------------------------------------------*/

/*******************
 * 
 * Arnolds Specific Constants
 * 
 *******************/
:root {
	--arnolds-text: #4c4c4c;
	--arnolds-light-teal: #20bec6; /* use with black */
	--arnolds-dark-teal: #1c7c80; /* use with white */
	--arnolds-black: #000;
	--arnolds-white: #fff;
	--arnolds-dark-orange: #cc4b2e;
	--arnolds-light-gray: #f7f7f7;
	--arnolds-border-radius: 15px;
	--arnolds-border: 1px solid #cccccc;
	--arnolds-box-shadow: 0 0 8px 0px #ccc;
	--arnolds-heading: "Tahoma", sans-serif;
}








/*******************
 * 
 * Typography
 * 
 *******************/
.urbanist-text {
	font-family: var(--arnolds-heading);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: var(--arnolds-heading);
}
@media (max-width: 767px) {
.text-left-mobile {
	text-align: left;
}
}






/*******************
 * 
 * Elements
 * 
 *******************/

/* glass wall calculator */
.glass-wall-estimator {
	max-width: 1000px;
	margin: auto;
	padding: 20px;
	border: 1px solid #cccccc;
}

/* light gray background */
.light-gray-background {
	background: var(--arnolds-light-gray) !important;
}

/* widths */
.float-left {
	float: left;
}
/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
	.flexbox.row {
		flex-wrap: nowrap;
	}
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9  { width: 75%; }
    .col-md-8  { width: 66.66666667%; }
    .col-md-7  { width: 58.33333333%; }
    .col-md-6  { width: 50%; }
    .col-md-5  { width: 41.66666667%; }
    .col-md-4  { width: 33.33333333%; }
    .col-md-3  { width: 25%; }
    .col-md-2  { width: 16.66666667%; }
    .col-md-1  { width: 8.33333333%; }
}
@media (min-width: 1200px) {
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9  { width: 75%; }
    .col-lg-8  { width: 66.66666667%; }
    .col-lg-7  { width: 58.33333333%; }
    .col-lg-6  { width: 50%; }
    .col-lg-5  { width: 41.66666667%; }
    .col-lg-4  { width: 33.33333333%; }
    .col-lg-3  { width: 25%; }
    .col-lg-2  { width: 16.66666667%; }
    .col-lg-1  { width: 8.33333333%; }
}

/* buttons with arrows */
.wp-block-button__link:after,
.woocommerce #content .button:after,
.right-arrow-link:after {
	font-size: 1rem;
	margin-left: 15px;
	font-family: "Font Awesome 6 Free";
	content: "\f178";
	font-weight: 900;
}
.wp-block-button__link:has(.anww-external-link-icon):after,
.woocommerce .button:has(.anww-external-link-icon):after {
	content: '';
	margin-left: 0px;
}
body .wp-block-button__link.wp-block-button__link,
body button {
	padding: 12px 30px;
	font-family: var(--arnolds-heading);
	letter-spacing: 1.2px;
}
@media (max-width: 767px) {
	body .wp-block-button__link.wp-block-button__link {
		font-size: 1.125rem;
	}
}

/* buttons aligned */
.wp-block-buttons.is-content-justification-center {
	align-items: center;
}

/* white buttons */
body a.button.white-button,
html .woocommerce a.button.white-button,
body a.button.white-button:visited,
html .woocommerce a.button.white-button:visited {
	background: var(--arnolds-white);
	color: var(--arnolds-black);
	border-color: var(--arnolds-white);
}
body a.button.white-button:hover,
html .woocommerce a.button.white-button:hover {
	color: var(--arnolds-white);
	background: var(--arnolds-dark-teal);
	border-color: var(--arnolds-white);
}

/* social share buttons */
body svg.resp-sharing-button__icon {
	margin-right: 0;
	margin-top: 0;
	vertical-align: middle;
	width: 1.125rem;
	height: 1.125rem;
}

/* margin auto */
.margin-auto {
	margin: auto;
}

/* light teal bullets */
ul li::marker {
	color: var(--arnolds-light-teal);
}

/* black button */
body .btn-primary-black .wp-block-button__link,
body .btn-primary-black .wp-block-button__link:visited,
body #colophon .btn-primary-black .wp-block-button__link,
body #colophon .btn-primary-black .wp-block-button__link:visited {
	background: var(--arnolds-text);
	color: var(--arnolds-white);
	border-color: var(--arnolds-text);
}
body .btn-primary-black .wp-block-button__link:hover,
body #colophon .btn-primary-black .wp-block-button__link:hover {
	background: var(--arnolds-dark-teal);
	color: var(--arnolds-white);
	border-color: var(--arnolds-dark-teal);
}









/*******************
 * 
 * Forms
 * 
 *******************/
input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=number],
textarea,
select {
	background: var(--arnolds-light-gray);
	font-size: 1.125rem;
}







/*******************
 * 
 * Header
 * 
 *******************/

/* announcement bar */
.announcement-bar {
	font-size: 1rem;
}
#masthead .announcement-button.announcement-button {
	padding: 5px 10px;
}

/* upper header menu */
.upper-header-menu {
	background: var(--arnolds-light-gray);
	padding: 10px;

}
@media (min-width: 768px) {
	.upper-header-menu {
		margin-top: -10px;
		border-radius: 0 0 0 30px;
	}
	.kaya-left-side {
		padding-top: 15px;
	}
}
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item.mega-button .mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-button .mega-menu-link {
	background: var(--arnolds-dark-teal);
	color: var(--arnolds-white);
	border-radius: var(--arnolds-border-radius);
	padding: 8px 20px !important;
	line-height: 1.5;
}
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item.mega-button .mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-button .mega-menu-link:hover {
	background: var(--arnolds-light-teal);
	color: var(--arnolds-black);
}
@media (max-width: 1199px) {
	.mega-mt70.mt70 {
		margin-top: 0 !important;
	}
}

/* quote cart icon */
.cart-button-wrapper {
	margin: 0 10px;
}
.quote-cart-image {
	margin-bottom: -10px;
}
@media (max-width: 767px) {
	.quote-cart-image {
		filter: grayscale(1) brightness(.2);
	}
	.ywraq_number_items {
		color: var(--arnolds-black);
	}
}
.cart-button-wrapper a {
	text-decoration: none;
	font-size: 1rem;
	display: inline-block;
}
.ywraq_number_items {
	display: inline;
}

/* header search */
.header-search-container {
	margin: 0 15px 0 10px;
}
@media (max-width: 767px) {
	.header-search-container,
	.cart-button-wrapper {
		margin: 0;
	}
	#masthead .flexbox-non-responsive {
		gap: 10px;
	}
}
.header-search-field,
.searchwp-live-search-widget-search-form {
	position: relative;
}
.header-search-field input,
.searchwp-live-search-widget-search-form input {
    width: 100%;
    height: 2.5rem;
    background: #ffffff;
    border-radius: var(--arnolds-border-radius);
    color: var(--arnolds-text);
    font-size: 1rem;
    letter-spacing: 0.02em;
    padding: 0 22px;
    border: var(--arnolds-border);
}
.searchwp-live-search-widget-search-form input {
	width: auto;
}
.header-search-field .btn {
	position: absolute;
    top: 0;
    right: 0;
    color: #20BEC6;
    font-size: 20px;
    padding: 0 16px;
    background: transparent;
    cursor: pointer;
    border: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: auto;
}
@media (max-width: 1500px) {
	.js-header-search {
		width: 168px;
	}
}
@media (max-width: 767px) {
	.js-header-search {
		width: 120px;
	}
}
@media (max-width: 1400px) {
	.upper-header-menu.flexbox {
		gap: 10px;
	}
}


/* Main menu */
#mega-menu-wrap-primary {
	font-family: var(--arnolds-heading);
	padding-top: 15px;
	padding-bottom: 8px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-button .mega-menu-link {
	font-weight: 400 !important;
	text-transform: capitalize;
	letter-spacing: 1.2px;
	font-size: 1rem;
	line-height: 1.5;
}
/* sticky header only on desktop wider */
@media (min-width: 1200px) {
	#masthead {
		position: sticky;
		top: 0px;
		z-index: 9000;
	}
}
@media (min-width: 1200px) and (max-width: 1580px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item .mega-menu-link.mega-menu-link {
		padding: 0 5px;
		font-size: 1rem;
	}
}
@media (min-width: 1200px) and (max-width: 1320px) {
	body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item .mega-menu-link.mega-menu-link {
		text-transform: none;
	}
}

/* mobile only top menu */
@media (max-width: 767px) {
	#masthead .hide-desktop {
		background: var(--arnolds-light-teal);
		font-size: 1rem;
	}
}






/*******************
 * 
 * Footer
 * 
 *******************/

/* footer columns */
.footer-columns {
	padding-top: 100px;
	padding-block: 90px;
}
.footer-columns figure {
	margin: 0;
}
@media (min-width: 768px) {
	.footer-columns > div {
		width: calc(50% - 15px);
	}
}
@media (min-width: 1280px) {
	.footer-columns > div {
		width: calc(25% - 23px);
	}
}
@media (max-width: 767px) {
	.footer-columns {
		text-align: center;
	}
	.footer-columns > div:nth-child(3) {
		margin-top: 30px;
	}
	.footer-columns .gform_wrapper.gravity-theme .gform_footer {
		display: block;
	}
}

/* lower footer */
#colophon .site-info.site-info {
	padding-top: 50px;
}

#colophon .site-info a {
	text-decoration: none;
}
#colophon .site-info a:hover {
	text-decoration: underline;
}
.copyright-line,
.menu-footer-menu-container {
	font-size: 1rem;
}
.menu-footer-menu-container {
	margin-top: 40px;
}
.menu-footer-menu-container .menu-item {
	display: inline-block;
}
.menu-footer-menu-container .menu-item:after {
	content: ' | ';
}
.menu-footer-menu-container .menu-item:last-child:after {
	content: '';
}





/**
 * 
 * Hero area
 * 
 */
#page-hero-area {
	position: relative;
	z-index: 1;
}
#page-hero-area:after {
	content: '';
    position: absolute;
    width: 40%;
    right: 0;
    top: 0;
    height: 100%;
    background: url(/wp-content/uploads/2023/07/arnolds-hero-background-1.jpg) center;
    background-size: cover;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
#page-hero-area .container {
	z-index: 2;
	position: relative;
}







/**
 * 
 * Home page
 * 
 */
.home-cta-image {
	position: relative;
}
@media (min-width: 768px) {
    .home-cta-image:before {
        clip-path: polygon(0 0, 100% 0, calc(100% - 250px) 100%, 0% 100%);
        content: '';
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 50%;
        background: url('/wp-content/uploads/2021/12/home-cta-image.jpg');
        background-position: center;
        background-size: cover;
    }
}

/* homepage hero area */
@media (min-width: 1250px) {
    .home .home-outer-left {
        min-height:550px;
        margin-right: -230px;
        padding-right: 230px;
        width: calc(50% + 215px);
        clip-path: polygon(0 0,100% 0,calc(100% - 230px) 100%,0% 100%)
    }

    .home-button-left,.para-clip-left {
        max-width: 775px;
        width: calc(100% + 185px);
        padding-left: 100px;
        padding-right: 100px;
        margin-right: -200px
    }

    .para-clip-left {
        min-height: 180px
    }

    .home .home-outer-right {
        width: calc(50% + 215px);
        min-height: 550px;
        padding-left: 230px;
        margin-left: 0;
        clip-path: polygon(230px 0,100% 0,100% 100%,0% 100%)
    }

    .home-button-right,.para-clip-right {
        max-width: 775px;
        width: calc(100% + 185px);
        padding-left: 100px;
        padding-right: 100px;
        margin-left: -200px
    }

    .para-clip-right {
        min-height: 180px
    }
}
@media (min-width: 1440px) {
    .para-clip-left {
        clip-path: polygon(150px 0,100% 0,100% 100%,0% 100%)
    }

    .para-clip-right {
        clip-path: polygon(0 0,100% 0,calc(100% - 150px) 100%,0% 100%)
    }
}

/* the best cubicles for your workplace section */
.whiten-background {
    position: relative;
    z-index: 0
}

.whiten-background:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fffd;
    z-index: 1;
    top: 0;
    left: 0
}

.whiten-background>.gb-container {
    z-index: 2;
    position: relative
}

/* our office furniture catalog includes section */
.white-triangle-left,
.white-triangle-left-overlap {
	position: relative;
	background: rgba(255,255,255,.9);
}
@media (min-width: 768px) {
	.white-triangle-left:before,
	.white-triangle-left-overlap:before {
		position: absolute;
		content: '';
		left: -200px;
		top: -30px;
		width: 200px;
		height: calc(100% + 30px);
		background: rgba(255,255,255,.9);
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	}
	.white-triangle-left-overlap:before {
		left: 0;
		background: rgba(255,255,255);
		clip-path: polygon(0 0, 0% 100%, 100% 0);
	}
}

/* our recognition */
.gray-triangle-right-overlap {
	position: relative;
}
.gray-triangle-right-overlap:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 100px;
	height: 100%;
	background: var(--arnolds-light-gray);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}







/**
 * 
 * General landing pages
 * 
 */
@media (min-width: 1025px) {
	.bialty-container > h2, .bialty-container > h3, 
	.bialty-container > h4,
	.bialty-container > p,
	.bialty-container > .wp-block-columns,
	.single-post .gb-block-image,
	.single-job .gform_wrapper,
	.bialty-container .ywraq-with-form  {
	    max-width: 76%;
        padding: 10px 20px;
        margin-left: 12%;
	}
}







/**
 * 
 * Case studies
 * 
 */
@media (min-width: 768px) {
	.case-studies-listing {
		display: flex;
		flex-wrap: wrap;
	}
}
.single-case-studies .entry-header {
	text-align: center;
}
.single-case-studies .social-sharing-buttons {
	margin-top: 40px;
	margin-bottom: 40px;
}
@media (min-width: 768px) {
	.single-case-studies .flexbox {
		justify-content: space-around;
	}
	.kaya-flex-3 {
		width: calc(33% - 20px);
	}
}







/**
 * 
 * Archive blog post
 * 
 */
.blog .site-main,
.archive .site-main {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding-top: 30px;
}
.blog .site-main .post,
.blog #secondary .widget,
.archive .site-main .post,
.archive #secondary .widget {
	border: var(--arnolds-border);
	box-shadow: var(--arnolds-box-shadow);
	padding-top: 0;
}
.blog #secondary .widget,
.archive #secondary .widget {
	padding: 20px 15px;
	margin-top: 30px;
}
@media (min-width: 768px) {
	.blog .site-main .post,
	.archive .site-main .post {
		width: calc(50% - 30px);
	}
}
.blog .entry-header,
.archive .entry-header {
	padding-top: 0;
}
.blog .entry-title,
.archive .entry-title {
	font-size: 1.85rem;
	line-height: 1.35;
}
@media (max-width: 767px) {
	.blog .entry-title {
		font-size: 1.4rem;
	}
	.blog .searchwp-live-search-widget-search-form {
		display: flex;
		gap: 10px;
	}
}
.blog .entry-content,
.blog .entry-header-categories,
.blog .entry-title,
.archive .entry-content,
.archive .entry-header-categories,
.archive .entry-title {
	padding-left: 20px;
	padding-right: 20px;
}
.blog .entry-header-categories .button,
.archive .entry-header-categories .button {
	font-size: 0.875rem;
}
.blog .sidebar-right #primary.has-sidebar,
.archive .sidebar-right #primary.has-sidebar {
	border-right: none;
}







/**
 * 
 * Image buttons
 * 
 */
/* fancy rounded image buttons */
.flexible-image-buttons {
	padding: 40px 0;
}
.image-button {
	height: 100%;
}
.image-button-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 10px 25px 10px 8px;
	transition: all 0.5s ease-in-out;
	background: linear-gradient(180deg, rgba(76, 76, 76, 0.404) 40.1%, #4C4C4C 100%);
}
.image-button-link:hover .image-button-content {
	background: linear-gradient(180deg, rgba(76, 76, 76, 0.5) 0%, #4C4C4C 100%);;
}
.image-button-content-text {
	color: var(--arnolds-white);
	position: relative;
	z-index: 99;
}
.image-button-link {
	display: block;
	position: relative;
	height: 100%;
	border-radius: 0 0 50px 0;
	background: var(--arnolds-text);
	border-color: var(--arnolds-white);
	overflow: hidden;
	height: 260px;
}
@media (max-width: 767px) {
	.image-button-link {
		height: 180px;
	}
}
.image-button-content h3 {
	color:var(--arnolds-white);
}
.image-button-content-description {
	display: none;
	padding: 0 4px 4px 0;
	transition: all 0.5s ease-in-out;
}
.image-button-link:hover .image-button-content-description {
	display: block;
}
.image-button-img,
.image-button-img .img-responsive,
.image-button-img .img-responsive img {
	height: 100%;
}
.image-button-img .img-responsive img {
	object-fit: cover;
}
.flexible-image-buttons .image-button-content {
	background: linear-gradient(180deg, rgba(76, 76, 76, 0) 40.1%, #4C4C4C 100%);
}
.flexible-image-buttons.image-buttons-four-columns .row {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.col-xxs-6 {
	width: calc(50% - 30px);
}
@media (max-width: 767px) {
	.col-xxs-12 {width: 100%}
}

@media (min-width: 768px) {
	.col-sm-4 {
		width: calc(33% - 30px);
	}
}
@media (min-width: 1200px) {
	.col-lg-3 {
		width: calc(25% - 30px);
	}
}






/**
 * 
 * Job post type
 * 
 */
.single-job .gform_wrapper {
	margin-top: 50px;
}





/**
 * 
 * Woocommerce single product
 * 
 */
@media (max-width: 767px) {
	.resp-sharing-button__link, .resp-sharing-button__link:visited {
		margin: 1px;
	}
}
.variable-selector-container_footprint, .variable-selector-container_height {
	display: none;
}
.single-product #primary {
	margin-top: 50px;
}
.product_cat-sunline-series-new-office-cubicles .var-sku:before,
.product_cat-sunline-series-new-office-cubicles .product-feature-left:before,
.term-sunline-signature-cubicles #page-hero-area .container:before {
    content: '';
    display:  block;
    background: url(/wp-content/uploads/2024/02/sunline-signature.png) no-repeat;
    background-size: 260px 32px;
    width: 260px;
    height: 32px;
    margin-bottom: 10px;
}
.brand-sunline-select .product_cat-new-office-cubicles .var-sku:before,
.brand-sunline-select .product_cat-new-office-cubicles .product-feature-left:before,
.term-sunline-select #page-hero-area .container:before {
    content: '';
    display:  block;
    width: 243px;
    height: 32px;
    background: url(/wp-content/uploads/2024/02/sunline-select.png) no-repeat;
    background-size: 243px 32px;
    margin-bottom: 10px;
}
.brand-sunline-select .product_cat-glass-walls .var-sku:before,
.brand-sunline-select .product_cat-glass-walls .product-feature-left:before,
.term-glass-walls #page-hero-area .container:before {
    content: '';
    display:  block;
    width: 243px;
    height: 32px;
    background: url(/wp-content/uploads/2024/02/sunline-synergy.png) no-repeat;
    background-size: 243px 32px;
    margin-bottom: 10px;
}
.product_cat-privacy-booths .var-sku:before,
.product_cat-privacy-booths .product-feature-left:before,
.term-privacy-booths #page-hero-area .container:before {
    content: '';
    display:  block;
    width: 238px;
    height: 32px;
    background: url(/wp-content/uploads/2024/03/sunline-serenity.png) no-repeat;
    background-size: 238px 32px;
    margin-bottom: 10px;
}
.post-39845 .var-sku:before,
.post-39845 .product-feature-left:before {
    content: '';
    display:  block;
    width: 238px;
    height: 32px;
    background: url(/wp-content/uploads/2024/03/sunline-elevate.png) no-repeat;
    background-size: 234px 32px;
    margin-bottom: 10px;
}
.product_cat-sunline-ergo .var-sku:before,
.product_cat-sunline-ergo .product-feature-left:before {
    content: '';
    display:  block;
    width: 210px;
    height: 32px;
    background: url(/wp-content/uploads/2024/03/Sunline_Ergo_Logo.png) no-repeat;
    background-size: 210px 32px;
    margin-bottom: 10px;
}

.coming-soon-notice {
    font-size: 1rem;
    background: #09a2aa;
    color: white;
    padding: 5px 20px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: var(--arnolds-heading);
}

.var-sku p,
.single-product .price
 {
	font-weight: bold;
}

.woocommerce div.product form.cart .variations label {
	font-weight: 400;
}
.woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-contents {
	overflow: hidden;
}
.single-product #content .variations li,
#content .woocommerce-tabs li {
	padding-bottom: 2px;
}
.single-product .variations tr:nth-child(2n) {
	background: var(--arnolds-white);
}
.woo-variation-swatches.wvs-show-label .variations td.woo-variation-items-wrapper {
	display: flex;
	gap: 20px;
}
.woocommerce.single-product div.product form.cart div.quantity {
	float: none;
}

.woocommerce-product-attributes {
	border: var(--arnolds-border);
	box-shadow: var(--arnolds-box-shadow);
}
.single-product.woocommerce table.shop_attributes td {
	padding-left: 10px;
}


/* you may also like section */
.products .product {
	border: var(--arnolds-border);
	padding: 15px;
	text-align: center;
}
.woocommerce-loop-product__link:hover {
	background: var(--arnolds-dark-teal);
}
.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.woocommerce-loop-product__link:hover .price,
.woocommerce-loop-product__link:hover
 {
	color: var(--arnolds-white) !important;
}
@media (min-width: 768px) {
	.single-product .products.columns-4 {
		display: flex;
	}
}

.woocommerce div.product form.cart .button {
	width: 100%;
	border-radius: var(--arnolds-border-radius);
	margin-top: 15px;
}

/* new colors coming soon */
.single-product .show_new_colors .variations tr:first-child th:after {
	content: 'New accent colors Medium Grey, Gold Rush, and Pumpkin are available for purchase, website images coming soon.';
	display: block;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
}
body.woocommerce div.product form.cart .variations th {
	line-height: 1.5;
}

html .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {
	background: var(--arnolds-light-teal);
}


/* mobile fixes */

@media (max-width: 767px) {
	.glass-walls-table {
		font-size: 0.825rem;
	}
	body .yith-wcbm-badge.yith-wcbm-badge-image {
		max-width: 50px;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}
	body .yith-wcbm-badge.yith-wcbm-badge-40993.yith-wcbm-badge-image .yith-wcbm-badge__wrap img {
		max-height: 50px;
		margin-right: 25px !important;
	}
}







/**
 * 
 * Woocommerce archive pages
 * 
 */

/* when cubekit on archive page remove the "add to quote" button */
.yith-ywraq-add-to-quote.add-to-quote-30020 {
	display: none !important;
}

.products .product > .clear {
	display: none;
}
.half-and-half.bgreen-bg {
    background-color: var(--arnolds-dark-teal);
	color: var(--arnolds-white);
}
.half-and-half-image, 
.half-and-half-text {
    position: relative;
}
.half-and-half-image {
	background: url(/wp-content/uploads/2021/12/office-design-guide.jpg.webp) no-repeat;
	background-size: cover;
}
/*.half-and-half-image .img-responsive {
	display: block;
}
.half-and-half-image img {
    height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
}*/
.half-and-half-text {
    padding: 22px 46px 24px;
}
.half-and-half-text.right {
    margin-right: auto;
}
.half-and-half-text.left {
    margin-left: auto;
}
.half-and-half-text h3 {
	text-transform: capitalize;
}
@media (min-width: 768px) {
	.half-and-half-image {
		width: 48%;
	}
    .half-and-half-text {
		padding: 20px 15px 40px 0px;
		width: calc(50% - 22px);
    }
	.image-block-left .half-and-half-image {
		clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0% 100%);
	}
    .image-block-right .half-and-half-image {
        clip-path: polygon(106px 0, 100% 0, 100% 100%, 0% 100%);
    }
}
@media (min-width: 1024px) {
	.half-and-half-image {
		width: 60%;
	}
    .half-and-half-text {
		padding: 80px 22px;
		width: calc(40% - 44px);
    }
	.half-and-half-text article {
		max-width: 824px;
	}
	.half-and-half-text.left article {
		float: right;
	}
	.image-block-left .half-and-half-image {
		clip-path: polygon(0 0, 100% 0, calc(100% - 212px) 100%, 0% 100%);
	}
    .image-block-right .half-and-half-image {
        clip-path: polygon(212px 0, 100% 0, 100% 100%, 0% 100%);
    }  
}

/* view details */
.custom-product-link,
.woocommerce-page ul.products li.product .sku,
.small-text {
	font-size: 1rem;
}

/* fix the heights of the woo products */
.woocommerce-page ul.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.woocommerce-page ul.products li.product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* filters */
.archive-filter {
	background: var(--arnolds-light-gray);
	padding: 20px 20px 0 20px;
	margin-bottom: 40px;
}
.archive-filter .facetwp-dropdown {
	padding: 5px 10px;
	width: 100%;
}


/* mobile specific */
@media (max-width: 767px) {
	.woocommerce ul.products li.product a.add-request-quote-button.button.add-request-quote-button {
		font-size: 1rem;
		padding: 10px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
		flex-grow: 4;
	}
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
}





/**
 * 
 * Search results
 * 
 */
.search-result .wp-block-button__link {
	margin-bottom: 20px;
}