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


/* Theme customization starts here
-------------------------------------------------------------- */

/* ====================================================== General ======================================================*/
html {
  scroll-behavior: smooth;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 23px;
}

.title-size-small {
	padding: 30px 0 !important;
}

.aw-page-title-row {
	background-size: cover;
	background-position: center;	
}

.aw-page-title-text-column .vc_column-inner {
	min-height: 360px;
    padding-left: 50px;
	padding-bottom: 30px;
}

.aw-page-title-text-column h1,
.aw-page-title-text-column p {
	color: white;
}

.aw-page-title-quote-author {
	font-style: italic;
	font-size: 17px;
	font-weight: 500;
}


.icons-design-simple a.wd-social-icon {
	background-color: black !important;
    color: white !important;
}

.icons-design-simple a.wd-social-icon:hover {
	background-color: #107cd9 !important;
    color: white !important;
}

/* Add box-shadow to all buttons */
button,
a.btn,
a.button,
input[type="submit"] {
	color: white !important;
} 


/* Add box-shadow to all buttons */
button:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover {
	box-shadow: 0 5px 12px rgb(0 0 0 / 30%) !important;
}  

button[disabled], 
input[disabled] {
    opacity: 0.25 !important;
}

.wd-cookies-popup.woodmart-cookies-popup {
	background-color: #eaeaea;
	border-top: 1px solid rgba(0,0,0,0.04);
	font-size: 14px;
	box-shadow: none;
	text-align:	center;
}

.cookies-buttons .cookies-more-btn {
    border-bottom: 1px solid black !important;
}

/* ==================================================== END General ====================================================*/

/* ================================================= Woocommerce general ===============================================*/
/* The  cart item number on top of the page */
.wd-header-cart.wd-design-2 .wd-cart-number, 
.wd-header-cart.wd-design-5 .wd-cart-number {
	background-color: #107cd9 !important;	
}	

.btn.wd-switch-to-register {
	color: white;
}


/* The checkout steps: "SHOPPING CART --> CHECKOUT --> ORDER COMPLETE" on cart page */
.wd-checkout-steps li {
	font-size: 17px;
}	


.product-grid-item del {
	color: black;
}

del .amount {
    color: black;
}

.product-label {
	font-weight: 700;
}

.product-label.featured {
    background-color: #fe1111;
}

.labels-rectangular .product-label {
    padding: 7px 10px;
    font-size: 10px;
}

.product-label.out-of-stock {
    background-color: white;
    color: black;
    font-weight: 700;
}

.product-label.onsale {
    background-color: #fe1111;
	color: white;
    font-size: 12px !important;
}

.product-label.new {
    background-color: #107cd9;
}


.woocommerce-order .woocommerce-thankyou-order-received {
	border: 2px dashed #858585;
	color: black;
}
/* =============================================== END Woocommerce general =============================================*/

/* ================================================= Header and Menu ===================================================*/
/* Drop dpwn menu, for main menu or woo user menu */ 
.menu-simple-dropdown li a {
	color: black !important;
	font-weight: 500;
}

.whb-general-header .wd-header-my-account .wd-tools-text {
	font-size: 11px;
}	

.whb-general-header .wd-tools-element.search-button>a {
	padding: 5px;
}
/* =============================================== END Header and Menu =================================================*/

/* ==================================================== Home page ======================================================*/

.aw-home-hero-image-row {
	min-height: 75vh;
}

.aw-home-intro-text em {
	font-size: 18px;
	font-weight: 500;
		
}

/* The number of product shown below Cat name */
.aw-home-product-cat-row .more-products {
	color: white;
}


.aw-home-main-outer-row {
    background-image: url(/wp-content/uploads/2021/11/Saturn_symbol-lightgrey-darker.svg);
    background-repeat: no-repeat;
	background-size: 12%;
    background-position: 0 6%;
}

.aw-home-main-outer-row {
    background-color: #f3f3f3;
}

.aw-home-product-cat-row .product-category .hover-mask .category-title {
    padding: 10px 0 0px 0px;
	color: white;
    font-size: 17px !important;
	text-shadow: 1px 1px rgba(0,0,0,0.4);
	
}	

/* Home page - The number of product shown below Cat name */	
.aw-home-product-cat-row .category-grid-item .more-products {
	display: none;
}

.aw-home-categories-button {
	margin-top: 7px;
}

.aw-home-categories-button .wd-btn-icon .wd-icon {
   font-size: 20px;
   margin-left: 10px;
   transition-property: margin-left;
   transition-duration: 300ms;	
}

.aw-home-categories-button:hover .wd-btn-icon .wd-icon {
   margin-left: 14px;	
}

	
.aw-home-featured-products-row {
	background-image: url(/wp-content/uploads/2021/11/Jupiter_symbol_lightgrey.svg);
    background-repeat: no-repeat;
	background-size: 14%;
    background-position: 100% 50%;
}

/* Hide the "hot" label on featured products on homepage */ 
.aw-home-featured-products-row .product-label.featured {
	display: none;
}	

/* =================================================== END Home page ===================================================*/

/* =================================================== About Us page ===================================================*/
.aw-about-us-section-title .title-subtitle {
    margin-bottom: 5px;
}


.aw-about-us-text-block {	
	background-image: url(/wp-content/uploads/2021/11/Eye_of_Horus_Right-lightgrey.svg);
    background-repeat: no-repeat;
	background-size: 60%;
    background-position: 100% 100%;
	
}


/* ================================================= END About Us page =================================================*/

/* ===================================================== Shop page =====================================================*/
/* Hide the "Gratuity/donation" item from product listing */
.product-grid-item.product_cat-donation {
	display: none;
}

/* The wrapper for prduct filter title & menu icon */
.prdctfltr_filter_title {
	display: inline-block !important;
}

/* The hamburger menu for product filter */
.prdctfltr_woocommerce_filter {
	display: inline !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 prod cat label on product filter, create more space in between cats here */
.prdctfltr_filter label {
	margin-bottom: 7px;
}


/* the circular icon on teh left of category */
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label>span:before {
	border-color: #8d8c8c !important;
}


.prdctfltr_count {
	border-radius: 0 !important;
	color: #8d8c8c !important;	
}


/* The min & max figure displayed when dragging the slider bar */
.pf_rngstyle_html5 .irs-min, .pf_rngstyle_html5 .irs-max {
	display: none !important;
}

/* The price range selector on sidebar filter */
.prdctfltr_range .irs-from, 
.prdctfltr_range .irs-to, 
.prdctfltr_range .irs-single {
   font-size: 12px !important;
   background: #107cd9  !important;
   padding: 3px 6px !important;
  -moz-border-radius: 0 !important;
   border-radius: 0 !important;
   top: 2px !important;
}

/* The price range selector bottom font size on sidebar filter */
.prdctfltr_wc .irs-grid-text {
  bottom: 0 !important;	
  font-size: 14px !important;
  line-height: 12px !important;
  color: black !important;
}

.prdctfltr_range.pf_rngstyle_html5 .irs-line {
    height: 3px;
    top: 36px;
    background: #e5e5e5 !important;
	border: none;
}

.prdctfltr_range.pf_rngstyle_html5 .irs-slider {
    top: 30px;
    width: 15px;
    height: 15px;
	border: none;
    background: #bdbdbd;
	box-shadow: none;
}

.prdctfltr_range.pf_rngstyle_html5 .irs-slider.state_hover, 
.prdctfltr_range.pf_rngstyle_html5 .irs-slider:hover {
	background: #107cd9; 
}

.prdctfltr_range.pf_rngstyle_html5 .irs-bar {
    height: 3px !important;
    top: 36px !important;
	border-top: none;
	border-bottom: none;
    background: #bdbdbd;
}

.prdctfltr_buttons .prdctfltr_sale,
.prdctfltr_buttons .prdctfltr_instock {
	display: none !important;
}


.product-grid-item .wd-entities-title {
    font-size: 15px !important;
}	

.wd-hover-quick .wd-add-btn>a {
	opacity: 1 !important;
}	

/** .wd-hover-quick div.quantity input[type="button"].minus {
    border-right: 10px solid rgba(255,255,255,0.35) !important;
}

.wd-hover-quick div.quantity input[type="button"].plus {
    border-left: 10px solid rgba(255,255,255,0.35) !important;
}

.wd-hover-quick div.quantity input[type="button"].plus {
    border-right: 10px solid rgba(255,255,255,0.35) !important;
} **/

/* The BG color of the wishlist and quick view on the product grid when hover */
.product-grid-item .wd-buttons {
  background-color: rgba(255,255,255,0.9);
}


.prdctfltr_collector_flat>span {
    background-color: #b7ddfe !important;
    border-radius: 0px !important;
}

/* =================================================== END Shop page ===================================================*/

/* ================================================= Single Product Page ===============================================*/
.single-product-page.product_cat-donation .single-breadcrumbs-wrapper {
	display: none;
}

.single-product-page.product_cat-donation .price {
	display: none;
}

.single-product-page.product_cat-donation .wd-wishlist-btn {
	display: none;
}

.single-product-page.product_cat-donation .posted_in {
	display: none;
}

/* The horizontal "strike out" line on the "original" price of sales item */
.single-product-page .product-image-summary .price del {
    color: #5f5e5e;
}

/* The "original" price of sales item */
.single-product-page .product-image-summary del .amount {
    color: #5f5e5e;
}

.single-product-page .stock.out-of-stock {
    color: #FE1111;
}

/* Put shadow under color swatches so the white color can be seen */
.swatch-on-single.swatch-with-bg {
    box-shadow: 0 2px 4px rgb(0 0 0 / 40%) ;
}

/* The asterisk for WooCommerce TM Extra Product Options's required field */ 
.tc-extra-product-options .tm-epo-element-label .tm-epo-required {
	font-weight: 600;
}


/* The label for WooCommerce TM Extra Product Options's field */ 
.tc-extra-product-options .tm-epo-element-label {
	font-weight: 600;
}

/* The "description" for WooCommerce TM Extra Product Options's field */ 
.tc-extra-product-options .tm-description {
	font-size: 14px;
}

.tm-extra-product-options-field input[type=text],
.tm-extra-product-options-field input[type=number],
.tm-extra-product-options-field textarea,
.tm-extra-product-options-field select {
 	border-width: 2px;
 	border-style: solid;
}

/* This is for the "Gratuity" page */
.aw-donation-other-amount {
	max-width: 220px !important;
    text-align: left !important;
	padding: 0 10px !important;
}


.single-product-page .product_meta .sku_wrapper {
	display: none !important;
}

/* Individual product tabs accordion outer wrapper */ 
.tabs-layout-accordion {
	border-top: none;
    border-bottom: 1px solid rgba(119,119,119,0.17);
}     

/* Each tab wrapper */
.tabs-layout-accordion .wd-tab-wrapper {
	border-bottom: none;
    
}

/* Each tab title */
.tabs-location-summary .tabs-layout-accordion .wd-accordion-title {
	border-top: 1px solid rgba(119,119,119,0.17);
}	

/* For "Virtual" product, each "additional" tab title, "additional" tab is set in theme settings.
If "additional" tab is applicable to "Virtual" product too, just modify the css here */
.single-product-page.virtual .wd-accordion-title.tab-title-wd_additional_tab,
.single-product-page.virtual .wd-accordion-title.tab-title-wd_additional_tab_2,
.single-product-page.virtual .wd-accordion-title.tab-title-wd_additional_tab_3 {
	display: none;
}

/* For "Virtual" product, each "additional" tab content, "additional" tab is set in theme settings, easier to use "ID".
If "additional" tab is applicable to "Virtual" product too, just modify the css here */
.single-product-page.virtual #tab-wd_additional_tab,
.single-product-page.virtual #tab-wd_additional_tab_2,
.single-product-page.virtual #tab-wd_additional_tab_3 {
	display: none !important;
} 


.product-share .wd-social-icons .wd-social-icon {
  color: black !important;
}

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

/* Push the "Related Products" down a bit */
.single-product-page  .product-image-summary-wrap {
	margin-bottom: 80px !important;
}

/* ============================================== END Single Product Page ==============================================*/

/* ================================================= Blog Listing page =================================================*/
.aw-blog-listing-row {
	position: relative;
}

.aw-blog-listing-row::before {
	content: "";
    position: absolute;
    display: block;
	top: 140px;
    right: 0;
    width: 85%;
	height: calc(100% - 140px);  
	background-color: #e6f4ff;
}

.wd-blog-holder .blog-post-loop .wd-entities-title {
	font-size: 20px;
}

.wd-blog-holder .blog-post-loop .wd-post-entry-meta {
	margin-bottom: 3px;
	color: #767474;
	font-weight: 600;
}


/* =============================================== END Blog Listing page ===============================================*/

/* ================================================= Blog (Single Post) ================================================*/
.single-post .main-page-wrapper {
	padding-top: 20px;
}

.single-post .sidebar-container {
	padding-top: 20px;
}

/* Not sure why WoodMart set the font size for post to 110%, set it back to 100% here */  
.post-single-page .entry-content {
    font-size: 100%;
}


.single-post .category-blog .meta-post-categories {
    display: none;
}

.single-post .category-blog .wd-entities-title {
    display: none;
}

.single-post .category-blog .wd-entry-meta {
    display: none;
}

.single-post .category-blog .entry-header {
    display: none;
}



.aw-news-custom-content-row h1 {
    margin-bottom: 10px !important;
}  

.aw-news-custom-content-row h5 {
    color: red;
} 



.single-post .icons-design-simple .wd-social-icon {
    background-color: #022742;
    color: white !important;
}

/* Sidebar */
.woodmart-recent-posts .wd-entities-title {
    margin-bottom: 3px;
    font-size: 15px;
}

.woodmart-recent-posts .recent-posts-time {
    font-size: 13px;
    font-weight: 600;
}

.wd-sidebar-opener:not(.sticky-toolbar) {
	background-color: black !important;
    box-shadow: 1px 2px 7px rgb(0 0 0 / 27%) !important;
}

.wd-sidebar-opener:not(.sticky-toolbar) > a {
	color: white;
}

/* =============================================== END Blog (Single Post) ==============================================*/

/* ================================================= Testimonial Page ==================================================*/
.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 1;
    transition: opacity .25s ease, visibility 0s ease;
}
.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: opacity .25s ease, visibility 0s ease .25s;
}
.mfp-bg, .mfp-wrap, .mfp-container, .mfp-iframe-scaler iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* After click Popup button, the modal BG */
.mfp-bg {
	background-color: rgba(0,0,0,0.5) !important;
}	

/* The popup content container */
.woodmart-content-popup {
	border-radius: 3px;
    box-shadow: 2px 3px 8px rgb(0 0 0 / 40%);
}


/* Limit the height of the text area field */
.form-style-underlined textarea {
	max-height: 150px;
}

/* The "Strong Testimonial" form field error message, set it back to normal color, do not need this */ 
.strong-form input.error, 
.strong-form textarea.error, 
.strong-form select.error {
    background: white !important;
    border-width:  0 0 2px 0 !important;
	border-color: rgba(129, 129, 129, .20) !important; 
    color: rgb(0, 0, 0) !important;
}

/* The "Strong Testimonial" "exterior" field error message, set it to match Contact form 7 styling */
.strong-form span.error, .strong-form label.error {
	font-size: 14px;
	font-weight: 400;
    color: #ff0000;
}

.strong-view.wpmtst-default .wpmtst-testimonial {
	border: none;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {	
	border: none;
    background-color: black;
	padding: 20px 26px;
}	

.strong-view.wpmtst-default div {
    color: white;
}

/* Get rid of the BG image of a quotation, use fontAwesome instead */
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
	background-image: none;
	padding-left: 0;
	color: white;
}


.wpmtst-testimonial-heading.testimonial-heading:before {
    content: "\f10d";
    color: white;
    font-family: 'Font Awesome 5 Free';
    font-size: 24px;
    font-weight: 900;
    padding-right: 20px;
}

/* The name of testimonial's submitter */
.strong-view.wpmtst-default .wpmtst-testimonial-field {
    font-weight: 600;
    font-size: 18px;
}

/* Testimonial form submit button */
input#wpmtst_submit_testimonial {
	background-color: black;
	color: white;
}

/* =============================================== END Testimonial Page ================================================*/


/* =================================================== Contact Page ====================================================*/

/* ----------------- Contact Form 7 -------------------- */
.wpcf7-form > div {
	margin-bottom: 15px;
}

/* The error message for concat form field */
.wpcf7-not-valid-tip {
    font-size: 14px;
}	

/* The error message after fail form submission */ 
.wpcf7 form:not(.sent) .wpcf7-response-output, 
.woocommerce-error, 
.woocommerce-info 
{
    background-color: #1367ad;
}

/* The message after successful form submission */ 
.wpcf7 form.sent .wpcf7-response-output, 
.woocommerce-message {
    background-color: #107cd9;
}

.wpcf7-submit {
	background-color: black !important;
	color: white !important;
}

/* --------------- END Contact Form 7 ------------------ */

.aw-contact-page-help-list-column {
	background-image: url(/wp-content/uploads/2021/11/Leo-lightgrey.svg);
    background-repeat: no-repeat;
	background-size: 70%;
    background-position: 50% 70%;
}

.aw-contact-page-help-list ul {
    list-style-type: none;
    padding-left: 0;
}

/* ================================================= END Contact Page ==================================================*/

/* ============================================= Terms & Conditions Page ===============================================*/
.aw-shipping-policy-row {
	padding-top: 40px;
}

.aw-terms-conditions-menu {
   padding-top: 10px;
   text-align: right;	
}

.aw-terms-conditions-menu .widget_nav_menu ul li a {
   font-weight: 700;
   color: black;
   text-transform: uppercase;
   margin-bottom: 25px;
}	



/* =========================================== END Terms & Conditions Page =============================================*/


/* ==================================================== Footer =========================================================*/

.scrollToTop {
    background-color: #107cd9 !important;
    box-shadow: 0 4px 6px rgb(0 0 0 / 30%) !important;
}

.scrollToTop:after {
	color: white;
}	
	
.footer-container {
	background-image: url(/wp-content/uploads/2021/10/footer-background-2-1920x800-1.jpg) !important;
	background-size: cover;
	background-position: right bottom;
}

.footer-container h4 {
	font-weight: 500;
    font-size: 16px;
}

.footer-container li {
	margin-bottom: 8px;
}

.copyrights-wrapper {
	font-size: 15px;
} 

/* ================================================== END Footer ======================================================*/

/* =====================================================================================================================*/
/* ==================================================== Responsive =====================================================*/
/* =====================================================================================================================*/
/* =====================================================================================================================*/
@media only screen and (min-width: 1240px) {
 
    
}

/* =====================================================================================================================*/
@media only screen and (max-width: 1024px) {
	/* The BG image, the "symbol" size on the left */	
.aw-home-main-outer-row {
	background-size: 18%;
	background-position: 0 8%;
}
	
/* The BG image, the "symbol" size  on the right */	
.aw-home-featured-products-row {
	background-size: 23%;
    background-position: 100% 75%;
}	
	
}

/* =====================================================================================================================*/
@media only screen and (max-width: 991.9px) {
/* This is for screen size up to but NOT including 992, this to to cater for WPbakery CSS when using its columns' "Responsive Options'  */	
	
.aw-contact-page-first-column {
	text-align: center;	
}	
	
	
.aw-contact-page-first-column .wd-social-icons	{
	text-align: center;	
}	
	
.aw-enquiry-form-column {
	text-align: center;	
}		
	
.aw-enquiry-form-column input,
.aw-enquiry-form-column textarea {
	text-align: center;		
}	

.aw-contact-page-help-list-column {
	text-align: center;	
	background-size: 20%;
    background-position: 50% 100%;
}		


}
/* =====================================================================================================================*/
@media only screen and (max-width: 768px) {
/* This is for smaller than but INCLUDING iPad portrait */	
	
/* The BG image, the "symbol" size on the left */	
.aw-home-main-outer-row {
	background-size: 23%;
	background-position: 0 3%;
}
	
/* The BG image, the "symbol" size  on the right */	
.aw-home-featured-products-row {
	background-size: 26%;
    background-position: 100% 85%;
}	
	
	
/* Home page product cat row */	
.aw-home-product-cat-row .product-category .hover-mask .category-title {
	color: black;
	text-shadow: none;	
}
	
/* About us page image gallery, hide the last image on 3 column */
.aw-about-us-image-gallery .gallery-images div:nth-of-type(6) {
  display: none;
}
	
	
}
/* =====================================================================================================================*/
@media only screen and (max-width: 767.9px) {
/* This is for smaller than but NOT including iPad portrait */	
	
/* For all pages with customised page title with BG image */	
.aw-page-title-text-column .vc_column-inner {
    padding-right: 30%;
}	
	
.aw-page-title-row.aw-blog-listing-page {
    background-position: 10% center;
}	
	
/*	
.aw-contact-page-first-column {
	text-align: center;	
}	
	
	
.aw-contact-page-first-column .wd-social-icons	{
	text-align: center;	
}	
	
.aw-enquiry-form-column {
	text-align: center;	
}		
	
.aw-enquiry-form-column input,
.aw-enquiry-form-column textarea {
	text-align: center;		
}	
*/
	
.aw-contact-page-help-list-column {
	text-align: center;	
	background-size: 40%;
    background-position: 50% 100%;
}		

	
.aw-shipping-policy-row {
	padding-top: 0;
}	
    
.aw-terms-conditions-menu {
	margin-bottom: 15px;
    text-align: left;	
}	
	

.aw-terms-conditions-menu .widget_nav_menu ul li {
	display: inline-block;	
}
	
.aw-terms-conditions-menu .widget_nav_menu ul li a {
   margin-right: 20px;
   margin-bottom: 5px;
}    
    
}  

/* =====================================================================================================================*/
@media only screen and (max-width: 575.9px) {
/* Bootstrap breakpoint of min-width 576px for "featured product grid */	
	
/* The BG image, the "symbol" size on the left */	
.aw-home-main-outer-row {
	background-size: 30%;
	background-position: 0 3%;
}
	

/* The BG image, the "symbol" size  on the right */	
.aw-home-featured-products-row {
	background-size: 34%;
    background-position: 100% 100%;
	padding-bottom: 110px;
}	
	
	
/* About us page image gallery, unhide the last image on 3 column */	
.aw-about-us-image-gallery .gallery-images div:nth-of-type(6) {
  display: flex;
}
	

}

/* =====================================================================================================================*/
@media only screen and (max-width: 480px) {
	
/* Custom page title with BG image */
.aw-page-title-text-column .vc_column-inner {
    padding-left: 30px;
}	
	
	

/* The BG image, the "symbol" size  on the right */	
.aw-home-featured-products-row {
	padding-bottom: 60px;
}		
	
}