body p {   font-style: normal;  }
.more-link {
display: block;
}
.variation-count {
font-size: 14px;
color: #555;
margin-top: 5px;
text-align: left;
white-space: nowrap;
} .category-filter-buttons,
.color-filter-buttons,
.attribute-filter-buttons {
margin-bottom: 20px;
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.left-side-filters .attribute-filter-buttons {
align-items: normal;
flex-direction: column;
}
.category-filter-button {  border-radius: 5px;
font-family: "Outfit";
color: var(--Text-Colour, #4c4c4c);
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px; }
.category-filter-button,
.attribute-filter-button,
.color-filter-button {
display: inline-block;
padding: 8px 12px;   text-decoration: none;
color: #333; transition: background-color 0.3s ease;
white-space: nowrap;
}
.attribute-filter-button:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 10px;
box-sizing: border-box;
border: 10px solid;
padding: 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #cdcdcd;
background-color: transparent;
}
.category-filter-button:hover,
.category-filter-button.active {  color: var(--Text-Colour, #4C4C4C);
font-weight: 500;
}
.attribute-filter-button:hover,
.attribute-filter-button.active,
.color-filter-button:hover,
.color-filter-button.active { color: var(--Text-Colour, #4c4c4c);
font-weight: 700;
}
.attribute-filter-button.active:before {
background-color: #fff;
border: 7px solid;
color: #666;
} .clear-filters {
margin-top: 20px;
}
.clear-filters-button {
display: inline-block;
padding: 10px 15px;
background-color: #ff0000;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.clear-filters-button:hover {
background-color: #cc0000;
} .category-filter-dropdown,
.attribute-filter-dropdown {
display: none;
} .attribute-filter-item {
position: relative;
margin: 0 10px;
text-align: center;
width: 270px; height: 270px; }
.attribute-filter-item a {
display: block;
position: relative;
text-decoration: none;
height: 100%; }
.attribute-filter-item img {
display: block;
width: 270px !important;
height: 270px !important;
object-fit: cover;
filter: brightness(0.7);
transition: filter 0.3s ease; }
.attribute-filter-item:hover img {
filter: brightness(1);
}
.filter-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: "Outfit", sans-serif;
color: var(--Secondary-Colour, #faf9f6);
font-size: 22px;
font-weight: 300;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
margin: 0;
padding: 8px 16px;
border-radius: 4px;
white-space: nowrap;
pointer-events: none; } .attribute-filter-carousel.owl-carousel {
display: flex;
align-items: center;
height: 290px; overflow: visible; padding: 10px 0; } .attribute-filter-carousel .owl-stage-outer {
height: 270px !important;
padding: 10px 0; }
.attribute-filter-carousel .owl-stage {
display: flex;
align-items: center;
height: 270px !important;
}
.attribute-filter-carousel .owl-item {
width: auto !important;
min-width: 270px;
height: 270px !important;
margin-right: 20px; } .attribute-filter-carousel .owl-dots {
margin-top: 0;
}
.attribute-filter-carousel .owl-item {
margin-right: 29px !important;
} .product-filters-top-banner {
position: relative;
width: 100%;
height: 450px; overflow: hidden;
margin-top: 89px;
}
.product-filters-banner-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.textilecompany.com.au/wp-content/uploads/2025/06/ttc-product-banner-image-scaled.jpg);
background-size: cover; background-position: 0% 78%;
background-repeat: no-repeat;
}
.product-filters-banner-title {
position: absolute;
font-family: "Outfit", sans-serif;
margin: 0;
bottom: 60px;
left: 60px;
max-width: 60%; color: var(--Secondary-Colour, #faf9f6);
font-size: 50px;
font-style: normal;
font-weight: 200;
line-height: 50px; text-transform: uppercase;
} @media (max-width: 768px) {
.product-filters-top-banner {
height: 300px; margin-top: 47px;
}
.product-filters-banner-title { left: 22%;
transform: translateX(-50%);
text-align: center; bottom: 20px;
width: 90%;
max-width: 90%;
font-size: 32px; padding: 0 20px;
}
.product-filters-banner-image {
background-size: cover;
background-position: top center;
}
}  .attribute-filter-group {
margin-bottom: 15px;
border-bottom: 1px solid #4c4c4c;
padding-bottom: 10px;
}
.attribute-filter-group a {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.attribute-filter-header {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
}
.attribute-filter-header span {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
.attribute-filter-header strong {
font-weight: bold;
}
.attribute-filter-buttons {
display: none; flex-wrap: wrap;
gap: 5px;
padding-top: 10px;
}
.attribute-filter-buttons.show {
display: flex; }
.toggle-icon {
font-size: 18px;
} @media (max-width: 768px) {   } .mobile-attribute-filter-group {
margin-bottom: 15px;
border-bottom: 1px solid #eee;
}
.mobile-attribute-filter-header {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.mobile-attribute-filter-header strong {
font-weight: bold;
}
.attribute-filter-dropdown {
display: none;
width: 100%;
padding: 8px;
margin-top: 5px;
}
.mobile-attribute-filter-group.active .attribute-filter-dropdown {
display: block;
}
.mobile-toggle-icon {
font-size: 18px;
}  @media (max-width: 768px) {
.product-filters-hero-title {
left: 50%;
transform: translateX(-50%);
text-align: center;
bottom: 50px;
width: 90%;
font-size: 40px; }
.product-filters-hero {
height: 80vh; }
}
@media (max-width: 768px) {    .category-filter-buttons {
display: none !important;
}
.category-filter-dropdown,
.attribute-filter-dropdown {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
} .shop-layout-container {
display: flex;
flex-direction: column;
max-width: 1200px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.category-filters {
width: 100%;
margin-bottom: 20px;
}
.shop-content-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
}
.custom-products-container {
width: 75%;
flex-grow: 1;
}
.custom-filter-sidebar {
width: 25%;
min-width: 250px;
} .filters-and-products-container {
display: flex;
gap: 20px;
align-items: flex-start;
}
.left-side-filters {
flex: 0 0 250px;
position: sticky;
top: 20px; }
.woocommerce-products-header,
.woocommerce-loop {
flex: 1;
} .top-filters {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
}
.shop-clear-all {
display: flex;
justify-content: space-between;
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; }
.shop-clear-all a {
color: var(--Text-Colour, #4c4c4c);
text-align: right;
font-size: 13px;
font-weight: 400;
line-height: 22px; } @media (max-width: 1024px) {
.shop-content-wrapper,
.filters-and-products-container {
flex-direction: column;
}
.category-filters,
.custom-filter-sidebar,
.custom-products-container {
width: 100%;
}
.custom-filter-sidebar {
order: 2;
}
.custom-products-container {
order: 3;
}
.left-side-filters {
flex: 1;
position: static;
}
} form.woocommerce-ordering {
display: none;
} .post-type-archive-product.woocommerce .container-wrap,
.tax-product_cat.woocommerce .container-wrap {
background-color: white !important;
} .attribute-filter-slider {
margin-bottom: 20px;
}
.attribute-image-slider {
margin: 0 -10px;
}
.slider-item {
padding: 0 10px;
text-align: center;
}
.slider-item img {
width: 100%;
height: auto;
border-radius: 8px;
transition: transform 0.3s ease;
}
.slider-item a {
text-decoration: none;
color: #333;
}
.slider-item a:hover img {
transform: scale(1.05);
}
.slider-item span {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: bold;
} .slick-prev,
.slick-next {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 40px;
height: 40px;
z-index: 1;
}
.slick-prev:hover,
.slick-next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slick-prev::before,
.slick-next::before {
color: #fff;
font-size: 20px;
}
.slick-dots {
bottom: -30px;
}
.slick-dots li button::before {
font-size: 12px;
color: #333;
}
.slick-dots li.slick-active button::before {
color: #0073aa;
}
.attribute-filter-carousel .owl-carousel {
display: flex !important;
gap: 20px !important;
}
.attribute-filter-item img { } @media (max-width: 768px) {    .category-filter-buttons {
display: none !important;
}
.category-filter-dropdown,
.attribute-filter-dropdown {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.attribute-filter-carousel {
width: 100%;
overflow-x: auto;
flex-wrap: nowrap;
}
.attribute-filter-item {
flex: 0 0 auto; }
.left-side-filters {
margin-top: 0px !important;
width: 100%;
}
}
.attribute-filter-buttons strong {
background-color: #000;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.nectar-shop-header h1 {
display: none;
}  .product-banner-slider { margin-bottom: 20px;
} .product-details-grid {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.product-attributes,
.product-pdf-links {
flex: 1;
}
.product-pdf-links {
background: var(--Light-Mode, #f9f9f9);
width: 369px;
max-width: 369px;
height: 357px;
flex-shrink: 0;
padding: 30px;
margin-top: 20px; } @media (max-width: 768px) {
.product-details-grid {
flex-direction: column; }
}                .product-variations {
margin-top: 100px;
} .product-banner-slider {
width: 100%;
margin-bottom: 20px;
overflow: hidden;  display: flex;
align-items: center; justify-content: center; margin-top: 114px;
}
.product-banner-slider .owl-carousel,
.product-banner-slider .owl-carousel .item {
height: 700px;
}
.product-banner-slider .owl-carousel .item img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
display: block;
margin: 0 auto;
}
@media (max-width: 475px) {
.product-banner-slider .owl-carousel .item img {
height: 500px;
margin-top: 63px;
object-fit: cover
}
}
@media (max-width: 768px) {
.product-banner-slider {
height: 400px; }
}
@media (max-width: 480px) {
.product-banner-slider {
height: 300px; }
} .social-share-buttons {
margin-top: 20px;
}
.social-share-buttons p {
margin-bottom: 10px;
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.social-share-buttons ul {
list-style: none;
padding: 0;
display: flex;
gap: 10px;
margin-left: 0px;
}
.social-share-buttons ul li {
display: inline-block;
}
.social-share-buttons ul li a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: transparent;
border-radius: 50%;
border: 1px solid black;
color: #333;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.social-share-buttons ul li a:hover {
background-color: #333;
color: #fff;
}
.social-share-buttons ul li a i {
font-size: 18px;
} .social-share-buttons ul li a {
position: relative;
}  .variation-images {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
gap: 15px;
margin-top: 20px;
} .variation-item {
position: relative;
text-align: center; padding: 10px;
border-radius: 4px;
overflow: hidden;
} .image-wrapper {
position: relative;
display: inline-block;
} .variation-item img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
} .heart-icon {
position: absolute;
top: 10px;
right: 10px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none; color: #000;
transition: opacity 0.3s ease, visibility 0.3s ease;    } .image-wrapper:hover .heart-icon {
opacity: 1;
visibility: visible;
} @media (max-width: 767px) {
.heart-icon {
opacity: 1;
visibility: visible;
}
}
.heart-icon:hover {
background-color: rgba(000, 0, 0, 0.8);
color: #fff;
}
.heart-icon i {
font-size: 20px;
} .fallback-image {
opacity: 0.7;
border: 2px dashed #ccc;
} .variation-sku {
margin: 10px 0;
text-align: left;
color: var(--Text-Colour, #4c4c4c);
text-align: center;
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-image-box {
position: relative;
width: 270px;
height: 270px !important;
overflow: hidden;
display: block;
margin: 0 auto;
}
.mck-image-box {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
display: block;
filter: brightness(70%); }
.mck-image-box:hover {
filter: brightness(100%);
transform: scale(1.03);
}
.mck-overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
pointer-events: none;
color: var(--Secondary-Colour, #faf9f6);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px; white-space: nowrap;
} @media (max-width: 768px) {
.mck-image-box {
width: 100%;
height: auto;
}
.mck-image-box img {
height: auto;
}
} @media (min-width: 1024px) and (max-width: 1700px) {
.mck-vision-to-life { }
}
@media (min-width: 1024px) {
.mck-vision-to-life {
display: flex;
align-items: center;
justify-content: center;
}
.mck-vision-to-life .vc_column-inner {
max-width: 400px;
}
.mck-flex {
display: flex;
align-items: center;
}
.shop-clear-all {
gap: 8%; }
}
.input-with-arrow {
position: relative;
max-width: 400px;
}
.input-with-arrow input[type="email"] {
width: 100%;
padding-right: 40px; height: 44px;
border: 1px solid #ccc;
border-radius: 6px;
padding-left: 12px;
font-size: 16px;
box-sizing: border-box;
}
.input-with-arrow .arrow-btn {
position: absolute;
top: 17%;
right: 12px;
transform: translateY(-50%);
background: none;
border: none;
padding: 0 !important;
font-size: 20px;
color: #333;
cursor: pointer;
line-height: 1;
background-color: transparent !important;
}
.input-with-arrow span {
color: #ccc !important;
}
button[type="submit"]:hover {
background-color: transparent !important;
}
.input-with-arrow .arrow-btn:hover {
color: #000;
} .filter-test-combine {
width: 100%;
}
@media (min-width: 1024px) {
.filter-test-combine {
width: 25%;
margin-top: 135px;
padding-left: 60px;
}
.filters-and-products-container .container {
padding-left: 30px;
}
.product-banner-slider {
margin-top: 89px;
}
}  .woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.woocommerce ul.products li.product .price {
display: none;
}
.loop-brand,
.variation-count {
color: var(--Text-Colour, #4c4c4c);
display: block;
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px; }  .mck-single-product .product-title-single {
color: var(--Text-Colour, #4c4c4c);
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.product-attributes {
display: grid;
grid-template-columns: max-content 1fr;
column-gap: 1em;
row-gap: 0.5em;
font-size: 1rem;
margin-top: 1em;
}
.product-attributes .attr-name {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; }
.product-attributes .attr-value {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
.login-to-see-price {
color: var(--Subtle-Text-Colour, #b2b2b2);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
@media (max-width: 600px) {
.product-attributes {
grid-template-columns: 1fr;
}
.product-attributes .attr-name {
margin-bottom: 0.25em;
}
}
@media (min-width: 1025px) {
.product-pdf-links {
margin-top: 1em; }
.mck-single-product-form .container {
padding: 50px;
}
}
.pdf-link-list {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.pdf-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #000;
text-decoration: none;
transition: color 0.3s;
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.pdf-link:hover {
color: #000;
}
.pdf-link .arrow {
font-size: 1rem;
margin-left: 10px;
transition: transform 0.2s;
}
.pdf-link:hover .arrow {
transform: translateX(4px);
}
.product-variations h3 {
color: var(--Text-Colour, #4c4c4c);
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.product-variations .single-variations-text {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.add-to-cart-box {
color: var(--Text-Colour, #4c4c4c);
text-align: center;
font-family: "gotham", sans-serif;
padding: 8px;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px; border: 1px solid var(--Text-Colour, #4c4c4c);
display: flex;
width: 172px;
justify-content: center;
align-items: center;
margin-top: 15px;
}
@media (max-width: 768px) {
.add-to-cart-box {
width: 160px;
}
}
.add-to-cart-box:hover {
background-color: #4c4c4c;
color: #f9f9f9;
}
.mck-single-product-form {
background: var(--Light-Mode, #f9f9f9);
margin-top: 100px;
}
.mck-single-product-form h3 {
color: var(--Text-Colour, #4c4c4c);
text-align: center;
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px; text-transform: uppercase;
margin-bottom: 40px;
}
.mck-single-product-similar-item {
margin-top: 100px;
margin-botom: 100px;
}
.mck-single-product-similar-item h3 {
color: var(--Text-Colour, #4c4c4c);
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
margin-bottom: 40px;
}
.mck-single-product-form .form-row::before {
content: none !important;
}
.mck-single-product-form .form-submit {
text-align: center;
}
.mck-single-product-form .form-submit input {
color: #000;
font-family: Outfit !important;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 26px;
letter-spacing: 3.5px;
text-transform: uppercase;
padding-left: 32px;
padding-right: 32px;
padding-top: 10px;
padding-bottom: 10px;
}
.mck-single-product-similar-item section ul li {   }
.related-by-brand-grid::before {
content: none !important;
}
.related-products-by-brand ul.related-by-brand-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 0;
margin: 0;
list-style: none;
}
@media (min-width: 768px) {
.related-products-by-brand ul.related-by-brand-grid {
grid-template-columns: repeat(5, 1fr);
}
}
.related-by-brand-grid li.product {
width: 100% !important;
margin: 0 !important;
} .mck-cart-page .price {
display: none;
}
.mck-cart-page .wp-block-woocommerce-cart-order-summary-block {
display: none;
}
.mck-cart-page .wc-block-cart-items__header-total {
display: none;
}
.mck-cart-page .wc-block-cart-item__image {
width: 30%;
}
.mck-cart-page .wc-block-components-product-name,
.mck-cart-page .wc-block-components-product-details__name {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; }
.mck-cart-page .wc-block-components-product-details__value,
.mck-cart-page .wc-block-cart-item__remove-link {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; }
.mck-cart-page .wc-block-cart-item__remove-link {
color: var(--Text-Colour, #4c4c4c) !important;
font-family: "gotham", sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 26px !important;
} .mck-account-created {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 800px;
margin: 0 auto;
}
.mck-account-created .form-row {
width: 100%;
}
@media (min-width: 600px) {
.mck-account-created .form-row.half {
width: calc(50% - 10px);
}
} .mck-account-created input,
.mck-account-created textarea,
.mck-account-created select {
width: 100%;
padding: 10px;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
} .mck-account-created .wpcf7-submit {
background-color: #222;
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.mck-account-created .wpcf7-submit:hover {
background-color: #444;
} .mck-account-created .form-row {
margin-bottom: 15px;
}
.mck-force-width {
display: block;
width: 90% !important;
}
@media (min-width: 1025px) {
.mck-force-width {
width: 97% !important;
}
} .mck-account-created .field-label {
display: block;
font-weight: 600;
margin-bottom: 8px;
} .mck-account-created .radio-group .wpcf7-list-item {
display: block;
margin-bottom: 6px;
} .mck-account-created .radio-group input[type="radio"] {
margin-right: 8px;
}
.mck-field-form input {
width: auto;
}
.form-row label,
.form-row p {
color: #000;
font-family: "gotham", sans-serif !important;
font-size: 13px;
font-style: normal;
font-weight: 400 !important;
line-height: 22px;
}
.mck-submit-account-button {
margin-left: auto;
}
.mck-submit-account-button input {
background: transparent;
background-color: transparent !important;
border: 1px solid var(--Primary-Color, #191919) !important;
color: #000 !important;
text-align: center;
font-family: Outfit !important;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 26px;
letter-spacing: 3.5px;
text-transform: uppercase;
}
.mck-submit-account-button input:hover {
background-color: #000 !important;
color: white !important;
}
.mck-heading-request-access {
color: var(--Text-Colour, #4c4c4c);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.mck-text-request-access {
color: var(--Text-Colour, #4c4c4c);
font-family: "gotham", sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
} .mck-login-page-submit input {
border: 1px solid var(--Primary-Color, #191919);
background: transparent;
background-color: transparent !important;
color: #000;
text-align: center;
font-family: Outfit !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 3.5px;
text-transform: uppercase;
}
.mck-login-page-submit input:hover {
background-color: #000 !important;
color: #FFF;
}
.mck-login-forget-password {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: "gotham", sans-serif !important;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 45px;
}
.mck-account p {
text-align: center;
}
.mck-not-yet-registered h4 {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.mck-not-yet-registered p {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: "gotham", sans-serif !important;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.mck-not-yet-registered .mck-nr-here {
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.mck-thank-you {
margin-left: auto;
margin-right: auto;
}
.mck-thank-you p {
margin-top: 30px;
}
@media (min-width: 1025px) {
.mck-not-yet-registered p {
width: 768px;
margin-left: auto;
margin-right: auto;
}
.mck-login-page {
width: 570px;
margin-left: auto;
margin-right: auto;
}
.mck-thank-you {
width: 50%;
}
}
.form-row h5 {
color: #000;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px;
margin-top: 50px;
}
.mck-sourcing {
flex-direction: column;
}
.mck-source-form-align-fix {
align-items: flex-end;
}
.sourcing-form-style .mck-submit-account-button {
justify-content: flex-end;
}
.mck-promote-break {
flex-direction: column;
}
.mck-promote-break h4 {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-left: auto;
margin-right: auto;
}
.mck-promote-break p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.make-source-a-line {
border-bottom: 1px solid #B2B2B2;
margin-top: 30px;
margin-bottom: 30px;   
}
.price, .amount, .woocommerce-Price-amount { display: none !important; } .widget_shopping_cart .amount, 
.woocommerce-mini-cart__total .amount {
display: none !important;
} .amount, .price, .woocommerce-Price-amount, 
.woocommerce-variation-price, .woocommerce-variation-price .price {
display: none !important;
} #place_order {
background-color: #2c3e50;
font-size: 1.2em;
padding: 15px 30px;
}
.wp-block-woocommerce-checkout-order-summary-block {
display: none !important;
}
.nectar-post-grid-item__read-more {
border: 1px solid var(--Primary-Color, #191919);
display: flex;
padding: 10px 32px;
justify-content: center;
align-items: center;
color: #000;
text-align: center;
font-family: Outfit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 3.5px;
text-transform: uppercase;
width: 53%;
}
@media (min-width: 1025px) {
.nectar-post-grid-item__read-more {
width: 45%;
}
}
.nectar-post-grid-item__read-more:hover {
background-color: #191919 !important;
color: #FFF !important;
}
.nectar-post-grid-item__read-more svg {
display: none;
}
#logo {
margin-top: 1px !important;
margin-bottom: 1px !important;
}
.woocommerce-page .mck-account-banner-top {
margin-top: 89px !important;
}
.mck-button-welcome {
margin-top: 36px;
}
.mck-welcome-image {
height: 500px;
}
@media (max-width: 1000px) {
.mck-welcome-image {
margin-bottom: 0px !important;
}
.woocommerce-page .mck-account-banner-top {
padding-left: 20px !important;
padding-right: 20px !important;
margin-top: 113px !important;
}
}
@media (min-width: 1000px) and (max-width: 1400px)  {
.mck-welcome-image {
height: 700px;
}
}
@media (min-width: 1401px) {
.mck-welcome-image {
height: 900px;
}
}
.mck-welcome-image .vc_column-inner {
justify-content: flex-end;
}
.mck-our-story-3 h2 {
color: var(--Text-Colour, #4C4C4C) !important;
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.mck-our-story-3 p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400;
line-height: 26px !important;
}
.mck-our-story-3 h5 {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px;
}
.mck-our-story-4 h3 {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px; text-transform: uppercase;    
}
.mck-contact-2 h4 {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px; }
.mck-contact-2 p {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: "gotham", sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-contact-3 .wpb_tabs_nav .tab-item a {
background-color: transparent !important;
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 30px;
margin-bottom: 30px;
background: transparent;
border: none;
}
.mck-contact-3 .wpb_tabs_nav .tab-item .active-tab {
background: transparent;
font-weight: 700;
color: var(--Text-Colour, #4C4C4C);
}
@media (min-width: 1000px) and (max-width: 1300px) {
.mck-home-slider .content {
margin-left: 10%;
}
}                                        .custom-post-grid-2 {
display: grid;
grid-template-columns: repeat(12, 1fr); gap: 16px;
margin: 0 auto;
max-width: 1200px;
padding: 20px;
}
.post-item-2 {
gap: 20px;
display: flex;
flex-direction: column;
}  .post-item-2:nth-child(10n+1),
.post-item-2:nth-child(10n+7) {
grid-column: span 4; } .post-item-2:nth-child(10n+2),
.post-item-2:nth-child(10n+6) {
grid-column: span 8; } .post-item-2:nth-child(10n+3),
.post-item-2:nth-child(10n+4),
.post-item-2:nth-child(10n+5),
.post-item-2:nth-child(10n+8),
.post-item-2:nth-child(10n+9),
.post-item-2:nth-child(10n+10) {
grid-column: span 4; } @media (max-width: 768px) {
.custom-post-grid-2 {
grid-template-columns: 1fr;
}
.post-item-2 {
grid-column: auto !important;
}
} @media (min-width: 992px) {
.custom-post-grid-2 {
gap: 24px;
}
}
.custom-post-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin: 0 auto;
max-width: 1200px;
padding: 20px;
}
.post-item {
background: #fff;  display: flex;
flex-direction: column;
gap: 15px;
transition: box-shadow 0.3s ease;
background: var(--Light-Mode, #F9F9F9);
}
.post-item .post-title, .post-item .post-meta, .post-item .post-excerpt {
padding-left: 16px;
padding-right: 16px;
}  
.post-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.post-thumb img {
width: 100%; display: block;
height: 450px !important;
display: block;
max-height: 300px;
object-fit: cover;
object-position: top;
}
.post-meta {
font-size: 14px;
color: #777;
}
.post-excerpt {
font-size: 15px;
color: #333;
}
.read-more-button {
margin-top: auto;
align-self: flex-start;
padding: 8px 16px; color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background 0.3s ease; }
.read-more-button:hover { }
.custom-pagination {
text-align: center;
margin-top: 30px;
}
.custom-pagination ul {
list-style: none;
padding: 0;
display: inline-flex;
gap: 8px;
}
.custom-pagination li {
display: inline;
}
.custom-pagination a,
.custom-pagination span {
display: inline-block;
padding: 8px 12px; background: transparent; text-decoration: none; color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.custom-pagination .current {
background: black;
color: #fff;
font-weight: bold;
width: 35px;
height: 35px;
padding: 11px 13px 10px 13px !important;
line-height: 11px;
box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
}
.custom-post-filters {
display: flex; gap: 10px;
margin-bottom: 20px; margin-left: auto;
margin-right: auto;
}
.custom-post-filters select {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px;
}
@media (min-width: 1000px) {
.custom-post-filters {
width: 72%;
justify-content: center;
}
.custom-post-filters select {
box-shadow: none;
}
}
.filter-button {
padding: 6px 12px; background: transparent;
border-radius: 4px;
text-decoration: none; color: #000;
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 30px;
}
.filter-button.active {  color: var(--Text-Colour, #4C4C4C); text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500 !important;
line-height: 30px;
}
.filter-dropdown {
padding: 6px 12px;
border-radius: 4px;
}
.post-title-text {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.post-meta .post-date, .read-more-button {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.post-item .post-excerpt, .post-item-2 .post-excerpt {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.post-item .post-meta {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}            @media (max-width: 1000px) {
.custom-post-filters {
flex-direction: column;
}
}
.post-title-project-text {
font-size: 30px !important;
font-weight: 300 !important;
line-height: 35px !important;
text-transform: uppercase;
}
.post-by-project-text {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 0px !important;
} .mck-new-collection-badge {
position: relative;
}
.mck-new-collection-badge .wpb_text_column {
position: absolute;
right: 0;
top: 0;
z-index: 999;
background-color: var(--Primary-Color, #191919);
opacity: 0.6;
padding: 10px;
}
.mck-new-collection-badge .wpb_text_column h4 {
color: var(--Secondary-Colour, #FAF9F6);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
} .mck-gotham-our-contact-text p {
color: var(--Primary-Color, #191919);
text-align: center;
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.mck-table-contact-us, .mck-brand-display-none table, .mck-press-display-none table {
border-top: none !important;
}
.mck-table-contact-us .mck-table-contact-us-1, .mck-table-contact-us-2, .mck-table-contact-us-3, .mck-table-contact-us-4, .mck-brand-display-none table td, .mck-press-display-none table th, .mck-press-display-none table td {
background-color: white;
border-style: none !important;
}
.mck-table-contact-us-1 h3 {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit !important;
font-size: 30px !important;
font-style: normal;
font-weight: 300 !important;
line-height: 35px !important;
text-transform: uppercase;
margin-bottom: 0px !important;
}
.mck-table-contact-us-1 p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-table-contact-us-2 .mck-contact-table-2 {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.mck-table-contact-us-2 .mck-contact-table-3, .mck-table-contact-us-2 a, .mck-table-contact-us-3 span {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-press-display-none .vc_column-inner h1 {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 50px;
font-style: normal;
font-weight: 200;
line-height: 50px;
text-transform: uppercase;
}
.mck-in-the-press .vc_column-inner p {
color: #4C4C4C;  font-style: normal; line-height: 30px;
}
.mck-press-display-none th {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;    
}
.mck-press-display-none table th h4, .mck-in-the-press table td h4 {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.mck-press-display-none table td {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-table-contact-us-3 a {
color: #000;
text-align: center;
font-family: Outfit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 3.5px;
text-transform: uppercase;
border: 1px solid var(--Primary-Color, #191919);
padding-left: 32px;
padding-right: 32px;
padding-top: 10px;
padding-bottom: 10px;
}
.mck-table-contact-us-3 a:hover {
background-color: #191919;
color: white;
}
.mck-table-contact-us-4 p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
@media (min-width: 1000px) and (max-width: 1599px) {
.mck-contact-tab ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
background-color: white; margin-left: auto !important;
margin-right: auto !important;
}
.mck-contact-center {
display: flex;
align-items: center;
}
.mck-contact-tab ul li {
width: calc(16.666% - 10px);
margin-right: 10px;
margin-bottom: 10px; position: relative;
}
.mck-contact-tab ul li:not(:nth-child(6n)):not(:last-child)::after {
content: "|";
position: absolute;
right: -8px;
top: 32%; transform: translateY(-50%);
color: #000; font-size: 14px;
display: block !important;
}
.mck-contact-tab ul li:nth-child(6n),
.mck-contact-tab ul li:last-child {
border-right: none;
}
.mck-contact-tab ul li:nth-child(6n) {
margin-right: 0;
}
.mck-contact-tab ul li:last-child {
margin-right: 0;
}
.mck-contact-gap-samller-2 .wpb_wrapper {
margin-right: 10% !important;
}
.mck-contact-gap-samller-1 .wpb_wrapper {
margin-left: 10% !important;
}
}
@media (min-width: 1600px) {
.mck-contact-tab ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
background-color: white;
width: 50%;
margin-left: auto !important;
margin-right: auto !important;
}
.mck-contact-center {
display: flex;
align-items: center;
}    .mck-contact-tab ul li {
width: calc(16.666% - 10px);
margin-right: 10px;
margin-bottom: 10px; position: relative;
}
.mck-contact-tab ul li:not(:nth-child(6n)):not(:last-child)::after {
content: "|";
position: absolute;
right: -8px;
top: 32%; transform: translateY(-50%);
color: #000; font-size: 14px;
display: block !important;
}
.mck-contact-tab ul li:nth-child(6n),
.mck-contact-tab ul li:last-child {
border-right: none;
}
.mck-contact-tab ul li:nth-child(6n) {
margin-right: 0;
}
.mck-contact-tab ul li:nth-child(n+7) {  }
.mck-contact-tab ul li:last-child {
margin-right: 0;
}
.mck-our-story-heading-explore {   }
.mck-contact-gap-samller-2 .wpb_wrapper {
margin-right: 10% !important;
}
.mck-contact-gap-samller-1 .wpb_wrapper {
margin-left: 10% !important;
}
}
.mck-brand-display-none table td:first-child {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.mck-brand-display-none table td:nth-child(2), .mck-brand-display-none .nectar-responsive-text p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
.mck-heading-text-welcome {
color: var(--Secondary-Colour, #FAF9F6);
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.mck-brand-display-none .controls h3 span:first-child {
text-transform: uppercase;
}
.mck-post-loop-homepage .meta-excerpt { }
.woocommerce-pagination {
text-align: right !important;
}
.woocommerce-pagination li a {
font-family: "gotham", sans-serif !important;
}
.mck-brand-specific .blog_next_prev_buttons {
display: none;
}
.mck-single-product-form .form-col select {
height: 58px; padding: 0 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
width: 100%;
box-sizing: border-box;
appearance: none; background-color: #f1f1f1 !important;
background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path fill='black' d='M0 3l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
}
.mck-new-collection-top .form-col select, .mck-case-study-top .form-col select, .mck-news-new .form-col select, .mck-get-in-contact-form .form-col select {
height: 58px; padding: 0 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
width: 100%;
box-sizing: border-box;
appearance: none; background-color: transparent !important;
background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path fill='black' d='M0 3l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px;
}
@media (min-width: 1000px) {
.mck-brand-display-none .vc_do_custom_heading {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.mck-filter-projects-new {
width: 20%;
padding-top: 0px;
padding-bottom: 0px;
}
.mck-press-display-none .vc_col-sm-3 {
padding-left: 0px !important;
}
.mck-single-product-form-max-width {
max-width: 50%;
}
.mck-single-product-form .form-submit {
margin-top: 0px;
}
.mck-single-product-form .mck-form-message p {
padding-bottom: 0px;
}
.mck-brand-specific .mck-brand-button-section-1 h6  {
display: flex;
justify-content: flex-end;
}
.mck-brand-specific .mck-brand-button-section-2 h6  {
display: flex;
justify-content: flex-start;
}
.mck-brand-specific .hero-row {
margin-top: 13px !important;
}
.post-thumb img { max-height: 450px;
}
.mck-brand-specific .carousel-overlay-text {
width: 40%;
}
.mck-case-study-0 {
display: flex;
align-items: center;
}
.mck-case-study-0 h2, .mck-case-study-0-2 h2 {
padding-bottom: 20px;
}
.mck-case-study-0 .mck-case-study-1 {
padding-bottom: 0px;
}
.mck-case-study-top .form-submit, .mck-news-new .form-submit {
text-align: center;
}
.mck-news-new .wpcf7, .mck-new-collection-top .wpcf7 {
padding-left: 20%;
padding-right: 20%;
}
.mck-case-study-top .wpcf7 {
padding-left: 0%;
padding-right: 0%;
}
.mck-new-collection-top .form-submit p {
text-align: center;
}
.mck-form-93 p {
width: 93%;
}
.mck-checkbox-form-fix-1 {
gap: 5px
}
}
@media (max-width: 1000px) {
.filter-separator {
display: none !important;
}
#slide-out-widget-area .inner .off-canvas-menu-container li>a {
color: var(--Light-Mode, #F9F9F9); font-family: Outfit !important;
font-size: 20px !important;
font-style: normal;
font-weight: 300 !important;
line-height: 37px !important;
letter-spacing: 3px;
text-transform: uppercase;
}
}
.mck-case-fancy-fix .text {
padding-right: 0px !important;
padding-top: 20px !important;
}
.mck-case-study-top .form-submit input, .mck-news-new .form-submit input, .mck-new-collection-top .form-submit input, .mck-get-in-contact-form .form-submit input {
color: #000;
text-align: center;
font-family: Outfit !important;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 26px;
letter-spacing: 3.5px;
text-transform: uppercase;
}
.mck-in-the-press .vc_row-fluid:first-child p {
color: #4C4C4C !important;
font-family: Outfit !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 30px !important;
}
.mck-new-collection-top .vc_row-fluid:first-child .wpb_wrapper, .mck-case-study-top .vc_row-fluid:first-child .wpb_wrapper p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-case-study-top .wpb_wrapper, .mck-case-study-top .wpb_wrapper p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mck-case-study-top .wpb_wrapper h2 {
color: var(--Text-Colour, #4C4C4C);
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
text-transform: uppercase;
}
.mck-new-collection-top p {
color: var(--Text-Colour, #4C4C4C);
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px !important;
}
.mck-brand-specific .nectar-fancy-box .text p {
color: var(--Text-Colour, #4C4C4C);
text-align: center;
font-family: Outfit;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 25px;
}
.mck-brand-specific .nectar-fancy-box .text {
padding-top: 10px;
}
.mck-news-new p {
color: var(--Text-Colour, #4C4C4C) !important;
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
@media (max-width: 768px) {
.mck-footer-3 {
display: none;
}
}
.container-wrap input, .container-wrap textarea {
border-radius: 0px;
}
.mck-checkbox-form-fix p {
padding-bottom: 0px;
}
.mck-checkbox-form-fix  .field-label {
margin-bottom: 0px;
}
.filter-separator {
display: flex;
align-items: center;
}
.mck-custom-arrow {
width: auto;
color: var(--Text-Colour, #000) !important;
}
.custom-search-form {
display: flex;
gap: 8px; align-items: center;
margin-top: 20px; }
.custom-search-form input[type="text"], .project-search-form input[type="text"] {
flex: 1;
padding: 8px;
font-size: 14px;
font-family: Outfit;
}
.custom-search-form button, .project-search-form button {
font-size: 14px;
cursor: pointer;
color: #FFF;
text-align: center;
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px;
}
body .container-wrap .custom-search-form button[type=submit], body .container-wrap .project-search-form button[type=submit]  {
padding: 8px 22px !important;
font-size: 22px;
}
.custom-search-form button:hover, .project-search-form button:hover {
color: #000;
background-color: white;
border: 1px solid black;
}   @media (min-width: 1000px) {
.custom-search-box {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.project-search-form {
margin-left: auto;
margin-right: auto;
display: flex;
width: 50%;
}
.mck-split-row-1 .mck-make-it-center {
display: flex;
align-items: center;
}
.mck-split-row-1 .mck-image-col img {
max-width: 705px !important;
max-height: 770px !important;
}
.attribute-filter-carousel .owl-stage-outer {
position: relative;
}
.owl-prev {
position: absolute;
top: 50%;
left: -56px;
width: 40px;
height: 40px;
margin-top: -20px;
padding: 0;
border: 2px solid lightgray !important;
border-radius: 50%;
z-index: 12;
font-size: 20px !important;
}
.owl-next {
position: absolute;
top: 50%;
right: -56px;
width: 40px;
height: 40px; margin-top: -20px; padding: 0;
border: 2px solid lightgray !important;
border-radius: 50%; z-index: 12;
font-size: 20px !important;
}
.woocommerce-result-count {
position: static !important;
float: right !important;
}
.mck-project-new-1 table {
width: 100%;
border-collapse: collapse;
table-layout: auto;
}
.mck-project-new-1 table tr td:first-child {
width: 180px;
white-space: nowrap; vertical-align: top;
}
.mck-product-single-carousel .owl-prev {
left: 0px !important;
}
.mck-product-single-carousel .owl-next {
right: 0px !important;
}
}
.mck-account-new-fix .woocommerce-MyAccount-content p, .woocommerce-MyAccount-content .woocommerce-table td, .woocommerce-MyAccount-navigation ul li a {
text-align: left !important;
color: var(--Text-Colour, #4C4C4C) !important;
font-family: "gotham", sans-serif;
font-size: 16px !important;
font-style: normal;
line-height: 26px;
}
.woocommerce-Address-title a {
float: left !important;
text-align: left !important;
color: var(--Text-Colour, #4C4C4C) !important;
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
line-height: 26px;
}
.woocommerce-MyAccount-content .woocommerce-table th {
text-align: left !important;
color: var(--Text-Colour, #4C4C4C) !important;
font-family: "gotham", sans-serif;
font-size: 16px;
font-style: normal;
line-height: 26px;
}
@media (min-width: 1000px) and (max-width: 1400px)  {
.mck-wel-im-1 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
}
.mck-wel-im-2 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
margin-left: auto !important;
}
.mck-image-fix-1 img {
max-width: 100% !important;
}
.mck-vision-to-life-new {
justify-content: center;
}
.mck-brand-heading-text {
font-size: 25px !important;
}
}
@media (min-width: 1401px) and (max-width: 1600px)  {
.mck-vision-to-life-new {
justify-content: center;
}
}
@media (min-width: 1401px)  {
.mck-wel-im-1 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
}
.mck-wel-im-2 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
margin-left: auto !important;
}
.mck-image-fix-1 img {
max-width: 705px !important;
}
}
@media (min-width: 1600px)  {
.mck-wel-im-1 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
}
.mck-wel-im-2 .wpb_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
width: 359px;
background: rgba(25, 25, 25, 0.10);
margin-left: auto !important;
}
.mck-image-fix-1 img {
max-width: 750px !important; }
}
.product-wrap .product-add-to-cart a {
display: none !important;
}
.woocommerce-breadcrumb {
display: none;
}
.mck-split-row .mck-make-it-center .nectar-responsive-text p strong {
color: var(--Text-Colour, #4C4C4C) !important;
font-family: Outfit;
font-size: 22px !important;
font-style: normal;
font-weight: 500;
line-height: 30px !important;
}
.mck-product-single-carousel {
position: static;
} .filter-breadcrumbs { margin-bottom: 20px;
padding: 10px 15px; border-radius: 4px;
font-size: 14px;
}
.filter-breadcrumbs span, .filter-breadcrumbs a, .woocommerce-result-count {
color: var(--Text-Colour, #4C4C4C) !important;
font-family: "gotham", sans-serif;
}
.filter-breadcrumbs .breadcrumb-label {
font-weight: bold;
margin-right: 5px;
}
.filter-breadcrumbs .breadcrumb-item {
display: inline-block;
margin-right: 5px;
padding: 3px 8px;
background: #fff;
border-radius: 3px; }
.filter-breadcrumbs .remove-filter {
margin-left: 5px;
color: #999;
text-decoration: none;
}
.filter-breadcrumbs .remove-filter:hover {
color: #d33;
}
.filter-breadcrumbs .clear-all-filters {
margin-left: 10px;  }  .image-wrapper {
position: relative;
overflow: hidden;
}
.ajax-cart-toggle {
position: absolute;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #000;
color: #fff;
font-size: 18px;
font-weight: bold;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
z-index: 10;
} .image-wrapper:hover .ajax-cart-toggle {
opacity: 1;
} .ajax-cart-toggle:hover {
background-color: #fff;
color: #000;
} @media (max-width: 768px) {
.ajax-cart-toggle {
opacity: 1 !important;
}
}
.image-wrapper a.popup-image {
cursor: zoom-in;
} .mfp-figure {
padding-top: 80px !important; max-height: calc(100vh - 80px) !important; overflow-y: auto !important;
box-sizing: border-box;
} .mfp-sku {
position: absolute;
top: 15px; left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 6px 12px;
font-size: 14px;
border-radius: 4px;
z-index: 1050; white-space: nowrap;
} .mfp-content {
position: relative;
} .mfp-img {
max-height: calc(100vh - 140px) !important; width: auto;
height: auto;
margin: 0 auto;
display: block;
}
.mfp-extra-info {
font-size: 16px;
}
.mfp-sku {
color: #333;
}
.mfp-download:hover {
background-color: #444;
}
.mfp-title {
text-align: center;
padding-top: 10px;
font-size: 14px;
color: #333;
}
.popup-sku {
font-weight: bold;
color: #FFF;
}
.popup-download {
color: #FFF;
text-decoration: underline;
}
.popup-download:hover {
color: #555;
} .mck-load-more {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
#load-more-button, #load-more-projects, #load-more-grid {
color: #000;
padding: 10px 32px;
text-align: center;
background-color: #FFF;
font-family: Outfit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 3.5px;
text-transform: uppercase;
cursor: pointer;
}
#load-more-button:hover, #load-more-projects:hover, #load-more-grid:hover {
background-color: #000;
color: #FFF;
}
.woocommerce-result-count {
display: none;
}