/*=============== VARIABLES CSS ===============*/

:root {
  /*========== Colors ==========*/
  --color-primary: #434348;
  --color-secondary: #ea1f4c;
  --color-text: #434348;
  --color-background: #eef1ef;
  --color-gray: #f2f2f2;
  --color-border-gray: #f1f1f1;
  --color-white: #fff;
  --color-yellow: #f7db6a;

  /*========== Font and typography ==========*/
  --h1-font-size: 3rem;
  --h2-font-size: 2.6rem;
  --h3-font-size: 2.4rem;
  --h4-font-size: 2rem;
  --h5-font-size: 1.8rem;
  --normal-font-size: 1.6rem;
  --small-font-size: 1.4rem;
  --smaller-font-size: 1.2rem;

  /*========== Font weight ==========*/
  --light-font-weight: 300;
  --normal-font-weight: 400;
  --medium-font-weight: 500;
  --semi-bold-font-weight: 600;
  --bold-font-weight: 700;

  /*========== Line height ==========*/
  --line-height-big: 2em;
  --line-height-normal: 1.75em;
  --line-height-small: 1.5em;
  --line-height-smaller: 1.33em;
  --transition-time: 0.4s;
}

/*=============== BASE ===============*/
*:not(ul, li, ol) {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

::selection {
  background-color: var(--color-secondary);
}

::-moz-selection {
  background-color: var(--color-secondary);
}

::-webkit-input-placeholder {
  font-size: var(--small-font-size);
  font-weight: var(--normal-font-weight);
}

:-moz-placeholder {
  font-size: var(--small-font-size);
  font-weight: var(--normal-font-weight);
}

::-moz-placeholder {
  font-size: var(--small-font-size);
  font-weight: var(--normal-font-weight);
}

:-ms-input-placeholder {
  font-size: var(--small-font-size);
  font-weight: var(--normal-font-weight);
}

/* table */
table {
  margin-bottom: 25px;
  border-collapse: collapse;
}

tr {
  border-bottom: 1px solid var(--color-primary);
}

tr:nth-child(even) {
  background-color: var(--color-gray);
}

th {
  height: 37px;
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

td {
  min-width: 110px;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}

input:hover,
textarea:hover {
  border: 1px solid var(--color-primary);
}

input:focus,
textarea:focus {
  border: 1px solid var(--color-secondary);
}

.elementor-text-editor p:last-of-type,
.elementor-widget-container p:last-of-type,
.elementor-text-editor p:last-child,
.elementor-widget-container p:last-child {
  margin: 0;
}

.elementor-widget-container p img {
  margin-bottom: 15px;
}

/*****************************************************************/
.elementor-widget-container p a {
  transition: all var(--transition-time);
  text-decoration: underline;
  text-decoration-color: transparent;
}

.elementor-widget-container p a:hover {
  text-decoration: underline;
}
/*****************************************************************/

/*=============== HEADER ===============*/

/*cart-icon*/
.hartnagel--header--nav-menu--mobile .elementor-menu-toggle {
  padding: 0;
}

.elementor-menu-cart__toggle .elementor-button-icon i:before {
  display: block;
  content: "" !important;
  width: 22px;
  height: 22px;
  background: url("../images/shopping-cart.svg") no-repeat center / contain;
}

.hartnagel--header--menu-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
  top: 1.3em !important;
  right: -1.1em !important;
  font-size: 14px !important;
  z-index: 54;
  background-color: var(--color-yellow) !important;
  color: var(--color-primary) !important;
}

/*Search field*/
@media only screen and (min-width: 1350px) {
  .aws-wrapper {
    width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .aws-container .aws-search-form {
    width: 320px !important;
  }
}

.aws-container .aws-search-form {
  top: 1px;
  height: 44px;
}

.aws-container .aws-search-form .aws-form-btn {
  border: 1px solid var(--color-primary);
  border-radius: 0 8px 8px 0 !important;
  background: var(--color-yellow);
}

.aws-container .aws-search-field {
  border: 1px solid var(--color-primary);
  border-radius: 8px 0 0 8px !important;
}

.aws-container .aws-search-field,
.aws-container .aws-search-field::-webkit-input-placeholder {
  color: var(--color-primary);
  font-size: var(--small-font-size);
}

.aws-container .aws-show-clear .aws-search-field {
  padding-left: 20px;
  background: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .aws-container .aws-show-clear .aws-search-field {
    background: transparent !important;
  }
}

.aws-container .aws-search-form .aws-search-btn {
  width: 45px;
}

.aws-container .aws-search-form .aws-search-btn_icon {
  width: 45px;
  color: var(--color-white);
}

.aws-search-result .aws_result_title {
  color: var(--color-primary) !important;
  font-weight: var(--medium-font-weight);
}

.aws-search-result .aws_result_excerpt {
  color: var(--color-primary) !important;
  padding-bottom: 5px;
}

.aws_result_price ins {
  color: var(--color-secondary);
  font-size: var(--normal-font-size);
  font-weight: var(--medium-font-weight);
  text-decoration: none;
}

.aws_result_price bdi {
  color: var(--color-secondary);
  font-size: var(--normal-font-size);
  font-weight: var(--medium-font-weight);
}
/*End Search field*/

/*Sidecart*/

.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__container .elementor-menu-cart__main .elementor-menu-cart__close-button {
  right: -15px;
  width: 44px;
  height: 44px;
  margin: 0;
  background-color: var(--color-primary);
}

.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__container .elementor-menu-cart__main .elementor-menu-cart__close-button::before,
.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__container .elementor-menu-cart__main .elementor-menu-cart__close-button::after {
  top: 20px;
  left: 11px;
  width: 50%;
  height: 1px;
  background-color: var(--color-white);
}

.hartnagel-menu--mini-cart--home-menu--element.elementor-element .elementor-menu-cart__product-remove.product-remove {
  overflow: visible;
}

div.elementor-menu-cart__product-remove.product-remove {
  border: none;
  overflow: visible;
}

.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__products .elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove:before {
  display: block;
  content: "";
  width: 18px;
  height: 20px;
  background: url("../images/icon-trash.svg") no-repeat center / contain;
  transform: translate(-50%, -50%);
}

.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__products .elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove::after {
  display: none;
}

html[lang="sl-SI"] .hartnagel--header--menu-cart.elementor-element .widget_shopping_cart_content::before {
  content: "Košarica";
}

.hartnagel--header--menu-cart.elementor-element .widget_shopping_cart_content::before {
  display: block;
  padding-bottom: 16px;
  margin-bottom: 32px;
  border-bottom: 4px solid var(--color-primary);
  font-size: var(--h1-font-size);
  font-weight: var(--bold-font-weight);
  line-height: var(--line-height-smaller);
}

.hartnagel--header--menu-cart.elementor-element .elementor-menu-cart__subtotal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.widget_shopping_cart_content .elementor-menu-cart__footer-buttons {
  display: flex;
  flex-direction: column;
}

.widget_shopping_cart_content .tc-epo-metadata.variation {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .hartnagel--main-menu__menu-item__hide-desktop {
    display: none !important;
  }
}

.hartnagel--header--sticky-logo {
  display: none;
}

.hartnagel-sticky-header--active.hartnagel--header--menu-wrapper.desktop-sticky .hartnagel--header--sticky-logo {
  display: block;
}

/*Sticky Header Destkop*/

/*Breadcrumbs*/

.breadcrumbs-element .rank-math-breadcrumb {
  font-size: var(--smaller-font-size);
  font-weight: var(--normal-font-weight);
  line-height: var(--line-height-small);
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs-element .rank-math-breadcrumb {
    font-size: var(--smaller-font-size);
    line-height: var(--line-height-smaller);
  }
}

.breadcrumbs-element .rank-math-breadcrumb .separator {
  padding: 0 0.3em;
}

.breadcrumbs-element .rank-math-breadcrumb a {
  color: var(--color-primary);
  transition: var(--transition-time) ease-in-out;
}

.breadcrumbs-element .rank-math-breadcrumb a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

/*=============== Home page ===============*/

/*Slides*/

@media (min-width: 1025px) {
  .hartnagel--slides--navigation__arrows .elementor-swiper-button {
    margin: 0 20px;
    padding: 15px;
    background-color: var(--color-primary);
    transition: all var(--transition-time);
  }
  .hartnagel--slides--navigation__arrows .elementor-swiper-button:hover {
    background-color: var(--color-secondary);
  }
}

@media (max-width: 768px) {
  .hartnagel--slides--tittle .swiper-slide-inner {
    text-align: center !important;
  }
  .hartnagel--slides--tittle .swiper-slide-inner .hartnagel--slider-tittle {
    line-height: 1.5em;
  }
}

.hartnagel--slider-tittle {
  color: var(--color-white);
  text-shadow: 1px 1px 0 var(--color-primary), -1px -1px 0 var(--color-primary), 1px -1px 0 var(--color-primary), -1px 1px 0 var(--color-primary), 1px 1px 0 var(--color-primary);
}

/*Category listing*/

.hartnagel--index-page--category-icon-box .elementor-icon-box-wrapper {
  border-top-right-radius: 8px;
  background: linear-gradient(90deg, transparent 1%, #ea1f4c 10%);
}

.hartnagel--index-page--category-icon-box .elementor-icon .st0 {
  fill: var(--color-primary) !important;
}

.hartnagel--index-page--category-icon-box .elementor-icon-box-wrapper .elementor-icon.elementor-animation- {
  border-top-left-radius: 8px;
}

.hartnagel--index-page--category-image {
  filter: grayscale();
  transition: all var(--transition-time);
}

.hartnagel--index-page--category-image:hover {
  filter: grayscale(50%);
}

@media (max-width: 768px) {
  .hartnagel--index-page--category-icon-box .elementor-widget-container .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: center;
  }

  .hartnagel--index-page--category-icon-box .elementor-widget-container .elementor-icon-box-content {
    margin-left: 12px;
  }

  .hartnagel--index-page--category-icon-box .elementor-widget-container .elementor-icon-box-icon {
    margin-bottom: -10px !important;
  }
}

.hartnagel--index-page--category-icon-list .elementor-icon-list-text:hover {
  text-decoration: underline;
}

/*=============== Blog page ===============*/
.hartnagel--posts .elementor-post__excerpt {
  max-width: 80%;
  font-size: var(--small-font-size);
}

/*=============== Single page - privacy page ===============*/

.hartnagel--single-page--post-content h4:not(:first-of-type) {
  margin-top: 36px;
  margin-bottom: 4px;
}

.hartnagel--single-page--post-content p a {
  color: var(--e-global-color-secondary);
}

/*=============== Contact page ===============*/

.elementor-field-type-radio.elementor-field-group.elementor-field-group-mi_fi_form__radio_button {
  margin-left: 20px !important;
  padding-bottom: 10px;
  font-size: var(--small-font-size);
  font-weight: var(--bold-font-weight);
}

.elementor-field-option input[type="radio"] {
  margin-right: 7px;
}

.elementor-field-type-text.elementor-field-group-mi_fi_form_company {
  padding-top: 30px;
  border-top: 1px solid var(--color-secondary);
}

#form-field-mi_fi_form_text_form {
  padding: 20px;
}

.elementor-field-type-textarea.elementor-field-group-mi_fi_form_text_form {
  padding-bottom: 20px;
}

.elementor-form--acceptence-text {
  margin-bottom: -10px;
}

.elementor-field-type-acceptance.elementor-field-group-mi_fi_form_acceptence1 {
  margin-bottom: 0 !important;
}
.elementor-field-type-acceptance.elementor-field-group-mi_fi_form_acceptence2 {
  margin-bottom: 30px !important;
  text-decoration: underline;
}

.elementor-field-type-acceptance.elementor-field-group-mi_fi_form_acceptence1,
.elementor-field-type-acceptance.elementor-field-group-mi_fi_form_acceptence2 {
  margin-left: 20px;
  font-size: var(--smaller-font-size);
  line-height: var(--line-height-big);
}

.elementor-field-type-acceptance input[type="checkbox"] {
  margin-right: 5px;
}

/*=============== Footer ===============*/

/*Copy right*/

@media (max-width: 768px) {
  .elementor-widget-container .webtim-copyright--container .author__wrapper {
    display: inline-flex;
    padding-left: 5px;
  }
  .webtim-copyright--container .content {
    display: grid;
    grid-gap: 16px;
    margin: 16px 0;
  }
}

@media (max-width: 1025px) {
  .webtim-copyright--container a {
    line-height: var(--line-height-big);
  }
}

.copy-right--divader-spacing {
  padding: 0 12px;
}

@media (max-width: 768px) {
  .copy-right--divader-spacing {
    display: none;
  }
}

.webtim-copyright--container .link-color-footer a {
  color: var(--color-white);
  text-decoration: underline transparent;
  transition: all var(--transition-time);
}

.webtim-copyright--container .link-color-footer a:hover {
  color: var(--color-secondary);
  text-decoration-color: var(--color-secondary);
}

/*Cookie notice*/

.hartnagel-cookies.cookie-notice-container {
  padding: 10px 30px;
}

.hartnagel-cookies.cn-button.bootstrap {
  background: var(--color-primary);
}

.hartnagel-cookies.cn-button.wp-default,
.hartnagel-cookies.cn-button.bootstrap {
  font-size: var(--small-font-size);
}

.cn-button.cn-button-custom.hartnagel-cookies {
  color: var(--color-white);
  transition: all var(--transition-time);
}

.cn-button.cn-button-custom.hartnagel-cookies:hover {
  color: var(--color-secondary);
}

/***************************11ST Oprema*******************************/

.stoprema--footer--numbers .elementor-icon-box-title:before {
  position: absolute;
  top: -20px;
  left: -30px;
  display: block;
  content: "" !important;
  width: 154px;
  height: 66px;
  background: url("/wp-content/uploads/2022/04/number-background.png") no-repeat center / contain;
}

.hartnagel--posts .elementor-post__title::after {
  content: " ";

  height: 2px;
  width: 100px;
  display: block;
  margin-top: 36px;
  margin-bottom: 36px;
  background-color: var(--color-secondary);
}

.hartnagel--posts .elementor-post__read-more:hover {
  text-decoration: underline;
}

.hartnagel--posts .elementor-post__read-more::after {
  content: "" !important;
  display: inline-block;
  margin-bottom: -6px;
  margin-left: 12px;
  width: 24px;
  height: 24px;
  background: url("/wp-content/uploads/2022/05/e-arrow.png") no-repeat center / contain;
}

/*Slides*/

@media (min-width: 1025px) {
  .stoprema--slides--navigation__arrows .elementor-swiper-button {
    margin: 0 20px;
    padding: 15px;
    background-color: var(--color-primary);
    transition: all var(--transition-time);
  }
  .stoprema--slides--navigation__arrows .elementor-swiper-button:hover {
    background-color: var(--color-secondary);
  }
}

.stoprema--slides .swiper-slide-contents {
  padding: 42px 54px 48px 48px;
  background-color: rgba(250, 250, 250, 0.9);
}

.stoprema--slides .swiper-slide-contents .elementor-slide-heading::before {
  content: "ZA PODJETJA";
  display: block;
  color: var(--color-secondary);
  font-size: 1.8rem;
  font-weight: var(--normal-font-weight);
  line-height: var(--line-height-smaller);
}

@media (max-width: 767px) {
  .stoprema--header--icon-box__shop-page .elementor-icon-box-wrapper .elementor-icon-box-content {
    display: none;
  }
  .stoprema--header--icon-box__shop-page .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin-bottom: -5px !important;
    padding-bottom: 0 !important;
  }

  .elementor-menu-toggle {
    padding: 0 !important;
  }

  .stoprema--header--wrapper.elementor-sticky--active {
    border-bottom: 2px solid var(--color-primary);
  }
}

@media (max-width: 1025px) {
  .hartnagel--posts.hartnagel-posts--index-page .elementor-post:last-of-type {
    display: none !important;
  }
}