@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url("//inoperagroup.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}
@font-face {
font-family: "star";
font-weight: 400;
font-style: normal;
src: url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}
@font-face {
font-family: "WooCommerce";
font-weight: 400;
font-style: normal;
src: url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//inoperagroup.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}
:root {
--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 400;
--wd-text-color: rgb(73,73,73);
--wd-text-font-size: 14px;
--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 600;
--wd-title-color: #242424;
--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: #333333;
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 600;
--wd-widget-title-transform: uppercase;
--wd-widget-title-color: #333;
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 13px;
--wd-primary-color: rgb(0,0,0);
--wd-alternative-color: #fbbc34;
--wd-link-color: rgb(69,113,150);
--wd-link-color-hover: rgb(0,126,181);
--btn-default-bgcolor: #f7f7f7;
--btn-default-bgcolor-hover: #efefef;
--btn-accented-bgcolor: rgb(45,78,102);
--btn-accented-bgcolor-hover: rgb(55,78,102);
--wd-form-brd-width: 2px;
--notices-success-bg: #459647;
--notices-success-color: #fff;
--notices-warning-bg: #E0B252;
--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: rgba(17,17,17,0);
background-image: none;
--wd-popup-width: 1000px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
max-height: 223px;
}
.wd-page-title {
background-color: #0a0a0a;
background-image: url(http://cluelesscritic.com/wp-content/uploads/2021/07/page-title-shop.jpg);
background-size: cover;
background-position: center center;
}
.wd-footer {
background-color: #ffffff;
background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
font-weight: 600;
}
.wd-popup.popup-quick-view {
--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1300px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}
@media (min-width: 1300px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1300px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1300px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}
/* Enable Smooth Scroll for all anchor (#) sections. For smooth scroll on all pages, add / before each # */
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html{
scroll-behavior: auto;
}
}
/* offset of 60 pixels for any element with an ID attribute */
*[id] {
scroll-margin-top: 70px
}
/* Remove margin above all content from all blog pages */
.post-template-default .main-page-wrapper {
padding-top: 0px !important;
}
/* remove the 'Default sorting' filter from the product archive page (top right) */
.woocommerce-ordering {
display: none !important;
}
/* remove the 30px margin on the right of the 'product shop view' grid, to align all icons to the right (top right) */
.wd-shop-tools>* {
margin-right: 0px !important;
}
/* remove the 'portfolio-enlarge' and 'social-icons-wrapper' from the portfolio archive page (top right on each portfolio item) */
.wd-portfolio-btns {
display: none !important;
}
/* Add a margin around the product label on product archive page */
.woocommerce-product-gallery .labels-rounded {
margin-left: auto;
margin-top: 0px !important;
margin-right: 8px !important;
}
/* Decrease product label over products inside own carousel */
.owl-stage .labels-rounded .product-label {
max-width: 40px !important;
min-width: 40px !important;
margin-left: 0px !important;
margin-top: 0px !important;
}
/* Decrease product label margins over products inside own carousel */
.owl-stage .labels-rounded {
margin: 0px 0px 0px 0px !important;
}
/* Make the product label align to the right on single product page
body.theme-woodmart .labels-rounded {
left: auto !important;
max-width: 50px !important;
} */
/* Remove stock label from normal single product, from product page */
.stock.in-stock {
display: none !important;
}
/* add margin to round labels over products */
.labels-rounded {
margin: 5px 0px 0px 5px !important;
}
/* remove quantity from Cart Info (hover over) */
.cart-info span.quantity {
display: none !important;
}
/* Remove margins from the product carousel dots to bring them closer to the product titles */
.owl-dots .owl-dot {
margin-top: 0px !important;
}
/* Align checkout order review text to the left ("YOUR ORDER" section on the /checkout page) */
.shop_table tr th:last-child, .shop_table tr td:last-child {
text-align: left;
}
/* Remove 1px border from under last product in table ("YOUR ORDER" section on the /checkout page) */
table td {
border: none;
}
/* Remove product tags */
.tagged_as {
Display: none !important;
}
/* Override the 'border: none;' style in the td section of tables. Restores bottom border (applicable in the Projects page) */
table td {
border-bottom: 1px solid var(--brdcolor-gray-300);
}
/* Stretch 'next/previous' project navigation to full width */
.wd-page-nav {
width: 100% !important;
}
/* Remove 'ENQUIRE ABOUT THIS PRODUCT' (generated by the Catalog Mode plugin) button from product Quick View */
.product-quick-view #enquiryButton {
display: none !important;
}
/* Quick view - change display to inline (instead of default: flex), to stop scrolling down too much to see add to cart button */
.quick-shop-wrapper .variations_form {
display: inline !important;
}
/* Quick view - make margin smaller between finish selection and add to cart button */
table.variations {
margin-bottom: 10px !important;
}
/* Reduce padding between widget elements, to make them slightly closer to one another */
footer-container.widget {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
}
/* Reduce margin under footer */
.footer-column {
margin-bottom: 10px !important;
}
/* Reduce padding between page content and footer widget */
.footer-column .widget{
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px !important;
}
/* Reduce padding between page content and footer widget */
.footer-column .wd-widget{
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px !important;
}
/* Hide google's recaptcha badge */
.grecaptcha-badge {
visibility: hidden;
}
/* custon css code for a button (used in single product pages for 'download datasheet' button. Example below */
/*
*
*
*
*/
button {
color: #ffffff;
background-color: #000000;
font-size: 13px;
border: 2px solid #000000;
padding: 10px 20px;
cursor: pointer
}
button:hover {
color: #000000;
background-color: #ffffff;
box-shadow:none;
}
p.downloaddatasheet {
margin-top: -30px !important;
}
/* Remove date label on posts archive page */
.wd-post-date.wd-style-with-bg {
display: none !important;
}
/* Reduce padding inside the Mega Menu items */
.wd-dropdown-menu.wd-design-sized {
padding-top: 15px !important;
padding-right: 20px !important;
padding-bottom: 0px !important;
padding-left: 20px !important;
}
/* Add padding to top of sidebar */
.sidebar-container {
margin-top: -20px !important;
}
/* Reduce bottom spacing around the sidebar widget block */
.wd-widget.widget.sidebar-widget.widget_block{
border-bottom-width: 0px !important;
margin-bottom: 0px !important;
padding-bottom: 15px !important;
}
/* Change padding to widget title to 10px. Default is 20px */
.widget-title {
margin-bottom: 10px !important;
}
/* Custom CSS Styling for sidebar menu text */
.wd-widget.widget.sidebar-widget.widget_text{
padding-bottom: 0px;
margin-bottom: -15px;
border-bottom: 0px;
}
/* Custom CSS Styling for sidebar menu sub-menu items to remove padding from right */
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target{
padding: 10px 10px 10px 10px !important;
}
/* Decrease the space between product archive image and product title text */
.product-element-top {
margin-bottom: 5px !important;
}
/* Set maximum height of post images on the archive page. This prevents too heigh blocks from displaying if the featured image uploaded is tall */
.post-img-wrapp {
max-height: 400px !important;
}
.sorting {
display: none !important;
}
/* Fix 15px left margin error on sliders (home page main slider and sliders on other pages. 12 May 2023 */
[class*="wd-section-stretch"], [data-vc-full-width] {
--wd-row-spacing: 0px !important;
}
/* Change the top/bottom padding of the sizing guide to 5px, to make the table more compact. 24 May 2023 */
.wd-sizeguide-table td {
padding: 5px 5px !important;
}
/* Change the text of the top row of the size guide to be bold. 24 May 2023 */
.wd-sizeguide-table tr:first-child td {
font-weight: bold;
}
/* Compact the main header menu hover submenu items, reduced margins from all sides */
/*.wd-event-hover:hover>.wd-dropdown {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}*/
/* Change font colour of the dropdown submenu items on the main header menu */
.wd-sub-menu li>a {
color: #333 !important;
}
/* Change hover font colour of the dropdown submenu items on the main header menu */
.wd-sub-menu li>a:hover {
color: rgba(51,51,51,0.7) !important;
}
/* Decrease the gap between the product title and the product image on the product archive view. Default is 12px */
.product-grid-item {
--wd-prod-gap: 6px !important;
}
/* Aligns the social media icons in the footer to the left */
.footer-column-1 .wd-social-icons {
text-align: left !important;
}
/* Removes the default 10px margin from the social media icons and sets it to 0px*/
.wd-widget.widget.footer-widget.widget_block {
margin-bottom: 0px !important;
}
/* Removes the default 1px border from the footer company summer text*/
.wd-widget.widget.footer-widget.widget_text {
border-bottom: 0px !important;
}
/* Removes social media share icons on single collection pages*/
.single-collection .wd-single-footer {
display: none !important;
}
/* Removes the default 60px margin under the navigation at the bottom of the page on single collection pages*/
.single-collection .wd-page-nav {
margin-bottom: 0px !important!;
}
/* Removes the default 60px margin under the navigation at the bottom of the page on single collection pages*/
.single-collection .wd-single-footer ~ .wd-page-nav {
margin-bottom: 0px !important;
}
/* Capitalise the Post Type text in the search results */
.stk-block-subtitle {
text-transform: capitalize;
}
/* Single collection archive item styling (displayed on single product pages) */
.collection-wrapper {
text-align: left; /* Align text to the left */
}
.collection-heading {
font-size: 22px;
margin-bottom: 5px;
font-weight: bold;
color: inherit; /* Use default theme color */
}
.single-collection-item {
position: relative;
width: 100%; /* Make the block fill the available width */
padding-bottom: 100%; /* This maintains a square aspect ratio */
overflow: hidden;
margin: 0 auto;
display: block;
text-decoration: none; /* Remove underline from link */
color: inherit; /* Inherit text color */
}
.collection-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.collection-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease-in-out;
}
.collection-info {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
color: #fff;
z-index: 2;
}
.collection-title {
margin: 0 0 5px;
font-size: 22px;
font-weight: bold;
color: #fff;
}
.collection-attributes {
font-size: 12px;
color: #fff;
}
.collection-thumbnail::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: background 0.2s ease-in-out;
}
.single-collection-item:hover .collection-thumbnail::before {
background: rgba(0, 0, 0, 0.2);
}
/* --------------------------------------------------------------------------------------------
* */
/* Multiple collections grid styling */
/* Multiple collections grid styling */
.collections-grid {
display: grid;
gap: 20px;
}
.collection-wrapper {
text-align: left;
}
.collection-heading {
font-size: 22px;
margin-bottom: 5px;
font-weight: bold;
color: inherit;
}
.single-collection-item {
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
margin: 0 auto;
display: block;
text-decoration: none;
color: inherit;
}
.collection-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.collection-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease-in-out;
}
.collection-info {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
color: #fff;
z-index: 2;
}
.collection-title {
margin: 0 0 5px;
font-size: 22px;
font-weight: bold;
color: #fff;
}
.collection-attributes {
font-size: 12px;
color: #fff;
}
.collection-thumbnail::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: background 0.2s ease-in-out;
}
.single-collection-item:hover .collection-thumbnail::before {
background: rgba(0, 0, 0, 0.2);
}
/* Footer - Remove 40px space from the bottom of the footer */
.footer-sidebar {
padding-bottom: 0 !important;
}
/* Footer - align social media icons to the left and remove bottom margin from the empty p tag */
.footer-container .wd-social-icons {
justify-content: flex-start !important;
}
.footer-container .widget_block p {
margin-bottom: 0 !important;
}@media (min-width: 1025px) {
/* Single Product image gallery (main gallery and thumbnails) - stop the height of the gallery stretching to fit tall images, and contain images within that window */
.single.single-product .woocommerce-product-gallery__image {
min-height: 615px;
object-fit: contain;
} .single.single-product .woocommerce-product-gallery__image a img {
max-height: 615px;
object-fit: contain;
}
.woocommerce-product-gallery .product-image-thumbnail {
max-height: 150px;
}
/* Style for the DOWNLOAD DATASHEET buttons on single product pages, for the following code:
*/
.download-datasheet-button {
background-color: transparent !important;
border-width: 2px;
border-color: #212121;
color: #333;
}
.download-datasheet-button:hover {
background-color: #212121 !important;
color: #fff;
}
#download-datasheet-button-class {
line-height: 0px !important;
}
.wd-buttons {
padding-left: 0 !important;
padding-right: 0 !important;
}
.filter-by-colour-menu-item a {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark {
padding: 0px !important;
}
.wd-sub-menu.filter-by-colour-menu-item li {
margin-bottom: 0 !important;
}
}