/*
Theme Name: Grocery Supermarket Elementor
Description: Grocery Supermarket Elementor is designed specifically for grocery stores and supermarkets looking to establish a robust online presence. This theme caters to businesses aiming to showcase a wide range of products, from fresh produce and meats to pantry essentials and household items. It integrates seamlessly with Elementor, a popular page builder plugin, allowing users to create and customize their websites easily without needing extensive technical knowledge. Ideal for supermarkets of all sizes, food delivery, food store, online grocery store, wholesale market, mini mart, instamart, fruit shop, and dmart. This theme helps businesses highlight weekly specials, discounts, and promotions effectively. It supports features like supermarket coupons, loyalty programs, and rewards systems, enhancing customer engagement and retention. Merchants can showcase supermarket deals through visually appealing flyers, circulars, and product catalogs, ensuring visitors are well-informed about ongoing offers. One of the main benefits of the Grocery Supermarket Elementor WordPress Theme is its user-friendly interface, enabling administrators to manage inventory, update product listings, and monitor sales effortlessly. It’s equipped to handle various categories such as grocery, health products, beauty items, and organic foods, catering to diverse customer preferences. High-quality images and intuitive navigation ensure a pleasant shopping experience for visitors browsing through categories like supermarket dairy, bakery goods, and frozen foods. Responsive design elements ensure the site looks great on all devices, facilitating seamless supermarket shopping whether customers are on desktops, tablets, or smartphones. Grocery Supermarket Elementor Demo Link: https://preview.wpelemento.com/grocery-supermarket-elementor/
Author: wpelemento
Theme URI: https://www.wpelemento.com/products/free-grocery-store-wordpress-theme
Author URI: https://www.wpelemento.com/
Version: 0.1.5
Requires PHP: 5.6
Tested up to: 6.8
Requires at least: 5.0
Text Domain: grocery-supermarket-elementor
Tags: food-and-drink, e-commerce, blog, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, three-columns, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, editor-style, sticky-post, theme-options, threaded-comments
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Grocery Supermarket Elementor WordPress Theme, (C) 2024 wpelemento.com
Grocery Supermarket Elementor WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --primary-theme-color: #3e7b51;
  --secondary-theme-color: #bfd5b9;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#content[tabindex="-1"]:focus {
  outline: 0;
}
body {
  font-family: "Varela Round", sans-serif;
  color: #5b5b5b;
  margin: 0;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #121212;
  font-family: "Varela Round", sans-serif;
}
a {
  color: #121212;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--primary-theme-color);
  text-decoration: none;
}
.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#tab-description a,
.extra-home-content a {
  text-decoration: underline;
  color: var(--primary-theme-color);
}
.post-content a {
  color: var(--primary-theme-color);
}

/* ===============================================
   HEADER BOX
   ============================================= */
header#site-navigation .top-header {
  background-color: var(--primary-theme-color);
}
.search-icon form.woocommerce-product-search {
  border: solid 1px #e4e7ee;
  border-radius: 10px;
  padding: 0 5px;
}
.search-icon input#woocommerce-product-search-field-0 {
  width: calc(100% - 90px);
  margin: 0;
  padding: 12px;
  background-color: transparent;
  border: none;
}
.search-icon form button {
  background: url(assets/images/search.png) no-repeat scroll
    var(--primary-theme-color) 10px 8px;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: right;
  border-radius: 10px;
  text-shadow: none;
  padding: 10px 0;
  text-indent: -9999px;
  width: 40px;
  margin: 4px auto;
  cursor: pointer;
  line-height: 17px;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.search-field::placeholder {
  color: #000;
}
.my-cart i,
.search-icon .search-cont-button i,
.my-account i {
  font-size: 16px;
  color: #fff;
  background: var(--primary-theme-color);
  padding: 10px;
  border-radius: 50%;
}
.page-template-frontpage .middle-header {
  position: absolute;
  width: 100%;
  z-index: 9999;
  background-color: #00000000;
}
.middle-header {
  background-color: var(--secondary-theme-color);
}
.middle-header .menu-secion {
  background-color: var(--primary-theme-color);
  display: inline-block;
  border-radius: 8px;
}
.top-header p {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}

/* ===============================================
  Search pop up
  =============================================== */
.search-cont button {
  border: 0;
  background: transparent;
}
.outer-search {
  background: #ffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  text-align: center;
  height: 100%;
  z-index: 9999;
}
.inner-search label {
  width: 100%;
}
.inner-search input#search {
  background: transparent;
  border-top: 2px solid #222;
  border-bottom: 2px solid #222;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-size: 32px;
  text-align: center;
  color: #222;
}
.inner-search input#search::placeholder {
  color: #222;
}
.inner-search {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 99999;
  left: 50%;
  padding: 0 15px;
}
.outer-search .closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 5%;
  text-align: right;
  background: transparent;
  border: 0;
  font-size: 40px;
  color: #222;
}
.outer-search .closepop:focus {
  outline-color: #000;
}
.inner-search form.searchform {
  margin: 0 auto;
  max-width: 700px;
}
.inner-search .searchform input[type="text"] {
  width: 100%;
}
.inner-search input.search-submit {
  display: none;
}
.search-cont i {
  color: #000;
  font-size: 16px;
}
.inner-search #searchform {
  border: none;
}
.result-search #searchform {
  display: table;
}

.footer-copyright a:hover {
  color: var(--primary-theme-color);
}
.search-icon .inner-search .woocommerce-product-search {
  display: inline-block;
}
.search-icon .search-field {
  outline: none !important;
}
/* ===============================================
   HEADER IMAGE
   ============================================= */

.header-image-box {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
  background-position: center;
}
.header-image-box:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #00000061;
  z-index: 1;
}
.header-image-box h1,
.headerimgbox-meta span,
.crumb-box a,
.crumb-box,
.header-image-box p {
  position: relative;
  z-index: 1;
  color: #fff;
}
.header-image-box h1 {
  font-size: 65px;
}
.header-image-box h1,
.post-title a {
  word-wrap: break-word;
}
/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: var(--primary-theme-color);
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  font-weight: bold;
  word-break: break-all;
}
.logo span {
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  word-break: break-all;
}
/* ===============================================
   MENU BOX
   ============================================= */
#main-menu {
  display: block;
  position: relative;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}
#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 16px;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  text-transform: capitalize;
}
#main-menu ul li a:hover::after,
#main-menu ul li.current-menu-item > a::after,
#main-menu ul li.current_page_item > a::after {
  position: absolute;
  background-color: #fff;
  right: 0px;
  left: 0;
  bottom: 4%;
  content: "";
  width: 80%;
  height: 4px;
  display: block;
  margin: 7px auto 0;
  border-radius: 20px;
}
#main-menu .sub-menu li a:hover::after {
  display: none;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color: #fff;
}
#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 35px;
  left: -9999em;
  background: #f5f9ff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
  top: 0px;
  left: -100%;
}
#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 10px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: #121212;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: var(--primary-theme-color);
  color: #fff;
  border-radius: 0;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
  opacity: 1;
  left: 0;
}
/* ===============================================
  menu dropdown css
 ============================================= */
#main-menu ul li.menu-item-has-children:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  position: absolute;
  right: -6px;
  top: 50%;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -50%);
  color: #fff;
}
#main-menu ul li.menu-item-has-children {
  padding-right: 10px;
  margin-right: 10px;
}
#main-menu ul.sub-menu li.menu-item-has-children:after {
  right: 30px;
}
img.custom-logo {
  max-width: 100%;
}
/* ===============================================
   POST BOX
   ============================================= */

.sticky .post-content-box {
  background: #f2f8ff;
}
.post-box {
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
  border-radius: 10px;
  text-align: center;
}
h3.post-title {
  font-size: 25px;
}
.post-content p {
  color: #5b5b5b;
}
.post-meta,
.crumb-box a:hover {
  color: var(--primary-theme-color);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121212;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
.post-content {
  word-wrap: break-word;
}
#content,
footer {
  float: left;
  width: 100%;
}
.box {
  background-color: rgb(171 171 171 / 70%);
  text-align: center;
  overflow: hidden;
  position: relative;
}
.post-box:hover:before {
  opacity: 1;
  transform: translateX(0);
}
.box img {
  width: 100%;
  height: auto;
  transform: translateX(-20px) scale(1.15);
  transition: all 0.5s ease;
}
.post-box:hover img {
  opacity: 0.2;
  transform: translateX(20px) scale(1.15);
}
.box .box-content {
  opacity: 0;
  transform: scale(0);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  transition: all 0.5s ease;
}
.post-box:hover .box-content {
  opacity: 1;
  transform: scale(1);
}
p.slider-button a {
  background: var(--primary-theme-color);
  color: #fff;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: bold;
}
p.slider-button a:hover {
  background: #121212;
}
.post-info span,
.post-info a {
  color: #000;
  font-size: 16px;
  padding: 2px;
  display: inline-block;
}
.post-info a:hover,
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i {
  color: var(--primary-theme-color);
}
.post-info i {
  color: var(--primary-theme-color);
  font-size: 12px;
}
/* Edit link  */
.link-edit{
  display: inline-block;
  margin-left: 10px;
}
.post-info{
  display:inline-block;
}
.link-edit::before {
    content: "\f044";
    color: var(--primary-theme-color);
}
.link-edit::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    height: 15px;
    margin-right: 8px;
}
.post-edit-link{
  color: #000 !important;
}
/* ===============================================
   Pagination
   ============================================= */

.pagination,
.grocery-supermarket-elementor-pagination {
  margin: 25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.grocery-supermarket-elementor-pagination a span,
.grocery-supermarket-elementor-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
  cursor: pointer;
  background: #f3f4f7;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.grocery-supermarket-elementor-pagination span.current,
.grocery-supermarket-elementor-pagination span.current:hover,
.grocery-supermarket-elementor-pagination span.current:focus,
.grocery-supermarket-elementor-pagination a span:hover,
.grocery-supermarket-elementor-pagination a span:focus {
  background: var(--primary-theme-color);
  color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus {
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover {
  background: #121212;
}
.comment-form-url input,
nav.navigation.pagination {
  width: 100%;
}
.comment-respond input#submit {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
  border-bottom: 1px solid #00000047;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 10px;
  color: #fff;
  background: var(--primary-theme-color);
}
/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area {
  border-left: solid 1px #e4e7ee;
  padding: 0 0 0 20px;
}
.sidebar-area .textwidget img,
.footer-area .textwidget img {
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}
.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
}
.sidebar-area ul {
  padding: 15px 30px 25px;
  border-radius: 10px;
  border: solid 1px #e4e7ee;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  color: #5b5b5b;
}
.sidebar-area li a:hover,
.sidebar-area li:hover {
  color: var(--primary-theme-color);
}
.sidebar-area li {
  padding: 14px 10px;
  border-bottom: solid 1px #e4e7ee;
}
.sidebar-area h4.title {
  position: relative;
  font-size: 25px;
  margin-left: 60px;
  margin-bottom: 20px;
}
.sidebar-area h4.title:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area h4.title:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .tagcloud a,
.footer-area .tagcloud a {
  font-size: 15px !important;
  color: #5b5b5b;
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #e4e7ee;
}
.footer-area .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
}
.sidebar-area .tagcloud a:before,
.footer-area .tagcloud a:before {
  content: "#";
}
.sidebar-area .tagcloud a:hover,
.footer-area .tagcloud a:hover {
  background: var(--primary-theme-color);
  color: #fff;
}
.sidebar-area .wp-block-group__inner-container h2 {
  color: #000000 !important;
  font-size: 20px;
}
.sidebar-area select,
.footer-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 5px 2%;
  border: solid 1px #e4e7ee;
}
.sidebar-area ol.wp-block-latest-comments {
  padding-left: 0px;
}
#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}
#wp-calendar a:hover {
  border: none;
}
#wp-calendar {
  background: #fff;
  width: 100%;
}
#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
  color: #fff;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}
#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline;
}
#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}
#wp-calendar th {
  font-weight: bold;
}
tr:nth-child(2n + 2) {
  background-color: #f3f4f7;
}
.searchform label {
  display: block;
}
.searchform input[type="text"] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
#searchform {
  border: solid 1px #e4e7ee;
  border-radius: 30px;
}
.searchform input[type="submit"] {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  border-radius: 30px;
  text-shadow: none;
  padding: 10px 0;
  width: 105px;
  margin: 4px auto;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus {
  background: var(--primary-theme-color);
  text-decoration: none;
}
.footer-side .searchform input[type="submit"] {
  background: var(--primary-theme-color);
  color: #000;
}
.footer-side .searchform input[type="submit"]:hover,
.footer-side .searchform input[type="submit"]:focus {
  background: #fff;
  color: #000;
}
.footer-area input[type="text"]::placeholder {
  color: #fff;
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.footer-widget {
  background: #121212;
}
.footer-copyright {
  background: #121212;
}
footer .simple-social-icons a {
  border-radius: 10px !important;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget,
.footer-area li,
.footer-area input[type="text"],
.wp-block-group__inner-container h2 {
  color: #fff;
}
.footer-area ul {
  padding: 0;
  list-style: none;
}
.footer-area h4.title {
  font-size: 25px;
  color: #fff;
  margin-top: 30px;
  word-wrap: break-word;
}
.footer-area li {
  padding: 8px 0;
}
.footer-area input[type="search"] {
  width: 100%;
  border: none;
  padding: 10px;
  border: solid 1px#4d4d4d;
}
#sidebar form.woocommerce-product-search button {
  background: var(--primary-theme-color);
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  font-weight: 600;
  border: none;
  border: solid 1pxvar (--primary-theme-color);
}
.footer-area form.woocommerce-product-search button {
  background: var(--primary-theme-color);
  border-radius: 0px;
  color: #000;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  font-weight: 600;
  border: none;
  border: solid 1pxvar (--primary-theme-color);
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
.wp-caption {
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}
.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%;
}
.wp-caption p.wp-caption-text {
  color: #fff;
  font-size: 12px;
  margin: 5px;
}

/* ===============================================
    BLOCK CSS
  =============================================== */

.sidebar-area .widget_search .wp-block-search__inside-wrapper {
  border: solid 1px #e4e7ee;
  border-radius: 30px;
}
.sidebar-area
  .widget_search
  .wp-block-search__inside-wrapper
  .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
.sidebar-area .widget_search button.wp-block-search__button.wp-element-button {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  border-radius: 30px;
  text-shadow: none;
  padding: 10px 0;
  width: 105px;
  margin: 4px auto;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.sidebar-area .widget_search button.wp-block-search__button:hover,
.sidebar-area .widget_search button.wp-block-search__button:focus {
  background: var(--primary-theme-color);
  text-decoration: none;
}
.sidebar-area .widget_search .wp-block-search__inside-wrapper {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .widget_search label,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
  position: relative;
  font-size: 25px;
  margin-left: 60px;
  margin-bottom: 20px;
  color: #000;
}
.sidebar-area .wp-block-search label {
  display: inline;
}
.sidebar-area .widget_search label:before,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .widget_search label:after,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .wp-block-tag-cloud a,
.footer-area .wp-block-tag-cloud a,
.tag-cloud-link {
  font-size: 15px !important;
  color: #5b5b5b;
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #e4e7ee;
}
.footer-area .wp-block-tag-cloud a {
  border: solid 1px #fff;
  color: #fff;
}
.sidebar-area .wp-block-tag-cloud a:before,
.footer-area .wp-block-tag-cloud a:before,
.tag-cloud-link:before {
  content: "#";
}
.sidebar-area .wp-block-tag-cloud a:hover,
.footer-area .wp-block-tag-cloud a:hover,
.tag-cloud-link:hover {
  background: var(--primary-theme-color);
  color: #fff;
}
.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
  float: none !important;
}
.sidebar-area ol.wp-block-latest-comments {
  padding-left: 0px !important;
  padding: 15px 30px 25px;
  border-radius: 10px;
  border: solid 1px #e4e7ee;
}
.footer-area .wp-block-heading {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
  word-wrap: break-word;
}
/* WOOCOMMERCE */
/* Cart */
.wp-block-woocommerce-cart.alignwide {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-woocommerce-checkout.alignwide {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-woocommerce-cart .wc-block-cart-items {
  border: 1px solid #dee2e6 !important;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dee2e6 !important;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
.wp-block-woocommerce-cart-order-summary-heading-block {
  padding: 10px 20px !important;
  background: #f3f4f7 !important;
}
.wc-block-components-product-name {
  font-size: 20px;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.wc-block-cart-items__header-image {
  padding-left: 16px !important;
}
.wc-block-cart-items__header-total {
  padding-right: 16px !important;
}
.wc-block-components-totals-coupon-link,
.wc-block-cart__submit-container a,
.wc-block-checkout__actions_row button,
.wc-block-components-totals-coupon__form button,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-grid__product-add-to-cart a,
.product-add-to-cart a,
.woocommerce-Address-title.title a,
.products .yith-wcwl-add-button a,
.products .yith-wcwl-wishlistexistsbrowse,
.products .yith-wcwl-wishlistaddedbrowse,
.entry-summary .yith-wcwl-add-button a,
.entry-summary .yith-wcwl-wishlistexistsbrowse,
.entry-summary .yith-wcwl-wishlistaddedbrowse {
  background: var(--primary-theme-color);
  color: #fff !important;
  line-height: unset;
  padding: 0.618em 1em;
  font-weight: 700;
  border-radius: 3px;
  margin-top: 10px;
  text-decoration: none !important;
}
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
  background: var(--primary-theme-color);
  color: #fff !important;
}
.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse {
  display: inline-block !important;
}
.entry-summary .yith-wcwl-add-button a,
.entry-summary .yith-wcwl-wishlistexistsbrowse,
.entry-summary .yith-wcwl-wishlistaddedbrowse {
  margin-bottom: 10px;
}
.wc-block-components-totals-coupon__form button {
  margin-top: 0px !important;
}
.entry-summary .yith-wcwl-add-button,
.products .yith-wcwl-add-button {
  margin-top: 21px;
  margin-bottom: 10px;
}
.wc-block-cart__submit-container a {
  margin-top: 20px;
}
.wc-block-components-totals-coupon-link:hover,
.wc-block-cart__submit-container:hover a,
.wc-block-checkout__actions_row button:hover,
.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-grid__product-add-to-cart a:hover,
.yith-wcwl-add-button:hover a {
  background: #121212;
}
.wc-block-components-totals-coupon {
  text-align: center;
}
.wc-block-cart-items__header-product {
  background: #f3f4f7 !important;
}
.wc-block-cart-items__header th {
  padding: 10px 20px !important;
  font-size: 14px;
}
.wc-block-cart__totals-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
tr.wc-block-cart-items__row {
  padding: 15px 15px !important;
}
.wc-block-components-totals-item,
.wc-block-components-totals-item {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  display: block !important;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="phno"],
#commentform input[type="password"],
#commentform textarea,
#commentform input#url {
  border: 1px solid #c8c8c8;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}
.woocommerce-message p {
  flex-basis: 55%;
}
.product .price ins,
.price .woocommerce-Price-amount.amount {
  font-size: 22px;
  font-weight: 700;
}
.product .price del .woocommerce-Price-amount.amount {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.product .price {
  margin: 10px 0px !important;
}
/* single product review form */
#reviews .comment-form {
  display: flex;
  flex-direction: column;
}
#reviews .comment-form-author {
  order: 1;
}
#reviews .comment-form-email {
  order: 2;
}
#reviews .comment-form-comment {
  order: 3;
}
#reviews .comment-form-cookies-consent {
  order: 4;
}
#reviews .form-submit {
  order: 5;
}
/* Wishlist */
.wishlist_table.mobile {
  padding-left: 0;
}
.wishlist_table.mobile table {
  width: auto;
}
.wishlist_table.mobile li {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cart.wishlist_table .additional-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile {
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label,
.wishlist_table.mobile li .item-details table.item-details-table td.label,
.wishlist_table.mobile li table.additional-info td.label,
.wishlist_table.modern_grid li .item-details table.item-details-table td.label {
  font-size: 16px !important;
}
.wishlist_table.mobile li .item-details table.item-details-table td,
.additional-info .value {
  font-size: 14px !important;
  padding: 6px !important;
  font-family: "Exo 2", sans-serif;
}
.main-product-section .wishlist_view {
  display: block !important;
}
.share-button i::before {
  font-family: "FontAwesome";
}
.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.yith-wcwl-add-button > a i,
.yith-wcwl-wishlist-new button i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
  margin-right: 0px !important;
}
.wpr-grid-slider-dots {
  z-index: 9 !important;
}
.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete {
  text-align: left !important;
}
#yith-wcwl-form .product-name a {
  font-size: 16px;
  font-weight: 600;
  color: #26242d;
  text-decoration: none;
}
#yith-wcwl-form .product-price .amount {
  color: var(--primary-theme-color);
  font-size: 17px;
}
/* Quickview  */
#htwlquick-viewmodal.woocommerce button.button.alt {
  padding: 14px !important;
  background-color: var(--primary-theme-color) !important;
}
.wishlist .ht-product-action-tooltip {
  left: 115% !important;
  right: auto !important;
  top: 85% !important;
  bottom: auto !important;
}
/* Cart */
.wc-block-grid__product-title {
  font-size: 18px !important;
  color: #121212 !important;
  text-decoration: none !important;
}
a.wc-block-grid__product-link {
  text-decoration: none !important;
}
.wc-block-grid__product-price {
  color: var(--primary-theme-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 0 !important;
  background: #121212 !important;
  border-radius: 0 !important;
  padding: 14px 10px !important;
  min-height: 2em !important;
  color: #fff !important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
  width: 100% !important;
}
/* CHECKOUT */
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dee2e6 !important;
  padding: 10px;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
/* MY ACCOUNT */

nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 10px;
  margin-bottom: 15px;
  background: var(--primary-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
  background: #121212;
}
nav.woocommerce-MyAccount-navigation ul li a {
  text-decoration: none;
  color: #fff;
}
/* MY ACCOUNT Address Button */
.woocommerce-Address-title a {
  background: var(--primary-theme-color);
  color: #fff !important;
  line-height: unset;
  padding: 0.4em 1em;
  font-weight: 700;
  border-radius: 3px;
  text-decoration: none !important;
}
header.woocommerce-Address-title.title {
  display: inline-grid;
  margin-bottom: 20px;
}
/* CHECKOUT */
.woocommerce form .form-row label,
.woocommerce form .form-row,
span.woocommerce-input-wrapper,
span.password-input {
  width: 100%;
}
/* BUTTONS */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart {
  background: var(--primary-theme-color);
  color: #fff;
  line-height: unset;
  border-radius: 3px !important;
  padding: 10px 12px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover {
  background: #121212;
  color: #fff;
}
.woocommerce a.added_to_cart {
  padding: 0.618em 1em;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 0px;
}
/* SHOP & SINGLE PRODUCT */

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  top: 10px;
  right: 10px;
  left: auto;
  margin: 0;
  line-height: 0;
  background: #121212;
  border-radius: 0;
  padding: 14px 10px !important;
  min-height: 2em !important;
}
.woocommerce span.onsale {
  left: 10px;
  right: auto;
}
h2.woocommerce-loop-product__title {
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--primary-theme-color);
  display: block;
  margin-bottom: 0;
  font-size: 18px;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}
.woocommerce .quantity .qty {
  width: 13em;
  padding: 8px;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 12px;
  margin: 0 auto 8px;
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0;
  border-radius: 10px;
}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 12px;
  border: 1px solid #d3ced2;
  background: transparent;
}
.wp-block-button__link {
  color: #fff !important;
  background-color: var(--primary-theme-color);
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 1px solid var(--primary-theme-color);
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0px !important;
}
.woocommerce ul.products li.product {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 10px;
}
/* shop page pagination  */
.woocommerce nav.woocommerce-pagination ul li span.current {
  padding: 12px 15px;
  background: var(--primary-theme-color);
  color: #121212;
  border-radius: 10px;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  margin: 2px 2px 2px 0;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #121212;
  transition: background 0.15s ease-in-out;
  font-weight: bold;
  border-radius: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--primary-theme-color);
  color: #121212;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}

/*  SINGLE POST */
.single-post-category span {
  font-weight: 600;
  color: #5b5b5b;
}
.single-post-category .post-categories li,
.single-post-category ul {
  display: inline-block;
  padding-left: 0px;
}
.single-post-category .post-categories li a {
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--primary-theme-color);
  padding: 8px 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.single-post-category .post-categories li a:hover {
  background: #000000;
}
/*scroll-to-top*/
.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: var(--primary-theme-color);
  color: #ffffff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  padding: 10px;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up i{
  line-height: 40px;
}

/*PRELOADER*/
.loader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  display: flex;
  bottom: 0px;
  justify-content: center;
  align-items: center;
}
.preloader {
  animation: move 0.5s ease infinite alternate;
}
.diamond {
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  transform-style: preserve-3d;
  animation: spin 1s linear infinite;
  justify-content: center;
  align-items: center;
}
.diamond span {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.diamond span:nth-child(1) {
  border: 10px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateX(90deg) rotateZ(45deg);
}
.diamond span:nth-child(2) {
  border: 6px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
}
.diamond span:last-child {
  border: 6px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateZ(45deg);
}
.box .post-thumbnail img {
    height: 100%;
    object-fit: cover;
}
.box .post-thumbnail {
    height: 400px;
}
.table-of-contents {
    padding: 20px;
    background: #BFD5BA;
    margin-bottom: 20px;
}
.logo a {
    font-size: 19px;
}
.table-of-contents {
    background: #f3f3f3;
    padding: 15px 20px;
    border-left: 4px solid #3E7B51;
    margin-bottom: 25px;
}
.table-of-contents ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.table-of-contents li {
    margin: 5px 0;
}
.table-of-contents a {
    text-decoration: none;
}
.table-of-contents a:hover {
    text-decoration: underline;
}
body.error404 .page_404_img {
    text-align: center;
    padding-top: 100px;
    max-width: 300px;
    margin: 0 auto;
}
.bl_page_404 .page_title {
    text-align: center;
    font-size: 44px;
    padding-bottom: 40px;
}
.page_404_text {
    font-size: 18px;
    padding-top: 15px;
    font-weight: 500;
    text-align: center;
}
.page_404_item {
    text-align: center;
    padding-top: 40px;
}
a.page_404_link {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 15px 30px;
    background: #3E7B51;
    display: inline-block;
}
.bl_page_404 {
    padding-bottom: 100px;
}
.random_post {
    background-color: #ffdc38;
    border-radius: 2px;
    box-shadow: 0 0 9.5px .5px rgba(0, 0, 0, .35);
    color: #505050;
    font-size: 18px;
    line-height: 1.25;
    margin: 30px 55px 30px 0;
    padding: 16px 20px;
    position: relative;
}
.random_post:before {
    background: url(images/info.svg) no-repeat 50% 50% / contain;
    content: "";
    height: 35px;
    position: absolute;
    right: -55px;
    top: 9.5px;
    width: 35px;
}
.random_post_title {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin-right: 10px;
}
.random_post a {
    color: #002952;
    text-decoration: underline;
}


.share_box {
    padding: 20px 10px;
    border: 1px solid #333;
    background: #ECF0F1;
    border-radius: 10px;
		margin: 20px 0 20px;
}
.share_box h3 {
    text-transform: none;
    text-align: left;
    padding-bottom: 10px;
    font-size: 18px;
    margin: 0;
}
blockquote {
    border: 1px solid #333;
    background: #ffdc38;
    border-radius: 10px;
    margin: 20px 0;
    width: 100%;
    border-width: 0 0 0 5px;
    border-style: solid;
    padding: 20px 20px 20px 50px;
    box-shadow: 0 0 9.5px .5px rgba(0, 0, 0, .35);
    position: relative;
    font-size: 16px;
}
blockquote p {
    padding: 0 !important;
}
blockquote:before {
    content: "";
    background: url(images/citata.svg) 0 0 no-repeat;
    height: 45px;
    width: 45px;
    background-size: 45px;
    position: absolute;
    left: 0;
    top: 0;
}
/* Общие параметры таблицы */
table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  font-size: 14px;
  color: #222;
  margin: 1em 0;
}

/* Подпись таблицы */
caption {
  caption-side: top;
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 6px;
  color: #111;
}

/* Заголовки */
th {
  background-color: #f4f6f8;
  color: #111;
  font-weight: 700;
  text-align: left;
  border: 1px solid #2b2b2b;
  padding: 10px 12px;
}

/* Ячейки */
td {
  border: 1px solid #2b2b2b;
  padding: 10px 12px;
  vertical-align: middle;
}

/* Hover по строкам */
tbody tr:hover {
  background-color: #fbfcfd;
}

/* Выравнивание чисел вправо, если нужно */
td:nth-child(4),
tfoot td:nth-child(4) {
  text-align: right;
}

/* Футер */
tfoot td {
  font-weight: 600;
  background-color: #f8fafb;
}

/* Мобильная адаптация */
@media (max-width: 560px) {
  table, thead, tbody, tr, td, th, tfoot {
    display: block;
    width: 100%;
  }
  thead { display: none; }
  tr {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
  }
  td {
    border: none;
    padding: 8px 10px;
    text-align: left;
  }
  td::before {
    content: attr(data-label);
    display: inline-block;
    width: 40%;
    font-weight: 600;
    color: #666;
  }
}



















































































@keyframes move {
  0% {
    transform: translateY(0) scaleY(0.9);
  }
  100% {
    transform: translateY(-70px) scaleY(1.1);
  }
}
@keyframes spin {
  0% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
  }
  100% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(180deg);
  }
}
.result-search #searchform {
  display: table;
}
.not-found-content #searchform {
  display: inline-block;
}
.footer-copyright a,
.footer-copyright p {
  color: #ffffff;
}
/* ===============================================
  Progress Bar
=============================================== */
#elemento-progress-bar {
  background-color: var(--primary-theme-color);
  position: fixed;
  width: 0;
  height: 4px;
  z-index: 99999;
}
#elemento-progress-bar.top {
  top: 0;
}
.admin-bar #elemento-progress-bar.top {
  top: 32px;
}
#elemento-progress-bar.bottom {
  bottom: 0;
}
/* ===============================================
   HOME PAGE CSS
   =============================================== */

/* banner-image-section */

@keyframes parallax {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6vh);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.banner-image-section .image-sec img {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.banner-icon-box .elementor-icon-box-content h3 span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.banner-icon-box .elementor-icon-box-content p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.banner-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* product-image-section */
.product-image-section .product-image-first img {
  height: 270px;
  width: 140px;
  object-fit: contain;
}
/* category-section */
.category-section .ht-category-wrap-2 {
  display: flex;
  flex-direction: column;
  padding: 48px 0px 0px 15px !important;
}
.category-section .ht-category-wrap-2 .ht-category-content-2 h3 {
  justify-content: start !important;
  margin-bottom: 10px !important;
}
.category-section .ht-category-wrap-2 .ht-category-content-2 h3 a {
  flex-basis: 50%;
}
.category-section .ht-category-content-2 {
  order: 1;
  text-align: left;
}
.category-section .ht-category-description {
  order: 2;
}
.category-section .ht-category-image-2 {
  order: 3;
}
.category-section .ht-category-wrap-2 .ht-category-content-2 h3::before,
.ht-category-wrap-2::before {
  display: none;
}
.category-section .ht-category-wrap-2 .ht-category-image-2 a {
  text-align: right !important;
}
.ht-category-wrap-2:hover::before {
  display: none;
}
.ht-category-wrap-2 .ht-category-image-2 a img {
  transform: scale(1) !important;
  width: 238px !important;
  height: 194px !important;
  object-fit: contain !important;
}
.category-section .wl-row {
  gap: 20px;
  margin: 0 auto;
  justify-content: center;
}
.category-section .wl-col-4 {
  max-width: 23% !important;
  border-radius: 10px !important;
}
.category-section .wl-col-4:nth-child(1) {
  background-color: #e5cb9e;
}
.category-section .wl-col-4:nth-child(2) {
  background-color: #9adbe4;
}
.category-section .wl-col-4:nth-child(3) {
  background-color: #dde299;
}
.category-section .wl-col-4:nth-child(4) {
  background-color: var(--secondary-theme-color);
}
.category-section .ht-category-wrap-2 .ht-category-image-2 {
  margin-top: 20px;
}
.category-section .ht-category-description {
  margin: 10px 0px !important;
}
.category-section {
  --margin-top: 50px !important;
}
















































/* =========================
   Советы домохозяйкам — стили главной (под твой HTML)
   ========================= */

/* Базовые переменные (можешь менять) */
:root{
  --bg: #ffffff;
  --text: #1f2937;
  --muted: #6b7280;
  --card: #ffffff;
  --border: #e5e7eb;
  --accent: #0ea5e9;
  --accent-2: #22c55e;
  --shadow: 0 10px 25px rgba(0,0,0,.06);
  --radius: 16px;
  --radius-sm: 12px;
  --max: 1120px;
  --gap: 20px;
}

/* Сброс/база */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height:1.6;
}
img{ max-width:100%; height:auto; display:block; }
a{
  color: inherit;
  text-decoration: none;
}
a:hover{ text-decoration: underline; }

main{
  max-width: var(--max);
  margin: 0 auto;
  padding: 28px 16px 56px;
}

/* Общие отступы между секциями */
section, header{
  margin: 0 0 26px;
}

/* =========================
   1) HERO
   ========================= */
header[aria-labelledby="site-title"]{
  background: linear-gradient(180deg, rgba(14,165,233,.10), rgba(34,197,94,.08));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 26px 22px;
  box-shadow: var(--shadow);
}

#site-title{
  margin: 0 0 10px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

header[aria-labelledby="site-title"] > p{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 1.05rem;
  max-width: 70ch;
}

/* Быстрые переходы */
header nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
header nav a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
header nav a:hover{
  text-decoration:none;
  transform: translateY(-1px);
  border-color: rgba(14,165,233,.35);
  background: rgba(255,255,255,.95);
}

/* =========================
   Заголовки секций
   ========================= */
section > h2{
  margin: 0 0 8px;
  font-size: clamp(20px, 2.2vw, 28px);
  letter-spacing: -0.01em;
}
section > p{
  margin: 0 0 14px;
  color: var(--muted);
  max-width: 80ch;
}

/* =========================
   2) TOPICS — карточки тем
   ========================= */
#topics > div{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
}

#topics article{
  grid-column: span 6;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 18px 18px 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#topics article:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.07);
  border-color: rgba(14,165,233,.28);
}

#topics h3{
  margin: 0 0 10px;
  font-size: 18px;
  display:flex;
  align-items:center;
  gap: 10px;
}
#topics h3::before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

#topics ul{
  margin: 0;
  padding-left: 18px;
}
#topics li{ margin: 6px 0; }
#topics li a{
  color: #0f172a;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}
#topics li a:hover{
  border-bottom-color: rgba(14,165,233,.45);
}

/* Адаптивность для topics */
@media (max-width: 900px){
  #topics article{ grid-column: span 12; }
}

/* =========================
   3) POPULAR — нумерованный список
   ========================= */
#popular{
  background: rgba(15,23,42,.02);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 18px 10px;
}

#popular ol{
  margin: 0;
  padding-left: 20px;
}
#popular li{
  margin: 10px 0;
}
#popular li a{
  font-weight: 600;
  color: #0f172a;
}
#popular li a:hover{
  color: var(--accent);
  text-decoration: none;
}

/* =========================
   4) FRESH — статьи с микроразметкой
   ========================= */
#fresh article{
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 16px 16px 12px;
  background: var(--card);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  margin: 0 0 14px;
}

#fresh h3{
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.25;
}
#fresh h3 a{
  text-decoration: none;
}
#fresh h3 a:hover{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  color: var(--accent);
}

#fresh p{
  margin: 0;
  color: var(--muted);
}

/* =========================
   5) FAQ — details/summary аккуратно
   ========================= */
#faq{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  background: var(--card);
}

#faq details{
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px 14px;
  margin: 10px 0;
  background: rgba(15,23,42,.015);
  transition: border-color .15s ease, background .15s ease;
}
#faq details[open]{
  background: rgba(14,165,233,.06);
  border-color: rgba(14,165,233,.25);
}

#faq summary{
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  outline: none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
#faq summary::-webkit-details-marker{ display:none; }

#faq summary::after{
  content:"+";
  font-weight: 900;
  width: 28px;
  height: 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #fff;
}
#faq details[open] summary::after{
  content:"–";
  border-color: rgba(14,165,233,.35);
}

#faq p{
  margin: 10px 0 0;
  color: #334155;
}

/* =========================
   6) RELATED — простая перелинковка
   ========================= */
section[aria-labelledby="related-title"]{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 18px 12px;
  background: var(--card);
}

section[aria-labelledby="related-title"] ul{
  margin: 0;
  padding-left: 18px;
}
section[aria-labelledby="related-title"] li{
  margin: 8px 0;
}
section[aria-labelledby="related-title"] a{
  color: #0f172a;
}
section[aria-labelledby="related-title"] a:hover{
  color: var(--accent);
  text-decoration: none;
}

/* =========================
   7) ABOUT — “о проекте”
   ========================= */
#about-title{
  margin-bottom: 8px;
}
section[aria-labelledby="about-title"]{
  background: linear-gradient(180deg, rgba(34,197,94,.08), rgba(14,165,233,.06));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 18px 12px;
}
section[aria-labelledby="about-title"] p{
  color: #334155;
}

/* =========================
   8) Breadcrumbs
   ========================= */
nav[aria-label="Навигация"]{
  margin-top: 10px;
}
nav[aria-label="Навигация"] ol{
  list-style: none;
  padding: 0;
  margin: 0;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
}
nav[aria-label="Навигация"] li{
  display:flex;
  align-items:center;
  gap: 8px;
}
nav[aria-label="Навигация"] li + li::before{
  content:"›";
  opacity:.6;
}
nav[aria-label="Навигация"] a{
  color: var(--muted);
  text-decoration: none;
}
nav[aria-label="Навигация"] a:hover{
  color: var(--accent);
  text-decoration: underline;
}

/* =========================
   Мелкие улучшения
   ========================= */
section:target{
  scroll-margin-top: 14px;
  outline: 2px solid rgba(14,165,233,.25);
  outline-offset: 8px;
  border-radius: var(--radius);
}

/* На очень узких экранах */
@media (max-width: 520px){
  header[aria-labelledby="site-title"]{
    padding: 20px 16px;
  }
  header nav a{
    width: 100%;
    justify-content: center;
  }
}




























































/* ================================
   Contacts Page (Template: Контакты)
   Безопасные стили без привязки к теме
   ВАЖНО: лучше добавь <main id="primary" class="site-main contacts-page">
   или оберни шаблон в <div class="contacts-page"> ... </div>
   Тогда все стили будут только для контактов.
   ================================ */

.contacts-page,
.site-main {
  /* если нет отдельного класса, это не критично */
}

.contacts-page * {
  box-sizing: border-box;
}

.contacts-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 16px;
}

/* Заголовок и описание */
.contacts-page header {
  margin: 0 0 18px;
}

.contacts-page h1 {
  margin: 0 0 10px;
  line-height: 1.15;
  font-size: clamp(28px, 3vw, 40px);
}

.contacts-page header p {
  margin: 0;
  max-width: 78ch;
  line-height: 1.6;
  opacity: 0.9;
}

/* Хлебные крошки */
.contacts-page nav[aria-label="Хлебные крошки"] {
  margin: 16px 0 28px;
}

.contacts-page nav[aria-label="Хлебные крошки"] ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  opacity: 0.85;
}

.contacts-page nav[aria-label="Хлебные крошки"] li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.contacts-page nav[aria-label="Хлебные крошки"] li + li:before {
  content: "›";
  opacity: 0.6;
}

/* Секции */
.contacts-page section {
  margin: 0 0 28px;
  padding: 18px 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.75);
}

.contacts-page section > h2 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.25;
}

.contacts-page section > p {
  margin: 0 0 14px;
  line-height: 1.6;
  max-width: 80ch;
}

/* Контактный список */
.contacts-page section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.contacts-page section ul li {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.03);
  line-height: 1.5;
}

.contacts-page section ul li strong {
  display: inline-block;
  min-width: 120px;
}

/* Ссылки */
.contacts-page a {
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,0,0,.35);
}

.contacts-page a:hover,
.contacts-page a:focus-visible {
  border-bottom-style: solid;
}

.contacts-page a:focus-visible {
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Форма */
.contacts-page form {
  display: grid;
  gap: 12px;
  margin: 10px 0 0;
}

.contacts-page form p {
  margin: 0;
}

.contacts-page label {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 6px;
}

.contacts-page input[type="text"],
.contacts-page input[type="email"],
.contacts-page input[type="search"],
.contacts-page textarea {
  width: 100%;
  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 12px;
  background: #fff;
  font: inherit;
  line-height: 1.4;
}

.contacts-page textarea {
  resize: vertical;
  min-height: 140px;
}

.contacts-page input:focus,
.contacts-page textarea:focus {
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
}

/* Кнопка */
.contacts-page button,
.contacts-page input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  background: #111;
  color: #fff;
}

.contacts-page button:hover,
.contacts-page input[type="submit"]:hover {
  opacity: 0.92;
}

.contacts-page button:active,
.contacts-page input[type="submit"]:active {
  transform: translateY(1px);
}

.contacts-page small {
  display: inline-block;
  opacity: 0.8;
  line-height: 1.5;
}

/* Карта */
.contacts-page section iframe {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 14px;
  min-height: 320px;
}

/* FAQ (details/summary) */
.contacts-page details {
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  padding: 10px 12px;
}

.contacts-page details + details {
  margin-top: 10px;
}

.contacts-page summary {
  cursor: pointer;
  font-weight: 700;
  line-height: 1.35;
  list-style: none;
}

.contacts-page summary::-webkit-details-marker {
  display: none;
}

.contacts-page summary:after {
  content: "＋";
  float: right;
  opacity: 0.75;
}

.contacts-page details[open] summary:after {
  content: "—";
}

.contacts-page details > div,
.contacts-page details > p {
  margin-top: 10px;
}

.contacts-page details p {
  margin: 0;
  line-height: 1.6;
  opacity: 0.95;
}

/* Адаптив */
@media (min-width: 860px) {
  /* делаем верхние две секции “контакты” и “форма” аккуратнее, если стоят подряд */
  .contacts-page {
    padding: 44px 18px;
  }

  .contacts-page section {
    padding: 22px 20px;
  }

  .contacts-page section ul {
    grid-template-columns: 1fr 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contacts-page button:active,
  .contacts-page input[type="submit"]:active {
    transform: none;
  }
}