/* Theme Name: Envo One Theme URI: https://envothemes.com/envo-one-woocommerce/ Author: EnvoThemes Author URI: https://envothemes.com/ Description: Envo One is a fast, clean, lightweight, customizable and modern-looking free responsive WooCommerce WordPress theme for e-commerce stores like clothing, fashion, electronics, ebooks, dress store, sports shop, marketplace, multivendor, equipments or online products. Theme works perfectly with the new block editor (Gutenberg) and popular page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer etc. Theme is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Theme demo ready to import: https://envothemes.com/envo-one/ Version: 1.0.4 Tested up to: 6.8 Requires PHP: 5.6 License: GNU General Public License v3.0 or later License URI: https://www.gnu.org/licenses/gpl.html Tags: one-column, two-columns, full-width-template, right-sidebar, custom-background, custom-menu, custom-header, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, rtl-language-support, blog, e-commerce Text Domain: envo-one */ [data-tooltip] { cursor: pointer; position: relative; z-index: 999; } [data-tooltip]:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; border-top: 5px solid hsla(0,0%,20%,0.9); bottom: 85%; content: " "; font-size: 0; left: 50%; line-height: 0; position: absolute; transform: translate(-50%,0); width: 0; z-index: 999; } [data-tooltip]:after, [data-tooltip]:before { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; visibility: hidden; } [data-tooltip]:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; background-color: hsla(0,0%,20%,0.9); border-radius: 3px; bottom: 85%; color: #fff; content: attr(data-tooltip); font-size: 12px; left: 50%; line-height: 1.1; margin-bottom: 5px; padding: 4px; position: absolute; text-align: center; transform: translate(-50%,0); width: max-content; z-index: 999; } [data-tooltip]:hover:after, [data-tooltip]:hover:before { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a, a:active, a:focus, a:hover { color: #eb0000; text-decoration: none; } a.comment-reply-link { border: 1px solid #ccc; padding: 10px 20px; } a.comment-reply-link, button, input#submit, input[type="submit"], .btn-default { -webkit-transition: all 0.3s ease-in-out; background-color: transparent; border-radius: 2px; border: 1px solid; box-shadow: none; color: #000; font-size: 14px; font-weight: 400; padding: 10px 25px; transition: all 0.3s ease-in-out; } a.post-edit-link { display: block; } a.post-edit-link, nav.navigation.post-navigation, .article-meta, .entry-footer, .post-excerpt, .single-entry-summary, .single-footer, .single-head { padding: 0 25px; } a:active { border-bottom: none; } a:focus, .dropdown-toggle:focus { outline: #ff5858 thin dotted; } article .has-post-thumbnail .news-item h2 { margin-top: 0; } body { color: #121212; font-family: 'Lato', "Helvetica Neue", helvetica, arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.6; padding: 0; word-wrap: break-word; } body:not(.sidebar-off) .content-article:nth-of-type(2n-1) { margin-right: 4%; } body:not(.sidebar-off) .content-article:nth-of-type(2n-1), .sidebar-off .content-article:nth-of-type(3n+1) { clear: both; } button#place_order { border-radius: 5px; display: inline-block; float: none; font-size: 19px; margin-bottom: 20px; margin-top: 20px; margin: 0 auto; padding: 15px; width: 100%; } cite.fn { font-weight: bold; } div.aligncenter, .aligncenter { display: block; margin: 5px auto 5px auto; } embed, iframe { max-width: 100%; } fieldset { border: 2px solid #e5e5e5; margin: 5px 2px 15px 2px; padding: 0.35em 0.625em 0.75em; } form.search-form { position: relative; } form.search-form label { width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: -.02em; word-wrap: break-word; } h1.single-title { margin: 20px 0 0 0; } h1.site-title a, .site-title a { color: #484848; } h1.site-title, .site-title { color: #484848; font-size: 26px; font-weight: 900; line-height: 26px; margin: 0; padding: 0; word-wrap: break-word; } h2.wp-block-heading, .widget-title { clear: both; display: block; font-size: 18px; margin-bottom: 5px; margin-top: 5px; position: relative; text-align: left; text-transform: uppercase; width: 100%; } h2.wp-block-heading, .widget-title h3 { font-size: 18px; font-weight: 400; margin-bottom: 10px; } html { -ms-overflow-x: hidden; overflow-x: hidden; overflow-y: scroll; } img { height: auto; max-width: 100%; } img.alignnone { height: auto; max-width: 96%; width: auto; } input, textarea { background-color: #fff; border-radius: 0; color: #464a4c; padding: 8px; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea { -webkit-border-radius: 3px; background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)); border-radius: 3px; border: 1px solid #bbb; display: block; width: 100%; } input[type="search"].search-field::-webkit-input-placeholder { color: #d7d7d7; } input[type="search"].search-field:focus::-webkit-input-placeholder { color: #f1f1f1; padding: 20px 0 0 0; } legend { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 0; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding-left: 5px; padding-right: 5px; padding: 0; white-space: normal; width: auto; } nav a, #site-navigation { -webkit-transition: all 0.3s ease; border-radius: 0; color: #484848; transition: all 0.3s ease; } nav.navigation.pagination { clear: both; margin: 20px 0; text-align: center; width: 100%; } nav.navigation.pagination .current { background-color: transparent; color: #fff; } nav.navigation.pagination .current, nav.navigation.pagination .nav-links a { border-radius: 0; border: 1px solid #b5b5b5; border: none; padding: 5px 10px; position: relative; z-index: 1; } nav.navigation.post-navigation { clear: both; width: 100%; } select { color: #000; max-width: 100%; padding: 5px; } span.comments-meta i { margin-left: 5px; } span.comments-meta svg { margin-left: 5px; width: 12px; height: 12px; margin-bottom: -2px; } span.menu-description { display: block; font-size: 60%; font-weight: 400; line-height: 1; margin-bottom: -10px; } .dropdown-item span.menu-description { margin-bottom: 0; } table { border-collapse: collapse; width: 100%; } td, th { padding: 6px; } th { font-weight: bold; } #content-footer-section { background-color: #808080; clear: both; color: #ffffff; padding: 15px; } #content-footer-section .comments-meta, #content-footer-section .comments-meta a, #content-footer-section .posted-date { color: #cacaca; font-size: 14px; font-style: italic; font-weight: 300; position: relative; } #content-footer-section .news-item h2 a { color: #fff; font-weight: 700; } #content-footer-section .widget-title h3 { color: #fff; } #content-footer-section .widget.col-md-3 { margin: 1%; } #my-menu-right { padding-right: 25px; } #my-menu-right .navbar-nav>li>a { font-size: 15px; font-weight: 400; } #respond .comment-form-author { padding-right: 5%; } #respond .comment-form-author, #respond .comment-form-email { float: left; width: 50%; } #respond .comment-form-url, #respond input#url { float: left; width: 100%; } #respond input[type="checkbox"], #respond input[type="radio"] { float: left; margin-right: 10px; width: auto; } #sidebar { box-shadow: 0px 10px 25px 0px rgba(28,45,113,.10); display: inline-block; margin-bottom: 15px; margin-left: 15px; margin-right: -15px; max-width: 100%; padding: 25px; } #site-navigation { background-color: transparent; border: none; min-height: 50px; } #site-navigation .container { position: relative; } .aligncenter { display: block; margin: 5px auto 5px auto; } .alignleft { float: left; margin: 5px 20px 20px 0; } .alignnone { margin: 5px 20px 20px 0; } .alignright { float: right; margin: 5px 0 20px 20px; } .archive-page-header h1 { margin: 0; padding-bottom: 25px; } .article-meta { margin-bottom: 10px; } .author-meta a { color: #484848; font-size: 12px; margin-left: 4px; margin-right: 15px; } .author-meta-by { font-size: 12px; position: relative; } .bypostauthor, .sticky { } .cat-links a, .cat-links span, .posted-date, .tags-links span { color: #404040; font-size: 14px; font-weight: 700; position: relative; } .cat-links, .tags-links { display: inline-block; margin-bottom: 5px; width: 100%; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { margin-left: 0; position: relative; } .checkbox, .radio { display: inline-block; } .comment-body { margin-bottom: 40px; } .comment-form #comment { width: 100%; } .comment-meta.commentmetadata { font-size: 12px; font-style: italic; margin: 10px 0; } .commentlist li { list-style-type: none; } .comments-meta { color: #404040; display: inline-block; font-size: 12px; font-weight: 700; padding: 0 8px; position: relative; z-index: 5; } .comments-meta a { color: #404040; } .comments-meta, .posted-date { margin-right: 15px; } .comments-template p a, .postauthor-content a, .single-entry-summary a, .taxonomy-description a, .textwidget a, .widget.widget_block a, .widget.widget_text a { text-decoration: underline; } .content-article { box-shadow: 0px 10px 25px 0px rgba(25,45,110,.10); clear: none; float: left; margin-bottom: 30px; overflow: hidden; padding: 0 0 25px 0; width: 48%; } .content-date-comments { display: inline-block; } .entry-footer, .single-entry-summary { clear: both; margin-top: 15px; width: 100%; } .error-template { padding-bottom: 60px; } .featured-thumbnail { position: relative; width: 100%; } .featured-thumbnail img { text-align: center; width: 100%; } .footer-credits { background-color: #1e1e1e; clear: both; } .footer-credits-text { color: #fff; padding: 20px 0; } .gallery-caption { font-weight: bold; } .has-post-thumbnail .news-item h2 { margin-top: 0; } .has-post-thumbnail h1.single-title { margin: 0; } .header-right { min-width: max-content; padding-left: 30px; position: relative; } .header-widget-area { flex: 1; padding-left: 15px; padding-right: 15px; } .heading-row { align-items: center; display: flex; float: none; position: relative; } .homepage-area .widget { margin: 0; padding: 0; } .main-container { background-color: #fff; } .main-content { float: left; width: 100%; } .main-menu { position: relative; z-index: 97; } .main-menu .container { align-items: center; display: flex; float: none; position: relative; } .menu-heading { flex-grow: 1; } .nav-links { clear: both; display: block; float: left; font-weight: 400; margin-bottom: 15px; width: 100%; } .nav-links .nav-title { position: relative; } .nav-links svg.feather { width: 24px; height: 24px; margin-bottom: -7px; } .nav-subtitle { background: transparent; color: initial; display: block; font-size: 14px; opacity: 0.8; text-transform: uppercase; } .navbar { margin-bottom: 0; } .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-default .navbar-nav > li > a { color: #595959; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ccc; } .navbar-nav > li > a { border-bottom: 0; display: inline-block; font-size: 17px; font-weight: 700; text-transform: uppercase; vertical-align: middle; max-height: 70px; } .navbar-nav li.fa { display: block; position: relative; } .navbar-toggle { border: 1px solid #ccc; } .news-item { margin-bottom: 10px; } .news-item h2 { font-size: 26px; font-weight: 700; margin-bottom: -5px; margin-top: 20px; } .news-item h2 a { color: #404040; font-size: 30px; font-weight: 400; line-height: 33px; } .news-thumb { clear: both; margin-bottom: 10px; text-align: center; width: 100%; } .page h1.single-title { margin-bottom: 15px; margin-top: 10px; } .page-area { padding-right: 30px; padding-top: 35px; } .page-header { margin: 20px 0; text-align: center; width: 100%; } .page-header a { border-bottom: 0; color: #484848; } .post-excerpt { clear: both; display: block; font-size: 16px; font-weight: 300; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .post-navigation .nav-previous { float: left; text-align: left; width: 50%; } .reply { margin: 20px 0; } .screen-reader-text { border: 0; clip-path: inset(50%); clip: rect(1px,1px,1px,1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip-path: none; clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 10px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .search-field { border-radius: 3px; border: 1px solid #e2e2e2; padding-right: 90px; width: 100%; } .search-submit { bottom: 5px; line-height: 18px; position: absolute; right: 0px; top: 0px; } .sidebar-off .content-article { width: 31%; } .sidebar-off .content-article:nth-of-type(3n+1), .sidebar-off .content-article:nth-of-type(3n+2) { margin-right: 3.5%; } .sidebar-off .page-area { padding-right: 0; } .single-content.row { margin-bottom: 60px; } .single-footer.row { clear: both; } .single-head { clear: both; margin-bottom: 10px; position: relative; } .single-page-header { color: #fff; font-size: 44px; font-weight: 700; } .single-post-content { box-shadow: 0px 10px 25px 0px rgba(25,45,110,.10); clear: none; margin-bottom: 30px; overflow: hidden; padding: 0 0 25px 0; } .site-branding-logo a { border: none; position: relative; z-index: 99; } .site-branding-logo img { width: auto; } .site-branding-logo, .site-branding-text { float: left; margin-bottom: 0; margin-right: 15px; text-align: left; } .site-branding-text { position: relative; z-index: 99; } .site-description { display: inline-block; font-size: 14px; line-height: 16px; margin: 0; position: relative; } .site-header { background-color: #fff; border-bottom: 1px solid #f6f6f6; padding: 15px 0; position: relative; z-index: 98; } .site-header.menu-header { box-shadow: 0px 5px 10px 0px rgba(25,45,110,.05); padding: 0; } .site-heading { padding-left: 15px; padding-right: 15px; } .site-heading-sidebar { font-size: 70%; } .site-heading-sidebar .widget { display: inline-block; margin-bottom: 0; margin-right: 15px; } .site-heading-sidebar .widget p { margin-bottom: 0; } .site-menu { background-color: #fff; border-bottom: 1px solid #f6f6f6; box-shadow: 0px 5px 10px 0px rgba(25,45,120,.10); padding: 10px 0; position: relative; z-index: 97; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { height: auto; max-width: 100%; } .space-right { margin-right: 10px; } .tagcloud a { border: 1px solid; display: inline-block; font-size: 15px !important; margin-bottom: 5px; padding: 0px 6px; } .tags-links a { color: #404040; font-size: 12px; margin-right: 8px; position: relative; } .taxonomy-description { margin-bottom: 20px; } .title-header .heading-row { justify-content: center; } .top-bar-section { background-color: #f9f9f9; border-bottom: 1px solid #f6f6f6; color: #334142; font-size: 14px; padding: 5px 0; position: relative; z-index: 98; } .top-bar-section .widget, .top-bar-section p { margin-bottom: 0; } .top-bar-section .widget:nth-child(3n) { text-align: right; } .top-bar-section .widget:nth-child(3n-1) { text-align: center; } .updated:not(.published) { display: none; } .widget { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; margin-bottom: 20px; position: relative; word-wrap: break-word; } .widget li > ul { padding-left: 15px; } .widget ul { list-style-type: none; padding-left: 0; } .widget ul li { border-bottom: 1px solid rgba(0,0,0,0.08); margin: 4px 0px 0px; padding: 0px 0px 4px; } .widget ul li:last-child { border-bottom: none; } .woo-off.header-widgets-off .header-widget-area { display: none; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { color: #484848; font-size: 13px; line-height: 17px; margin: 0; padding: 10px 0 0 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } @media (max-width: 767px) { #sidebar { margin-left: 0; width: 100%; } .menu-right-off #site-navigation { display: none; height: 0; min-height: 0 !important; } .content-article { clear: none; margin-right: 0; width: 100%; } .dropdown-menu { -webkit-box-shadow: none; border-radius: 0; border: none; box-shadow: none; display: block; float: none; font-size: initial; left: auto; list-style: none; margin: 0; min-width: auto; padding: 0; position: inherit; text-align: none; top: auto; } .hc-nav-trigger { top: 4px; width: 20px; } .hc-nav-trigger span { width: 20px; } .hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before { background-color: #696969; height: 2px; } .hc-nav-trigger span::after { bottom: -6px; } .hc-nav-trigger span::before { top: -6px; } .hc-offcanvas-nav .nav-close-button span::before { margin-left: -6px; } .head-form.visible-xs { padding: 15px; position: absolute; top: 100%; width: 100%; z-index: 9; } .header-compare, .header-my-account, .header-search, .header-wishlist { padding-right: 3px !important; } .header-right { flex-grow: 1; padding-left: 15px; padding-right: 15px; } .header-right, .site-heading { width: auto; } .header-search-form { font-size: 14px; } .header-widget-area { flex: 100%; justify-content: center; order: 3; text-align: center; } .heading-row { flex-wrap: wrap; } .main-menu .container { display: block !important; } .menu-button.visible-xs { float: right; height: 25px; margin-left: 15px; width: 25px; } .menu-search-widget { max-width: 100%; } .mobile-canvas { float: left; } .mobile-menu-button { float: right; height: 24px; margin-left: 10px; width: 24px; } .navbar-default .navbar-brand { margin-right: -50px; } #my-menu-right .nav.navbar-right { width: 100% !important; text-align: center; } #my-menu-right .nav.navbar-right>li { display: inline-block; } .page-area { padding-right: 0; } .menu-right-off .site-header.menu-header { display: none; } .site-menu { padding: 0; } .top-bar-section .widget { text-align: center !important; } .woo-off .header-right { padding-left: 0; width: 15%; } .woo-off .site-heading { width: 75%; } } @media (max-width: 782px) { .admin-bar .nav-container { top: 46px; } } @media (min-width: 1320px) { .container { width: 1280px; } } @media (min-width: 768px) { li li ul.dropdown-menu { left: 100%; top: 0; } li.menu-item-has-children > a { padding-right: 25px; } li.menu-item-has-children>a.dropdown-item:before { right: 6px; } li.menu-item-has-children>a:before { content: ""; width: 7px; height: 7px; border: solid black; border-width: 1px 1px 0 0; margin-left: 10px; position: absolute; right: 10px; transform: rotate(135deg); top: 25px; } ul li ul li.menu-item-has-children>a:before { transform: rotate(45deg); top: 12px; } #site-navigation .container { padding-left: 0; padding-right: 0; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: auto; } .alignfull img { width: 100vw; } .alignwide { margin-left: calc(25% - 25vw); margin-right: calc(25% - 25vw); max-width: 100vw; width: auto; } .dropdown-menu { display: block; opacity: 0; visibility: hidden; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #ff5858; } .dropdown-menu > li > a { border-bottom: 0; padding: 5px 20px 5px 10px; } .dropdown-submenu { position: relative; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { -moz-border-radius: 6px 0 6px 6px; -webkit-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu>.dropdown-menu { -moz-border-radius: 0 6px 6px; -webkit-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; left: 100%; margin-left: -1px; margin-top: -6px; top: 0; } .dropdown-submenu>a:after { border-color: transparent; border-left-color: #ccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; } .header-heading-shrink .navbar-right { margin-right: 0px; } .header-right, .site-heading { width: 25%; } .menu-item-has-children li.fa:before { top: 6px !important; } .navbar-center { text-align: center; width: 100%; } .navbar-center > li { display: inline-block; float: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; } .navbar-default .navbar-nav > .active a:focus, .navbar-default .navbar-nav > .open a:focus { background-color: #fff; color: #666; outline: thin dotted; } .navbar-nav > li > a { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-top: 20px; padding-bottom: 20px; } .navbar-nav li:hover > .dropdown-menu { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; border-radius: 0; opacity: 1; transition: all 0.5s ease-in-out; visibility: visible; } .navbar-right li li ul.dropdown-menu { left: auto; right: 100%; } .open > .dropdown-menu { height: auto; opacity: 1; visibility: visible; } .woo-off .header-right { display: none; } .woo-off.header-widgets-off .site-branding-logo, .woo-off.header-widgets-off .site-branding-text { float: none; text-align: center; } .woo-off.header-widgets-off .site-heading { width: 100%; } .wp-block-group__inner-container { margin: auto; max-width: 85.7143rem; } } @media screen and (max-width: 600px) { body.hc-nav-open.admin-bar #wpadminbar { top: -45px; } .site-heading-sidebar .widget { display: block; } }