/*!
Theme Name: dg2woo-theme
Theme URI: http://underscores.me/
Author: Digital2
Author URI: https://digital2.rs
Description: Custom D2 woo integration theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dg2wootheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dg2woo-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Components
	- Navigation
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
:root {
  --main-color: rgb(255, 96, 8);
  --second-color: rgb(51, 51, 51);
  --lighter-color: rgb(238, 238, 238);
  --darker-color: rgb(140, 140, 140);
  --new-color: #5dab6f;
  /* --darker-color: rgb(255, 255, 255);
  --lighter-color: rgb(255, 255, 255);
  --second-color: #0a0a0a;
  --second-color: rgb(51, 51, 51); */
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/*.main-navigation {
  display: block;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  background-color: #ffffff;
  transition: all 0.2s ease-in;
  opacity: 0;
  visibility: hidden;
  flex-direction: column;
}

.main-navigation ul ul ul {
  left: 200px;
  top: -999em;
  opacity: 0;
}

.main-navigation ul ul a {
  width: 200px;
  padding: 10px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  opacity: 1;
  visibility: visible;
}

.main-navigation li,
.main-navigation li ul li {
  position: relative;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: 200px;
  top: 0;
  opacity: 1;
  visibility: visible;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
}
*/
.main-navigation {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 600px) {
  .main-navigation {
    justify-content: center;
  }

  .custom-logo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }

  .custom-logo img {
    max-width: 60%;
  }
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-navigation ul>li {
  display: inline-block;
}

.main-navigation ul>a {
  display: block;
}

.main-navigation ul li {
  position: relative;
}

.main-navigation ul li ul {
  position: absolute;
  background-color: #ffffff;
  width: 180px;
  left: 0;
  display: none;
  top: auto;
  z-index: 9;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  border: 1px solid #eee;
}

.main-navigation ul li ul li {
  display: block;
}

.main-navigation ul li ul li:hover>ul {
  display: block;
  animation: slideleft 0.3s ease;
}

.main-navigation ul li ul li:hover>ul {
  display: block;
  animation: slideright 0.3s ease;
}

.main-navigation ul li ul ul {
  left: 100%;
  top: 0;
}

@media (max-width:1500px) {
  .main-navigation ul li:last-child ul {
    left: -50%;
  }

  .main-navigation ul li:last-child ul li ul,
  .main-navigation ul li.i-have-kids:nth-last-child(2) ul li ul {
    left: -100%;
    top: 0;
  }
}

.main-navigation ul li:hover>ul {
  display: block;
  animation: slideup 0.3s ease;
}

.main-navigation ul a {
  text-decoration: none;
  color: var(--second-color);
  display: block;
  transition: background-color 0.22s ease, color 0.22s ease;
  padding: 0.5rem 1rem 0.5rem 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 500;
}

.main-navigation ul a:hover {
  color: var(--second-color);
}

.main-navigation ul ul a {
  padding: 0.5rem 0.8rem;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(1rem);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

#bottom-menu-mobile {
  padding: 0;
  margin: 0;
  list-style: none;
}

#bottom-menu-mobile li a {
  padding: 5px;
  font-size: 1rem;
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.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;
}

.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: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*****************************
more styles
******************************/
body {
  font-family: "Open Sans", sans-serif;
}

.container {
  max-width: 1420px;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font: 1.4rem;
}

a {
  color: var(--second-color);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--main-color);
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* svg icons */
#user .cls-1 {
  fill: var(--second-color);
}

#user .cls-2 {
  fill: var(--main-color);
}

.site-header .menu {
  width: 100%;
}

.top-header {
  background-color: var(--second-color);
  color: var(--lighter-color);
}

ul#top-menu {
  justify-content: right;
}

/* top menu */
#top-navigation.main-navigation a {
  color: var(--darker-color);
  text-transform: none;
}

#top-navigation.main-navigation a:hover,
#top-navigation.main-navigation a:focus {
  color: #f1f1f1;
}

#top-navigation.main-navigation ul ul li a {
  color: var(--second-color);
}

#top-navigation.main-navigation ul ul li a:hover,
#top-navigation.main-navigation ul ul li a:focus {
  color: var(--second-color);
}

ul#bottom-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* header search */
.header-search {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.header-search form {
  width: 100%;
}

.header-search form>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid rgb(193 193 193);
  border-radius: 25px;
  overflow: hidden;
}

.header-search form input[type="search"] {
  width: 100%;
  padding: 13px 25px;
  border: none;
  margin-right: 1rem;
  background-color: transparent;
}

.header-search form input[type="search"]:focus {
  outline: none;
  background-color: #fefefe;
}

.header-search form button {
  color: var(--lighter-color);
  border: none;
  background-color: transparent;
  padding: 5px 25px;
  border-radius: 5px;
}

.header-search form button svg {
  width: 23px;
  height: 23px;
}

.site-branding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.custom-logo img {
  width: auto;
}

/* mini cart */
.header-mini-cart-icon {
  position: relative;
  padding: 5px 1rem;
}

.header-mini-cart-icon svg {
  width: 30px;
  height: auto;
  fill: var(--second-color);
}

.header-mini-cart-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header-mini-cart-link .amount {
  font-size: 0.8rem;
}

.header-mini-cart-link span.counts {
  position: absolute;
  left: 6px;
  top: 2px;
  font-size: 0.5rem;
  font-weight: 400;
  background: var(--main-color);
  padding: 5px 7px;
  border-radius: 20px;
  line-height: 1;
  color: #ffffff;
}

.header-mini-cart {
  /* display: none; */
  position: absolute;
  top: auto;
  right: 0;
  background-color: #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 1rem;
  font-size: 0.875rem;
  width: 300px;
  z-index: 9;
}

.header-side-mini-cart {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  background-color: #ffffff;
  box-shadow: none;
  padding: 0;
  font-size: 0.875rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.header-side-mini-cart .widget_shopping_cart {
  height: 100%;
}

.header-side-mini-cart .widget_shopping_cart_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}

.header-mini-cart-icon:hover .header-mini-cart {
  display: block;
}

.header-mini-cart ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-mini-cart ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

.header-mini-cart ul li a {
  color: var(--second-color);
  text-decoration: none;
}

.header-mini-cart ul li a.remove_from_cart_button {
  order: 3;
  background: rgb(241, 158, 158);
  color: #ffffff;
  padding: 5px;
  border-radius: 3px;
}

.header-mini-cart ul li img {
  max-width: 60px;
}

.header-mini-cart .woocommerce-mini-cart__total {
  display: flex;
  justify-content: end;
  align-items: center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 5px 0;
  margin: 1rem 0;
  gap: 1rem;
}

.header-mini-cart .woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-mini-cart .button {
  margin-right: 1rem;
  padding: 5px 15px;
  border-radius: 15px;
  color: var(--second-color);
  text-decoration: none;
  background-color: var(--lighter-color);
}

.header-mini-cart .button.checkout {
  background-color: var(--main-color);
  color: var(--second-color);
  text-decoration: none;
}

.header-bottom {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.header-bottom .cat-item {
  position: relative;
}

.header-bottom .i-have-kids:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(33,33,33,1)'/%3E%3C/svg%3E");
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  color: #333333;
  right: 1px;
  top: 8px;
}

.header-bottom ul ul li.i-have-kids:before {
  transform: rotate(-90deg);
  right: 25px;
  top: 22px;
}

.social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* .social a {
  background: var(--darker-color);
} */
.social a svg {
  margin: 5px;
  width: 30px;
  height: 30px;
  fill: var(--darker-color);
}

.social a.round svg {
  border-radius: 25px;
  margin: 5px;
}

.social a svg:hover {
  fill: var(--main-color);
}

@media (max-width: 600px) {
  .social {
    justify-content: center;
  }
}

.header-user {
  min-width: 100px;
  margin-right: 1rem;
}

.header-user svg {
  width: 25px;
  height: 25px;
}

.header-user a {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  justify-content: space-around;
  line-height: 1;
  align-items: end;
}

.header-user a small {
  display: block;
  font-size: 0.625rem;
  color: var(--darker-color);
}

/* woocommerce widget - filters */
.widget-area .widget-title {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--second-color);
  /* background-color: var(--lighter-color); */
  padding: 1rem 1.6rem 1rem 2.5rem;
  letter-spacing: 1px;
  border-bottom: 1px solid rgba(139, 139, 139, 0.2);
  position: relative;
}

.widget-area .widget .widget-title:before {
  content: "-";
  font-size: 1.2rem;
  position: absolute;
  left: 1rem;
  top: 47%;
  transform: translateY(-50%);
}

.widget-area .widget.hide .widget-title:before {
  content: "+";
  top: 50%;
}

.widget-area .widget ul.product-categories,
.widget-area .widget ul.woocommerce-widget-layered-nav-list {
  padding: 1rem;
  font-size: 0.9rem;
  list-style: none;
  font-weight: 600;
  margin: 0;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  transition: height 0.5s ease, padding 0.5s ease;
}

.widget-area span.count {
  color: var(--darker-color);
}

.widget-area .widget ul.product-categories span.count {
  position: absolute;
  right: 1rem;
}

.widget-area a {
  text-transform: uppercase;
  padding: 4px 0;
  display: inline-block;
}

.widget-area .widget ul.product-categories ul {
  list-style: none;
}

.widget-area .widget ul.product-categories ul a {
  text-transform: none;
}

.widget-area ul .current-cat>a,
.widget-area ul .chosen>a {
  color: var(--main-color);
  text-transform: uppercase;
}

.widget-area .widget ul.woocommerce-widget-layered-nav-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.widget-area .widget.hide ul.product-categories,
.widget-area .widget.hide ul.woocommerce-widget-layered-nav-list {
  height: 0;
  padding: 0 1rem;
}

.woocommerce-products-header,
.page-header {
  padding: 3rem 2rem;
  background-color: var(--lighter-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.woocommerce-result-count {
  color: var(--darker-color);
  font-size: 0.825rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

select.orderby {
  border: 1px solid #eeeeee;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 0.825rem;
}

/* product loop */
ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  transition: box-shadow 0.3s ease-in-out;
}

ul.products li.product:hover {
  box-shadow: 4px 5px 19px rgb(0 0 0 / 10%);
}

ul.products li.product .woocommerce-loop-product__link {
  order: 1;
}

ul.products li.product .button {
  order: 3;
}

.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

h2.woocommerce-loop-product__title {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.7rem;
  margin-top: 0;
}

.products span.price {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 0.4rem;
  /* order: 3; */
}

.woo-meta {
  font-size: 0.825rem;
  color: var(--darker-color);
}

.woo-id {
  font-weight: 700;
  color: #666;
}

.woo-categories {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--darker-color);
  order: 2;
  min-height: 2.5rem;
}

.woo-categories a {
  color: var(--darker-color);
}

.woo-categories a:hover,
.woo-categories a:focus {
  color: var(--main-color);
}

.woo-description {
  font-size: 0.825rem;
  color: var(--darker-color);
  min-height: 1.8rem;
  max-height: 1.8rem;
  line-height: 1.2;
  margin-bottom: 0.7rem;
}

.woo-colors {
  order: 2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 0.7rem;
  min-height: 46px;
  max-width: 100%;
}

.woo-colors div {
  border: 1px solid var(--lighter-color);
  padding: 2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 20px;
}

.woo-colors div:hover {
  border-color: var(--darker-color);
  opacity: 0.9;
}

.woo-sizes {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  order: 2;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.woo-sizes div {
  border: 1px solid var(--lighter-color);
  border-radius: 5px;
  padding: 2px 2px;
  min-width: 30px;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--darker-color);
  text-align: center;
}

ul.products li.product .button {
  align-self: flex-end;
}

ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

span.page-numbers.current,
a.page-numbers {
  padding: 0px;
  background: var(--main-color);
  border-radius: 2.5rem;
  font-size: 0.8rem;
  width: 40px;
  height: 40px;
  color: #ffffff;
  margin: 10px;
  display: inline-block;
  text-align: center;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

@media screen and (max-width: 500px) {
  .woo-colors {
    min-height: 30px;
    max-width: 100%;
    justify-content: center;
    width: 100%;
  }

  .woo-categories {
    min-height: 2rem;
    width: 100%;
  }

  .woo-colors div {
    width: 25px;
    height: 25px;
  }

  ul.products li.product .button {
    align-self: center;
  }

  .woocommerce-LoopProduct-link {
    align-items: center;
  }

  span.page-numbers.current,
  a.page-numbers {
    width: 20px;
    height: 20px;
  }
}

a.page-numbers {
  background: transparent;
  color: var(--second-color);
}

a.page-numbers:hover,
a.page-numbers :focus {
  background: var(--lighter-color);
}

/* product page */
h1.product_title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.product .price {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.product .variations .label {
  display: none;
}

.product .variations .value {
  display: inline-block;
  margin-left: 0;
  max-width: 400px;
}

.woocommerce-product-details__short-description {
  color: var(--darker-color);
  margin-bottom: 1.6rem;
}

.variations #variation_pa_size .value span.phoen_swatches {
  font-size: 0.825rem;
}

.reset_variations {
  font-size: 0.65rem;
  color: var(--darker-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.single_variation_wrap {
  border-bottom: 1px solid var(--lighter-color);
  border-top: 1px solid var(--lighter-color);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.woocommerce-variation-price .price {
  font-size: 1.2rem;
}

.single_variation {
  margin-bottom: 1rem;
}

.variations_button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.container.product {
  margin-top: 1rem;
}

.input-text.qty {
  margin-right: 1rem;
}

.product_meta {
  font-size: 0.85rem;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  flex-direction: column;
  margin: 1rem 0;
  color: var(--darker-color);
  text-transform: uppercase;
}

.product_meta .sku_wrapper {
  margin-bottom: 10px;
}

.product_meta .sku_wrapper span {
  color: #000000;
}

.posted_in a:hover {
  color: var(--main-color);
}

/* tabs */
#tab-description p {
  color: var(--second-color);
}

.shop_attributes {
  width: 100%;
}

@media (min-width: 800px) {
  .shop_attributes {
    width: 60%;
  }
}

.shop_attributes tr {
  border-bottom: 1px solid #f0f0f0;
}

.shop_attributes tr td {
  padding: 0.5rem;
}

.zalihe_information_tab_content table {
  width: 100%;
}

.zalihe_information_tab_content table th {
  background-color: var(--lighter-color);
  padding: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.zalihe_information_tab_content table td {
  padding: 0.5rem;
  font-size: 0.8rem;
  vertical-align: top;
}

.zalihe_information_tab_content table tr {
  border-bottom: 1px solid #eee;
}

.zalihe_information_tab_content table td .dg2-tabela-boja-span {
  border-radius: 25px;
  border: 1px solid #f7f7f7;
}

/* form polja */
input,
input[type="number"],
input[type="text"],
textarea {
  border: 1px solid var(--lighter-color);
  padding: 6px 10px;
  font-size: 1rem;
  border-radius: 5px;
}

input:focus-visible {
  outline-color: #eeeeee;
}

::placeholder {
  font-size: 0.6rem;
  /* text-transform: uppercase; */
  color: rgb(175, 175, 175);
  letter-spacing: 1px;
}

button,
.button {
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 0.625rem;
  letter-spacing: 1px;
  padding: 0.7rem 1.3rem;
  width: auto;
  border-radius: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  display: inline-block;
}

.button:hover,
.button:focus {
  background-color: rgb(223 85 8);
  color: #ffffff;
}

/**cart  */
.shop_table {
  width: 100%;
}

.shop_table tr {
  border-bottom: 1px solid #eeeeee;
}

.shop_table td,
.shop_table th {
  padding: 1rem;
}

.shop_table th {
  font-size: 0.9rem;
  text-transform: uppercase;
}

.shop_table th.product-thumbnail {
  width: 150px;
}

.cart_item img {
  max-width: 120px;
}

.cart_item .product-name a {
  font-weight: 700;
}

.cart_item .product-remove a {
  padding: 5px 12px;
  background-color: var(--darker-color);
  color: #ffffff;
  font-weight: 700;
}

.cart_item .product-remove a:hover {
  background-color: var(--second-color);
}

.dg2woo-editcart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.dg2woo-editcart label {
  text-transform: uppercase;
  font-size: 0.9rem;
}

.dg2woo-editcart .button {
  background-color: #6d6d6d;
}

.dg2woo-editcart .button:hover {
  background-color: var(--second-color);
}

.cart_totals {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.cart_totals h2 {
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
}

.wc-proceed-to-checkout {
  padding: 2rem 1rem;
  display: flex;
  justify-content: flex-end;
}

.cart_totals table.shop_table_responsive tr th,
.cart_totals table.shop_table_responsive tr td {
  text-align: right;
}

#customer_details .col-1,
#customer_details .col-2 {
  width: 100%;
}

.checkout.woocommerce-checkout h3 {
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
}

.checkout.woocommerce-checkout .dg2woo-forma {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

#customer_details,
#order_review {
  flex-basis: 100%;
}

@media (min-width: 800px) {
  .checkout.woocommerce-checkout .dg2woo-forma {
    flex-direction: row;
  }

  #customer_details,
  #order_review {
    flex-basis: 48%;
  }
}

#customer_details .col-2 {
  margin-top: 2rem;
  margin-bottom: 15rem;
}

.form-row>label {
  margin: 1.2rem 0 0.2rem 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--second-color);
}

.woocommerce-billing-fields__field-wrapper input[type="text"],
.woocommerce-billing-fields__field-wrapper input[type="tel"],
.woocommerce-billing-fields__field-wrapper input[type="email"] {
  display: inline-block;
  width: 100%;
  background-color: #f7f7f7;
  margin: 5px 0;
  padding: 10px;
}

#billing_type_field {
  clear: both;
}

#billing_type_field>label {
  display: block;
  padding: 1.2rem 0 0.2rem 0;
}

#billing_type_field .woocommerce-input-wrapper label {
  margin-right: 2rem;
  margin-left: 5px;
  line-height: 1rem;
  display: block;
}

.required {
  font-size: 10px;
  opacity: 0.5;
  text-decoration: none;
  color: var(--main-color);
}

abbr[title] {
  text-decoration: none;
}

.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table td {
  border: 1px solid #eee;
  border-collapse: collapse;
}

.woocommerce-checkout-review-order-table td {
  font-size: 0.9rem;
}

.checkout.woocommerce-checkout .select2-container .select2-selection--single {
  height: 48px;
}

.checkout.woocommerce-checkout .select2-container--default .select2-selection--single {
  border: 1px solid #eee;
  background-color: #f7f7f7;
}

.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}

.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
}

#order_comments_field textarea {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  min-height: 160px;
}

.wc_payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 1.2rem;
}

.wc_payment_methods label {
  line-height: 1;
  margin: 1rem 0 0.6rem 0;
}

.payment_box {
  padding: 0.5rem 1rem 1rem 1rem;
  font-size: 0.8rem;
  color: var(--second-color);
}

.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 var(--main-color);
}

.radio {
  margin: 0.5rem;
}

input[type="radio"] {
  position: absolute;
  opacity: 0;
}

input[type="radio"]+label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

input[type="radio"]:checked+label:before {
  background-color: var(--main-color);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

input[type="radio"]:focus+label:before {
  outline: none;
  border-color: #3197ee;
}

input[type="radio"]:disabled+label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

input[type="radio"]+label:empty:before {
  margin-right: 0;
}

#shipping_method {
  list-style: none;
  padding: 0;
  margin: 0;
}

#shipping_method label {
  line-height: 1;
  margin: 1rem 0;
}

.woocommerce-privacy-policy-text {
  font-size: 0.9rem;
  padding: 2rem 1rem;
  color: #666;
}

.woocommerce-privacy-policy-text a {
  color: var(--main-color);
}

button#place_order {
  font-size: 0.9rem;
  padding: 0.6rem 5rem;
  float: right;
}

.woocommerce-error {
  list-style: none;
  padding: 0;
  margin: 1rem;
}

.dgwoo-thankyou p {
  display: none;
}

.dgwoo-thankyou {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 800px) {
  .dgwoo-thankyou {
    flex-direction: row;
  }

  .dgwoo-thankyou>.dg2woo-col2 {
    flex: 1;
  }

  .dgwoo-thankyou>div {}

  .dg2woo-col1 {
    flex-basis: 40%;
    padding: 0 0 2rem 0;
  }
}

.woocommerce-columns--addresses {}

.woocommerce-columns--addresses .col-1,
.woocommerce-columns--addresses .col-2 {
  width: 80%;
}

.dg2woo-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  padding-bottom: 1rem;
  border-bottom: 1px solid #efefef;
  margin-bottom: 2rem;
}

.dg2woo-title h2 {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: var(--second-color);
  margin-bottom: 0;
  margin-top: 1rem;
}

.dg2woo-title p {
  text-transform: uppercase;
  font-size: 0.9rem;
}

.dg2woo-title p.woocommerce-notice--success {
  color: seagreen;
}

.dg2woo-title p.woocommerce-notice--error {
  color: rgb(173, 47, 24);
}

.dg2woo-col2 .shop_table th,
.dg2woo-col2 .shop_table td {
  padding: 0.6rem;
}

.dgwoo-thankyou .order_details {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-right: 4rem;
}

.dgwoo-thankyou .order_details li {
  padding: 0.3rem 0.5rem;
}

.woocommerce-customer-details {
  padding: 1rem 0.5rem;
}

.woocommerce-customer-details h2 {
  font-size: 1rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.site-footer {
  padding: 2rem 0 1rem 0;
  background-color: var(--second-color);
  margin-top: 3rem;
  color: #b4b4b4;
  border-top: 5px solid var(--second-color);
}

.site-info {
  text-align: center;
  font-size: 0.7rem;
  padding: 1.5rem 0.7rem 0.5rem 0px;
}

.dg2-colors-widget {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.dg2-colors-widget li {
  width: auto;
  height: auto;
  display: block;
  margin: 5px;
}

.dg2-colors-widget li a {
  width: 25px;
  height: 25px;
  padding: 15px;
  border-radius: 25px;
  border: 1px solid #f0f0f0;
}

.woocommerce-variation-price .load,
.woocommerce-variation-price .nema {
  font-size: 0.7rem;
  text-transform: uppercase;
}

/* posts, pages and block styles */
.alignwide {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1400px) {
  .alignfull {
    margin-left: -6rem;
    margin-right: -6rem;
  }
}

.alignfull {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1400px) {
  .alignfull {
    margin-left: calc(-1 * (100vw - 1400) / 2);
    margin-right: calc(-1 * (100vw - 1400) / 2);
  }
}

.has-main-color-background-color {
  background-color: var(--main-color);
}

.has-second-color-background-color {
  background-color: var(--second-color);
}

.has-main-color-color {
  color: var(--main-color);
}

.has-second-color-color {
  color: var(--second-color);
}

.swiper-slide ul.products li.product .button {
  display: none;
}

footer img {
  width: auto;
}

footer .widget {
  font-size: 0.825rem;
}

footer a {
  color: #b4b4b4;
}

footer .widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer h2.widget-title {
  color: #f7f7f7;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

.textwidget p {
  margin-bottom: 0.5rem;
}

/* posts and pages */
.page .entry-content {
  max-width: 100%;
  margin: 1rem auto;
}

.page .entry-content p,
.post .entry-content p {
  color: var(--second-color);
  line-height: 1.7;
  margin-bottom: 1.3em;
}

.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6 {
  margin-bottom: 1.3rem;
}

.post .entry-content h1,
.post .entry-content h2,
.post .entry-content h3,
.post .entry-content h4,
.post .entry-content h5,
.post .entry-content h6 {
  margin-bottom: 1.3rem;
}

@media screen and (min-width: 1100px) {
  .page .entry-content {
    max-width: 90%;
  }
}

.wp-block-getbowtied-carousel {
  overflow: hidden;
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: calc(30% - var(--wp--style--block-gap, 2em) / 2) !important;
    flex-grow: 0;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    margin-left: var(--wp--style--block-gap, 2em);
  }
}

#wooswipe .thumbnails {
  height: auto;
}

#sidenavCart {
  height: 100vh;
  width: 350px;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: auto;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  transform: translate3d(100%, 0, 0);
  box-shadow: 0px 10px 10px rgb(0 0 0 / 50%);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.top-close {
  background: var(--second-color);
  padding: 1rem 0;
  text-align: right;
}

.top-close a {
  color: #ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-close svg {
  margin: 0 1rem;
}

.top-close svg,
.top-close path {
  fill: #ffffff;
}

p.woocommerce-mini-cart__empty-message {
  padding: 1rem;
}

.zalihe {
  font-size: 13px;
  background: var(--lighter-color);
  display: inline-block;
  padding: 2px 10px;
  border-radius: 8px;
}

.variations_form.cart {
  max-width: 95%;
}

.widget-area {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  border: none;
}

#sidenavCart {}

.header-mobile {
  /* height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fefefe;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px; */
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  right: auto;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  transform: translate3d(-124%, 0, 0);
  box-shadow: 0px 10px 10px rgb(0 0 0 / 50%);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.closebtn {
  display: block;
  text-align: right;
}

.closebtn svg {
  fill: #000000;
}

#bottom-menu-mobile li a {
  font-size: 1.3rem;
}

#bottom-menu-mobile .i-have-kids {
  position: relative;
}

#bottom-menu-mobile span {
  position: absolute;
  right: 10px;
  font-size: 25px;
  top: 0;
  transition: transform 350ms ease;
}

#bottom-menu-mobile span.active {
  transform: rotate(45deg);
}

#bottom-menu-mobile .i-have-kids ul,
#bottom-menu-mobile .i-have-kids ul ul {
  display: none;
}

div#topside-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

div#topside-menu ul li a {
  padding: 10px 5px;
}

.style-2 #main-menu {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0
}

.style-2 #main-menu li a {
  padding: 1rem 0 1rem 1.5rem;
  display: block;
  text-transform: none;
  font-size: 16px;
}

.style-2 #main-menu li a:hover {
  color: var(--main-color);
}

.style-2 #main-menu li li a {
  padding: 0.5rem;
  display: block;
}

.style-2 #mainside-menu {
  padding: 0;
  margin: 0 0 0 5px;
  list-style: none;
  font-size: 1.3rem;
}

.style-2 #mainside-menu li a {
  display: block;
  padding-bottom: 5px;
}

.style-2 .header-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.style-2 #category-navigation {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-left: 0;
  background-color: var(--main-color)
}

.style-2 ul#bottom-menu,
.style-2 ul#bottom-menu li {
  display: block;
}

.style-2 ul#bottom-menu>li>ul {
  width: 100%;
  /* top: 47px; */
}

.style-2 ul#bottom-menu li a {
  padding-left: 1rem;
}

.style-2 .header-bottom .i-have-kids:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
  right: 25px;
  top: 15px;
}

.style-2 ul#bottom-menu>li>a:first-child {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.style-2 .header-bottom ul li ul li.i-have-kids:before {
  top: 22px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(143,143,143,1)'/%3E%3C/svg%3E");
}

/* .style-2 ul#bottom-menu,
.style-2 ul#bottom-menu li {
  height: 100%;
  width: 100%;
}

.style-2 ul#bottom-menu>li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
} */
header.style-3 {
  margin-bottom: 1rem;
}

header.style-3 .main-navigation {
  flex-grow: 0;
}

header.style-3 .header-bottom {
  background-color: var(--main-color);
  border-top: none;
  border-bottom: none;
  padding-top: 4px;
  padding-bottom: 4px;
}

header.style-3 .dgwt-wcas-search-wrapp {
  max-width: 100%;
}

header.style-3 .pretraga-title {
  color: #ffffff;
}

header.style-3 .social a svg {
  fill: #ffffff;
}

header.style-3 .main-navigation ul li ul {
  box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  border: 1px solid #eee;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 2px solid var(--main-color);
}

header.style-3 .top-header {
  border-bottom: 1px solid #dcdcdc;
  background-color: : var(--lighter-color);
  color: #595959;
}

header.style-3 .top-header__right {
  text-align: right;
  font-size: 14px;
}

.style-3 #bottom-menu li {
  padding-right: 10px;
  margin-right: 20px;
}

.style-3 .i-have-kids:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(33,33,33,1)'/%3E%3C/svg%3E");
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  color: #333333;
  right: 10px;
  top: 8px;
}

.style-3 ul li ul .i-have-kids:before {
  transform: rotate(-90deg);
  top: 23px;
  right: 5px;
}