/* Theme Name: Chabok Drip Theme URI: https://chabokgroup.com/ Author: Shahriyar Modami Author URI: https://chabokgroup.com/author/admin Description: The drip theme for WordPress, is a fully responsive theme that looks great on any device. include a front page for blog and woocommerce template. Version: 2.0.1 License: The commercial license and the copyright are reserved for the developer License URI: https://www.chabokgroup.com/licenses/commercial-theme Text Domain: chabok_drip_theme */ /* =Notes -------------------------------------------------------------- This stylesheet is main template styles and rtl.css is rtl direction support This theme may also use other libraries. Other styles added to templates by libraries and can find in /libraries in the root of theme /* ==== CSS Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a {text-decoration: none;} a:focus { outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: none; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* ===== Main Repeatable patterns -------------------------------------------------------------- */ @font-face { font-family:"iransans"; font-style: normal; font-weight: 300; src:url("fonts/iransans/iransans.eot"); src:url("fonts/iransans/iransans.eot?#iefix") format("embedded-opentype"), url("fonts/iransans/iransans.woff2") format("woff2"), url("fonts/iransans/iransans.woff") format("woff"), url("fonts/iransans/iransans.ttf") format("truetype"); } @font-face { font-family:"iransans"; font-style: normal; font-weight: 800; src:url("fonts/iransans/iransans-bold.eot"); src:url("fonts/iransans/iransans-bold.eot?#iefix") format("embedded-opentype"), url("fonts/iransans/iransans-bold.woff2") format("woff2"), url("fonts/iransans/iransans-bold.woff") format("woff"), url("fonts/iransans/iransans-bold.ttf") format("truetype"); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: bold; src: url('fonts/yekan/yekan-b.eot'); src: url('fonts/yekan/yekan-b.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-b.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 100; src: url('fonts/yekan/yekan-t.eot'); src: url('fonts/yekan/yekan-t.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-t.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 300; src: url('fonts/yekan/yekan-l.eot'); src: url('fonts/yekan/yekan-l.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-l.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: normal; src: url('fonts/yekan/yekan-r.eot'); src: url('fonts/yekan/yekan-r.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-r.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 500; src: url('fonts/yekan/yekanmedium.eot'); src: url('fonts/yekan/yekanmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekanmedium.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 800; src: url('fonts/yekan/yekan-ex.eot'); src: url('fonts/yekan/yekan-ex.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-ex.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 900; src: url('fonts/yekan/yekan-900-b.eot'); src: url('fonts/yekan/yekan-900-b.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-900-b.woff') format('woff'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 900; src: url('fonts/yekan/yekan-900-e.eot'); src: url('fonts/yekan/yekan-900-e.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/yekan-900-e.woff') format('woff'); } /* @font-face { font-family: 'toman'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype'); } */ [class^="chabok-icon-"]:before, [class*=" icon-"]:before { font-family: "toman"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-toman:before { content: '\c100'; } .chabok-product-blk .woocommerce-Price-currencySymbol { font-size: 12px; } /* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; } /* Shared Post Format styling */ article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } /* Form fields, general styles first */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } button, input, select, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; outline: 0; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Buttons */ input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .bypostauthor cite span { padding: 6px 30px; font-size: 11px; line-height: 1.428571429; font-weight: normal; color: #ffffff; background-color: #a46497; border: 0px; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); transition: all 200ms; } .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover, .woocommerce #respond:hover, input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #ffffff; background-color: #bb0d8f; transition: all 200ms; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #ffffff; /* background-color: #bb0d8f; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #bb0d8f, #a81082); background-image: -ms-linear-gradient(top, #bb0d8f, #a81082); background-image: -webkit-linear-gradient(top, #bb0d8f, #a81082); background-image: -o-linear-gradient(top, #bb0d8f, #a81082); background-image: linear-gradient(to bottom, #bb0d8f, #a81082); */ } .bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } .ov-unset {overflow:unset !important;} .pddr {padding:0 10px;} .mr-fix {margin:0 -10px;} .mrt0 {margin-top:0 !important;} .fl-r { float: right;} .width100 {width:100%;} .pos-r {position: relative;} .chabok-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; flex-wrap: wrap; } .chabok-start-from { padding-left: 4px; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */ } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Navigation */ .chabok-navi-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'yekan'; font-weight: 700; } .nav-right { width:100%; float: right; } .nav-left { width: 30%; float: right; text-align: left; } .site-content nav { clear: both; line-height: 2; overflow: hidden; } #nav-above { padding: 24px 0; padding: 1.714285714rem 0; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous, .previous-image { float: left; width: 50%; } .nav-next, .next-image { float: right; text-align: right; width: 50%; } .nav-previous a, .nav-next a { background: #eee; margin: 0 10px; padding: 4px 10px; display: inline-block; border-radius: 10px; font-family: 'yekan'; color: #444; font-size: 14px; } .chabok-term-count { position: absolute; top: -50px; left: 11px; font-family: 'yekan'; font-size: 14px; color: #666; border: 1px solid #ccc; padding: 5px 21px; border-radius: 20px; } .nav-next { text-align: left; } .nav-single + .comments-area, #comment-nav-above { margin: 15px 0; } /* Author profiles */ .author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; } .author-description { float: right; width: 80%; } .author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; } .author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; } .author.archive .author-avatar { margin-top: 0; } /* === Basic structure -------------------------------------------------------------- */ /* Body, links, basics */ html * { box-sizing: border-box; } html { font-size: 100%; } html.chabok-no-scroll { overflow: hidden; -webkit-overflow-scrolling: touch; } html.chabok-no-scroll::-webkit-scrollbar { display: none !important; } body { color: #141414; direction: rtl; unicode-bidi: embed; font-family: "iransans", tahoma; } body.custom-font-enabled { font-family: "iransans", tahoma; } caption, th, td { text-align: right; } a { outline: none; color: #141414; } a:hover { color: #003d2b; } .weight-normal { font-weight: normal; } /* Assistive text */ .assistive-text, .site .screen-reader-text, .cliped { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } .main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Page structure */ body.chabok-nav-is-toggle #main::before { content: ''; background: rgba(0, 0, 0, 0.651); width: 100%; height: 100%; position: fixed; right: 0; z-index: 9; top: 0; } .chabok-bg-white { background: #ffffff; } .site { padding: 0; } .site .chabok-main-width { margin: 0 auto; max-width: 1400px; overflow: hidden; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-container { overflow: unset; max-width: 620px; } .site .chabok-fluid-container { margin: 0 auto; max-width: 1920px; } .site-content { float: left; width: 74%; } .shop-archive { float:left; width:74%; padding-right:10px; } body.post-template-default.single, body.archive.category, body.archive.tag, body.archive.date { background:rgb(243, 243, 243); } .shop-archive .site-content, .site-content.no-padder { width:100%; padding:0; } body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; } .widget-area { float: right; width: 25%; } .shop-widget-area { width:25%; float:right; } .site-content { margin: 20px 0 0; padding:0 10px; } .widget-area { margin: 0 0 0; padding:50px 0 0; background: #fff; box-shadow: 0 0 10px #eee; } .shop-widget-area { margin:0; padding-left:10px; padding-right: 0; } .shop-page.with-sidebar .shop-widget-area { margin: 20px 0 0; } /* Header */ .site-header { padding:0; position: absolute; margin-bottom: 0px; width: 100%; z-index: 99; transition: all 400ms; } .chabok-not-frontpage .chabok-main-container { padding-top: 70px; } .chabok-fix-header .site-header, .chabok-not-frontpage .site-header { position: fixed; background:#3e3e3e; top: 0; width: 100%; right: 0; z-index: 99; transition: all 400ms; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.29); } .chabok-fix-header .site { padding-top: 0px; } body.home .chabok-fix-header .site { padding-top:0; } .chabok-main-header { padding-top: 0px; padding-bottom: 0px; } .chabok-header-items { padding-top: 10px; padding-bottom: 10px; float: right; width:100%; } .site-header h1, .site-header h2 { text-align: center; } .site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; } .site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; } .site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; } .site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .header-image { margin-top: 24px; margin-top: 1.714285714rem; } /* icon menu */ .chabok-icon-category a::before { font-family: 'Font Awesome 5 Pro'; padding-left: 6px; font-size: 12px; line-height: 0; top: 1px; position: relative; color: inherit; } .chabok-icon-category a::before { content: "\f036"; } .chabok-icon-hot a::before { content: "\f46a"; } .chabok-icon-contact a::before { content: "\f025"; } .chabok-cf7 { font-family: 'yekan'; } .chabok-cf7-field { width: 50%; float: right; margin-bottom: 10px; } .chabok-cf7-field:nth-child(odd) { padding-left: 10px; } .chabok-cf7-field:nth-child(even) { padding-right: 10px; } .chabok-cf7-field-full.cf-button { text-align: left; position: relative; } .chabok-cf7-field-full.cf-button .wpcf7-spinner { position: absolute; left: 70px; top: 3px; } .chabok-cf7-field-full { width:100%; clear: both; margin-bottom: 10px; } .chabok-cf7-field-full textarea { width:100%; height: 100px; } .chabok-cf7-field input, .chabok-cf7-field select { width:100%; } .cf-button input { background: black; font-size: 15px; padding: 9px 50px; } .entry-content .textwidget { width:40%; float:right; padding: 22px; border-radius: 10px; } .textwidget > div strong { font-family: yekan; color: #555; margin-left:4px; } .entry-content .textwidget > div { display: flex; align-items: center; margin-bottom:10px; flex-wrap:wrap; } .textwidget > div i { margin-left: 10px; min-width: 50px; min-height: 50px; display: flex; align-items: center; justify-content: center; background: #eee; border-radius: 45px; font-size: 20px; } .chabok-logo-block a { } .chabok-logo-block { width:20%; float: right; padding:0px; text-align: right; } .chabok-theme-logo { height: 50px; } .chabok-theme-logo img { height: auto; width: auto; max-width: 145px; } /* .chabok-fix-header .chabok-theme-logo img { filter: invert(); } */ .search-result-note { padding: 42px 10px; font-family: 'yekan'; color: #666; } .search-result-content p.se-note { float: right; width: 100%; text-align: center; margin-bottom: 37px; padding-bottom: 34px; border-bottom: 1px solid #eee; font-family: 'yekan'; color:#555; } .search-result-form { width:100%; margin-bottom: 30px; float: right; text-align: center; } .search-result-form form input#s { width: 40%; min-width: 300px; border-radius: 100px; padding-right: 15px; padding-left: 30px; } .search-result-form form input#searchsubmit { width: 100px; max-width: 100px; border-radius: 100px; margin-right: -35px; } .search-result-form form > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .close-search-block { display: none; } .close-search-block.chabok-active { display: block; position: absolute; left: 5%; font-size: 40px; color: #666; top:10px; } .chabok-search-block { width:35px; height:35px; float: left; padding:0; text-align: center; top:-100px; transition: top 0ms; } .chabok-search-block.chabok-active { position: fixed;width: 100%;z-index: 99;background: #f9f9f9; right: 0;height: 100vh; transition: top 300ms; top:0; } .chabok-search-block.chabok-active .chabok-search-container { max-width: 720px; margin-top:50px; } .chabok-search-block .chabok-search-input { display:none; } .chabok-search-block.chabok-active .chabok-search-input { width:100%; padding: 10px 33px 10px 3px; border: 1px solid #ccc; display: block; } .chabok-search-block.chabok-active .chabok-search-btn { top: 4px; } .chabok-search-block.chabok-inline-search.chabok-active { height: auto; top: 0; padding:20px 0; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-container { margin:0 auto; padding:0 10px; position: relative; } .chabok-search-block.chabok-inline-search .chabok-search-input { transition: all 300ms; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-input { padding: 5px 33px 5px 3px; max-width: 600px; margin-top:0; transition: all 500ms; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-btn { top: 7px; visibility: visible; right: 9px; color: #aaa; padding: 0; } .chabok-search-block.chabok-inline-search.chabok-active .close-search-block.chabok-active { font-size: 22px; z-index: 99; right: auto; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; justify-content: center; align-items: center; left: 16px; cursor: pointer; } .chabok-search-block.chabok-inline-search.chabok-active .close-search-block.chabok-active:hover { color:red; } .brand-img img { position: absolute; left: 10px; max-height:25px; width:auto; } .chabok-menu-block { width:20%; float: right; } .chabok-small-screen-menu { float: right; display:none; padding: 6px 10px 0 10px; } .nav-left-icon-menu { display: none; width: 25px; float: left; margin-left: 12px; font-size: 17px; line-height: 0; text-align: center; cursor: pointer; padding:16px 0; } .chabok-search-container { max-width: 450px; margin:0 auto; } .chabok-search-container form { position: relative; text-align: right; } .chabok-search-block .chabok-search-input { padding: 6px 33px 6px 3px; line-height: normal; width: 117px; border-radius: 25px; background: rgb(249, 249, 249); border: 0; margin-top: 4px; } .chabok-search-block .chabok-search-btn { padding: 10px 9px; line-height: 0; position: absolute; right: 0px; background-color: transparent; border: 0; color: #fff; font-size: 15px; width: auto; top:0; margin:0; } .s-txt {font-size:12px;} .chabok-search-block .chabok-search-btn:hover, .chabok-search-block .chabok-search-btn:focus { background:transparent !important; } .chabok-iconset-head { text-align: center; font-size: 16px; padding: 5px; border-radius: 30px; } .chabok-iconset-head span { line-height: 2.4; float: left; width: 35px; text-align: center; height: 35px; background: #eee; border-radius: 100px; margin-right: 17px; transition: all 100ms; } .chabok-iconset-head span:hover { /*background: #fcbd04; */ color: #fff; transition: all 100ms; font-weight: bold; } .chabok-iconset-head a, .chabok-iconset-head span, #search-block { position: relative; } #search-block { display: block; height: 100%; } .chabok-iconset-head a, .chabok-iconset-head span, .chabok-search-block .chabok-search-btn { color:#eee; font-size:18px; background:transparent; } .chabok-iconset-head a:hover, .chabok-iconset-head span:hover, .chabok-search-block .chabok-search-btn:hover { color:#fff; font-weight: bold; transition: all 300ms; } .chabok-iconset-head span.chabok-account::after, .chabok-iconset-head span.chabok-cart::after, #search-block::after { opacity: 0; content:''; } .chabok-iconset-head span.chabok-account:hover::after, .chabok-iconset-head span.chabok-cart:hover::after, #search-block:hover::after { content:''; opacity: 1; transition: all 300ms; height:1px; background:#fff; position: absolute; bottom: -6px; left:1px; transition: all 300ms; right: 1px; } /* .chabok-fix-header .chabok-iconset-head a, .chabok-fix-header .chabok-iconset-head span, .chabok-fix-header .chabok-search-block .chabok-search-btn { color:#333; } */ .chabok-submenu { position: absolute; background: #e3e3e3; right: 0; left: 0; top: 0px; height: 0vh; opacity: 0; transition: all 200ms; z-index: 99; top: 120px; visibility: hidden; padding:60px 0; } .nav-right ul li.with-chabok-submenu::after { content:''; opacity: 0; transition: all 300ms; bottom:-25px; } /* li.with-chabok-submenu:hover > .chabok-submenu,*/ li.with-chabok-submenu.chabok-active .chabok-submenu { visibility: visible; position: fixed; height: auto; opacity: 1; transition: all 200ms; top:71px; } .nav-right ul li.with-chabok-submenu ul { position: relative; visibility: visible; clip: unset; width:100%; top: auto; left:auto; right:auto; background:none; box-shadow: none; transform: unset; color:#000; height: auto; } .nav-right ul li.with-chabok-submenu ul li { float: right; width:100%; border:0; padding:0; } .nav-right ul li.with-chabok-submenu ul li a { line-height: normal; text-align: right; display: block; color:#444; background:none; padding: 8px 0; border: 0; width: max-content; } .nav-right ul li.with-chabok-submenu strong { display: block; text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 12px; font-weight: 700; font-size: 16px; } .nav-brand-title { text-align: center;font-weight: 900;padding-top: 30px; } .nav-brand-title i { margin-left:8px; color:#666; } .nav-brand-text { text-align: center; margin-top: 20px; border: 1px solid #a6a5a5; padding: 10px; border-radius: 3px; } .nav-right ul li.with-chabok-submenu.chabok-active:hover::before { content: ''; position: absolute; left: 0; right: 0; bottom: -12px; top: -10px; cursor: pointer; background: transparent; } .nav-right ul li.with-chabok-submenu.chabok-active:hover::after { content: ''; opacity: 1; transition: all 300ms; background:transparent; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e3e3e3; position: absolute; left: 0px; bottom: -11px; right: 0; margin: auto; } .nav-right ul li.with-chabok-submenu > a:hover::after { content: none !important; } .chabok-side-menu > div.block-menu { } .chabok-side-menu > div.block-menu a { color:#555; position: relative; z-index: 2; display: block; padding: 18px; text-align: right; margin-bottom: 8px; margin-left: 23px; border: 1px solid #ccc; height: 146px; border-radius: 6px; text-align: center; position: relative; } .chabok-side-menu > div.block-menu a:hover { color:#000; } .chabok-side-menu .block-menu a::after { content: ''; font-size: 49px; display: block; text-align: center; margin-top: 0; background-size: contain !important; width: 70px; height: 70px; margin: 2px auto; background-position: center; } .chabok-side-menu .block-menu.kitchen a::after { background-image: url('images/icons/3.png'); width: 104px; height: 104px; } .chabok-side-menu .block-menu.clean a::after { background-image: url('images/icons/1.png'); width:113px; height:110px; } .chabok-side-menu .block-menu.pot a::after { background-image: url('images/icons/2.png'); width: 96px; height: 101px; } .slider-cat-title { font-family: 'yekan'; font-size: 12px; padding-left: 10px; font-weight: 800; position: relative; top: -2px; } span.chabok-small-screen-search { display: none; } .chabok-social-media { float: right; width: 100%; } footer .chabok-social-media { float: right; width: 100%; margin-top: -52px; margin-bottom: 7px; padding: 10px 0; border-top-right-radius: 15px; border-top-left-radius: 15px; } .chabok-social-media a { padding: 0 10px; float: right; font-size: 25px; width: 45px; height: 45px; border-radius: 9px; background: transparent; margin: 0 6px; text-align: center; color: #000; line-height: 46px; opacity: 0.7; box-shadow: 0 -2px 0px 1px #b9b8b8; top:0; position: relative; transition: all 200ms; } .chabok-social-media a:first-child { margin-right: 0; } .chabok-social-media i { } .chabok-social-media i::before { top:3px; position: relative; } .chabok-social-media a:hover, .chabok-social-media a:focus { opacity: 1; background:#f4f4f4 !important; transition: all 200ms; top: -4px; } .chabok-social-media a.chabok-fb { color: #17408b; } .chabok-social-media a.chabok-fb:hover { color: #1f69f3; } .chabok-social-media a.chabok-tw { color: #0d89a5; } .chabok-social-media a.chabok-tw:hover { color: #0dbfe7; } .chabok-social-media a.chabok-ig { color: #a1086c; } .chabok-social-media a.chabok-ig:hover { color: #d1078a; } .chabok-social-media a.chabok-wa { color: #047e22; } .chabok-social-media a.chabok-wa:hover { color: #00c732; } .chabok-social-media a.chabok-tg { color: #095c6e; } .chabok-social-media a.chabok-tg:hover { color: #0e99b8; } /* Navigation Menu */ .main-navigation { padding-top: 0px; text-align: center; padding-bottom: 0px; transition: all 200ms ease-out; float: right; width:60%; } .chabok-fix-header .main-navigation.chabok-hide { height: 0; overflow: hidden; padding: 0; transition: all 300ms ease-out; } .main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; } .main-navigation a { color: #5e5e5e; } .main-navigation a:hover, .main-navigation a:focus { color: #21759b; } .site-header h1, .site-header h2 { text-align: left; } .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { float: right; width: 100%; text-align: center; padding:0 15px; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #eee; line-height: normal; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover, .main-navigation li a:focus { color: #fff; } /* .chabok-fix-header .main-navigation li a { color:#555; } .chabok-fix-header .main-navigation li a:hover, .chabok-fix-header .main-navigation li a:focus { color:#000; } */ .page-container { padding-top:40px; padding-bottom: 50px; } .main-navigation li { margin: 0 0 0 25px; position: relative; float: unset; padding: 15px 0; } .main-navigation .nav-left li { float: left; margin: 0 25px 0 0px; } .front-page-content { float: right; width:75%; } .sub-menu li {margin:0 !important;} .main-navigation li > ul:before { content: ""; right: 0; left: 0; margin:auto; text-align: center; padding: 0; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e3e3e3; position: absolute; z-index: 99; top: -8px; } .main-navigation li ul li > ul { padding-top:0; } .main-navigation li ul li > ul:before { content:none; } .main-navigation li ul { background: #ffffff; box-shadow: #ccc 0 0 4px; border-radius: 5px; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; z-index: 99; height: 1px; width: 1px; overflow: hidden; padding-top:5px; clip: rect(1px, 1px, 1px, 1px); -webkit-transform:translateY(10%); -moz-transform:translateY(10%); transform:translateY(10%); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .main-navigation li ul li > ul, .main-navigation li ul li:hover > ul { padding-top: 0; width: 100%; visibility: visible; clip: unset; height: auto; position: relative; box-shadow: none; transform: translateX(0); transform: translateY(0); } .main-navigation .nav-right .nav-menu > li > ul { box-shadow: none; border-radius: 0; width: 100%; padding: 0 16px; background: transparent; max-width: 400px; position: fixed; top: auto; margin-top: 15px; margin-right: -12%; left: auto; right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-navigation .nav-right .nav-menu > li > ul > li { width:100%; padding:15px; background:#e3e3e3; } .main-navigation .nav-right .nav-menu > li > ul > li > a { border-bottom: 0; color:#444; } .main-navigation li ul li:hover > ul li, .main-navigation li ul li > ul li { width:50%; padding:10px } .main-navigation .nav-right .nav-menu > li > ul li a { z-index: 3; position: relative; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } .main-navigation .nav-right .nav-menu .women-image > a { height:100px; } /** ICON NAVI */ .main-navigation .nav-menu .shirt-icon a::before { content: '\f553'; font-family: 'Font Awesome 5 Pro'; } .main-navigation .nav-menu .img-icon a::before { content: ''; background-image: url('images/dress/dress-icon.png'); width: 9px; height: 16px; background-position: -80px; background-size: auto 100%; margin-left: 3px; position: relative; top: 0; } .main-navigation .nav-menu .img-icon.shirt a::before { background-position:0; } .main-navigation .nav-menu .img-icon.pants a::before { background-position:-15px; } .main-navigation .nav-menu .img-icon.scarf a::before { background-position:-31px; } .main-navigation .nav-menu .img-icon.blouse a::before { background-position:-47px; } .main-navigation .nav-menu .img-icon.comfort a::before { background-position:-63px; } .main-navigation .nav-menu .img-icon.saheli a::before { background-position:-77px; } /* .main-navigation .nav-right .nav-menu > li > ul > li > a::after { content: ''; width: 100%; background-color: rgba(0, 0, 0, 0.089); position: absolute; height: 100%; right: 0; z-index: 1; left: 0; } */ .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .main-navigation li ul li a { border-bottom:1px dashed #eee; display: inline-block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; white-space: normal; } .main-navigation li ul li:last-child a { border-bottom:0; } .main-navigation li ul li a:hover, .main-navigation li ul li a:focus { color: #444; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; } .menu-toggle { display: none; padding: 0; background: none; box-shadow: none; border: 0; font-size: 35px; } .menu-back-button, .menu-close-button { text-align: right; color: #fff; font-size: 13px; margin-bottom: 22px; padding: 0 13px; display: none; cursor: pointer; } .menu-back-button i, .menu-close-button i { position: relative; top: 4px; margin-left: 3px; } .menu-close-button { display: block; position: absolute; right: 0; top: -43px; color: #777; font-weight: normal; border: 1px solid #ccc; border-radius: 100px; } .menu-close-button i { top:2px; } /* Banner */ section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; } /* Sidebar */ .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 20px; word-wrap: break-word; background: none; padding: 10px 15px; position: relative; box-shadow: none; margin-top:20px; } .widget-area .widget .widget-title { margin-bottom: 15px; color: #555; font-size: 16px; font-family: 'yekan'; font-weight: normal; padding-right: 26px; position: relative; } .widget-area .widget .widget-title span { z-index: 9; position: relative; } .widget-area .widget .widget-title::before { content: none; height: 1px; width: auto; position: absolute; bottom: 0px; background: #dfeafd; right: 24px; left: 0; } .widget-area .widget h3:after { background-color: #ffaab6; position: absolute; content: ""; height: 3px; width: 35px; right: -16px; top: 0px; z-index: 1; border-radius: 10px; bottom: 0; margin: auto; } .widget.chabok-radius {border-radius: 10px;} .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .textwidget ul, .widget-area .textwidget ol { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .widget-area .textwidget li > ul, .widget-area .textwidget li > ol { margin-bottom: 0; } .widget-area .textwidget ol { list-style: decimal; } .widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } .widget-area .widget a { color: #666; font-family: 'yekan'; font-size: 14px; } .widget-area .widget a:hover, .widget-area .widget a:visited:hover { color: #21759b; } .widget-area .widget a:visited { color: #666; } .widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ } .widget-area ul, .widget-area ol { padding:0; margin:0; list-style: none; } .widget-area a { color:#555; } .widget-area a:hover, .widget-area a:focus { color:#007cbd; } .widget-area ul li:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; padding-left: 9px; top: 2px; position: relative; font-size: 15px; } .widget-area .widget_recent_comments li.recentcomments { border-bottom: 1px dashed #ccc; padding: 5px 0; min-height: 59px; } .widget-area .widget_recent_comments li.recentcomments:last-child { border-bottom:0; } .widget-area .widget_recent_comments li.recentcomments:before { content: "\f406"; font-family: "Font Awesome 5 Pro"; padding-left: 0; float: right; width: 40px; height: 40px; background: #b5b5b5; text-align: center; border-radius: 6px; font-size: 21px; margin-left: 10px; color: #fff; } .widget-area .widget_recent_comments li span{ float: right; padding-left: 6px; } .widget-area ul.most_liked_post li::before { content:none !important; } .widget-icon { text-align: center; font-size: 25px; color: #808080; } .widget-area ul.most_liked_post li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; align-items: center; align-content: center; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; } .widget-area ul.most_liked_post li img { min-width: 40px; } .widget-area .widget_media_image { background: none; box-shadow: none; padding:0; } .widget-area .widget_media_image img { width: 100%; max-width: 322px !important; margin: 0 auto; box-shadow: #ccc 0 0 4px; border-radius: 10px; } .widget-area .widget_media_image .widget-title, .widget-area .widget_media_image .widget-title:after { background: none; background-image: none; margin-bottom: 0px; } .widget-area .widget_media_image .widget-title { position: absolute; text-align: center; margin: 0 auto; width: 100%; background:#0202022e; color:#fff; border-radius: 10px 10px 0 0; } /* woocommerce widget */ .widget-area .widget_shopping_cart .cart_list li { padding-right:0; padding-top:5px; } .widget-area .widget_shopping_cart .woocommerce-mini-cart__total { text-align: center; padding-top: 12px; margin-bottom: 10px; } .widget-area .widget_shopping_cart .woocommerce-mini-cart__buttons a.button { width:49%; margin:0.5%; text-align: center; background:#000; color:#fff; } .widget-area .widget_shopping_cart .cart_list li .remove_from_cart_button { background: rgba(24, 24, 24, 0.466); border-radius: 50%; color: #fff !important; } .widget-area .widget_shopping_cart .cart_list li .remove_from_cart_button:hover { background: rgba(255, 76, 76, 0.74); } .widget-area .product-categories li:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; padding: 0 5px; } .widget-area .product-categories li.cat-parent:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; padding: 0 5px; } .widget-area ul.cart_list li img, .widget-area ul.product_list_widget li img { float:right; margin-left:4px; width:50px; border: 1px solid #eee; border-radius: 8px; } .widget-area ul.product_list_widget li { border-bottom:1px dashed #ccc; } .widget-area ul.product_list_widget li:last-child { border-bottom:0; } .widget-area ul.product_list_widget li a { font-weight: normal; font-size: 14px; color:#333; } .widget-area ul.product_list_widget li span.woocommerce-Price-amount.amount { font-family: 'yekan',tahoma; font-size:12px; } /* yith widget */ .widget-area .widget_price_filter .price_label { direction:rtl; text-align: center; font-family: 'yekan',tahoma; font-size:14px; } .widget-area .widget_price_filter .price_slider_amount .button { font-size:0px; display: block; float: right; width: 100%; background:#a46497; color:#fff; padding: 7px; } .widget-area .widget_price_filter button:after { content:"\f00c"; font-size:18px; font-family: "Font Awesome 5 Pro"; } .widget-area .widget_price_filter .price_slider_amount span { direction: rtl; } .widget-area .yith-woo-ajax-reset-navigation { background: none; background: transparent; box-shadow: none; padding: 0; } .widget-area .yith-woo-ajax-reset-navigation h3 { display: none; } .widget-area .yith-woo-ajax-reset-navigation .yith-wcan-reset-navigation.button { background:#a46497; color:#fff; width: 100%; text-align: center; box-shadow:#ccc 0 0 5px; font-size: 17px; font-family: yekan; font-weight: normal; } .widget-area .yith-woo-ajax-reset-navigation .yith-wcan-reset-navigation.button:hover { background:#814976; } .widget-area .woocommerce-Price-amount.amount { font-family: 'yekan',tahoma; } .widget-area .widget_recent_reviews .reviewer { font-size:12px; } /* Footer */ footer[role="contentinfo"] { clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 100px; margin-top: 5.714rem; margin-left: auto; margin-right: auto; position: relative; } footer[role="contentinfo"] a:hover { color: #007cbd; } .chabok-main-width.chabok-footer-top { overflow: unset; width: 100%; } .social-newsletter { width: 100%; float: right; background: #fff; padding: 15px; box-shadow: 0 0 20px #00000017; z-index: 9; position: relative; border-radius: 8px; margin-bottom: -35px; } .newsletter-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 10px; } .newsletter-form span.news-title { font-family: 'yekan';font-weight: 800;font-size: 17px;padding-left: 35px; width:40%; } .newsletter-form .input-container { position: relative;width: 60%; } .newsletter-form input { border-radius: 7px; width: 90%; padding-right: 20px; color:#777; } .newsletter-form button { border-radius: 7px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 130px; position: absolute; left: 0; top: 0; display: block; background: #515151; color: #fff; border: 0; padding: 8px; } .site-info span[role=separator] { padding: 0 0.3em 0 0.6em; } .site-info span[role=separator]::before { content: '\002f'; } footer .footer-namad-logo ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; align-items: center; justify-content: center; margin:0; padding:0; } .footer-namad-logo li.enamad a { /*background-image: url('images/enamad-b.png');*/ background-repeat: no-repeat; background-size: 75px 82px; background-position: center; } footer .footer-namad-logo ul li { list-style-type: none; width: 25%; float: left; padding: 0 10px; height: 100%; } footer .footer-namad-logo ul li img { width: auto; max-width:100%; max-height: 150px; } .footer-namad-logo li a { display: block; border: 1px solid #eee; height: 100px; width:100px; padding: 15px; position: relative; } .footer-namad-logo li a::before { content: 'در دست اقدام'; position: absolute; color: black; font-size: 12px; background: #ffffff94; transform: rotate(-45deg); top: 35px; bottom: 0; height: 22px; font-family: 'yekan'; } .chabok-footer-shop-desc { margin:20px 0; } .chabok-footer-shop-desc .chabok-footer-logo { float: right; margin-left: 10px; background: rgba(0, 0, 0, 0.51); width: 100px; height: 100px; border-radius: 13px; display: flex; align-content: center; justify-content: center; align-items: center; } .chabok-footer-logo img { width: 82px; filter: invert(); height: 82px; } .chabok-footer-shop-desc .chabok-site-desc { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #4d4d4d; font-family: 'yekan'; font-size: 13px; } .chabok-footer-left-col { background: #fff; float: left; width: 100%; height: calc(100% + 51px); padding: 35px 20px 0; border-radius: 16px; margin-top: -51px; box-shadow: 0 -12px 4px -7px rgba(0, 0, 0, 0.11); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chabok-footer-left-col .chabok-slogan-icon { display: flex; align-content: center; align-items: center; margin-bottom: 30px; } .chabok-footer-left-col .chabok-service-icon { font-size: 29px; margin-left: 17px; line-height: 0; width:37px; text-align: center; } .chabok-footer-left-col .chabok-service-title { font-family: 'yekan'; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .footer-namad-logo { float: right; width: 100%; margin-top: 0; } .chabok-col-100 { width:100%; float:right; } .chabok-col-90 { width:90%; float:right; } .chabok-col-85 { width:80%; float:right; } .chabok-col-80 { width:80%; float:right; } .chabok-col-70 { width:70%; float: right; } .chabok-col-30 { width:30%; float: right; } .chabok-col-20 { width:20%; float:right; } .chabok-col-10 { width:10%; float:right; } .chabok-col-33 { width:33.3333%; float:right; padding:10px; } .chabok-col-25 { width: 25%; padding:0 10px; float: right; } .chabok-col-50 { width: 50%; float: right; padding: 0 10px; } .chabok-col-16 { width: 16.66666%; float: right; padding:0 10px; } .chabok-col-15 { width: 15%; float: right; } .chabok-one-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; flex-wrap: wrap; } .chabok-two-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; flex-wrap: wrap; width:100%; } .chabok-two-banner img { width:100%; height:100%; max-height: 400px; } .chabok-two-banner > .chabok-col-50 .img-hover-box { margin-bottom: 20px; } .chabok-four-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; margin-bottom: 20px; flex-wrap: wrap; } .chabok-four-banner .line-top::before { content: ''; position: absolute; width: 100px; height: 1px; background: #000; top: 0; right: 0; } .chabok-four-banner .line-top::after { content: ''; position: absolute; height: 100px; width: 1px; background: #000; right: 0; top: 0; display: block; } .chabok-four-banner .line-bottom::before { content: ''; background: #000; width: 1px; height: 100px; position: absolute; left: 0; bottom: 0; } .chabok-four-banner .line-bottom::after { content: ''; background: #000; position: absolute; width: 100px; height: 1px; left: 0; bottom: 0; } .chabok-four-banner .line-right { position: absolute; background: #000; width: 1px; height: 100px; right: 0; top: 0; bottom: 0; margin: auto; } .chabok-four-banner .line-left { position: absolute; background: #000; width: 1px; height: 100px; left: 0; top: 0; bottom: 0; margin: auto; } .img-hover-box { display: block; overflow: hidden; } .img-hover-box.img-with-line { display: block; overflow: unset; position: relative; padding: 25px; } .chabok-banner-title { position: absolute; bottom: -6px; font-family: 'yekan'; font-weight: 800; color: #e606ae; font-size: 19px; right: 25px; } .img-hover-box img { /* -webkit-filter: grayscale(0); filter: grayscale(0); */ -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity:0.9; } .img-hover-box:hover img { /* -webkit-filter: grayscale(90%); filter: grayscale(90%); */ opacity:1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .chabok-shegeftangiz-section { margin-bottom: 20px; } .chabok-shegeftangiz-section .chabok-shegeftangiz-poster { width:100%; height:100%; } .chabok-shegeftangiz .chabok-col-40 { padding:15px; } .chabok-main-slider-url { display:block; overflow: hidden; min-height: 420px; height: 100vh; background-size: cover !important; object-fit: cover; background-position: center !important; background-color: #ccc; } .slider-button a { border: 1px solid #eee; color: #eee; padding: 4px 36px; margin-top: 10px; display: inline-block; border-radius: 100px; text-shadow: 0px 4px 15px #000; } .chabok-main-slider-url:before { content:''; background: linear-gradient(to top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.55)); position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .chabok-slider-content { padding: 30px; color: #fff; line-height: 2; font-family: 'yekan'; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; height: max-content; min-height: 200px; } .chabok-slider-title { display: block; font-size: 33px; font-weight: 800; text-shadow: 1px 2px 1px #000; color:yellow; } .chabok-slider-toptitle { font-weight: 700; font-size: 24px; line-height: 1.4; color: #fff; text-shadow: 0 1px 1px #000; } .chabok-slider-subtitle { font-family: 'iransans'; max-width: 800px; margin: 6px auto; text-shadow: 0px 1px 1px #000; color: #fff; font-size:18px; font-weight: bold; } .blog-section { padding: 70px 0 25px; } .fixed-blog-iconbar { position: relative; width: 100%; padding: 26px 10px; } .fixed-blog-iconbar .article-badge { position: relative; top: auto; left: auto; right: auto; border-radius: 10px; min-width: 95px; } .rotation-title { transform: rotate(-90deg); width: max-content; height: max-content; display: flex; align-items: center; align-content: center; flex-wrap: wrap; font-family: 'yekan'; font-weight: 900; margin-top: 152px; margin-right: -128px; font-size: 30px; color: #8f00b7; } .rotation-title span { border: 1px solid; padding: 43px; border-radius: 10px; } .blog-advertise { margin-bottom: 15px; } .blog-advertise img { width:100%; border-radius: 10px; } .chabok-side-ads img { width:100%; height:100%; border-radius: 10px; } .blog-feature-section { padding-right: 8%; padding-top: 40px; padding-bottom: 40px; } .blog-feature-section .chabok-slider-box { box-shadow: none; } .blog-feature-section .slider-title > span { border:0; } .blog-feature-section .swiper-slide { height: auto; } .blog-feature-section .chabok-slider-box .slider-title::after { background-color: #e6e6e6; } .blog-feature-section .slider-title a { display: block; padding: 0 10px; background: #fff; z-index: 2; } .chabok-slider-with-ads { width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .chabok-slider-with-ads .chabok-main-slider { margin-bottom: 0; } .blog-slider { background: #f9f9f9; padding-top: 25px; } .full-blog-post-title { margin-bottom: 25px; font-family: 'yekan'; font-size: 22px; color: #777; position: relative; padding-right: 11px; } .full-blog-post-title span { background: #fff; padding: 0 0 0 10px; } .full-blog-post-title::before { content: ''; background: #000; width: 30px; height: 4px; position: absolute; top: 5px; bottom: 0; margin: auto; right: -30px; } .chabok-dark-post { margin-top: 20px; position: relative; overflow: hidden; } .chabok-dark-post::before { content: ''; background: linear-gradient(transparent,rgba(0, 0, 0, 0.459)); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .video-blog { margin-bottom: 25px; } .blog-new-style { background: #fff; padding: 26px; border-radius: 10px; } .blog-new-style .chabok-shadow { box-shadow: none; } .blog-new-style img { border-radius: 11px; } .chabok-dark-post h4 { position: absolute; bottom: 35px; text-align: center; right: 0; left: 0; margin: auto; color: #fff; z-index: 3; } .site-content.mgt-0 { margin-top: 0; } .mgt-30 { margin-top:25px; } .mgb-30 { margin-bottom: 25px; } .full-blog-post { background: #fff; padding: 30px; float: right; width: 100%; border-radius: 7px; box-shadow: 0 0 16px #eee; } .blog-main { background:#eee; padding: 50px 0; } .tpp0 { padding-top: 0; } .chabok-blogpost-slider-url { width:100%; height:442px; display:block; position:relative; border-radius: 10px; overflow: hidden; background-size: cover !important; } .chabok-blogpost-slider-url::before { content: ''; position: absolute; top:0; right:0; left:0; bottom:0; background-image: linear-gradient(to bottom,transparent,transparent,rgba(0, 0, 0, 0.97)); z-index: 2; } .chabok-blogpost-slider-url span { z-index: 3; text-align: center; display: block; line-height: 1.4; font-weight: 700; font-family: 'yekan'; bottom: 25px; position: absolute; width: 100%; color: #fff; font-size: 20px; padding: 15px; border-radius: 0 0 5px 5px; } .chabok-radius { border-radius: 13px; } .chabok-shadow { box-shadow: 0 0px 4px rgba(0,0,0,.1); } .chabok-main-slider { width:100%; float: right; margin-bottom: 20px; } ul.products.loading li { opacity: 0.2; } ul.products.loading .chabok-loader { position: absolute; left: 0; right: 0; z-index: 99; top: 36px; opacity: 1; } .chabok-slider-box { width: 100%; height: 100%; /* background-color:#fff; background-image: linear-gradient(#fff, #fff ,#fdfdfd); */ padding: 10px 0px 10px 0px; margin-bottom:20px; } .chabok-blogpost-blk .slide-img-container img { height:160px; } .chabok-shegeftangiz { background-image: linear-gradient(#fff, #fff ,#fdfdfd); } .swiper-button-next::after, .swiper-button-prev::after { font-size:18px; } .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: 'next'; } .swiper-button-next::after, .swiper-button-prev::after { font-size: 18px; } .chabok-swiper-pagination .swiper-pagination { position: absolute;top: 20px;left: 27px;width: auto;bottom: auto; display: none; } .chabok-swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.6; } .chabok-swiper-pagination .swiper-pagination-bullet-active { width: 17px; border-radius: 10px; background: rgb(4, 165, 177); opacity: 1; } .chabok-main-slider .swiper-button-next, .chabok-main-slider .swiper-button-prev { background: rgba(255,255,255,0.5686274509803921); padding: 25px; border-radius: 50%; color:#777; visibility: hidden; opacity: 0; transition: all 200ms; } .chabok-main-slider:hover .swiper-button-next, .chabok-main-slider:hover .swiper-button-prev { visibility: visible; opacity: 1; transition: all 200ms; } .chabok-slider-box .swiper-button-next, #slider-brands .swiper-button-next { z-index: 9; box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15); border-radius: 0 5px 5px 0; left: 0px !important; height: 70px !important; width: 40px !important; color:#000; background-color: rgb(255, 255, 255); } #slider-brands .swiper-button-next, #slider-brands .swiper-button-prev { top: 10px; height: 23px !important; background: none; box-shadow: none; } .chabok-slider-box .swiper-button-prev::before, #slider-brands .swiper-button-prev::before { position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; font-size: 26px; color: #000; font-weight: 700; } .chabok-slider-box .swiper-button-prev, #slider-brand .swiper-button-prev { color: #000; box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15); border-radius: 5px 0 0 5px; right: 0px !important; height: 70px !important; width: 40px !important; background-color: rgb(255, 255, 255); } .latest-product .chabok-slider-box .swiper-button-prev { top: 32px; left: 100px; right: auto !important; height: 40px !important; border: 1px solid #333; border-radius: 100px; } .latest-product .chabok-slider-box .swiper-button-next { top: 32px; left: 38px !important; height: 40px !important; border: 1px solid #333; border-radius: 100px; } .chabok-popular-product { padding-top:40px; padding-bottom: 40px; } .popular-divider { text-align: center; color: #ecff67; margin-top: 15px; display:none; } .chabok-term-popular { z-index: 8; position: relative; width:100%; float: right; margin-bottom: 70px !important; } .term-gray-sec { margin-bottom: 60px !important; z-index: 8; } .popular-products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; flex-wrap: wrap; position: relative; } .popular-bg { width:100%; height:100%; background-size: cover !important; background-repeat: no-repeat; background-position: center; } .popular-link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 3; transition: all 200ms; } .popular-link::before { transition: all 200ms; content:''; } .popular-link:hover::before { content: ''; background: rgba(255, 255, 255, 0.09); transition: all 200ms; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .popular-link ~ div img { transition: all 200ms; } .popular-link:hover ~ div img { transform: scale(1.1); transition: all 200ms; } .popular-title { font-family: 'yekan'; font-size: 22px; font-weight: 700; text-align: center; margin: 55px 0 18px; } .popular-header p { text-align: center; font-size: 14px; color: #666; margin-bottom: 54px; } .popular-content { text-align: center; padding-bottom: 30px; } .popular-content h2 { margin:20px 0; font-weight: normal; } .popular-content .price, .product-by-category-content .price { color:#141414; font-family: 'yekan'; } .product-by-category-content .price { color:#666; min-height:20px; } .popular-products::before { content:''; background:rgba(0, 0, 0, 0.05); position: absolute; top:0; right:0; left:0; width:100%; height:100%; bottom:0; z-index: 3; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: auto; } .slider-title { -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 25px 0; position: relative; padding-left: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .slider-title > span { padding:0; min-height: 40px; font-size: 18px; font-size: 1.086rem; line-height: 31px; white-space: nowrap; display: -ms-flexbox; display: flex; position: relative; font-family: 'yekan'; color: #000; font-weight: 800; font-size: 19px; background: #fff; z-index: 9; padding-left: 13px; border: 1px solid #9d9d9d; border-radius: 100px; padding-right: 16px; padding-bottom: 0; padding-top: 3px; border-top-right-radius: 0; } .slider-title.border-btm > span::before { content: ""; position: absolute; right: 0; left: -40px; bottom: 0; background-color: #ef5661; height: 1px; z-index: 1; } .slider-title.border-btm > span::after { content: ""; position: absolute; left: -45px; width: 6px; height: 1px; background-color: #fff; bottom: 0; z-index: 1; } .slider-title.border-btm > span { border-radius: 0; border: 0; background: none; padding-right: 0; padding-left: 0; } .shegeftangiz-slider { padding-right: 1%; padding-left: 2%; } .shegeftangiz-slider .chabok-slider-box { padding:0 } .about-shop { padding:60px 0; float: right; width:100%; } .chabok-about-shop { position: relative; } .about-this-shop { position: absolute; width: 50%; background-color: #fff; background: linear-gradient(#fff,#fff); background: -webkit-linear-gradient(to bottom, #fff,#fff); background:-moz-linear-gradient(to bottom, #fff,#fff); height: auto; top: 56px; padding: 40px; box-shadow: 0 0 80px rgba(0, 0, 0, 0.102); border-radius: 10px; font-family: 'yekan'; color: #666; bottom: 56px; } .about-this-shop h2 { font-weight: 900; } .about-iconset { padding-left: 40px; } .about-iconset .chabok-slogan-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; align-items: center; margin-bottom: 17px; border: 1px solid #eee; padding: 13px; border-radius: 12px; box-shadow: 0 0 40px #eee; background: linear-gradient(#fff,#fff); background: -webkit-linear-gradient(#fff,#fff); background: -moz-linear-gradient(#fff,#fff); } .about-iconset .chabok-service-icon { font-size: 40px; margin-left: 12px; min-width: 65px; text-align: center; } .about-iconset .chabok-service-title { font-family: 'yekan'; font-size: 14px; font-weight: 800; color: #626262; } .about-iconset .chabok-service-icon i::before, .chabok-footer-left-col .chabok-service-icon i::before { color:#626262; } .about-iconset i::after { color:rgba(0, 0, 0, 0.502); } .about-iconset .chabok-service-desc { font-size: 14px; margin: 10px 0; line-height: 1.7; color:#666; } .about-this-shop p { font-family: 'iransans'; font-size: 14px; line-height: 1.5; text-justify: distribute; margin: 13px 0; text-align: justify; } .chabok-about-shop img { width: 450px; float: left; border-radius: 15px; } .chabok-slider-box .slider-title:after, .slider-title.border-btm:after { position: absolute; right: 0; left: 0; background-color: #9d9d9d; height: 1px; content: ""; z-index: 0; top: 0; bottom: 0; margin: auto; } .slider-title.border-btm:after { bottom: 0; margin: 0; top: auto; } .tiny-text { font-size:14px; font-family:yekan,tahoma; } .slide-not-found { text-align: center; } .slide-not-found img { max-width:350px; } .chabok-slider-box .price, ul.products li.product .chabok-product-blk .price, .compare-price { position: relative; bottom: 0; font-family: 'yekan',tahoma; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 52px; flex-wrap: wrap; justify-content: end; align-content: center; padding: 0 10px; font-size: 15px; text-align: left; } .chabok-slider-box .price del, .compare-price del { padding:0 5px; } .chabok-slider-box .price ins, .compare-price ins { padding:0 5px; background: transparent; } .chabok-slider-product-title { font-weight: 500; line-height: 1.5; text-align: center; height: 45px; overflow: hidden; padding: 3px 7px; font-family: 'yekan'; font-size: 13.4px; color: #666; position: relative; z-index: 3; } .feature-style { position: relative; z-index: 2; } .feature-style .sandan-style .chabok-slider-product-title { font-size: 14px; font-weight: 500; color: #555; margin-top: -15px; margin-bottom: 10px; padding: 0 10px; position: relative; } .feature-style .chabok-product-blk a img { transform: scale(0.9); } .feature-style .chabok-product-blk a:hover img { transform: scale(1); } .chabok-inline-btn-list { padding: 10px 0; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; text-align: center; justify-content: center; overflow: auto; -webkit-overflow-scrolling: touch; } .chabok-inline-btn-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; min-width: max-content; } .chabok-inline-btn-list li a { margin:0 6px; padding:3px 15px; border:1px solid #aaa; border-radius: 100px; line-height: normal; color: #444; cursor: pointer; } .chabok-inline-btn-list li a.chabok-active { background: #7b7b7b; color: #fff; border-color: #7b7b7b; } .chabok-inline-btn-list li a.chabok-active::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; margin-left: 10px; font-size: 13px; background: #a8ffad; color: #000; padding: 2px 3px; border-radius: 100px; } .chabok-product-by-category { position: relative; float: right; width: 100%; } .chabok-product-by-category .chabok-featured-title { position: relative; z-index: 3; } .chabok-product-by-category::before { content: ''; background: url('images/pattern/pattern6.png'); position: absolute; right: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left; z-index: 1; } #ajax-tabber-content { opacity: 1; transition: all 500ms; } .tabber-ajax-error { width: 100%; text-align: center; padding: 150px 10px; background: #fff; } .tabber-ajax-error i { display: block; font-size: 60px; margin-bottom: 33px; } #ajax-tabber-content.chabok-loading { animation-duration: 0.8s; animation-fill-mode: forwards; animation-name: fadeOutIn; animation-iteration-count:1; animation-timing-function: linear; } .chabok-loading-gradient { animation-duration: 1.8s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #fafafa 8%, #e6e6e6 38%, #fafafa 54%); background: -webkit-linear-gradient(to right, #fafafa 8%, #e6e6e6 38%, #fafafa 54%); background-size: 1000px 640px; position: relative; } .pl-bg { height: 100%; border-radius: 15px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.014); } .pl-div { width: 46%; height: 280px; float: right; margin: 0 2% 19px 2%; border-radius: 15px; } .chabok-inline-btn-list li a.chabok-active.chabok-loading::before { content: ''; background: url('images/loader.svg'); border-radius: 0; width: 14px; display: inline-block; height: 14px; top: 4px; position: relative; filter: invert(); } .product-by-category-content { position: relative; z-index: 2; float: right; width:100%; } .chabok-product-by-category .im-title { margin-top:0; } .chabok-product-by-category .bg-gray-sec { margin-bottom: -60px; padding-bottom: 100px; } .chabok-col-2 .swiper-slide { width:50%; padding:0 10px; margin-bottom: 20px; float: right; } .chabok-col-3 .swiper-slide { width:33.333%; padding:0 10px; margin-bottom: 20px; float: right; } .chabok-product-by-category .chabok-bg-container { padding-left: 10px; margin-bottom: 20px; } .chabok-product-by-category .chabok-cat-cover { background-size:cover !important; background-repeat: no-repeat; background-position: center !important; width:100%; height:100%; border-radius: 15px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.102); position: relative; overflow: hidden; } .cat-cover-content { position: absolute; bottom: 10%; color: #ccc; right: 20px; left: 20px; margin: auto; font-family: 'yekan'; font-size: 21px; text-align: right; font-weight: 700; z-index: 3; } .chabok-cat-cover::after { content: ''; background: linear-gradient(to bottom, transparent, transparent,rgba(0, 0, 0, 0.479), rgba(0, 0, 0, 0.85)); position: absolute; top: 0; bottom: 0; width: 100%; right: 0; left: 0; height: 100%; } .cat-cover-content a.chabok-cat-btn { margin-top: 20px; display: inline-block; border: 1px solid #bbb; color: #d0d0d0; font-size: 17px; padding: 14px 24px; border-radius: 8px; } .chabok-product-by-category .chabok-product-blk, .pl-div { box-shadow: 0 0 100px rgba(0, 0, 0, 0.05); padding-bottom: 10px; border: 1px solid #cccc; } .chabok-product-tab-content { padding:10px 0; } .chabok-fix-headline { background: #eee; float: right; width: 100%; margin-top: 40px; } .ovh-unset { overflow: unset !important; } .icon-bar-link { display: block; transform: translateY(0px); transition: all 200ms; height:100%; overflow: hidden; border-radius: 15px; } .icon-bar-link::before { content: ''; background-color: rgba(0, 0, 0, 0.102); background: linear-gradient(to bottom,rgba(0, 0, 0, 0.08),rgba(172, 172, 172, 0.1)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .icon-bar-link.not-bg::before { content:none; } .iconbar-more-cat { text-align: center; margin: 20px 0; } .iconbar-button-container { position: relative; } .iconbar-button-container::before { content: ''; height: 1px; width: 100%; position: absolute; right: 0; top: 0; background: #4f4f4f; bottom: 0; margin: auto; } .iconbar-button-container button, .iconbar-button-container button:hover, .iconbar-button-container button:focus { border: 1px solid; font-weight: 700; font-family: 'yekan'; margin: 0 auto; padding: 15px 32px; z-index: 2; position: relative; background: #fff; color:#444; border-color: #444; } .iconbar-button-container button:hover, .iconbar-button-container button:focus { color:rgb(41, 41, 41); border-color: rgb(37, 37, 37); } .iconbar-button-container button i { font-size: 22px; margin-left: 5px; top: 4px; position: relative; line-height: 0; } .icon-bar-link:hover { transform: translateY(-6px); transition: all 200ms; color:rgb(129, 36, 235); } .icon-bar-link:hover h2, .chabok-subcategories li a:hover .woocommerce-loop-category__title { z-index: 99; display: inline-block; padding: 10px 19px; border-radius: 100px; width: max-content; margin: -7px auto; border: 2px solid #fbfbfb; transition: all 200ms; } .dress-icon-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .menu-icon-inner { height: auto; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 14px; } .menu-icon-inner img { min-height: 120px; width: auto; } .menu-icon-inner h3 { font-size:16px; font-weight: 800; font-family: 'yekan'; } .dress-icon-bar { margin: 25px 0 40px; } .dress-icon-bar .menu-icon-inner { float: right; width:16.66666%; border-bottom: 0; border-left: 1px solid #eee; } .menu-icon-inner:last-child { border: 0; } .chabok-featured-icon .menu-icon-inner { border:0; } .chabok-featured-icon .ft-1 .menu-icon-inner, .chabok-featured-icon .ft-3 .menu-icon-inner:last-child { height:250px; margin-bottom: 20px; max-height: 100%; } .chabok-featured-icon .ft-1 .menu-icon-inner:last-child, .chabok-featured-icon .ft-3 .menu-icon-inner { height:250px; margin-bottom: 20px; max-height: 100%; } .chabok-featured-icon .ft-2 .menu-icon-inner { height:520px; max-height: 100%; } .chabok-featured-icon .ft-2 { padding-right: 20px; padding-left: 20px; } .chabok-featured-icon.chabok-4-col .menu-icon-inner { height:100%; margin-bottom: 20px; width: 25%; float: right; padding:0 10px; position: relative; } .chabok-featured-icon .menu-icon-inner img { width:100%; height:100%; max-height: 300px; border-radius: 13px; transform: scale(0.8); } .chabok-featured-icon .menu-icon-inner h2, .chabok-subcategories .woocommerce-loop-category__title { position: absolute; bottom: 20px; left: 0; right: 0; font-weight: 800; font-size: 16px; font-family: 'yekan'; text-align: center; } .chabok-featured-title h3 { font-family: 'yekan'; font-weight: 800; font-size: 22px; margin-top: 45px; text-align: right; margin-bottom: 20px; } .chabok-featured-title p { font-size: 17px; text-align: right; margin-bottom: 44px; color:#444; line-height: 1.5; } .centertext.chabok-featured-title h3, .centertext.chabok-featured-title p { text-align: center; } .bg-black-sec .chabok-featured-title h3 { color:#eee; } .bg-black-sec .chabok-featured-title p { color:#ccc; } .chabok-slider-box .slider-img-container img { height: 200px; width: auto; } .chabok-product-blk { border-radius: 15px; background: #fff; padding:0px; text-align: center; position: relative; overflow: hidden; } .feature-style .chabok-product-blk { border-top:2px solid; } .latest-product .chabok-product-blk.sandan-style { border:0; box-shadow: -11px 1px 13px -13px #15151575; } .latest-product #slider-product .chabok-product-blk.sandan-style a.gray-slide:before { content: none; } .feature-style .chabok-product-blk.sandan-style .price { color: #666; padding: 11px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-family: 'yekan'; border-top: 1px solid #0b0b0b; } .feature-style .chabok-product-blk.sandan-style .price del { color: #7b7b7b; } .feature-style .chabok-product-blk.sandan-style .price ins { color:#666; background:transparent; } .price del .woocommerce-Price-currencySymbol { visibility: hidden; } .popular-content .price del .woocommerce-Price-currencySymbol, .product-by-category-content .price del .woocommerce-Price-currencySymbol { display: none; } .feature-sec-slide .feature-style .swiper-slide { width: 25%; float: right; padding: 0 10px; } .feature-sec-slide .feature-style a::before { content:none; } #slider-product a.gray-slide::before { content: ''; background: rgba(0, 0, 0, 0.02); width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 2; } #slider-product .chabok-product-blk::after { content:none; } /* .chabok-product-blk::after { content: ''; height: 70%; width: 1px; background: #eaeaea; position: absolute; bottom: 0; top: 0; left: -6px; margin: auto; } */ .bg-gray-sec { background-color: #eee; background: linear-gradient(to left,#eee,#eee); float: right; width: 100%; padding: 50px 0; margin-bottom: 20px; } .bg-black-sec { background-color: #222; background: linear-gradient(#333,#000,#111); float: right; width: 100%; padding: 50px 0; margin-bottom: 20px; position: relative; } .bg-black-sec::before { content: ''; background: url('images/pattern/pattern3.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; right: 0; z-index: 2; background-position: center; } .bg-gray-sec .chabok-slider-box .swiper-button-next, .bg-gray-sec .chabok-slider-box .swiper-button-prev { background: #45034a; color:#fff; } .bg-gray-sec .chabok-slider-box .swiper-button-disabled { opacity: 1; } .chabok-feature-sec { width: 100%; float: right; margin-bottom: 20px; /* border-bottom: 1px solid #eee; */ } .feature-sec-slide { /* border-right: 1px solid #eee; */ } .chabok-feature-sec .chabok-slider-box { margin-bottom:0; } .rot-section { min-height: 200px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; text-align: left;position: relative;display: flex;height: 100%; } .section-title { font-weight: 800; font-size: 33px; font-family: 'yekan'; transform: rotate(-90deg); position: absolute; top: 130px; bottom: 0; right: 0; left: 0; margin: auto; height: 150px; } .bg-gray-sec .section-title { color: #fff; } .full-slide-container { /* padding-right: 10%; */ } .full-slide-container #slider-product { position: unset; } .full-slide-container .slider-title > span { font-size: 27px; font-weight: 800; } .full-slide-container .slider-title > span::before, .full-slide-container .slider-title > span::after, .full-slide-container .chabok-slider-box .slider-title::after { content:none; } .slide-no-bg .chabok-slider-box { background:none; } .item-white .chabok-product-blk { background:#fff; border-radius: 5px; } .no-divider .chabok-product-blk::after { content:none; } .item-small .chabok-product-blk .slide-img-container { text-align: center; } .item-small .chabok-product-blk .slide-img-container img { max-height: 300px; width: auto; } .pdt-5 { padding-top:5px; } #slider-product::before { content: none; width: 20px; left: 0; height: 100%; position: absolute; background: #fff; z-index: 7; } .chabok-slider-box .swiper-slide:hover .chabok-product-blk { border-radius: 5px; box-shadow: 0px 0px 6px rgba(0,0,0,.2); transition: 500ms all; } .shop-archive .term-description { background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 6px; box-shadow: 0 0 4px #e6e6e6; line-height:2; } .shop-archive h1.page-title { background-color:#fff; padding: 10px; background-image: linear-gradient(#fff,#fff,#f7f7f7); box-shadow: 0 0px 4px rgba(0,0,0,.1); border-radius: 8px; margin-bottom: 20px; font-size: 20px; font-family: yekan,tahoma; font-weight: normal; } .shop-archive ul.products li.product-category { background: #ffffff; padding:10px; } .shop-archive ul.products li.product-category a h2 { text-align: center; font-family: 'yekan',tahoma; font-weight: normal; padding: 10px 10px 24px 10px !important; } .brand-container { padding: 15px 0; } .brand-blk { border-radius: 6px; text-align: center; background: #fff; } .brand-title-arrow { position: relative; width: 100px; margin: 10px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; align-items: center; justify-content: center; text-align: center; } .brand-title-arrow .brand-button-next, .brand-title-arrow .brand-button-prev { margin:0 15px; cursor: pointer; font-size: 22px; } .brand-title-arrow .brand-button-next:hover { transition: all 300ms; } .brand-title-arrow .brand-button-next:hover i::after, .brand-title-arrow .brand-button-prev:hover i::after { color:rgb(0, 0, 0); opacity: 1; transition: all 300ms; } .brand-title-arrow .brand-button-next:hover i::before, .brand-title-arrow .brand-button-prev:hover i::before { color:rgb(0, 0, 0); opacity: 0.5; transition: all 300ms; } .brand-title-arrow h3 { text-align: center; font-family: 'yekan'; font-weight: 700; font-size: 18px; } .brand-section { background: #eee; } #slider-brands img { height: auto; width: auto; margin: 4px 0 0; max-height: 60px; } #slider-brands { margin-bottom: 0; padding:10px 0; } .chabok-slider-box .swiper-slide .price, ul.products li.product .chabok-product-blk .price, .compare-price { color:#666; height: 52px; display: flex; flex-wrap: wrap; justify-content: end; align-content: center; padding: 0 10px; } ul.products li.product .chabok-product-blk .price ins, .compare-price { font-weight: normal; margin-bottom: 2px; width: 100%; } .chabok-slider-box .swiper-slide .price del, ul.products li.product .chabok-product-blk .price del, .compare-price del { color: #999; display: block; font-size: 15px; top: 2px; position: relative; margin-bottom: 2px; width: 100%; } .blog-post-excerpt { font-size: 13px; line-height: 1.5; padding: 0 14px; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px; min-height: 58px; } .slider-add-to-cart, .slider-show-post, .show-blog-post, .chabok-product-add-to-cart { padding: 0px; text-align: right; font-size: 20px; color: #ffffff; border-radius: 0 0px 5px 5px; } .slider-add-to-cart { position: absolute; top: 80px; left: 13px; z-index: 3; } .chabok-product-blk .slider-add-to-cart a.add_to_cart_button { background: #eee; color:#000; display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 39px; border-radius: 100px; font-size: 17px; transition: all 100ms; padding:0; } .chabok-product-blk .slider-add-to-cart a.add_to_cart_button.loading { background: #eee; color:#000; opacity: 0.8; } .chabok-product-blk .slider-add-to-cart a.add_to_cart_button:hover, .chabok-product-blk .slider-add-to-cart a.add_to_cart_button:focus { background:#fcbd04; color:#fff; transition: all 100ms; } .compare-input { width:100%; border-radius: 100px; margin-bottom: 20px; } #compare-search { position: relative; } p.compare-notif { text-align: center; font-size:14px; color:#555; } .modal-pish { text-align: center; margin-bottom: 18px; font-family: 'yekan'; } .chabok-compare { height: 35px;width: 35px;line-height: 0;z-index: 3;border-radius: 100px; } .chabok-compare.single-product-compare { width: 38px;height: 38px; } .chabok-compare a { transition: all 200ms; border: 0;width: 35px;height: 35px;background: #eee;border-radius: 100px;display: block;line-height: 38px;text-align: center; } .chabok-compare.single-product-compare a { background: #fff; border: 1px solid #eee; width: 38px; height: 38px; font-size: 17px; } .chabok-with-tooltip .chabok-tooltip { visibility: hidden; min-width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: 6px; right: 110%; font-size: 11px; font-family: 'yekan'; line-height: normal; } .chabok-with-tooltip .chabok-tooltip::after { content: " "; position: absolute; top: 50%; left: 100%; /* To the right of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .chabok-with-tooltip:hover .chabok-tooltip { visibility: visible; } .chabok-compare a i { left: 1px; position: relative; } .chabok-compare.single-product-compare a i { top:2px; } .chabok-compare a:hover, .chabok-compare a:focus, .woocommerce-product-gallery__trigger:hover { transition: all 200ms; /*border-color: #fcbd04; */ } .woocommerce-product-gallery__trigger:hover { /* background: #fcbd04 !important; border-color: #fcbd04 !important; */ } .chabok-ulike .wpulike:hover .wp_ulike_btn::after { transition: all 200ms; } .compare-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; overflow: auto; background:#fff; padding-top: 25px; } .chabok-compare-block { width: 33.3333%; float: right; text-align: center; border-right:1px solid #eee; border-left: 1px solid #eee; position: relative; } .chabok-compare-item-remove { position: absolute; left: 10px; top:-20px; background: #f66; color: #fff; width: 20px; height: 20px; border-radius: 100px; font-size: 17px; cursor: pointer; line-height: 1.5; } .compare-attr { margin-top: 26px; text-align: right; padding: 0 20px; font-size: 12px; } .compare-title { font-size: 15px; font-family: 'yekan'; margin-bottom: 10px; } .compare-row { line-height: 1.9; margin-bottom: 10px; padding-bottom: 10px; } .chabok-compare-modal { background: #fff; position: fixed; top: 0; z-index: 9999999999; padding: 10px; max-width: 760px; max-height: 70vh; overflow: auto; left: 0; right: 0; margin: auto; bottom: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.11); border-radius: 0px; visibility: hidden; opacity: 0; transition: all 200ms; } .chabok-compare-modal.active { visibility: visible; opacity: 1; transition: all 200ms; } .compare-btn-modal { margin-top:40px; margin-bottom:40px; border:0; padding: 10px; font-family: 'yekan'; -webkit-appearance: none; background:#eee; } .modal-close-btn { position: absolute; top: 0; left: 15px; cursor: pointer; background: none !important; color: #000; padding: 0 !important; margin: 0 !important; font-size: 22px; } .compare-btn-modal:hover, .compare-btn-modal:focus { background:#b40237; } .compare-btn-modal.active .close-compare-modal::before { content: ''; width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.31); right: 0; top: 0; z-index: 99; } .compare-modal-body { position: relative; z-index: 9; } .chabok-compare-modal h4.modal-title { font-family: 'yekan'; font-size: 16px; margin-bottom: 30px; margin-top: 16px; } .compare-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .chabok-compare-modal .compare-pr { text-align: center; border: 1px solid #eee; padding:20px; cursor: pointer; } .chabok-compare-modal img { width:150px; } .compare-attr-title { font-family: 'yekan'; font-weight: 700; margin-bottom: 5px; font-size:14px; } .compare-attr-val { font-size: 13px; background: #f7f9fa; padding: 10px; min-height: 125px; } .chabok-compare-block img { width:150px; } .slider-show-post, .show-blog-post { background: none; } .slider-add-to-cart a { width:100%; color: #000000; } .slider-show-post a, .show-blog-post a { width:100%; color: #fff; display: block; } .slider-show-post a span, .show-blog-post a span { background:rgba(0,0,0,0.4666666666666667); padding:2px 10px; border-radius: 25px; font-size:13px; } .chabok-product-add-to-cart a.button, .chabok-product-add-to-cart a.button:hover, .chabok-product-add-to-cart a.button:focus, .slider-add-to-cart a.button, .slider-add-to-cart a.button:hover, .slider-add-to-cart a.button:focus { background: none; padding:0; margin:0 !important; } .chabok-product-add-to-cart a.loading:after, .slider-add-to-cart a.loading:after { content: none !important; font-size: 0; } .chabok-product-add-to-cart a.added_to_cart.wc-forward, .slider-add-to-cart a.added_to_cart.wc-forward { font-size: 12px; float: left; width: 50%; background: #eee; padding: 5px 10px; border-radius: 100px; margin-top: 9px; transition: all 100ms; width:100%; position: absolute; top: -7px; left: 0; width: 36px; height: 36px; font-size: 0; background: transparent !important; } .chabok-ulike { position: absolute; top: 40px; left: 13px; height: 35px; width: 35px; line-height: 0; z-index: 3; } .chabok-ulike .wpulike { border: 0; width: 35px; height: 35px; border-radius: 100px; } .chabok-ulike .wp_ulike_general_class { border: 0; box-shadow: none; width: 35px; height: 35px; position: absolute; top: 0; left: 3px; } .chabok-ulike .wpulike-heart .wp_ulike_put_image::after { width: 17px; height: 17px; } .chabok-ulike .wpulike .wp_ulike_is_loading .wp_ulike_btn { background-image: url('images/loader.svg') !important; background-repeat: no-repeat !important; background-position: center center !important; } .chabok-ulike .count-box { position: absolute; top: 6px; right: 6px; direction: ltr; font-size: 10px; line-height: 0; } .chabok-popular-like { position: relative; left: 0px; right: 0px; top: 16px; bottom: 0; float: left; margin-left: 17px; border: 1px solid #717171; border-radius: 100px; background: #ececec; } .chabok-single-product-icons .chabok-single-icon { margin-bottom: 7px; } .chabok-single-product-icons .chabok-ulike { border: 1px solid #eee; background:#fff; border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-content: center; align-items: center; justify-content: center; position: relative; top:auto; right:auto; left:auto; width:38px; height:38px; } .added_to_cart.wc-forward::before { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; } .chabok-product-add-to-cart a.added_to_cart.wc-forward:hover, .slider-add-to-cart a.added_to_cart.wc-forward:hover, .chabok-product-add-to-cart a.added_to_cart.wc-forward:focus, .slider-add-to-cart a.added_to_cart.wc-forward:focus { background: #7f06d2; color: #fff; } .chabok-product-blk .slider-add-to-cart a.add_to_cart_button.added { background: #06d286; color:#fff; } .chabok-product-blk a img { transition: all 300ms; transform: scale(0.8); } .chabok-product-blk a:hover img { transform: scale(1); /*transition: all 1000ms;*/ } .chabok-product-blk .slide-img-container { overflow: hidden; margin-bottom: -20px; } .chabok-product-blk .slider-add-to-cart a.add_to_cart_button.added::after { margin-right: 0 !important; color: #09ca4b; } .chabok-product-add-to-cart a.loading i, .slider-add-to-cart a.loading i { } .chabok-product-add-to-cart a.loading i:before, .slider-add-to-cart a.loading i:before { content: ""; width: 19px; height: 16px; background: url('images/loader.svg'); display: block; } .chabok-product-add-to-cart a.added i, .slider-add-to-cart a.added i { display: none } .chabok-slider-box .swiper-slide:hover .slider-add-to-cart, ul.products li .chabok-product-block:hover .chabok-product-add-to-cart, .chabok-product-add-to-cart.chabok-visible, .slider-add-to-cart.chabok-visible { visibility: visible; height: auto; transition: all 400ms; } .chabok-slider-box .swiper-slide:hover .slider-add-to-cart a i, ul.products li .chabok-product-block:hover .chabok-product-add-to-cart a i { /* transform: rotate(360deg); */ transition: all 400ms; } .chabok-blogpost { transition: all 300ms; transform: translateY(0px); } .chabok-blogpost:hover { transform: translateY(-10px); transition: all 300ms; } .chabok-slider-box .swiper-slide:hover .slider-show-post, .chabok-blogpost:hover .show-blog-post { visibility: visible; height: 50%; transition: all 400ms; } .chabok-slider-box .swiper-slide:hover .slider-show-post a, .chabok-blogpost:hover .show-blog-post a { transform: rotate(360deg); transition: all 400ms; color:#fff; } ul.products li .chabok-product-block { background-color: #ffffff; height: 100%; } ul.products li .chabok-product-block .chabok-product-title { text-align: center; line-height: 1.8; padding: 10px; } ul.products li .chabok-product-block .chabok-product-img-container img { margin:0 !important; } .chabok-li-style { display: none; padding:0; line-height: 0; } .chabok-services { background-color: #f7f7f7; padding: 80px 0 26px; float: right; width: 100%; } .chabok-services a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .chabok-services .chabok-service-icon { border-radius: 50%; display: block; width: 45px; height: 45px; float: right; margin-left: 6px; text-align: center; line-height: 57px; } .chabok-services .chabok-service-icon i { font-size: 25px; width: auto; height: auto; margin: 0 auto; text-align: center; } .chabok-services .chabok-service-title { font-weight: bold; font-family: 'yekan'; font-size: 13px; } .chabok-site-info { float: right; width: 100%; padding-top: 25px; padding-bottom:0px; border-top: 1px solid #fff; background-color:#f4f4f4; } .chabok-copyrights { line-height: 2; padding: 10px 0; float: right; width: 100%; background: #f3f3f3; border-top: 1px solid #e6e6e6; font-size: 13px; font-family: 'yekan'; color:#555; } .developer-copyrights { text-align: left; } .developer-copyrights a { color:#555; } /*yith woooooo */ #yith-quick-view-modal .yith-wcqv-wrapper { direction: rtl; text-align: right; } .yith_wcwl_wishlist_footer .yith-wcwl-share { float:right; } /* woocommerce single product */ .chabok-product-title-container { min-width: 150px; margin-top: 5px; font-family: 'yekan'; } .chabok-subtitle { font-size: 18px; font-weight: 400; border-bottom: 1px solid #eee; padding-bottom: 13px; margin-bottom: 20px; } .chabok-product-title-container .comment-rt { float: right; width:20%; } .chabok-product-title-container .star-rating { margin-top: 20px;margin-bottom: 11px;text-align: center;font-size: 20px; float: right; height:30px; width:100%; } .chabok-product-title-container .star-text { display: block;width: 100%;text-align: right;margin: 0;padding-right: 5px; float: right; } .chabok-product-content-container { width:100%; } .chabok-product-content-container .mejs-container, .chabok-product-content-container .mejs-container .mejs-controls, .chabok-product-content-container.mejs-embed, .chabok-product-content-container .mejs-embed body { background: #585858; border-radius: 7px; overflow: hidden; } .chabok-single-product-headline ul, .chabok-single-product-headline ul li { list-style: none; margin:0; padding:0; } .chabok-single-product-headline, #chabok-fixed-headline.chabok-active .chabok-single-product-headline { position: fixed; top: 68px; width: 100%; right: 0; z-index: 88; background:#f3f3f3; border-bottom: 1px solid #eee; display: none; margin-top:0; padding:0; transition: all 300ms; } #chabok-fixed-headline { float: right; width: 100%; } .chabok-single-product-headline.sandan { display: block; position: relative; top: 68px; margin-bottom: 30px; transition: all 300ms; background:#eee; padding:10px 0; } .chabok-product-tab-wrap { padding-top:60px; } #chabok-fixed-headline.chabok-active .chabok-product-tab-wrap { padding-top: 160px; } .chabok-fix-header .chabok-single-product-headline { box-shadow: none; z-index: 98; } #chabok-fixed-headline.chabok-active .chabok-single-product-headline { display: block; } .chabok-single-product-headline ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .chabok-single-product-headline ul li a { padding:20px; display: inline-block; position: relative; } .chabok-single-product-headline ul li a.chabok-anchor-active::before { content: ''; width: 68%; height: 2px; background: #000; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; } .chabok-single-product-content { } .cart-count-icon { position: relative; } .cart-count-icon i { backface-visibility: hidden; animation-name: chabok-shake; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; transform:rotate(0deg); animation-delay: 2s; } .cart-count-icon span.chabok-cart-count { position: absolute; top: 0px; font-size: 13px; font-family: yekan; background: #d20783; border-radius: 25px; border-bottom-left-radius: 0; color: #fff; height: auto; min-width: 15px; min-height: 15px; margin-right: 0 !important; line-height: 1; width: auto; right: -3px; } .chabok-cart-item-ajax { width: 100%; background: #fff; position: fixed; top: 71px; left: 0; right: 0; z-index: 99; max-width: 440px; margin: auto; bottom: auto; box-shadow: 0 0 50px #00000021; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; transform: translateY(-700px); transition: all 200ms; opacity: 0; margin-right: 61.3%; } .chabok-cart-ajax-container { visibility: hidden; transition: all 200ms; height: 0; overflow: hidden; } .chabok-cart-ajax-container.chabok-active { visibility: visible; transition: all 200ms; z-index: 999; height:auto; overflow: unset; } .chabok-cart-item-ajax::before { content: ''; opacity: 1; transition: all 300ms; background: transparent; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e3e3e3; position: absolute; left: 8%; top: -10px; right: auto; margin: auto; } .chabok-cart-ajax-container.chabok-active .chabok-cart-item-ajax { transform: translateY(0px); opacity: 1; transition: all 200ms; } .chabok-cart-ajax-close { cursor: pointer; } .chabok-cart-ajax-container.chabok-active .chabok-cart-ajax-close::before { content:''; display: block; position: fixed; left: 0; right: 0; top: 71px; bottom: 0; background: #0000005e; z-index: 99; } .imgtit { width: 100px; float: right; border-left: 1px solid #eee; margin-left: 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } .chabok-cart-subtotal { padding:20px 10px; text-align: center; border-top: 1px solid #eee; } .chabok-ajax-cart-title { font-family: 'yekan'; border-bottom: 1px solid #eee; width: 100%; padding: 9px 15px; } .chabok-ajax-cart-title span { float: left; color: #777; font-weight: normal; padding-left: 12px; } .chabok-cart-subtotal .woocommerce-Price-amount { font-weight: 700; color:rgb(228, 6, 73); } .cart-btn-fixed a { background: #eee; padding: 2px 18px; width: auto; display: inline-block; border-radius: 4px; transition: all 200ms; } .cart-btn-fixed a:hover { background:#009783 !important; color:#fff !important; transition: all 200ms; } .cart-btn-fixed { text-align: center; margin-bottom: 10px; float: right; width:33.3333%; } .chabok-cart-item-side { width: 100%; float: right; max-height: 270px; overflow: auto; -webkit-overflow-scrolling: touch; } .chabok-cart-item-total { float: right; width: 100%; color:#000; font-family: 'yekan'; padding-bottom: 15px; } .imgtit img { width:auto; height:80px; border-radius: 100px; } .ctit { font-size: 14px; text-align: right;color: #000;font-family: 'yekan'; padding-right: 115px; } .ttit { font-weight:500; } .ptit ins, .ptit .woocommerce-Price-amount { background:transparent; color:rgb(216, 6, 93); } .ptit del { color:#666; font-size: 12px; } .ptit del .woocommerce-Price-currencySymbol { display: none; } .cempty-c { text-align: center; font-family: 'yekan'; padding:20px; } .cempty-c::after { content: ''; width: 120px; height: 120px; background-image: url('images/cart-empty.jpg'); background-repeat: no-repeat; background-size: 100%; display: block; margin: 20px auto; } .chabok-cart-item { padding:10px; border-bottom: 1px solid #eee; } .chabok-single-product-slogan { float: right; width: 100%; } .chabok-single-product-slogan .chabok-slogan-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .chabok-single-product-slogan .chabok-col-25 { width: 50%; padding:6px; } .chabok-single-product-slogan .chabok-col-25.chabok-dynamic-iconset-1 { border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .chabok-single-product-slogan .chabok-col-25.chabok-dynamic-iconset-2 { border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .chabok-single-product-slogan .chabok-col-25.chabok-dynamic-iconset-3 { border-top: 1px solid #eee; border-left: 1px solid #eee; } .chabok-single-product-slogan .chabok-col-25.chabok-dynamic-iconset-4 { border-top: 1px solid #eee; border-right: 1px solid #eee; } .chabok-single-product-slogan .chabok-service-icon { width: 35px; height: 35px; display: flex; align-items: center; font-size: 20px; justify-content: center; color:#666; } .chabok-single-product-slogan .chabok-slogan-icon a { font-size: 13px; font-family: 'yekan'; display: flex; align-content: center; align-items: center; color: #666; } .chabok-cart-slogan { float: right; width: 60%; padding: 25px 0 0 50px; } .chabok-cart-slogan .chabok-col-25 { width: 50%; margin-bottom: 15px; padding-right: 0; padding-left: 15px; } .chabok-cart-slogan .chabok-col-25 a { background: #eee; display: block; text-align: center; padding: 12px; border-radius: 7px; } .chabok-cart-slogan i { font-size: 26px; } /* cloumn redesign */ .woocommerce-order-received .woocommerce ul.order_details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-content: center; justify-content: space-between; font-size: 23px; padding: 0; text-align: center; font-family: 'yekan'; flex-wrap: wrap; border: 1px solid #eee; margin-bottom: 0; } .woocommerce-order-received .woocommerce-thankyou-order-details ~ p { border:1px solid #eee; border-top:0; padding: 9px 12px; font-weight: bold; font-family: 'yekan'; border: 1px solid #eee; padding: 13px; margin: 0; } .woocommerce-order-received section.woocommerce-order-details { margin:0; } .woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 5px; font-family: 'yekan'; margin: 0; padding: 9px 12px; border: 1px solid #eee; border-top: 0; border-bottom: 0; } .woocommerce-order-received .woocommerce-customer-details address { border-radius: 0; border: 1px solid #eee; } .woocommerce-order-received table.woocommerce-table--order-details { border-radius: 0; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details { font-family: 'yekan'; } .woocommerce-order-received .woocommerce ul.order_details li { float: right; text-transform: uppercase; font-size: .715em; list-style-type: none; width:100%; padding:9px 12px; margin:0; text-align: right; border-bottom: 1px solid #eee; border-left: 0 !important; } .woocommerce-order-received .woocommerce ul.order_details { } .woocommerce-order-received .woocommerce-thankyou-order-details { } .woocommerce-order-received .woocommerce-thankyou-order-received { padding:10px; background: #d9ffd8; } .woocommerce-order-received .woocommerce ul.order_details li strong { font-size: 14px; font-weight: normal; line-height: 2.5; padding: 0 10px; display: inline-block; margin: 0; } .woocommerce ul.products[class*=columns-], .woocommerce-page ul.products[class*=columns-] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .shop-archive ul.products li { box-shadow: #ccc 0 0 3px; border-radius: 5px; padding:5px !important; background: #ffffff; } .shop-archive ul.products li:hover { box-shadow: #ccc 0 0 9px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin:0 0 20px 2.5%; padding:0; position:relative; width:23.1%; margin-right:0; border:1px solid #eee; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-left:0; } .woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product { width:100%; margin-left:0 } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width:48.5%; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width:31.55%; } .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { width:18%; } .woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product { width:14.5%; } .woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product { width:100%; margin-left:0; } .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width:48.5%; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width:31.55%; } .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width:18%; } .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product { width:14.5% } .chabok-is-fullscreen ul.products.columns-3 li.product, .chabok-is-fullscreen ul.products.columns-3 li.product { width: 23.4%; margin-left: 2%; } .chabok-is-fullscreen ul.products.columns-3 li.product:nth-child(4n), .chabok-is-fullscreen ul.products.columns-3 li.product:nth-child(4n) { margin-left: 0; } .chabok-is-fullscreen ul.products.columns-2 li.product, .chabok-is-fullscreen ul.products.columns-2 li.product { width:32%; margin-left: 2%; } .chabok-is-fullscreen ul.products.columns-2 li.product:nth-child(3n), .chabok-is-fullscreen ul.products.columns-2 li.product:nth-child(3n) { margin-left: 0; } .entry-content p.cart-empty.woocommerce-info:after { content: "\f290"; font-family: "Font Awesome 5 Pro"; font-size: 40px; float: left; position: relative; width: 100%; margin-top: 35px; margin-bottom: 35px; text-align: center; } .entry-content.chabok-headline { padding: 0 15px; } .entry-content p.return-to-shop { clear:both; text-align:center; } .entry-content p.return-to-shop a.button.wc-backward { color: #282828; font-weight: normal; padding: 12px 87px 12px 87px; border-radius: 5px; transition: all 200ms; background: transparent; border: 1px solid; font-size: 15px; font-family: 'yekan'; } div.coupon button.button, .woocommerce button.button[name="update_cart"][aria-disabled="false"] { border-radius: 8px; color: #fff; font-weight: 700; font-family: 'yekan'; font-size: 12px; padding: 8.5px 17px !important; opacity: 0.8; visibility: visible; } .woocommerce button.button[name="update_cart"][aria-disabled="false"] { padding: 12.5px 17px !important; border-radius: 4px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; width: 100%; padding: 10px; font-family: 'yekan'; font-size: 14px; } .checkout_coupon.woocommerce-form-coupon button { padding: 11px 30px; } .woocommerce button.button[name="update_cart"] { visibility: hidden; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 1em; font-family: 'yekan'; } table.variations {position:relative; z-index:4;} .woocommerce button.button[name="update_cart"][disabled=""] { border-radius: 100px; color: #fff; font-weight: 700; font-family: 'yekan'; font-size: 12px; padding: 11.5px 17px !important; visibility: hidden; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{ width: 40%;float: left; } .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2{ font-family: 'yekan';margin-bottom: 7px;font-weight: 700; } .woocommerce button.button[name="update_cart"][aria-disabled="true"] { } div.coupon button.button, .woocommerce button.button[name="update_cart"][aria-disabled="false"], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #f03585; } div.coupon button.button:focus, .woocommerce button.button[name="update_cart"][aria-disabled="false"]:hover, div.coupon button.button:hover, .woocommerce button.button[name="update_cart"][aria-disabled="false"]:focus, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #dd156c; opacity: 1; color:#fff; } div.coupon input { min-width: 300px; border-radius: 8px; padding-right: 12px; } .entry-content p.return-to-shop a.button.wc-backward:hover { background:#363636; color:#fff; transition: all 200ms; } .chabok-center-full-page-title { font-family: 'yekan'; font-weight: 900; text-align: center; font-size: 38px !important; } .woocommerce .cart-collaterals .cross-sells { width:100%; } .woocommerce .cart-collaterals .cross-sells ul { display: block !important; } .woocommerce .cart-collaterals .cross-sells ul li { width: 48% !important; float: right; clear: none; margin: 1%; border: 1px solid #eee; border-radius: 10px; } .woocommerce .cart-collaterals .cross-sells ul li .chabok-product-content a { display: block; float: right; width: 100%; } .woocommerce .cart-collaterals .cross-sells ul li .chabok-product-img-container { float: right; position: absolute; width: 100px; height: 100px; } .woocommerce .cart-collaterals .cross-sells ul li .chabok-product-title { float: right; width: 100%; padding-right: 100px; margin: 0; text-align: right; } .woocommerce .cart-collaterals .cross-sells ul li .price{ float: right; padding-right: 100px; } .woocommerce .cart-collaterals .cross-sells ul li .chabok-product-add-to-cart { width: 50%; left: 0; margin: 0; float: left; right: auto; } form.checkout_coupon p.form-row.form-row-first, form.checkout_coupon p.form-row.form-row-last { width:50% !important; } body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { max-width:600px; margin:30px auto; border:0; } body.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login p { width:100% !important; } body.page-template-default.page article .entry-content { padding-top: 0; } body.page-template-default .default-page-theme .entry-header { margin-bottom: 0; padding:0 10px; } body.page-template-default .default-page-theme .entry-header h1 { border-bottom: 1px solid #ccc; padding-bottom: 10px; } .chabok-woocomerce-auth { position: fixed; top: 0; width: 100%; height: 100%; min-height: 100vh; background: #fff; z-index: 99999999; right: 0; left: 0; top: 0; bottom: 0; } .woocommerce .chabok-woocomerce-auth #customer_login .col-1 { max-width: 400px; width: 100%; float: unset; margin: 0 auto; } .woocommerce .chabok-woocomerce-auth #customer_login .col-2 { max-width: 400px; width: 100%; float: unset; margin: 0 auto; } .woocommerce .chabok-woocomerce-auth form { margin:0; border:0; padding:0; } .chabok-auth-container input { } .lost-pass-form .woocommerce-form-row { width:100% !important; } .page-back-button { position: absolute; top: 33px; } .page-back-button i { margin-left: 10px; font-size: 18px; top: 3px; } .back-to-prev { text-align: left; font-size: 15px; font-family: 'yekan'; margin-top: 15px; } .back-to-prev a { color:#555; } .back-to-prev a i { font-size: 22px; top: 6px; position: relative; } .chabok-auth-container button { width: 100%; padding: 8px !important; font-size: 15px !important; font-family: 'yekan' !important; font-weight: 400; background: #df0580 !important; padding: 11px !important; margin-top: 10px !important; width: 50%; float: right; margin-left: 0 !important; } .chabok-auth-container button:hover { background: #c0036e !important; } .woocommerce .chabok-woocomerce-auth #customer_login h2 { display: none; } .woocommerce .chabok-woocomerce-auth .col-1, .woocommerce .chabok-woocomerce-auth .col-2 { display: none; } .woocommerce .chabok-woocomerce-auth .col-1.chabok-active, .woocommerce .chabok-woocomerce-auth .col-2.chabok-active, .woocommerce .chabok-woocomerce-auth.chabok-active .col-1 { display: block; } .chabok-notice { position: fixed; z-index: 99999999999; bottom: 0; left: 35px; color: #fff !important; border-radius: 5px; max-width: 340px; min-width: 250px; text-align: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 15px; cursor: pointer; font-size: 12px; font-family: 'yekan'; line-height: 1.6; border-top: 0; } .chabok-notice::after { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; top: 0; padding: 0 6px; border-top-left-radius: 5px; } .chabok-notice ul li, .chabok-notice p, .chabok-notice span { color:#fff !important; } .chabok-notice a.button { background: none !important; display: block !important; position: relative !important; padding: 10px !important; line-height: 1.4 !important; border-left: 1px solid #8fae1b !important; border-radius: 0 !important; margin-left: 10px !important; } .chabok-notice.chabok-success { background:rgb(0, 126, 94) !important; } .chabok-notice li { margin: 0 !important;padding-right: 5px !important; } .chabok-notice::before { color: #fff !important; display: block !important; position: relative !important; right: auto; left: auto; margin: 0 0 0 5px; padding: 0; width: 15px; top: auto; height: 100%; } .chabok-notice.chabok-error { background: #b81c23 !important; } .chabok-notice a { color:#fff !important; } .chabok-notice::before { color:#fff !important; } .chabok-auth-container { max-width: 440px; width:100%; height:100vh; overflow: auto; margin: 30px auto -4px auto; padding:0 15px; } .chabok-auth-container.chabok-dark { margin:0; float: right; background: #fff; padding: 0 42px; } .chabok-woocomerce-auth::before { content: ''; width: calc(100% - 440px); position: absolute; top: 0; left: 0; bottom: 0; background-color: rgb(22, 22, 22); background-image: url('images/sandan-logo-login.png'); background-repeat: no-repeat; background-position: center; background-size: 300px; } .woocommerce-LostPassword.lost_password { text-align: center; font-family: 'yekan'; margin-top: 20px; font-size: 13px; } .woocommerce-LostPassword.lost_password a { color:#666; } .chabok-auth-container .form-row label { font-family: 'yekan'; } .auth-tab[href="#login"]::before { content: '\f007'; font-family: 'Font Awesome 5 Pro'; margin-left: 6px; position: relative; font-size: 14px; top: 2px; line-height: 0; } .auth-tab[href="#register"]::before { content: '\f234'; font-family: 'Font Awesome 5 Pro'; margin-left: 6px; position: relative; font-size: 14px; top: 2px; line-height: 0; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { position: absolute; left: 0; top: 0; cursor: pointer; padding: 5px 10px; text-align: center; } .woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after { content: '\f070'; font-family: 'Font Awesome 5 Pro'; top: 3px; position: relative; margin:0; } .woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after { content: '\f06e'; font-family: 'Font Awesome 5 Pro'; } .chabok-auth-container .term-of-use { margin-top: 13px !important; font-family: 'yekan'; font-size: 13px !important; font-weight: 400; } .chabok-auth-container .term-of-use a { color:#df1863 !important; } .chabok-auth-tab { max-width: 400px; width:100%; margin: 30px auto 30px auto; overflow: hidden; border-radius: 8px; } .chabok-auth-container .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-block; width: 50%; float: right; padding: 17px 0; } .auth-logo { text-align: center; } .auth-logo img { width:180px; } .chabok-auth-tab a.chabok-active { background: #555; color: #fff !important; } .chabok-auth-tab a { float: right; width: 50%; text-align: center; font-family: 'yekan'; background: #eee; padding: 9px; } .woocommerce-message { margin-bottom: 10px; } .woocommerce div.product .woocommerce-tabs .wc-tabs[role="tablist"] li a { font-family: 'yekan'; font-weight: normal; } .woocommerce-tabs.wc-tabs-wrapper { margin-bottom: 20px; } .entry-content .woocommerce-MyAccount-navigation ul { padding:0; font-family: 'yekan'; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li { margin: 2px 0; list-style: none; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li.is-active a { background:#fff; } body.woocommerce-account .woocommerce { display: flex; } .woocommerce-MyAccount-navigation ul li a::before { font-family: 'Font Awesome 5 Pro'; margin-left: 10px; top: 1px; position: relative; } .woocommerce-MyAccount-navigation-link--edit-address a::before { content:'\f124'; } .woocommerce-MyAccount-navigation-link--edit-account a::before { content: '\f007'; } .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '\f08b'; } .woocommerce-MyAccount-navigation-link--dashboard a::before { content:'\f3fd'; } .woocommerce-MyAccount-navigation-link--orders a::before { content:'\f847'; } .woocommerce-MyAccount-navigation-link--downloads a::before { content:'\f0ed'; } .woocommerce-MyAccount-navigation ul li a::after { content: '\f104'; float: left; font-family: 'Font Awesome 5 Pro'; } .dash-gray-block { background: #eee; padding: 10px; border-radius: 6px; } a.dash-logout-url { float: left; background: #fb2168; padding: 3px 10px; border-radius: 6px; color: #fff; opacity:0.8; transition:all 200ms; } a.dash-logout-url:hover { opacity:1; transition:all 200ms; } .chabok-orders-count { float: right; width: 100%; border: 1px solid #eee; padding: 0 20px; border-radius: 7px; } .chabok-orders-count h3 { margin-top: 16px; display: inline-block; border-bottom: 2px solid #ff5353; padding-bottom: 10px; padding-left: 33px; } .orders-badge { font-size: 46px; color: #888; margin-left: 23px; } .orders-content p { margin: 0 0 8px !important; } .orders-block-status { display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; border-left: 1px solid #eee; margin-bottom: 15px; } .chabok-orders-contents .chabok-col-33:nth-child(3) .orders-block-status { border-left:0; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li a { display: block; padding: 10px; background: #eee; border-radius: 0px 90px 90px 0px; margin-right: 8px; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li a:hover { background:rgb(245, 245, 245); } .entry-content .woocommerce .woocommerce-MyAccount-content { font-family: 'yekan'; padding:40px 20px; border-radius: 20px; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions { max-width: 117px; padding: 10px 0; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a { padding: 2px 12px; margin: 0 1px; color:#fff !important; } .woocommerce-MyAccount-content .woocommerce-OrderUpdates.commentlist.notes { padding-right: 10px; } .woocommerce-MyAccount-content .woocommerce-OrderUpdates.commentlist.notes .woocommerce-OrderUpdate-meta.meta { display: none; } .woocommerce-Reviews-title { display:none; } .entry-content .woocommerce .woocommerce-Address { padding:10px; background:#eee; } .woocommerce-Address .woocommerce-Address-title h3 { margin:0; font-size: 15px; } .woocommerce-Address .woocommerce-Address-title .edit { background: #b90aaf; padding: 0 15px; border-radius: 17px; color: #fff; font-size: 14px; } body.woocommerce-checkout .woocommerce-billing-fields h3 { background: rgb(238, 238, 238); padding: 13px; margin-bottom: 0; border-radius: 10px 10px 0 0; border-bottom: 1px solid #ccc; } form.checkout.woocommerce-checkout[name="checkout"] { position: relative; float: right; width:100%; } form.checkout.woocommerce-checkout[name="checkout"] #customer_details.col2-set { width:60%; padding-right: 30px; float: left; } form.checkout.woocommerce-checkout[name="checkout"] #order_review.woocommerce-checkout-review-order { width:40%; float: right; margin-top:58px; } tr.woocommerce-shipping-totals.shipping .woocommerce-shipping-methods { font-size: 12px; font-weight: normal; font-family: 'yekan'; margin-top:8px !important; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_company_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_country_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_state_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_city_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_phone_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_email_field { width: 33.333%; float:right; clear:none; padding: 5px 18px; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field { display: none; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field { width:50%; } .woocommerce form.checkout.woocommerce-checkout .form-row { margin-bottom:1px; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-additional-fields h3 { display: none; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_2_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field, body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper #order_comments_field { padding:5px 18px; width:100%; } body.woocommerce-checkout .create-account { padding: 18px;width: 100%; } body.woocommerce-checkout .create-account p { max-width:100%; } body.woocommerce-checkout .woocommerce-account-fields { margin-top: 18px; border-radius: 10px; background: #fff; box-shadow: 0 0 10px #eee; } body.woocommerce-checkout .woocommerce-shipping-fields { background: #fff; margin-top: 15px; padding: 20px 5px 20px; border-radius: 10px; box-shadow: 0 0 10px #eee; } body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { position: absolute; z-index: 9; border: 0; width: max-content; max-width: 130px; text-align: center; font-size: 0; left: 63%; margin-top: 17px; background: #a46497; padding: 0 10px; border-radius: 16px; } body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon::after { content: 'درج کپن تخفیف'; text-align: center; font-size: 13px; color:#fff; text-align: center; } body.woocommerce-checkout .woocommerce > .woocommerce-order { background: #fff;padding: 20px;overflow: hidden; box-shadow: 0 0 10px #eee; border-radius: 9px; } body.woocommerce-checkout .woocommerce .woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses { width:100%; } body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon.chabok-active::before { content: ''; position: fixed; width: 100%; height: 100%; background: rgba(2, 2, 2, 0.4); right: 0; top: 0; bottom: 0; z-index: 9999; } body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon { position: fixed; z-index: 99; background: #fff; max-width: 400px; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-height: 190px; } h3#ship-to-different-address { font-size: 14px; font-weight: normal; margin:0; padding:0 15px; } body.woocommerce-checkout #order_review_heading { background: #fff; margin-bottom: 0; padding: 13px 10px; border-bottom: 1px solid #ccc; border-radius: 7px 7px 0 0; position: absolute; top: auto; width: 40%; font-size: 18px; font-family: 'yekan'; margin-top:0; } body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table td, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table th { border: 0; } body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .order-total th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .order-total td, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart-subtotal th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart-subtotal td { border-top:1px solid #eee; } body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping td { width:165%; display: block; } body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping td { border:0; } /*** start cart and chaeckout style ***/ body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account { /* background:#f9f9f9 !important; */ } body.woocommerce-cart .site-content, body.woocommerce-checkout .site-content, body.woocommerce-account .site-content, body.page-template-full-width .site-content, body.search.search-results .site-content { margin-top:0; } body.woocommerce-cart .cart-collaterals { width: 33%; float: left; background: #fff; padding: 20px; padding-top:120px; border-radius: 10px; border:1px solid #ccc; } body.woocommerce-cart article, body.woocommerce-checkout article, body.woocommerce-account article, body.page-template-full-width article, body.search.search-no-results article { background: none; box-shadow: none; position: relative; padding:0; } body.woocommerce-checkout article .entry-content { background:#f5f5f5; padding-top:0; } body.woocommerce-cart .cart-collaterals .cart_totals table, body.woocommerce-cart .cart-collaterals .cart_totals tr { border:0; } body.woocommerce-cart article .entry-header, body.woocommerce-cart article .entry-header h1, body.woocommerce-checkout article .entry-header, body.woocommerce-checkout article .entry-header h1, body.woocommerce-account article .entry-header, body.woocommerce-account article .entry-header h1, body.page-template-full-width article .entry-header, body.page-template-full-width article .entry-header h1, .not-found .entry-header, .not-found .entry-header h1, body.search.search-results .entry-header, body.search.search-results .entry-header h1 { border: 0; font-family: 'yekan'; font-weight: 700; margin-bottom: 0; margin-bottom: 0px; margin-top: 0px; padding: 13px; background: #f5f5f5; } body.woocommerce-cart article .entry-header h1, body.woocommerce-checkout article .entry-header h1, body.woocommerce-account article .entry-header h1, body.page-template-full-width .entry-header h1, .not-found .entry-header h1, body.search.search-results .entry-header h1 { text-align: center; margin:0; } body.woocommerce-account article .entry-content { padding:0; } .woocommerce-account .woocommerce-MyAccount-navigation { width:20%; background: #eee; padding-top: 30px; } .woocommerce-account .woocommerce-MyAccount-content { width:80%; } body.woocommerce-cart form.woocommerce-cart-form { width: 64%; float: right; } body.woocommerce-cart form.woocommerce-cart-form thead { display: none; } body.woocommerce-cart form.woocommerce-cart-form table { border:0; } body.woocommerce-cart form.woocommerce-cart-form tr { display: block; border:1px solid #ccc; border-radius: 10px; position: relative; background:#fff; margin-bottom: 20px; float: right; width: 100%; } body.woocommerce-cart form.woocommerce-cart-form.processing table, body.woocommerce-cart form.woocommerce-cart-form.processing { position: unset !important; } body.woocommerce-cart form.woocommerce-cart-form tr:last-child, body.woocommerce-cart form.woocommerce-cart-form.processing tr:last-child { position: absolute; top: 55px; top:auto; left: 5px; max-width: 32%; background: none; box-shadow: none; margin-top: 10px; border:0; } body.woocommerce-cart form.woocommerce-cart-form .coupon { width: 100%; position: relative; margin-bottom: 20px; } body.woocommerce-cart form.woocommerce-cart-form .coupon button { position: absolute; left:0; top:0; color: #fff; font-family: 'yekan'; font-size: 12.5px; } body.woocommerce-cart form.woocommerce-cart-form button[name="update_cart"] { width:100%; font-family: 'yekan'; font-size: 13px; } body.woocommerce-cart form.woocommerce-cart-form button[aria-disabled="false"] { color: #fff; font-family: 'yekan'; font-size: 13px; } body.woocommerce-cart form.woocommerce-cart-form .coupon input { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 100%; } body.woocommerce-cart form.woocommerce-cart-form td { display: block; border: 0; } body.woocommerce-cart form.woocommerce-cart-form .product-thumbnail { width:180px; height:180px; float: right; } body.woocommerce-cart form.woocommerce-cart-form .product-price span.amount::before { content: 'قیمت واحد: '; font-weight: bold; font-family: yekan; } body.woocommerce-cart form.woocommerce-cart-form .product-subtotal span.amount::before { content: 'قیمت کل: '; font-weight: bold; font-family: yekan; } body.woocommerce-cart form.woocommerce-cart-form .product-quantity { position: absolute; left: 60px; bottom: 9px; padding-left: 0; } body.woocommerce-cart form.woocommerce-cart-form .product-remove { position: absolute; left: 0; bottom: 8px; } body.woocommerce-cart form.woocommerce-cart-form .product-remove a { font-size: 0; line-height: 1.3; padding: 6px; width: 35px; height: 35px; background: #fff0f0; color: #ff7373 !important; } body.woocommerce-cart form.woocommerce-cart-form .product-remove a:before { content: '\f1f8'; font-size: 16px; font-family: 'Font Awesome 5 Pro'; } body.woocommerce-cart form.woocommerce-cart-form .product-name { font-size: 17px; font-family: 'yekan'; font-weight: 500; margin-top: 15px; } td.product-name { font-weight:500; font-family:'yekan'; } td.product-name .product-quantity { float:left; } body.woocommerce-cart form.woocommerce-cart-form .product-thumbnail img { width:auto; height:100% !important; } body.woocommerce-checkout .woocommerce .col2-set { width: 50%; float: right; } body.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order { float: right; width: 50%; } body.woocommerce-checkout #order_review_heading { } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field { display: none; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { background: #fff; padding: 10px;box-shadow: 0 0 10px #eee;border-radius: 10px; display: flex; flex-wrap: wrap; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #fff; box-shadow: 0 0 16px #eee; border-radius: 10px; } body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table { background: #fff; box-shadow: 0px 0 14px #eee; border: 0; overflow: hidden; } body.woocommerce-checkout .woocommerce-additional-fields { background: #fff; margin-top: 15px; border-radius: 10px; box-shadow: 0 0 15px #eee; padding: 10px; } body.woocommerce-checkout .woocommerce-additional-fields h3, body.woocommerce-checkout .woocommerce-billing-fields h3 { display: none; } body.woocommerce-cart .cart-collaterals th { padding-right: 0; } /*** end cart and chaeckout style ***/ .chabok-single-product { background: #fff; float: right; margin-bottom: 0px; width:100%; position: relative; } .chabok-single-product-icons { top:105px; right:5px; position: absolute; } .chabok-single-product .entry-summary { padding:0 20px 0 0; } .chabok-single-product .entry-summary h1.product_title { padding: 0 0 0px; margin: 0 0 0px 0 !important; font-family: 'yekan'; font-size: 17px; width: 100%; float: right; font-weight: 500; } .chabok-single-product .chabok-en-title { text-align: left; position: relative; direction: ltr; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666; } .chabok-product-metadata { float: right; width:57%; margin-bottom: 18px; font-size: 12px; font-family: 'yekan'; } .pr-comments { float: left; } .chabok-product-metadata .pr-comments::before { content: '\f086'; margin-left:5px; font-family: 'Font Awesome 5 Pro'; } .chabok-product-metadata a { color: #0088d0; } .chabok-en-title span { display:inline-block } .chabok-single-product .chabok-en-title span::first-letter { text-transform: capitalize; } .chabok-single-product .chabok-en-title span { background:#fff; padding-right: 10px; position: relative; z-index: 2; } .chabok-single-product .chabok-en-title::before { content: ''; height: 1px; top: 0; bottom: 0; left:0; margin: auto; width: 100%; position: absolute; background: #eee; z-index: 1; } .chabok-single-product .entry-summary .woocommerce-product-rating { margin: 0px 2% 23px 0; width: 28%; float: right; text-align: center; border-radius: 0px; border:1px solid #eee; } .recive-rate-by-user { font-size: 12px; color: #666; line-height: 1.6; display: inline-block; width: 80%; border: 1px solid #ccc; margin-top: 15px; padding: 10px; border-radius: 9px; position: relative; } .recive-rate-by-user::before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e3e3e3; position: absolute; right: 9px; top: -10px; } .chabok-single-product .entry-summary .woocommerce-product-rating.sandan-rating { top: -55px; position: absolute; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -moz-box-direction: reverse; flex-direction: row-reverse; margin: 0; border: 0; } .chabok-single-product .entry-summary .woocommerce-product-rating .chabok-ulike { top: 29px;left: 10px; } .woocommerce ul.product_list_widget li .star-rating { } .woocommerce .star-rating::before { color:#939292; font-size: 23px; } .woocommerce .comment-text .star-rating::before, .woocommerce .comment-text .star-rating > span, .woocommerce ul.product_list_widget li .star-rating::before, .woocommerce ul.product_list_widget li .star-rating > span { font-size: 13px; } .comment-text .wpulike { position: absolute;right: -55px;top: 47px; } .comment-text .wpulike .wp_ulike_general_class { flex-wrap: wrap; } .comment-text .wpulike .count-box { display: block; float: right; width: 100%; padding: 0 11px; } .woocommerce .comment-text .star-rating, .woocommerce ul.product_list_widget li .star-rating { width: 69px; top:4px; } .woocommerce .comment-text .star-rating > span, .woocommerce ul.product_list_widget li .star-rating > span { padding-top: 20px; } .woocommerce .star-rating > span { color:#535353; color: rgba(242, 59, 129, 0.4); padding: 0; font-size: 23px; padding-top: 30px; } .chabok-single-product .entry-summary strong.rating { visibility: hidden; } .comment-text .star-rating > span { color:rgb(105, 105, 105); } .comment-text .star-rating::before { color:#555; } .chabok-single-product .entry-summary .woocommerce-product-rating .star-rating { margin: 8px 9px 0 48%; } .chabok-single-product .entry-summary .woocommerce-product-rating.sandan-rating .star-rating { margin: 0; line-height: 1.5; height: 36px; width: 125px; } .chabok-single-product .entry-summary .woocommerce-product-rating.sandan-rating .rating-text { margin: 0 0 0 12px; padding: 0; width: auto; font-size: 14px; line-height: 2.8; } .woocommerce div.product div.summary { padding-top:20px; } .comment-rating { width:123px; } .comment-rating .rating-text { float: right; width:100%; } .pswp__bg { background:#fff; } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color:transparent !important; } .pswp__counter { color:#000; } .pswp__top-bar button.pswp__button { background-color: rgba(0, 0, 0, 0.302) !important; border-radius: 0; z-index: 9999; cursor: pointer; } button.pswp__button { background-color:transparent !important; } button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before { background-color: #ccc !important; } .chabok-single-product .entry-summary .woocommerce-product-rating .rating-text { font-family: 'yekan'; font-size: 12px; display: block; width: 100%; text-align: right; padding-right: 30px; float: right; margin-top:5px; } .chabok-sol { float: right; width:100%; } .chabok-single-product .woocommerce-product-details__short-description { font-size: 13px; font-family: 'yekan'; color:#666; margin-bottom:15px; float: right; width:57%; } .woocommerce-product-details__short-description .chabok-col-60 { padding-left: 20px; } .pr-attribute-title { font-size: 15px; position: relative; margin-bottom: 5px; } .pr-attribute span.val::after { content: ' - '; } .pr-attribute span.val:last-child:after { content: none; } .pr-attribute-title::before { content: ''; position: absolute; height: 1px; background: #eee; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 1; } .pr-attribute-title span { background: #fff; position: relative; padding-left: 10px; z-index: 2; } .chabok-single-product-price-and-form form.cart { float: right; width: 57%; margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: flex; } .chabok-single-product-price-and-form form.cart.variations_form { width: 58%; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; flex-wrap:wrap; margin-bottom: 0; } .woocommerce div.product form.cart .variations { width: 100%; font-size: 14px; font-weight: normal; font-family: 'yekan'; color: #666; } .woocommerce div.product form.cart .single_variation_wrap { width:100%; } .button-variable-wrapper .button-variable-item { width: max-content !important; border-radius: 2px !important; padding: 0 10px !important; } .woocommerce div.product .woocommerce-variation-description {display:none;} .chabok-single-product-price-and-form form.cart .single_add_to_cart_button, .chabok-call-button-product { width:100%; font-size: 14px; font-family: 'yekan'; font-weight: 400; } .chabok-single-product-price-and-form .woocommerce-variation-add-to-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; width:100%; } .chabok-single-product-price-and-form .woocommerce-variation-add-to-cart button, .chabok-single-product-price-and-form .woocommerce-variation-add-to-cart button.disabled { padding: 8px; } .woocommerce div.product form.cart .reset_variations { background: #eee; padding: 2px 12px; border-radius: 100px; } .button-variable-item span { font-size:14px !important; } .chabok-single-product .woocommerce-product-details__short-description p { margin: 2px 0; } .chabok-single-product .price {font-family:'yekan', tahoma;} .chabok-single-product-price-and-form { float:right; width:100%; } .chabok-single-product .product_meta { width: 40%; float: left; padding: 5px 10px; border-radius: 3px; line-height: 2; font-size: 13px; height: 279px; border-right: 1px solid #eee; box-shadow: 11px -6px 16px -13px #eee; position: relative; margin-top: -38px; } .product_meta .sku, .product_meta .st { float: left; font-family: tahoma; } .product_meta .st { font-family: 'yekan'; } #chabok-modal { width: 100%; height: 100vh; position: fixed; top: 0; right: 0; z-index: 999; left: 0; bottom: 0; margin: auto; opacity: 0; transition: all 500ms; } #chabok-modal.chabok-active { opacity: 1; transition: all 500ms; } #close-chabok-modal::before { content: ''; background: rgba(0, 0, 0, 0.188); width: 100%; height: 100%; position: fixed; right: 0; font-size: 22px; z-index: 2; left: 0; top: 0; bottom: 0; } #close-chabok-modal { position: absolute; cursor: pointer; max-width: 600px; display: block; width: 100%; left: 0; right: 0; margin: auto; top: 0; } #close-chabok-modal i { font-size: 30px; position: absolute; top: 31px; z-index: 999; right: 15px; color:#000; } .chabok-modal-body { position: relative; z-index: 97; max-width: 600px; width:100%; background:#fff; height:90vh; margin:20px auto; overflow: auto; } .chabok-product-help { width: 50%; padding: 0 15px; text-align: left; margin:0 !important; } .chabok-product-help #chabok-product-help-modal { display: inline-block; border:1px solid #eee; border-radius: 100px; padding: 0 18px; color:#666; font-size: 12px; font-family: 'yekan'; cursor: pointer; } .chabok-single-product-price-and-form .price { width: 25%; float: left; display: flex; flex-wrap: wrap; line-height: 1; font-weight: normal; justify-content: end; padding-left: 20px; margin-bottom: 0; } .chabok-single-product-price-and-form .stock.in-stock, .chabok-single-product-price-and-form .stock.out-of-stock, .chabok-single-product-price-and-form .stock.available-on-backorder { float: right; padding: 2px 0px 3px; color: #000; font-size: 13px; line-height: 2.3; width: 25%; margin-bottom: 0; } .chabok-single-product-price-and-form .single_variation_wrap .stock.in-stock, .chabok-single-product-price-and-form .single_variation_wrap .stock.out-of-stock, form.variations_form .stock.out-of-stock, .chabok-single-product-price-and-form .single_variation_wrap .stock.available-on-backorder { width:100%; } .chabok-single-product-price-and-form .stock.available-on-backorder { background: #ffea9c; color: #000 !important; } .chabok-single-product-price-and-form .stock.out-of-stock::before { content:'\f5b3'; font-family:'Font Awesome 5 Pro'; padding-left:10px; font-size: 16px; position: relative; top: 2px; float:right; line-height:1.5; } .chabok-single-product-price-and-form .stock.in-stock::before { content:'\f118'; font-family:'Font Awesome 5 Pro'; padding-left:10px; font-size: 16px; line-height:1.5; float:right; position: relative; top: 2px; } .chabok-single-product-price-and-form .price del, span.price .woocommerce-Price-amount.amount del, p.price .woocommerce-Price-amount.amount del { font-size: 14px; } .chabok-single-product-price-and-form .price ins, span.price .woocommerce-Price-amount.amount, .woocommerce div.product p.price, .woocommerce div.product span.price { font-size:17px; color: #f05; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: bold; } p.price .woocommerce-Price-amount.amount { font-size:15px; } .chabok-pr-attribute { background: #f4f4f4; padding: 10px; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .chabok-pr-attribute .pr-attribute { width: 50%; } .pr-attribute .label { padding-left: 5px; display: inline-block; font-weight: bold; } .chabok-single-product .product_meta span.posted_in, .chabok-single-product .product_meta span.tagged_as, .chabok-single-product .product_meta span.sku_wrapper, .chabok-single-product .product_meta span.ch-brand, .chabok-single-product .product_meta span.ch-shoper, .chabok-single-product .product_meta span.ch-country { display:block; padding: 11px 0; border-bottom: 1px solid #e8e8e8; font-weight: 600; font-family: 'yekan'; color: #666; } .product_meta a { color: #666; } .chabok-single-product .product_meta span:last-child { border:0; } .chabok-single-product .yith-wcbr-brands { margin-top:0; float: right; } .chabok-single-product .yith-wcbr-brands-logo { margin-top:0; float: left; } .chabok-single-product .product_meta span.posted_in:before { font-family: "Font Awesome 5 Pro"; content: "\f07c"; padding-left:5px; } .chabok-single-product .product_meta span.tagged_as:before { font-family: "Font Awesome 5 Pro"; content: "\f02c"; padding-left:5px; } .product_meta i { font-size: 16px; width: 26px; top: 2px; color: #a46497; text-align: center; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width:40% !important; border-radius: 0px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; border-left: 1px solid #eee; margin-bottom: 0; } /* .woocommerce-product-gallery .flex-viewport::before { content: ''; background: #0000000a; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { content: "\f424"; display: block; width: 20px !important; height: unset !important; border: 0 !important; border-radius: 0 !important; position: relative !important; top: 8px !important; right: 9px !important; box-sizing: border-box !important; font-family: 'Font Awesome 5 Pro' !important; font-size: 19px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger img { display: none !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { text-indent: unset !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { content: '' !important; display: block; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0) !important; border-radius: 0 !important; position: absolute !important; top: 0 !important; right: 0 !important; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; box-sizing: border-box !important; } .woocommerce-product-gallery .flex-viewport { min-height: auto; } .woocommerce div.product div.images .flex-control-thumbs { padding: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; right: 0; margin: 0 0; padding-left: 5px; padding-right: 5px; bottom: 0; top: auto; height: 115px; width: 100%; border-top: 1px solid #eee; padding-top: 15px; overflow: auto; } .woocommerce div.product div.images .flex-control-thumbs li { width: 15.6666%; clear: none !important; border: 1px solid #eee; min-width: 16.6666%; border-radius: 11px; background: #fff; overflow: hidden; margin-left: 13px; height: max-content; } .woocommerce div.product div.images .flex-control-thumbs li img { max-height:100%; height:auto; } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(n+6) { display: none; } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(5) { position: relative; } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(5) img { filter: blur(2px); } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(5)::before { content: '\f141'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; cursor: pointer; right: 0; bottom: 0; top: 0; padding: 0; font-size: 67px; z-index: 8; text-align: center; color: #8c8c8c; } /* .woocommerce div.product div.images .flex-control-thumbs li:nth-child(5)::after { content:'\10f141'; font-family: 'Font Awesome 5 Duotone'; position: absolute; left: 0; cursor: pointer; right: 0; bottom: 0; top: 0; padding: 0; font-size: 67px; z-index: 8; font-weight: bold; text-align: center; } */ .chabok-single-product .entry-summary { width:60% !important; } .chabok-breadcrumb { background:#eee; } nav.woocommerce-breadcrumb { line-height: 1.5; } .woocommerce .woocommerce-breadcrumb { margin-top:25px; margin-bottom: 25px; } .woocommerce .woocommerce-breadcrumb::before { content:"\f041"; font-family: "Font Awesome 5 Pro"; display: inline; padding-left: 10px; font-size: 15px; top: 1px; position: relative; } .woocommerce .woocommerce-breadcrumb span { display: inline-block; } .woocommerce .woocommerce-breadcrumb span::after { content: '\f053'; font-family: "Font Awesome 5 Pro"; padding: 0 6px; font-size: 10px; } .woocommerce .woocommerce-breadcrumb span:last-child::after { content:none; } .woocommerce table.shop_attributes { border:none !important; } .woocommerce table.shop_attributes tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; font-family: 'yekan'; } .woocommerce table.shop_attributes th { border-top: none !important; border-bottom: none !important; width: 19.5% !important; min-width: 150px; margin: 0 0 0 0.5% !important; float: right !important; border-radius: 2px !important; color: #656565 !important; background: #f0f1f2 !important; padding: 8px 25px !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; font-family: 'yekan'; } .woocommerce a.remove { line-height: 1.3; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width:100%; } .woocommerce table.shop_attributes td { font-style: normal !important; border-bottom: 0 !important; width: 80% !important; background: #f7f9fa !important; padding: 8px 25px !important; border-radius: 2px !important; float: right !important; } .woocommerce table.shop_attributes td p { padding:0; line-height: 1.5; } .chabok-onsale { position: absolute; z-index: 98; margin-bottom: 0; color:#fff; border-radius: 42px; top: 30px; right: 115px; } .discount-section { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; } .shegeftangiz-poster-container { margin-bottom: 20px; } .shegeftangiz-poster { content: ''; height: 100%; border-radius: 6px 0 0 8px; background-color: #fff; box-shadow: 0 0 63px rgba(0, 0, 0, 0.141); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; } .discount-section .slider-title { position: absolute; visibility: hidden; display: none; right: 0%; width: 19%; text-align: center; margin-top: 23px; padding-right: 21px; padding-left: 21px; display: block; padding-bottom: 15px; } .discount-section .slider-title > span { font-weight: 900; text-align: center; display: block; color:#ff3389; } .discount-section .slider-title > span::before, .discount-section .slider-title > span::after { content:none; } .chabok-btn.discount-btn { border: 1px solid #ffb0ca; padding: 10px; display: block; margin-top: 20px; text-align: center; font-weight: 300; font-size: 16px; border-radius: 7px; background: linear-gradient(to right,#ff4b862e,#fff); } .slider-title-content { position: absolute; top: 74px; padding: 0 32px; right: 0; line-height: 2; font-family: 'yekan'; font-weight: 800; color: #717171; font-size: 19px; text-align: center; width:100%; } .full-slide-container .swiper-button-prev { bottom: 87px; top: auto; right: 5% !important; height: 45px !important; width: 45px !important; border-radius: 100px; background: #f13a80 !important; } .full-slide-container .swiper-button-next { right: 10%; left: auto; bottom: 87px; top: auto; border-radius: 100px; width: 45px !important; height: 45px !important; background: #f13a80 !important; } .discount-title { font-family: 'yekan'; font-size: 25px; padding: 5px 10px; display: inline-block; } .discount-badge { background: rgba(238, 0, 91, 0.77); padding: 5px 5px; border-radius: 19px 2px 19px 19px; font-family: 'yekan'; font-size: 12px; display: inline-block; } .chabok-fetured-badge, .chabok-onsale-badge { z-index: 3; position: absolute; width: auto; background: rgba(254,92,92,0.7215686274509804); padding: 5px; color: #fff; display: block; border-radius: 19px 2px 19px 19px; top: 10px; right: 10px; font-size:12px; font-family: 'yekan', tahoma; } .chabok-product-blk .chabok-fetured-badge,.discount-title { background:transparent; font-size:22px; color:rgb(255, 0, 85); padding: 0; } .chabok-onsale-badge { top:40px; background: rgba(238, 0, 91, 0.77); } .shop-archive .woocommerce-result-count { background:#fff; padding: 12px; border-radius: 5px; font-family: yekan; width: 66%; } .shop-archive .woocommerce-ordering { width: 31.5%; } .shop-archive .woocommerce-ordering select { width:100%; } .chabok-woo-tabs-content { margin-bottom: 20px; background: #fff; padding: 14px; } .chabok-col-image img { border-radius: 10px; } /*woocommerce review */ .close-review-modal { position: absolute; left: 5%; top: 5%; font-size: 37px; color: #888; cursor: pointer; } p.woocommerce-noreviews { } .chabok-review-modal { padding-right: 0%; float: right; position: relative; width: 100%; top: -25px; } .chabok-open-review-modal,.close-review-modal { display: none; } .chabok-open-review-modal, .woocommerce #respond input#submit { background: transparent; min-width: 200px; border: 1px solid #ec0190; color: #ec0190; transition:all 200ms; } .chabok-open-review-modal:hover, .woocommerce #respond input#submit:hover { background:#ec0190; transition:all 200ms; color:#fff; } .woocommerce #respond input#submit { border-color:#111; color:#000; } .woocommerce #respond input#submit:hover { background:#111; } #reviews { float: right; width: 80%; } #reviews.woocommerce-Reviews #respond { width: 100%; color:#555; } #reviews.woocommerce-Reviews #respond form { padding: 0px; } #reviews.woocommerce-Reviews #respond .comment-reply-title { display: block; font-size: 14px; line-height: 1.6; font-weight: 400; margin: 0px; font-family: 'yekan'; padding: 0 10px 18px; } .comment-form-rating { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-content: center; align-items: center; font-family: yekan; justify-content: space-between; } .woocommerce #reviews #comments ol.commentlist { margin:0 0 50px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 45px; height: 45px; background: #ebe9eb; border: 0; margin: 0; padding:3px; box-shadow: none; border-radius: 100px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-right:61px; padding:1em; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text::before { position: absolute; right: -20px; top: 20px; border-left: 18px solid transparent; border-bottom: 18px solid #f0f0f0; transform: rotate(-14deg); } #reviews.woocommerce-Reviews #respond .comment-form-author, #reviews.woocommerce-Reviews #respond .comment-form-email, #reviews.woocommerce-Reviews #respond .comment-form-url { width:50%; } #reviews.woocommerce-Reviews #respond form p.stars { font-size:30px; padding-bottom: 0; margin-bottom:0; } #reviews.woocommerce-Reviews #respond form label[for="rating"] { display: block; padding:0 10px; } /* =Main content and comment content -------------------------------------------------------------- */ .chabok-blogpost, body.search.search-results .chabok-product-blk.sandan-style { text-align: center; background-color: #fff; height: 100%; position: relative; box-shadow: 0 0 11px rgba(0, 0, 0, 0.18); border-radius: 13px 12px 6px 6px; overflow: hidden; padding-bottom: 14px; } .chabok-blogpost .chabok-post-thumbnail { height: auto; width: 100%; overflow: hidden; position: relative; } .chabok-post-thumbnail img { position: relative; top:0; right:0; left:0; margin:auto; width:100%; height:auto; } .chabok-post-thumbnail span.date { position: absolute; bottom: 15px; left: 15px; background: #262626; padding: 4px 10px; font-size: 12px; border-radius: 5px; color: #fff; } .chabok-blogpost-meta { padding:0 20px; } .chabok-blogpost-meta .post-link a { border: 1px solid #999; padding: 3px 10px; border-radius: 16px; } .chabok-blogpost-meta .post-link a i { font-size: 14px; position: relative; top: 2px; } .chabok-blogpost-meta .post-link a:hover { border-color:#003d2b; background:#eee; } .chabok-blogpost-meta span.post-link { text-align: left; padding:10px 0; } .chabok-blogpost-meta span.post-author { padding:10px 0; text-align: right; } .blog-post-title { line-height: 1.8; font-weight: normal; padding:10px; text-align: right; font-family: 'yekan'; font-weight: 700; color: #555; font-size: 14px; text-align: center; } .chabok-blogpost-meta { font-size:12px; font-family: yekan, tahoma; } .chabok-blogpost-meta span { width:50%; padding:10px; } .entry-meta { clear: both; } .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; border-bottom: 5px solid #eee; padding-bottom: 9px; } .new-header.entry-header { margin-top:20px; font-size:20px; color:#555; } .default-page-theme .entry-header { border:0; } .entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.5; font-weight: 700; font-family: 'yekan', tahoma; } .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; } .entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } .single-post article .entry-header { float:right; width:100%; border:0; } .single-post article .entry-title { font-size: 21px; line-height: 1.5; margin-bottom: 23px; font-weight: 800; position: relative; } .single-post .entry-title::before { content: ''; height: 6px; width: 50px; right: -60px; top: 0; bottom: 0; margin: auto; position: absolute; background: #ffaab6; } .single-post article .chabok-post-info { padding: 0; } .single-post article .chabok-post-info p { line-height: 1.7; font-size: 13px; border: 1px solid #eee; padding: 12px; width: 100%; margin-top: 11px; text-align: justify; } .single-post article .article-date, .single-post article .article-cat, .single-post article .article-comment { font-size: 14px; line-height: 2; float: right; padding: 5px 24px; margin-top: 0; color: #999; margin-bottom: 20px; } .single-post article .article-comment a, .single-post article .article-cat a { color:#999; } .single-post article .site-content { clear: both; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 2; font-size:14px; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; } .entry-content h1, .comment-content h1 { font-size: 20px; line-height: 1.5; } .fill-img img { width:100%; } .entry-content h2, .entry-content h3, .entry-content h4 { font-family: 'yekan'; font-size: 16px; margin-bottom: 10px; } .entry-content h3, .comment-content h3 { font-size: 15px; line-height: 1.846153846; } .entry-content h4, .comment-content h4 { font-size: 14px; line-height: 1.846153846; } .entry-content h5, .comment-content h5 { font-size: 13px; line-height: 1.846153846; } .entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 2; font-size:14px; color:#555; } .entry-content a:visited, .comment-content a:visited { color: inherit; } .entry-content .more-link { white-space: nowrap; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #080808; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .site-content article { margin-bottom: 20px; padding: 20px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-radius: 10px; /* border-top: 6px solid #bb34ec; */ } .chabok-post-like { position: relative; } .chabok-post-like .chabok-post-ulike { top: 0; left: -7px; } .tumb-post { background-size: cover !important; background-repeat: no-repeat; width:100%; height: 300px; background-position: center; border-radius: 10px; clear: both; } .site-content article.post { padding: 60px; border: 1px solid #eee; position: relative; box-shadow: 0 0 10px #eee; } .article-badge { position: absolute; left: 29px; top: 0; text-align: center; background: #8f00b7; color: #fff; padding: 30px 9px; border-radius: 0 0 7px 8px; font-family: 'yekan'; color: #eee; } .article-badge .st { display: block; font-weight: 900; margin-bottom: 4px; } .article-badge .mg { display: block; font-weight: 600; } .page-links { clear: both; line-height: 1.714285714; } footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .single-author .entry-meta .by-author { display: none; } .mu_register h2 { color: #757575; font-weight: normal; } .chabok-empty-cart { text-align: center; font-size: 14px; font-family: 'yekan'; font-weight: 700; } .cart-empty-icon::before { content: '\f119'; font-family: 'Font Awesome 5 Pro'; font-size: 65px; position: absolute; top: 4px; color:#888; } .cart-empty-icon { font-size: 160px; position: relative; width: 300px; height: 280px; background-size: 300px; background-repeat: no-repeat; margin: 0 auto 20px auto; background-color: #fff; border-radius: 21px; } #respond form input[type="text"] { width: 100%; } .template-front-page .site-content, .template-front-page article { overflow: hidden; } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; } .site-content.single-post { float: right; padding-left: 30px; } .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; } .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .template-front-page .widget-area .widget:nth-child(odd) { clear: right; } .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; } .commentlist .children { margin-left: 25px; } .woocommerce ol.commentlist { padding-right: 1%; margin-bottom: 60px; } #secondary.page-widget-area { margin: 0; padding: 20px 0; background: #f2f2f2; box-shadow: none; } #secondary.page-widget-area aside { background:transparent; border-radius: 0; box-shadow: none; } /* =Archives -------------------------------------------------------------- */ .archive-header, .page-header { border-bottom: 4px solid #ffffff; margin-bottom: 15px; } .archive-header { padding: 30px; border: 1px solid #eee; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.041); display: flex; align-items: center; align-content: center; } .archive-icon { font-size: 60px; color:#aaa; margin-left: 30px; } .archive-header .archive-title, .page-header .page-title { font-family: "yekan", tahoma; font-size: 19px; padding: 0; display: inline-block; position: relative; font-weight: normal; } .archive-header .archive-title{ display: flex; align-items: center; align-content: center; } .page-header .page-title::after { background: #bb34ec; width: 100%; height: 4px; position: absolute; top: 100%; right: 0; content: ''; display: inline-block; } .archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } /* =Single audio/video attachment view -------------------------------------------------------------- */ .attachment .entry-content .mejs-audio { max-width: 400px; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } .chabok-subcategories { list-style:none; padding: 0; margin:0; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; } .chabok-subcategories li { margin: 0 0 20px 2.5%; width: 23.7%; border: 1px solid #eee; margin-left:15px; float: right; position: relative; } .chabok-subcategories li .count { display: none; } .chabok-subcategories li a { display: block; } .chabok-subcategories li:nth-child(4n) { margin-left:0; } .chabok-subcategories li { } /* =Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow: hidden; } .image-attachment div.attachment { text-align: center; } .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; } /* =Aside post format -------------------------------------------------------------- */ article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { text-decoration: none; color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; } article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } /* =Post formats -------------------------------------------------------------- */ /* Image posts */ article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; } article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } article.format-image footer a h2 { font-weight: normal; } /* Link posts */ article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .entry-content { max-width: 80%; float: left; } article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; } /* Quote posts */ article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; } /* Status posts */ .format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .entry-header header { display: inline-block; } .format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; } .format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; } .format-status .entry-header header a { color: #757575; } .format-status .entry-header header a:hover { color: #21759b; } .format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } /* =Comments -------------------------------------------------------------- */ .comment-respond { float:right; width:100%; } .comments-title { margin-bottom: 10px; font-size: 16px; font-size: 1.142857143rem; line-height: 1.8; font-weight: normal; } .comments-area { float: right; width: 100%; padding: 20px; border-radius:10px; box-shadow: none !important; } .comments-area article { background: none; box-shadow: none; border:0; float: right; width: 100%; margin: 0; padding: 10px 0; } .comments-area article img { float:right; border-radius: 50%; width: 6%; height: 6%; } .comments-area article .chabok-comment-body { float: right; width: 93%; background: #f9f9f9; margin-right: 1%; padding: 11px; border-radius: 12px; } .single_variation_wrap .woocommerce-variation-price .price { padding: 0; top: 24px; position: relative; } .comments-area article .chabok-comment-body .reply { border-radius: 10px; padding: 1px 13px; float: left; border: 1px solid #ccc; } .comments-area article .chabok-comment-body p { font-size:14px; margin-bottom: 10px; } .comments-area article header { margin: 0 0 10px; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; margin-right: 10px; margin-left:0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: inline-block; margin-left: 5px; } .comments-area article header cite { font-style: normal; font-size: 12px; line-height: 1.42857143; } .comments-area cite b { font-weight: normal; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(to bottom, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .comments-area .bypostauthor cite b { font-weight: bold; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 12px; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist { list-style: none; margin:0; padding:0; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Comment form */ #respond { margin-top: 10px; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; padding: 25px 10px 0; border-top: 1px solid #ccc; font-weight: normal; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 5px 0; } #respond form p { padding:10px; line-height: 1.7; font-size: 14px; } #respond form p.logged-in-as { font-size:14px; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form input[type="email"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; width: 100%; } #respond form textarea { height: 100px; } .comment-form-author, .comment-form-email, .comment-form-url { float:right; width:33.333%; } #respond form div, #respond form .form-submit { clear: both; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } #respond #wp-comment-cookies-consent { margin: 0 10px 0 0; } #respond .comment-form-cookies-consent label,p.comment-form-cookies-consent { display: none; } .required { color: red; } /* faq */ .chabok-faq-section { float: right; width:100%; margin:30px 0; } .faq-row { background: #fff; border:1px solid #ccc; border-bottom: 0; position: relative; } .faq-row:last-child { border-bottom: 1px solid #ccc; } .bee-title { text-align: right; font-family: 'yekan'; font-weight: 800; font-size: 18px; margin-bottom: 14px; } .bee-title a { float: left; font-size: 12px; top: 5px; position: relative; color: #f9058e; } .bee-title a:hover, .bee-title a:focus { color: #df0480; } .bee-title a::before { content: '\f660'; font-family: 'Font Awesome 5 Pro'; margin-left: 5px; font-size: 13px; line-height: 0; top: 2px; position: relative; } .faq-title { font-family: 'yekan'; font-size: 14px; line-height: 2; padding: 10px 10px 10px 30px; border-radius: 5px; margin: 0; cursor: pointer; } .faq-content { line-height: 2; padding: 20px 10px; font-size: 14px; background: #f9f9f9; margin-top: 0px; margin-bottom: 0px; color:#555; height: 0; overflow: hidden; padding: 0; transition: all 100ms; opacity: 0; } .faq-title::after { content: '\f149'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 20px; top: 10px; } .faq-row.chabok-active .faq-title::after { content: '\f148'; } .faq-row.chabok-active .faq-content { height:auto; max-height: 300px; overflow: hidden; padding: 20px 10px; opacity: 1; transition: all 100ms; } /* =Front page template -------------------------------------------------------------- */ .entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; } /* =Widgets -------------------------------------------------------------- */ .chabok-adise-frontpage { width: 30%; float: left; padding-right: 10px; } .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } .tagcloud ul { list-style-type: none; } .tagcloud ul li { display: inline-block; } .widget-area .widget.widget_tag_cloud li { line-height: 1; } .widget-area .widget.widget_tag_cloud li::before { content:none; } .template-front-page .widget-area .widget.widget_tag_cloud li { margin: 0; } .widget-area li a.tag-cloud-link { background: #eee; margin: 5px 2%; padding: 0px 17px; line-height: normal; border-radius: 100px; box-shadow: 0 0 4px #999; display: inline-block; text-align: center; width: max-content; } .widget-area .gallery-columns-2.gallery-size-full .gallery-icon img, .widget-area .gallery-columns-3.gallery-size-full .gallery-icon img, .widget-area .gallery-columns-4.gallery-size-full .gallery-icon img, .widget-area .gallery-columns-5.gallery-size-full .gallery-icon img, .widget-area .gallery-columns-6 .gallery-icon img, .widget-area .gallery-columns-7 .gallery-icon img, .widget-area .gallery-columns-8 .gallery-icon img, .widget-area .gallery-columns-9 .gallery-icon img { height: auto; max-width: 80%; } .user-account-menu { font-size: 13px; text-align: right; width: 100%; position: absolute; max-width: 210px; line-height: 1.9; left: auto; display: none; z-index: 999; margin-top:-6px; } .user-account-menu .user-menu { background: #f9f9f9; border-radius: 20px; margin-top: 10px; padding: 15px; border:1px dashed #ccc; } .chabok-iconset-head .chabok-account:hover .user-account-menu { display:block; } .chabok-account i { cursor: pointer; } /* theme woocommerce module */ .payan-takhfif { display:none; text-align: center; position: absolute; z-index: 9; left: 0; right: 0; bottom: 50%; margin: auto; top: 50%; background: #ff8383; width: 200px; height: 30px; color:#fff; padding: 7px; border-radius: 25px; } .chabok-disable { filter: blur(4px); -webkit-filter: blur(4px); } .pr-chabok-disable { display:block; z-index:9; } .chabok-timer { direction: ltr; text-align: center; font-size: 12px; font-family: 'yekan', tahoma; color: #ff0048; position: absolute; z-index: 3; top: 8px; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-content: center; align-items: center; background: #fff; padding: 3px 10px; border-radius: 0px 11px 24px 0px; box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.041); } #chabok-countdown-timer::before { content: '\f1da'; font-size: 15px; margin-right: 5px; font-family: 'Font Awesome 5 Pro'; } .chabok-timer-text { text-align: center; padding-bottom: 20px; font-family: yekan; font-size: 19px; } .sp-title { width: auto; background:#f44565; border-radius: 20px; padding: 10px; margin-bottom: 20px; display: inline-block; position: absolute; top: 60px; right: 20px; color:#fff; min-width: 180px; text-align: center; } .chabok-shegeftangiz { width: 100%;background-color: #fff;float: right;height: 100%; } .chabok-shegeftangiz h2 { padding: 10px; line-height: 2; font-size: 20px; } .chabok-shegeftangiz .chabok-takhfif { width: max-content; max-width:130px; background:#a22994; border-radius: 20px; color:#fff; font-family: yekan; padding: 7px 25px; } .chabok-shegeftangiz .chabok-prc ins { background:none; color:red; } .chabok-shegeftangiz .chabok-prc { font-size: 21px; font-family: yekan; padding: 10px; margin-bottom: 10px; } .chabok-shegeftangiz .swiper-pagination { position:relative; padding-top:15px; } .chabok-shegeftangiz .swiper-pagination div { position:relative; display:block; opacity:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chabok-shegeftangiz .swiper-pagination div.swiper-pagination-bullet-active { background:#1d98bd; color:#fff; box-shadow:0 0 5px #ccc; } .shegeftangiz-button { width:100%; height:auto; margin-bottom:2px; border-radius:10px 0 0 10px; padding:10px; line-height:1.8; background:#eee; } .paginate-block { float:right; width: 25%; position:relative; } .paginate-block .swiper-pagination { top:0; } #slideshow { float: left; width: 75%; padding: 15px; } .chabok-col-60 { width:60%; float:right; } .chabok-col-40 { width:40%; float:right; } .chabok-loader { border: 3px solid #333; /* Light grey */ border-top: 3px solid #aaa; /* red */ border-radius: 50%; width: 50px; height: 50px; animation: chabok-spin 0.5s linear infinite; margin: 0 auto; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes chabok-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1; } } @keyframes fadeOutIn { 0% {opacity: 1;} 40% {opacity: 0;} 60% {opacity: 0;} 100% {opacity: 1;} } @keyframes chabok-shake { 2%, 18% { transform: rotate(-10deg); } 4%, 16% { transform: rotate(10deg); } 6%, 10%, 14% { transform: rotate(-10deg); } 8%, 12% { transform: rotate(10deg); } 18.1% { transform: rotate(0deg); } } #chabok-fetch-search-div { background: #fff; border-radius: 10px; padding:0; line-height: normal; position: absolute; z-index: 99999; max-width: 720px; width: 100%; text-align: right; display: none; margin-top: 16px; box-shadow: 0 21px 23px -16px rgba(0, 0, 0, 0.58); } .chabok-inline-search #chabok-fetch-search-div { margin-top:4px; max-width: 600px; } .search-cat-result { padding: 0; margin:0; display: -webkit-box; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .search-cat-result li { min-width: max-content; margin:0 0 0 5px; } .search-cat-result li a { background:#eee; border-radius: 100px; padding:0 10px; font-size: 13px; color: #555; } .search-cat-result li a:hover { color:#000; background:#ccc; font-weight:normal; } .chabok-ajax-search-result h2 { text-align: right; font-family: 'yekan'; font-weight: 700; } #chabok-fetch-search-div.chabok-search-loader::before, #compare-search.chabok-search-loader::before, .chabok-button-loader::before { content: ''; border: 1px solid #cacaca; border-top: 1px solid #000; border-radius: 50%; width: 13px; height: 13px; animation: chabok-spin 0.6s linear infinite; margin: 0 auto; position: absolute; top: -28px; left: 37px; } .chabok-button-loader[disabled="disabled"], .woocommerce .chabok-button-loader.alt[disabled="disabled"], .woocommerce button.button.chabok-button-loader:disabled, .woocommerce button.chabok-button-loader.button:disabled[disabled] { opacity: 1 !important; background: #000 !important; } .chabok-button-loader::before { top:0; bottom: 0; margin:auto; left:10px; border: 2px solid #fff; border-top: 2px solid #4f4e4e; } #compare-search.chabok-search-loader::before { top:7px; } .chabok-ajax-search-result { padding: 15px; } .chabok-ajax-search-result .search-item a { font-family: 'yekan'; font-size:13px; line-height: 2; font-weight:500; color:#555; } .chabok-ajax-search-result .search-item a:hover { color:#000; } /** new social share */ .chabok-product-share { clear: both; width: 100%; float: left; text-align: right; border-top: 1px solid #eee; position: fixed; top: 10%; bottom: 10%; right: 0; left: 0; margin: auto; background: #fff; z-index: 999; max-width: 460px; max-height: 300px; box-shadow: 0 0 25px #00000038; border-radius: 4px; transition: all 200ms; transform:translateY(100%); } .close-share-modal { float: left; top: 8px; position: relative; left: 8px; cursor: pointer; } .chabok-product-modal.chabok-active .chabok-product-share { transition: all 200ms; transform:translateY(0%); } .chabok-modal-content { float: right; width: 100%; padding: 0 11px; } .chabok-product-modal { position: relative; width:100%; height:100%; visibility: hidden; opacity: 0; } .chabok-product-modal.chabok-active { visibility: visible; opacity: 1; } .share-toggle { position: absolute; right: 5px; top: 195px; background: #fff; border: 1px solid #eee; width: 38px; height: 38px; font-size: 19px; border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-content: center; align-items: center; justify-content: center; cursor: pointer; } .brand-box-link { width: 100%; color: #000 !important; transition: all 200ms; } .brand-box-link:hover div, .brand-box-link:focus div { background:#555; color:#fff; transition: all 200ms; } .brand-box-link:hover, .brand-box-link:focus { color:#fff !important; } .share-toggle.chabok-active::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 99; } .modal-header { text-align: right; padding: 10px; border-bottom: 1px solid #eee; margin-bottom: 16px; font-family: 'yekan'; } .chabok-product-share a { color:rgb(133, 133, 133); font-size: 28px; display: inline-block; background-color:#fff; border:1px solid; width: 50px; height: 50px; line-height: 2; margin: 6px; text-align: center; position: relative; overflow: hidden; border-radius: 28%; opacity: 0.99; } .chabok-product-share a:hover, .chabok-product-share a:focus { color:#fff; } .chabok-product-share a:before { content: ''; width: 120%; height: 120%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .chabok-product-share a:focus:before, .chabok-product-share a:hover:before { top: -10%; left: -10%; } .chabok-product-share a:focus .fali, .chabok-product-share a:hover .fali { color: #fff !important; -webkit-transform: scale(1); transform: scale(1); z-index: 99; position: relative; } .chabok-product-share-social { width: 100%; float: left; line-height: 1; text-align: center; } .chabok-product-share a, .chabok-product-share a:before, .chabok-product-share a .fali { transition: all 0.35s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); } .chabok-product-share a:before { top: 90%; left: -110%; } .chabok-product-share a .fali { -webkit-transform: scale(0.8); transform: scale(0.8); } .chabok-product-share a.facebook:before { background-color: #3b5998; } .chabok-product-share a.facebook::before { background-color: #3b5998; } .chabok-product-share a.twitter::before { background-color: #3cf; } .chabok-product-share a.googlepluse::before { background-color: #d55044; } .chabok-product-share a.telegram::before { background-color: rgb(34, 200, 255); } .chabok-product-share a.email::before { background-color: rgb(231, 217, 23); } .chabok-product-share a.shortlink::before { background-color: rgb(23, 89, 231); } .chabok-product-share a.shortlink textarea, .chabok-product-share textarea { position: absolute; width:0; height: 0; resize: none; background: none; border: none; max-width: 0; max-height: 0; top:-20px; } .chabok-product-short-link { width: 100%; text-align: center; float: right; } .short-url { height: 38px; width: 100%; display: inline-block; background-color: #fff; margin: 9px 0; text-align: center; position: relative; overflow: hidden; border-radius: 6px; border:1px solid #ccc; opacity: 0.99; line-height: 3; padding: 0 7px; font-size: 13px; cursor: pointer; max-width: 300px; } .short-url:before { content: ''; width: 120%; height: 140%; position: absolute; background-color: rgb(4, 165, 125); top:0%; left: -140%; } .short-url:focus:before, .short-url:hover:before { top: -10%; left: -10%; } .short-url-txt { position: relative; z-index: 9; } .short-url:focus .short-url-txt, .short-url:hover .short-url-txt { color:#fff; } .short-url:before, .short-url-txt, .short-url { transition: all 0.55s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); } /* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } .anr_captcha_field_div div { max-width:100%; margin:17px 1px; } /* yith plugin */ .woocommerce .wishlist-title h2 , .wishlist-title { display: block; } .woocommerce .wishlist_table tr td, .woocommerce .wishlist_table tr th { text-align: center; } .woocommerce .wishlist_table tr td a { display: block; } .woocommerce .wishlist_table tfoot tr td { text-align: right; } .woocommerce table.shop_table { background:#fff; } .woocommerce-order-pay ul.order_details { background: #fff; padding: 22px; display:-webkit-box; display:-webkit-flex; display: flex; align-items: center; } .woocommerce-order-pay ul.order_details li { width:25%; font-size: 15px; font-family: yekan; font-weight: 700; } .woocommerce-order-pay ul.order_details li strong { font-size: 13px; font-weight:normal; margin-top: 13px; } .chabok-wc-orders .chabok-order-row { border:1px solid #eee; margin-bottom:15px; padding: 10px 20px; border-radius: 6px; } .chabok-order-first-row { display:-webkit-box; display:-webkit-flex; display:flex; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 14px; } .chabok-order-label { color: #666; font-weight: normal; font-size: 13px; } .chabok-order-action-row .woocommerce-button.button.pay, .chabok-order-action-row .woocommerce-button.button.pay:hover, .chabok-order-action-row .woocommerce-button.button.view, .chabok-order-action-row .woocommerce-button.button.view:hover, .chabok-order-action-row .woocommerce-button.button.cancel, .chabok-order-action-row .woocommerce-button.button.cancel:hover { padding: 6px 35px; background: #0bd291; margin-left: 10px; font-size: 14px; opacity:0.8; transition:all 200ms; color:#fff; } .chabok-order-action-row { text-align:left; } .chabok-order-action-row .woocommerce-button.button.view, .chabok-order-action-row .woocommerce-button.button.view:hover { background: #2fa8e3; } .chabok-order-action-row .woocommerce-button.button.cancel, .chabok-order-action-row .woocommerce-button.button.cancel:hover { background: #ee287c; } .chabok-order-action-row .woocommerce-button.button.pay:hover, .chabok-order-action-row .woocommerce-button.button.view:hover, .chabok-order-action-row .woocommerce-button.button.cancel:hover { opacity:1; transition:all 200ms; } .chabok-order-number, .chabok-order-date,.chabok-order-price,.chabok-order-num { padding: 0 0 0 32px; } .chabok-order-status { border-bottom: 2px solid #ff5ca1; display: inline-block; padding-bottom: 10px; margin-bottom: 10px; } .chabok-orders-filter-btn { display:-webkit-box; display:-ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 22px; } .chabok-orders-filter-btn a:before { content: ''; width: 10px; height: 10px; border-radius: 20px; background: #eee; margin-left: 5px; display: inline-block; } .chabok-orders-filter-btn a.chabok-active::before { background: #35dd35; } .woocommerce-OrderUpdates.commentlist.notes { padding:0 !important; list-style:none; } .woocommerce-OrderUpdates.commentlist.notes li { background: #f9f9f9; padding: 13px; border-radius: 10px; margin: 0 0 12px; list-style: none; } .woocommerce .wishlist_table td.product-add-to-cart a, .woocommerce .wishlist_table td.product-add-to-cart a:hover, .woocommerce .wishlist_table td.product-add-to-cart a:focus, .woocommerce .wishlist_table.mobile .product-add-to-cart a, .woocommerce .wishlist_table.mobile .product-add-to-cart a:hover, .woocommerce .wishlist_table.mobile .product-add-to-cart a:focus { font-size:0; width:50%; height:auto; float: left; padding: 0; text-align: center; margin: 0; background: none; line-height: 2; } .woocommerce .wishlist_table td.product-add-to-cart a.add_to_cart_button:before, .wishlist_table.mobile a.add_to_cart_button:before { content:"\f217"; font-family: "Font Awesome 5 Pro"; color:#000; font-size: 24px; font-weight: normal; } .woocommerce .wishlist_table td.product-add-to-cart a.remove_from_wishlist:before, .wishlist_table.mobile .remove_from_wishlist i:before { content:"\f00d"; font-family: "Font Awesome 5 Pro"; color:#000; font-size: 24px; font-weight: normal; } .chabok-single-product .yith-wcwl-wishlistexistsbrowse span, .chabok-single-product .yith-wcwl-wishlistexistsbrowse a, .chabok-single-product .yith-wcwl-add-to-wishlist a, .chabok-single-product .yith-wcwl-add-to-wishlist div, .chabok-single-product .yith-wcwl-add-button, .chabok-single-product .yith-wcwl-add-button a, .chabok-single-product .yith-wcwl-add-to-wishlist, .chabok-single-product .yith-wcwl-wishlistaddedbrowse, .chabok-single-product .compare { font-size: 0 !important; clear:both !important; background: none !important; background: transparent !important; color:#000 !important; width:0; height:0; } .chabok-single-product .yith-wcwl-add-to-wishlist { position: absolute; top: 56px; right: 35.1%; margin: 0 !important; width: 38px; height: 38px; text-align: center; background: #fff !important; border-radius: 50%; display: flex; align-items: center; flex-wrap: wrap; padding: 9px; border:1px solid #eee; line-height: 0; } .chabok-single-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { display: flex; align-items: center; } .product-sale-message { float: right; margin-top:10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 20px; } .product-sale-message .pddr-0 { padding-right: 0; } .product-sale-message .pddl-0 { padding-left: 0; } .product-sale-message .sale-content-box { border: 1px solid #eee; margin:0; border-radius: 3px; padding: 19px; height:100%; font-family: 'yekan'; color: #777; background-size: contain; background-repeat: no-repeat; background-position: left center; } .product-sale-message .sale-content-box strong { font-weight: 800; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { border: 1px solid #eee; left:28px; z-index: 3; font-size: 0; top:22px; } .chabok-single-product a.compare, .chabok-single-product a.compare.added { position: absolute; top: 96px; right: 35.01%; margin:0 !important; width: 38px; height: 38px; text-align: center; background: #fff !important; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; padding: 6px; border:1px solid #eee; line-height: normal; font-size: 0 !important; } .chabok-single-product .compare:after { content:"\f24e"; font-weight: normal; font-family: "Font Awesome 5 Pro"; font-size: 17px; color:#000 !important; margin:0 !important; } .chabok-single-product a.compare.added:after { content:"\f24e"; font-weight: normal; font-family: "Font Awesome 5 Pro"; font-size: 17px; color:rgb(5, 148, 64) !important; margin:0 !important; } .chabok-single-product .yith-wcwl-add-button a:before { content:"\f08a"; font-family: "Font Awesome 5 Pro"; font-size: 17px; color:#000 !important; line-height: 0; } .chabok-single-product .yith-wcwl-wishlistaddedbrowse a:before, .chabok-single-product .yith-wcwl-wishlistexistsbrowse a:before{ content:"\f004"; color:#ff7575 !important; font-family: "Font Awesome 5 Pro"; font-size: 17px; } .product-not-found-page { float: right; width: 100%; text-align: center; padding: 5%; margin-top: 10px; } .product-not-found-page p { line-height: 1.7; } .not-found-404 { text-align: center; font-family: 'iransans'; margin: 25px auto auto; font-size: 75px; font-weight: 600; color: #f5f6f7; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000; font-size: 180px; line-height: 1; max-height: 183px; } .not-found-content { text-align: center; padding:20px; } .not-found-content.large-pdr { padding-top: 100px; padding-bottom: 100px; } .not-found-content #searchform > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .chabok-product-icon-bar { position: absolute; width: 35px; top: 83px; margin: auto; height: 120px; display: flex; flex-wrap: wrap; left: -45px; box-shadow: 7px 0px 11px -12px #000; background: #f7f7f7; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: linear-gradient(#fbfbfb,#fff,#f9f9f9); } .feature-style .chabok-product-icon-bar, .chabok-product-by-category .chabok-product-icon-bar { left:-40px; transition: all 200ms; } .chabok-product-blk:hover .chabok-product-icon-bar { left:0; transition: all 200ms; } .chabok-product-icon-bar a, .chabok-product-icon-bar .slider-add-to-cart a.add_to_cart_button, .chabok-product-icon-bar button { background:none !important; box-shadow: none !important; color:#6a6a6a !important; } .chabok-product-icon-bar a:hover, .chabok-product-icon-bar a:focus, .chabok-product-icon-bar .slider-add-to-cart a.add_to_cart_button:hover, .chabok-product-icon-bar .slider-add-to-cart a.add_to_cart_button:focus { color: #009783 !important; } .chabok-product-icon-bar .chabok-ulike, .chabok-product-icon-bar .chabok-compare, .chabok-product-icon-bar .slider-add-to-cart { position: relative; top:auto; right:auto; left:auto; bottom:auto; background:none; } .product-category-cover { height: 300px; background-size: cover !important; background-position: center; position: relative; z-index: 1; } .product-category-cover.h0 { height: 0; } .h0 .cover-text { position: absolute; clip: rect(0,0,0,0); } .product-category-cover::before { content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.4), rgba(0,0,0,0.9)); top:0; bottom: 0; right:0; left:0; position: absolute; z-index: 2; } .cover-text { padding:0 20px; position: absolute; top: 85px; bottom: 100px; margin: 0 auto; left: 0; right: 0; height: 100px; text-align: center; line-height: 2; color: #e8e8e8; z-index: 99; font-family: 'yekan'; font-weight: 300; max-width: 600px; } .cover-text h2 { margin: auto; position: relative; z-index: 3; text-align: center; color: #fff; text-shadow: 0 1px 0px #000; font-family: yekan; font-size: 27px; font-weight: 700; } /***** shop archive and filters *******/ .shop-archive-with-filter h1, .woocommerce-result-count, .shop-archive-with-filter div.page-description { position: absolute; clip: rect(0,0,0,0); } .chabok-filter-headline { float: right; width:100%; border-bottom: 1px solid #eee; padding-bottom: 20px; padding-top: 20px; } .chabok-filter-headline .title { float: right; padding: 6px 0 6px 10px; font-size: 22px; font-family: 'yekan'; font-weight: 700; width:238px; } .search-filter input { border-radius: 8px; width:100%; padding-left: 40px; padding-right: 15px; } .search-filter { float: left; position: relative; width: 30%; padding:0; } .search-filter::before { content: "\f002"; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto; color:#777; height: 16px; } .chabok-filter-meta { display: none; } .chabok-filter-ordering, .chabok-filter-meta, .open-close-filter { float: right; padding: 0 6px; line-height: normal; font-size: 14px; font-family: 'yekan'; } .chabok-filter-ordering i, .chabok-filter-meta i, .open-close-filter i { position: relative; top: 2px; margin-left: 7px; } .chabok-filter-ordering span, .chabok-filter-meta span, .open-close-filter span { border: 1px solid #ccc; padding: 9px 20px; cursor: pointer; display: block; border-radius: 8px; } .chabok-filter-meta { } .chabok-filter-ordering-content { position: absolute; z-index: 99; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.041); min-width: 200px; text-align: right; margin-top: 6px; border-radius: 6px; padding-top:10px; padding-bottom: 10px; visibility: hidden; transform: translateY(-30px); transition: all 200ms; opacity: 0; } .chabok-filter-ordering-content.chabok-active { visibility: visible; transform: translateY(0px); transition: all 200ms; opacity: 1; } .shop-archive-with-filter { width:80%; float: left; border-right: 1px solid #eee; padding-right: 15px; padding-top: 15px; } .shop-archive-with-filter.chabok-is-fullscreen { width:100%; border-right: 0; padding-right: 0; } .chabok-sidebar-filter { width: 20%; height:300px; max-width: 275px; position: absolute; top: 100px; right: 0; background: #fff; z-index: 8; margin: auto; transition: all 200ms; } .chabok-sidebar-filter.chabok-is-fullscreen { transform: translateX(300px); opacity: 0; visibility: hidden; overflow: hidden; } .chabok-sidebar-filter.chabok-active { transform: translateX(0); visibility: visible; transition: all 200ms; opacity: 1; } .chabok-filter-main-body { float: right; width: 100%; overflow: auto; height: calc(100vh - 60px); -webkit-overflow-scrolling: touch; padding-bottom: 50px; } .chabok-filter-meta.chabok-active::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.651); position: fixed; left: 0; top: 0; z-index: 99; bottom: 0; } .ordering-text { font-size: 14px; } .chabok-filter-ordering-content button, .chabok-filter-ordering-content label { display: block; background:none; width: 100%; border: 0; text-align: right; color:#555 !important; padding-right: 20px; padding-left: 20px; border-radius: 0; } .chabok-filter-ordering-content label { padding:5px 0px; cursor: pointer; } .chabok-filter-ordering-content label input { opacity: 0; } .chabok-filter-ordering-content button:hover, .chabok-filter-ordering-content label:hover { background:#eee; } .chabok-filter-main-header { padding: 16px 10px; margin-bottom: 10px; float: right; width: 100%; font-family: 'yekan'; } .chabok-filter-main-header span { width:50%; float: right; } .chabok-filter-main-header span button { background: #06ccb0; color: #fff; font-family: 'yekan'; border-radius: 3px; border: 1px solid; padding: 3px 12px; float: left; } .chabok-filter-main-header span button.disabled { background:#fff; border: 1px solid #ccc; color:#777; } .chabok-filter-main-header span.main-filter-title { padding: 3px 0px; } .chabok-filter-widget { float: right; font-family: 'yekan'; width:100%; border-bottom: 1px solid #eee; padding-bottom: 10px; padding-top: 10px; color:#555; } .chabok-filter-header { padding:10px; position: relative; cursor: pointer; } .chabok-filter-header::after { content:'\f107'; font-family: "Font Awesome 5 Pro"; position: absolute; left: 10px; top: 10px; font-size: 22px; } .chabok-filter-header.chabok-active::after { content:'\f106'; } .chabok-filter-content { position: absolute; transform: translateY(-30px); transition: all 100ms; visibility: hidden; width: 100%; opacity: 0; font-size: 14px; } .chabok-filter-content.chabok-active { position: relative; transform: translateY(0px); opacity: 1; transition: all 100ms; visibility: visible; float: right; width: 100%; padding: 0 6px; margin-top: 8px; } /* price filter */ .chabok-price-filter { position: relative; width:100%; float: left; } .price-range-slider { width: 100%; float: left; padding: 10px 6px 20px 21px; } .price-range-slider .range-value { margin: 0 auto; width: 90%; } .price-range-slider .range-value #amount { width: 100%; background: none; color: #000; font-size: 12px; font-weight: initial; box-shadow: none; border: none; margin: 10px 0 25px 0; } .price-range-slider .range-bar { border: none; background: #000; height: 3px; width: 90%; margin: 0 auto; position: relative; } #slider-round .noUi-handle { height: 18px; width: 18px; top: -8px; border-radius: 20px; background: #fbfbfb; box-shadow: none; border: 1px solid #3fb8af; } .chabok-curent-filter { display: block; width: 100%; clear: both; padding: 13px 0; border-bottom: 1px solid #eee; background: #fff; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-overflow-scrolling: touch; overflow: auto; } .chabok-curent-filter span { padding: 8px 20px; background: #f9f9f9; border-radius: 5px; min-width: max-content; font-family: 'yekan'; font-size: 13px; border: 1px solid #ccc; cursor: pointer; margin-left:5px; } .chabok-curent-filter span::after { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; margin-right: 10px; float: left; top:-1px; position: relative; } .chabok-curent-filter .reset-filter { background: #fff3fa; border-color: #ffb8e0; color: #464646; } /* Hide markers on slider handles */ #slider-round .noUi-handle::before, #slider-round .noUi-handle::after { display: none; } .price-range-slider .range-bar .ui-slider-range { background: #06b9c0; } .price-range-slider .ui-slider-range { height:100%; } .price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; border: 2px solid #06b9c0; height: 17px; width: 17px; top: -0px; cursor: pointer; position: absolute; z-index: 999; } .price-range-slider .range-bar .ui-slider-handle + span { background: #06b9c0; } /*checkbox style */ .chabok-checkbox { float: right; width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-content: center; align-items: center; margin-bottom: 5px; } .chabok-checkbox input[type=checkbox] + label { display: block; cursor: pointer; padding: 0.2em; width: 100%; } .chabok-checkbox input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; opacity: 0; bottom:0; margin:0; } .chabok-checkbox input[type=checkbox] ~ label:before { content: "\2714"; border: 1px solid #aaa; border-radius: 2px; display: inline-block; width: 15px; height: 15px; margin-left: 5px; color: transparent; transition: .2s; } .chabok-checkbox input[type=checkbox] ~ label:active:before { transform: scale(0); } .chabok-checkbox input[type=checkbox]:checked ~ label:before { background-color: #ED820A; border-color: #ED820A; color: #fff; } .chabok-checkbox input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .chabok-checkbox input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: #F7C28F; border-color: #F7C28F; } .chabok-checkbox:hover label { color:#000; } .chabok-checkbox label > span { position: absolute; left: 1px; width: 17px; height: 17px; border-radius: 100px; } .chabok-checkbox:hover label::before { border-color:#000; } .chabok-quantity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: max-content; border: 1px solid #eee; } .chabok-q-plus::before { content: '\f067'; font-family: 'Font Awesome 5 Pro'; } .chabok-q-minus::before { content: '\f068'; font-family: 'Font Awesome 5 Pro'; } .chabok-q-minus, .chabok-q-plus { background: #eee; padding: 5px 8px; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; cursor: pointer; } .chabok-quantity input[type='number'] { -moz-appearance:textfield; width: 35px !important; border: 0; padding: 0 5px; } .chabok-quantity input::-webkit-outer-spin-button, .chabok-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; } /*************** dokan Plugin *******************/ .dokan-btn.dokan-btn-default.dokan-btn-theme { color:#333 !important; } .dokan-dashboard-content.dokan-product-edit { padding:20px !important; background:#fff; } .dokan-dashboard .wrapper.chabok-main-width { max-width:1360px; } .dokan-dashboard-menu, .dokan-dashboard .entry-content code {font-family:iransans;} .dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget, .dokan-form-control, .select2-container--default .select2-selection--single { border:1px solid #D7D7D7 !important; } .dokan-add-new-product-popup .dokan-feat-image-content { margin-left: 15px; margin-right: 0px !important; } .content-half-part:first-child { padding-left: 10px; padding-right: 0px !important; } .content-half-part { float:right !important; text-align:right !important; } .dikan-dashboard span.selection {text-align:right !important;} #dokan-add-new-product-popup, .dokan-add-new-product-popup h2 {max-width:900px !important; width:100% !important; direction: rtl;text-align: right;} .dokan-add-new-product-popup .mfp-close {right:auto !important; left:5px;} .dokan-form-inline.dokan-w5.dokan-product-search-form {width:27.5% !important; } .dokan-w5 {width:46% !important;} .dokan-store .woocommerce-breadcrumb {display:none;} #dokan-secondary {padding:20px; background:#fff;} ul li.settings a i.fa.fa-angle-right.pull-right { display:none; } input[type="submit"].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme {color:#fff !important;} .tooltip {z-index:99999999 !important;} .dokan-dashboard-content .chart-container table {width:auto !important;} .dokan-dashboard .dokan-settings-content .dokan-settings-area .dokan-banner {width:100%; max-width:100%; margin-left:0 !important;} #store-form code {margin-left:0;} #store-form code .dokan-form-group .dokan-w5.dokan-text-left {width:74.5% !important;} .dokan-right-margin-30 { margin-left:30px; margin-right:0 !important; } .dokan-left-margin-30 { margin-left:0px !important; margin-right:30px; } .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info { padding-right:40px; padding-left:0; } .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper { height:190px !important; max-height:100%; } .profile-info-img { max-height: 280px; overflow: hidden; width: 100%; } label.pull-left { float:right; } form.dokan-form-inline.dokan-w8.dokan-product-date-filter {width:100%;} #tab-seller ul li { display:inline-block; min-width:20%; } #tab-seller ul li span {font-weight:bold;} #tab-seller ul li span.details {font-weight:normal;} #tab-seller h2 {margin-bottom: 0px;} #tab-seller ul li.store-address {display:none;} #tab-seller ul {background: #eee;padding: 15px 0px;border-right: 5px solid #db25bf; } #tab-seller ul li.seller-name a::after {content: ' مشاهده فروشگاه';margin: 0 75px;display: inline-block;color: #1945c8;font-weight: bold;} .row-actions span.edit a:visited, .row-actions span.edit a:active { color:#333; } .dokan-close { float:left !important; } #order_date_filter {display:none;} #vendor-biography { padding: 15px;line-height: 2;background: #fff; } .dokan-dashboard article.chabok-radius { padding:0 !important; } .dokan-dashboard article.chabok-radius .entry-header { display:none; } .dokan-dashboard .dokan-dashboard-content {padding:20px !important;} .dokan-dashboard footer.entry-meta { display:none; } .single.single-product.dokan-dashboard .dokan-dashboard-wrap { margin-top: 20px; box-shadow: 0 0 5px #ccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single.single-product.dokan-dashboard .wrapper.chabok-main-width { padding:0 10px; } .dokan-account-migration-lists .left-content {text-align:right !important;} .dokan-account-migration-lists .right-content {text-align:left !important;} .dokan-account-migration-lists .right-content a { padding: 3px 21px; background: #eee; border-radius: 25px; } .dokan-seller-wrap .store-data h2 {background:none !important; border:0 !important;} .chabok-rate-review { padding-left: 40px; } .chabok-rate-review h3 { text-align: center; font-size: 15px; color:#666; } /* product custom rate chabokgroup */ .chabok-rate-row .rate-bar { display: flex; align-content: center; align-items: center; } .chabok-rate-row { margin-bottom: 15px; } .chabok-rate-row .rate-num { margin-right: 10px; float: left; } .sandan-rate { text-align: center; color: #d70540; font-family: yekan; } .sandan-rate i { font-size: 22px; margin-left: 12px; } .rate-num i { font-size: 16px; } .rate-title { line-height: 1.5; font-family: 'yekan'; margin-bottom: 3px; display: flex; align-items: center; justify-content: space-between; } .chabok-rate-row .rate-line { position: relative; width: 100%; background: #eee; border-radius: 100px; height: 10px; } .chabok-rate-row .rate-line > span { position: absolute; right: 0; top: 0; display: block; height: 100%; background: #13dbb5; border-radius: 100px; } @media (max-width:768px) { .dokan-dashboard .dokan-dashboard-content, .dokan-dashboard article.dashboard-content-area, .dokan-dashboard-content article.dokan-product-listing-area, .dokan-dashboard-content article.dokan-withdraw-area, .dokan-dashboard-content article.dokan-orders-area, .dokan-dashboard-content article.dokan-settings-area { padding-right:0 !important; padding-left:0 !important; border:0 !important; } .dokan-form-inline.dokan-w5.dokan-product-search-form {width:100% !important;} button[name="product_listing_search"] {display:none;} .dokan-w6.dokan-dash-left,.dokan-w6.dokan-dash-right {width:100% !important; padding-left: 0 !important; padding-right: 0 !important;} .dokan-dashboard .dokan-dashboard-content {padding-top:15px !important;} #product-filter > .dokan-form-group {float:right !important;} .dokan-form-inline.dokan-w8.dokan-product-date-filter > div, .dokan-form-inline.dokan-w8.dokan-product-date-filter > code { width:70%; margin-right:0 !important; margin-bottom:5px !important; } .dokan-form-inline.dokan-w8.dokan-product-date-filter {display:block !important;} .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {display:block !important; float:none !important; width:100% !important;} .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a {text-align:center;} .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a i {padding:0 !important;} .dokan-dashboard-menu, .dokan-dashboard .entry-content code {width:100%;} ul.dokan-account-migration-lists li {display:block !important; margin:0 !important;} ul.dokan-account-migration-lists li .left-content,ul.dokan-account-migration-lists li .right-content {width:100%; text-align:center !important; margin:10px 0;} } @media (max-width:450px) { .dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {width:100% !important;} .dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon::after {content:'منوی فروشنده'; padding-right:10px;} .dokan-dashboard .dokan-dash-sidebar #dokan-navigation > #mobile-menu-icon {padding:0 !important; border:0 !important;} .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top .dokan-add-product-link {display:block !important;} /* .dokan-dashboard .entry-content .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu {display:block !important; padding-top:0;} */ .dokan-dashboard .dokan-dashboard-content .dokan-product-listing-area .product-listing-top span.dokan-add-product-link a { float: right !important; } .dokan-w3.dokan-control-label, .dokan-w5.dokan-text-left, .dokan-w3.control-label, .store-open-close .dokan-form-group { width: 100% !important;clear: both !important;text-align: right !important;padding: 0 !important;} form .dokan-form-group .ajax_prev {margin-right:0 !important;} } /* =Media queries -------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ /* @-ms-viewport { width: device-width; } @viewport { width: device-width; } */ @media screen and (max-width:1600px) { .site .chabok-main-width { max-width: 1140px; } .rotation-title span { padding:31px; } .chabok-blogpost-slider-url { height: 354px; } .article-badge { padding: 15px 9px; } } @media screen and (max-width:1140px) { .chabok-cart-item-ajax { left: 0; right: auto; margin:0; } } /* 922px and bellow. */ @media screen and (max-width: 922px) { .search-result-content .chabok-col-25 { width:33.3333%; } .brand-box-link { color:#eee; } body.chabok-nav-is-toggle #main::before { content:none; } .blog-front-page.pddr { padding: 0; } .widget-area aside, .blog-front-page .widget-area aside { box-shadow: none; } .chabok-cart-item-ajax { border-bottom-left-radius:0; border-bottom-right-radius: 0; } .chabok-cart-item-ajax { top: auto; left: 0; right: 0; max-width: 100%; bottom: 0; margin:0; transform: translateY(400px); } .chabok-cart-item-ajax::before { content:none; } .chabok-cart-ajax-container.chabok-active .chabok-cart-ajax-close::before { top:0; } .blog-slider .chabok-col-10.ftr,.blog-slider .chabok-col-90 { width:100%; } .chabok-woocomerce-auth::before { content:none; } .chabok-auth-container.chabok-dark { margin:0 auto; float: unset; } .chabok-blogpost-slider-url { height:310px; } .blog-feature-section { padding-right: 10px; } .fixed-blog-iconbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .rotation-title span { padding: 17px; width: 100%; margin-right: 13px; } .rotation-title { transform: rotate(0); margin: 0; width: 100%; } .chabok-not-frontpage .chabok-main-container { padding-top:58px; } .chabok-open-review-modal, .close-review-modal { display: block; } .chabok-review-modal { position: fixed; width: 100%; height: 100%; background: #fff; z-index: 999; top: 0; right: 0; left: 0; bottom: 0; padding: 5% 10%; visibility: hidden; opacity: 0; transition: all 200ms; } .chabok-review-modal.chabok-active { transition: all 200ms; opacity: 1; visibility: visible; } .chabok-search-block .chabok-search-btn { top: 113px; right:14px; } .chabok-main-slider-url { min-height:300px; } .chabok-compare-block { min-width: 50%; } .chabok-logo-block { text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: 3px; width: 150px; } .chabok-theme-logo img { height: auto; width: auto; max-width: 150px; } .main-navigation { float: right; width:120px; } .chabok-small-screen-menu { display: block; position: relative; z-index: 98; top: 0px; padding-bottom: 0px; padding-top: 0; margin-right: 10px; color:#fff; } .chabok-fix-header .chabok-small-screen-menu { color:#fff; } .menu-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: baseline; } .chabok-menu-block { float: left; padding-left: 6px; width:120px; } .chabok-iconset-head span { margin-right: 25px; } .chabok-iconset-head span.chabok-account { margin-right: 0; } .chabok-search-block { position: absolute; right: 0; padding-right: 65px; } .chabok-iconset-head a, .chabok-iconset-head span, .chabok-search-block .chabok-search-btn { font-size: 28px; line-height: 0; padding: 0px; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-btn { font-size: 18px; animation: fadeIn; animation-delay: 0ms; animation-duration: 1s; animation-iteration-count: 1; } .chabok-compare-block:nth-child(3) { display: none; } .chabok-compare-block .gray-slide { height: 280px; } .compare-attr { padding:0; } .compare-attr-title, .compare-title { text-align: center; } .compare-attr table.shop_attributes tr { flex-wrap: wrap; } .blog-front-page .site-content { width:100%; } .blog-front-page .widget-area aside { width:100%; background:#fff; } .blog-post-title { font-family: 'yekan'; font-size:16px; } .blog-post-excerpt { padding:0px 15px; font-size: 13px; -webkit-line-clamp: 8; text-align: justify; } .chabok-blogpost { background:#fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.039); border:0; } .chabok-blogpost img { max-height: 160px; width: 100%; } .blog-front-page .widget-area { display: -webkit-box; flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .social-newsletter .chabok-col-70, .social-newsletter .chabok-col-30 { width:100%; } .newsletter-form { border-left: 0; } .chabok-social-media { text-align: center; max-width: 285px; margin: 30px auto; float: unset; } .newsletter-form span.news-title { width:180px; } .newsletter-form .input-container { width: 80%; } /* main navigation */ .main-navigation ul.nav-menu li, .main-navigation div.nav-menu > ul li{ min-width: max-content; max-width: max-content; width: auto; } #tiny-menu.active::before { content: ''; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.478); height: 100%; bottom: 0; min-height: 100vh; width: 100%; } .main-navigation .nav-right ul.nav-menu, .main-navigation .nav-right div.nav-menu > ul { position: fixed; width: 100%; background: #3e3e3e; right: 0; padding-top: 85px; height: 100vh; border-radius: 0; top: 0; z-index: 999; max-width: 320px; clip:rect(0px,0px,0px,0px); transform: translateX(600px); transition: all 200ms; padding-bottom: 150px; -webkit-overflow-scrolling: touch; } .main-navigation ul.nav-menu li, .main-navigation div.nav-menu > ul li { min-width:100%; max-width:100%; width:100%; margin: 0; text-align: right; padding: 0px; border-bottom: 1px solid #4c4c4c; } .main-navigation .nav-left .nav-menu li { padding:5px 0; border:0; } .main-navigation .nav-right .nav-menu > li > a { padding:15px 10px; } .main-navigation .nav-right .nav-menu > li > ul, .main-navigation .nav-right .nav-menu > li:hover > ul { display: block; width: 100%; padding: 0; right: 0; left: 0; background: #f6f6f6; position: relative; float: right; width: 100%; margin-top: 0; margin-right: 0; } .main-navigation .nav-right .nav-menu > li > ul li { padding:0px 10px; border-bottom: 0; } .main-navigation .nav-right .nav-menu > li > ul .sub-menu { display: block; background:transparent; padding: 10px 0 !important; } li.with-chabok-submenu.chabok-active .chabok-submenu { height:100vh; } .main-navigation .nav-right .nav-menu > li > ul > li { background:transparent; padding: 0px 0; margin-bottom: 0px !important; } .main-navigation .nav-right .nav-menu > li > ul > li a { padding:6px 0 !important; } .main-navigation .nav-right .nav-menu > li > ul > li > a { padding:6px 10px !important; } header .chabok-theme-logo { transition: 900ms all; display: block; } header.nav-active .chabok-logo-block { z-index: 9999; right: 0; max-width: 320px; animation: fadeIn; animation-delay: 0ms; animation-duration: 1s; margin: 0; width: 320px; top: 0; height: 85px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: fixed; } header.nav-active .chabok-theme-logo img { width:136px; max-width: 136px; } .main-navigation > ul > li:last-child { padding-bottom: 110px !important; } .main-navigation li a, .main-navigation li ul li a { width:100%; display: block; font-size: 14px; font-family: 'yekan', tahoma; } .main-navigation li ul li a { padding:0 !important; } .main-navigation li ul { padding:0 15px !important; padding-top: 20px !important; } .main-navigation li > ul::before { content:none; } .main-navigation li > a:before { font-family: "Font Awesome 5 Pro"; padding: 0 0 0 7px; font-size: 14px; font-weight: normal; } .brand-menu .chabok-col-10, .brand-menu .chabok-col-16 { width:100%; padding:0 10px 0 20px; } .brand-menu .chabok-col-16 { padding:0 20px; } .nav-brand-title { font-weight: 800; padding-top: 30px; text-align: right; padding: 10px 0px 12px; position: relative; } .nav-brand-title i { color:#cacaca; } .nav-brand-title .nav-brand-txt { background: #3e3e3e; position: relative; padding: 0 5px 0 15px; } .nav-brand-title::before { content: ''; height: 1px; background: #777; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; width: 100%; } .main-navigation li.home-icon > a:before { content: '\f80c'; } .main-navigation li.category-icon > a:before { content: '\f660'; } .main-navigation li.brand-icon > a::before { content: '\f872'; } .main-navigation li.mag-icon > a:before { content: '\f1ea'; } .main-navigation li.terms-icon > a:before { content: '\f70e'; } .main-navigation li.contact-icon > a:before { content: '\f590'; } .main-navigation li.menu-item-has-children > a:before { content:"\f301"; font-family: "Font Awesome 5 Pro"; padding: 0 0 0 5px; } .main-navigation ul > li > a::after, .nav-right ul li.with-chabok-submenu strong::after, .chabok-side-menu > div.block-menu a::after { content: '\f104'; font-family: 'Font Awesome 5 Pro'; float: left; font-size: 18px; transition: all 200ms; } .nav-right ul li.with-chabok-submenu .chabok-submenu strong.chabok-active::after { transform: rotate(-90deg); transition: all 200ms; } li.with-chabok-submenu .chabok-submenu { background: #3e3e3e; color: #ccc; overflow: auto; } .menu-back-button { display: block; z-index: 2; position: relative; font-weight: normal; color:#aaa; cursor: pointer; } .menu-close-button { border:0; color:#aaa; cursor: pointer; } li.with-chabok-submenu .chabok-submenu .mobile-w100 { width:100%; padding:0; } .nav-right ul li.with-chabok-submenu strong { border-color: #4c4c4c; padding: 15px 10px; font-weight: 600; font-size: 14px; cursor: pointer; } .nav-right ul li.with-chabok-submenu .chabok-submenu ul { display: none; visibility: hidden; clip: rect(0,0,0,0); padding: 0 !important; height:0; transition: all 300ms; } /* .nav-right ul li.with-chabok-submenu .chabok-submenu strong:hover ~ ul, */ .nav-right ul li.with-chabok-submenu .chabok-submenu ul.chabok-active { visibility: visible; background: #444; transition: all 300ms; height:100%; } .nav-right ul li.with-chabok-submenu ul li a, .nav-right ul li.with-chabok-submenu ul li:hover a { color:#aaa; font-family: 'iransans'; font-weight: normal; width:100%; max-width: 100%; padding:10px !important; } .chabok-side-menu { width:100%; } .chabok-side-menu > div.block-menu a { width:100%; padding:0; border:0; height:auto; margin:0; padding: 15px 10px; text-align: right; color: #ccc !important; border-bottom: 1px solid #555; border-radius: 0; } .chabok-side-menu > div.block-menu a::after { background:none; width: unset !important; height: unset !important; } .main-navigation .nav-right ul.nav-menu.toggled-on, .main-navigation .nav-right div.nav-menu > ul.toggled-on, .main-navigation .nav-menu.toggled-on { padding-top:85px; clip:unset; transform: translateX(0px); transition: all 200ms; padding-left: 0; padding-right: 0; } .main-navigation li ul { position: relative; clip: auto; transform: unset; transition: unset; -webkit-transform:unset; -moz-transform:unset; transform:unset; -webkit-transition: unset; -moz-transition: unset; transition: unset; top:auto; right:auto; left:auto; width: 100%; height: auto; box-shadow: none; display: none; } .main-navigation li ul.show { display: block; } .main-navigation li ul ul { right:auto; left:auto; width:100%; position: relative; padding:0; } .single-post article .chabok-col-40, .single-post article .chabok-col-60 { width: 100%; } .single-post article .chabok-post-info { padding:0; } .entry-header .chabok-col-40 img { width:100% !important; height:auto; } .user-account-menu { left:5px; margin-top:-8px; } /* woocommerce */ /*shegeftangiz */ .sp-title { min-width:auto; width:auto; } .chabok-featured-title h3 { font-size: 19px; } .chabok-featured-title p { font-size: 14px; line-height: 1.7; } .feature-style { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; overflow: auto; -webkit-overflow-scrolling: touch; } .feature-style .swiper-slide, .chabok-col-2 .swiper-slide { min-width: 280px; } .chabok-product-tab-content .chabok-col-2 .swiper-slide { width:50%; min-width: 50%; } .chabok-inline-btn-list { justify-content: start; } .chabok-product-by-category .bg-gray-sec { margin-bottom: -80px; } .chabok-single-product-headline, #chabok-fixed-headline.chabok-active .chabok-single-product-headline { top: 58px; } } @media screen and (max-width: 768px) { .chabok-filter-meta { display: block; } .chabok-filter-main-body { background: #fff; } .woocommerce-variation-availability p { padding-right: 21px !important; } .chabok-single-product-price-and-form form.cart.variations_form { margin-top:24px !important; } .chabok-order-first-row > div { width:50%; } .chabok-order-first-row { flex-wrap:wrap; } .woocommerce-order-pay ul.order_details { flex-wrap:wrap; } .woocommerce-order-pay ul.order_details li { width:100%; } .entry-content .textwidget,.entry-content .caf-form { width:100%; } .entry-content .textwidget {border:1px solid #eee; margin-bottom:25px;} .open-close-filter { display: none; } .chabok-rate-review,.chabok-review-content { width:100%; } .search-result-content .chabok-col-25 { width:50%; } .chabok-blogpost-slider-url { height:280px; } .chabok-sidebar-filter { transform: translateX(300px); opacity: 0; visibility: hidden; width:100%; z-index: 999999; top:0; position: fixed; } .shop-archive-with-filter { width:100%; padding:15px; } .title-search-fo .title { width: 100%;margin-bottom: 17px; } .chabok-single-product-headline, #chabok-fixed-headline.chabok-active .chabok-single-product-headline { top:53px; } .about-iconset,.chabok-about-shop { width:100%; padding:0; } footer .chabok-social-media { float: unset; margin-bottom: 20px; overflow: hidden; padding-right: 3px; padding-left: 3px; } .chabok-footer-left-col { margin-top:0; } .blog-post-list.chabok-flex { overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; flex-wrap: nowrap; padding:0 10px; } .blog-post-list.chabok-flex .chabok-col-33 { min-width: 330px; } .chabok-blogpost .chabok-post-thumbnail { height: 160px; } .blog-post-excerpt { padding: 0px 22px; } .about-this-shop { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.89); z-index: 3; top: 0; bottom: 0; border: 1px solid #eee; color:#999; } .about-this-shop p { font-size: 13px; } .chabok-about-shop img { width: 100%; position: relative; top: 0; bottom: 0; margin: auto; } .discount-section .slider-title { position: relative; right: 0; width: inherit; text-align: right; margin-top: 0; padding-right: 0; padding-left: 0; display: flex; padding-bottom: 5px; margin-bottom: 10px; visibility: visible; } .discount-section { background:none; padding: 0 10px; } .slider-title-content { display: none; } .discount-section::before { content:none; } .chabok-product-tab-content { flex-direction: column-reverse; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; } .chabok-product-tab-content .chabok-col-40 { width:100%; height: 54vh; padding: 0 10px; } .chabok-cat-cover { } .chabok-product-tab-content .chabok-col-60 { width:100%; } .shegeftangiz-poster-container { display: none; } .shegeftangiz-slider { padding-right: 10px; padding-left: 10px; width: 100%; } div.coupon input { min-width: 60%; max-width: 60%; -webkit-appearance: none; } form.checkout.woocommerce-checkout[name="checkout"] { position: relative; float: right; width: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .entry-content .woocommerce .woocommerce-MyAccount-navigation { padding: 10px 20px; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions { max-width: 100%; padding: 5px; } .woocommerce-MyAccount-content .woocommerce-orders-table__row.woocommerce-orders-table__row--status-pending.order { margin-bottom: 10px; } .entry-content .woocommerce .woocommerce-MyAccount-content { padding:25px 20px; border-bottom: 15px solid #eee; border-radius: 0; } .entry-content .woocommerce .woocommerce-MyAccount-navigation ul { margin:0; } body.woocommerce-account .entry-content > .chabok-main-width.pddr { padding:0; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li a { border-radius: 0; background:none !important; margin:0; border-bottom: 1px solid #eee; } .entry-content .woocommerce .woocommerce-MyAccount-navigation li:last-child a { border: 0; } .chabok-compare.single-product-compare { left: 17px; right: auto; top: 104px; } .chabok-compare-modal { max-height: 100vh; max-height: 100%; } .chabok-compare-block img { width:100px; } .woocommerce ul.order_details li { width:50%; margin-bottom: 20px; } .woocommerce ul.order_details { flex-wrap: wrap; } div.coupon input, div.coupon button.button { padding: 6px 10px !important; } .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column-reverse; padding-right: 12px !important; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions .coupon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woocommerce button.button[name="update_cart"][aria-disabled="false"] { max-width: 60%; margin-bottom: 8px; margin-top: 5px; } div.coupon button.button { min-width: 40%; max-width: 40%; } .chabok-woo-tabs-content { display: block !important; } .woocommerce-tabs.wc-tabs-wrapper { padding: 0 15px; } .chabok-single-product .entry-summary { float: right; width:100%; padding-right: 0; } .chabok-product-title-container, .chabok-product-content-container { width: 100%; margin-bottom: 20px; } .woocommerce-product-gallery .flex-viewport { min-height: unset !important; } .chabok-single-product .entry-summary .woocommerce-product-rating .chabok-ulike { top: 60px; left: 19px; } .woocommerce-product-rating .chabok-ulike .wpulike { width:37px; height:37px; z-index: 9; border:1px solid #eee; } .woocommerce-product-rating .chabok-ulike .wpulike:hover .wp_ulike_btn::after { filter: none !important; } .chabok-four-banner .chabok-col-33 { width: 50%; } .chabok-four-banner .chabok-col-33:nth-child(3) { display: none; } footer .footer-namad-logo ul { text-align: center; justify-content: center; padding-right:0; } /*comment form */ .comment-form-author, .comment-form-email, .comment-form-url { float: none; width: 100%; } #respond form p { padding:5px 10px; } .comments-area article header cite, .comments-area article header time { display: block; } .site-content .chabok-col-33 { width:50%; } .nav-right { width:85%; } .nav-left { width:15%; } .nav-left-icon-menu { display: block; } .nav-left-icon-menu.chabok-active i::before { content: '\f00d'; } .main-navigation .nav-left .nav-menu { flex-wrap: wrap; } .main-navigation .nav-left > .nav-left-menu { position: absolute; width: 175px; background: #fff; z-index: 99; margin-top: 29px; box-shadow: 0 18px 7px -5px rgba(0, 0, 0, 0.169); border-radius: 0 0 10px 10px; left: 8px; padding: 20px 10px 10px 10px; visibility: hidden; transition: all 200ms; transform: translateY(10px); opacity: 0; } .main-navigation .nav-left > .nav-left-menu.chabok-active { visibility: visible; transition: all 200ms; transform: translateY(0px); opacity: 1; } .nav-left-menu::before { content: ''; width: 15px; height: 15px; position: absolute; background: #fff; top: -5px; left: 9px; transform: rotate(45deg); box-shadow: 0 -4px 13px -6px rgb(183, 183, 183); } .main-navigation .nav-left-menu ul li { display: block; width: 100%; margin: 0; float: right; max-width: 100%; padding-bottom: 10px; } .chabok-site-info .chabok-col-50 { width:100%; padding-bottom:15px; } .chabok-copyrights .chabok-col-60, .chabok-copyrights .chabok-col-40 { width:100%; text-align: center; } .developer-copyrights { font-size:12px; } /* shegeftangiz */ .chabok-shegeftangiz #slideshow { width:100%; } .chabok-shegeftangiz .paginate-block { display:none; } .chabok-services .chabok-col-25 { width:50%; padding: 10px; } /* woocommerce overide style */ form.checkout.woocommerce-checkout[name="checkout"] #customer_details.col2-set { width:100%; padding-right: 0; margin-top:20px; } body.woocommerce-checkout #order_review_heading { position: absolute; width: 100%; top:0; } form.checkout.woocommerce-checkout[name="checkout"] #order_review.woocommerce-checkout-review-order { width: 100%; margin-top: 60px; } body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { left:20px; } form.checkout.woocommerce-checkout[name="checkout"] .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { position: absolute; top: -560px; bottom: 0; margin: auto; right: 0; left: 0; width: 100%; height: 2px; } .coupon input { min-width: 48%; } .coupon button { width:48%; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width:48%; margin:0 0 20px; } .woocommerce ul.products[class*=columns-]:before, .woocommerce-page ul.products[class*=columns-]:before, .woocommerce ul.products[class*=columns-]:after, .woocommerce-page ul.products[class*=columns-]:after { position: absolute; } .woocommerce .cart-collaterals .cross-sells ul li { width:100% !important; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100% !important; border-radius: 5px; } .chabok-single-product { width:100%; } .chabok-single-product .entry-summary { width: 100% !important; clear:both; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { width:100% !important; margin:0 !important; border-radius: 0 !important; } .woocommerce table.shop_attributes tr { margin-bottom: 10px !important; display: -webkit-box; display: -webkit-flex; display: flex; } /* yith */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger { border: 1px solid #eee; right:auto; left:16px; } .chabok-single-product .yith-wcwl-add-to-wishlist { left:17px; right:auto; } .chabok-single-product a.compare, .chabok-single-product a.compare.added { left:18px; right:auto; } .wishlist_table.mobile li .item-wrapper .product-thumbnail { margin-right:0; margin-left:15px; } .wishlist_table.mobile h3 { margin:0; font-size:15px; font-weight:normal; } .wishlist_table.mobile table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; font-size: 18px; } .wishlist_table.mobile table tr td { width:auto !important; } .wishlist_table.mobile li { margin-bottom: 7px; margin: 0 !important; border-bottom: 1px solid #ccc; padding: 15px 0; float:right; width:100%; } .wishlist_table.mobile .product-add-to-cart { padding: 0; position: absolute; top: 0; left: 0; } .wishlist_table.mobile .product-add-to-cart a { padding: 0 20px !important; line-height: 1 !important; } .wishlist_table.mobile .additional-info-wrapper { padding: 0; position: relative; } .wishlist_table.mobile li .additional-info-wrapper .product-remove { position: absolute; top: 0; left: 100px; } .wishlist_table.mobile li .item-wrapper { margin-bottom:0; } .woocommerce .wishlist-title { margin-bottom:0; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width:100%; } .chabok-cart-slogan { width:100%; padding:0; display: none; } .chabok-featured-icon.chabok-4-col .menu-icon-inner { width:33.333%; } /****** start cart and checkout style *********/ body.woocommerce-cart form.woocommerce-cart-form, body.woocommerce-cart .cart-collaterals, body.woocommerce-cart form.woocommerce-cart-form tr:last-child, body.woocommerce-cart form.woocommerce-cart-form.processing tr:last-child { width:100%; max-width: 100%; } body.woocommerce-cart .cart-collaterals { margin-top:-180px; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background:transparent; } body.woocommerce-cart form.woocommerce-cart-form tr:last-child, body.woocommerce-cart form.woocommerce-cart-form.processing tr:last-child { position: relative; top: 0px; left: 0; } body.woocommerce-cart .cart-collaterals td { padding-right: 0; } .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td::before { content:none; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: right !important; } .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } /************* end cart style **************/ .chabok-breadcrumb, .chabok-single-product { padding: 0 10px; } .chabok-single-product .entry-summary .woocommerce-product-rating.sandan-rating { top:330px; display: none; } .chabok-breadcrumb { padding-top:10px; } .chabok-single-product .entry-summary .woocommerce-product-rating.sandan-rating { left:10px; } .chabok-onsale { right:20px; } .chabok-single-product-icons, .share-toggle { right:16px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { border-left: 0; } body.woocommerce-account .woocommerce { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .woocommerce-account .woocommerce-MyAccount-navigation, .entry-content .woocommerce .woocommerce-MyAccount-content { width:100%; } .woocommerce-account .woocommerce-MyAccount-navigation { background:#fff; border-top: 4px solid #eee; } .chabok-orders-contents .chabok-col-33 { width: 33%; } .chabok-orders-filter-btn a { min-width: max-content; margin-left: 20px; } .chabok-orders-filter-btn { overflow:auto; width:100%; } } /* 600 pixels and bellow. */ @media screen and (max-width: 600px) { .woocommerce-variation.single_variation p.stock { width: 200px; width: max-content !important; } .chabok-single-product-price-and-form .variations_form.cart { width:100%; } .chabok-orders-contents .chabok-col-33 { width: 100%; } .single_variation_wrap .woocommerce-variation-price .price { top:auto !important; } .variations_form.cart p.stock.out-of-stock { padding: 0 20px !important; bottom: 0; left: 0; right: 0; } .orders-block-status {border:0;} .search-result-content .chabok-col-25 { width:100%; max-width: 360px; margin:0 auto 20px auto; } .woocommerce-checkout .page-back-button { visibility:hidden; } .chabok-term-popular.pddr { padding-right: 0; padding-left: 0; } .term-gray-sec { margin-bottom: 0 !important; } .product-category-cover { height:200px; } .chabok-term-count { top: auto; color: #c8c8c8; z-index: 2; bottom: -255px; background: #fff; padding: 0 10px 0 0; border: 0; } .h0 .chabok-term-count { top:40px; bottom:auto; } .page-back-button { position: absolute; top: auto; background: #fff; padding: 6px; border-radius: 44px; right: 6px; } body.woocommerce-cart form.woocommerce-cart-form .coupon button { bottom:7px; } #reviews.woocommerce-Reviews #respond .comment-form-author, #reviews.woocommerce-Reviews #respond .comment-form-email, #reviews.woocommerce-Reviews #respond .comment-form-url { width: 50%; float: right; } #reviews.woocommerce-Reviews #respond form p.stars { font-size: 25px; padding-top: 12px; } .woocommerce #review_form #respond .form-submit input { right: auto; width: 100%; font-size: 16px; } #reviews { width:100%; } .woocommerce #reviews #comments ol.commentlist { padding-right: 0; } .woocommerce-product-details__short-description .chabok-col-60 { padding-left: 0; } .chabok-swiper-pagination .swiper-pagination { display: block; } .site-content.single-post { padding:0 10px; margin-top: 9px; } .blog-slider { padding-top:0 ; } .chabok-blogpost-slider-url span { font-size:16px; font-weight: 800; } .blog-slider .chabok-col-90 { display: flex; width: 100%; flex-direction: column-reverse; flex-wrap: wrap; margin-top: 0px; } .blog-post-article { width:100%; margin-bottom: 20px; } .full-blog-post-title span { background:none; } .full-blog-post { padding:0; background:none; } .video-blog .chabok-video-gallery { padding:0; border-radius: 10px; overflow: hidden; } .fixed-blog-iconbar { padding-top: 9px; background: #fff; margin-bottom: 15px; padding-bottom: 15px; box-shadow: 0 0 10px #d9d9d9; } .fixed-blog-iconbar .article-badge { top: 0; font-size: 15px; padding: 11px; border-top-right-radius: 0; } .rotation-title span { padding: 17px 0; width: 100%; text-align: center; font-size: 20px; position: relative; background: #f8f8f8; background: #f4f4f4; border-top-left-radius: 0; } .chabok-blogpost-slider-url { height: calc(50vw + 30px); border-radius: 0; max-width: 100%; min-width: 100%; width:600px; } .chabok-slider-with-ads .chabok-col-70, .chabok-slider-with-ads .chabok-col-30 { width:100%; } .chabok-slider-with-ads .chabok-col-70 { padding:0; } .single-post .article-badge { right: 17px;left: auto; } .blog-advertise img { border-radius: 0; } .chabok-rate-review { padding-left: 0; margin-bottom: 20px; } .cover-text { top:70px; } .cover-text h2 { font-size: 19px; font-weight: 700; } .cover-text p { font-size: 12px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .icon-bar-link { border-radius: 3px; } .chabok-search-block.chabok-inline-search.chabok-active .chabok-search-btn { top: 1px; right: 3px; } #chabok-fixed-headline.chabok-active .chabok-product-tab-wrap { padding:0; } .chabok-single-product, .chabok-main-width.tab-content-wrapper.pddr { padding:0; } .chabok-slider-box .price, ul.products li.product .chabok-product-blk .price, .compare-price, .product-by-category-content .price { position: relative; bottom: 0; font-family: 'yekan',tahoma; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 52px; flex-wrap: wrap; justify-content: end; align-content: center; padding: 0 10px; font-size: 14px; text-align: left; } .product-by-category-content .price del, .chabok-slider-box .swiper-slide .price del, ul.products li.product .chabok-product-blk .price del, .compare-price del { padding:0 5px; color: #999; display: block; font-size: 15px; top: 2px; position: relative; margin-bottom: 2px; width: 100%; font-size: 14px; } ul.products li.product .chabok-product-blk .price del { padding:0; } .product-by-category-content .price del .woocommerce-Price-currencySymbol { visibility: hidden; display: inline; } .product-by-category-content .price ins { padding:0 5px; background: transparent; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .price, .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .price ins, .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .price del { font-weight: 600; } a.gray-slide::before { background:rgba(0, 0, 0, 0.01); } .discount-section .chabok-product-blk.sandan-style { border-radius: 3px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.11); } .chabok-slider-toptitle { font-size: 15px; } .chabok-slider-title { font-size: 23px; padding:0 10px; } .chabok-slider-subtitle { font-size: 13px; } .small-screen .brand-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; overflow: auto; -webkit-overflow-scrolling: touch; } .small-screen .swiper-wrapper.brand-container .swiper-slide { width: 50%; min-width: 50%; padding: 0 10px; background:none; margin-bottom: 16px; } .brand-title-arrow { display: none; } .brand-section { background:none; } .small-screen .brand-blk { border-radius: 3px; text-align: center; background: #fff; border: 1px solid #ccc; height: 100%; } .chabok-popular-product { padding-right: 0; padding-left: 0; } .chabok-product-tab-content .chabok-col-40, .product-by-category-content .chabok-main-width { padding:0; } .chabok-product-by-category .chabok-cat-cover, .pl-bg { border-radius: 0; } .chabok-product-tab-content .chabok-col-60 { padding:0; } .about-shop { padding-top:0; padding: 0 10px; } .about-iconset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; flex-wrap: wrap; justify-content: space-around; display: none; } .about-shop .chabok-col-100.chabok-slogan-icon { width: 48%; flex-wrap: wrap; background: #f2f2f2; box-shadow: none; border-radius: 3px; text-align: center; justify-content: center; } .about-iconset .chabok-service-icon { font-size:40px; width: 100%; margin-bottom: 10px; margin-top: 10px; } .about-iconset .chabok-service-title { font-size: 14px; line-height: 1.5; height: 42px; } .about-iconset .chabok-service-desc { display: none; } .about-this-shop,.chabok-about-shop img { border-radius: 0; box-shadow: none; } .about-shop .chabok-col-100.chabok-slogan-icon:nth-child(odd) { margin-left:1.5%; } .about-shop .chabok-col-100.chabok-slogan-icon:nth-child(even) { margin-right:1.5%; } .chabok-q-minus, .chabok-q-plus { padding: 2px 9px; position: relative; z-index: 3; cursor: pointer; } .chabok-single-product-price-and-form .stock.in-stock, .chabok-single-product-price-and-form .stock.out-of-stock, .chabok-single-product-price-and-form .stock.available-on-backorder { padding: 2px 10px 1px; width: max-content; margin-bottom: 0; max-width:100%; } .chabok-single-product-price-and-form .stock.in-stock::before { content:none; } .chabok-cart-item-side,.chabok-cart-item-total { width:100%; } .chabok-cart-item-side { max-height: 360px; } .cart-btn-fixed { padding: 0 7px; float: right; width: 33%; } .cart-btn-fixed a { padding: 2px 5px; width: 100%; font-size: 12px; } .chabok-cart-item-total { width: 100%; background: #f9f9f9; } .woocommerce-cart-form td.product-quantity { font-size: 0 !important; } .woocommerce-cart-form td.product-quantity::before { content: '' !important; } .woocommerce-cart-form td.product-subtotal { margin-top:4px; } .woocommerce-cart-form td.actions button[name="update_cart"] { margin-top:5px; } .width100 { padding:0; } .chabok-li-style { display: block; float: left; } .list-style-toggle { font-size: 21px; cursor: pointer; top: 4px; position: relative; } .chabok-filter-ordering i, .chabok-filter-meta i { top: 3px; margin-left: 2px; color:#666; font-size: 18px; } .woocommerce ul.products[class*="columns-"], .woocommerce-page ul.products[class*="columns-"] { padding:0 10px; } .woocommerce .chabok-list-style ul.products[class*="columns-"] li.product, .woocommerce-page .chabok-list-style ul.products[class*="columns-"] li.product { margin-bottom:17px !important; width:100%; border:0; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk { border-bottom: 1px solid #eee; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .slide-img-container { margin-bottom: 10px; float: right; width: 130px; height: 130px; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .slide-img-container img { width: 130px; height: 130px; transform: scale(1); } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .chabok-slider-product-title { text-align: right; color:#000; width: auto; position: absolute; top: 18px; right: 120px; font-size: 14px; padding-left: 45px; left: 0; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .chabok-fetured-badge { top:0; right:0; font-size: 18px; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .chabok-product-icon-bar { position: relative; width: auto; top: 0; left:0; height: auto; background: none !important; } .chabok-list-style.shop-archive-with-filter .chabok-ulike .wpulike-heart .wp_ulike_put_image::after { width: 13px; height: 13px; } .chabok-list-style.shop-archive-with-filter .chabok-compare, .chabok-list-style.shop-archive-with-filter .slider-add-to-cart { display: none; } .chabok-list-style.shop-archive-with-filter .chabok-ulike { position: absolute;left: -8px; top: 20px;display: block; } .chabok-list-style.shop-archive-with-filter .chabok-ulike .count-box { position: absolute; top: 20px; right: auto; direction: ltr; font-size: 10px; line-height: 0; width: 50px; left: 22px; text-align: left; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .price { position: absolute; height:32px; left: 0; } .chabok-list-style.shop-archive-with-filter ul.products li .chabok-product-blk .chabok-onsale-badge { top: auto; bottom: 15px; right: 127px; padding: 3px 6px; } .chabok-notice { left:0; right:0; margin:10px auto !important; } .woocommerce ul.order_details li { width: 100%; text-align: right; font-size: 16px; background: #eee; border-left: 0; margin-bottom: 3px; line-height: 2.3; padding: 20px; } .blog-front-page .mr-fix { margin:0; } .blog-front-page .site-content .chabok-col-33 { width:100%; padding:0 10px; } .blog-front-page .chabok-blogpost img { height:auto; } .widget-area { margin: 0 0 0; padding: 0px; box-shadow: 0 0 10px #eee; background:#fff; } .blog-front-page.pddr { padding:0; } .widget-area aside, .blog-front-page .widget-area aside { box-shadow: none; } .comments-area { margin-bottom: 30px; } .widget-icon { padding-top:25px; } .widget-area ul.most_liked_post li { align-items: flex-start; } .widget-area ul.most_liked_post li img { min-width: 75px; } .widget-area .widget_recent_comments li.recentcomments { min-height: 90px; } .widget-area .widget_recent_comments li.recentcomments::before { width:75px; height:75px; font-size: 34px; } .chabok-faq-section .chabok-col-100.pddr { padding:0; } #secondary.page-widget-area { background: transparent; margin-top:25px; padding:0 10px; } #secondary.page-widget-area aside { background:#fff; background: #fff; box-shadow: 0 0 34px rgba(0, 0, 0, 0.039); border-radius: 4px; } #chabok-fetch-search-div.chabok-search-loader::before { left:49px; top: -48px; } .nav-left-icon-menu { padding:0; } .chabok-modal-body { margin:0 auto; } #chabok-modal.chabok-active { z-index: 999; } #close-chabok-modal { z-index: 9999; height: 53px; width: 50px; margin: 0; margin-top:30px; } .chabok-modal-body { height: 100vh; padding-top:70px; } #close-chabok-modal::before { content:none; } #close-chabok-modal i { top: 12px; } .chabok-product-help { width: 110px; padding: 0 15px; text-align: left; margin: 0 !important; position: absolute; left: 0; margin-top: 55px !important; padding: 0 10px; } .chabok-product-help #chabok-product-help-modal { padding: 0 6px; border: 0; color: #000; } .single .width100 .product.type-product { background: #fff; padding-bottom: 10px; } .single .width100 .product.type-product .chabok-slider-box { padding:0 15px; } .chabok-single-product-headline, #chabok-fixed-headline.chabok-active .chabok-single-product-headline { display: none; } .chabok-product-share { top:auto; bottom:-1px; } .chabok-product-title-container .comment-rt { display: none; } .chabok-woo-tabs-content { margin-bottom: -6px; border-top: 11px solid #eee; border-bottom: 4px solid #eee; padding: 20px; } .chabok-single-product { margin-bottom: 0; } .chabok-product-tab-wrap { padding-top: 0; } .chabok-product-title-container { margin-bottom: 0; padding: 14px 0; cursor: pointer; } .chabok-subtitle { font-size: 15px; margin:0; } .chabok-product-content-container { display: none; } #chabok-fixed-headline { background: #fff; border-radius: 0; margin-bottom: 20px; padding-bottom: 15px; padding-right: 0; padding-left: 0; } .chabok-subtitle::after { content: '\f053'; font-family: 'Font Awesome 5 Pro'; float: left; color: #888; } .chabok-product-content-container.chabok-active { position: fixed; top: 0; display: block; width: 100%; right: 0; left: 0; height: 100vh; background: #fff; z-index: 9999; padding: 65px 17px; overflow: auto; -webkit-overflow-scrolling: touch; } .chabok-product-title-container.chabok-active { position: fixed; z-index: 999900; right: 0; left: 0; display: block; top: 0; border: 0; padding: 0px; background:#fff; margin-top:0; } .chabok-product-title-container.chabok-active .chabok-subtitle { padding:20px; border-bottom: 1px solid #ccc; } .woocommerce div.product form.cart .quantity { display: none; } .woocommerce div.product form.cart button[name="add-to-cart"], .woocommerce div.product form.cart .single_add_to_cart_button, .chabok-call-button-product { position: fixed; bottom: 15px; padding: 8px; z-index: 98; width: 200px; left: 10px; right: auto; border-radius: 4px; } .chabok-call-button-product { position:fixed !important; } .chabok-fix-header .chabok-single-product-headline, .chabok-single-product-headline.sandan { display: none !important; } .chabok-single-product-slogan .chabok-col-25 { width:100%; border: 1px solid #eee !important; margin-bottom: 10px; display: none; } .woocommerce div.product .chabok-single-product-price-and-form .price { position: fixed; bottom: 10px; z-index: 97; right: 0; left: 0; padding: 11px 20px; width: 50%; line-height: 1; height: 59px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: end; justify-content: flex-start; flex-wrap: wrap; } .woocommerce div.product .chabok-single-product-price-and-form .price del, .woocommerce div.product .chabok-single-product-price-and-form .price ins { width:100%; } .woocommerce div.product .chabok-single-product-price-and-form .price * { position: relative; z-index: 2; } .woocommerce div.product .chabok-single-product-price-and-form .price::after { content: ''; position: fixed; bottom: 0; background: #fff; width: 100%; right: 0; left: 0; border-top: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,.11); z-index: 1; margin: auto; height: 80px; } .chabok-product-title-container.chabok-active .chabok-subtitle::after { content: '\f00d'; } .chabok-review-modal { padding:65px 10px; } .close-review-modal { top:50px; font-size:30px; } .woocommerce .woocommerce-breadcrumb { margin-top:0; margin-bottom: 10px; padding:0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 13px; overflow: auto; -webkit-overflow-scrolling: touch; font-family: 'yekan'; } .woocommerce .woocommerce-breadcrumb { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .woocommerce .woocommerce-breadcrumb::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .woocommerce .woocommerce-breadcrumb::before { font-size: 13px; top: 0px; padding-left: 7px; } .woocommerce .woocommerce-breadcrumb span { min-width: max-content; min-width: -moz-max-content; min-width: -webkit-max-content; min-width: -o-max-content; min-width: -ms-max-content; width: auto; white-space: nowrap; padding-left: 4px; } .woocommerce div.product div.images { margin-bottom: 0; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { padding-right: 0; } .woocommerce div.product div.images .flex-control-thumbs { display: none; } .woocommerce-product-gallery .flex-viewport { min-height: auto !important; padding:0; margin:20px 0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { width: 100%; } .woocommerce-product-gallery .flex-viewport img, .woocommerce div.product div.images img { height:300px !important; width: auto !important; margin:auto; } .chabok-onsale { right:20px; } .woocommerce-product-gallery .flex-viewport::before { content:none; } footer .footer-namad-logo ul li { width:33.3333%; } .newsletter-form { flex-wrap: wrap; } .newsletter-form span.news-title { width: 100%; margin-bottom: 20px; text-align: center; } .newsletter-form .input-container { width: 100%; } .chabok-shegeftangiz .chabok-col-40 { padding:0px; } .img-hover-box.img-with-line { background: #fff; padding: 10px; } .chabok-four-banner .line-top::before, .chabok-four-banner .line-bottom::after { width:30px; } .img-hover-box.img-with-line { margin-bottom: 15px; } .chabok-four-banner .chabok-banner-title { background: #fff; right:14px; padding: 5px 15px; border-radius: 100px; font-size: 16px; } .chabok-four-banner .line-top::after, .chabok-four-banner .line-bottom::before { height:30px; } .chabok-slider-box .slider-title::after { background-color: #aaa; } .slider-title > span::after { background-color: #eee; } .site-header { margin-bottom: 10px; } .home .site-header { margin-bottom: 30px; } .chabok-fix-header .chabok-main-slider { margin-top:20px; } .dress-icon-bar { margin: 10px 0 30px; } .chabok-search-block .chabok-search-btn:hover, .chabok-search-block .chabok-search-btn:focus { outline:0 !important; outline-offset: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } .chabok-feature-sec .chabok-col-20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0 10px; margin-bottom: 20px; margin-top: 10px; } .chabok-feature-sec .chabok-col-20 .chabok-col-50 { width: 100%; border-bottom: 1px solid #eee; min-width: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .chabok-feature-sec .chabok-col-20 .chabok-col-50:nth-child(2) { border-bottom: 0; margin-top:0; } .chabok-featured-icon.chabok-4-col .menu-icon-inner { width: 50%; } .chabok-featured-icon .menu-icon-inner h2 { font-size: 13px; bottom:15px; } .chabok-featured-icon .menu-icon-inner img { margin-top:-5px; margin-bottom: 5px; } .dress-icon-bar .menu-icon-inner { min-width: 31%; overflow: hidden; } .menu-icon-inner::before { content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.071); left: 0; } .chabok-feature-sec .chabok-col-80 { width: 100%; padding:0 10px; } .swiper-button-prev, .swiper-button-next { display: none; } .chabok-product-share-social, .chabok-product-short-link { width:100%; text-align: center; margin-bottom: 5px; } .chabok-product-share a { width:40px; height: 40px; font-size: 23px; } .entry-content p.return-to-shop a.button.wc-backward { padding:10px 20px; } /*yith plugin */ .woocommerce .wishlist_table thead { display: none; } .woocommerce .wishlist_table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; flex-wrap: wrap; } .woocommerce .wishlist_table tr:nth-child(odd) { background: none; } .woocommerce .wishlist_table tr td { width:100%; text-align:center; } .chabok-single-product .yith-wcwl-add-to-wishlist { top:70px; } .chabok-single-product a.compare, .chabok-single-product a.compare.added { top:110px; } #chabok-fetch-search-div { max-width: 100%; margin: 0; box-sizing: border-box; right: 0; left: 0; top: auto; background: #fff; box-shadow: 0 21px 23px -16px rgba(0, 0, 0, 0.58); border-radius: 0; min-height: 200px; z-index: 999; display: block !important; opacity: 0; top:1000px; } .chabok-active #chabok-fetch-search-div { transition: all 200ms; opacity: 1; height:100vh; top:56px; border-top: 1px solid #eee; } /* header button apperance */ .menu-toggle, .chabok-small-screen-search, .chabok-account, .chabok-cart{ outline:0 !important; outline-offset: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } .site-content article { border-radius: 0; } body.woocommerce-checkout .site-content article, body.woocommerce-cart .site-content article { border:0; padding:0 0 10px 0; } .default-page-theme.site-content article { border-top:0; border-radius: 5px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.039); margin-bottom: 0; } .comments-area article { border: 0; } .comments-area article img { width:10%; height: 10%; } .comments-area article .chabok-comment-body { width:88%; margin-right: 2%; } a.comment-reply-link, a.comment-edit-link { font-size:11px; } .site-content { margin: 8px 0 0; } .site-content, .widget-area, .shop-archive, .shop-widget-area { width:100%; } .shop-archive, .shop-widget-area { padding:0; } .site-content .chabok-col-33 { width:100%; } .chabok-radius { border-radius: 10px; } .site-content .chabok-blogpost { padding-bottom: 30px; } .chabok-search-block .chabok-search-input { position: absolute; clip: rect(0,0,0,0); transition: none !important; } .chabok-search-block.chabok-active { background:#fff; } .chabok-search-block.chabok-active .chabok-search-input { padding: 9px 38px !important; width:100% !important; visibility: visible !important; -webkit-appearance: none; line-height: normal; transition: none !important; position: relative; clip: unset; } .chabok-search-block.chabok-inline-search.chabok-active .close-search-block.chabok-active { top: 3px; padding: 0; } .chabok-search-container { position: relative; } .flex-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .chabok-iconset-head { background: none; border: 0; } .site-header .menu-toggle i::before, .site-header .chabok-search-btn i::before, .site-header .my-account i::before, .site-header .cart-count-icon i::before { font-size: 19px; line-height: 0; position: relative; top: 1px; } /* main navigation */ .main-navigation { margin-top:0; } .main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; font-size: 20px; } .menu-toggle { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; align-items:baseline; } .small-menu-txt { font-family: 'yekan'; font-weight: 600; margin-right: 10px; font-size: 15px; position: relative; top: -3px; } /* end main navi */ .chabok-four-banner { margin:5px -5px; } .chabok-four-banner .chabok-col-25 { width:50%; padding:5px; } .chabok-slider-box { background: none; box-shadow: none; padding: 0; border-radius: 0; } .chabok-slider-box .swiper-slide, ul.products li .chabok-product-block { background:#fff; border-radius: 10px; height:auto; } .chabok-slider-box .chabok-product-blk {font-size:14px; border-radius: 10px;} .chabok-slider-box .slider-title { margin-bottom:10px; } .chabok-slider-box .slider-title::after { /* background-color: #ffffff; */ } .chabok-two-banner .chabok-col-50 { width:100%; } .chabok-four-banner .chabok-col-33 { width:50%; } .chabok-main-slider-url img { display: none; } .chabok-main-slider-url { width: 100%; min-height: 200px; background-size: cover !important; background-position: center !important; } body.custom-background { background-color: #f2f2f2 !important; } .section-title { font-size: 28px; top: 150px; left: auto; line-height: 1.2; width: 180px; height: 0; margin-top: 4px; margin-right: -37px; } .bg-gray-sec .section-title { font-size: 28px; line-height: 1.2; height: auto; transform: unset; top: 40px; bottom: 0; left: auto; right: 0; margin: auto; position: absolute; overflow: hidden; height:100%; width: 100%; } .bg-gray-sec .section-title span { transform: rotate(-90deg); transform-origin: 100px; -webkit-transform-origin: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: max-content; width: auto; white-space: nowrap; position: absolute; top: 0; bottom: 0; margin: auto; left: 15px; } .slider-title > span { font-size: 1.1286rem; min-height: 34px; } .chabok-services .chabok-col-25 { width:100%; padding: 10px; } .chabok-blogpost-blk .slide-img-container img { height:110px; } .chabok-blogpost-blk {padding-bottom:30px;} /* shegeftangiz */ .chabok-shegeftangiz { background:none; box-shadow: none; } .chabok-shegeftangiz #slideshow { padding:0; } .chabok-shegeftangiz .swiper-slide { height: auto; } .shegeft-mobi-only { margin-bottom: 8px; color:#e80731; } .chabok-shegeftangiz .chabok-col-40, .chabok-shegeftangiz .chabok-col-60 { width:100%; text-align: center; } .chabok-shegeftangiz .swiper-slide { background:#ffffff; border-radius: 5px; } .chabok-shegeftangiz .chabok-takhfif { margin:0 auto; } .chabok-shegeftangiz-section .chabok-col-80.pddr { width:100%; } .chabok-shegeftangiz-section .chabok-col-20.pddr { display:none; } .chabok-shegeftangiz .sp-title { display: none; } .chabok-shegeftangiz .chabok-takhfif { position: absolute; top: 27px; right: 10px; font-size: 12px; width: max-content; max-width: 100%; min-width:110px; } .chabok-shegeftangiz h2 { height: 56px; overflow: hidden; } .chabok-shegeftangiz h2, .chabok-shegeftangiz .chabok-prc, .chabok-shegeftangiz .chabok-timer-text, .chabok-shegeftangiz .chabok-timer { font-size:14px; font-weight: normal; line-height: 1.6; } .chabok-shegeftangiz .chabok-prc {padding:0 5px;} .chabok-shegeftangiz .chabok-timer-text {padding-bottom: 5px;} .chabok-shegeftangiz hr {margin:8px 4px;} /* woocommerce overide style */ .woocommerce-notices-wrapper .woocommerce-message { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 1.7; } .woocommerce-notices-wrapper .woocommerce-message .button { margin: 10px auto; } .chabok-single-product .entry-summary {padding: 0 10px;} .chabok-single-product .product_meta, .chabok-single-product .entry-summary h1.product_title, .chabok-single-product .entry-summary .woocommerce-product-rating, .chabok-single-product-price-and-form { width: 100% !important; clear:both; margin:5px 0 !important; } .chabok-single-product .entry-summary h1.product_title { padding-bottom: 0px; padding-top:10px; } .chabok-product-metadata, .chabok-single-product .woocommerce-product-details__short-description { width:100%; } .chabok-product-metadata { margin:15px 0; } .pr-attribute-title { font-size: 14px; } .pr-attribute p { font-size: 13px; } .woocommerce div.product form.cart { margin:0; } .product-sale-message .sale-content-box { background-size: 184px; padding-left: 160px; padding-top: 6px; padding-bottom: 3px; font-size: 12px; background-position: left bottom; min-height: 80px; } .woocommerce-product-rating { border:0; } /* .chabok-single-product .entry-summary .woocommerce-product-rating .rating-text::before { content:'\f762'; font-family: "Font Awesome 5 Pro"; display: block; font-size: 19px; text-align: center; line-height: 1; } */ .chabok-single-product .entry-summary .woocommerce-product-rating .rating-text { /* position: absolute; */ left: 0; width: 73px; padding: 0; text-align: center; } .chabok-single-product .entry-summary .woocommerce-product-rating { border:0 !important; margin:0 !important; } /* .woocommerce-product-rating .star-rating { display: none; } */ .chabok-single-product .product_meta { box-shadow: none; border:1px solid #eee; min-height: auto; height: auto; font-size: 12px; } p.stock { position: fixed; bottom: 49px; z-index: 97; left: 5px; font-family: 'yekan'; min-width: 205px; padding: 0 !important; } .chabok-single-product-price-and-form .price, .chabok-single-product-price-and-form form.cart { width:100%; } .chabok-single-product-price-and-form form.variations_form { flex-wrap: wrap; } .woocommerce div.product form.cart .variations, .woocommerce div.product form.cart .single_variation_wrap { width: 100%; } .chabok-single-product .entry-summary {position: unset;} .woocommerce div.product div.images .flex-control-thumbs li img { height: auto; } .woocommerce-tabs.wc-tabs-wrapper { border-radius: 10px; } .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: auto !important; -webkit-overflow-scrolling: touch; } .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs li a{ width: auto; max-width: max-content; min-width: 150px; text-align: center; } .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs li .active { right:0; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: right !important; } .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td { text-align: right !important; padding-right: 55px; font-size: 14px; font-family: 'yekan'; border: 0; padding-bottom: 0; padding-top: 0; } .woocommerce-cart-form table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; float: right; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; height: 100%; width:115px; } .woocommerce-cart-form table.cart .product-thumbnail a, .woocommerce-page #content table.cart .product-thumbnail a, .woocommerce-page table.cart .product-thumbnail a { display: block; width: 100px; height: 120px; overflow: hidden; padding: 3px; } .woocommerce-cart-form table.cart .product-thumbnail img, .woocommerce-page #content table.cart .product-thumbnail img, .woocommerce-page table.cart .product-thumbnail img { width:100px; height:auto; } .woocommerce-cart-form table.cart tr.woocommerce-cart-form__cart-item.cart_item { float: right; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 8px; padding-top: 8px; } .woocommerce-cart-form table.shop_table_responsive.cart tr.woocommerce-cart-form__cart-item.cart_item:nth-child(2n) td { background-color: transparent !important; } .woocommerce-cart-form table.cart .product-thumbnail::before { content:none; } .woocommerce-cart-form table.cart td.product-quantity .quantity { float: left; padding-left: 0px; font-size: 13px; line-height: 2.2; } .woocommerce-cart-form table.cart td.product-quantity .quantity input { padding:0; } .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td.product-name { margin-bottom: 10px; font-weight:500; } .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td.product-price, .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td.product-subtotal { color:#555; } .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td.product-subtotal { padding-bottom: 38px; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { clear: both; float: none; padding-bottom: 10px; } .woocommerce button.button[name="update_cart"][aria-disabled="false"], .woocommerce button.button[name="update_cart"][aria-disabled="true"], .wc-proceed-to-checkout a.checkout-button { position: fixed; z-index: 99; bottom: 0; width: 100%; left: 0; right: 0; max-width: 100%; border-radius: 0; padding: 15px !important; font-size: 14px; background: #7b0662; opacity: 1 !important; margin:0 !important; } body.woocommerce-cart form.woocommerce-cart-form tr:last-child { top: 15px; } body.woocommerce-cart .cart-collaterals { margin-top: -110px; padding-top: 52px; } .wc-proceed-to-checkout a.checkout-button { z-index: 97; margin:0 !important; } p.woocommerce-result-count {display: none;} .shop-archive .woocommerce-ordering { width: 100%; } .shop-archive .woocommerce-ordering select { width:100%; } /*checkout field */ body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_company_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_country_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_state_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_city_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_phone_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_email_field { width: 100%; float:right; clear:none; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_2_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field { width:100%; } body.woocommerce-checkout .create-account { width: 99%; } body.woocommerce-checkout .create-account p { max-width:100%; padding:0 9px; } body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order{ position: fixed; bottom: 0; background: #fff; left: 0; right: 0; width: 100%; z-index: 97; margin: 0; box-shadow: 0 0 10px #ccc; text-align: center; } body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order p { display: none; } body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order button#place_order { margin:0 !important; } .shop-archive-with-filter { padding:0 0px; } .chabok-filter-headline { padding-bottom: 20px; } .chabok-filter-headline .title span { background:#fff; padding:0 0 0 10px; position: relative; z-index: 2; } .chabok-filter-headline .title { padding: 8px 0 8px 10px; font-size: 16px; min-width: max-content; position: relative; } .chabok-filter-headline .title::before { content:''; position: absolute; height: 1px; background:#eee; width: 100%; top:3px; bottom: 0; margin:auto; right: 0; } .chabok-woocommerce-filter-addons { background: #fff; float: right; width: 100%; padding: 10px; margin-bottom: 15px; } .shop-archive-with-filter .chabok-product-blk { background:#fff; height:100%; } .shop-archive-with-filter .chabok-product-blk::after { content:none; } .shop-archive-with-filter ul.products li.product a img { width: auto; height: 150px; margin: 0 auto 5px; } .search-filter { width:100%; padding-left: 0; margin-top:20px; } .search-filter input { padding-top: 10px; padding-bottom: 10px; } .search-filter::before { left:15px; } .title-search-fo { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; } .chabok-filter-ordering { width: 20%; text-align: right; padding-right: 0; min-width:120px; min-width: max-content; } .chabok-filter-meta { width: 20%; text-align: right; padding-left: 0; min-width: 115px; } .chabok-filter-ordering span, .chabok-filter-meta span { padding: 1px 5px 5px; color:blue; } .page-template .site-content { padding:0; } .page-template .site-content article { border-radius: 0; } .single-post article.post { padding:80px 20px; border: 0; border-radius: 12px; box-shadow:0 0 34px rgba(0, 0, 0, 0.03); } .single-post .entry-title::before { height: 20px; width: 10px; right: -20px; } .single-post article .article-date, .single-post article .article-cat, .single-post article .article-comment { font-size: 12px; line-height: 2; float: right; padding: 5px 7px; margin-top: 0; color: #999; margin-bottom: 20px; } .chabok-post-like { position: absolute;top: 20px;left: 16px; right:auto; width: 50px;height: 50px;display: flex;align-content: center;align-items: center; } .chabok-post-like .chabok-post-ulike.chabok-with-tooltip .chabok-tooltip { left: 110%; right: auto; } .chabok-post-like .chabok-post-ulike.chabok-with-tooltip .chabok-tooltip::after { right: 100%; left:auto; border-color: #0000 black transparent #0000; } .chabok-post-like .chabok-post-ulike { top: 0; left: auto; position: relative; right: auto; } .tumb-post { height: 43vw; } .widget-area .widget { background:#fff; } body.post-template-default.single, body.archive.category, body.archive.tag, body.archive.date { background:#eee; } .chabok-iconset-head span { margin-right: 10px; } .chabok-search-block { padding-right: 40px; padding-top: 0; padding-bottom: 0; } .chabok-iconset-head { padding:0; } .chabok-small-screen-menu { margin-right: 7px; top:7px; } .chabok-search-block .chabok-search-btn { height: 35px; width: 35px; display: flex; text-align: center; justify-content: center; top: 106px; right:8px; align-items: center; } .chabok-product-blk,.pl-div { border-radius: 3px; } .bg-black-sec { padding: 0 0 100px; margin-bottom: 40px; } .feature-style .swiper-slide, .chabok-col-2 .swiper-slide, .chabok-product-tab-content .chabok-col-2 .swiper-slide { min-width: 210px; } .blog-feature-section.small-screen-suport .swiper-slide { width:300px; min-width: 300px; margin-left: 20px; } .blog-section { padding: 20px 0px 25px; } .chabok-blogpost { border-radius: 4px; } .chabok-featured-title.centertext { padding:0 20px; } .small-screen-suport { padding-right: 0; padding-left: 0; } .chabok-swiper-title { padding-right: 20px; padding-left: 20px; } .small-screen-suport .swiper-wrapper { padding-right: 20px; padding-left: 20px; padding-bottom: 10px; padding-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; overflow: auto; -webkit-overflow-scrolling: touch; transition-property: unset !important; box-sizing: border-box !important; } .small-screen-suport .swiper-container-android .swiper-slide, .small-screen-suport .swiper-wrapper { transform: unset !important; } .chabok-slider-product-title { font-size: 13px; } #slider-product .swiper-wrapper .swiper-slide, .pl-div { min-width: 190px !important; width:190px; margin-left: 20px; flex-shrink: unset !important; transition-property:unset !important; } .pl-div { border:0; } .latest-product .swiper-container { overflow: unset !important; } .latest-product .chabok-product-blk.sandan-style { box-shadow: 0 0 6px rgba(0, 0, 0, 0.11); border-radius: 3px; } #slider-product .swiper-wrapper { display: flex; overflow: auto; width: 100%; transform: unset !important; } .chabok-product-by-category::before { content:none; } .chabok-product-by-category .chabok-product-blk { box-shadow: 0 0 6px rgba(0, 0, 0, 0.11); border:0; } .feature-style .sandan-style .chabok-slider-product-title { font-size:14px; } .feature-style .chabok-product-blk.sandan-style .price { font-size:13px; border-radius: 0px 0 3px 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; justify-content: end; } .feature-style .chabok-product-blk.sandan-style .price del .woocommerce-Price-currencySymbol { font-size: 4px; } .chabok-slider-box .slider-title { margin-bottom: 18px; } .slider-title > span { font-size: 15px; border-radius: 100px; padding-top: 3px; } .popular-products { border-radius: 0; } .popular-divider { display: block; } .popular-products::before { content:none; } .popular-products .chabok-col-60, .popular-products .chabok-col-40 { width:100%; } .popular-products .chabok-col-40 { margin-top: -160px; position: relative; z-index: 2; } .popular-products .popular-content h2 { font-size: 14px; color:#eee; } .popular-header { margin-bottom: 0px; } .popular-products .chabok-col-60 { height:53vh; } .popular-bg { position: relative; } .popular-bg::before { content: ''; background: linear-gradient(transparent, transparent, rgba(0,0,0,0.97)); width: 100%; height: 100%; right: 0; top: 0; left: 0; position: absolute; } .popular-header .popular-title { color:#fff; font-size: 18px; margin-top:0; } .popular-header p { color:#ccc; margin-bottom: 3px; font-size: 13px; } .popular-content img, .popular-content .price { display: none; } .popular-content { padding-bottom: 0; font-family: 'yekan'; color: #fff; } .chabok-product-tab-content .chabok-col-2 { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; overflow: auto; -webkit-overflow-scrolling: touch; padding:0 10px; } .mobile-redesign .chabok-single-product .entry-summary { padding:0; } .mobile-redesign .chabok-single-product .entry-summary h1.product_title, .mobile-redesign .chabok-single-product .chabok-en-title, .mobile-redesign .chabok-product-metadata, .mobile-redesign .chabok-single-product-price-and-form { padding:0 10px; } .mobile-redesign .product-sale-message { /* background: #eee; */ margin-bottom: 0; padding: 15px 10px 25px; } .mobile-redesign .product-sale-message p { background-color:#fff; } .mobile-redesign .chabok-product-content-container { display: block; font-family: 'yekan'; } .mobile-redesign .chabok-product-content-container p { font-size:12px; padding:0; } .mobile-redesign .chabok-product-content-container .woocommerce-product-details__short-description .chabok-col-60, .mobile-redesign .chabok-product-content-container .woocommerce-product-details__short-description .chabok-col-40 { width:100%; } #tab-related .chabok-slider-box { padding: 0; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { background:none !important; padding: 7px 0 !important; } .woocommerce table.shop_attributes th { min-width: max-content !important; max-width: 130px; } .woocommerce table.shop_attributes td { font-weight: normal; font-size: 12px; color: #555; border-bottom: 1px solid #eee !important; } .chabok-pr-attribute { background: #f6f6f6; padding: 10px 20px; } #tab-reviews { border-bottom: 0; } #tab-custom_tab .entry-content.chabok-product-content-container .woocommerce-product-details__short-description .chabok-col-60, #tab-description .entry-content.chabok-product-content-container .chabok-review-content { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .entry-content.chabok-product-content-container.chabok-active, #tab-description .entry-content.chabok-product-content-container.chabok-active .chabok-review-content { text-overflow: unset !important; overflow: auto !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; display: block !important; } #tab-custom_tab .entry-content.chabok-product-content-container .woocommerce-product-details__short-description .chabok-col-60 *, #tab-description .entry-content.chabok-product-content-container .chabok-review-content * { display: contents; } #tab-custom_tab .entry-content.chabok-product-content-container .chabok-col-image img { display: block; margin-top: 15px; } #tab-custom_tab .entry-content.chabok-product-content-container.chabok-active *, #tab-description .entry-content.chabok-product-content-container.chabok-active .chabok-review-content * { display: revert !important; } .chabok-product-title-container.chabok-active .chabok-subtitle::before { content:none !important; } .chabok-product-title-container.chabok-active { border:0 !important; } #tab-custom_tab, #tab-description, #tab-additional_information { position: relative; padding-bottom: 60px; } #tab-additional_information { padding-bottom: 35px; } #tab-custom_tab .chabok-subtitle::before, #tab-description .chabok-subtitle::before, #tab-additional_information .chabok-subtitle::before { content: 'مشاهده بیشتر ...'; display: block; font-size: 12px; margin-top: 10px; color: #a156c3; width: 100px; cursor: pointer; position: absolute; bottom: 22px; } .woocommerce table.shop_attributes tbody tr:nth-child(n+5) { display: none; } .entry-content.chabok-product-content-container.chabok-active .woocommerce-product-attributes-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display:flex !important; } .feature-style .chabok-product-icon-bar, .chabok-product-icon-bar { top:10px; } .chabok-ordering-btn.chabok-active::before { content: ''; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; } .chabok-filter-ordering-content { transform: translateY(300px); position: fixed; bottom:0px; bottom: 0; right: 0; left: 0; } .chabok-filter-ordering-content.chabok-active { visibility: visible; position: fixed; transform: translateY(0px); transition: all 200ms; opacity: 1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chabok-order-first-row > div { width:100%; } .chabok-order-action-row a { padding: 5px 20px !important; } .chabok-order-action-row { text-align:center; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } a { text-decoration: none; } .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; } .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; } .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; } .site-header h2 { color: #000; font-size: 10pt; text-align: left; } .site-header h1 a, .site-header h2 a { color: #000; } .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; } .wrapper { border-top: none; box-shadow: none; } .site-content { margin: 0; width: auto; } .entry-header .entry-title, .entry-title { font-size: 21pt; } footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; } .author-description { float: none; width: auto; } /* Comments */ .commentlist > li.comment { background: none; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .comments-area article header cite, .comments-area article header time { margin-left: 5px; } }