/*
Theme Name:ayhan Theme
Theme URI:https://ayhansocks.com
Author:Reza Nikkhah
Author URI:https://ayhansocks.com
Description:ayhan-socks
Version:1.0
License:GNU General Public License v2 or later
Text Domain:ayhan
*/
@font-face{
font-family:'Shabnam';
src:url('assets/fonts/shabnam-m.woff2') format('woff2'),
url('assets/fonts/shabnam-m.woff') format('woff');
font-weight:500;
font-style:normal;
font-display:swap;
}
html, body{
font-family:'Shabnam', sans-serif;
font-weight:400;}
*{
padding:0;
margin:0;
box-sizing:border-box;
list-style-type:none;
text-decoration:none;
list-style:none;
font-family:'Shabnam' !important;
}
.current-product_cat-ancestor > a, .menu-ayhan-list .current-menu-item > a{
color:var(--brand-green) !important;
}
.menu-item-has-children .current-menu-item{
background:var(--black) !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
.quantity-wrapper input{
-webkit-appearance:none;
margin:0;
}
input[type=number]{
-moz-appearance:textfield;
outline:none;
}
:root{
--brand-light-green:#2e7d4f;
--brand-green:#0f3c29;
--brand-gold:#dfb56b;
--gray:#e9e9e9;
--yellow:#fcc700;
--bright-yellow:#facc15;
--black:#000;
--white:#fff;
--green:#00AD3A;
--txt-green:#00a236;
--red:rgb(255, 0, 0);
--footer-bg:#e2e2e2;
--pink:#D43C7F;
--h1:#D2D2D2;
--blue:#3157C2;
--navy-blue:#001848;
--sport:#00812B;
--border-products:#d7d7d7;
--slide-count:2;
--slide-duration:calc(var(--slide-count) * 5s);
}
body{

}
h1, h2{
font-weight:600;
}
section{
padding:40px 0;
}
.container{
max-width:1200px;
margin:0 auto;
padding:0 5px;
}
.row{
display:flex;
flex-wrap:wrap;
}
/*--------------- header css start ---------------*/
header.first-header{
border-bottom:1px solid #e3e3e3;
}
.header-container{
padding:10px 5px;
}
.col-logo{
display:flex;
align-items:center;
}
.col-logo img{
	height:40px;
	width:83px;
}
.logo-des{
display:flex;
align-items:center;
font-size:14px;
font-weight:600;
padding-right:10px;
color:var(--brand-light-green);
}
/* search style start */
.col-search-icon{
display:flex;
align-items:center;
justify-content:end;
}
.col-search-icon svg{
width:25px;
color:var(--brand-green);
}
.col-search-icon svg:hover{
width:25px;
color:var(--black);
}
.search-overlay{
position:fixed;
top:0; left:0;
width:100%; height:100%;
background:#dbdbdb;
display:flex;
justify-content:center;
align-items:center;
opacity:0; 
visibility:hidden;
transition:all 0.3s ease;
z-index:9999;
}
.search-overlay.active{
opacity:1;
visibility:visible;
}
.search-content form{
display:flex;
gap:10px;
width:90%;
max-width:600px;
}
.search-content input{
flex:1;
padding:15px;
font-size:18px;
border:none;
border-radius:8px;
outline:none;
text-align:right;
border:1px solid #bbb;
}
.search-content input::placeholder{
color:#b4b4b4;
}
.search-content button {
padding: 15px 25px;
font-size: 18px;
border: none;
border-radius: 8px;
background: var(--brand-green);
color: var(--brand-gold);
cursor: pointer;
transition: background 0.3s;
}
.search-content button:hover{
background:var(--brand-gold);
color:var(--brand-green);
}
.close-search-btn{
position:absolute;
top:20px;
right:30px;
font-size:40px;
background:none;
border:none;
color:#000000;
cursor:pointer;
}
.col-nav{
display:flex;
align-items:center;
}
.col-nav .sub-arrow-nav svg{
width:15px;
position:absolute;
bottom:5px;
margin-right:3px;
}
.col-nav a{
color:black;
}
.col-nav nav > ul{
display:flex;
align-items:center;
}
.col-nav nav > ul li{
cursor:pointer;
}
.col-nav nav ul ul{
width:140px;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:all 0.3s ease;
position:absolute;
background:var(--gray);
box-shadow:0 4px 10px rgba(0,0,0,0.1);
z-index:100;
line-height:200%;
border-radius:2px 2px 5px 5px;
margin-top:5px;
overflow:hidden;
font-size:13px;
}
.col-nav nav > ul > li:hover > a, .col-nav nav > ul > li > ul > li:hover > a{
color:var(--brand-gold);
}
.col-nav nav > ul > li:hover ul{
color:initial;
}
.col-nav nav > ul > li > ul > li{
padding:5px 10px;
}
.col-nav nav > ul > li > ul > li:hover{
background:var(--black);
color:var(--yellow);
}
.col-nav nav ul li:hover > ul{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.col-nav nav > ul > li{
position:relative;
padding:10px;
font-size:14px;
font-weight:bold;
height:36px;
}
.col-cart{
display:flex;
justify-content:end;
align-items:center;
}
.header-cart{
display:flex;
justify-content:center;
align-items:center;
width:30px;
height:30px;
background:#026e46;
position:relative;
border-radius:5px;
}
header .header-cart svg{
width:20px;
height:20px;
color:#ffcd76;
}
header .header-cart-count{
position:absolute;
top:-12px !important;
right:-10px !important;
background:var(--brand-gold);
padding:2px 5px;
font-size:10px;
color:var(--brand-green);
border-radius:50px;
}
.header-cart svg{
width:20px;
height:20px;
color:var(--white);
}
 .header-cart-count{
position:absolute;
top:-5px;
right:-5px;
background:var(--brand-gold);
padding:2px 5px;
font-size:10px;
color:var(--brand-green);
border-radius:50px;
}
/*--------------- header css end ---------------*/
/*================ main css start ================*/

/*================ slider start ================*/
.ay-slider {
  position: relative;
  width: 100%;
  max-width: 1400px;
  aspect-ratio: 1400 / 600;
  margin: auto;
  overflow: hidden;
  border-radius: 22px;
  background: #f5f5f5;
  touch-action: pan-y;
}

.ay-slides {
  width: 100%;
  height: 100%;
  position: relative;
}

.ay-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f5f5f5;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: block;
}

.ay-slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.ay-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: var(--brand-gold, #d6a84f);
  color: var(--brand-green, #123c2f);
  font-size: 26px;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0,0,0,0.18);
  transition: 0.3s;
}

.ay-btn:hover {
  background: var(--brand-green, #123c2f);
  color: var(--brand-gold, #d6a84f);
}

.ay-prev {
  left: 20px;
}

.ay-next {
  right: 20px;
}

.ay-dots {
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
  z-index: 6;
}

.ay-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.ay-dot.active {
  width: 20px;
  border-radius: 20px;
  background: #fff;
}
/*================ slider end ================*/
.rank-math-breadcrumb {
padding: 10px 5px;
background: #0f3c290d;
margin-top: 10px;
border-radius: 5px;
border: 1px solid #dce6e1;
}

.rank-math-breadcrumb a{
color:#d8a058;
font-weight:600;
font-size:14px;
}

.rank-math-breadcrumb .separator{
	color:var(--brand-light-green);
}

.rank-math-breadcrumb .last{
	color:var(--brand-green);
}


.container-cats{
max-width:1200px;
margin:0 auto;
text-align:center;
}
h1.container-cats{
color:var(--h1);
font-size:30px;
font-weight:500;
margin-top:40px;
}
.p-size{
font-size:18px;
font-weight:600;
margin-bottom:25px;
}

.container-cats ul{
margin-top:20px;
}
.container-cats h2{
font-size:28px;
margin-bottom:15px;
}
.cat-img-items{
display:flex;
justify-content:center;
gap:0.5rem;
}
.cat-img-items img{
width:100%;
height:auto;
max-width:250px;
border-radius:40px;
}
.green img{
border:1px solid var(--brand-green);
}

.blue img{
border:1px solid var(--brand-green);
}

.pink img{
border:1px solid var(--brand-green);
}


.sport-cat span{
background:var(--brand-light-green);
}
.sport-cat h2{
color:var(--brand-light-green);
}
#latest-products{
display:flex;
flex-direction:column;
align-items:center;
gap:50px;
}

#latest-products{
	color:var(--brand-green);
}
.product-list{
gap:0.99rem;
justify-content:center;
}
article.product-item{
position:relative;
text-align:center;
background:#f5f5f2;
border-radius:10px;
overflow:hidden;
padding-bottom:10px;
display:flex;
flex-direction:column;
justify-content:space-between;
box-shadow: rgb(120, 120, 120) 0px 0px 1px;
}
.product-item img{
width:100%;
height:auto;
}
.product-item h3{
margin:5px 5px 10px 5px;
font-size:14px;
line-height:1.6em;
font-weight:600;
color:black;
}
.product-item .price{
color:var(--green);
font-weight:600;
}
.parent-submit{
position:relative;
}
.count-product-to-cart.active{
display:inline-block !important;
opacity:1;
}
.count-product-to-cart{
background:var(--brand-gold);
border-radius:5px;
padding:1px 2px 2px 2px;
color:var(--brand-green);
font-size:13px;
opacity:0;
transition:opacity 0.5s ease;
font-weight:600;
 position:absolute;
text-align:center;
}
option[value="popularity"]{
display:none;
}
.count-product-to-cart svg{
width:16px;
height:16px;
display:block; 
}
.count-product-to-cart svg path{
fill:var(--brand-green);
}
.quantity-wrapper{
justify-content:center;
gap:5px;
}

.quantity-wrapper button {
	padding: 3px 12px 0px 12px;
	background-color: var(--brand-gold);
	border-radius: 50px;
	color: var(--brand-green);
	border: 1px solid var(--brand-gold);
	font-size: 1.2rem;
}

.quantity-wrapper input {
	width: 40px;
	border-radius: 50px;
	border: 1px solid var(--brand-green);
	text-align: center;
	background: #fff;
	color: var(--brand-green);
}

.add-to-cart-form{
margin-top:10px;
}

.product-item button[type="submit"]{
background:var(--brand-green);
border:none;
padding:10px 6px;
margin-top:10px;
color:var(--brand-gold);
font-size:13px;
font-weight:600;
border-radius:5px;
}
.product-item button[type="submit"]:hover{
cursor:pointer;
background:var(--brand-light-green);
color:var(--white);
}

button.minus:hover, button.plus:hover{
cursor:pointer;
background:var(--brand-green);
color:var(--brand-gold);
}

.about-elitsocks{
background:var(--brand-green);
}
.about-elitsocks .text-column, .about-elitsocks .image-column{
padding:10px;
}
.about-elitsocks .text-column h2{
color:var(--brand-gold);
margin:10px 0;
}
.about-elitsocks .text-column p{
color:var(--white);
font-size:14px;
text-align:justify;
}
.about-elitsocks .text-column a{
color:var(--brand-gold);
}
.about-elitsocks .text-column a:hover{
color:var(--yellow);
}
.about-elitsocks .image-column{
text-align:center;
}
.about-elitsocks .image-column img{
max-width:100%;
border-radius:5px;
border:1px solid var(--bright-yellow);
}
.elit-benefits h2{
color:var(--brand-gold);
margin-bottom:10px;
}
.elit-benefits h3{
font-weight:500;
margin-bottom:10px;
margin-top:20px;
font-size:17px;
}
.satisfaction{
background:var(--white);
}
.satisfaction h2{
color:var(--brand-light-green);
text-align:center;
margin-bottom:20px;
}
.satisfaction h3{
color:var(--brand-light-green);
font-weight:600;
margin:20px 0 5px 0;
}
.how-to-order{
background:#f5f5f2;
border:1px solid #d9e9dd;
}
.how-to-order h2{
margin-bottom:5px;
color:var(--brand-green);
}
.how-to-order h3{
font-weight:bold;
margin:25px 0 5px 0;
color:var(--brand-light-green);
}
.about-elitsocks-2 h2{
color:var(--brand-gold);
text-align:center;
margin-bottom:20px;
}
.about-elitsocks-2 p{
color:var(--white);
line-height:1.9em;
font-size:14px;
text-align:justify;
padding:0 10px;
}
.about-elitsocks-2 ul{
margin-top:20px;
display:flex;
justify-content:center;
gap:20px;
}
.about-elitsocks-2 ul a{
color:var(--brand-gold);
font-weight:500;
}
.about-elitsocks-2 ul a:hover{
color:var(--yellow);
}
.section-new-posts{
background:var(--white);
}
.section-new-posts h2{
text-align:center;
margin:0 0 25px 0;
}
.latest-post{
display:flex;
gap:10px;
}
.item-latest-post{
display:inline;
background:#eeede5;
border-radius:5px;
overflow:hidden;
}
.item-latest-post img{
width:100%;
height:200px;
}
.item-latest-post h3{
color:var(--brand-green);
padding:10px;
line-height:1.6em;
text-align:center;
font-weight:600;
font-size:15px;
}
.contact-information{
background:var(--brand-green);
margin-bottom:20px;
}
.contact-information h2{
text-align:center;
color:var(--brand-gold);
margin-bottom:15px;
}
.contact-information > div > p{
text-align:center;
color:var(--white);
margin-bottom:20px;
}
.contact-information .tree-box > div{
margin-top:30px;
}
.contact-information a{
display:flex;
align-items:center;
margin-bottom:10px;
font-size:17px;
font-weight:600;
}
.contact-information svg{
width:20px;
margin-left:10px;
}
.contact-information .c-box p{
color:var(--white);
font-size:14px;
font-weight:300;
line-height:1.6em;
padding:5px;
}
.contact-information .c-box h4{
font-size:17px;
font-weight:600;
}
.contact-information .c-box svg, .contact-information .c-box{
fill:var(--brand-gold);
color:var(--brand-gold);
}
.contact-information a{
display:flex;
line-height:30%;
}
.contact-information .phone svg, .contact-information a.phone{
color:var(--green);
}
.contact-information .telegram svg, .contact-information a.telegram{
fill:#38BEFF;
color:#38BEFF;
}
.contact-information .instagram svg, .contact-information a.instagram{
fill:#d85b8f;
color:#d85b8f;
}
.contact-information a:hover, .contact-information a:hover svg{
color:var(--brand-gold);
fill:var(--brand-gold);
}
.contact-information iframe{
width:100%;
height:auto;
}
#section-archive{
padding:0 0 50px 0;
}
.row-filter-archive{
padding:20px 10px;
justify-content:space-between;
align-items:center;
}
.row-filter-archive select{
width:110px;
padding:5px;
border-radius:5px;
}
.row-filter-archive .count-product{
margin-right:20px;
}
.filter-span{
display:flex;
align-items:center;
}
.filter-span b{
margin-left:5px;
}
#section-archive h1{
padding:40px 0 20px 0;
text-align:center;
color:var(--black);
}
.image-content-box{
background:#1f652038;
padding:0 0 10px 0;
border-top:1px solid #e1d6ca;
border-bottom:1px solid #e1d6ca;
}
.box-image-post{
text-align:center;
margin-top:20px
}
.box-image-post .rank-math-breadcrumb{
background:#fff !important;
}
.image-content-box img{
width:90%;
max-width:800px;
height:400px;
border-radius:5px;
border:2px solid var(--brand-green);
}
.image-content-box h1{
color:var(--brand-light-green);
margin-top:20px;
font-size:18px;
}
.content{
background:var(--white);
padding:30px 30px 50px 30px;
}
.content > div{
max-width:1000px;
margin:auto;
color:#444;
line-height:160%;
font-size:15px;
font-weight:300;
}
.content > div p{
margin:15px 0;
text-align:justify;
}
.content > div h2, .content > div h3, .content > div h4{
margin-top:30px;
font-weight:600;
}
.content > div h2{
font-size:24px;
color:var(--brand-light-green);
}
.content > div h3{
font-size:20px;
color:var(--brand-green);
}
.content > div h4{
font-size:16px;
}
.content > div a{
color:#d8a058;
font-weight:600;
}
.main-product{
background:var(--white);
overflow:hidden;
margin:10px auto;
border-radius:5px;
border:1px solid #dce6e1;
}
.product-gallery{
display:flex;
flex-direction:column;
border-left:1px solid #eee;
}
.product-gallery figure > img{
width:100%;
}
#thumbnails-product-gallery{
padding:5px;
gap:5px;
justify-content:center;
}
#thumbnails-product-gallery img{
width:80px;
border-radius:5px;
border:1px solid #cecece;
opacity:0.6;
}
#thumbnails-product-gallery .active{
border-color:#0fb623 !important;
box-shadow:0 0 5px 0 #07b81c;
opacity:1 !important;
}
.des-product{
padding:5px 10px;
width:100%;
background:#f3f5f4;
}
.des-product .exist-product{
position:relative;
}
.available{
color:#05a216;
}
.non-available{
color:red;
}
.des-product .exist-product .count-product-to-cart{
right:120px;
top:30px;
}
.des-product .center-des{
justify-content:space-between;
align-items:center;
}
.des-product a{
color:#ce0909;
}
.des-product a:hover{
color:var(--red);
}
.des-product .price{
padding-top:13px;
font-size:16px;
font-weight:600;
color:var(--green);
}
.des-product form button{
height:30px;
background:var(--brand-green) !important;
color:var(--brand-gold);
border:none;
border-radius:5px;
padding:0 10px;
font-weight:600;
margin-right:5px;
}
.des-product form button:hover{
color:var(--white);
}
.des-product form input[type='button']{
height:30px;
background:var(--brand-gold);
color:var(--brand-green);
border:none;
border-radius:5px;
padding:5px 12px;
font-size:18px;
font-weight:600;
cursor:pointer;
}
.des-product form input[type='button']:hover{
background:var(--brand-green);
color:var(--brand-gold);
}
.des-product form input[type='number']{
height:30px;
width:60px;
position:relative;
top:-4px;
text-align:center;
border:1px solid var(--brand-green);
color:var(--brand-green);
border-radius:5px;
font-weight:600;
}
.exist-prosuct{
color:#ce0909;
font-size:13px;
}
.des-product h1{
font-size:17px;
margin:10px 0;
line-height:180%;
}
.subdes-product{
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
margin:10px 0;
padding:10px 0;
line-height:180%;
font-size:15px;
}
.subdes-product h3{
font-size:16px;
font-weight:600;
color:var(--black);
}
.des-product .cats{
display:block;
margin-bottom:10px;
}
aside{
margin:90px 0 50px 0;
}
.cart-h1{
color:var(--black);
text-align:center;
margin-bottom:20px;
}
.cart-items .cart-item{
align-items:center;
justify-content:space-between;
position:relative;
background:#fafbf6;
border-radius:5px;
padding:5px 5px 0 5px;
margin-bottom:8px;
border:1px solid #e5e5bc;
}
.cart-items .cart-item .right-item{
display:flex;
align-items:center;
}
.right-item-cart-sidebar img , .right-item img{
border-radius:4px;
}
.cart-items .cart-item .right-item svg{
fill:rgb(154, 51, 0);
width:20px;
height:20px;
}
.cart-items .cart-item .title a{
color:var(--black);
font-size:14px;
}
.cart-items .cart-item .title a:hover{
color:var(--blue);
}
.cart-items .cart-item .price, .cart-items .cart-item .total-price{
color:var(--green);
font-size:14px;
font-weight:600;
}

.cart-items .cart-item .plus, .cart-items .cart-item .minus {
	background: var(--brand-gold);
	color: var(--brand-green);
	border: none;
	border-radius: 50px;
	font-size: 1.2rem;
}

.cart-items .cart-item .plus:hover, .cart-items .cart-item .minus:hover {
	background: var(--brand-green);
	color: var(--brand-gold);
	cursor: pointer;
}

.cart-items .cart-item .minus{
padding:4px 12px 3px 12px;
}
.cart-items .cart-item .plus{
padding:4px 10px 3px 10px;
}

.cart-items .cart-item input[type="number"] {
	width: 30px;
	text-align: center;
	border-radius: 50px;
	border: 1px solid var(--brand-green);
	color:var(--brand-green);
	padding: 4px 0 1px 0;
	margin: 0 3px;
}

.count-cart-item-sidebar{
display:flex;
align-items:center;
}
.cart_totals{
background:var(--white);
padding:10px 5px;
text-align:center;
border-radius:5px;
border:1px solid #dadada;
}
.cart_totals h2{
font-size:20px;
}
.cart_totals div{
display:flex;
justify-content:space-between;
margin:15px;
}
.cart_totals div b{
font-weight:600;
}
.cart_totals a{
background:var(--brand-green);
color:var(--brand-gold);
padding:5px 10px;
border-radius:3px;
}

.cart_totals a:hover{
	color:var(--white);
	background:var(--brand-light-green);
}
/* cart sidebar start */
#cart-sidebar{
position:relative;
background:var(--white);
padding:0 4px;
box-shadow:0 0 15px 0 #878787;
z-index:9000;
height:100vh;
overflow-y:auto;
overflow-x:hidden;
}
.cart-fix{
position:fixed;
bottom:5px;
right:10px;
background:var(--brand-light-green);
color:#fff;
padding:14px 14px 8px 14px;
border-radius:90px;
cursor:pointer;
font-size:14px;
z-index:500;
}
.cart-fix svg{
color:#ffcd76;
width:20px;
height:20px;
}
.cart-fix:hover{
background:var(--brand-green);
}
.fix-cart-count{
position:absolute;
top:-5px;
right:-5px;
background:var(--brand-gold);
padding:4px 5px 2px 5px;
font-size:10px;
color:var(--brand-green);
border-radius:50px;
}
#cart-sidebar{
position:fixed;
top:0;
right:-360px;
width:300px;
height:100%;
background:#fff;
box-shadow:-3px 0 15px rgba(0, 0, 0, 0.15);
z-index:1000;
padding:5px;
overflow-y:auto;
transition:right 0.4s ease;
}
#cart-sidebar.active{
right:0;
box-shadow: 0 0 100px 0 #000;
}
#parent-close-cart-sidebar{
display:flex;
justify-content:end;
}
#close-cart-sidebar{
font-size:25px;
font-weight:bold;
cursor:pointer;
color:var(--red);
background:#dddddd;
width:30px;
height:30px;
line-height:140%;
text-align:center;
}
#close-cart-sidebar:hover{
color:var(--black);
}
#cart-sidebar > h4{
text-align:center;
}
.empty-cart-sidebar{
text-align:center;
margin-top:50px;
}
#title-cart-sidebar{
font-size:18px;
font-weight:600;
margin-bottom:10px;
color:var(--txt-green);
}
.right-item-cart-sidebar{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
}
.right-item-cart-sidebar a:first-child{
padding-right:10px;
}
.left-item-cart-sidebar{
padding:0 15px 0 3px;
}
.left-item-cart-sidebar .price,
.left-item-cart-sidebar .quantity,
.left-item-cart-sidebar .total-price{
display:flex;
justify-content:space-between;
font-size:12px;
font-weight:600;
margin-bottom:4px;
}
.left-item-cart-sidebar .price{
margin-top:5px;
}
.item-cart-sidebar{
padding:8px 0;
border-bottom:2px solid #858585;
}
.item-cart-sidebar .remove{
position:relative;
bottom:5px;
}
.item-cart-sidebar .remove svg{
fill:rgb(154, 51, 0);
width:15px;
height:15px;
}
.title-item-cart-sidebar{
color:var(--black);
font-size:11px;
font-weight:600;
text-align:justify;
}
.item-cart-sidebar input[type=button]{
background:var(--brand-gold);
color:var(--brand-green);
border-radius:50px;
border:none;
}

.item-cart-sidebar input[type=button]:hover{
background:var(--brand-green);
color:var(--brand-gold);
}

.item-cart-sidebar input[type=button].plus{
padding:5px 10px;
}
.item-cart-sidebar input[type=button].minus{
padding:5px 12px;
}
.item-cart-sidebar input[type=number]{
text-align:center;
border-radius:50px;
border:1px solid var(--brand-green);
color:var(--brand-green);
padding-top:3px;
font-weight:600;
font-size:1em;
min-width:25px;
margin:0 3px;
}
.item-cart-sidebar .price,
.item-cart-sidebar .total-price{
color:var(--txt-green);
}
.cart-sidebar-detail{
justify-content:space-between;
width:98%;
margin:15px auto;
font-weight:600;
}
.cart-sidebar-detail .total-price{
color:var(--txt-green);
}
#cart-sidebar > a{
display:block;
padding:8px;
text-align:center;
border-radius:5px;
width:80%;
margin:15px auto;
}
#cart-sidebar > a.show-cart{
background:var(--brand-gold);
color:var(--brand-green);
}
#cart-sidebar > a.show-cart:hover{
background:var(--brand-green);
color:var(--brand-gold);
}

#cart-sidebar > a.checkout{
background:var(--brand-green);
color:var(--brand-gold);
}
#cart-sidebar > a.checkout:hover{
color:var(--white);
}
/* cart sidebar end */
/*================ main css end ================*/
/*++++++++++++++++ footer css start ++++++++++++++++*/
footer{
padding:0 0 15px 0;
}
.footer-right, .footer-left{
display:flex;
flex-direction:column;
align-items:center;
}
.footer-left > div{
display:flex;
align-items:center;
}
.footer-left ul li{
margin-bottom:10px;
}
.footer-righth4, .footer-lefth4{
color:var(--navy-blue);
margin-bottom:10px;
font-size:18px;
font-weight:600;
}
footer p{
color:var(--black);
font-size:14px;
line-height:1.6em;
}
.copy-right{
text-align:center;
color:var(--black);
font-size:13px;
}
ul.woocommerce-error li{
background:#ffd1d1;
border:1px solid #ff9b9b;
border-radius:5px;
padding:5px;
margin-bottom:10px;
}
#payment-form{
width:100%;
background:#edf7f0;
}
#parent-inputs-checkout{
min-width:320px;
width:100%;
max-width:500px;
}
form[name="checkout"]{
margin:0 auto;
}
form[name="checkout"] h1{
text-align:center;
color:var(--brand-green);
}
form[name="checkout"] h2{
text-align:center;
color:#ff4e00;
font-size:14px;
margin:15px 0;
}
form[name="checkout"] button[type="submit"]{
background:var(--brand-green);
padding:5px 10px;
color:var(--brand-gold);
font-size:14px;
border:none;
border-radius:4px;
}
form[name="checkout"] button[type="submit"]:hover{
background:var(--brand-light-green);
color:var(--white);
cursor:pointer;
}
.woocommerce-billing-fields h3{
display:none;
}
#billing_country_field, #order_review_heading, table.woocommerce-checkout-review-order-table thead{
display:none;
}
#billing_city_field > span{
width:80% !important;
}
table.woocommerce-checkout-review-order-table{
width:100%;
border-radius:5px 5px 0 0;
border-bottom:none;
}

form[name="checkout"] input, span.select2-selection__rendered {
	background:#f5f5f2;
}

.woocommerce-billing-fields{
	padding: 5px 3px 10px 3px;
}

tfoot, .payment_method_WC_SamanKish{
font-size:13px;
font-weight:600;
}
tfoot tr th, tfoot tr td{
border-bottom:1px solid #999;
}
tfoot tr:last-child th, tfoot tr:last-child td{
border-bottom:none;
}
tfoot tr td{
padding:5px 10px;
}
.woocommerce-shipping-methods li{
padding:10px 0;
}
.woocommerce-shipping-methods li label{
margin-right:5px;
}
.woocommerce-shipping-methods > li{
border-bottom:1px solid #e7e7e7;
}
.woocommerce-shipping-methods > li:last-child{
border-bottom:none;
}
.woocommerce-checkout-payment{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px;
background:#e4ede9;
border-radius:0 0 5px 5px;
border:1px solid #bfbfbf;
border-top:1px solid #cee1d8;
}
.woocommerce-billing-fields label{
width:20%;
font-size:12px;
}
span.woocommerce-input-wrapper{
width:80%;
}
.woocommerce-billing-fields__field-wrapper p{
display:flex;
align-items:center;
margin-top:5px;
}
.woocommerce-billing-fields__field-wrapper input{
padding:4px 10px;
}
#billing_city_field{
margin:10px 0;
}
.woocommerce-billing-fields__field-wrapper input, .select2-container--default .select2-selection--single{
border:1px solid #bfbfbf !important;
border-radius:5px !important;
font-family:'Shabnam' !important;
font-size:16px !important;
margin-top:9px;
width:100%;
}
.required{
color:red;
}
.order-total{
color:#00a500;
}
.elits-form{font-family:Tahoma,Arial;direction:rtl; padding:40px 5px; display:flex; flex-direction:column; align-items:center;}
.elits-form .form-title{text-align:center;margin-bottom:14px; color:#20b700; font-size:22px;}
.field{display:block;margin-bottom:10px}
.label-text{display:block;font-size:13px;margin-bottom:6px}
.field input,.field select,.field textarea{
width:100%;padding:8px;border:1px solid #080281;border-radius:6px;
font-size:14px;box-sizing:border-box
}
.actions{text-align:left;margin-top:10px}
button#submit-btn{padding:10px 18px;background:#20b700;border:none;color:#fff;border-radius:6px;cursor:pointer}
button#submit-btn:hover{background:#095f9f}
.errors{
width:90%;
background:rgb(255 221 221);
color:#d10000;
font-size:16px;
padding:10px;
margin:0 auto;
border-radius:5px;
border:1px solid #ffbebe;
}
@keyframes cartShake{
0%{ transform:rotate(0deg) scale(1);}
25%{ transform:rotate(-10deg) scale(1.1);}
50%{ transform:rotate(10deg) scale(1.1);}
75%{ transform:rotate(-5deg) scale(1.05);}
100%{ transform:rotate(0deg) scale(1);}
}
.cart-fix.cart-shake{
-webkit-animation:cartShake 0.6s ease-in-out;
-moz-animation:cartShake 0.6s ease-in-out;
-o-animation:cartShake 0.6s ease-in-out;
animation:cartShake 0.6s ease-in-out;
}
.section-archive-posts{
text-align:center;
}
.section-archive-posts header{
margin:0 0 50px 0;
}
.section-archive-posts a.href-text{
color:#000;
font-size:14px;
margin-bottom:5px;
padding:0 5px;
}
.section-archive-posts a:hover{
color:#cb8a10;
}
article.item-archive-posts{
padding:5px;
}
div.item-archive-posts{
background:#fff;
border:1px solid #c8c8c8;
border-radius:5px;
height:100%;
padding-bottom:5px;
overflow:clip;
}
.item-archive-posts img{
width:100%;
height:200px;
}
.thankyou-title{
color:var(--brand-light-green);
font-size:20px;
}
h3.how-send-thankyou{
color:red;
}
.thankyou-wrapper p{
margin-top:10px;
}
.login-btn{
display:flex;
background:#000;
color:var(--yellow);
border-radius:5px;
}
.login-btn:hover{
background:var(--yellow);
color:#000;
}
.login-page{
display:flex;
flex-direction:column;
align-items:center;
padding:50px 0;
gap:20px;
}
.login-page h1{
font-size:20px;
}
.login-page form{
display:flex;
flex-direction:column;
gap:5px;
}
.login-page form input{
border-radius:10px;
font-size:16px;
}
.login-page form input[type="text"]{
padding:5px;
border:1px solid #cacaca;
}
.login-page form input[type="submit"]{
padding:3px 5px 7px 5px;
background:#000;
color:#fff;
border:0;
}
.login-page form input[type="submit"]:hover{
background:#00a336;
}
/*++++++++++++++++ footer css end ++++++++++++++++*/
@media screen and (min-width:100px){
.product-category-description{
margin:auto 10px;
}
}
@media screen and (max-width:576px){
.col-xs-1{width:8.33%;}
.col-xs-2{width:16.66%;}
.col-xs-3{width:25%;}
.col-xs-4{width:33.33%;}
.col-xs-5{width:41.66%;}
.col-xs-6{width:50%;}
.col-xs-7{width:58.33%;}
.col-xs-8{width:66.66%;}
.col-xs-9{width:75%;}
.col-xs-10{width:83.33%;}
.col-xs-11{width:91.66%;}
.col-xs-12{width:100%;}
	
.cat-img-items li{
flex:0 0 48%;
}
.product-item{
flex:0 0 47%;
}
.about-elitsocks .text-column{
line-height:1.6em;
}
.item-latest-post{
flex:0 0 48%;
}
.header-cart-items{
display:none;
}
.cart-items .cart-item .price, .cart-items .cart-item .total-price, .cart-items .cart-item .quantity{
display:flex;
justify-content:space-between;
font-size:13px;
line-height:2em;
}
.cart-items .cart-item .left-item{
padding-right:10px;
}
#cart-sidebar{
width:65%;
}
.product-item .count-product-to-cart{
right:3px;
bottom:0;
}
.cart-items .cart-item .right-item{
flex-direction:column-reverse;
gap:5px;
}
.footer-left{
margin:30px 0;
}

.ay-dot.active,.ay-dot {
  background: #ffffff00 !important;
}

}
@media screen and (min-width:576px){
.col-sm-1{width:8.33%;}
.col-sm-2{width:16.66%;}
.col-sm-3{width:25%;}
.col-sm-4{width:33.33%;}
.col-sm-5{width:41.66%;}
.col-sm-6{width:50%;}
.col-sm-7{width:58.33%;}
.col-sm-8{width:66.66%;}
.col-sm-9{width:75%;}
.col-sm-10{width:83.33%;}
.col-sm-11{width:91.66%;}
.col-sm-12{width:100%;}
	
.cat-img-items li{
flex:0 0 23%;
}
.product-item{
flex:0 0 32%;
}
.about-elitsocks .text-column{
line-height:1.6em;
}
.item-latest-post{
flex:0 0 48%;
}
.header-cart-items{
display:none;
}
.cart-items .cart-item .price, .cart-items .cart-item .total-price, .cart-items .cart-item .quantity{
display:flex;
justify-content:space-between;
font-size:13px;
line-height:2em;
}
#cart-sidebar{
width:65%;
}
.product-item .count-product-to-cart{
right:3px;
bottom:0;
}
.cart-items .cart-item .right-item{
flex-direction:column-reverse;
gap:5px;
}
.left-item{
display:flex;
gap:5px;
flex-direction:column;
}
.footer-left{
margin:30px 0;
}
}
@media screen and (max-width:767px){
.about-elitsocks .image-column img{
height:auto;
}
#cart-sidebar{
width:300px;
}

/*================ slider start ================*/
.ay-slider {
width: 100%;
aspect-ratio: 1400 / 600;
height: auto;
border-radius: 14px;
}

.ay-btn {
width: 28px;
height: 28px;
font-size: 16px;
}

.ay-prev {
left: 8px;
}

.ay-next {
right: 8px;
}

.ay-dots {
bottom: 8px;
}

.ay-dot {
width: 8px;
height: 8px;
}

.ay-dot.active {
width: 18px;
}
/*================ slider end ================*/
	
}
@media screen and (min-width:768px){
.col-search-icon{
order:1;
}
.col-cart{
order:2;
}
.col-nav{
justify-content:center;
}
.col-md-1{width:8.33%;}
.col-md-2{width:16.66%;}
.col-md-3{width:25%;}
.col-md-4{width:33.33%;}
.col-md-5{width:41.66%;}
.col-md-6{width:50%;}
.col-md-7{width:58.33%;}
.col-md-8{width:66.66%;}
.col-md-9{width:75%;}
.col-md-10{width:83.33%;}
.col-md-11{width:91.66%;}
.col-md-12{width:100%;}
.item-latest-post{
flex:0 0 24%;
}
.cat-img-items li{
flex:0 0 24%;
}
.header-cart-items{
display:flex;
padding-bottom:5px !important;
font-weight:600;
}
.cart-items .cart-item .left-item{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center !important;
}
.total-price-cart-item, .price-cart-item, .count-cart-item{
display:none;
}
#cart-sidebar{
width:300px;
}
.product-item .count-product-to-cart{
right:15px;
bottom:0;
}
form[name="checkout"]{
width:60%;
}
.cart-items .cart-item .right-item{
flex-direction:row;
gap:10px;
}
.footer-left{
margin:0 !important;
}
}
/* search style */
#load-more-container{
display:flex;
justify-content:center;
}
#load-more-search{
background:#000;
color:var(--yellow);
padding:5px 10px;
font-size:17px;
font-weight:600;
border-radius:5px;
cursor:pointer;
}

#load-more-search:hover{
background:var(--yellow);
color:#000;
}
@media screen and (max-width:991px){
.about-elitsocks .image-column img{
margin-top:15px;
}
}
@media screen and (min-width:992px){
.col-lg-1{width:8.33%;}
.col-lg-2{width:16.66%;}
.col-lg-3{width:25%;}
.col-lg-4{width:33.33%;}
.col-lg-5{width:41.66%;}
.col-lg-6{width:50%;}
.col-lg-7{width:58.33%;}
.col-lg-8{width:66.66%;}
.col-lg-9{width:75%;}
.col-lg-10{width:83.33%;}
.col-lg-11{width:91.66%;}
.col-lg-12{width:100%;}
.product-item{
flex:0 0 24%;
}
.about-elitsocks .text-column{
line-height:1.9em;
}
form[name="checkout"]{
width:50%;
}
}
@media screen and (min-width:1200px){
.col-xl-1{width:8.33%;}
.col-xl-2{width:16.66%;}
.col-xl-3{width:25%;}
.col-xl-4{width:33.33%;}
.col-xl-5{width:41.66%;}
.col-xl-6{width:50%;}
.col-xl-7{width:58.33%;}
.col-xl-8{width:66.66%;}
.col-xl-9{width:75%;}
.col-xl-10{width:83.33%;}
.col-xl-11{width:91.66%;}
.col-xl-12{width:100%;}
.about-elitsocks .image-column img{
max-height:500px;
}
.product-category-description{
margin:0 auto 40px auto !important;
}
}
#menu-side{
width:250px;
height:100vh;
position:fixed;
top:0;
right:0;
padding:10px;
text-align:right;
background:#fff;
transition-property:transform, left, right;
transition-delay:0s, 0s, 0s;
transition-timing-function:ease-in-out;
transition-duration:400ms;
z-index:9999;
box-shadow:-5px 0 100px rgb(0 0 0 / 80%);
}
.close-menu{
right:-370px !important;
}
#menu-side .box-close-btn{
display:flex;
justify-content:end;
}
#menu-side svg{
width:20px;
height:20px;
color:red;
cursor:pointer;
}
#menu-side svg:hover{
color:rgb(159, 0, 0);
}
#menu-side h3{
color:var(--brand-green);
text-align:center;
font-size:21px;
margin:15px 0;
}
#menu-side nav a{
text-decoration:none;
display:block;
color:rgb(0, 0, 0);
padding:10px 5px;
direction:rtl;
display:flex;
justify-content:space-between;
}
#menu-side nav a:hover{
background:var(--brand-green);
color:var(--brand-gold) !important;
}
#menu-side > nav{
background:#fff;
}
#menu-side > nav > ul{
display:flex;
flex-direction:column;
padding:0;
}
#menu-side > nav > ul > li{
list-style:none;
padding:0;
margin:0;
width:100%;
border-bottom:2px solid #e6e6e6;
}
#menu-side > nav > ul > li:last-child{
border-bottom:none !important;
}
#menu-side > nav > ul > li > ul{
height:0px;
overflow:hidden;
transition:height 2s ease;
padding:0;
background:#eeede5 !important;
}
.ul-plus::after{
content:"✚";
font-size:13px !important;
}
.ul-minus::after{
content:"▂";
font-size:11px !important;
}
#menu-side > nav > ul > li > ul > li{
list-style:none;
padding:0;
margin:0;
border-bottom:1px solid var(--brand-green);
}
#menu-side > nav > ul > li > ul > li:last-child{
border-bottom:none !important;
}
#menu-side > nav > ul > li > ul > li > a{
padding:8px 35px 8px 5px;
}
.open{
height:auto !important;
}
.active-link{
background:var(--brand-green);
border-bottom:none !important;
}
.active-link > a{
color:var(--brand-gold) !important;
font-weight:600;
font-size:17px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top:7px !important;
}
.woocommerce-checkout input::placeholder,.select2-selection__placeholder{
text-align:right;
color:#b0b0b0 !important;
}
.product-category-description{
padding:10px;
background:#fcfcfc;
border-radius:4px;
margin-bottom:40px;
border:1px solid #bebebe;
}
.product-category-description h2{
font-size:16px;
color:#000;
margin:20px 0 5px 0;
}
.product-category-description h3{
font-size:15px;
color:#555;
margin:20px 0 5px 0;
}
.product-category-description h2:first-child{
margin-top:10px;
}
.product-category-description p, .product-category-description li{
font-size:14px;
line-height:1.6em;
text-align:justify;
margin-bottom:10px;
}
.product-category-description a{
color:#3426d2;
}
#billing_email_field{
	display:none;
}

.digits-form_container{
margin:0 auto !important;
padding:0 15px !important;
border-radius:4px !important;
width:100% !important;
}
.digits-form_heading_text, .digits-form_tab-bar{
display:none;
}
input.dig-mobmail{
border:1px solid !important;
}
#show-all-product{
padding:5px 10px;
background:var(--brand-gold);
color:var(--brand-green);
border:1px solid #000;
border-radius:4px;
}
#show-all-product:hover{
background:var(--brand-green);
color:var(--brand-gold);
}
.woocommerce-remove-coupon {
	display:none;
}

.checkout-inline-error-message{
	display:none !important;
}
.text-off {
color: rgb(109, 109, 109);
height: 99px;
overflow: hidden;
}
#open, #close {
color: #c62f2ff0;
cursor: pointer;
text-align: center;
font-size: 15px;
font-weight: bold;
background: #fcfcfc;
margin: -41px auto 50px auto;
width: 150px;
border-radius: 0 0 10px 10px;
border: 1px solid #b8b8b8;
border-top: none;
padding-bottom:5px;
}
#close {
display: none;
}
label[for="billing_postcode"] span {
  display: none;
}

.woocommerce-shipping-totals th,.woocommerce-shipping-totals td{
	padding-bottom:20px;
}


.left-item-cart-sidebar span{
	direction:ltr;
}