/*
 Theme Name:   Alpha Web Woodmart
 Template:     woodmart
*/


/* Theme customization starts here
-------------------------------------------------------------- */
#XXXXWOODMART_Widget_Sorting {display:none;}

/*=========================General============================*/
body {max-width:1600px;margin-left:auto;margin-right:auto;}
a {color:#000;}
.color-scheme-dark {color:#000;}
.color-scheme-light a {color:#fff;}
.woodmart-title-style-simple.woodmart-title-color-default .liner-continer:after {background-color: #c50c48c9;}
.color-scheme-dark h1 {color:#000;}
.vc_btn3.vc_btn3-color-grey:hover {background:#8a8484;}
/*=========================End General ========================*/

/*========================Scroll to top button==================*/
.scrollToTop.button-show {background-color:rgba(190, 209, 218, 0.9);}

/*========Get quote contact us button======*/
.aw-button a {
    -moz-box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    -webkit-box-shadow: 1px 4px 10px rgb(0 0 0 / 40%) !important;
    box-shadow: 1px 4px 10px rgb(0 0 0 / 40%) !important;
    font-size: 14px !important;
    min-width: 205px;
    text-align: center !important;
    color: white !important;
}
.aw-button.aw-button-long a {min-width: 190px;}
.aw-button.aw-orange-button a {background-color: #b1680e;margin-right:10px;}

/* Not sure why the WhatsApp button has spacing on the left, undetectable in Inspector, use margin-right:3px instead of 10px */
.aw-button.aw-blue-button a {background-color: #0a2d45; margin-right:3px;}

/* Use in the HTML block of the three buttons */ 
.aw-whatsapp-button-text {
    display: inline-block;
}

/* WhatsApp button, from 'Click to Chat" plugin's shortcode */
.ht-ctc-style-8 > span.ctc-analytics {
    height: 38px !important;
    border-radius: 5px !important;
    min-width: 190px;
    box-shadow: 1px 4px 10px rgb(0 0 0 / 40%) !important;
}

/* WhatsApp button, make the box shadow the same on hover */ 
.ht-ctc-sc:hover .ht-ctc-style-8 > span.ctc-analytics {
    box-shadow: 1px 4px 10px rgb(0 0 0 / 40%) !important;
    
}

/*==================Add counter to gallery=====*/
.aw-media-grid {counter-reset: my-awesome-counter;}
.aw-sample-counter .vc_gitem-animated-block {counter-increment: my-awesome-counter;position:relative;}
.aw-sample-counter .vc_gitem-animated-block:after {content: counter(my-awesome-counter);background:#fff;position: absolute;bottom: -12px;line-height:30px;
width:30px;text-align:center;color:#000;font-weight:600;border-radius: 50px;} 



body {counter-reset:my-gallery-counter;}
.aw-sample-gallery-counter .wd-gallery-item {counter-increment: my-gallery-counter;position:relative; justify-content: flex-start !important;}
.aw-sample-gallery-counter .wd-gallery-item:after {content: counter(my-gallery-counter);background:#fff;position: absolute;bottom: -15px;line-height:30px;
width:30px;text-align:center;color:#000;font-weight:600;border-radius: 50px;} 
/*===================End Add counter to gallery

/*====================Contact page ============================================*/
.entry-content .aw-contact-info-row {background-size: 900px !important; background-position: right center !important;}
label {color:#000;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select {
border:1px solid #818181;}
div.wpcf7-validation-errors {background:#ec4242;}
.screen-reader-response {display:none;}
.wpcf7-form-control.wpcf7-submit {padding-left:50px;padding-right:50px;color:#fff;background:#12388c;font-family:'Poppins';}
.wpcf7-form-control.wpcf7-submit:hover {background:#8a8484;}
.aw-contact-form {margin-left: -120px;padding-top: 8%;padding-bottom: 8%;padding-left: 10%;margin-bottom:40px;}
.aw-about-text {margin-right: -120px;padding-top: 8%;padding-bottom: 4%;padding-right: 10%;margin-bottom:0px;}

/*==================================Header Menu==============================*/
.whb-general-header.whb-not-sticky-row {box-shadow:0px 8px 8px rgba(68,58,58,0.26);-webkit-box-shadow:0px 8px 8px rgba(68,58,58,0.26);-moz-box-shadow:0px 8px 8px rgba(68,58,58,0.26);}
.whb-color-dark .navigation-style-separated .item-level-0>a {color:#000;}
.whb-color-dark .navigation-style-separated .item-level-0:hover>a {color:#000;}
.whb-navigation.whb-primary-menu .item-level-0.current_page_item >a {color:#efad5d;}
.whb-navigation.whb-primary-menu .item-level-0.current-menu-ancestor > a {color:#efad5d;}
.aw-main-menu-prod.menu-mega-dropdown .sub-menu>li {flex: 0 0 200px;max-width:200px;}
.aw-main-menu-prod .sub-menu-dropdown {background-color:#f1f1f1;}
.aw-main-menu-prod.menu-mega-dropdown .sub-menu>li>a {color:#000;font-size:13px;}
.aw-main-menu-prod.menu-mega-dropdown .sub-sub-menu.color-scheme-dark li a {color:#000;}
/*=============================End Header Menu================================*/

/*===================Mobile Menu===========================================*/
.site-mobile-menu li a {font-family:'Poppins';}
.site-mobile-menu .sub-menu li a {color:#000;font-size:13px;font-weight:500;}
.site-mobile-menu .current_page_item > a,.site-mobile-menu .current-menu-item > a,.site-mobile-menu .item-level-0.current-menu-ancestor > a  {color:#efad5d;}
/*===================End Mobile Menu=======================================*/

/*======About=====*/
xxx.aw-about-spr h4 {font-size:24px;color:#fff;}
.aw-about-text h1 {font-weight:400;font-size:38px;}
.aw-about-sprt h4 {font-size:45px;font-weight:400;}
.aw-about-sprt-subtitle h4 {font-size:30px;font-weight:400;}

/*=====Home=====*/
.aw-home-main-title-col {z-index:1;}

/*======Gallery======*/
.aw-gallery-getquote {text-align:center;}

/*====Product Page====*/
.aw-product-text {padding:10% 10%;}
.aw-product-text h2 {margin-left: -120px;background: white;padding: 20px 20px;}
.aw-product-text-col .vc_column-inner {margin-right:-1px;}
.aw-product-text-col h2 {display:inline-block;border-bottom:1px solid #000;}

.aw-product-tab-center {text-align:center;margin-top:30px;}
.aw-product-tab-active {color:#fff;padding: 6px 20px;background: #b1680e;margin-right: 8px;}
.aw-product-tab p {display:inline-block;font-size:14px;margin-right:5px;}
.aw-product-tab a {border: 1px solid;padding: 8px 20px;}
.aw-product-tab a:hover {border-color:#b1680e;background: #b1680e;color:#fff;}
.aw-product-page-title {font-size:26px;}
.aw-product-title {font-size:24px;display:inline-block;border-bottom:1px solid;}
.aw-product-desc {margin-bottom:25px;}
.aw-product-desc h5 {margin-bottom:0;}

/*======Product Page Samples Tab======*/
.vc_row-fluid.aw-sample-gallery-row .vc_tta-style-classic.aw-sample-gallery-tab .vc_tta-panel-body {padding-right:0 ;padding-left:0;}
.aw-sample-gallery-row .wd-gallery-item {padding-left:7.5px;padding-right:7.5px;margin-bottom:15px;overflow:visible;}
.aw-sample-gallery-row .vc_tta-title-text:after {height:1px !important;}
.aw-sample-gallery-row .vc_tta-tab>a {padding:0 !important;margin-right:25px;margin-bottom:20px;}
.aw-sample-gallery-row .vc_tta-tab.vc_active>a {color:#b1680e !important;}
.aw-sample-gallery-row .vc_tta-tab.vc_active .vc_tta-title-text:after {background-color:#b1680e !important;}
.aw-tab-hide, #aw-tab-hide1, #aw-tab-hide1.vc_tta {display:none !important;}

.aw-sample-gallery-tab .vc_tta-panels, .aw-sample-gallery-tab .vc_tta-panel-body {background:#fff !important;border:0px !important;} 
.aw-sample-gallery-tab .vc_tta-tabs-list {white-space:normal !important;}

.aw-hide-last-child .vc_tta-tab:last-child:not(:first-child) {display:none !important;}

/* ============================= Sticky Sidebar ================================*/
.XXXwoodmart-sticky-sidebar-opener:not(.sticky-toolbar) {
    XXXbox-shadow: 0 2px 4px rgba(2px,2px,2px,.80) !important;
    XXXleft: -5px; /* Move the "..." slightly to the left */
}    


.XXXXwoodmart-sticky-sidebar-opener:not(.sticky-toolbar) {
    background-color: #2F487F;
}    


.wd-sidebar-opener:not(.wd-on-toolbar) {
    background-color: #2F487F !important;
    box-shadow: 0 2px 4px rgba(0,0,0, 0.2) !important;
    left: -15px; /* Move the "..." slightly to the left */
}   

/* The "..." of the sticky sidebar */
.XXXXwoodmart-sticky-sidebar-opener:not(.shop-sidebar-opener):after {
    font-size: 25px;
    color: white;
}

.wd-sidebar-opener.wd-not-on-shop>a:before {
    font-size: 35px;
    color: white;
    position: relative;
    left: -3px;
}

/* ========================== END Sticky Sidebar ================================*/


/*====Product side menu====*/
#nav_menu-2 {padding:30px 20px;background:#0d1129;}
#nav_menu-2 .widget-title, #nav_menu-2 a {color:#fff;}
.aw-side-menu-title > a {border-bottom:1px solid #ffffff;}
#nav_menu-2 .aw-side-menu-title.current-menu-item > a,#nav_menu-2 .aw-side-menu-title.current-menu-ancestor > a,#nav_menu-2 .aw-side-menu-title .sub-menu .current_page_item > a
{color:#efad5d;}
#nav_menu-2 .aw-side-menu-title .sub-menu .current_page_item > a {font-weight:400;}
#nav_menu-2 .sub-menu .menu-item a:hover {transform: translateX(12px);xxxtransition: all 0.25s ease;}
.aw-side-menu-title-nc a:hover {transform: translateX(12px);}
#nav_menu-2 .aw-side-menu-title {margin-bottom:35px;color:#fff;}

/*====Gallery side menu====*/
#nav_menu-3 {padding:30px 20px;background:#0d1075;}
#nav_menu-3 .widget-title, #nav_menu-3 a {color:#fff;}
.aw-side-menu-title > a {border-bottom:1px solid #ffffff;}
#nav_menu-3 .aw-side-menu-title.current-menu-item > a,#nav_menu-3 .aw-side-menu-title.current-menu-ancestor > a,#nav_menu-3 .aw-side-menu-title .sub-menu .current_page_item > a
{color:#efad5d;}
#nav_menu-3 .aw-side-menu-title .sub-menu .current_page_item > a {font-weight:400;}
#nav_menu-3 .sub-menu .menu-item a:hover {transform: translateX(12px);}
.aw-side-menu-title-nc a:hover {transform: translateX(12px);}
#nav_menu-3 .aw-side-menu-title {margin-bottom:35px;color:#fff;}
/*=======================================End Gallery side menu================================*/

/*=====================================Gallery page===================================*/
.aw-gallery-banner {text-align:center;}
.aw-gallery-banner h1 {display:inline-block;font-size:35px;border-bottom:1px solid #000;}
.aw-gallery-banner h4 {font-size: 26px;font-family: inconsolata;font-weight: 500;}
/*=====================================End Gallery page===================================*/

/*=====================================Special product page===================================*/
.aw-special-paint h5{font-size:15px;margin-bottom:0;}
/*=====================================End Special product page===================================*/

/*===Media Grid===*/
div.pp_default .pp_description {display:none !important;}
.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square>li>a {min-height:25px;min-width:25px;padding:5px;font-size:12px;}

/*====Footer====*/
.min-footer {padding-top:10px;padding-bottom:10px;}

/*=====Cutomized button====*/
.aw-btn-spr-div {margin-top:3.6em;position:relative;overflow:hidden;}
.aw-btn-spr-text {display:inline-block;}
.aw-btn-spr {position:relative;overflow:hidden;padding:0.2em 2.5em 0.2em 0;}
.aw-btn-spr:hover:before {opacity:1;right:1px;}
.aw-btn-spr:hover:after {opacity:0;right:-20px;}
.aw-btn-spr:hover {color:#000;}
.aw-btn-spr-title {font-weight:600;font-size:16px;position:relative;display:inline;}
.aw-btn-spr-title:after {content: '';display: inline-block;vertical-align: middle;width: 4em;margin: 0 1em;height: 1px;background-color: black;text-align: left;}
.aw-btn-spr:after{content: '';background:url(/wp-content/uploads/2020/03/arrow.png);width:32px;height:32px;position: absolute;top: 50%;right:1px;margin: 0.1px 0 1px;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;text-align: center;}
.aw-btn-spr:before {content: '';background:url(/wp-content/uploads/2020/03/arrow.png);width:30px;height:30px;position: absolute;top: 50%;right: 20px;opacity:0;margin: 0.1px 0 1px;
    -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all ease .3s;-ms-transition: all ease .3s;
    transition: all ease .3s;text-align: center;display: block;}    
    
/*====Customized Header/Title=====*/    
.aw-header-div {display: flex;display: -webkit-flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;
    align-items: center;-webkit-align-items: center;lex-direction: row;-webkit-flex-direction: row;margin-bottom: 5.1em;display:relative;}  
.aw-header-subtitle:after {content: '';display: inline-block;vertical-align: middle;width: 11em;margin-left: 2em; height: 1px; background-color: black;flex-shrink: 10000;
    text-align: left;}
.aw-header-subtitle {font-size:1.1758em;line-height:1.5em;display:flex;justify-content:center;aslign-items:center;margin-right:2em;}    
.aw-header-subtitle,.aw-header-title {margin-bottom:0;font-weight:700;}
.aw-header-title {font-size:3.118em;line-height:1.13;}

.vc_sep_pos_align_left.aw-header-subtitle-spr h4 {font-size:1.1758em;font-weight:700;}
.aw-header-title-spr h1 {font-size:3.1em;font-weight:700;}

.imgtest {position:relative;overflow:hidden;}
.imgtest::before{
    content: '';
    position: absolute;
    display: block;
    background: blue;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow:hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%0);
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out,-webkit-transform .7s ease-in-out;
    transition-delay: var(--delay,0s);
}

.imgtest.reveal::before{
-webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out,-webkit-transform .7s ease-in-out;
    transition-delay: var(--delay,0s);
}

/*================================ Woo Shop Listing page ==================================*/
/* The hamburger menu on the product filter on the left panel */ 
.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
    display: none !important;
}


/* Hide the "Filter products" message */
.prdctfltr_woocommerce_filter_title {
    display: none !important;
}

/* The separator before the message "Showing 1 - 12 of 9999 results "*/
.prdctfltr_showing:before {
	display: none;
}

/* The wrapper for all the categories in product filter */
.prdctfltr_filter_wrapper {
    margin-top: 22px;
}

/* The "filtered" collector after user filtered some products */
.prdctfltr_wc_widget .prdctfltr_collector {
    margin-top: 20px !important;
}


/* The prod cat label on product filter, create more space in between cats here */
.prdctfltr_filter label {
	margin-bottom: 10px;
}



/* This is the label for the checkbox on filter, give it a left margin together with the CSS below so long label doesn't wrap under the checkbox */
.prdctfltr_filter label {
    margin-left: 20px;
}


/* This is the checkbox on filter, give it a negative left margin so long label doesn't wrap under the checkbox */
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label>span:before {
    margin-left: -20px;
}    

/* Increase the indentation of the sub categories */ 
.prdctfltr_checkboxes .prdctfltr_sub {
    margin-left: 1em !important;
}    

/* Hide the product count on filter */
.prdctfltr_count {
    display: none !important;
}

/* The filter  for "sales" and "in stock" on the left panel */
.prdctfltr_buttons .prdctfltr_sale, 
.prdctfltr_buttons .prdctfltr_instock {
    display: none !important;
}

/* The selected "items" on the prduct filter */
.prdctfltr_collector_flat>span {
    background-color: rgb(18,56,140) !important;
    color: white;
    border-radius: 0px !important;
}

/* The "x" sign to deleted the selected "items" on the prduct filter */
/* Move the "X" sign slightly lower */
.prdctfltr-delete:before {
    color: white;
    top: 1px;
    position: relative;
}

/*============================== END Woo Shop Listing page ================================*/



/*=============================== Woo Single Product page =================================*/

/* Hide the "in stock" message */
.summary-inner .in-stock {
    display: none;
}

.single-product ol,
.single-product ul {
  list-style-position: inside;
}  


/* The "Deliver within Singapore only" message, set at "Add to Cart" at theme settings */
.wd-before-add-to-cart {
    margin-top: 40px;
    margin-bottom: 0 !important;
    font-weight: bold;
}

.single-product form.cart {
    padding-top: 50px;
    border-top: 1px solid rgba(0,0,0,0.11);
}

.single-product table.variations {
    margin-bottom: 40px;
}

.woocommerce-variation-price .amount{
    font-size: 23px;
} 



/* The messasge to inform users to check color chart, added from plugin "WooCommerce TM Extra Product Options",
The class name is added at the plugin backend */
.aw-color-chart-message-div {
    XXXXmargin-bottom: 0 !important;
}

.aw-color-chart-message-div a {
   text-decoration: underline;
}



/* The asterisk sign on required fields for "Woo extra options" plugin */ 
.tm-epo-required {
    margin-right: 3px;
}

/* The text ("20 characters remaining") for color code field */
.aw-color-code-div .tc-chars {
    font-size: 13px;
}


.tabs-location-summary .tabs-layout-accordion {
    margin-top: 50px !important;
}    


.product-share.wd-social-icons .wd-social-icon {
  color: rgb(18,56,140) !important;
}

.product-share.wd-social-icons .wd-social-icon:hover {
  color: #107cd9 !important;
}

/*============================= END Woo Single Product page ===============================*/



/*============================= Woo Cart and Checkout pages ===============================*/
.cart_totals input[type="radio"],
.woocommerce-shipping-totals #shipping_method input[type="radio"] {
    float: left !important;
}

#shipping_method label {
    text-align: left;
    margin-left: 30px;
}

.cart_totals .woocommerce-shipping-destination {
    text-align: left;
}

/*============================ END Woo Cart and Checkout pages ============================*/


/*===================================== WooCommerce =======================================*/

/*=================================== END WooCommerce =====================================*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/*===================================== Responsive ========================================*/

@media only screen and (min-width: 1601px) {
.aw-full-width-adjust {max-width:1600px;left:-189px !important;}
}

@media only screen and (max-width: 1280px) and (min-width: 1154px) {
.aw-main-menu-prod.menu-mega-dropdown .sub-menu>li {flex: 0 0 180px;}
}

@media only screen and (max-width: 1153px) and (min-width: 1025px) {
.aw-main-menu-prod.menu-mega-dropdown .sub-menu>li {flex: 0 0 160px;}
}

@media (min-width: 768px) {
.XXaw-sample-gallery-tab .vc_tta-panels, .XXXaw-sample-gallery-tab .vc_tta-panel-body {background:#fff !important;border:0px !important;}  
.XXaw-sample-gallery-tab .vc_tta-panels, .XXXaw-sample-gallery-tab .vc_tta-panel-body {background:#fff !important;border:0px !important;} 
.XXaw-sample-gallery-tab .vc_tta-tabs-list {white-space:normal !important;}

}


@media only screen and (max-width: 767.98px) {
.aw-media-grid.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width:25%;display:inline-block;}
.entry-content .aw-contact-info-row {background-size: cover !important; background-position: center !important;}
.aw-contact-form {margin-left:0;padding-top:0;padding-left:0;padding-right:0;margin-bottom:0px;}
.aw-about-text {margin-right:0px;padding-top:0;padding-right:0;margin-bottom:0px;}
.aw-home-prod-img.wpb_single_image.vc_align_left {text-align:center;}
	.grecaptcha-badge {visibility:hidden;}

.XXXaw-sample-gallery-tab .vc_tta-panels, .XXXaw-sample-gallery-tab .vc_tta-panel-body {background:#fff !important; border:0px !important;} 
.XXXaw-sample-gallery-tab .vc_tta-tabs-list {white-space:normal !important;}


/* The word shipping at the Cart page */
.shop_table_responsive td:before {
    float: none;
}

.cart-totals-section td[data-title="Shipping"] {
    text-align: left !important;
}

.cart-totals-section #shipping_method {
    margin-top: 20px;
    margin-bottom: 20px;
}

}

@media only screen and (max-width: 575px) {
.aw-media-grid.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width:50%;display:inline-block;}
}

@media only screen and (max-width:456px) {
	.aw-button.aw-blue-button a {margin-right:10px;}	
}
