/*
Theme Name:ayhan Theme
Theme URI:https://elurasocks.com
Author:Reza Nikkhah
Author URI:https://elurasocks.com
Description:ayhan
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(--yellow) !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{
--gray:#e9e9e9;
--yellow:#fcc700;
--bright-yellow:#facc15;
--black:#000;
--white:#fff;
--green:#00C040;
--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{
background:#e1e1e1;
}
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{
background:var(--white);
}
.header-container{
padding:10px 5px;
}
.col-logo{
display:flex;
align-items:center;
}
.logo-des{
display:flex;
align-items:center;
font-size:14px;
font-weight:600;
padding-right:10px;
}
/* search style start */
.col-search-icon{
display:flex;
align-items:center;
justify-content:end;
}
.col-search-icon svg{
width:25px;
color:var(--yellow);
}
.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:#fcb900;
color:#000;
cursor:pointer;
transition:background 0.3s;
}
.search-content button:hover{
background:#000;
color:#fcb900;
}
.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(--yellow);
}
.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:var(--green);
position:relative;
border-radius:5px;
}
header .header-cart svg{
width:20px;
height:20px;
color:var(--white);
}
header .header-cart-count{
position:absolute;
top:-12px !important;
right:-10px !important;
background:var(--red);
padding:2px 5px;
font-size:10px;
color:var(--white);
border-radius:50px;
}
.header-cart svg{
width:20px;
height:20px;
color:var(--white);
}
 .header-cart-count{
position:absolute;
top:-5px;
right:-5px;
background:var(--red);
padding:2px 5px;
font-size:10px;
color:var(--white);
border-radius:50px;
}
/*--------------- header css end ---------------*/
/*================ main css start ================*/
.rank-math-breadcrumb{
padding:10px 5px;
background:#ffffff6b;
margin-top:10px;
border-radius:5px;
border:1px solid #fff;
}
.rank-math-breadcrumb a{
color:#ce9500;
font-weight:600;
font-size:14px;
}
.slider{
overflow:hidden;
cursor:pointer;
background:var(--gray);
margin-bottom:20px;
}
.slider-items{
position:relative;
}
.slider-item{
position:absolute;
top:0; left:0;
width:100%;
height:400px;
opacity:0;
transition:opacity 0.5s ease-in-out;
}
.slider-item.active{
opacity:1;
z-index:1;
}
.slider-item img{
width:100%;
}
.container-cats{
max-width:1200px;
margin:0 auto;
text-align:center;
}
h1.container-cats{
color:#c70000;
font-size:30px;
font-weight:500;
}
.p-size{
font-size:18px;
font-weight:600;
margin-bottom:25px;
}
.p-des{
display:inline-block;
background:#e1e1e1;
padding:0 10px;
font-size:14px;
font-weight:600;
}
.container-cats span{
display:block;
height:1px;
margin:0 10px -13px 10px;
}
.container-cats ul{
margin-top:20px;
}
.container-cats h2{
font-size:28px;
margin-bottom:10px;
}
.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(--sport);
}

.blue img{
border:1px solid #005cbf;
}

.pink img{
border:1px solid #dd1559;
}


.sport-cat span{
background:var(--sport);
}
.sport-cat h2{
color:var(--sport);
}
#latest-products{
display:flex;
flex-direction:column;
align-items:center;
gap:50px;
}
.product-list{
gap:0.4rem;
justify-content:center;
}
article.product-item{
position:relative;
text-align:center;
background:var(--white);
border:1px solid #bdbdbd;
border-radius:10px;
overflow:hidden;
padding-bottom:10px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.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:#ff0000;
border-radius:5px;
padding:2px 4px;
color:#fff;
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:#fff;
}
.quantity-wrapper{
justify-content:center;
gap:5px;
}
.quantity-wrapper button{
padding:12px 15px 9px 15px;
background-color:var(--yellow);
border:none;
border-radius:5px;
}
.quantity-wrapper input{
width:40px;
border-radius:5px;
border:1px solid var(--border-products);
text-align:center;
}
.add-to-cart-form{
margin-top:10px;
}
.product-item button[type="submit"]{
background:var(--yellow);
border:none;
padding:10px 6px;
margin-top:10px;
color:var(--black);
font-size:13px;
font-weight:600;
border-radius:5px;
}
.product-item button[type="submit"]:hover, button:hover{
cursor:pointer;
background:var(--black);
color:var(--yellow);
}
.about-elitsocks{
background:var(--navy-blue);
}
.about-elitsocks .text-column, .about-elitsocks .image-column{
padding:10px;
}
.about-elitsocks .text-column h2{
color:var(--bright-yellow);
margin:10px 0;
}
.about-elitsocks .text-column p{
color:var(--white);
font-size:14px;
text-align:justify;
}
.about-elitsocks .text-column a{
color:var(--bright-yellow);
}
.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:#ce9200;
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(--green);
text-align:center;
margin-bottom:20px;
}
.satisfaction h3{
color:var(--green);
font-weight:600;
margin:20px 0 5px 0;
}
.how-to-order{
background:#FBF6EA;
border:1px solid #efe9db;
}
.how-to-order h2{
margin-bottom:5px;
color:#ce9200;
}
.how-to-order h3{
font-weight:bold;
margin:25px 0 5px 0;
}
.about-elitsocks-2 h2{
color:var(--bright-yellow);
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(--bright-yellow);
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:#ffe5b0;
border-radius:5px;
overflow:hidden;
}
.item-latest-post img{
width:100%;
height:200px;
}
.item-latest-post h3{
color:var(--black);
padding:10px;
line-height:1.6em;
text-align:center;
font-weight:600;
font-size:15px;
}
.contact-information{
background:var(--navy-blue);
margin-bottom:20px;
}
.contact-information h2{
text-align:center;
color:var(--bright-yellow);
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:#ea4335;
color:#ea4335;
}
.contact-information a{
display:flex;
line-height:30%;
}
.contact-information .phone svg, .contact-information a.phone{
fill:var(--green);
color:var(--green);
}
.contact-information .telegram svg, .contact-information a.telegram{
fill:#38BEFF;
color:#38BEFF;
}
.contact-information .instagram svg, .contact-information a.instagram{
fill:#fe118b;
color:#fe118b;
}
.contact-information a:hover, .contact-information a:hover svg{
color:var(--white);
fill:var(--white);
}
.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:#eee4d8;
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 #fff;
}
.image-content-box h1{
color:var(--black);
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:#d8a058;
}
.content > div h3{
font-size:20px;
}
.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 #d7d7d7;
}
.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:#f7f7f7;
}
.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(--yellow) !important;
border:none;
border-radius:5px;
padding:0 10px;
font-weight:600;
margin-right:5px;
}
.des-product form button:hover{
color:#ffffff;
}
.des-product form input[type='button']{
height:30px;
background:var(--yellow);
border:1px solid #e8aa00;
border-radius:5px;
padding:5px 12px;
font-size:18px;
font-weight:600;
cursor:pointer;
}
.des-product form input[type='button']:hover{
color:#fff;
}
.des-product form input[type='number']{
height:30px;
width:60px;
position:relative;
top:-4px;
text-align:center;
border:1px solid #c4c4c4;
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:#fff;
border-radius:5px;
padding:5px 5px 0 5px;
margin-bottom:4px;
border:1px solid #dadada;
}
.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:red;
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(--bright-yellow);
border:0;
border-radius:4px;
cursor:pointer;
font-size:16px;
}
.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:4px;
border:1px solid #999;
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(--green);
color:var(--white);
padding:5px 10px;
border-radius:3px;
}
/* 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(--green);
color:#fff;
padding:14px 14px 8px 14px;
border-radius:90px;
cursor:pointer;
font-size:14px;
z-index:500;
}
.cart-fix svg{
color:var(--white);
width:20px;
height:20px;
}
.cart-fix:hover{
background:#333;
}
.fix-cart-count{
position:absolute;
top:-5px;
right:-5px;
background:var(--red);
padding:4px 5px 2px 5px;
font-size:10px;
color:var(--white);
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:var(--red);
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(--bright-yellow);
border-radius:5px;
border:none;
}
.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:5px;
border:1px solid #ccc;
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:#ffc936;
color:var(--black);
}
#cart-sidebar > a.show-cart:hover{
background:var(--yellow);
color:var(--black);
}
#cart-sidebar > a.checkout{
background:var(--green);
color:var(--white);
}
#cart-sidebar > a.checkout:hover{
background:#00a236;
}
/* cart sidebar end */
/*================ main css end ================*/
/*++++++++++++++++ footer css start ++++++++++++++++*/
footer{
background:var(--footer-bg);
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:#00a500;
}
form[name="checkout"] h2{
text-align:center;
color:#ff4e00;
font-size:14px;
margin:15px 0;
}
form[name="checkout"] button[type="submit"]{
background:#00c600;
padding:5px 10px;
color:#fff;
font-size:14px;
border:none;
border-radius:4px;
}
form[name="checkout"] button[type="submit"]:hover{
 background:#00a500;
}
.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%;
background:#fff;
margin-top:20px;
border-radius:5px 5px 0 0;
border:1px solid #bfbfbf;
border-bottom:none;
}
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:#e6f1f2;
border-radius:0 0 5px 5px;
border:1px solid #bfbfbf;
border-top:1px solid #d3e4e5;
}
.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:#059b05;
}
h2.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%;}
.slider-item img, .slider{
height:190px;
}
.cat-img-items li{
flex:0 0 48%;
}
.product-item{
flex:0 0 49%;
}
.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;
}
}
@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%;}
.slider-item img, .slider{
height:250px;
}
.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;
}
}
@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%;}
.slider-item img, .slider{
height:300px;
}
.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%;}
.slider-item img, .slider{
height:400px;
}
.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:#00a605;
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:#81c38f;
color:#000 !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:#e5eee6 !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 #20d644;
}
#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:#009c1f;
border-bottom:none !important;
}
.active-link > a{
color:white !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:#fff;
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:#ffce16;
color:#000;
border:1px solid #000;
border-radius:4px;
}
#show-all-product:hover{
background:#000;
color:#ffce16;
}
.woocommerce-remove-coupon {
	display:none;
}

tfoot > :nth-child(4){
	color:red;
}
.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: #fff;
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;
}