/*
Theme Name: v2 Shoptimizer Child 
Theme URI: 
Description: v2 - Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Horizontal scroll for product subcategories */


ul.products.subcategories {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
     /* Space for scrollbar */
    white-space: nowrap;
    scrollbar-width: auto; /* Standard scrollbar */
    -ms-overflow-style: auto; /* IE/Edge support */
}

ul.products.subcategories {
margin-bottom: 30px;
}


/* Ensure each product aligns properly */
ul.products.subcategories li.product {
    flex: 0 0 auto;
    width: 200px;
    scroll-snap-align: start;
    text-align: center;
    white-space: normal;
}

/* Brighten category images */
ul.products.subcategories li.product img {
    filter: brightness(1.1);
    transition: filter 0.3s ease;
}

ul.products.subcategories li.product img:hover {
    border-radius: 20px;
}

/* Always-visible scrollbar styling */
ul.products.subcategories::-webkit-scrollbar {
    height: 10px;
}

ul.products.subcategories::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    margin: 0 10px;
}

ul.products.subcategories::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

ul.products.subcategories::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6);
}

/* Ensure smooth horizontal scroll on mobile */
@media (max-width: 768px) {
    ul.products.subcategories {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    ul.products.subcategories li.product {
        width: 150px;
    }
	
	ul.products.subcategories {
margin-bottom: 0px;
}

}

/** END OF HORIZONTAL CATEGORY SCROLL **/

/* Only affects product subcategories 
ul.products.subcategories li.product {
    width: calc(33.33% - 30px); 
    margin: 0 15px 30px;
}
*/

/** list in products
.woocommerce-Tabs-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-Tabs-panel ul li {
    padding: 10px 50px 5px 30px;
   
}


.woocommerce-Tabs-panel ul li::before {
content: ""; 
width: 5px;
height: 5px;
background: #b0bec5; 
border-radius: 50%;
display: inline-block;
	margin:3px 15px 3px 0;
	padding:4px;
	
}


**/










/** sale link**/
.sale-link {
background-color: #fff;
color: #f84747;
border:1px solid #f84747;
padding: 3px 7px 3px 7px;
border-radius: 5px;
font-size: 12px;
display:inline-block;	
margin-bottom: 7px !important;	
}

.sale-link:hover{
	background-color: #ff9900;
	color: #fff;
}

/** button add to card styling adjusted **/
.single_add_to_cart_button.button.alt {
border-radius: 40px;
}

/** description underneath products in shop **/
.shop-page-product-short-description a {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    line-height: 1.4;
    position: relative;
}


/** HOMEPAGE _ Related Posts**/
.latest-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.latest-post-item {
    width: calc(25% - 30px);
    box-sizing: border-box;
}

.latest-post-thumbnail-container {
	
    width: 100%;
    height: 0;
    padding-top: 100%; /* Makes the thumbnail square */
    position: relative;
    overflow: hidden; /* Ensures images do not spill over */
	border-radius:10px !important;
}

.latest-post-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	
	/* Ensures the image covers the square container */
}

.latest-post-title{
    font-size: 1rem;
    margin: 20px 0 10px;
		
}

.latest-post-title a{
	color : #333;
}

.latest-post-excerpt {
    font-size: 0.9rem;
    color: #666;
		display:none;
}

@media (max-width: 768px) {
    .latest-posts-container {
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    .latest-post-item {
        flex: 0 0 75%;
        max-width: 75%;
        margin-right: 15px;
    }
}


/** category description links **/
.term-description a {
color: #7A8A60 !important;
padding: 5px 10px 5px 10px;
line-height:37px;	
border-radius: 10px;
font-size:small;
border: 1px solid #7A8A60;
text-decoration: none;
white-space: nowrap;	
}

/** The related post (in single product) in Mobile thumbnail size **/
@media (max-width:768px){
.cross-sells ul.products li.product, .mobile-scroll ul.products li.product, .related.products ul.products li.product, .upsells.products ul.products li.product {

max-width: 250px;
min-width: 250px;
}

.latest-posts-container {
    gap: 20px;
}

.latest-post-item {
    width: calc(25% - 20px);
    box-sizing: border-box;
}


}


/** Make copyright at footer horizontal scroll in mobile  **/
#text-19 {
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent text from wrapping */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile devices */
	padding-bottom: 10px; 
scrollbar-width: none;
  }

  /* Optional: Scrollbar styling for better UX */
  #text-19::-webkit-scrollbar {
    height: 5px; /* Height of the horizontal scrollbar */
		display: none;
  }

  #text-19::-webkit-scrollbar-thumb {
    background: #ccc; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded scrollbar edges */
  }

  #text-19::-webkit-scrollbar-track {
    background: #f9f9f9; /* Background of the scrollbar track */
  }

/** Wishlist heart color**/
.commercekit-wishlist a em.cg-wishlist-t:before, .commercekit-wishlist a em.cg-wishlist:before, .commercekit-wishlist.full a em.cg-wishlist-t:before
{background-color:red !important}

/** Wishlist page. Remove stock status & add to cart **/
.commercekit-wishlist-table tr
{min-height: 90px}

th#stock, .commercekit-wishlist-table .stock .instock, .commercekit-wishlist-table tbody td.cart {
display: none !important;
}

/** For Single Product to have related Blog Posts. Check function for relationship between product category and its corresponding blog post category **/

.custom-related-wrapper {
    margin: 30px auto;
    padding: 0 20px;
    max-width: 1200px;
    width: 100%; 
}

.custom-related-wrapper h2 {
    font-size: clamp(1.375rem,.9939rem + 1.2195vw,1.75rem);
    color: #2c2d33;
    margin-bottom: 20px;
    text-align: left;
}

.custom-related-wrapper .custom-products {
    display: flex;
    overflow-x: auto; 
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 30px; 
}

.custom-related-wrapper .custom-products.columns-4 {
    flex-wrap: nowrap;
}

.custom-related-wrapper .custom-related-post-item {
    flex: 0 0 265px; 
    text-align: center;
    background-color: #fff;
    border-radius: 7px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s; 
    margin-bottom: 30px;
}

.custom-related-wrapper .custom-related-post-item:hover {
    transform: translateY(-5px); 
}

.custom-related-wrapper .custom-related-post-image {
    width: 100%;
    height: 250px; 
    object-fit: cover;
    border-radius: 7px; 
}

.custom-related-wrapper .custom-related-post-title {
    margin-top: 10px;
    padding: 10px; 
}

.custom-related-wrapper .custom-related-post-title a {
    color: #2c2d33;
    text-decoration: none;
    font-size: 1em;
    display: block;
}

.custom-related-wrapper .custom-related-post-title a:hover {
    text-decoration: underline;
}

/* Mobile styling */
@media (max-width: 768px) {
    .custom-related-wrapper {
        padding: 0 20px; /* Keep padding on mobile */
    }
    
    .custom-related-wrapper .custom-products {
        gap: 20px; /* Gap between images for mobile */
    }
    
    .custom-related-wrapper .custom-related-post-item {
        flex: 0 0 70%; /* Adjust width for mobile */
    }
    
    .custom-related-wrapper .custom-related-post-image {
        height: 250px !important; /* Set height for images on mobile */
    }
}

/************************/
/** Caption for product image **/
.custom-caption-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    color: #333;
    font-size: 12px;
    opacity: 0.7;
    border-top-left-radius: 5px;
    padding: 1px 7px;
    z-index: 100;
    max-width: 80%;
    overflow-wrap: break-word;
    text-align: left;
    box-sizing: border-box;
}
.woocommerce-product-gallery__image {
    position: relative;
}
.custom-caption-overlay a {
    color: #444649;
}

/** homepage block **/
.image-feature figcaption {
  padding: 5.5em 4em 0 6.5em;
	text-align: center;
}

.image-feature {
    filter: brightness(1.4) !important;
}

/** blog post featured block **/
.featuredboxhead{
	background: #ffffee;
	margin-bottom: 0px;
	border-bottom: 1px solid #fe8121;
	text-transform:capitalize !important;
	font-size: 18px !important;
	
}

/** grey out the unavail products 
.mainproduct.product.type-product.outofstock.product-type-simple {
 
color: tint(#BADA55, 42%);
display: block;
filter: grayscale(80%) brightness(115%);
opacity: 0.95;

}**/

.product-out-of-stock {
color: #fff;
background-color: #f84747;
border-bottom-left-radius:  10px;
border-bottom-right-radius:  10px;
	
}

/** category header class for category FAQ **/
.cathead {
padding: 30px 0 10px 0;
color: #ff9900;
}

/** Accordion FAQ **/
.sp-easy-accordion .sp-ea-single .ea-header a {
	font-size:16px;
}

.cg-accordion-item a {
    color: currentcolor;
    border-bottom: 1px solid #7ebdf4;
}	
.sp-easy-accordion>.sp-ea-single {
    background: #f8f8f8 !important;
}
	
.sp-easy-accordion>.sp-ea-single {
    margin-bottom: 10px;
    border: 1px solid #f8f8f8 !important;
}

/** toc **/
#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

#toc_container p.toc_title {
    font-size: large;
    color: #0b709f;
    border-bottom: 1px dashed #0b709f;
}
#toc_container {
    border-radius: 9px;  
}

a .toc_number {
    color: #888;

}

/** woocommerce product **/
body ul.products li.product img {

    border-radius: 9px;
}

.commercekit-atc-sticky-tabs li.active a {
    color: #f60 ;
	    font-weight: bold;

}

.woocommerce-tabs .tabs li a::after, .commercekit-atc-tab-links li a:after {
    border-color: #f60 !important;
}

div.product .woocommerce-product-rating {
    margin-bottom: 1em;
    clear: both;
}

h2.yikes-custom-woo-tab-title {
    color: #ff6900;
		border-left: 8px solid #ff6900;
    padding-left: 20px;
}

body .woocommerce-tabs .panel h3 {
    font-size: 19px;
}

footer.copyright p {
margin: 0;
font-size: 12px;
text-align: center;
}
.woocommerce-product-details__short-description, .woocommerce-tabs .entry-content,.commercekit-atc-sticky-tabs ul.commercekit-atc-tab-links,.woocommerce-tabs .entry-content,.site #reviews .commentlist li .description  {
    font-size: 16px;
}

.summary details summary, .summary details .cg-accordion-item  {
    font-size: 15px;
}


.sp-easy-accordion ul li a {
text-decoration: underline;
text-underline-offset: .15em;
text-decoration-thickness: .75px;
border-color: #2d5f9a;

}


/** demo template paragraph fix - ada prob lepas update**/
.woocommerce-Tabs-panel .wp-block-columns p {
margin: 20px 0 20px 0;
margin-block-start: 0;
}

/** caption/ credit links in images **/

figcaption.wp-element-caption {
    font-size: 12px;
    text-align: right;
    float: right;
    border-bottom: none;
    color: #444649;
    opacity: .7;
    border-top-left-radius: 5px;
    background: #fff;
    padding: 1px 7px;
    z-index: 100 !important;
    color: #333;
    border: 2px solid #f5f5f5;
    border-top-left-radius: 5px;
    margin-top: -25px;
    background: #fff;
    padding: 10px;
}



/** gallery block **/


.wp-block-image {
    margin-bottom: 0.2rem !important;
    line-height: 0;
}

img[class*="wp-image-"] {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

figure.wp-block-gallery.has-nested-images {
    align-items: normal;
}

figure.wp-block-gallery {
    margin-bottom: 0.2rem;
}



/** tablepress **/

.tablepress{
	font-size: inherit;
	--hover-text-color: #1e68c4;
	--hover-bg-color: #f4f9fd;
}
.tablepress thead tr .column-2 {
   /** border-left: 1px dashed #ff990096;
    **/ 
}

.tablepress tbody td {
    vertical-align: middle !important;
}

.tablepress td, .tablepress th {
    padding: 12px !important;
}
.tablepress .column-2 {
	/**
    border-left: 1px dashed #ddd;
	**/
}
tablepress tfoot th, .tablepress thead th {
    background-color: #f3db8c4d!important; 
    color: #9c521a!important;
 /**   border-top: 1px solid #9c521a!important;
	border-bottom: 1px solid #9c521a!important;
	**/
	text-align:left !important;
}

.tablepress .column-2, .tablepress .column-3, .tablepress .column-4 {
	font-weight:700;
  text-align: center;
	
}

strong.weekdays, strong.weekend, strong.day, strong.night, strong.pakej, strong.pakej2, strong.warganegara, strong.foreigner {
    
    padding: 9px;
    border-radius: 9px;
    font-weight: 100;
    font-size: 13px;
}

strong.weekdays, strong.pakej, strong.warganegara{
	background: #d9eaf8;
	color: #041d33;
}

strong.weekend, strong.pakej2, strong.foreigner {
    background: #d9f5dc;
    color: #075b11;
}

strong.day{
    background: #ffe8c7;
    color: #4e3c18;
}

strong.night{
    background: #555;
    color: #fff;
}

.semakharga{
	font-weight: 100;
   font-size: 13px;
   text-alight:right;
}

.tiketmurah, .kadardiskaun {
    background-color: #f3db8c4d;
    color: #9c521a;
    font-weight: bold;
    padding: 12px;
    margin: -5px -12px;
}

.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>* {
    border-top: 1px solid #f0f0f1;
	
	
/* Tooltip container 
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; 
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 

  position: absolute;
  z-index: 1;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}
*/

	
/** Table design based on https://dribbble.com/shots/21116149-Stratis-UI-User-list**/	
	
}

/** buttons **/
.tablepress a.btn {
    color: #fff;
}

.btn-hotel {
    width: 100%;
    display: inline-block;
    padding: 0.5em 0.5em;
    border: 0.1em solid #f96d01;
    margin: 0 0.3em 0.3em 0;
    border-radius: 21px;
    box-sizing: border-box;
    text-decoration: none !important;
    font-size: 15px;
    background: #f96d01;
    color: #FFFFFF !important;
    text-align: center;
    transition: all 0.2s;
}
}

.btn-hotel:after {
    font-family: FontAwesome;
    content: "\f0a9";
    color: #ffffcc;
    margin-left: 5px;
    top: 3px;
    padding: 9px;
    font-size: 23px;
    position: relative;
}


/** blog **/
.has-drop-cap:not(:focus):first-letter {
    font-size: 5.4em;
    color: coral;
    border-top: 2px solid #ff7f50;
    border-left: 2px solid #ff7f50;
    padding: 8px 2px 8px 5px;
}

/** Numbered circles for blog posts with lists**/


h3.mylist{
	background: #fff;
	color:#729642;
}

h3.mylist.one::before, h3.mylist.two::before, h3.mylist.three::before, h3.mylist.four::before, h3.mylist.five::before, h3.mylist.six::before, h3.mylist.seven::before, h3.mylist.eight::before, h3.mylist.nine::before, h3.mylist.ten::before, h3.mylist.eleven::before, h3.mylist.twelve::before, h3.mylist.thirteen::before, h3.mylist.fourteen::before, h3.mylist.fifteen::before, h3.mylist.sixteen::before, h3.mylist.seventeen::before,h3.mylist.eighteen::before, h3.mylist.nineteen::before, h3.mylist.twenty::before, h3.mylist.twentyone::before, h3.mylist.twentytwo::before, h3.mylist.twentythree::before, h3.mylist.twentyfour::before, h3.mylist.twentyfive::before, h3.mylist.twentysix::before, h3.mylist.twentyseven::before, h3.mylist.twentyeight::before, h3.mylist.twentynine::before, h3.mylist.thirty::before, h3.mylist.thirtyone::before, h3.mylist.thirtytwo::before, h3.mylist.thirtythree::before, h3.mylist.thirtyfour::before, h3.mylist.thirtyfive::before{
color: #9cc764;
border-bottom: 5px solid #9cc764;
    font-weight: bold;
    display: inline-block;
    line-height: 1.3em;
    margin-right: 15px;
    text-align: center;
}

h3.mylist.one::before	 {
content: "1";}
h3.mylist.two::before 	{
margin-top: 20px;	
content: "2";}
h3.mylist.three::before {
margin-top: 20px;	
content: "3";}
h3.mylist.four::before {
margin-top: 20px;	
content: "4";}
h3.mylist.five::before {
margin-top: 20px;	
content: "5";}
h3.mylist.six::before {
margin-top: 20px;	
content: "6";}
h3.mylist.seven::before {
margin-top: 20px;	
content: "7";}
h3.mylist.eight::before {
margin-top: 20px;	
content: "8";}
h3.mylist.nine::before {
margin-top: 20px;	
content: "9";}
h3.mylist.ten::before {
margin-top: 20px;	
content: "10";}
h3.mylist.eleven::before {
margin-top: 20px;	
content: "11";}
h3.mylist.twelve::before {
margin-top: 20px;	
content: "12";}
h3.mylist.thirteen::before {
margin-top: 20px;	
content: "13";}
h3.mylist.fourteen::before {
margin-top: 20px;	
content: "14";}
h3.mylist.fifteen::before {
margin-top: 20px;	
content: "15";}
h3.mylist.sixteen::before {
margin-top: 20px;	
content: "16";}
h3.mylist.seventeen::before {
margin-top: 20px;	
content: "17";}
h3.mylist.eighteen::before {
margin-top: 20px;	
content: "18";}
h3.mylist.nineteen::before {
margin-top: 20px;	
content: "19";}
h3.mylist.twenty::before {
margin-top: 20px;	
content: "20";}
h3.mylist.twentyone::before {
margin-top: 20px;	
content: "21";}
h3.mylist.twentytwo::before {
margin-top: 20px;	
content: "22";}
h3.mylist.twentythree::before {
margin-top: 20px;	
content: "23";}
h3.mylist.twentyfour::before {
margin-top: 20px;	
content: "24";}
h3.mylist.twentyfive::before {
margin-top: 20px;	
content: "25";}
h3.mylist.twentysix::before{
margin-top: 20px;	
content: "26";}
h3.mylist.twentyseven::before{
margin-top: 20px;	
content: "27";}
h3.mylist.twentyeight::before{
margin-top: 20px;	
content: "28";}
h3.mylist.twentynine::before{
margin-top: 20px;	
content: "29";}
h3.mylist.thirty::before{
margin-top: 20px;	
content: "30";}
h3.mylist.thirtyone::before{
margin-top: 20px;	
content: "31";}
h3.mylist.thirtytwo::before{
margin-top: 20px;	
content: "32";}
h3.mylist.thirtythree::before{
margin-top: 20px;	
content: "33";}
h3.mylist.thirtyfour::before{
margin-top: 20px;	
content: "34";}
h3.mylist.thirtyfive::before{
margin-top: 20px;	
content: "35";}

	.pilihanjomjalan:after {
background-image: url(/wp-content/uploads/2022/09/favicon-48x48-1.png.webp);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: 5% center;
font-size: .35em;
font-weight: 700;
letter-spacing: .1em;
color: #ff7434;
content: "Pilihan JomJalan";
background-color: #ffc;
text-transform: uppercase;
border-radius: 5px;
vertical-align: middle;
padding: 7px 12px 7px 30px;
margin-left: 25px;
display: block;
width: fit-content;
}

/** table press**/

/** woocommerce **/
body .woocommerce-tabs table {   
    width: 100%;  
}

.woocommerce-tabs table th {
    min-width: unset !important;
}


/**
 * We turn off auto scroll as its bad for SEO as the next page is not loaded.
 * 
 * 
.woocommerce-pagination {
visibility: hidden;
	display:none;
}

**/


.stock.out-of-stock{
display:inline;}



/** wishlist bg color semi transparent in mobile	

.theme-shoptimizer.m-grid-2 .commercekit-wishlist.mini {

background-color: rgba(255, 255, 255, 0.7);
}**/
	

@media (max-width: 768px) {
    .woocommerce-breadcrumb {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Hide scrollbar for Firefox */
    }

    .woocommerce-breadcrumb::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome and Safari */
    }
	
	/** if breadcrumb is too long, make it scrollable horizontally in mobile **/
	.woocommerce-breadcrumb {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Hide scrollbar for Firefox */
    }

    .woocommerce-breadcrumb::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome and Safari */
    }
	

	
	
}


@media only screen and (max-width: 712px) {
	
	
/** fix padding prob for product pagination **/	
	nav.woocommerce-pagination .page-numbers li span.page-numbers.current, nav.woocommerce-pagination .page-numbers li a.page-numbers {

padding: 0px 0 6px 0 !important;

}	

/** add space under category image in shop archive pages **/	
.product-category.product {
margin-bottom: 20px !important;
}
	/** remove weird whitespace underneath single product **/
	body.single-product {
    padding-bottom: 0px;
	
	}

	/** remove big footer in mobile 
	 	
footer.site-footer {
    display: none;
}	

footer.copyright p {   
    font-size: 13px;
    background: #1e73be;
    text-align: center;
    padding: 0px 0 0px 0;
    margin: 40px 0 0px 0;
    height: 0px;
}
**/

	
.single-product:has(.commercekit_sticky-atc) {
padding-bottom: 0px;
}
	
	
/** remove footer **/	
	div#text-9, div#text-10, div#text-11, div#text-12 {
    display: none;
}

	footer.copyright {
    padding: 0.7rem 0;
}
	
	
/**
.cross-sells ul.products li.product,
.mobile-scroll ul.products li.product,
.related.products ul.products li.product,
.upsells.products ul.products li.product {
		max-width: 240px;
		min-width: 240px;
	}
**/

.post .entry-header h1 {
    font-size: 28px !important;
}
	
.single-post .post .entry-header {
    margin-bottom: 1.56em;
    background-image: linear-gradient(to right, #c6ffdd, #fbf4e7, #e5aaac);
    
    width: 100%; /* Ensure the header fits within the viewport */
    max-width: 100%; /* Prevent exceeding the container */
    margin-top: -35px; /* Retain margin-top if necessary */
    padding: 20px;
}

.post .wp-post-image, .search-results .wp-post-image {
   margin-left: 0; /* Remove negative margin */
    width: 100%; /* Ensure it fits within the viewport */
    max-width: 100%; /* Prevent the image from exceeding the container */
    height: 250px; /* Set the height to 250px */
    object-fit: cover; /* Ensure the image scales and crops */
    object-position: center; /* Crop equally from top and bottom */
    }	
	
/** Reviews Pagination **/
 nav.woocommerce-pagination {
     margin-top: 1rem;
}
 nav.woocommerce-pagination .page-numbers li {
     display: inline-block;
     margin: 5px;
}
 nav.woocommerce-pagination .page-numbers li span.page-numbers.current {
     background: #000;
     color: #fff;
     padding: 6px;
     font-weight: bold;
}
 nav.woocommerce-pagination .page-numbers li a.page-numbers {
     padding: 5px;
}


}



/** 

UNDER THIS IS THE OLD CSS - WE NEED TO CLEAR EM


***/




/** style homepage feature image button **/
.image-feature figcaption span {
 
    border-radius: 10px; 
}

/** for icon at cart button **/
 .redcolor  {color:#ff9900; font-size: 0.7em!important}
  .fa-stack-2x {
    font-size: 1.9em;
}
.stacker { margin: 2px 0 0 -1px !important; }


.product.product-type-external .cart .single_add_to_cart_button, .product.product-type-grouped .cart .single_add_to_cart_button {
 
    border-radius: 10px;
}


.wp-block-image figcaption {
    width: fit-content;
    font-size: 10px;
    text-align: right;
    float: right;
    border-bottom: none;
    color: #444649;
    opacity: 0.7;
    border-top-left-radius: 5px;
    background: #fff;
    padding: 3px 9px;
    z-index: 100 !important;
    display: block;
    position: relative;
    margin-top: -30px;
    margin-bottom: 0px;
}

/*Turn off elementor animations on all mobile device. Disable on Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated { all: unset; }

/** fmake title in blog post similar to JJ MY in mobile **/

.single-post .post .entry-header {
    margin-bottom: 1.56em;
    background-image: linear-gradient(to right, #c6ffdd, #fbf4e7, #e5aaac);
    margin-right: -20px;
    margin-left: -15px;
    max-width: 120%;
    width: auto;
    margin-top: -35px;
    margin-bottom: 25px;
    padding: 20px;
}

/* adjust seach icon location to right side*/
	.mobile-search-toggle {
    position: absolute;
    right: 15px;
	}
	
	h1.entry-title {
    font-size: 25px !important;
}

.single-post .wp-block-image {
    margin: 1em 0;
}


.single-post.archive-header .woocommerce-breadcrumb {
/**
    overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /: ;
    **/
    display:none;
}

.site-content .archive-header .woocommerce-breadcrumb::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.post .wp-post-image, .search-results .wp-post-image {
    margin-left: -15px;
    width: 109%;
    max-width: 120%;
    height: 450px;
    object-fit: cover;
    object-position: bottom;

}


}