@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//woodsbatinblack.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.8") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #333333;
	--wd-text-font-size: 18px;
	--wd-title-font: "Sucrose Bold One", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Sucrose Bold One", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Sucrose Bold One", 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: 22px;
	--wd-header-el-font: "Sucrose Bold One", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 22px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #f8891d;
	--wd-alternative-color: #1b1c1e;
	--btn-default-bgcolor: #f8891d;
	--btn-default-bgcolor-hover: #000000;
	--btn-accented-bgcolor: #bed73d;
	--btn-accented-bgcolor-hover: #000000;
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(190,215,61);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #f8891d;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center bottom;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-dropdown-my-account .wd-sub-menu li a {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 850px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

@font-face {
	font-family: "Sucrose Bold One";
	src: url("//woodsbatinblack.com/wp-content/uploads/2026/01/Sucrose-BoldOne-1.woff2") format("woff2"), 
url("//woodsbatinblack.com/wp-content/uploads/2026/01/Sucrose-BoldOne.woff2") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Sucrose Bold Two";
	src: url("//woodsbatinblack.com/wp-content/uploads/2026/01/Sucrose-BoldTwo-1.woff2") format("woff2"), 
url("//woodsbatinblack.com/wp-content/uploads/2026/01/Sucrose-BoldTwo.woff2") format("woff");
	font-weight: 700;
	font-style: normal;
}

.sansMe h3, .wd-nav-header > li > a {font-family:'Open Sans', Arial, Helvetica, sans-serif !important;}
.wd-nav-header > li > a {font-size:15px !important;}
.osano-cm-widget {position:fixed !important;
bottom:12px !important;left:12px !important; flex-direction: column !important;background-color:none !important;}

.sucOne h4, h2.sucOne {font-family: 'Sucrose Bold One', Arial, Helvetica, sans-serif !important;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#1b1c1e;
}

/* SLANT BUTTONS */
a.matsButton {
  margin: 0 0 15px 0;
  padding: 0;
  border-width: 0;
  border-color: transparent !important;
  background: none !important;
  font-weight: 600 !important;
  cursor: pointer;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  padding: 12px 20px !important;
  z-index: 0;
  border: none;
  border-radius: 0;
  -webkit-transition: color 0.3s; transition: color 0.3s, -webkit-transform 0.3s;
}
a.matsButton:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: transparent;
  content: '';
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
a.matsButton:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background: rgba(250,250,250,0);
  content: '';
  opacity: 0 !important;
  -webkit-transition: opacity 0.2s, width 0.15s;
  transition: opacity 0.2s, width 0.15s;
}
a.matsButton:hover, a.matsButton:focus {
  box-shadow:none !important;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
a.matsButton:focus:after {
  width: 100%;
  opacity: 1 !important;
}
a.matsButton:focus:before {
  box-shadow: inset 0 -1px 0 #a7c3ff, inset 0 1px 0px #a7c3ff, inset -1px 0px 0px #a7c3ff !important;
}

/* RESET COLOR AND SHADOW */

a.button {
  color: #fff !important;
}
a.matsButton:hover:before,
a.matsButton:focus:before {
  box-shadow: inset 0 -1px 0 #1b1c1e, inset 0 1px 0px #1b1c1e, inset -1px 0px 0px #1b1c1e !important;
}

/* HOVER ORANGE TO BLACK */
a.matsButton:before {
  background-color: #f8891d !important;
}
a.matsButton:after {
  background-color: #1b1c1e !important;
}

/* HOVER GREEN TO BLACK */
.promo-btn:before,
a.button:before {
	background-color: #bed73d !important;
}
.promo-btn:after,
a.button:after {
	background-color: #1b1c1e !important;
}

/* HOVER RED TO BLACK */
.btnRED:before,
a.button:before {
	background-color: #bc0019 !important;
}
.btnRED:after,
a.button:after {
	background-color: #1b1c1e !important;
}

/* HOVER BLACK TO BLACK */
.btnBLACK:before,
a.button:before {
	background-color: #1b1c1e !important;
}
.btnBLACK:after,
a.button:after {
	background-color: #000 !important;
}


.btn-style-link {border: none !important;}
.btn-size-extra-large {font-size:20px !important; font-weight:900 !important;}

.btn .btn-style-default .btn-shape-rectangle .btn-size-default .noBG .orange {background-color: none !important;}


/* ...COOKIE SCRIPT
 * ...*/

.osano-cm-widget {left: 12px;}
.osano-cm-button, .osano-cm-description, .osano-cm-dialog {font-family: "Open Sans", Arial, Helvetica, sans-serif;}
.osano-cm-toggle input[type=checkbox]:checked + .osano-cm-switch, .osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {background-color: #f8891d;}
.osano-cm-save, .osano-cm-save:hover, .osano-cm-button--type_accept, .osano-cm-button--type_accept:hover {background-color: #f8891d;border-color: #f8891d;}

/* .....GLOBAL
 * ..... */

.homeBoxHeight {height:100%; min-height:365px !important;}

.whb-top-bar .wd-nav-secondary>li>a {font-weight:700 !important;}

.notifications-sticky .yith_ywraq_add_item_product_message, .notifications-sticky div.wpcf7-response-output, .notifications-sticky .mc4wp-alert, .notifications-sticky .woocommerce-error, .notifications-sticky .woocommerce-message, .notifications-sticky .woocommerce-info, .notifications-sticky .yith_ywraq_add_item_product_message {z-index: 999999999999 !important;
}


.color-scheme-light p {color:rgba(255,255,255,1) !important;font-weight:600 !important;}
.uppercase {text-transform:uppercase !important;}
.whiteText, .whiteText p, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, span.powerSpan {color:#fff !important;}
.orangeMe {color:#f8891d !important;}
.hoverOrange a:hover {color:#f8891d !important;}
.title, .woocommerce-Reviews .comment-reply-title, h1, h2, h3, h4, h5, h6, legend {color:#1b1c1e;}
.breadcrumbs a, .breadcrumbs span, .yoast-breadcrumb a, .yoast-breadcrumb span {font-weight:700 !important}
.max-sevenW {max-width:700px;height:auto;margin:0 auto;}
.promo-banner .banner-title {line-height:1.2 !important;margin-bottom:-5px !important;}
.smallText {font-size:80% !important;}

/* Nav */
@media (min-width: 1270px) {.woodmart-navigation .item-level-0>a {font-size:16px;padding-right:30px;}}
.whb-top-bar .whb-secondary-menu .item-level-0 > a, .menu-simple-dropdown li a {font-weight:700 !important;}
.whb-top-bar .whb-secondary-menu .item-level-0 > a:hover {color:#1b1c1e !important;}
.menu-simple-dropdown li a, #menu-news-filter-categories li > a {font-weight:600;text-transform:uppercase;color:#f8891d !important}
.menu-simple-dropdown li a:hover, #menu-news-filter-categories li > a:hover {color:#1b1c1e !important}

#menu-top-bar-right li.current_page_item a {color:#1b1c1e !important}

/* Slanted buttons */
.slanted-button{ width:auto;position:relative; padding: 10px 15px; background: #1b1c1e; /* Old browsers */ background: linear-gradient(to left, #1b1c1e 50%, #f8891d 50%); background-size: 300% 100%; background-position:right bottom; transition:all 0.3s ease-out; z-index:2;}
.slanted-button:after { content:"";position:absolute;top: 0; bottom: 0; left: 0; right: 0;z-index:-1;    background: linear-gradient(to left, #1b1c1e 50%, #f8891d 50%); background-size: 300% 100%; background-position:right bottom;transform-origin: bottom left;-ms-transform: skew(-26deg, 0deg);-webkit-transform: skew(-26deg, 0deg);transform: skew(-26deg, 0deg);transition:all 0.3s ease-out;}
.slanted-button:hover, .slanted-button:hover:after {background-position:left bottom !important;}

/* Other Links */
.beefy a {font-size:large;font-weight:700 !important;}
.btnONE {font-weight:700;color:#ffffff !important;}
.genuine {text-shadow:2px 2px 4px #1b1c1e !important;}

/* Alerts */
.dokan-alert-success, .dokan-message, .dokan-store-contact .alert-success, .mc4wp-success, .woocommerce-message, .wpcf7-mail-sent-ok, .yith_ywraq_add_item_product_message {background-color: #bed73d !important;}

/* Widgets */
.widget {border-bottom:none;margin-bottom:15px !important;padding-bottom:15px !important;}
.widget_product_categories .product-categories li a {padding-top:4px !important;padding-bottom:4px !important;}
a.compare {display:block;position:relative;margin-bottom:20px;}

div.sideRely {background-color:#f2f2f2;background: url(/wp-content/uploads/grey-sidebar-wedge.jpg);background-size:cover;background-position:center bottom;padding:10px 10px 20px 10px;}

div.sideRely h5 {margin-bottom:0 !important;font-size:16px!important;}

div.sideRely a {color:#f8891d !important;}
div.sideRely a:hover {color:#1b1c1d !important;}

/* Innovators header style */
h3.leader {font-weight:700;margin-bottom:5px;}
h5.subleader {position:relative;font-weight:400;color:#f8891d;margin-bottom:15px;}
h5.subleader:after {content: "";display: block;left: 0;width: 33%;padding-top:5px;border-bottom: 1px solid #f8891d;}

/* Social icon label */
.woodSocial .info-box-title {line-height:4;}

/* Timeline */
.woodmart-timeline-item, .wd-timeline-item {margin-bottom:0 !important;}

/* Contact Forms */
label {display:block; clear:both;}
label.one_half {width:48%; float:left; display:inline; clear:none !important; margin-bottom:15px;}
label.one_half_last {width: 48%; float:right; display:inline-block; clear:none !important; margin-bottom:15px;}
label span.red {color:#f30 !important;}
div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed !important;}
.wpcf7-not-valid {border:2px solid rgba(255,43,43,1) !important;}
.wpcf7-not-valid-tip {display:none !important;}
input.wpcf7-submit {background-color:#bed73d !important;color:#fff !important;}
input.wpcf7-submit:hover {background-color:#1b1c1e !important;}

/* PREFOOTER signup */
.promo-wrapper h4 {color:#ffffff;font-size:26px;line-height:26px;}
.promo-btn {margin:20px 12px !important;padding: 12px 20px;font-size: 13px !important;line-height: 18px;color: #ffffff !important;position: relative;display: inline-flex;align-items: center;justify-content: center;outline: 0;border-width: 0;border-style: solid;border-radius: 0;box-shadow: none;vertical-align: middle;text-align: center;text-decoration: none;text-transform: uppercase;text-shadow: none;letter-spacing: .3px;font-weight: 700 !important;cursor: pointer;transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;}

/* Footer */
.footer-container {padding-top:35px;}
.woodmart-prefooter {padding-bottom:0 !important;}
.copyrights-wrapper {background:#fff !important;color:#1b1c1e !important;}
.main-footer h5.widget-title {color:#f8891d;}
.main-footer .widget-title, .main-footer .widget li, .woodmart-widget li, div[class^=vc_wp] li {margin-bottom:5px !important;}
.footer-widget a {font-weight:600;color:#ffffff !important;}
.footer-widget a:hover {color:#f8891d !important;}
.footer-column {margin-bottom: 0;}
.woodmart-social-icons {margin-bottom:20px;text-align:right !important;}@media (min-width: 1025px) {
	.tumbler {background-position: bottom 40px right !important;}
.leftDesktop {text-align:left !important;}
.leftMobile {text-align:right !important;}

.pageTitle h4 {font-size: 68px !important;line-height:62px !important;}
.prodTitle{font-size: 68px !important;}
.whb-top-bar {background-position: 101% bottom !important;}
ul.rightDleftM {text-align:right;}
.borderRight {border-right:1px solid #ddd;}
.BlackWhiteFramed {background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(27,28,30,1) 25%, rgba(27,28,30,1) 75%, rgba(255,255,255,1) 75%) !important;}
h2 {font-size:34px !important;line-height:34px !important;}
h4 {font-size:24px !important;line-height:24px !important;}
.whb-top-bar .wd-nav-secondary>li>a {font-size:18px !important;}
.wd-nav-tabs>li>a {font-size:26px !important;line-height:26px !important;}
.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {color:#f8891d !important}

.white-black-bg {background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 13%, rgba(27, 28, 30, 1) 13%, rgba(27, 28, 30, 1) 100%);}

.split-bg {background: #1b1c1e;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(27, 28, 30, 1) 20%, rgba(27, 28, 30, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);}

/* Hide title until hover on desktop */
.maskTitle>.wrapper-content-banner {opacity:0;transition:all 0.3s ease-out;}
.maskTitle:hover>.wrapper-content-banner {opacity:1;}

/* Search result adjust */
.aws-search-result {width:420px !important;left:auto !important;right:50px !important;}

/* Categories adjust */
.category-grid-item .hover-mask {left:0 !important;}
.category-grid-item .wd-entities-title {padding: 10px 15px !important;color:#fff !important;font-size:14px !important;background: #1b1c1e;/* Old browsers */background: linear-gradient(to left, #1b1c1e 50%, #f8891d 50%);background-size: 300% 100%;background-position:right bottom ;transition:all 0.3s ease-out;z-index:99;}
.category-grid-item .wd-entities-title:after {content:"";position:absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:-1; background: linear-gradient(to left, #1b1c1e 50%, #f8891d 50%);background-size: 300% 100%;background-position:right bottom;transform-origin: bottom left;-ms-transform: skew(-26deg, 0deg);-webkit-transform: skew(-26deg, 0deg);transform: skew(-26deg, 0deg);transition:all 0.3s ease-out;}
.category-grid-item:hover .wd-entities-title, .category-grid-item:hover .wd-entities-title:after {background-position:left bottom !important;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.tumbler .wd-info-box .info-box-content {margin-top:-35px !important;}
.borderRight {border-right:1px solid #ddd;}
.leftDesktop {text-align:center !important;}
.leftMobile {text-align:right !important;}

}

@media (min-width: 577px) and (max-width: 767px) {
	.tumbler .wd-info-box .info-box-content {margin-top:-35px !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.leftDesktop {text-align:center !important;}
.leftMobile {text-align:left !important;}
}

@media (max-width: 576px) {
	.tumbler .wd-info-box .info-box-content {margin-top:-35px !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.leftDesktop {text-align:center !important;}
.leftMobile {text-align:left !important;}
}