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

:root {
  /*========== Colors ==========*/
  --color-primary: #bca073; 
  --color-secondary: #bca073;
  --color-text: #000000;
  --color-text-gray:   #404040;

  --color-background: #eef1ef;
  --color-gray: #f2f2f2;
  --color-border-gray: #f1f1f1;
  --color-white: #fff;
  --color-black: #000;
  /*========== 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;
}
body {
  overflow-x: hidden;
}
::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;
}
.grama-kontakt-page p a {
  text-decoration: underline !important;
}
.grama-vprasanja a {
  text-decoration: underline !important;
}
.grama-klesanje p a {
  text-decoration: underline !important;
}
.grama-klesanje p a:hover{
  color: var(--color-white) !important;
}

.grama-zanimivosti .elementor-post__excerpt,
.woocommerce-message{
  font-family: 'Lora', serif !important;
}
/* 
*{
  outline: 1px solid red;
} */

/**** Global Style ***/
.grama-breadcrumbs{
  font-family: Lora, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
}
#pravilnik-zasebnosti {
  scroll-behavior: smooth;
  scroll-margin-top: 50px;
}

.grama-gallery--container div div.elementor-gallery__titles-container  a{
  background-color: var(--color-text);
  color: var(--color-white);
  border-radius: 5px;
}
.grama-gallery--container div div.elementor-gallery__titles-container  a:hover{
  background-color: var(--color-primary);
}


/********** Header**************/

@media screen and (min-width:1024px) {
  .grama-navmenu--container nav ul li a:after{
    content: "";
    position: absolute;
    top: -22px;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("../images/LOGO-GRAMA-icon.svg") no-repeat center;
  }
  .grama-navmenu--container nav ul li ul li a::after{
    display: none;
  }
  
}
body.domov .grama-header--container{
  background: transparent !important;
}
body.domov .grama-header--container .grama-header-icon h3,
body.domov .grama-header--container .grama-header-icon p,
body.domov .grama-header--container .grama-navmenu--container ul li a:not(.elementor-item-active){
  color: #fff !important;

}
body.domov .grama-header--container .grama-navmenu--container ul li a:hover{
  color: var(--color-primary) !important;
}
body.domov .grama-header--container .grama-navmenu--container nav ul.sub-menu a {
  color: var(--color-text) !important;
}
body.domov .grama-header--container .grama-navmenu--container nav ul.sub-menu a:hover{
  color: var(--color-primary) !important;
}
.grama-navmenu--container nav ul.sub-menu a:hover{
  color: var(--color-primary) !important;
}


body.nagrobni-spomeniki-na-zalogi  .grama-navmenu--container li.parent-active > a,
body.enojni-nagrobni-spomeniki  .grama-navmenu--container li.parent-active > a,
body.dvojni-druzinski-nagrobni-spomenik  .grama-navmenu--container li.parent-active > a,
body.dodatki-za-nagrobne-spomenike  .grama-navmenu--container li.parent-active > a,
body.klesanje-in-graviranje-crk-na-nagrobnike  .grama-navmenu--container li.parent-active > a,
body.kuhinjski-pulti  .grama-navmenu--container li.parent-active > a,
body.kopalniski-pulti  .grama-navmenu--container li.parent-active > a,
body.gostinski-pulti   .grama-navmenu--container li.parent-active > a,
body.notranje-stopnice  .grama-navmenu--container li.parent-active > a,
body.zunanje-stopnice  .grama-navmenu--container li.parent-active > a{
color: var(--color-secondary) !important;
} 
body.nagrobni-spomeniki-na-zalogi  .grama-navmenu--container li.parent-active > a::after,
body.enojni-nagrobni-spomeniki  .grama-navmenu--container li.parent-active > a::after,
body.dvojni-druzinski-nagrobni-spomenik  .grama-navmenu--container li.parent-active > a::after,
body.dodatki-za-nagrobne-spomenike  .grama-navmenu--container li.parent-active > a::after,
body.klesanje-in-graviranje-crk-na-nagrobnike  .grama-navmenu--container li.parent-active > a::after,
body.kuhinjski-pulti  .grama-navmenu--container li.parent-active > a::after,
body.kopalniski-pulti  .grama-navmenu--container li.parent-active > a::after,
body.gostinski-pulti   .grama-navmenu--container li.parent-active > a::after,
body.notranje-stopnice  .grama-navmenu--container li.parent-active > a::after,
body.zunanje-stopnice  .grama-navmenu--container li.parent-active > a::after{
  content: "";
  position: absolute;
  top: -22px;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../images/LOGO-GRAMA-icon.svg") no-repeat center;
  opacity: 1 !important;
} 

 .grama-navmenu--container li.current-menu-ancestor >a{
  color: var(--color-primary) !important;
}
 .grama-navmenu--container li.current-menu-ancestor > a::after{
  content: "";
  position: absolute;
  top: -22px;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../images/LOGO-GRAMA-icon.svg") no-repeat center;
  opacity: 1 !important;
}


.grama-navmenu--container nav ul  li.parent-active:has(li.current-menu-item) li.parent-active a{
color: var(--color-primary) !important;
}

.parent-active a {
  color:var(--color-primary);
}

.desktop-sticky{
  box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
}
.desktop-sticky.grama-sticky-header--active{
  display: block !important;
  width: 100%;

}


/*** Header tergovina ****/

.grama-trogovina-header--search input[type="search"]::placeholder{
  color: var(--color-black);
}

.grama-icon-trogovina span.elementor-button-icon::before{
  background-color: var(--color-black ) !important;
  top: 0em !important;
}
 .grama-icon-trogovina span.elementor-button-icon i.eicon-cart-solid::before{
  content: "" !important;
  width: 45px !important;
  height: 45px !important;
  display:  block;
  background: no-repeat center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.02 426.67'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23bca073%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshop-icon%3C/title%3E%3Cpath class='a' d='M407.27 405.33H215.4c-27.67 0-52.2-18.15-59.69-44.16L90.86 141.42c-2.31-8-10-13.42-18.71-13.42H21.33a21.34 21.34 0 0 1 0-42.67H72.15c27.67 0 52.18 18.16 59.67 44.16L144 170.67H470.25a42 42 0 0 1 33.77 17 40.3 40.3 0 0 1 6.15 36.18l-44 139.69a61.91 61.91 0 0 1-58.88 41.83Zm63-192h0Z' transform='translate(0 -85.33)'/%3E%3Cpath class='a' d='M234.67 512a42.67 42.67 0 1 1 42.66-42.67A42.72 42.72 0 0 1 234.67 512Zm0-42.69v0Z' transform='translate(0 -85.33)'/%3E%3Cpath class='a' d='M384 512a42.67 42.67 0 1 1 42.67-42.67A42.72 42.72 0 0 1 384 512Zm0-42.69v0Z' transform='translate(0 -85.33)'/%3E%3C/svg%3E");
} 

@media screen and (max-width: 1024px){
  .grama-icon-trogovina span.elementor-button-icon i.eicon-cart-solid::before{
    width: 30px !important;
    height: 30px !important;
  }
}

.grama-icon-trogovina .widget_shopping_cart_content::before{
    content: "KOŠARICA";
    font-size: 30px;
    line-height: 45px;
    border-bottom: 3px solid var(--color-primary);
    display: inline-block;
    margin-bottom: 2rem;
}

/****   Home Page **************/


@media screen and (min-width:1025px) {
  .grama-slider--container .elementor-swiper-button{
    width: 60px;
    height: 60px;
    display: grid;
    place-content: center;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,205,169,1) 0%, rgba(189,161,117,1) 100%);
  }
  
  .grama-slider--container  .elementor-swiper-button-prev{
    left: 5%;
  }.grama-slider--container  .elementor-swiper-button-next{
    right: 5%;
  }
  
}
@media screen and (max-width:1025px) {
  .grama-slider--container .elementor-swiper-button{
    color: var(--color-white) !important;
  }
}

/*** slider Trogivna ***/

.grama-slider--container#slider-trogovina .swiper-slide-inner div div.elementor-slide-heading{
  padding: 0.6em 1em !important;
  background-color: var(--color-black) !important;
}

.grama-onas-cta a.elementor-cta__button{
  padding: 0;
}

.grama-onas-cta a.elementor-cta__button:hover{
  text-decoration: underline;
}

/*** Kontakt ***/


.grama-kontakt-form .elementor-field-type-html,
.grama-kontakt-form .elementor-field-type-acceptance label{
  font-size: 12px !important;
}
.grama-kontakt-form .elementor-field-type-acceptance{
  margin-left: 20px;
}
/****** footer ****/
.grama-footer-copyright .webtim-copyright--container .divider{
  display: none;
}
.grama-footer-copyright .webtim-copyright--container .author__wrapper{
  position: absolute;
  right: 0;
  bottom: -3px;
}
.link-footer{
  padding: 0 2rem;
}
.grama-kontakt-form .elementor-field-option{
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width:768px) {
  .footer-nav-menu nav ul {
    flex-direction: column;
  }.grama-footer-copyright .webtim-copyright--container .author__wrapper{
  position: static;
  }
  .link-footer{
    padding: 0 1rem;
  }
}

@media screen and (max-width:500px) {
  .webtim-copyright--container .author__wrapper{
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}





/** Produc box **/

  
.grama-produc-box--image > .elementor-widget-container a {
  overflow: hidden;
  border-radius: 10px;
}
.grama-produc-box--addtocart #webtim-wooc-product-qty{
  display: none;
}
.grama-produc-box--addtocart p{
  display: none;
}
.grama-produc-box--addtocart  button[type="submit"]{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,205,169,1) 0%, rgba(189,161,117,1) 100%) !important; 
  border: 1px solid var(--color-primary);
  transition: all linear ;
}

.grama-produc-box--title h4{
  min-height: 85px !important;
}

del[aria-hidden="true"]{
  font-size: 2rem !important;
}
/* Prodaji Program***/


.grama-ostale-storitve--container .elementor-cta{
  border-radius: 10px;
}


.grama--new-product-badge{

  display: inline-block;

  background-color: var(--color-black);

  color: #fff;

  font-size: 1.4rem;

  padding: 0.5em 1em;

  text-transform: uppercase;

  border-top-left-radius: 10px;

  border-bottom-right-radius: 10px;

}

.woocommerce a.button{
  color: #fff !important;
  background-color: #bca073 !important;
  border: none !important;
}
.woocommerce a.button:hover{
  background-color: #bca073 !important;
  color: #fff !important;
}


.grama-moj-racun nav ul {
  margin-top: 0 !important;
}

.gg-arrow-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs,1));
  border-radius: 4px
}
.gg-arrow-left-r::after,
.gg-arrow-left-r::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 4px
}
.gg-arrow-left-r::after {
  width: 6px;
  height: 6px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  bottom: 6px
}
.gg-arrow-left-r::before {
  width: 10px;
  height: 2px;
  bottom: 8px;
  background: currentColor
}