/*!
Theme Name: slidingwardrobes
Theme URI: http://underscores.me/
Author: CPM Webdesign
Author URI: https://cpmwebdesign.co.uk
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: slidingwardrobes
Tags: Custom Template, Bootstrap 5,

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

slidingwardrobes 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/
*/

/*
 * Custom css (https://cpmwebdesign.co.uk/)
 * 
 */

/*--------------------------------------------------------------
# vars
--------------------------------------------------------------*/

strong.price-promise:before {
  position: relative;
  content: url("./dist/images/price-promise.svg");

 
}

ul.trust-uk li {
  display: inline-block;
}
.onsale {
  background: #AB231C;
  color: white;
  border-radius: 100px;
  padding: 20px 16px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.dropdown-item {
white-space: normal;
  }
img.radio-image{
  
}

.tc-image.radio-image.tc-center.tmlazy.lazy-loaded {
  width: 100%;
}
.tm-floating-box {
  max-width: 300px;
}
/*--------------------------------------------------------------
  Cookie
--------------------------------------------------------------*/
#cookie-law {
text-align: center;
background: #F7F6F4;
color: #000;
padding: 10px 5px 0;
font-size: .875rem;
width: 100%;
}

#cookie-law a {
text-decoration: underline;
}

a.close-cookie-banner {
background: #E6332A;
padding: 5px 15px;
color: white;
border-radius: 2px;
text-decoration: underline;
}

a.close-cookie-banner:hover {
color: white;
}



/*--------------------------------------------------------------
# sale message callout
--------------------------------------------------------------*/
td p
{
  margin: 0;
  padding-left: 2rem;
}
.avatar.avatar-60.photo
{
  border-radius: 100px;
}
h2.woocommerce-Reviews-title{
  font-size: 1.5rem;
}
.woocommerce-review-link
{
  display: none;
}
.accordion-body .star-rating::before,
.accordion-body .star-rating span::before{
  text-align: left;
}
.star-rating span::before
{
  content: "\f155\f155\f155\f155\f155";
  top: 0;
  position: absolute;
  left: 0;
  color: #EDCF29;
  font-family: 'Dashicons';
  text-align: center;
  width: 100%;
}
.star-rating::before
{
  content: "\f155\f155\f155\f155\f155";
  opacity: 0.25;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  font-family: 'Dashicons';
  text-align: center;
  width: 100%;
}
.star-rating
{
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  width: 100%;
  font-weight: 600;
}

.star-rating span
{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.accordion-button
{
  font-size: inherit;

}
.sale-callout{
  background-color: #643156;
  color: white;
 
}
.sale-callout.home-callout{
  background-color: rgba(34, 26, 54, 0.9);
  color: white;
 
}
.sale-callout-inner{
  border: thin solid white;
  border-radius: 3px;

}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
color: #21759b;
display: block;
font-size: 14px;
font-size: .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;/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# pagination
--------------------------------------------------------------*/
nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 2rem;
}
nav.woocommerce-pagination ul li span.current {
  border-radius: 3px;
  background-color: #221B35;
  color: white;
  font-weight: 400;
}
nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span {
  padding: 0.75rem 1.025em;
  min-width: 1em;
  text-decoration: none;
}
ul.page-numbers{
  list-style: none;
  padding-left: 0;
}
ul.page-numbers li{
  display: inline-block;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  margin: 0;
  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
  max-width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}



@media (min-width: 600px) {
  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
    width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
    max-width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
  }
}
/*--------------------------------------------------------------
main styles
--------------------------------------------------------------*/
body {
margin: 0;
font-family: franklin-gothic-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.25rem;
line-height: 1.5;
color: #2E2E2E;
text-align: left;
background-color: #fff;
padding: 0;
}
a {
  color: inherit;
}
a:hover {
  color: inherit;
}


.purple-background {
background-color: #221A36;
color: #C3C3C3;
padding: 2rem 0 3rem;
}

.grey-background {
background-color: #F4F4F4;
padding: 2rem 0 3rem;
}

.section-background-purple {
padding-top: 5rem;
background: linear-gradient(90deg, #221A36 70%, #ffffff 70%);
background-repeat: repeat;
background-size: auto;
background-size: 100% 100%;
background-repeat: no-repeat;
color: #C3C3C3;
}

.section-background-grey {
padding-top: 5rem;
background: linear-gradient(90deg, #F4F4F4 70%, #ffffff 70%);
background-repeat: repeat;
background-size: auto;
background-size: 100% 100%;
background-repeat: no-repeat;
}


.background-purple{
  background-color: #221A36;
  text-align: center;
  color: white;

}
.sale-inner{
  width: 100%;
  height: 100%;
  border: thin solid white;
  padding: 0 1.25rem 1.25rem;

}
.red-copy{
  font-weight: bold;
}
.background-purple h2:before{
  content: url(./dist/images/sale.svg);
  display: block;
}

.sale-heading:after{
  content: url(./dist/images/arrow-right-long.svg);
   display: block;
}

.section-background-grey figure.trustpilot img, .section-background-purple figure.trustpilot img {
box-shadow: none;
}

.section-background-grey figure img, .section-background-purple figure img {
box-shadow: -6px 8px 20px rgba(0, 0, 0, 0.29);
}

.row-margin-first {
margin: 100px 0 50px;
}

.row-margin {
margin: 50px 0;
}

.px-max.first-col, .px-max {
padding-left: 5rem;
padding-right: 5rem;
}
.strapeline a{
text-decoration: none;
}
/*
.sale-heading:before{
  content: url(./dist/images/sale.svg);
  display: block;
}*/
.hero-home {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #F9F9F9;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.09);
}

.hero-pages {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #F4F4F4;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top center;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.09);
}
.hero-wc-pages h1{

}
.hero-wc-pages{
  background-color: #221A36;
  display: flex;
   justify-content: center;
   align-items: center; 
  min-height: 375px;
  color: white;
  
}
.strapeline {
background-color: #221a36;
opacity: 0.85;
border-radius: 999px;
width: 375px;
height: 375px;
color: white;
text-transform: uppercase;
font-weight: 400;
padding: 15px;
}
.strapeline-two{
text-transform: uppercase;
font-weight: 400;
padding: 15px;
color: white;
height: 375px;
width: 550px;
}
.strapline-inner {
width: 100%;
height: 100%;
border: thin solid white;
border-radius: 999px;
padding: 1.25rem;
}

.circle-content {
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.info-block {
background-color: #643156;
padding: 1rem;
color: white;
text-transform: uppercase;
text-align: center;
}

.info-block p br {
display: none;
}

.info-block p {
margin: 0 0 1rem 0;
line-height: 1.25rem;
}

.info-block p:before {
display: inline-block;
position: relative;
top: 10px;
margin-right: 10px;
}

#block-7 p:before {
content: url(./dist/images/file-certificate.svg);
}

#block-8 p:before {
content: url(./dist/images/person-dolly.svg);
}

#block-9 p:before {
content: url(./dist/images/compass-drafting-small.svg);
}
ul{
  list-style: none;
  padding-left: 0;
}

/*--------------------------------------------------------------
typography
--------------------------------------------------------------*/
.accordion-item {
  background-color: transparent;
  border: none;
}
.accordion-body {
  background-color: white;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1rem 3rem 3rem;
}
.accordion-body h2{
  margin: 1rem 0;
}
.accordion-button:not(.collapsed) {
  color: #C3C3C3;
  background-color: #221B35;

}
.accordion-button.collapse {
  color: #2E2E2E;
  background-color: #fff;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%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");
  transform: rotate(-180deg);
}
.accordion-button:not(.collapsed):before{
  filter: invert(1);
}
button.question{
   font-size: 1.375rem;
}
button.question:before{
 content: url(./dist/images/messages-question-faqs.svg);
position: relative; 
padding-right: 10px;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}

.h1, h1 {
font-size: calc(1.25rem + 1.5vw);
}

.h2, h2 {
margin: 2rem 0;
}
h2.arrow-heading:after{
  content: url(./dist/images/arrow-turn-down.svg);
  position: relative;
  top:30px;
  margin-left: 2px;
}
.entry-title.title-icon:before {
content: url(./dist/images/compass-drafting.svg);
position: relative;
display: block;
}

h2.step-numbers span{
background-color: #221B35;
color: white;
padding: 15px 30px;
border-radius: 999px;
font-size: 3rem;
position: relative;
}

h2.step-numbers span:after {
content: '';
border: thin solid white;
width: 75px;
height: 75px;
border-radius: 999px;
position: absolute;
left: 5px;
top: 5px;
}
.woocommerce-MyAccount-navigation ul li a,
.has-link a{
  color: inherit;
}
.woocommerce-MyAccount-navigation ul li a:after,
.has-link a:after{
  content: url(./dist/images/arrow-up-right.svg);
  position: relative;
  margin-left: 5px;
}
h2.step-numbers.num-1-bg span,
.number-heading.num-1-bg {
background-color: #221a36;
}
h2.step-numbers.num-2-bg span,
.number-heading.num-2-bg {
background-color: #633255;
}
h2.step-numbers.num-3-bg span,
.number-heading.num-3-bg {
background-color: #5c636a;
}

.number-heading {
width: 120px;
height: 120px;
color: white;
text-transform: uppercase;
margin: 0 auto;
border-radius: 999px;
display: flex;
justify-content: center;
align-items: center;
margin: 1rem auto 1.5rem;
}

.number-heading:after {
content: '';
border: thin solid white;
width: 105px;
height: 105px;
border-radius: 999px;
position: absolute;
}

.number-heading h3 {
}

.other-styles .wp-block-cover {
min-height: 530px;
}

.wp-block-cover, .wp-block-cover-image {
}

.range-heading {
background-color: #221a36;
opacity: 0.85;
width: 250px;
height: 250px;
color: white;
text-transform: uppercase;
margin: 0 auto;
border-radius: 999px;
display: flex;
justify-content: center;
align-items: center;
margin: 1rem auto 1.5rem;
}

.range-heading:after {
content: '';
border: thin solid white;
width: 240px;
height: 240px;
border-radius: 999px;
position: absolute;
}

.range-heading h2 {
margin: 0 0 .125rem;
}

.range-heading p {
text-align: center;
margin-bottom: .125rem;
font-size: 1.25rem;
}

.range-heading .wp-bootstrap-blocks-button {
z-index: 1;
position: relative;
text-align: center;
}
ul.measuring-guide{
 padding-left: 1.75rem;

}
ul.measuring-guide li {
  line-height: 2rem;
  list-style-image: url("./dist/images/circle-check.svg");
}

/*--------------------------------------------------------------
forms
--------------------------------------------------------------*/
.nf-form-fields-required {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.ninja-forms-field {
width: 100%;
border-radius: 5px;
border: thin solid rgba(0,0,0, 0.2);
padding: 0.5rem;
}
.contact-btn:hover{
  color: #fff;
background-color: #633255;
border-color: #633255;
}
.contact-btn {
  background-color: #221a36;
  color: #fff;
  text-transform: uppercase;
  padding: .75rem 2rem;
  border-radius: 100px;
  border: thin solid #221a36;
}
/*--------------------------------------------------------------
Page top 
--------------------------------------------------------------*/
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 1rem;
left: 100px;
position: relative;
}

img.custom-logo {
width:  400px;
height: 118px;
padding: 0;
z-index: 2;
position: relative;
}

.menu-label {
font-size: 0.875rem;
letter-spacing: 0.275rem;
text-align: center;
}

.top-account-info {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.top-account-info ul {
list-style: none;
padding-left: 0;
display: flex;
}

.top-account-info div {
display: inline-block;
}

.cart-holder:before {
content: url("./dist/images/cart-shopping.svg");
position: relative;
top: 10px;
}

.cart-contents-count {
background: #fff;
border-radius: 120px;
padding: 2px 6px 1px;
position: absolute;
top: 12px;
right: 15px;
color: #221B35;
font-size: 10px;
}

.cart-section {
padding: 0;
}

.cart-section a {
background-color: #221B35;
padding: 16px 25px 28px;
display: block;
border-left: thin dotted #979797;
border-bottom: thin dotted #979797;
text-decoration: none;
}

.account-top {
display: inline-block;
}

.user-account-top a {
position: relative;
top: 0;
padding: 25px 27px 31px;
background-color: #221B35;
margin-right: -5px;
border-left: thin dotted #979797;
border-bottom: thin dotted #979797;
}

/*
.user-account-top a span {
display: none;
}
*/
.phone-top a:before,
.user-account-top a:before {
content: url("./dist/images/user.svg");
position: relative;
top: 8px;
}
.modal-inner-footer{
  display: flex;
}
/*--------------------------------------------------------------
Buttons 
--------------------------------------------------------------*/

.woocommerce-form-register__submit,
.woocommerce-form-login__submit,
.login-to-view-message a{
   text-transform: uppercase;
  font-weight: 400;
  background-color: #633255;
  width: auto;
  padding: 0.75rem 3.5rem ;
  border-radius: 99px;
  border: thin solid #633255;
  color: white;
  font-size: 1.125rem;
  text-decoration: none;
}



.btn.next-btn.btn-primary,
.btn.prev-btn.btn-primary{
 padding: .875rem 3.5rem;
 background-color: #633255;
}
.btn.next-btn.btn-primary:after{
  content: '\2192';
  padding-left: 5px;
}
.btn.prev-btn.btn-primary:before{
  content: '\2190';
  padding-right: 5px;

}
#place_order,
.actions .button,
.checkout-button.button,
.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.button.wp-element-button,
.single_add_to_cart_button{
  text-transform: uppercase;
  font-weight: 400;
  background-color: #633255;
  width: auto;
  padding: 0.75rem 3.5rem ;
  border-radius: 99px;
  border: thin solid #633255;
  color: white;
  font-size: 1.125rem;
  text-decoration: none;
}

.checkout-button.button{
  padding: 0.5rem 2.5rem 0.75rem;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.checkout-button.button:before{
content: url("./dist/images/cart-shopping.svg");
position: relative; 
top: 5px;
margin-right: 5px;
}

.btn-primary:, 
.btn-primary:hover {
color: #fff;
background-color:#5c636a;
border-color: #5c636a;
}

.btn-primary, .btn-secondary {
border: none;
border-radius: 100px;
text-transform: uppercase;
font-size: 1.125rem;
}

.close-btn{
width: auto;
padding: 0.75rem 1.5rem 0.75rem;
}
.btn-get-started, .btn-get-started:hover {
color: white;
}

.btn-down:after {
content: url("./dist/images/angle-down.svg");
position: relative;
top: 2px;
margin-left: 5px;
}

.btn-get-started:after {
content: url("./dist/images/angle-right.svg");
position: relative;
top: 2px;
margin-left: 5px;
}

.card .wp-bootstrap-blocks-button {
width: 100%;
}

.action-btn {
width: 100%;
padding: 1rem 2rem;
}

.card.num-1 .action-btn {
background-color: #221a36;
}


.accordion-body .action-btn.measure-btn,
.card.num-2 .action-btn, .section-background-purple .action-btn.measure-btn, .section-column .action-btn.measure-btn{
background-color: #633255;
}

.card.num-3 .action-btn {
background-color: #5c636a;
}

.more-info-btn {
background: transparent;
border: none;
}

.more-info-btn:hover {
background: transparent;
border: none;
}

.more-info-btn:after {
content: url("./dist/images/angle-right.svg");
position: relative;
top: 2px;
margin-left: 5px;
}
.accordion-body .action-btn.measure-btn,
.section-column .action-btn.measure-btn,
.section-background-purple .action-btn.measure-btn {
width: auto;
padding: 0.375rem 4.5rem 1rem;
}

.measure-btn {
padding: 0.375rem 2rem 1rem;
}

.measure-btn:before {
content: url("./dist/images/ruler-triangle.svg");
position: relative;
top: 8px;
margin-right: 5px;
}

.fitting-btn:before {
content: url("./dist/images/screwdriver-wrench.svg");
position: relative;
top: 8px;
margin-right: 5px;
}
.accordion-body .action-btn.fitting-btn,
.section-column .action-btn.fitting-btn,
.section-background-purple .action-btn.fitting-btn {
width: auto;
padding: 0.375rem 5.5rem 1rem;
}

.faqs-btn {
padding: 0.375rem 2rem 1rem;
}

.faqs-btn:before {
content: url("./dist/images/messages-question.svg");
position: relative;
top: 8px;
margin-right: 5px;
}

.delivery-btn {
padding: 0.125rem 2rem 1rem;
}

.delivery-btn:before {
content: url("./dist/images/person-dolly-small.svg");
position: relative;
top: 8px;
margin-right: 5px;
}
.account-btn,
.email-btn{
  background-color: #633255;
  padding: 0.5rem 5.25rem 1rem;
}
.account-btn:before{
  content: url("./dist/images/user.svg");
  position: relative;
  top: 6px;
  margin-right: 5px;

}
.email-btn:hover{
 background-color: #221a36; 
}

.phone-btn{
background-color: #6c757d;
padding: 0.5rem 4rem 1rem;
}

.design-btn {
background-color: #633255;
padding: 0.5rem 4.5rem 1rem;
}
.email-btn:before {
content: url("./dist/images/envelope.svg");
position: relative;
top: 6px;
margin-right: 5px;
}
.phone-btn:before {
content: url("./dist/images/phone-flip.svg");
position: relative;
top: 6px;
margin-right: 7px;
}
.design-btn:before {
content: url("./dist/images/compass-drafting-btn.svg");
position: relative;
top: 6px;
margin-right: 5px;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::before, .woocommerce-cart .cart-collaterals .shipping-calculator-button::before, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
  font-family: WooCommerce;
  speak: never;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: url("./dist/images/person-dolly-black.svg");
  text-decoration: none;
  margin-right: 5px;
}
/*--------------------------------------------------------------
alerts
--------------------------------------------------------------*/
.woocommerce-notices-wrapper{
  margin-top: 2rem;
}
.alert-secondary {
  color: #41464b;
  background-color: rgba(34, 26, 54, .3);
  border-color: #d3d6d8;
  text-align: center; 
}

/*--------------------------------------------------------------
images
--------------------------------------------------------------*/
.woocommerce div.product div.images .flex-control-thumbs li img {
  cursor: pointer;
  opacity: 1;
  margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs {
  overflow: hidden;
  zoom: 1;
  margin: 0;
  padding: 0;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: left;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 16.6%;
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 5px 5px 0 0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: left;
  width: 100%;
}
.woocommerce div.product div.images img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 2em;
  z-index: 9;
  width: 36px;
  height: 36px;
  background: #633255;
  text-indent: -9999px;
  border-radius: 100%;
  box-sizing: content-box;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
  position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
  content: "dd";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 9px;
  box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
  content: "";
  display: block;
  width: 2px;
  height: 8px;
  background: white;
  border-radius: 6px;
  position: absolute;
  top: 19px;
  left: 22px;
  transform: rotate(-45deg);
  box-sizing: content-box;
}
/*--------------------------------------------------------------
products
--------------------------------------------------------------*/
.single-product .tm-extra-product-options-fields.tc-container{
  padding-left: 0;
}
.woocommerce-breadcrumb {
  font-size: 1rem;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  margin-bottom: auto;
}
ul.products li{
  list-style: none;
  padding-left: 0;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;

}
.small-vat-text {
    font-size: 70% !important;
    
}
ul.products li img{
  width: 100%;
  height: auto;
}
ul.products li a:first-of-type{
  text-decoration: none;
  color: inherit;
   background-color: #F4F4F4;
  padding: 1.5rem 1.5rem;
  border-radius: 5px;
  /*display: flex;
  flex-direction: column;*/
  height: 100%;
}
.product_type_simple.add_to_cart_button.ajax_add_to_cart{
   margin: 1.5rem 0 ;
  

}
ul.products li a:hover{
  color: inherit;
}
ul.products li h2{
  font-size: 1.25rem;
  /*min-height: 60px;*/
}
ul.products li .button{
  display: block;
}



ul.products li span.price .woocommerce-Price-amount.amount{
  padding-bottom: 1rem;
  font-size: 1.5rem;
  margin-bottom: auto;
}
.quantity {
  float: left;
}
.quantity input{
 margin-right: 2rem;
 padding: 0.375rem;
 border-radius: 5px;
 border: thin solid #CBCBCB;
}
.price .woocommerce-Price-amount.amount{
  font-weight: 500;
  font-size: 1.875rem;
  color: #633255;
}
/*.postid-13 .price .woocommerce-Price-amount.amount:before{
  content: 'Grand Total:';
  position: relative;
  display: block;
  font-weight: 400;
  color: black;
}*/
.summary.entry-summary ul{
  list-style: disc;
  padding-left: 1rem;
}

ul.productpage-list{
  margin-left: 1rem;


}
ul.productpage-list li{

  line-height: 2rem;
list-style-image: url("./dist/images/circle-check.svg");
}
/*--------------------------------------------------------------
product extra options overrides
--------------------------------------------------------------*/

.radio-image-label, .checkbox-image-label {
 padding: 0.5em 0 0;
}
.radio-image-label {
  font-size: 1.025rem;
  }
.after-amount, .before-amount {
  font-size: 0.5em !important;
  
}
.tc-price-wrap{
  padding: 0;
}
.tc-row h4{
background: #633255;
padding: 1rem 1.5rem !important;
color: white !important;
}

.cpf-section.tc-cell.tcwidth-100.tm-owl-slider-section.mixed-panel-accordion.iscpfdependson.is-epo-depend {
  padding: 0;
}
.tmcp-field-wrap.tmhexcolorimage-li-nowh.is-separator.tc-mode-color{
  margin: 1rem  0 !important;
  color: white !important;
  background: #000 !important;
}
.tm-epo-reset-variation, .tm-extra-product-options .tm-epo-reset-radio {
  right: 6px;
}
.tm-extra-product-options ul.tmcp-elements.use-images-container li.tmcp-field-wrap, .tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap.tc-mode-images {
  text-align: center;
}

.tcfa {
  display: inline-block !important;
  margin: 0;
}

.tc-price-wrap {
  text-align: center;
  display: inline;
  margin: 0 0 0 10px;
}
.frame-selection-div ul,
.style-selection-div ul{
  display: block !important;
}

.style-selection-div  ul li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tc-mode-images {
  display: inline-block !important;
  width: 24% ;
}
.frame-selection-div  ul li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tc-mode-images {
  display: inline-block !important;
  width: 19% ;
}
.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap img.radio-image{
  border: none;
}
.tc-extra-product-options .tcowl-carousel .owl-item img {
  display: block !important;
  width: auto;
}
.aperture-block-div .tc-tooltip{
  color: #fff;
}
.tc-tooltip {
  color: #633255;
  font-size: 1em;
}
.tm-collapse {
  padding: 0;
}

.tm-extra-product-options .tm-box .tm-section-label, .tm-extra-product-options .tm-collapse .tm-section-label, .tm-extra-product-options .tm-box .tc-epo-label.tm-section-label, .tm-extra-product-options .tm-collapse .tc-epo-label.tm-section-label {
  margin: 0;
  position: relative;
  width: 100%;
  padding: var(--tcgap);
  border: 0;
  outline: 0;
}
.tc-cell.toggle-header-open{
  background: #221B35;
  color: #c3c3c3;
}
.tc-cell.toggle-header-open .tc-tooltip {
color: #c3c3c3;
}
.tc-cell.toggle-header-closed{
  background: #fff;
  color: #000;
}
.tcfa-angle-up:before {
  content: url("./dist/images/chev-down.svg");
  position: absolute;
  right: 15px;
  transition: transform .2s ease-in-out;
  filter: invert(1);        
}
.tcfa-angle-down:before {
  content: url("./dist/images/chev-down.svg");
  position: absolute;
  right: 15px;
  transition: transform .2s ease-in-out;
  filter: invert(0);
  transform: rotate(-180deg) ;
}
.tm-extra-product-options .tc-epo-label {
  margin-bottom: 15px;
}
.tm-collapse{
  background: white;
}


/*--------------------------------------------------------------
add text to price on certain category
--------------------------------------------------------------*/
.home .woocommerce-Price-amount.amount:after,
.term-shaker-sliding-wardrobe-doors .woocommerce-Price-amount.amount:after,
.term-sliding-panel-style-wardrobe-doors .woocommerce-Price-amount.amount:after,
.term-glass-sliding-wardrobe-doors-and-wardrobe-interiors .woocommerce-Price-amount.amount:after,
.term-sliding-wardrobe-door-sets-and-wardrobe-interiors .woocommerce-Price-amount.amount:after,
.post-type-archive-product .woocommerce-Price-amount.amount:after {
  content: 'Delivered';
  margin-left: 5px;
  font-size: 18px;
}
#sets .tm-error:after{
  content: 'larger sizes available on our wardrobe builder.';
  margin-left: 5px;
}
/*--------------------------------------------------------------
account styles 
--------------------------------------------------------------*/
.woocommerce-column--billing-address,col-1,
.woocommerce-column--billing-address,col-2,
#customer_details .col-1,
#customer_details .col-2,
.u-column1.col-1,
.u-column2.col-2,
textarea{
  width: 100%;
}
.form-row.form-row-first label,
.form-row.form-row-last label,
.woocommerce-form-row label,
.form-row.notes label,
.woocommerce-address-fields label,
.edit-account label{
  display: block;
}
.form-row input,
.woocommerce-form-row input,
.woocommerce-billing-fields input, 
.woocommerce-address-fields input, 
.edit-account input,
textarea{
  width: 100%;
  border-radius: 5px;
  border: thin solid rgba(0,0,0, 0.2);
  padding: 0.25rem 0.5rem;
}

#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox{
  width: 20px !important;
}
.woocommerce-form-login__rememberme input{
  width: auto;
}
/*--------------------------------------------------------------
Content Specific  
--------------------------------------------------------------*/
.style-img-holder {
text-align: center;
position: relative;
}
.circle-container h2 {
  text-transform: uppercase;
}
.style-img-holder img {
max-width: 329px;
max-height: 329px;
height: auto;
max-width: 100%;
border-radius: 999px;
}
.style-img-holder .circle-container{
text-align: center;
position: relative;
width: 100%;
top: 25px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: black;
}
.cirlce-images img {
  padding: 0.15rem;
  border: 8px solid white; /*rgba(34, 26, 54, 0.8);*/
  border-radius: 999px;
  box-shadow: -6px 8px 20px rgba(0, 0, 0, 0.29);
  transition: ease-in-out all .2s;
}
.cirlce-images a:hover img{
 transition: ease-in-out all .2s;
    transform: scale(1.02); 
}
.card {
display: flex;
background-color: #F4F4F4;
border: none;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
height: 100%;
padding: 1.5rem 2rem 3rem;
}

.card-body {
padding: 0rem;
}

.card h3 {
font-size: 4rem;
}

.card-body p {
font-size: 1.375rem;
line-height: 2rem;
}
/*--------------------------------------------------------------
woocommerce css
--------------------------------------------------------------*/


/*----  Cart page ----*/
.table > :not(caption) > * > * {
  padding: 1rem .5rem;
}
.select2-container .select2-selection--single {
  height: 38px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.woocommerce a.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: red !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
}

.woocommerce table.shop_table {
  border: 1px solid rgba(0,0,0,.1);
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 1px;
}

.woocommerce table.shop_table td {
  border-top: none;
  padding: 9px 12px;
  vertical-align: middle;
  line-height: 1.5em;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  text-align: right;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  float: left;
}
.woocommerce .cart-collaterals::after, .woocommerce .cart-collaterals::before, .woocommerce-page .cart-collaterals::after, .woocommerce-page .cart-collaterals::before {
  content: " ";
  display: table;
}
#add_payment_method table.cart img, 
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
  width: 32px;
  box-shadow: none;
}
.woocommerce #content table.cart img, 
.woocommerce table.cart img, 
.woocommerce-page #content table.cart img, 
.woocommerce-page table.cart img {
  height: auto;
}


.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
  width: 100%;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 48%;
}

.table > thead {
  vertical-align: bottom;
  background: #221A36;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
}
.woocommerce ul#shipping_method li {
  margin: 0 0 ;
  line-height: 1.5em;
  list-style: none outside;
}
.woocommerce ul{
  padding-left: 0;
}
#coupon_code {
  border-radius: 99px;
  padding: 0.375rem 1.5rem;
  border: thin solid rgba(0,0,0,0.1);
  text-align: center;
}
.form-row-first #coupon_code,
.form-row-last .wp-element-button{
  width: 100%;
}
.form-row-last .wp-element-button{

}
/*--------------------------------------------------------------
Navbar and Navigation
--------------------------------------------------------------*/
.navbar {
padding-top: 0rem;
padding-bottom: 0;
}

.dropdown-item.active, .dropdown-item:active {
color: white;
text-decoration: none;
background-color: transparent;
}

.dropdown-item:focus, .dropdown-item:hover {
color: white;
text-decoration: none;
background-color: transparent;
transition: background-color .2s linear;
}

.dropdown-menu {
background: #643156;
border-radius: 5px;
text-align: center;
}

.dropdown-menu .menu-item {
display: block;
}

.dropdown-item {
font-size: 2rem;
min-width: 120px;
text-align: center;
font-size: 1.75rem;
color: rgba(255, 255, 255, .55);
}

.bg-dark {
background-color: transparent !important;
}

.navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
text-align: center;
color: black;
font-size: 2rem;

}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color: #fff;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #fff;
}

.navbar-toggler .icon-bar {
transform: rotate(0deg) translate(0px, 0px);
transition: ease all .2s;
}

.navbar-toggler .icon-bar {
display: block;
width: 44px;
height: 2px;
border-radius: 0;
}

.navbar-toggler .icon-bar+.icon-bar {
margin-top: 12px;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(1) {
transform: rotate(45deg) translate(12px, 8px);
transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(2) {
opacity: 0;
transition: ease all .2s;
}

.navbar-toggler:not(.bend) .icon-bar:nth-child(3) {
transform: rotate(-45deg) translate(12px, -8px);
transition: ease all .2s;
}

.navbar-toggler {
background: #221B35;
color: #fff;
}

.navbar-toggler:focus {
outline: none;
box-shadow: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
padding: 31px 28px 34px;
outline: none;
border-radius: 0px;
border: none;/* border-radius:2px;*/
z-index: 1;
position: absolute;
left: 0px;
top: 0;
z-index: 2;
border: none;
outline: none;
border-right: thin dotted #979797;
border-bottom: thin dotted #979797;
}

.navbar-toggler .icon-bar {
background-color: #fff;
}

.offcanvas-collapse {
position: fixed;
top: 0px;   /* Height of navbar */
bottom: 0;
right: 100%;
left: -100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden; /*background-color: var(--darkgrey);*/
background: #221B35;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: left, visibility;
padding-top: 100px;
z-index: 1;
}

.offcanvas-collapse.open {
left: 0;
visibility: visible;
}

/*--------------------------------------------------------------
# back to top
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
.footerblock ul {
list-style-image: url("./dist/images/angle-right-small.svg");
padding-left: 0;
line-height: 2.125rem;
}
#block-12.footerblock ul{
  list-style: none;
}
.footerblock ul li a {
color: #C3C3C3;
text-decoration: none;
}
#nav_menu-2,
#nav_menu-3,
#block-12{
  margin: 0 auto;
  justify-content: center;
display: flex;
}
/*--------------------------------------------------------------
# min breakpoints
--------------------------------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
.h1, h1 {
  font-size: 2.125rem;
}
.h2, h2 {
font-size: 1.75rem;
}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1640px;
}

}

/*--------------------------------------------------------------
# max breakpoints
--------------------------------------------------------------*/
@media (max-width:1559px) {
}

@media (max-width:1400px) {
.px-max.first-col, .px-max {
  padding-left: 3rem;
  padding-right: 3rem;
}
.section-background-grey,
.section-background-purple {
  padding-bottom: 3rem;
  background-size: 100% 100%;
}

}

/*--------------------------------------------------------------
# max-width:1280px
--------------------------------------------------------------*/
@media (max-width:1280px) {
  .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}
}

/*--------------------------------------------------------------
# max-width:992px
--------------------------------------------------------------*/
@media (max-width:992px) {
.px-max, .px-max.first-col {
  padding-left: 7rem;
  padding-right: 7rem;
}

.section-background-purple {
  padding-top: 3rem;
  background: linear-gradient(180deg, #221A36 55%, #ffffff 55%);
}

.section-background-grey {
  padding-top: 3rem;
  background: linear-gradient(180deg, #F4F4F4 55%, #ffffff 55%);
}

.container {
  max-width: 100%;
}

.topblock p {
  font-size: 1rem;
}
.frame-selection-div
ul li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tc-mode-images {

  width: 16%!important;
}

.style-selection-div ul li.tmcp-field-wrap.tmhexcolorimage-li-nowh.tc-mode-images {

  width: 32%!important;
}
}

/*--------------------------------------------------------------
# max-width:768px
--------------------------------------------------------------*/

@media (max-width:768px) {

.tm-responsive .tm-extra-product-options .frame-selection-div ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row){
  float: none !important;
  width: 19%!important;
}


.tm-responsive .tm-extra-product-options .style-selection-div ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row) {
  float: none !important;
  width: 49%!important;
}

  #coupon_code {
  width: 100%;
  margin-bottom: 0.75rem;
}
  .quantity {
  float: none;
}
.quantity input {
  margin-right: 0rem;
  }
  .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
  display: block;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
  display: block;
  text-align: right !important;
}
  .woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive thead {
 display:none;
}
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
  display: none;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
  content: attr(data-title) " ";
  font-weight: 700;
  float: left;
}

.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
  text-align: right !important;
}

 .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
  display: none;
} 
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  float: none;
  padding-bottom: .5em;
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
  display: block;
  width: 100%;
}
  .bg-dark {

  border-bottom: thin dotted #979797;
}
.strapeline {
  width: 325px;
  height: 325px;
}

.bg-dark {
  background-color: #221B35 !important;
}

img.custom-logo {
  width: 250px;
  height: 70px;
  margin: 3px 0 5px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  padding: 21px 18px 27px;
}

.navbar-brand {
  left: 75px;
}

.info-block p {
  margin: 1rem 0;
}

.info-block p br {
  display: inline-block;
}

.info-block p:before {
  display: block;
  position: relative;
  top: 0px;
  margin-bottom: 5px;
  margin-right: 0px;
}

.px-max, .px-max.first-col {
  padding-left: 4rem;
  padding-right: 4rem;
}
.email-btn,
.phone-btn,
.design-btn,
.accordion-body .action-btn.fitting-btn,
.accordion-body .action-btn.measure-btn,
.section-background-purple .action-btn.fitting-btn, .section-background-purple .action-btn.measure-btn {
  width: 100%;
  padding: 0.375rem 1.5rem 1rem;
}
#nav_menu-2,
#nav_menu-3,
#block-12{
  margin: 0 auto;
  width: 100%;
}
}

/*--------------------------------------------------------------
# max-width:596px
--------------------------------------------------------------*/
@media (max-width:596px) {
.tm-responsive .tm-extra-product-options .frame-selection-div ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row){
  float: none !important;
  width: 32%!important;
}
.navbar-nav .nav-link {
  font-size: 1.5rem;
}

.dropdown-item {
  font-size: 1.375rem;
}

.px-max.first-col {
  padding-left: 2rem;
  padding-right: 2rem;
}

.section-background-purple {
  padding-top: 3rem;
  background: linear-gradient(180deg, #221A36 65%, #ffffff 65%);
}

.section-background-grey {
  padding-top: 3rem;
  background: linear-gradient(180deg, #F4F4F4 65%, #ffffff 65%);
}

}

@media (max-width:480px) {
  .tm-responsive .tm-extra-product-options .style-selection-div ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row) {
  float: none !important;
  width: 100%!important;
}
img.custom-logo {
  width: 200px;
  height: auto;
  margin: 8px 0 11px;
}

.cart-contents-count {
  right: 12px;
}

.section-background-purple {
  padding-top: 3rem;
  background: linear-gradient(180deg, #221A36 75%, #fff 75%);
}

.section-background-grey {
  padding-top: 3rem;
  background: linear-gradient(180deg, #F4F4F4 75%, #ffffff 75%);
}

}

@media (max-width:440px) {
    .tm-responsive .tm-extra-product-options .frame-selection-div ul.tmcp-elements:not(.tm-extra-product-options-variations) li.tmcp-field-wrap:not(.tm-per-row){
  
  width: 49%!important;
}
.user-account-top a {
  display: none;
}

.strapeline {
  width: 280px;
  height: 280px;
}
.btn.next-btn.btn-primary, .btn.prev-btn.btn-primary {
  padding: .875rem 1.5rem;
}
}