/*!
Theme Name: Janico
Theme URI: 
Author: 
Author URI:
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: janico
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
.vs-header .sticky-wrapper.style2 .header-inner {
    background-color: transparent;
    border-right: none;
}
 
.vs-header .sticky-wrapper.style2 .header-icons {
    background-color: transparent;
    border-right: none;
}
 
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::before {
    background-color: transparent;
}
 
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::after {
    background-color: transparent;
}
.vs-btn {
    display: inline-block;
    border: none;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--title-font) !important;
    border: 2px solid var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: var(--white-color) !important;
    line-height: 1 !important;
    padding: 18px 30px !important;
    border-radius: 9999px !important;
    transition: all 0.5s ease !important;
}
.single_product .woocommerce-loop-product__title{
	font-size: 15px !important;
/*     font-weight: 400 !important; */
}
.single_product .price{
	display:block !important;
	text-align:center;
}
.single_product .add_to_cart_button {
	display:block !important;
	text-align:center;
	background-color: var(--theme-color) !important;
    color: var(--white-color) !important;
    line-height: 1 !important;
    margin:0 auto !important;
    border-radius: 9999px;
    transition: all 0.5s ease;
	width:75% !important;
	
}
.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{
	margin:0px !important;
}
.orderby{
	height:40px !important;
}
.cat-item{
	display:flex;
	gap:5px;
}

.breadcumb-menu,.woocommerce-breadcrumb {
    max-width: 100% !important;
    padding: 0;
    margin: 12px 0 0 0 !important;
    list-style-type: none;
    position: relative;
    text-align: left;
}
.woocommerce-breadcrumb a{
	word-break: break-word;
    white-space: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: var(--white-color) !important;
    font-family: var(--body-font) !important;
    text-transform: uppercase !important;
}
nav.woocommerce-breadcrumb{
	font-weight: 600 !important;
    font-size: 16px !important;
	color: var(--theme-color) !important;
}
.product_info_button ul{
	display:flex !important;
}
span.woocommerce-Price-amount.amount {
    color: var(--body-color);
}
.woocommerce div.product div.images img{
	width:100% !important;
}
/* 27-01-26 */
.woocommerce span.onsale {
    top: -15px;
    left: -20px;
    width: 40px;
    height: 40px;
    font-size: 11px;
    line-height: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.product-categories {
    padding: 0;
}
.shop_area .widget_inner {
    padding: 13px;
}
.widget_list > ul > li > a {
    color: #5E5C78;
}
.widget_list > ul > li > span {
    color: #4A5568 !important;
} 
.woocommerce-page div.product .product-details-tab div.images {
    width: 100%;
/* 	height:50%; */
}
.woocommerce div.product div.images img {
    max-height: 550px;     /* adjust as needed */
    width: auto;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}
.woocommerce div.product .product-details-tab div.images .flex-control-thumbs li{
	margin-right:10px;
	border: 1px solid #ddd;
	width: 22%;
    margin-bottom: 10px;
}
.woocommerce div.product .product-details-tab div.images .flex-control-thumbs {
    margin-top: 20px;
}
.custom-stock-status,.custom-sku{
	color:#4A5568;
/* 	font-weight:bold; */
}
.about-layout1 .about-text{
	text-transform:intial !important;
}

.vs-client__brand img
 {
    text-align: center;
    margin: 0 auto;
    height: 55px !important;
}
.vs-hero__content {
    display: none;
}
.vs-hero__item2.style2 {
    min-height: 750px;
	    height: 750px;
    background-position: bottom;
}

.vs-header .sticky-wrapper.style2 .header-inner {
    background-color: transparent !important;
    border-right: none !important;
}
 
.vs-header .sticky-wrapper.style2 .header-icons {
    background-color: transparent !important;
    border-right: none !important;
}
 
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::before {
    background-color: transparent !important;
}
 
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::after {
    background-color: transparent !important;
}

/* .vs-hero-style2 .owl-carousel .owl-nav button.owl-prev, .vs-hero-style2 .owl-carousel .owl-nav button.owl-next {
    padding-bottom: 5px !important;
    font-size: 80px !important;
    height: 100px;
    width: 100px;
    background: rgba(255,255,255,0.5) !important;
    border-radius: 100px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    line-height: 1 !important;
} */
 .vs-hero-style2 .owl-carousel .owl-nav button.owl-prev,
.vs-hero-style2 .owl-carousel .owl-nav button.owl-next {
    height: 55px;
    width: 55px;
    background: rgba(255, 255, 255, 0.25) !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    line-height: 1 !important;
    transition: all 0.3s ease;
}


 .vs-hero-style2 .owl-carousel .owl-nav button.owl-prev span,
.vs-hero-style2 .owl-carousel .owl-nav button.owl-next span {
    font-size: 44px !important;
/*     font-weight: 600; */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Make sure slider container is relative */
.vs-hero-style2 .owl-carousel {
    position: relative;
}

/* Keep arrows inside slider */
.vs-hero-style2 .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

/* Position individual buttons */
.vs-hero-style2 .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 30px;
}

.vs-hero-style2 .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 30px;
}

/* Position 30px from edges */
.vs-hero-style2 .owl-carousel .owl-nav button.owl-prev {
    left: 30px;
}

.vs-hero-style2 .owl-carousel .owl-nav button.owl-next {
    right: 30px;
}

/* Better hover */
.vs-hero-style2 .owl-carousel .owl-nav button:hover {
    background: rgba(255, 255, 255, 0.4) !important;
}
.vs-hero-style2 .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
 
.vs-hero-style2 .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
 
.vs-hero-style2 .owl-carousel .owl-nav button.owl-prev:hover, .vs-hero-style2 .owl-carousel .owl-nav button.owl-next:hover {
    background: #fff !important;
    color: #00517c !important;
}

.product-grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
  width: 100%;
  height: 100%;
}
 
.product-grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0px;
}
 
.product-grid__item {
  overflow: hidden;
  position: relative;
  z-index: 1;
height:500px;
}
 
.product-grid__item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  z-index: 2;
  opacity: 70%;
  transform-origin: center;
  transform: scaleY(0);
  visibility: hidden;
  transition: all ease 0.4s;
}
 
.product-grid__item img {
  transition: all ease 0.4s;
  transform: scale(1);
}
 
.product-grid__popup {
  --icon-size: 100%;
/*   display: inline-flex; */
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-size: clamp(1.125rem, 0.85rem + 1.38vw, 2.5rem);
  position: absolute;
  width: var(--icon-size);
  height: var(--icon-size);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  background-color: var(--bg-color);
  z-index: 4;
  opacity: 90%;
  visibility: hidden;
}
 
.product-grid__popup i {
  font-size: 64px;
  color: var(--white-color);
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s ease;
}
 
.product-grid__popup i:hover {
  background-color: var(--secondary-color);
}
 
.product-grid__item:hover::before {
  transform: scaleY(1);
  visibility: visible;
  background:unset;	
	display:none !important;
}
 
.product-grid__item:hover .product-grid__popup {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 90%;
}
 
.product-grid__item:hover img {
/*   transform: scale(1.2); */
  backface-visibility: hidden;
  perspective: 1000px;
}

.shop_wrapper .single_product  img {
    height: 400px;
    object-fit: contain;
}
 
.shop_wrapper .single_product {
    height: calc(100% - 20px);
}

.widget_list > ul > li > span {
    font-weight: 400 !important;
	font-size:10px !important;
}

.cat-item a {
    font-weight: 500 !important;
}
.archive .breadcumb-wrapper.background-image {display: none;}
.archive .shop_area {margin-top: 90px;}
.shop_wrapper .single_product .woocommerce-loop-product__link {display: flex;flex-direction: column;align-items: center;padding: 18px;gap: 20px;}
.shop_wrapper .single_product img {height: 200px;}
.shop_wrapper .single_product .product_name.grid_name {text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;margin-bottom: 20px;}
.shop_wrapper .single_product {box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);border-radius: 8px;transition: transform 0.3s ease, box-shadow 0.3s ease;padding: 0;}
.shop_wrapper .single_product:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
.shop_wrapper .single_product .product_name.grid_name span.loop-product-sku {color: #4A5568;font-weight: 500;}
/* .shop_wrapper .single_product .product_name.grid_name span.loop-product-sku:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);border: 1px solid #007ec4;padding: 10px;border-radius: 8px;} */
.woocommerce nav.woocommerce-pagination ul {border: unset;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 10px 5px;border-radius: 8px;display: inline-flex;gap: 10px;margin-bottom: 20px;flex-wrap: wrap;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {padding: 5px 15px;font-weight: 600;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background: #00a0dd;color: #fff;}
.prev.page-numbers, .next.page-numbers {font-family: monospace;}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{display: inline-block;border: 0.5px solid #0000001a;border-radius: 50px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.sidebar_widget .widget_inner {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
 
.sidebar_widget .widget-title {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 15px;
	color:#012032;
	text-transform:capitalize;
}
 
ul.product-categories .cat-item {
   padding:5px 30px 5px 10px;
    border-radius: 5px;
    background-color: transparent;
    transition: all 0.3sec ease-in-out;
    position:relative;cursor: pointer;justify-content: space-between;
}
 
ul.product-categories .cat-item:hover {
    background-color: rgba(14, 138, 203, 0.1);
    color: #007ec4;
    font-size: 16px;
    transition: all 0.3sec ease-in-out;
}
ul.product-categories .cat-item.active{
	background-color: rgba(14, 138, 203, 0.2);
	font-weight:600;
}
ul.product-categories .cat-item:hover a {
    color: #007ec4;
}
 
ul.product-categories .cat-item a {
    font-size: 14px;
}
 
li.cat-item.has-child::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f054"; 
    margin-right: 0.5em; 
    display: inline-block;
    position: absolute;
    right: 0px;top:5px;
}
 
.main-menu ul.sub-menu:before {
    display: none;
}
 
.main-menu ul.sub-menu li a:before {
    display: none;
}
 
.main-menu ul.sub-menu li a {
    padding: 0;
}
 
.main-menu ul.sub-menu li {
    padding: 7px 40px 7px 15px;
    position:relative;
    border-bottom: 1px solid #b2b2b2;
}
 
.main-menu ul.sub-menu li a {
    color: #5E5C78;
}
 
/* .main-menu ul.sub-menu li:hover {
    background-color: #d7eaf4;
    border-bottom: 1px solid #d7eaf4;
} */
.main-menu ul.sub-menu li:hover a{
    color: #8A97A3;
}
.main-menu ul.sub-menu li::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f054"; 
    margin-right: 0.5em; 
    display: inline-block;
    position: absolute;
    right: 5px;
}
 
.main-menu ul li:hover > ul.sub-menu, .main-menu ul li:hover ul.mega-menu {
    padding: 0;
    border: 0;
}

li.cat-item.has-child.open::before {
    content: "\f078"; /* Down arrow */
}
.cat-item a{
	color:#6d5c78 !important;
}
.cat-item span{
	 color: var(--text-color) !important;
	font-size: 10px;
    font-weight: 400;
}
/* .widget_product_categories ul.product-categories li.active 
.widget_product_categories ul.product-categories li.active {
    color: #007ec4 !important;
	
}

.widget_product_categories ul.product-categories .children li.active
.widget_product_categories ul.product-categories .children li.active {
    color: #007ec4 !important;
	
} */

.contact-box .contact-content{
	padding:0px 0px 0px 0px !important;
}

.children .cat-item.active {
    color: #007ec4 !important;
    background-color: #d7eaf4 !important;

}

/* .contact-layout1 .social-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--title-color);
    border: 1px solid #1C4F57;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
}
.social-icon i {
    color: #fff;
} */
.social-style2 {
    align-items: center;
}
.service-style3 .service-content .service-title{
	text-align:center;
} 
/* .has-child.active a{
	color: #007ec4 !important;
    background-color: #d7eaf4 !important;
} */
/* Large devices (default 4 columns) */

.related.products h2 {
    margin-bottom: 30px;
    text-transform: capitalize !important;
}
.single-product-breadcumb nav.woocommerce-breadcrumb {
   color:#4A5568 !important;
	font-weight:400 !important;
   font-size:16px !important;	
}
.service-style3:hover .service-bg1 {
    background-color: #122A35 !important;
}
.about-box-section{
	margin-top:30px !important;
}
@media (max-width: 1200px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
 
/* Tablets */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
 
/* Mobile */
@media (max-width: 576px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}
 @media(max-width:768px){
    .vs-hero-style2 .owl-carousel .owl-nav button.owl-prev, .vs-hero-style2 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    font-size: 50px !important;
}
}
.service-style3 .service-content.border-right {
  height: 100%;
	transition:all 0.3s ease;
}
.service-style3 .service-content .service-text {
    text-transform:unset;
}
.about-layout1 .about-text {
    text-transform:unset;
}
.service-style3:hover .service-bg1 {
    background-color: #122A35 !important;
}
.service-layout3 .slick-initialized .slick-slide:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	transition:all 0.3s ease;
}
.footer-wrapper .social-style1 .social-icon a{
	background-color:transparent;
}
.woocommerce-breadcrumb a{
	font-weight:400 !important;
}
.search_sec input {
      color: #4A5568 !important;
		font-weight:400 !important;
		font-size:11px !important;
}
.search_sec input::placeholder {
    color: #4A5568 !important;
	font-weight:400 !important;
		font-size:11px !important;
}



input.border-theme::placeholder {
    color:#4a5568 !important;
	font-weight:400 !important;
	font-size:11px !important;
}
.widget_categories{
	padding-top:20px !important;
}
.footer-logo {
    margin-bottom: 21px !important;
}

.vs-hero__text{
	text-transform:intial !important;
	font-weight:600 !important;
	font-size:32px !important;
}
.about-box-section h3{
  color:var(--title-color) !important;
  text-align:center;	
}
p.about-text.about-text1 {
    margin-bottom: 25px;
}

@media(max-width:991px){
    .vs-hero__item2.style2 {
    min-height: 550px !important;
    height: 550px !important;
    display: flex !important;
    align-items: center !important;
	background-position:90% !important;
}
.vs-hero-style2 .vs-hero__item2 .vs-hero__content {
    width: calc(100% - 120px);
    margin: 0 auto !important;
}
.vs-hero-style2 .owl-carousel .owl-nav button.owl-prev{
left:5px;
}
.vs-hero-style2 .owl-carousel .owl-nav button.owl-next{
right:5px;
}
}
 

@media(min-width:992px) and (max-width:1460px){
    .vs-hero__item2.style2 .container{
        width: calc(100% - 220px);
    }
}
@media(min-width:992px) and (max-width:1440px){
    .vs-hero__item2.style2 .container{
        padding-left:5%;
    }
}
 @media (max-width: 575px) {
    .breadcumb-wrapper::before {
        width: 100% !important;
    }
        .breadcumb-wrapper::after {
        left: calc(100% - 30px) !important;
    }
    h1.breadcumb-title{
        width:100% !important;
    }
}

@media (max-width: 600px) {
	
	.breadcumb-wrapper{
		background-position:right !important;
	}	
	
.vs-hero__text{
	text-transform:intial !important;
	font-weight:600 !important;
	font-size:18px !important;
}
	.vs-hero-style2 .vs-hero__title{
		font-size:32px !important;
	}
	.vs-hero__text{
		color: rgba(255, 255, 255, 1) !important;
		font-weight:600 !important;
		line-height:24px !important;
	}
	.about-content h2.sec-title {
    	font-size: 28px !important;
	}
	
}
.product_info_button ul a,.product_info_button ul {
    text-wrap: nowrap !important;
}
 .product_info_button ul {
    flex-wrap: nowrap;
    overflow-x: auto;
}
 
@media only screen and (max-width: 767px) {
    .product_info_button ul li a {
font-size: 14px !important;
    }
}


/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    color: #fff;
    background: #000;
    background-color: #000;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.header-logo h1 {
    margin-bottom: 0;
}
.vs-hero__title {
    font-weight: 700 !important;
}
.contact-box .contact-title {
    font-weight: 600 !important;
}
.error_mesg {
    font-family: var(--title-font);
    font-size: 1.75rem;    
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px 0;
    color: var(--title-color);
    text-transform: none;
}

/*body .copyright-wrap,
body .copyright-text::before {
    background-color: var(--ink-blue);
}*/
body .contact-box .contact-text,
body .copyright-text a {
    color: #FFF;
}

body .service-style3 .service-content .service-title {
    color: #FFF;
}