/*
Theme Name: High Mountains Equipments
Author: Arif Hassan Arif
Author URI: https://www.facebook.com/arifhassan.arif.3
Author URI: https://www.linkedin.com/in/arif-hassan-arif-598a2a145/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 0.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License:
License URI: 
Text Domain: highmountainsequipments
*/

/* Add this to your CSS */
/* .home-slideshow:not(.slick-initialized) {
  overflow: hidden;
}

.home-slideshow:not(.slick-initialized) > div:not(:first-child) {
  display: none;
} */
/* Custom wordpressform and rating */
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

span.dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #18458b;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #e9b914;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #8bc34a;
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}

.average-rating .dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}
.rating_form_rating {
  display: flex;
  gap: 4px;
}
.star-rating {
  margin-top: 4px;
}
/* End comment rating css */
.cmnt-reply {
    margin-left: 90px;
}
.reviewLink {
	display: flex;
}
btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
	background-color: #FFD700 !important;
    border-color: #4682b4 !important;
}
.cart .list-view-item__title a:hover{
	color: #FFD700;
	text-decoration: none;
}
.slideshow .btn a {
color: #fff;
}
.alert-success {
    color: #fff !important;
    background-color: #4682b4 !important;
    border-color: #FFD700 !important;
}
.cart .qtyField a:hover {
    background: #FFD700;
}
.social-icons__link:hover {
	color:#FFD700;
}
#site-scroll:hover{
	background-color: #FFD700;
}
#siteNav .active a {
    color: #FFD700;
}
.footer-links a:hover {
    color: #FFD700;
    text-decoration: dotted;
    text-decoration-line: underline;
}
.sidebar .sidebar_widget.categories li a:hover {
    color: #FFD700;
    text-decoration: dotted;
    text-decoration-line: underline;
}
.grid-view-item__title:hover {
    color: #FFD700;
    text-decoration: none !important;
}
.breadcrumbs a:hover {
    color: #FFD700;
	text-decoration: dotted;
    text-decoration-line: underline;
}
.contact-template .btn--secondary:hover {
    background-color: #FFD700;
    border: 1px solid #4682b4;
}
.profile_img {
    position: absolute;
    position: absolute;
    margin-top: -4%;
    left: 19%;
}
.prfl {
    position: absolute;
    margin-top: -5%;
    left: 27%;
}


@media only screen and (max-width: 768px) {
.prfl {
    position: relative;
    margin-top: -5%;
    left: 27%;
}
.prfl a {
    line-height: 0px !important;
}
.profile_img {
    position: absolute;
    margin-top: 5%;
    left: 6%;
}
}
.product-template__container .shopify-payment-button .shopify-payment-button__button--unbranded:hover{
	background-color: #FFD700;
}
.qtyField a:hover {
    background-color: #FFD700;
}
.product-template__container .shareRow .wishlist:hover {
    color: #FFD700 !important;
}
.btn--share .fa:hover {
    color: #FFD700;
}
.infolinks .btn:hover {
    color: #FFD700;
	border-bottom: 1px solid #FFD700;
}
.filterBox .filter-color .swacth-btn:hover {
    border: 1px solid #FFD700;
}
.js-filter-blog-itemsprice a:hover {
    text-decoration: none;
    color: #000;
}
.filterBox .filter-color .swacth-btn.checked a:active {
    color: #000 !important;
}
.filterBox .filter-color .swacth-btn.checked a:focus {
    color: #000 !important;
}
.store-info .icon:hover{
	color:#FFD700;
}
.table-bordered, .table-bordered td, .table-bordered th{
    border: 1px solid #FFD700 !important;
}
.collection-grid-item__title.btn.btn--secondary.no-border:hover {
    background: #FFD700;
    cursor: pointer;
}
#datapostfetch .post-search a:hover {
    color: #FFD700;
    text-decoration: underline dotted;
}
.post-search a {
    font-weight: bold;
    color: #000000;
    padding: 12px;
}
.featuredimg img
 {
    width: 37px;
    border: 1px solid #FFD700;
}
#datapostfetch .post-search {
    display: flex;
}
#datapostfetch .post-search a {
    margin: 3px;
}
div#datapostfetch {
    padding: 34px;
}
.file-upload-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px dashed #ccc;
    border-radius: 5px;
}
.preview-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}
.preview-item {
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 12px;
}
.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.remove-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: bold;
}
.error-message {
    color: red;
    margin-top: 5px;
    display: none;
}
.success-message {
    color: green;
    margin-top: 5px;
    display: none;
}
.upload-btn {
    background: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.upload-btn:disabled {
    background: #cccccc;
    cursor: not-allowed;
}
/* Slick Slider CSS */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.whatsapp {
    position: fixed;
    bottom: 60px;
    right: 0;
    margin: 29px;
    z-index: 2;
}
.whatsapp img {
	border-radius: 32px;
}
/* google translate dropdown css */
body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
    display: none!important;
  }
  .goog-te-gadget {
    color: transparent!important;
    font-size:0px;
  }
  .goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
  }
  #google_translate_element select{
    background:#4682b4;
    color:#fff;
    border-color: #4682b4;
    border: none;
	font-size:12px;
    font-weight:bold;
    border-radius:3px;
    padding: 10px 10px !important;
  }
  .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display:none;
  }
  body {
    top: 0px !important;
}
select:focus-visible {
    outline: none;
}
/* End Google translate Dropdown css */
.google_translte {
    position: absolute;
	top: 75%;
	margin: 0px;
	z-index: 2;
}
/* .slick-loading
 {
    display: none !important;
} */
@media (min-width: 1200px) {
    .col-xl-20 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
/* Responsive table with horizontal scrolling */
@media screen and (max-width: 767px) {
  .cart {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    width: 100%;
    display: block;
  }
  
  .cart table {
    min-width: 600px; /* Minimum width to show all columns */
    width: 100%;
  }
  
  /* Optional: Add visual cue for scrolling */
  .cart::-webkit-scrollbar {
    height: 5px;
  }
  
  .cart::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
  }
  
  /* Make cells more compact for mobile */
  .cart td, .cart th {
    padding: 8px 5px;
    font-size: 14px;
  }
  
  /* Adjust image size for mobile */
  .cart__image {
    max-width: 60px;
  }
  
  /* Make quantity controls more touch-friendly */
  .qtyField .qty {
    width: 40px;
  }
  
  .qtyBtn {
    padding: 3px 8px;
  }
  
  /* Hide less important elements if needed */
  .cart__meta-text {
    font-size: 12px;
  }
}

/* Desktop styles remain the same */
.cart table {
  width: 100%;
  border-collapse: collapse;
}

.cart th {
  text-align: center;
  padding: 10px;
  background-color: #f5f5f5;
}

.cart td {
  padding: 15px 10px;
  vertical-align: middle;
}

.cart__image {
  max-width: 100px;
  height: auto;
}

.qtyField {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qtyField .qty {
  width: 50px;
  text-align: center;
  margin: 0 5px;
}

.qtyBtn {
  cursor: pointer;
  padding: 5px 10px;
}

/* Footer styles */
.cart tfoot td {
  padding: 20px 10px;
}

.btn {
  padding: 8px 15px;
  display: inline-block;
}
.grid-products .item .product-image img, .grid-view-item.style2 .grid-view-item__image, .collection-box .collection-grid-item__link img {
    width:100%;
	height:100%;
	object-fit:cover;
}
/* ADD THIS for even better performance */
.grid-products .item .product-image
.grid-view-item.style2,
.collection-box .collection-grid-item__link {
    aspect-ratio: 3/4; /* Or your product image ratio */
    position: relative;
    overflow: hidden;
}