/*
	Theme Name: Muffin custom theme
	Description: Custom WordPress Theme
	Version: 1.0.0
	Author: nikolic.win
	Tags: Blank, HTML5, CSS3
	License: MIT
*/
/* VARIABLES */
:root {
    --cta-color: #FDD6AC;
    --cta-color2: #F9AD56;
    --base-color: #513C34;
    --grey-color: #DFDFE1;
    --light-grey: #E9E9E9;
    --light-color:#FFF3E5;
    --grey: #434343;
    --secondary-color: #FEEDDA;
    --alt-font: "Oswald", sans-serif;
    --alt-font2: "Work Sans", sans-serif;
    --container:140rem;
    font-size: 62.5%;
}


/* global box-sizing */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
}

body {
    font: 400 1.6rem/1.5 "Zilla Slab", serif;
    color: var(--base-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--secondary-color);
}

body::-webkit-scrollbar-track,
.modal-inner::-webkit-scrollbar-track {
    background-color: var(--secondary-color);
}

body::-webkit-scrollbar,
.modal-inner::-webkit-scrollbar {
    width: 6px;
    background-color: var(--black-color);
}

body::-webkit-scrollbar-thumb,
.modal-inner::-webkit-scrollbar-thumb {
    background-color: var(--cta-color2);
}

/* wrapper */
.wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}

.body-content {
    padding-top: 10.7rem;
}
.body-content.transparent-header {
    padding-top: 0;
}

/*------------------------------------*\
    GRID
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
    margin: 0 auto;
    padding: 0 2rem;
}

.container, .wp-block-group .wp-block-group__inner-container {
    max-width:var(--container);
    margin: 0 auto;
    padding: 0 2rem;
}

.container-narrow {
    max-width: 90rem;
}

.container-wide {
    max-width: 90vw;
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-vertical-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

.text-center {
    text-align: center;
}

p {
    margin-bottom: 2.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.6rem;
}

h4,
h5,
h6 {
    line-height: 1.3;
    font-weight: 600;
}

h1 {
    font-size: 5.2rem;
    font-weight: 400;
    line-height: 1;
    font-family: var(--alt-font);
}

h2 {
    font-size: 5.2rem;
    font-weight: 400;
    line-height: 1.2;
    font-family: var(--alt-font);
}

h3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
     font-family: var(--alt-font);
}

h4 {
    font-size: 2.4rem;
    font-weight: 500;
    font-family: var(--alt-font);
}

h5 {
    font-size: 1.8rem;
    font-weight: 400;
}

h6 {
    font-size: 1.7rem;
    font-weight: 400;
}

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

a {
    color: var(--cta-color);
    text-decoration: none;
    transition: all .23s ease-in;
    -webkit-transition: all .23s ease-in;
    -moz-transition: all .23s ease-in;
    -ms-transition: all .23s ease-in;
    -o-transition: all .23s ease-in;
}

a:hover {
    color: var(-grey-color);
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

.btn,
.cta > a,
.wp-block-button__link,
.wpcf7-submit {
    border-radius: 0!important;
    border: 1px solid var(--base-color);
    color: var(--base-color);
    display: inline-flex!important;
    line-height: 1;
    padding: .7rem 2rem!important;
    min-width: 18rem;
    width: auto;
    text-align: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    min-height: 4.8rem;
    font-weight: 500;
    background-color: var(--cta-color2);
}

.btn:hover,
.cta > a:hover,
.wpcf7-submit:hover {
    background: var(--base-color)!important;
    opacity: 1;
    color: var(--secondary-color)!important;
}
/*
.wp-block-button:not([class*=" "]) > a:hover {
  background: var(--base-color)!important;
  border-color: var(--base-color);
  color: #fff!important;
}*/

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--cta-color2);
    color: var(--base-color);
}
.wp-block-button.is-style-outline > a {
    border: 1px solid var(--cta-color2) !important;
    color: var(--cta-color2) !important;
}



.wp-block-button.is-style-btn-background-white > a {
    background-color: #fff;
    color: var(--base-color);
    font-weight: 500;
    border-color: #fff;
}
.wp-block-buttons {
    gap: 1.6rem;
}

header nav ul li.cta a,
header nav ul li.cta a:hover {
    color: #fff !important;
}


.is-style-btn-outline-dark > a {
    border: 1px solid var(--base-color);
}
.is-style-btn-outline-dark > a:hover {
    background-color: var(--base-color);
    color: #fff!important;
}
.is-style-btn-dark > a {
    background-color: var(--base-color);
    color: #fff;
}
.is-style-btn-dark > a:hover {
    background-color: rgba(10, 54, 82, .8);
}


/*------------------------------------*\
	GUTENBERG
\*------------------------------------*/
.gutenberg .wp-block-video video {
    object-fit: cover;
    aspect-ratio: 16/9;
}
ol li.has-medium-font-size strong,
p.has-medium-font-size {
    font-size: 1.8rem!important;
}
ol li.has-medium-font-size {
    font-size: 1.5rem!important;
}
ol li.has-medium-font-size strong {
    display: inline-block;
    margin-bottom: .7rem;
}
.gutenberg ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-left: 3rem!important;
  gap: 1rem;
}
.gutenberg ol li {
  counter-increment: my-awesome-counter;
  position: relative;
}
.gutenberg ol li::before {
  content:  counter(my-awesome-counter) ". ";
  font-size: 1.8rem;
  font-family: var(--alt-font);
      position: absolute;
    left: -3rem;
    top: .4rem;
    line-height: 1;
    color: var(--cta-color);
}


.no-padding {
    padding-top: 8rem!important;
    padding-bottom: 8rem!important;
}
.no-padding ol {
    margin-bottom: 0!important;
}

.right-edge {
    width: calc(50vw - 2rem);
}
.right-edge img {
    width: 100%;
    border-radius: 0!important;
}
.no-padding ol li {
    max-width: 34rem;
}
.no-padding .right-edge {
    height: calc(100% + 16rem);
    margin: -8rem 0!important;
}

.gutenberg .wp-block-columns {
    margin-bottom: 0;
}

.gutenberg > .wp-block-group {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.alignfull,
.alignwide {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100vw - 6px);
}

.alignfull .wp-block-cover__inner-container,
.alignwide .wp-block-group__inner-container {
    max-width: 174rem;
    padding: 0 2rem;
}

.alignwide.wp-block-group {
    padding: 10.8rem 0 11.2rem;
}

.alignfull.wp-block-group {
    padding: 4.8rem 0;
}
.alignfull.wp-block-group p:last-child {
    margin-bottom: 0;
}

.alignfull .wp-block-group__inner-container {
    max-width:100%;
    padding: 0 2rem;
    margin: 0 auto;
}

.alignfull .wp-block-group__inner-container .wp-block-columns {
    margin-bottom: 0;
}

.alignfull .wp-block-group__inner-container .wp-block-columns figure {
    margin-bottom: 0;
}

.alignwide .wp-block-columns {
    gap: 3.2rem;
}


.gutenberg .has-x-large-font-size {
    font-size: 6rem !important;
}





.wp-block-cover.alignfull .wp-block-gallery.alignfull img {
    height: 6.3rem;
    width: auto;
}

.wp-block-cover.alignfull .wp-block-gallery.alignfull .wp-block-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* max-width: 15.5%;*/
}

.wp-block-cover.alignfull .wp-block-gallery.alignfull {
    margin-top: 7rem;
}



.gutenberg p.has-large-font-size {
    font-size: 4.8rem !important;
}

.gutenberg .wide-banner {
    padding: 4rem 0!important;
}
.gutenberg .wide-banner h3:last-child {
    margin-bottom: 0;
    line-height: 1;
}
.gutenberg .wide-banner .wp-block-group {
    padding: 0!important;
    gap: 4rem;
}



/*------------------------------------*\
	end of GUTENBERG
\*------------------------------------*/



/*------------------------------------*\
	FORMS AND CF7
\*------------------------------------*/
input:not(.input-radio),
textarea,
select {
    font-family: inherit;
    background: #FFF3E5!important;
    padding: 0.7rem 2rem;
    width: 100%;
    border: 1px solid var(--base-color);
    border-radius: 0;
    -webkit-appearance: none;
    outline: none!important;
    min-height: 4.8rem;
    margin-top: 5px;
}

input[type="number"] {
    -moz-appearance: textfield;
}   
input[type="number"]::-webkit-outer-spin-button,
            input[type="number"]::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
input:focus, textarea:focus {
    border-color: var(--cta-color2)!important;
    outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AEAEB4;
    opacity: 1;
    /* Firefox */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AEAEB4;
    opacity: 1;
    /* Firefox */
}

input::placeholder,
textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AEAEB4;
    opacity: 1;
    /* Firefox */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AEAEB4;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #AEAEB4;
}
textarea {
  resize: none;
}

.wpcf7 input {
    height: 4rem;
    border: 1px solid #D6D6D6;
    margin-top: .5rem;
    background-color: #fff;
}
.wpcf7 textarea {
    height: 12rem;
    border: 1px solid #D6D6D6;
    margin-top: .5rem;
    background-color: #fff;
}

.screen-reader-response {
    display: none;
}




.evf-field {
    display: flex!important;
    flex-direction: column;
}
.evf-field > h3 {
    font-size: 2.4rem !important;
    margin-bottom: 1rem !important;
}
.evf-field > label,
.evf-field > h3 {
    order: -2;
}
.evf-field .evf-field-description {
    order: -1;
}

/*** NEWSLETTER BLOCK ****/
#newsletter {
    background-color: var(--light-grey);
}
#newsletter .wp-block-columns {
    gap: 10rem;
}
#newsletter input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #333;
    padding: 1rem 2rem 1.1rem 1rem;
    font-family: var(--alt-font);
    font-size: 2.3rem;
}
#newsletter input::placeholder {
    color: #595959;
    opacity: 1; /* Firefox */
  }
  
#newsletter input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #595959;
}
#newsletter button {
    border: none;
    background-color: transparent;
    margin-left: -4rem;
    position: relative;
    bottom: .7rem;
}
/*** END OF NEWSLETTER BLOCK ****/


.wpcf7-acceptance {
    display: block;
    margin-bottom: 3.2rem;
}

.wpcf7-not-valid {
    border-color: #D31510!important;
}
/*------------------------------------*\
	end of FORMS
\*------------------------------------*/

/*------------------------------------*\
	ANIMATIONS
\*------------------------------------*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*------------------------------------*\
	end of ANIMATIONS
\*------------------------------------*/

/*------------------------------------*\
	HEADER
\*------------------------------------*/
.header.transparent:not(.sticky) {
    background-color: transparent;
}
.header-icons {
    justify-content: flex-end;
}

.header nav ul {
    margin-right: auto;
}


header.alt-header,
.header {
  background: var(--base-color);

  /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

header.alt-header ul .cta.cta-outline > a:hover,
.header.sticky ul .cta.cta-outline > a:hover {
    background-color: var(--cta-color2)!important;
    border-color: var(--cta-color2)!important;
} 

/*.header.sticky ul li a, .header.alt-header ul li a  {
    color: var(--base-color) !important;
}*/
/*
header.alt-header .custom-logo-link {
    display: none;
}
*/

.header.nav-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header nav {
    height: 100%;
    align-items: center;
}
.header .logo {
    margin-right: 2rem;
}
.header .logo img {
    max-width: 11rem;
}
.header {
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 2015;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    padding: 1.6rem 0;
    font-family: var(--alt-font2);
}
/*
.header:not(.alt-header):not(.sticky) {
    background-color: #fff;
}*/

header .menu-item-has-children {
    position: relative;
}
header .menu-item-has-children > svg {
    margin-left: 7px;
    position: relative;
    top: -2px;
}
.header ul.sub-menu {
    flex-direction: column;
    gap: .5rem;
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: .5rem;
}
.sticky.header ul.sub-menu,
.alt-header.header ul.sub-menu {
    background-color: var(--base-color)!important;

}
.header nav ul.sub-menu {
    min-width: 16rem;

    background-color: var(--base-color);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    left: -3.2rem;
    list-style: none;
    opacity: 0;
    padding: 1rem 3.2rem 3.2rem;
    position: absolute;
    top: calc(100% + 2rem);
    transform: translateY(-1rem);
    transition: all .23s ease;
    visibility: hidden;
    z-index: -1;
}
.header nav li:hover > ul.sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 2;
}
.header nav ul.sub-menu li {
    display: flex;
}
.header nav ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    min-width: 20rem;
    padding-left: 1rem;
    padding-top: 0;
	bottom:9px;
}
.header nav ul.sub-menu .menu-item-has-children > svg {
    top: 8px;    
}
.header nav ul.sub-menu a {
    color: var(--light-color);
    font-size: 1.6rem!important;
}

.header ul.sub-menu > li:not(:last-child) {
   /* border-bottom: 1px solid #fff;*/
}

.header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

.header ul .cta > a {
        background-color: #fff;
        border: 1px solid #fff;
        color: var(--secondary-color)!important;
       min-height: 3.2rem;
}
.header ul .cta {
    display: inline-flex;
    align-items: center;
}
.header ul .cta.cta-outline > a {
    color: #fff!important;
    border: 1px solid #fff!important;
    background-color: transparent;
    min-width: 5rem;
}
.header ul .cta.cta-outline > a:hover {
    background-color: #fff;
    color: var(--secondary-color)!important;
}

.header nav > ul > li > a {
    color: var(--light-color);
    font-weight: 400;
    display: inline-block;
    font-size: 1.8rem;
    padding: 1rem 0;
    position: relative;
    text-transform: lowercase;
    font-weight: 400;
	font-family:var(--alt-font2);
}
.header nav > ul > li > a::after {
    content: "";
    background-color: var(--cta-color2);
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 1.1rem;
    transition: all .45s ease-in-out;
}
.header nav > ul > li > a:hover::after,
.header nav > ul > li.current-menu-item > a::after {
    width: 100%;
}
.header nav > ul  li.current-menu-item > a {
    color: var(--cta-color2)!important;
}
#menu-secondary-menu-1 .sub-menu {
    min-width: 10rem;
}
.header nav ul, .header #menu-secondary-menu-1 {
    gap: 2.4rem;
}



.header nav .menu-item-has-children {
    position: relative;
}

.header nav .menu-item-has-children > .plus {
    position: relative;
    margin-bottom: 1px;
    margin-left: 8px;
}

.header .menu-item-has-children > .sub-menu::before {
    height: 2rem;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2rem;
}

.header .menu-item-has-children > .sub-menu {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    display: none;
    padding: 1rem;
    left: -1rem;
}
.header .menu-item-has-children > svg {
    transition: all .23s ease;
}


.header .menu-item-has-children > .sub-menu a {
    font-size: 1.5rem;
    display: inline-block;
    position: relative;
   
}

.header:not(.alt-header):not(.sticky) .menu-item-has-children > .sub-menu a {
     width: auto;
     display: block!important;
}

.header nav ul .current-lang > a,
.header nav ul .current-lang > a:hover {
    color: var(--base-color) !important;
    background-position: 98% center;
}

.header nav ul .current-lang > a {
    padding-right: 2rem !important;
}




header .current-lang > a,
header li.pll-parent-menu-item > a {
    pointer-events: none;
    cursor: none;
}

header li.pll-parent-menu-item > a {}

/*
/*------------------------------------*\
	end of HEADER
\*------------------------------------*/


/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footer {
    background-color: var(--base-color);
    position: relative;
    color: var(--cta-color);
}
#menu-footer-menu {
    display: flex;
    flex-direction: row;
    gap: 8rem;
}

#menu-footer-menu ul {
    list-style: none;
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
}

#menu-footer-menu ul a {
    font-family: var(--alt-font2);
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1;
}

#menu-footer-menu ul li {
    line-height: 1;
}

#menu-footer-menu > li > a {
    cursor: text;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    font-family: var(--alt-font);
    display: block;
    margin-bottom: 1.6rem;
}
.footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) {
    display: flex;
    gap: 8rem;
}
.footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) strong {
    font-weight: 600;
    font-family: var(--alt-font2);
    color: var(--cta-color2);
    position: relative;
    line-height: 1;
    display: block;
    margin-bottom: 1.6rem;
}
.footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) p {
    margin-bottom: .8rem;
    line-height: 1;
    font-family: var(--alt-font2);
}
.footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) p:first-child {
    margin-bottom: 0;
}
.copyright {
    font-size: 1.4rem;
    font-family: var(--alt-font2);
    text-align: left;
    margin-right: 2.4rem;
}
.copyright svg {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 3px;
}

.phone {
    position: relative;
    padding: 0 0 0 2.4rem;
    font-weight: 300;
    margin-top: 3.2rem;
}
.phone::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    background: url(assets/images/phone-icon.svg) no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
}
.email {
    position: relative;
    padding: 0 0 0 2.4rem;
    font-weight: 300;
}
.email::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    background: url(assets/images/email-icon.svg) no-repeat;
    background-size: contain;
    width: 1.4rem;
    height: .9rem;
}


.location {
    position: relative;
    padding: 0 0 0 2.4rem;
    font-weight: 300;
}
.location::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    background: url(assets/images/location-icon.svg) no-repeat;
    background-size: contain;
    width: 1rem;
    height: 1.4rem;
}

.footer .socials {
    gap: 2.4rem;
    margin-top: 1.6rem;
}



.footer-top {
    padding: 5rem 0 1.8rem;

}
.footer-top a {
    color: var(--cta-color)!important;
}
.footer-bottom {
    padding: 2rem 0;
    position: relative;
}
.footer-bottom::after {
    content: "";
    position: absolute;
    background-color: var(--cta-color2);
    height: 1px;
    width: calc(var(--container) - 4rem);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.footer-bottom .container {
    display: flex;
    align-items: center;
}
.footer-bottom ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin-right: auto;
    gap: 2.4rem;
}
.footer-bottom ul li {
    display: inline-flex;
    align-items: center;
}
.footer-bottom ul li a {
    color: var(--cta-color);
    font-size: 1.4rem;
    font-weight: 300;
    font-family: var(--alt-font2);
    text-transform: lowercase;
}
.footer-bottom ul li a:hover {
    opacity: .8;
}

.footer-bottom ul li a:hover,
.footer ul li.current-menu-item > a,
.footer-widget ul.menu li a:hover,
.footer-widget a:hover {
    color: var(--cta-color2)!important;
}

.footer .current-menu-item > a::after, .footer-top .sub-menu li > a:hover::after {
    width: 100%;
    background-color: var(--cta-color2);
}
.footer .wp-block-social-links li {
    background-color: transparent!important;
}

.footer-widget .wp-block-columns {
    gap: 8rem;
}
.footer-widget .wp-block-column {
    flex: 1 1 auto;
    flex-basis: auto!important;
}
.footer-widget .wp-block-column:first-child {
    margin-right: auto;
    display: flex;
    flex-direction: column;
}
.footer-widget .wp-block-column:first-child .wp-block-image {
    margin-bottom: 2.4rem;
}
.footer-widget .wp-block-social-links {
    flex-direction: row!important;
    flex-wrap: nowrap!important;
}
.footer-widget .wp-block-social-links a {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: scale(1)!important;
}
.wp-block-social-link:hover {
    transform: scale(1)!important;
}
.footer-widget h4 {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.footer-widget ul.menu {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.footer-widget ul.menu li a {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
}
.footer-widget a {
    color: #fff;
}

.widgettitle {
    font-size: 2.3rem!important;
}

.footer .has-medium-font-size {
    font-size: 2.3rem!important;
    font-family: var(--alt-font);
}
footer .wp-social-link svg circle {
    fill: var(--cta-color2);
}

#return-to-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    background-color: var(--cta-color2);
    border-radius: .5rem;
    padding: 0 0.5rem 0.5rem;
    line-height: 1;
}

.footer ul li a {
    position: relative;
}
.footer ul li a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    transition: all .23s ease-in;
    height: 1px;
}
.footer-bottom ul li a:hover::after {
    width: 100%;
    background-color: var(--cta-color2);
}
#return-to-top:hover {
    -webkit-transform: translateY(-.7rem);
    transform: translateY(-.7rem);
}
#return-to-top svg path {
    fill: var(--base-color);
}



/*------------------------------------*\
	end of FOOTER
\*------------------------------------*/

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/
.shop-megamenu-arrow {
    display: none;
}
@media only screen and (min-width:2000px) {
    body #qlwapp {
        min-width: 43rem!important;
    }
    #qlwapp .qlwapp-toggle span,
    #qlwapp .qlwapp-toggle span::before {
        font-size: 1.5rem!important;
    }
    :root {
        font-size: 99%!important;
    }

}
@media only screen and (max-width:1414px) {
    body .postsSwiper {
        margin-right: -2rem !important;
    }
}

@media only screen and (max-width:1300px) {
    body .tab-slider .swiper-button-prev {
        bottom: -6rem;
        left: 0;
    }
}
@media only screen and (max-width:1140px) {

}

@media only screen and (min-width:1201px) {
    .header.transparent:not(.sticky) .sub-menu {
        background-color: transparent!important;
    }
    #mob-menu-bar {
        display: none;
    }
    .shop-megamenu-categories {
        display: grid!important;
    }
.header nav ul.sub-menu .menu-item-has-children:hover > svg {
    transform: rotate(270deg);
    top: 7px;
}
.header .menu-item-has-children:hover > svg {
    transform: scaleY(-1);
    top: -3px;
}

.header .menu-item-has-children:hover > .sub-menu {
    display: flex;
}
    header .cta > a::after {
        display: none!important;
    }
    #menu-secondary-menu {
        display: none;
    }
    .header  ul  li a {
        position: relative;
    }
    .header  ul > li > a::after {
        content: "";
        width: 0;
        height: 1px;
        background-color: var(--cta-color2);
        transition: all .23s ease-in;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .header  ul > li.current-menu-item > a::after,  .header ul > li > a:hover::after  {
        width: 100%;
    }

    .header.sticky ul li.current-menu-item > a::after,
    .header.alt-header ul li a::after {
        background-color: var(--cta-color2);
    }

    .header.sticky ul li a:hover::after, .header.alt-header ul li a:hover::after {
          width: 100%;
          background-color: var(--cta-color2);
    }
    .header.sticky .sub-menu {
            background: #fff;
        z-index: 2020;
        padding: 1rem;
        left: -1rem;
        right: auto!important;
    }
    .header.sticky .sub-menu li a::after, .header.alt-header .sub-menu li a::after  {
        bottom: 0!important;
    }
}

@media only screen and (max-width:1200px) {
    h2.related-title {
        font-size: 3rem!important;
    }
    body .related-products-swiper {
        margin-left: -2rem!important;
        margin-right: -2rem!important;
    }
    body .summary .single_add_to_cart_button::before {
        text-align: left;
        bottom: -27px;
    }
    body .summary h1 {
        font-size: 4rem;
    }
    .single-product .woocommerce-content > .product {
        gap: 4rem!important;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        max-width: 40%;
    }
    body.single-product .woocommerce-content > .product .summary {
        max-width: 50%;
    }
    body .wc-category-product {
            grid-template-columns: 240px 1fr;
    }
    .footer-bottom::after {
        max-width: 100%;
    }

    .hero-slider .wp-block-cover {
        height: 100%;
    }
    ul.shop-megamenu-categories {
        display: none;
        transition: none!important;
            opacity: 1;
        transform: translateY(0);
        visibility: visible;
        z-index: 2;
    }
    .shop-megamenu-categories:has(li.active) {
        display: block;
        opacity: 1;
    } 
     ul.shop-megamenu-categories > li:not(:last-child) {
        margin-bottom: 1.5rem;
     }
    .shop-megamenu-arrow {
        display: inline-block!important;
        margin-left: 1rem;
    }
    .shop-megamenu-arrow svg {
        width: 23px;
        height: 10px;
    }
    .shop-megamenu-arrow svg path {
        stroke: var(--base-color);
    }
    header nav .shop-megamenu-categories {
        flex-direction: column;
        position: relative;
        top: 0;
        padding: 2rem;
    }
    .header-icons {
        position: relative;
        top: 4px;
        margin-right: 4rem;
        margin-left: auto;
    }
    .header .logo {
        padding: 0;
    }
    header nav ul .sub-menu .menu-item-has-children > a {
        width: auto!important;
        display: inline-block!important;
    }
    .header nav ul ul.sub-menu {
        padding-top: .5rem!important;
    }
    .header nav ul ul.sub-menu li a::after {
        bottom: 0;
    }
    .header .menu-item-has-children > svg.opened {
        transform: scaleY(-1);
    } 
    .header nav ul li a {
        z-index: 5;
    }
    .header nav ul.sub-menu ul.sub-menu {
        left: 0!important;
        top: 0!important;
        width: 100%!important;
    }
    .header nav ul.sub-menu > li.menu-item-has-children {
        flex-wrap: wrap;
    }
    body .header nav > ul:first-child .sub-menu li {
        padding: .5rem 0;
        border-color: var(--base-color);
    }
    header ul li.menu-item-has-children .sub-menu,
    body .sticky.header ul.sub-menu, body .alt-header.header ul.sub-menu {
        background-color: transparent!important;
        top: 0!important;
        transition: none!important;
    }
    .header .menu-item-has-children > .sub-menu {
        position: relative!important;
    }
    .header .menu-item-has-children > svg path {
        stroke: var(--base-color);
    }
    .header .menu-item-has-children > .sub-menu a {
        display: inline-block!important;
    }
    header nav #menu-secondary-menu .menu-item-has-children > a,
     header nav #menu-secondary-menu .menu-item-has-children > svg {
        display: none;
     }
     header nav #menu-secondary-menu .menu-item-has-children .sub-menu {
        position: relative;
        display: flex;
        top: 0!important;
        gap: 1rem!important;
     }
      header nav #menu-secondary-menu .menu-item-has-children .sub-menu li {
        border-bottom: none!important;
      }
    header nav #menu-secondary-menu .cta:not(.cta-outline) > a {
       background-color: var(--base-color)!important;
       color: #fff!important;
    }
    header nav #menu-secondary-menu li a {
        font-family: 'Manrope', sans-serif;
        font-size: 1.6rem!important;
    }
    header nav #menu-secondary-menu {
        justify-content: flex-start!important;
        align-items: flex-start!important;
    }
    header nav #menu-secondary-menu .cta.cta-outline > a {
        border:1px solid var(--base-color)!important;
         color: var(--base-color)!important;
    }
     header #menu-secondary-menu-1 {
        gap: 2rem;
     }
    header #menu-secondary-menu-1 li:not(.cta) {
        display: none;
    }
    .header nav ul {
        gap: 1rem!important;
    }
    .header nav ul li a {
        position: relative;
    }
    .header nav ul li a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        border-radius: 5px;
        width: 0;
        transition: all .23s ease-in;
        background-color: var(--cta-color2);
    }
    .header nav > ul > li > a {
        font-size: 2.3rem!important;
        font-family: var(--alt-font);
    }
    .header .logo img {
        max-height: 8rem !important;
    }

    body .hero h2 {
        font-size: 4.8rem !important;
    }

    body header nav ul li:not(.cta).current-menu-item > a {
        color: var(--cta-color2) !important;
    }
    .header nav > ul > li > a::after {
        display: none!important;
    }


    .alignfull,
    .alignwide {
        /* width: 100vw !important;*/
    }



    select:::selection,
    select::-moz-selection,
    select option::-moz-selection,
    select option:::selection {
        color: none;
        background: none;
    }

    /* For Mozilla Firefox */
    select::-moz-selection {
        color: none;
        background: none;
    }


    .mob-language-switcher select option {
        color: var(--base-color) !important;
    }

    .mob-language-switcher select:focus {
        outline: none;
    }

    header nav .pll-parent-menu-item {
        display: none;
    }

    .header .logo {
        margin: 0 !important;
    }

    header .container-wide #mob-menu-bar {
        margin-left: 15px;
    }

    body .featured-post.post-in-loop img {
        max-width: 60vw;
    }

    #mob-menu-bar > div {
        width: 22px;
        height: 3px;
        background: var(--light-color);
        border-radius: 3px;
        margin-bottom: 5px;
        -webkit-transition: all .23s ease-in;
        transition: all .23s ease-in;
    }

    header:not(.sticky) #mob-menu-bar > div, header:not(.alt-header)  #mob-menu-bar > div {
        background-color: var(--light-color);
    }
   body header.sticky #mob-menu-bar > div, body header.alt-header #mob-menu-bar > div {
        background: var(--light-color);
    }

    #mob-menu-bar > div:last-child {
        margin-bottom: 0;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-5px, 5px);
        transform: rotate(-45deg) translate(-5px, 5px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-6px, -6px);
        transform: rotate(45deg) translate(-6px, -6px)
    }

    body .header nav {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 84vw;
        background-color: var(--base-color);
        color: var(--base-color);
        max-width: 100vw;
        -webkit-transition: all .33s ease-in-out;
        transition: all .33s ease-in-out;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 4rem;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        height: 100vh;
        overflow: auto;
        z-index: 2024;
    }

    body .header nav > ul {
        max-width: 33rem;
        margin-top: 45px;
    }

    body .header nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    body .header nav ul li.cta {
        margin-left: 0;
        text-align: center;
    }

    body .header nav ul li:not(.cta) {
        width: 100%;
    }

    body .header nav ul li:not(.cta) a {
        margin: 0 !important;
    }

    body .header nav > ul > li {
        position: relative;
    }

    .header nav .current-menu-item > a::after {
        width: 100%;
    }

    .header nav .menu-item-has-children > .plus {
        fill: #fff;
        margin: 0 !important;
        top: 10px;
        right: 0;
        position: absolute;
        -webkit-transition: all .23s ease;
        transition: all .23s ease;
    }

    .header nav .menu-item-has-children.opened > .plus {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    header nav .sub-menu-wrap {
        display: none;
    }

    header nav .sub-menu-wrap li {
        padding-top: .5rem;
    }



    body .header nav.menu-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    body .header nav .header-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .header nav .header-top a {
        color: #fff;
    }

    body .header nav .header-top a:not(.instagram) path {
        fill: #fff;
    }

    body .header nav .header-top a.instagram path {
        stroke: #fff;
    }

    header .socials {
        margin-bottom: 2rem;
    }

    header .socials svg {
        margin: 0 1.5rem 0 0 !important;
    }

    header .container-wide {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    body.menu-open {
        overflow: hidden;
    }

}

@media only screen and (max-width:1024px) {
    .header .menu-item-has-children > .sub-menu {
        display:flex!important;
            opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 2;
    }
    body .brown-block {
        padding-left:2rem!important;
        padding-right:2rem!important;
    }
	 body form.checkout #customer_details {
        padding-left: 2rem;
		  padding-right: 2rem;
    }
    body form.checkout #order_review {
        padding-right: 2rem;
		padding-left: 2rem;
    }
    .shop-header {
        width: 100vw!important;
    }
    .wc-category-product__title a {
        font-size: 3.2rem!important;
    }
    body.tax-product_cat ul.products {
        gap: 2.4rem!important;
    }
    .wc-pattern-block .wp-block-image img,
    body .wc-category-hero__image img {
        aspect-ratio: 16/9;
        height: auto;
    }
    body .contact-wrapper .wp-block-column:last-child {
        padding-right: 2rem!important;
        padding-left: 2rem;
        padding-top: 4rem;
    }
    .contact-wrapper {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    body .wc-pattern-block > div::after {
        z-index: -1;
         width: 14rem!important;
        height: 14rem!important;
    }
    .wc-pattern-block::after {
        width: 14rem!important;
        height: 14rem!important;
        left: 0!important;
        bottom: -2rem!important;
    }
    .wc-pattern-block > div {
        position: relative;
        z-index: 3;
    }
    body .custom-gallery > .wp-block-image {
        height: 34vh;
    }
    body .hero-video {
        height: auto;
        aspect-ratio: 16/9;
        min-height: 25rem;
    }
     .hero-slider {
        min-height: 100%!important;
    }
    body .custom-tab-content {
        margin-top: 0;
        max-width: 60rem;
        font-weight: 500;
        font-size: 1.6rem;
        padding-left: 5rem;
        position: sticky;
        top: 0;
    }
   /*  .custom-tabs-formula {
       margin-right: -2rem;
        overflow-x: hidden;
    }*/
    .custom-tab-title:first-child {
        margin-left: 0!important;
    }
    body .custom-tab-title:last-child::before {
        left: 18px;
        top: -36px;
    }
    .custom-tab-title:not(:last-child):not(:nth-last-child(2)):after {
        right: 17px!important;
        top: 84px!important;
    }
    body .custom-tab-titles::after {
        width: 1px;
        height: calc(100% - 5rem);
        left: 3rem;
    }
    .custom-tabs-formula {
        display: flex;
        margin-left: -1rem;
        padding-left: 1rem;
    }
    .custom-tab-titles {
        flex-direction: column;
        gap: 5rem;
    }
    body .custom-tab-title {
        width: 6rem;
    }
    .custom-tab-titles strong {
        display: none;
    }
    .gutenberg .cover-slider .swiper-slide {
        aspect-ratio: 16/9;
    }
    .gutenberg .wp-block-cover {
        padding: 5rem 2rem;
        min-height: 50vh!important;
    }
    .gutenberg .wp-block-cover p br {
        display: none;
    }
    body #faq {
        padding: 4rem 2rem!important;
    }
    .single-excerpt {
        font-size: 1.8rem !important;
    }

    .single-post-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .social-share-wrap,
    .right-balance {
        display: none;
    }

    .single-post-content {
        margin: 0 !important;
    }

    h2.heading {
        font-size: 3rem;
    }




    .footer .socials {
        margin-left: auto;
    }

    body .copyright {
        font-size: 1.2rem;
    }

    .footer-bottom .footer-widget {
        margin: 3rem 0 -1rem;
    }

    .footer-bottom .footer-widget .is-layout-flex > p {
        font-size: 1.2rem;
    }



}

@media only screen and (max-width:1023px) {
    .woocommerce ul.products li.product .button {
        /*height: 4rem;*/
    }
    .woocommerce .quantity .qty {
        height: 4rem;
    }
    .tax-product_cat ul.products li:nth-child(2n)::after {
        display: none!important;
    }
    .archive ul.products.columns-4 {
        display: flex!important;
    }


    .alignwide.wp-block-group {
        padding: 6rem 0;
    }

    body .gutenberg p.has-large-font-size,
    .gutenberg .has-x-large-font-size {
        font-size: 3rem !important;
    }

    #posts-feed .col12 .all-cats::-webkit-scrollbar {
        display: none;
    }

    #posts-feed .col12 .all-cats {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        margin-right: -2rem;
    }

    #posts-feed .col12 .all-cats a:first-child {
        margin-left: 0;
    }

    #posts-feed .col12 .all-cats a {
        margin-left: 2rem;
        font-size: 1.6rem;
        white-space: nowrap;
    }

    #posts-feed .col12 {
        padding: 1rem 1rem 2rem;
    }

    #posts-feed {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .post-in-loop.col4 {
        max-width: 50%;
        padding: 1rem;
    }

    body .featured-post.post-in-loop img {
        max-width: 100% !important;
    }

    .post-in-loop-content {
        padding: 1.6rem 0 0 !important;
    }

    .featured-post.post-in-loop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .featured-post.post-in-loop h2 {
        font-size: 2.4rem;
        font-weight: 500 !important;
    }

    body .single-post-content .wp-block-group {
        padding: 2rem 1.8rem;
    }

    .post-in-loop .post-metas span.date::after {
        margin: 0 4px;
    }

    .post-in-loop .post-metas {
        font-size: 1.2rem;
        margin-bottom: 1.6rem;
    }

    body .post-cats-loop span {
        font-size: 1.2rem;
    }

    .post-in-loop h3 {
        font-size: 1.8rem !important;
    }

    body .footer-widget .wp-block-columns,
    body #menu-footer-menu,
    .footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) {
        gap: 5rem;
    }
}

@media only screen and (min-width:782px) {
    .hide-desktop {
        display: none;
    }
}

@media only screen and (max-width:781px) {
    .thankyou-right {
        padding-left: 2.4rem!important;
    }
    .thankyou-left {
        padding-right: 2.4rem!important;
    }
    .page404-section {
            background-position: center top!important;
    }
    body .content404 h1 {
        font-size: 10rem!important;
    }
    body .wc-category-hero__content {
        margin-bottom: 4rem;
        padding: 0 2rem;
    }
    body .contact-wrapper .wp-block-column:first-child {
        padding-right: 0;
    }
    .zigzag.mob-reverse {
        flex-direction: column-reverse;
    }
    body .zigzag-block .zigzag,
    body .zigzag-block > div {
        gap: 4rem!important;
    }
    .footer .socials {
        justify-content: center;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: #fff!important;
    }
    .woocommerce-cart .quantity button {
        top: 48px;
    }
    .woocommerce-cart .quantity .qty-plus {
        right: -42px!important;
    }
    .footer-top {
        margin-bottom: 0!important;
    }
    .footer-widget .wp-block-columns {
        gap: 4rem!important;
    }

    .footer-widget {
        text-align: center;
    }
    .tab-content .disclaimer {
        bottom: 1rem!important;
    }
    .wp-block-group.community-block.white-bg {
        padding-bottom: 0!important;
        padding-top: 15rem!important;
    }
    body .hero .contact-column h2 {
        font-size: 3rem!important;
    }
    body.page-template-page-template-checkout .evf-frontend-grid.evf-grid-2:first-child {
        max-width: 100%!important;
        padding-right: 0!important;
    }
    body.page-template-page-template-checkout .evf-frontend-grid.evf-grid-2:last-child {
        max-width: 100%!important;
    }
    .tabs {
        gap: 1.5rem!important;
        flex-wrap: wrap!important;
        margin-bottom: 4rem!important;
        padding-bottom: 2rem!important;
        padding-top: 2rem!important;
    }

    .logosSwiper {
        max-width: calc(100vw - 14rem)!important;
    }
    .logos-slider .swiper-button-prev {
        left: 0!important;
        width: 4rem!important;
    }
    .logos-slider .swiper-button-next {
        right: 0!important;
        width: 4rem!important;
    }
    .footer-widget .wp-block-column:first-child {
        margin-left: auto;
    }
    .footer-widget .wp-block-social-links {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: center;
    }

    .footer-widget .wp-block-columns {
        flex-direction: column;
        align-items: center!important;
    }
    body .zigzag-block {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important;
    }

    body h1 {
        font-size: 4rem!important;
    }
    body h2 {
        font-size:3.4rem;
    }
    body h3 {
        font-size:2.4rem;
    }
    footer .footer-bottom ul {
        gap: 1rem;
        margin-bottom: 3rem;
    }
    .footer-bottom > .container {
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom .copyright {
        order: 3;
        margin: 1.6rem 0 0;
    }
    .footer-bottom ul {
        margin-left: auto;
    }

    .footer .socials {
        margin-right: auto;
        margin-left: auto;
    }


    .footer .container-wide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem !important;
    }

    .footer-right ul {
        gap: 1rem !important;
    }

    body .wp-block-button__link {
        font-size: 1.6rem !important;
    }

    .related-block .read-all-articles {
        text-indent: -9999px;
        overflow: hidden;
    }

    .mob-img-first .wp-block-column:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }


    .hide-mobile {
        display: none;
    }

}
@media only screen and (min-width:768px) {
    #order_review .checkout-footer {
        display: none;
    }
    .thankyou-right .thankyou-left-footer {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    .footer .socials {
        justify-content: space-between!important;
    }
    .footer-widget .wp-block-column:first-child .wp-block-image {
        margin-bottom: 0!important;
    }
    body footer .footer-widget .wp-block-columns {
        align-items: flex-start!important;
        text-align: left!important;
    }
    body footer .footer-widget .wp-block-columns > div,
    body footer .footer-widget .wp-block-columns .widget_nav_menu,
    body footer .footer-widget .wp-block-columns .wp-block-columns,
    body footer .footer-widget .wp-block-columns .wp-block-columns .wp-block-column  {
        width: 100%!important;
    }
    body footer .footer-widget .wp-block-columns .widget_nav_menu ul.menu {
        width: 100%;
    display: grid!important;
    grid-template-columns: repeat(2, 1fr);
            align-items: start!important;
            gap: 4rem!important;
    }
    body footer .footer-widget .location,
    body footer .footer-widget .email,
    body footer .footer-widget .phone {
        padding-left: 0!important;
    }
    body footer .footer-widget .email::before {
        top: 0!important;
    }
    footer .footer-widget .menu-item-88 {
        order: -1;
    }
    footer .footer-widget .wp-block-column:first-child {
        margin-left: 0!important;
    }
    .footer-bottom ul#menu-footer-bottom-menu {
        flex-direction: row!important;
        gap: 2.4rem!important;
    }
    .checkout-item-prices .price-single {
        left: 97px!important;
    }
    .woocommerce-checkout-review-order-table tr.cart_item {
        gap: 0!important;
    }
    .woocommerce-checkout-review-order-table tr.cart_item td.product-total {
        padding-right: 0!important;
    }
    .custom-coupon-wrap td {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    #pravna-lica-wrapper {
        margin-top: -24px;
    }
    li > .mini-cart-item__content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    li > .mini-cart-item__content .mini-cart-item__total {
        margin-top: auto!important;
    }
    .checkout-item-prices .price-total {
            position: relative;
        top: 3px;
        font-size: 15px!important;
    }
    .product-name .checkout-item-title {
            position: relative;
    display: block;
    }
    .product-name .checkout-item-title .checkout-variation {
        position: absolute;
        font-size: 10px;
        width: 20rem;
        top: 27px;
        left: 0;
    }
    .woocommerce-checkout-review-order-table tr.cart_item {
            grid-template-columns: 50% 1fr auto!important;
    }
    .woocommerce-checkout .custom-coupon-wrap form {
        display: flex!important;
        gap: 0!important;
        flex-direction: column!important;
    }
    .woocommerce-checkout .custom-coupon-wrap form button {
        width: 100%;
    }
    .woocommerce-terms-and-conditions-checkbox-text {
        font-size: 1.2rem!important;
    }
    .hero-video > div {
        padding-bottom: 6rem!important;
    }
    .single-product .body-content {
        padding-top: 9rem;
    }
    .gutenberg section.wp-block-group {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    .form-row.place-order {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .cards-icon {
        flex-wrap: wrap;
        justify-content: center;
    }
    .thankyou-right .thankyou-left-footer {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }
    .thankyou-left {
        padding-bottom: 0!important;
        min-height: 100%!important;
    }
    .thankyou-left .thankyou-left-footer {
        display: none;
    }
    .custom-thankyou {
        flex-direction: column;
        display: flex!important;
    }
    .wc-category-product__cart form {
        gap:1rem!important;
    }
    body .wc-category-product__title a {
        font-size:2.4rem!important;
    }
	#customer_details .checkout-footer {
        display: none;
    }
	 .woocommerce table.shop_table td {
        padding-left: 0!important;
    }
    body .summary .single_add_to_cart_button::before {
        bottom: -15px!important;
        font-size: .9rem!important;
    }
    body .summary .cart {
        margin-top: 1.8rem;
        padding-top: .6rem;
        gap: 1rem;
    }
    .related-products-slider-wrapper li a .woocommerce-loop-product__title {
        bottom: 1rem!important;
        font-size: 1.6rem!important;
        left: 1rem!important;
    }
    .related-products-slider-wrapper .product-type-variable span.price > span:not(:first-child) {
        display: none;
    }
    .related-products-slider-wrapper li.product .button {
        right: .7rem!important;
        top: 1rem!important;
    }
    .related-products-slider-wrapper li.product .button::after {
        width: 15px!important;
        height: 15px!important;
    }
    body .related-products-slider-wrapper li a .price {
        right: auto;
        left: 1rem;
        font-size: 1.2rem!important;
        bottom: auto!important;
        top: 1rem;
        white-space: nowrap;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        max-width: 100%!important;
        margin-bottom: 0!important;
    }
    #mini-cart-sidebar .mini-cart-item__qty {
        width: 6rem!important;
        bottom: 0!important;
        height: 3rem!important;
    }
    .mini-cart-content {
        width: 84vw!important;
    }
    .wc-other-categories-grid {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    body .wc-category-product {
        grid-template-columns: 1fr 1fr!important;
    }
    body .col6 {
        max-width: 100%;
    }
    body .custom-gallery > .wp-block-image {
        grid-area: none!important;
    }
    body .custom-gallery {
        grid-template-columns: repeat(1, 1fr)!important;
        display: flex!important;
    }
    .header .logo img {
        max-width: 8.4rem!important;
    }
    .wp-block-cover.has-parallax {
        min-height: 23rem!important;
    }
    .wp-block-cover.has-parallax .wp-block-cover__image-background {
        background-attachment: unset;
    }
    body .zigzag-columns {
        gap: 4.8rem!important;
    }
    .zigzag-columns .wp-block-column:nth-child(2) {
        margin-top: 0!important;
    }
    .wp-block-image.size-grid-item img {
        width: 100%;
    }
    body .hero-video,
    body .wp-block-cover {
        padding:8rem 0 2.4rem!important;
    }
    footer .footer-bottom ul {
        gap: 1px!important;
    }
    footer .socials {
        margin-top: 2.4rem!important;
    }
    footer .phone::before,
    footer .email::before,
    footer .location::before {
        position: relative;
        display: inline-block;
        margin-right: 1rem;
    }
    body .footer-widget .wp-block-columns, body #menu-footer-menu, .footer-widget > div > .wp-block-columns > .wp-block-column:nth-child(2) {
        flex-direction: column;
        align-items: center;
    }

    .checkout-flow {
        flex-direction: column;
        align-items: flex-start!important;
    }
   .gutenberg .accordions-wrapper .wp-block-group {
        padding-top: 0;
        padding-bottom: 0;
   }
    body .gutenberg .phones {
        flex-direction: column;
        padding: 0!important;
    }
    body .gutenberg .phones p {
        border-right: 1px solid var(--cta-color2)!important;
        width: 100%;
    }
    body .gutenberg .phones p:not(:last-child) {
        border-bottom: none!important;
    }
    .progress-wrap {
        bottom: 1rem!important;
        right: 1rem!important;
    }
    body .related-products-swiper .swiper-button-prev, body .related-products-swiper .swiper-button-next {
        top: 25px;
    }
    body .woocommerce-breadcrumb a:not(:first-child)::before {
        height: 3px;
        width: 3px;
        left: -9px;
    }
    .woocommerce-breadcrumb {
        gap: .7rem!important;
    }
    .woocommerce-breadcrumb a, .woocommerce-breadcrumb span {
        font-size: 1.2rem!important;
    }
    .product-reviews-section #reviews {
        gap: 2.4rem!important;
    }
    .review-toggle-btn, #review_form #submit {
        width: 100%;
    }
    .related-products-slider-wrapper h2.related-title {
        font-size: 2.7rem!important;
        padding-right: 0;
        margin-bottom: 2.4rem;
    }
    body .custom-product-gallery {
        width: 100vw!important;
        max-width: 100vw!important;
        overflow: hidden;
        margin: 0 -2rem;
    }
    .header {
        width: 100vw!important;
    }
    body .container-wide {
        max-width: 100vw;
    }

    .single-product .woocommerce-content {
        padding-top: 0;
    }
    body .woocommerce-content {
        max-width: 100vw;
    }
    .main-product-description {
        flex-direction: column;
    }
    .single-product .woocommerce-content > .product {
        gap: 2.4rem!important;
    }
    h1.product_title.entry-title {
        margin-bottom: 0;
    }
    .summary-inner > p.price:first-child {
        display: none;
    }
    .single-product .woocommerce-content > .product,
    form.checkout.woocommerce-checkout {
        flex-direction: column;
    }
    .custom-product-gallery,
    .single-product .woocommerce-content > .product .summary {
        max-width: 100%!important;
        width: 100%;
    }
    .next-tab {
        font-size: 1.4rem;
    }
     body .calendly-embeded .wp-block-spacer {
        display: none;
     }
    body .calendly-embeded {
        padding-bottom: 30rem!important;
    }
    .hero-contact .contact-column {
        padding: 2rem!important;
    }
    .contact-map-wrapper {
        padding-top: 18rem!important;
    }
    .hero-contact .contact-column {
        margin-bottom: 0!important;
    }
    .features-list h2 {
        margin-bottom: 8rem!important;
    }
    .features-list ul li {
        max-width: 100%!important;
    }
    #coaches {
        padding-bottom: 10rem!important;
    }
    body .coaches .coach {
        max-width: 100%!important;
    }
    footer .footer-bottom ul li::before {
        display: none!important;
    }

    .video-youtube .center-part h3 {
        min-width: 27rem!important;
        margin-top: 1rem!important;
    }
    .video-youtube svg {
        width: 6rem;
        height: auto;
    }
    .video-youtube img {
        aspect-ratio: 4/3!important;
    }

    body .accordion-title::after {
        right: 1rem;
    }
    .gutenberg .grey-section {
        padding: 3rem 2rem;
    }
    .gutenberg .wp-block-cover:first-child {
        padding-top: 12rem;
    }
    header #menu-secondary-menu-1 {
        display: none!important;
    }
    .footer-widget.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .alignfull,
    .alignwide {
        width: 100vw !important;
    }

    #posts-feed h1 {
        text-align: center;
    }

    .footer-widget .is-layout-flex {
        overflow-x: scroll;
    }

    .footer-widget .is-layout-flex::-webkit-scrollbar {
        display: none;
    }


    body .post-tags a {
        font-size: 1.2rem;
        margin: 0 1.2rem 1.2rem;
    }

    .post-author {
        font-size: 1.6rem !important;
    }

    .single-post-head .all-articles {
        margin-bottom: 2.4rem;
        font-size: 1.4rem;
    }

    .single-post-head .post-cats {
        font-size: 1.6rem;
        margin-bottom: 1.6rem;
    }




    .footer-widget p a {
        font-size: 1.6rem !important;
    }

    .footer-widget p a::before {
        width: 2rem !important;
        height: 2rem !important;
    }

    .footer-bottom ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-bottom ul li {
        margin: .5rem 0 !important;
    }

    .footer-bottom ul li:not(:last-child):after,
    footer .socials::before {
        display: none;

    }
}

@media only screen and (max-width:480px) {

}

/*------------------------------------*\
	end of RESPONSIVE
\*------------------------------------*/
/*------------------------------------*\
	BLOG
\*------------------------------------*/
.all-cats {
    font-size: 1.8rem;
    margin-top: 3.2rem;
}

.all-cats a:first-child {
    margin-left: 0;
}

.all-cats a {
    color: var(--black-color);
    display: inline-block;
    margin-left: 3.2rem;
    position: relative;
    padding: 1rem 0;
    line-height: 1.5;
}

.all-cats a::after {
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--black-color);
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    left: 0;
}

.current-cat {
    pointer-events: none;
}

.current-cat::after,
.all-cats a:hover::after {
    opacity: 1 !important;
    width: 100% !important;
}

.page-section {
    padding: 4rem 0;
}

.featured-post.post-in-loop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.featured-post.post-in-loop h2 a {
    line-height: 1.2;
}

.featured-post.post-in-loop .excerpt {
    font-size: 1.8rem;
    line-height: 1.5;
}

.featured-post.post-in-loop .post-cats-loop span a {
    font-size: 1.8rem;
    line-height: 1.5;
}

.featured-post.post-in-loop img {
    border-radius: 1rem;
    aspect-ratio: 770/480;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 77rem;
}

.featured-post.post-in-loop > a {
    border-radius: 1rem;
    aspect-ratio: 770/480;
    display: block;
    overflow: hidden;
}

.post-in-loop:not(.featured-post) img {
    aspect-ratio: 450/376;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}

.post-in-loop:not(.featured-post) > a {
    overflow: hidden;
    border-radius: 1.2rem;
    aspect-ratio: 450/376;
    margin-bottom: 2rem;
}

.post-in-loop > a:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.post-in-loop h3 {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
}

.post-in-loop h3 a:hover {
    color: var(--black-color) !important;
}

.post-in-loop h3 a {
    color: var(--base-color);
}

.post-in-loop img {
    border-radius: 1.2rem;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
}

.post-in-loop-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 3.2rem;
}

.post-in-loop-content h2 a {
    color: var(--base-color);
    display: inline-block;
    line-height: 1;
}

.post-cats-loop span {
    display: inline-block;
    margin: 0 18px 12px 0;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--cta-color);
    position: relative;
}

.post-cats-loop span a:hover {
    opacity: .84;
}

.excerpt {
    line-height: 1.41;
}

/*------------------------------------*\
	END OF BLOG
\*------------------------------------*/
/*------------------------------------*\
	SINGLE ARTICLE
\*------------------------------------*/
.single-post-content {
    max-width: 70rem;
    margin: 0 10rem;
}

.single-post-content h1 {
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 3.2rem;
}

.single-post-content img {
    width: 100%;
    max-width: 100%;
    border-radius: 1.2rem;
    margin-bottom: 3.2rem;
}

.postsSwiper {
    margin-right: calc((141.4rem - 100vw) / 2);
}

.all-articles {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--base-color);
    font-weight: 500;
    margin-bottom: 6.4rem;
}

.MAC .all-articles svg {
    top: -1px;
}

.all-articles svg {
    margin-right: .7rem;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    position: relative;
    /* top: 1px;*/
}

.all-articles:hover svg {
    -webkit-transform: translateX(-5px) scale(-1);
    transform: translateX(-5px) scale(-1);
}

.post-cats {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3.2rem;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
}

.post-cats a {
    color: #fff !important;
    text-decoration: none !important;
    background-color: var(--cta-color);
    text-transform: capitalize;
    font-size: 1.5rem;
    font-weight: 500;
    border-radius: .3rem;
    line-height: 1;
    padding: 0.7rem 2rem!important;
    display: inline-block;
}

.post-cats a:hover {
    background-color: var(--cta-color2);
    color: var(--black-color)!important;
}

.post-tags {
    text-align: center;
    margin-bottom: 2.4rem;
}

.post-tags a {
    background-color: var(--grey);
    text-decoration: none !important;
    border-radius: 10rem;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 1rem 1.6rem;
    margin: 0 1.6rem 1.6rem;
    line-height: 1.5;
    text-align: center;
}

.post-tags a:hover {
    background-color: var(--cta-color);
}

.post-metas {
    color: #8E8E93;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 3.2rem;
    line-height: 1.29;
}

.post-metas span.date::after,
.post-metas span.date::before {
    content: "";
    background-color: var(--cta-color2);
    width: 2px;
    height: 1rem;
    display: inline-block;
    position: relative;
    margin: 0 1rem;
    top: 0;
}

.single-excerpt {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 2.4rem;
}

.gutenberg ol,
.gutenberg ul {
    margin-bottom: 2.8rem;
    padding-left: 2.3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.gutenberg ul:not([class]) {
    list-style: none;
}
.gutenberg ul:not([class]) li {
    position: relative;
}
.gutenberg ul:not([class]) li::before {
    content: "";
    position: absolute;
    background: url(assets/images/bullet.svg) no-repeat;
    top: 0;
    left: -2.7rem;
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem;
}

.gutenberg p {
    line-height: 1.5;
}

.gutenberg a:not([class]),
.accordion-item a:not([class]) {
    text-decoration: none;
    color: var(--base-color);
    display: inline-block;
    position: relative;
    line-height: 1.3;
}
.gutenberg a:not([class])::before,
.accordion-item a:not([class])::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--base-color);
    transition: all .23s ease;
}
.gutenberg a:not([class])::after,
.accordion-item a:not([class])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--cta-color2);
    transition: all .23s ease;
}

.gutenberg a:not([class]):hover,
.accordion-item a:not([class]):hover {
    text-decoration: none;
    color: var(--cta-color2);
}
.gutenberg a:not([class]):hover::after,
.accordion-item a:not([class]):hover::after {
    width: 100%;
}

.single-post-content .wp-block-group {
    padding: 4rem;
    border-radius: 1.2rem;
}

.single-post-content .wp-block-group p:last-child {
    margin-bottom: 0;
}

.postsSwiper {
    margin-right: calc((138.1rem - 100vw) / 2) !important;
}

.related-block {
    padding: 4rem 0;
}

.read-all-articles {
    margin-left: auto;
    font-weight: 500;
}

.MAC .read-all-articles svg {
    top: -1px;
}

.read-all-articles svg {
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    margin-left: .7rem;
    position: relative;
    /*top: -1px;*/
}

.read-all-articles:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.latest-posts-header {
    margin-bottom: 2.4rem;
}

.post-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post-author {
    margin-bottom: 3.2rem;
    font-size: 2rem;
    font-weight: 600;
}

.post-author img {
    width: 5.2rem;
    border-radius: 1rem;
    aspect-ratio: 1/1;
    margin: 0 1.2rem 0 0;
}

.social-share {
    padding-top: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.social-share span {
    font-size: 1.6rem;
    margin-bottom: 3rem;
}

.social-share button {
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
    background-color: transparent;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    width: 4.6rem;
    height: 4.6rem;
    margin-bottom: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.social-share button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#162843), to(#151519));
    background: linear-gradient(180deg, #162843 0%, #151519 100%);
}

.social-share button:hover svg path {
    fill: #fff;
}

.social-share button svg path,
.social-share button svg {
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
}

.right-balance {
    width: 4.6rem;
}

.single-post-head .all-articles {
    position: relative;
    top: 1px;
}

.single-post-head .post-metas {
    font-size: 1.4rem;
    line-height: 1.5;
}

/*------------------------------------*\
	end of SINGLE ARTICLE
\*------------------------------------*/


.single .wp-block-embed iframe {
    width: 100%;
}


.wpcf7-spinner {
    display: none !important;
}

.wpcf7-submit {
    width: auto !important;
    cursor: pointer;
}

.wpcf7-submit:hover {
    background-color: var(--base-color);
}

.wpcf7-not-valid-tip {
    font-size: 1.4rem !important;
    color: #FF4500;
    position: relative;
    left: 12px;
}
.wpcf7 abbr {
    color: #FF4500;
        position: relative;
    left: 3px;
}
.wpcf7-response-output {
    font-weight: 700;
}
.sent .wpcf7-response-output{
    color: #005F50;
}


.wp-block-cover {
    color: var(--secondary-color);
    padding: 8rem 2rem!important;
}
.wp-block-cover > div.wp-block-cover__inner-container {
    max-width: var(--container);
    margin: 0 auto!important;
    width: 100%!important;
    padding: 0 2rem;
} 

.wp-block-cover, .wp-block-cover-image {
    border-radius: 0!important;
}

#hero video {
    aspect-ratio: 1000/727;
    -o-object-fit: cover;
    object-fit: cover;
}

.gutenberg .wp-block-image {
    margin-bottom: 2.3rem;
    overflow: hidden;
}

.gutenberg .wp-block-column p:last-child {
    margin-bottom: 0;
}

.gutenberg figure.wp-block-gallery.has-nested-images {
    gap: 1rem;
    margin-bottom: 1rem;
}

.vbox-grab .vbox-child img {
    max-height: 90vh;
}

.sticky {
  /*  top: 0;
    position: -webkit-sticky;
    position: sticky;*/
   /* padding: 0;*/
}

.gutenberg .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    max-height: 100%;
}

.gutenberg .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
    font-size: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}



/****** contact page ****/



/**** FAQs ****/

.accordion-title {
    cursor: pointer;
    font-family: var(--alt-font);
    font-size: 2.7rem;
    position: relative;
    line-height: 1;
    padding: 2rem 4.5rem 2rem 2rem;
}
.accordion-title::after {
    content: "";
    position: absolute;
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(assets/images/chevron-down.svg) no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}
.accordion-title.opened::after {
    content: "";
    transform: scaleY(-1);
    top: calc(50% - 1rem);
}
.accordion-content {
    padding:  0 2rem 2rem;
    display: none;
    font-size: 2rem;
}
.accordion p {
    margin-bottom: 0;
}

.gutenberg .accordion {
    padding: 0;
    border-top: 1px solid #BEBEBE;
}

.gutenberg .accordion .wp-block-group__inner-container {
    padding: 0!important;
}



.video-youtube {
    display: block;
    position: relative;
}
.video-youtube img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/7;
}
.video-youtube .center-part {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.center-part {text-align: center;}
.video-youtube .center-part h3 {
    margin: 2.6rem 0 0;
    min-width: 39rem;
    color: #fff;
}

/*** Error 404 ***/
.page404-section {
    position: relative;
    background: url(assets/images/clouds.svg) no-repeat;
    background-size: 95%;
    background-position: center;
}

.page404-section .container  {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.6rem;
}
.content404 {
    max-width: 44rem;
}
.content404 h1 {
    font-weight: 500;
    font-size: 25rem;
    line-height: 0.1em;
    color: var(--cta-color2);
    margin-bottom: 1.2rem;
    line-height: 1;
}

.page404-section .back-link {
    display: inline-flex;
    margin-top: 6rem;
    align-items: center;
    gap: 1rem;
    color: var(--base-color);
}
.page404-section .back-link svg {
    transition: all .23s ease;
}
.page404-section .back-link:hover svg {
    transform: translateX(-5px);
}
.page404-section .wp-block-button__link {
    min-width: 18rem;
}




/**** TEAM ****/

.back svg {
    transition: all .23s ease;
}
.back:hover svg {
    transform: translateX(-7px);
}

.rank-math-breadcrumb .last {
    font-weight: 700;
}
.breadcrumbs {
    gap: .4rem;
    font-family: var(--alt-font);
}
.breadcrumbs a {
    color: var(--base-color);
}
 

.team-member-box .col4 {
    flex: 1 1 auto;
}
.team-member-box {
    border-radius: 15px;
background-color: var(--cta-color2);
padding: 4rem;
margin-top: 9rem;
max-width: 99rem;
justify-content: space-between;
}
.col-logo {
    max-width: 33rem;
}
.col-logo img {
    margin-bottom: 1rem;
}
.team-member-box a {
    color: var(--base-color);
}
.team-member-box svg {
    margin-bottom: 1.8rem;
}
.team-member-box h4 {
    max-width: 24.6rem;
    letter-spacing: 2px;
}
.team-member-box strong {
    display: block;
    margin-bottom: 1.6rem;
}
.team-member-box .flex-column {
    justify-content: space-between;
    gap: 3rem;
}

#nextpreviouslinks {
    margin-top: 2.5rem;
    width: 100%;
    justify-content: space-between;
}
#nextpreviouslinks a {
    color: var(--base-color);
}
#nextpreviouslinks svg {
    transition: all .23s ease-in;
}
#nextpreviouslinks svg path {
    fill: var(--base-color);
}
.prev-post:hover svg {
    transform: translateX(-10px);
}
.next-post:hover svg {
    transform: translateX(10px);
}
#nextpreviouslinks .arrow {
    gap:.8rem;
}
.next-post {
    margin-left: auto;
}



.load-more {
    border-radius: 15px;
    border: 1px solid #0A3652;
    line-height: 1;
    color: var(--base-color);
    margin: 4rem auto 0;
    font-weight: 700;
    cursor: pointer;
    transition: all .23s ease;
    padding: 6px 15px;
    display: inline-block;
}
.load-more:hover {
    background-color: var(--base-color);
    color: #fff;
}





.page-hero .wp-block-columns {
    justify-content: space-between;
}
.page-hero .wp-block-columns h1 {
    line-height: 1;
    font-size: 5rem;
    margin-bottom: 2.7rem;
}

.page-hero .wp-block-columns .wp-block-buttons {
    margin-top: 6rem;
}

.zig-zag {
    justify-content: space-between;
    max-width: 864px;
    margin: 7rem auto 0;
}


.pricing-tables .wp-block-columns {
    gap: 2.4rem;
}
.pricing-tables .wp-block-column {
    border: 1px solid var(--base-color);
    border-radius: 1rem;
    padding: 2.4rem;
}
.pricing-tables .wp-block-column h3 {
    font-size: 2.8rem;
    margin-bottom: 1rem;
}
.pricing-tables .wp-block-column h5 {
    font-size: 1.5rem;
    margin-bottom: 2.7rem;
    font-weight: 700;
}
.pricing-tables .wp-block-column .wp-block-button__link {
    width: 100%;
    background-color: var(--cta-color2);
    color: var(--cta-color);
    margin: 2rem 0 5rem;
    height: 4rem;
}
.pricing-tables .wp-block-column .wp-block-button__link:hover {
    opacity: 1;
    color: var(--cta-color2)!important;
}
.pricing-tables .wp-block-column .wp-block-button {
    width: 100%;
}
.pricing-tables .wp-block-column ul {
    gap: 1.6rem;
    list-style: none;
    padding-left: 0;
}
.pricing-tables .wp-block-column ul li {
    position: relative;
    padding-left: 2.7rem;
}
.pricing-tables .wp-block-column ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    background: url(assets/images/icon-checkmark.svg) no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
}
.pricing-tables .wp-block-column .subtitle {
    color: var(--base-color);
    text-transform: unset;
    font-size: 1.5rem;
}
.pricing-tables .wp-block-column .subtitle::after {
    display: block;
    content: "";
    margin: 2rem 0 2rem;
    background-color: var(--base-color);
    height: 1px;
    width: 100%;
}



.icon-columns p strong {
    letter-spacing: 0!important;
}
.icon-columns img {
    height: 5rem;
}


.wp-block-image.right-edge a:hover {
    opacity: .8;
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover {
    color: var(--base-color)!important;
    color: #fff!important;
}

.wp-block-button.is-style-btn-outline-white > a {
    position: relative;
    z-index: 0;
}

.wp-block-button.is-style-btn-outline-white > a::after {
    content: "";
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .23s ease;
    height: 0;
    position: absolute;
    background-color: var(--secondary-color);
}
.wp-block-button.is-style-btn-outline-white > a:hover::after {
    height: 100%;
}

.wp-block-buttons div[class="wp-block-button"] > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--base-color);
    transition: all .23s ease;
    height: 0;
    z-index: 1;
}
.wp-block-buttons div[class="wp-block-button"] > a:hover::before {
    height: 100%;
}

.wp-block-buttons div[class="wp-block-button"] > a:hover {
    color:var(--secondary-color);
}
.wp-block-buttons div[class="wp-block-button"] > a {
    position: relative;
    z-index: 3;
}
.wp-block-buttons div[class="wp-block-button"] > a strong {
    font-weight: 500;
    position: relative;
    z-index: 3;
	
}


.wp-block-button.is-style-btn-outline-white a {
    border-color: var(--secondary-color);
    background-color: transparent;
    color: var(--secondary-color);
    white-space: nowrap;
}
.wp-block-button.is-style-btn-outline-white a:hover {
    color: var(--base-color);
}

.logged-in.admin-bar header.header {
    top: 32px!important;
}
/*a.wp-block-button__link {
    background-color: #072B2A;
}
*/

.wp-block-columns.wp-container-core-columns-layout-1 .wp-block-column {
    margin: 0 auto;
}

.logos-columns {
        border-radius: 2.4rem;
    background: #F8F8F8;
    padding: 6rem 3.6rem;
    margin-top: 6rem;
}
.logos-columns img {
    border-radius: 0!important;
}
.logos-columns .wp-block-column {
    background-color: #fff;
    padding: 3.2rem;
}


header.sticky #menu-secondary-menu-1 .cta:not(.cta-outline) > a,
header.alt-header #menu-secondary-menu-1 .cta:not(.cta-outline) > a,
body .accordions-wrapper .is-style-btn-outline-dark > a {
    background-color: var(--base-color)!important;
    color: #fff!important;
    border:none!important;
}
header.sticky #menu-secondary-menu-1 .cta:not(.cta-outline) > a:hover,
header.alt-header #menu-secondary-menu-1 .cta:not(.cta-outline) > a:hover,
body .accordions-wrapper .is-style-btn-outline-dark > a:hover {
    background-color: rgba(10, 54, 82, .8)!important;
}





.single-post-head {
    text-align: left;
}
.flex-left {
    justify-content: flex-start!important;
    display: flex;
}

#rank-math-toc {
    background-color: #fff;
    border-radius: .3rem;
    padding: 2.5rem;
    margin-bottom: 4rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.02), 0 3px 6px rgba(0,0,0,0.23);
}
#rank-math-toc h2 {
    font-size: 2.3rem;
}
#rank-math-toc ul {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-left: 3rem!important;
  }
  #rank-math-toc li {
    counter-increment: my-awesome-counter;
    position: relative;
  }
  #rank-math-toc li:not(:last-child) {
    border-bottom: 1px solid var(--grey-color);
    padding-bottom: 1rem;
  }
  #rank-math-toc li a {
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
  }
  #rank-math-toc li::before {
    content:  counter(my-awesome-counter)". ";
    font-size: 2rem;
    font-family: var(--alt-font);
        position: absolute;
      left: -3rem;
      top: .4rem;
      line-height: 1;
      background-color: transparent!important;
  }



  .rank-math-breadcrumb .separator {
    background: url(assets/images/chevron-right.svg) no-repeat;
        width: 2rem;
    height: 2rem;
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 5px;
  }
.rank-math-breadcrumb p {
    font-size: 1.4rem;
}

.category-heading {
    margin-bottom: 4rem;
    padding: 16rem 0 4rem;
    position: relative;
    background-image: radial-gradient(var(--grey-color) 1px,transparent 1px);
    background-size: 15px 15px;
}

.category-heading .container {
    gap: 4rem;
}
.category-heading img {
    border-radius: 1rem;
    max-width: 33%;
}
.category-heading-content {
    font-size: 1.8rem;
}

.category-heading h1:last-child {
    margin-bottom: 0;
}

.post-in-loop {
    gap: 4rem;
}
.post-in-loop .post-in-loop-image {
    position: relative;
    max-width: 45%;
}
.post-in-loop .post-in-loop-content {
    flex: 1;
    padding: 0;
}
.post-in-loop .post-in-loop-content h3 {
    font-weight: 600;
}
.post-in-loop .post-in-loop-image img {
    aspect-ratio: 330/220;
    object-fit: cover;
    height: auto;
    width: 100%;
}
.excerpt {
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.post-in-loop-image .btn {
    position: absolute;
    bottom: 1rem;
    left: -1rem;
}
.post-in-loop:not(:last-child) {
    margin-bottom: 4rem;
}
.section-title::before {
    content: "";
    width: .4rem;
    height: 3rem;
    background-color: var(--cta-color2);
    display: inline-block;
    position: relative;
    transform: rotate(14deg);
    margin-right: 1rem;
    top: .5rem;
}
.section-title::after {
    content: "";
    width: .4rem;
    height: 3rem;
    background-color: var(--cta-color2);
    display: inline-block;
    position: relative;
    transform: rotate(14deg);
    margin-left: 1rem;
    top: .5rem;
}



.articles-grid {
    margin-bottom: 5rem;
}

.wp-block-categories-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 4rem 0;
    background-color: var(--cta-color);
    border-radius: 1rem;
    padding: 0 0;
    overflow: hidden;
}
.wp-block-categories-list a {
    color: var(--base-color);
    padding: 1rem 2rem;
    display: block;
    border-bottom: 1px solid var(--cta-color2);
    position: relative;
    font-weight: 500;
    font-family: var(--alt-font);
}
.wp-block-categories-list a::after {
    content: "";
    position: absolute;
    bottom: -.15rem;
    left: 0;
    background-color: var(--cta-color2);
    height: .3rem;
    width: 0;
    transition: all .27s ease-in;
}
.wp-block-categories-list a:hover::after {
    width: 100%;
}
.wp-block-categories-list li {
    padding: 0;
    margin: 0;
}
.wp-block-categories-list .current-cat a {
    background-color: var(--cta-color2);
}
.sidebar-widget {
    position: sticky;
    top: 8rem;
}
.sidebar-widget img {
    border-radius: 1rem;
}


.post-metas {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: var(--base-color);
}
.post-metas a {
    display: inline-block;
    margin: 0 0 0 .5rem;
    font-weight: 600;
    text-transform: capitalize;
}
.pagination-bar-wrapper {
    padding: 0 2rem;
    margin-top: 8rem;
}
.pagination-bar {
    border-radius: 1.6rem;
    background: #C8C8C8;
    width: 100%;
    height: 0.4rem;
    max-width: 46rem;
    margin: 2.5rem auto 5rem;
    position: relative;
}
.pagination-bar span {
    transition: all .23s ease-in;
    background-color: var(--base-color);
    height: .4rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.author-image img{
    border-radius: 100%;
    width: 15rem;
    max-width: 100%!important;
}
.author-bio {
    flex: 1;
}
.category-heading-content > .flex {
    gap: 4rem;
    max-width: 80%;
}

#relatedposts .post-in-loop,
.author .post-in-loop  {
    gap: 1rem;
}
#relatedposts .post-in-loop a,
.author .post-in-loop a {
    margin-bottom: 0;
}
#relatedposts .post-in-loop .post-cats-loop  a,
.author .post-in-loop .post-cats-loop  a {
    font-size: 1.4rem;
    text-transform: capitalize!important;
}
#relatedposts .post-in-loop h3, .author .post-in-loop h3 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 2.2rem;
}

.total-articles {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    font-size: 1.4rem;
}
.total-articles b {
    font-size: 3rem;
    font-weight: 800;
}
.author .category-heading-content {
    display: flex;
    align-items: center;
}















.has-background .wp-block-button > a {
    border-radius: 1rem;
    border: 1px solid #fff;
}
.columns-3.has-dates.wp-block-latest-posts {
    flex-direction: row!important;
    gap: 2.5rem!important;
}
.columns-3.has-dates.wp-block-latest-posts li {
    border: 1px solid var(--cta-color);
    border-radius: 1rem;
    margin: 0!important;
    max-width: calc(33.33% - 1.5rem);
    padding: 0 2.5rem 2.5rem;
    transition: all .33s ease;
}
.columns-3.has-dates.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
    margin: -.2rem -2.6rem 2rem;
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
   
}
.columns-3.has-dates.wp-block-latest-posts li .wp-block-latest-posts__featured-image:hover img {
    transform: scale(1.03);
    
}
.columns-3.has-dates.wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
    transition: all .33s ease;
    width: 100%;
    object-fit: cover;
    height: 100%;
    aspect-ratio: 600/440;
}
.columns-3.has-dates.wp-block-latest-posts li .wp-block-latest-posts__featured-image a {
    display: block;
}
.columns-3.has-dates.wp-block-latest-posts li:hover {
    background-color: #ffe2e3;
}
.columns-3.has-dates.wp-block-latest-posts li time {
    display: block;
    margin-top: 2rem;
}



/*------------------------------------*\
	HOMEPAGE
\*------------------------------------*/
.hero-video {
    height: 100vh;
    width: 100%;
    color: var(--secondary-color);
    padding: 8rem 0;
}
.hero-video > div {
    max-width: var(--container);
    padding: 0 2rem;
    width: 100% !important;
    margin: 0 auto !important;
}
.hero-video h1 {
    font-size: 3.8rem!important;
    line-height: 1;
    margin-bottom: 1.2rem;
}
.hero-video p {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 1.8rem;
}




.home-intro {
    padding-top: 2.4rem!important;
    padding-bottom: 2.4rem!important;
}


.brown-block {
    background-color: var(--base-color);
    color: var(--secondary-color);
    font-size: 1.8rem;
    padding:4rem 2rem;
    width: calc(100vw - 4.8rem);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	padding-left: calc((100vw - var(--container)) / 2);
    padding-right: calc((100vw - var(--container)) / 2);
}
.brown-block p {
    line-height: 1.3;
}
.brown-block .wp-block-image:last-child {
    margin-bottom: 0;
}
.brown-block h3 {
    font-size: 3rem;
    margin-bottom: 1.6rem;
}
.brown-block h3 strong {
    color: var(--cta-color2);
    font-weight: 400;
}
.heading {
    text-align: center;
    line-height: 1;
}
.heading strong {
    font-weight: 400;
    color: var(--cta-color2);
}
.heading::after {
    content: "";
    display: block;
    background-color: var(--cta-color2);
    height: 1px;
    width: 5rem;
    margin: 2.4rem auto;
}


.zigzag-columns {
    gap: 2.4rem!important;
    margin: 4.8rem 0!important;
}
.zigzag-columns .wp-block-column:nth-child(2) {
   /* margin-top: 6.6rem;*/
    position: relative;
}
.zigzag-columns .wp-block-image {
    margin-bottom: 1.6rem;
}
.zigzag-columns h3 {
    font-size: 3rem;
    border-bottom: 1px solid var(--cta-color2);
    margin-bottom: 1.6rem;
    padding-bottom: .6rem;
}
.zigzag-columns p {
    font-size: 1.8rem;
    line-height: 1.3;
}

.faqs-block {
    padding: 4.8rem 0!important;
    font-size: 1.8rem;
}
.faqs-block .accordion-item:last-child {
    margin-bottom: -1.2rem;
}
.faqs-block h3.heading {
    text-align: left;
}
.faqs-block h3.heading::after {
    margin-left: 0;
}
.faqs-block p {
    line-height: 1.3;
}

.faqs-block .accordion-item h3 {
    text-transform: none;
    font-size: 1.8rem;
    font-weight: 400;
    border-bottom: 1px solid var(--base-color);
    height: auto!important;
    padding: .4rem 0 1.6rem;
}

.faqs-block .accordion-item h3::after {
    bottom: 2rem;
}

.faqs-block .accordion-item p {
    font-size: 1.6rem;
}
.faqs-block .accordion-item p:last-child {
    margin-bottom: 3rem;
}
.faqs-block .wp-block-columns {
    justify-content: space-between;
}
.faqs-block .wp-block-column {
    max-width: 40.8rem;
}


/* FULL WIDTH WRAPPER */
.ticker-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* RESET WP LIMITA */
.ticker-wrap > .wp-block-group__inner-container {
    max-width: none !important;
    width: 100%;
}

/* TRACK */
.wp-block-gallery.ticker {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    gap: 0 !important;

    animation: ticker var(--ticker-duration, 40s) linear infinite;
    will-change: transform;
}

.wp-block-gallery.ticker.ticker--reverse {
    animation: ticker-reverse var(--ticker-duration, 40s) linear infinite;
}

/* ITEMS */
.wp-block-gallery.ticker > figure {
    flex: 0 0 auto;
    margin: 0 4rem 0 0!important;
    width: fit-content!important;
}

/* KEYFRAMES – koristi JS varijablu */
@keyframes ticker {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-1 * var(--ticker-distance)));
    }
}

@keyframes ticker-reverse {
    from { transform: translateX(calc(-1 * var(--ticker-distance))); }
    to   { transform: translateX(0); }
}

.wp-block-gallery.ticker[style*="--ticker-distance"] {
    opacity: 1;
}
/*

.ticker-wrap .wp-block-gallery.ticker > figure {
    flex: 0 0 auto;
    width: fit-content!important;
    margin: 0!important;
    padding-right: 4rem!important;

}*/

.ticker-wrap .wp-block-gallery.ticker > figure img {
    height: 10rem!important;
    object-fit: contain!important;
    max-width: fit-content!important;
    width: auto!important;
}









/*----------------------------*/


#logos {
    padding:6rem 0;
    background-color: #FAF9ED;
}
#logos h5 {
    font-weight: 500;
}
.logos-slider .swiper-button-prev {
    left: 2rem;
}
.logos-slider .swiper-button-next {
    right: 2rem;
}
.logos-slider .swiper-button-prev,
.logos-slider .swiper-button-next {
    width: 5rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin: 0!important;
}
.logos-slider {
    position: relative;
    margin: 0!important;
}
.logosSwiper {
    max-width: 82.2rem;
    padding: 4rem 0!important;
}
.logosSwiper .swiper-slide img {
    max-height: 4rem;
}
/****** end of LOGOS ******/

/*----------------------------*/


/****** TESTIMONIALS BLOCK ******/
.testimonials-block {
    padding: 12REM 0 15REM;
}

.testimonial-footer {
    margin: -4.3rem auto 0;
    background-color: #fff;
    max-width: 23.3rem;
}
.testimonials-slider {
   /* max-width: 91.6rem;*/
}
.testimonials-slider .testimonial-title {
    font-size: 3.2rem;
    font-family: var(--alt-font);
}

.testimonials-slider .testimonial-text {
    max-width: 75.2rem;
    margin: 6rem auto 0;
    padding: 4rem 5.3rem 6rem;
    border: 1px solid var(--cta-color2);

}
.testimonials-slider img {
    max-width: 8.6rem;
    border-radius: 100%;
    overflow: hidden;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}
.testimonials-slider .swiper-button-prev {
    left: calc((100vw - 90.2rem) / 2);
}
.testimonials-slider .swiper-button-next {
    right: calc((100vw - 90.2rem) / 2);
}
.testimonials-slider .swiper-button-prev,
.testimonials-slider .swiper-button-next {
    width: 5rem;
    top: 39%;
}
/****** TESTIMONIALS BLOCK ******/


/*------------------------------------*\
	end of HOMEPAGE
\*------------------------------------*/




/*------------------------------------*\
	ABOUT US
\*------------------------------------*/
.wp-block-group.wc-category-hero__content.shop-header__content {
    padding: 0!important;
}

.zigzag-block {
    /*padding-top: 7.8rem!important;*/
    padding-top: 0!important;
    padding-bottom: 10.8rem!important;
    position: relative;
}
/*.zigzag-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--base-color);
    height: 1px;
    width: calc(100vw - 4.8rem);
}*/
.zigzag-block > div {
    display: flex;
    flex-direction: column;
    gap: 10.8rem;
}
.zigzag-block .zigzag {
    gap: 9.6rem!important;
    margin: 0!important;
    font-size: 1.8rem;
}
.zigzag-block .zigzag h2 {
    text-align: left!important;
    font-size: 4rem;
}
.zigzag-block .zigzag p {
    font-weight: 300;
    line-height: 1.2;
}
.zigzag-block .zigzag h2::after {
    margin-left: 0;
}


.custom-gallery {
    gap: 2.4rem!important;
     display: grid!important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto;
padding: 2.4rem;
position: relative;
margin-bottom: 0!important;
  grid-template-areas:
    "a b c"
    "d d d"
    "e f f";
}
.custom-gallery::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--base-color);
    height: 1px;
    width: calc(100vw - 4.8rem);
}
.custom-gallery::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--base-color);
    height: 1px;
    width: calc(100vw - 4.8rem);
}
.custom-gallery > .wp-block-image {
    margin: 0!important;
    max-width: 100%!important;
    width: 100%!important;
    height: 80vh;
}
.custom-gallery > .wp-block-image:nth-child(1) {
    grid-area: a;
}
.custom-gallery > .wp-block-image:nth-child(2) {
    grid-area: b;
}
.custom-gallery > .wp-block-image:nth-child(3) {
    grid-area: c;
}
.custom-gallery > .wp-block-image:nth-child(4) {
    grid-area: d;
}
.custom-gallery > .wp-block-image:nth-child(5) {
    grid-area: e;
}
.custom-gallery > .wp-block-image:nth-child(6) {
    grid-area: f;
}


.gutenberg .wp-block-group.wc-pattern-block {
    margin-top: 0;
}
.gutenberg .wp-block-group.wc-pattern-block h2 {
    text-align: left;
    font-size: 4rem!important;
}
.gutenberg .wp-block-group.wc-pattern-block h2::after {
    margin-left: 0;
}
.gutenberg .wp-block-group.wc-pattern-block::before {
    display: none;
}
.gutenberg .wp-block-group.wc-pattern-block > div::after {
    bottom: auto;
    top: 0;
}
/*------------------------------------*\
	CONTACT US
\*------------------------------------*/
.contact-wrapper {
    gap: 0!important;
}
.contact-wrapper p {
    line-height: 1.2;
}
.contact-wrapper .heading {
    text-align: left;
}
.contact-wrapper .heading::after {
    margin-left: 0;
}
.contact-wrapper .wp-block-column:first-child {
    padding-left: calc((100vw - var(--container)) / 2 + 2rem);
    padding-right: 4.8rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.contact-wrapper .wp-block-column:first-child h4 {
    font-family: var(--alt-font);
    line-height: 1;
    font-size: 2.4rem;
    border-top: 1px dashed var(--base-color);
    padding-top: 2.4rem;
}
.contact-wrapper .wp-block-column:last-child {
   background-color: #FFF3E5;
   padding: 9.8rem 2rem 4rem 7rem;
   padding-right: calc((100vw - var(--container)) / 2);
}
.contact-wrapper .wp-block-column:last-child h3 {
    margin-bottom: 1rem;
}
.contact-wrapper .wp-block-column:last-child h3 strong {
    font-weight: 400;
    color: var(--cta-color2);
}

.contact-wrapper .wp-block-column:last-child h4 {
    font-weight: 400;
    font-size: 2.4rem;
    font-family: var(--alt-font);
    line-height: 1;
    border-bottom: 1px solid var(--cta-color2);
    padding-bottom: .4rem;
    margin-bottom: 1.6rem;
}

.contact-wrapper .phone {
    margin: 0 0 .5rem;
}
.contact-wrapper .phone a,
.contact-wrapper .email a {
    text-decoration: none;
    white-space: nowrap;
}
.contact-wrapper .phone::before {
    top: 5px;
}
.contact-wrapper .email::before {
    top: 6px;
}


.row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin: 0!important;
}

.col12 {
    width: 100%;
}
.col6 {
    width: 100%;
    max-width: calc(50% - 8px);
}
.contact-wrapper label {
    font-family: var(--alt-font);
    text-transform: uppercase;
    font-size: 1.6rem;
    padding: 0!important;
}
.contact-wrapper input,
.contact-wrapper textarea {
    border-color: var(--base-color)!important;
    color: var(--base-color);
    font-size: 1.6rem;
    font-family: "Zilla Slab", serif!important;
    padding-left: 1.1rem!important;
}

.contact-wrapper .wpcf7-submit {
    width: 100%!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: .6rem 1.1rem!important;
}
/*------------------------------------*\
	END OF CONTACT US
\*------------------------------------*/



/****** ORDERED LIST block ******/
.ordered-list {
    gap: 16rem;
}
.ordered-list h4 {
    font-family: var(--alt-font);
    font-size: 2.8rem;
}
.ordered-list h4 strong {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    width: 4.4rem;
    text-align: center;
    display: inline-block;
    margin-right: .5rem;
}
.ordered-list h4 strong::after {
    content: "";
    background-color: var(--cta-color2);
    height: 2px;
    width: 4.4rem;
    display: block;
}
.ordered-list:not(:last-child){
    margin-bottom: 13rem;
}
/****** end of ORDERED LIST block ******/

/*----------------------------*/




.wp-block-quote::before {
    content: "";
    display: block;
    background: url(assets/images/quote.svg) no-repeat;
    background-size: contain;
    width: 6.4rem;
    height: 4rem;
    margin-bottom: 2rem;
}
.wp-block-quote {
    font-style: italic;
    font-weight: 400;
    color: #F0E3CA;
    z-index: 5;
    position: relative;
}
.wp-block-quote cite {
    text-align: right;
    color: #fff;
}


/*------------------------------------*\
	END OF APPROACH PAGE
\*------------------------------------*/

.progress-wrap {
	position: fixed;
	right: 3rem;
	bottom: 5rem;
	height: 3.2rem;
	width: 3.2rem;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	box-shadow: inset  0 0 0 2px rgba(200,200,255,0.4);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: var(--cta-color);
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	content:"";
    background: url(assets/images/up-arrow.svg) no-repeat;
	background-size: contain;
    background-position: center;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	height: 15px;
	width: 15px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: .69;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	/*background-image: linear-gradient(298deg, var(--red), var(--yellow));*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--cta-color2);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


.scroll-down img {
    cursor: pointer;
}

.scroll-down {
    display: flex;
    justify-content: center;
    padding: 6rem 0 2rem;
    -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
      animation-duration: 3s;
}
.box {
    position: relative;
    cursor: pointer;
}
.box span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid var(--cta-color2);
    border-right: 2px solid var(--cta-color2);
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.box span:nth-child(2)
{
    animation-delay: -0.2s;
}

.box span:nth-child(3)
{
    animation-delay: -0.4s;
}

@keyframes animate{
    
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}




.woocommerce-content {
    padding-top: 6rem;
}

.single-product .woocommerce-content > .product {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
}
.custom-product-gallery {
    max-width: calc(70% - 8rem);
    width: 100%;
}
section.related.products {
    min-width: 100%;
    display: none;
}
.single-product .woocommerce-content > .product .summary {
    max-width: 45%;
}

.woocommerce img.pswp__img, .woocommerce-page img.pswp__img {
    object-fit: contain;
}
.pswp__bg {
    background-color: #fff!important;
    z-index: 23;
}
.pswp__scroll-wrap {
    z-index: 27;
}
.pswp {
    z-index: 2025;
}
.pswp__top-bar {
    background-color: #fff!important;
    color: var(--base-color)!important;
}
.pswp__top-bar .pswp__counter {
    color: var(--base-color)!important;
}


/* Lightbox background white */
.pswp__bg {
	background: #fff !important;
	opacity: 1 !important;
}

/* Caption text and counter to black */
.pswp__caption__center,
.pswp__counter {
	color: #000 !important;
}

/* Navigation arrows */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	background-color: transparent !important;
	border: solid #000 !important;
	border-width: 0 3px 3px 0 !important;
	display: inline-block;
	padding: 8px;
	content: '';
}

.pswp__button--arrow--left::before {
	transform: rotate(135deg);
	margin-left: 8px;
}

.pswp__button--arrow--right::before {
	transform: rotate(-45deg);
	margin-right: 8px;
}

/* Hide default arrow icons */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none !important;
}

/* Close button black */
.pswp__button--close {
	filter: invert(1) grayscale(1) brightness(0) !important;
}

/* Optional: fade transition for smoother white bg */
.pswp__bg {
	transition: background 0.3s ease;
}




ul.products.columns-4 {
        display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

ul.products.columns-4 li.product {
    width: calc(25% - 15px);
    margin: 0!important;
        border-color: var(--light-grey);
}


.main-product-description {
    display: flex;
    gap: 10vw;
    color: var(--secondary-color);
    font-size: 1.5rem;
}
.main-product-description > div {
    flex: 1;
}
.title {
    font-size: 1.8rem;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    font-weight: 500;
}



.header.sticky #header-search-bar {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#header-search-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    transition: all .23s ease-in;
    background: #fff;
    transform: translateY(-100%);
    opacity: 0;
    padding: 1rem;
}

.header-search-bar.active {
    z-index: 2015!important;
    opacity: 1!important;
    transform: translateY(0)!important;
}

#header-search-bar form {
    max-width:60rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}
#header-search-bar form input {
    border-radius: 3px;
            border: 1px solid #E9E9E9;
    background: #fff;
    padding: 15px;
    font-size: 18px;
}
#header-search-bar form button {
            border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}
#search-toggle {
        border: none;
    background: none;
    cursor: pointer;
}

.header-icons {
    display: flex;
    gap: 2rem;
    align-items: center;
}
.header-icon {
    position: relative;
}
.cart-count {
    position: absolute;
    top: 0;
    right: -6px;
    color: var(--cta-color2);
    border-radius: 100%;
    background: var(--cta-color2);
    width: 5px;
    height: 5px;
    overflow: hidden;
}

.color-options {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 2.4rem;
}
.color-options button {
    width: 3.2rem;
    height: 3.2em;
    min-height: 3.2rem;
    aspect-ratio: 1;
    border-radius: 100%;
    cursor: pointer;
    transition: all .233s ease-in;
    border: 2px solid var(--light-grey);
    max-height: 3.2rem;
}

.size-options {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    
}
.size-options button {
    border: 1px solid var(--light-grey);
    background-color: #fff;
    font-size: 1.4rem;
    transition: all .23s ease;
    padding: 1rem;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
}

.size-options button:hover, .color-options button:hover {
    border-color: var(--cta-color2);
}
.size-options button.active {
    background-color: var(--cta-color2);
    border-color: var(--cta-color2);
    color: #fff;
}
.color-options button.active {
    border-color: var(--cta-color2);
}

table.variations {
    display: none;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
    display: none!important;
}
.summary .cart {
    margin-top: 6.4rem;
    padding-top: 3.2rem;
    display: flex;
    gap: 1.6rem;
}
.summary .price del {
    font-weight: 400;
    font-size: 16px;
}
.summary .price ins {
    text-decoration: none;
}
.woocommerce div.product form.cart div.quantity {
    background-color: var(--light-color);
}
.woocommerce .quantity .qty {
    border: 1px solid var(--base-color);
    min-height: 4.6rem;
    padding: 10px 20px;
    width: fit-content!important;
    font-size: 1.8rem;
    max-width: 8.2rem;
    border-radius: 0!important;
    margin: 0!important;
    color: var(--base-color)!important;
}

.woocommerce .quantity {
    position: relative;
    margin: 0!important;
}
.woocommerce .quantity button {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--base-color);
    font-size: 20px;
    font-weight: 100;
    cursor: pointer;
}
.woocommerce .quantity .qty-minus {
    left: 1rem;
}
.woocommerce .quantity .qty-plus {
    right: 1rem;
}
.woocommerce-variation-add-to-cart {
    display: flex;
    gap: .8rem;
}
.summary .single_add_to_cart_button {
    flex: 1;
    background-color: var(--cta-color)!important;
    color: var(--base-color)!important;
    font-weight: 500!important;
    border-radius: 0!important;
    font-family: "Zilla Slab", serif;
    border: 1px solid var(--base-color)!important;
    font-size: 1.4rem;
    position: relative;
    overflow: unset!important;
    padding: 0!important;
}
.summary .single_add_to_cart_button strong::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--base-color);
    transition: all .23s ease-in-out;
    height: 0;
    z-index: -1;
}
.summary .single_add_to_cart_button:hover strong::after {
    height: 100%;
}
.summary .single_add_to_cart_button::before {
    content: "Porezi uključeni, dostava se obračunava pri plaćanju.";
    display: block;
    position: absolute;
    left: 0;
    color: #513C34;
    line-height: 1;
    font-size: 1.2rem;
    bottom: -18px;
        white-space: nowrap;
}
.summary .single_add_to_cart_button strong {
    font-weight: 500;
    position: relative;
    z-index: 3;
        width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    height: 4.4rem;
    transition: all .23s ease-in-out;
}
.summary .single_add_to_cart_button:hover {
    color: var(--secondary-color)!important;
}

.summary .price {
    color: var(--base-color)!important;
    font-weight:400;
    font-size: 2.4rem !important;
    text-align: left;
    margin:2rem 0 3rem;
    position: relative;
    top: 0;
	font-family:var(--alt-font);
}
.summary .price:nth-child(3) {
    display: none;
}

.summary h1 {
    font-size: 6.4rem;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--alt-font);
    margin-bottom: 0;
}
.summary-inner {
    position: sticky;
    top: 100px; 
}

.single-product .woocommerce-message {
    background-color: var(--cta-color);
    border: none;
    outline: none!important;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-product .woocommerce-message .button {
    background: transparent;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    font-weight: 500;
    padding: 1rem 3rem;
    border-radius: 3px;
}
.single-product .woocommerce-message .button:hover {
    background-color: var(--secondary-color);
    color: #fff;
}
.single-product .woocommerce-message::before,
.single-product .woocommerce-message::after {
    display: none;
}

.up-sells.products {
    width: 100%;
        background: var(--light-grey);
    border-radius: 12px;
    padding: 10rem 2rem;
    text-align: center;
}

.up-sells.products ul {
    margin-bottom: 0;
    justify-content: center;
}
.up-sells.products ul::before,
.up-sells.products ul::after {
    display: none;
}

h2.related-title {
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 4rem;
}
h2.related-title::after {
    content: "";
    display: block;
    height: 1px;
    width: 4.3rem;
    background-color: var(--cta-color2);
    margin-top: 2.4rem;
}
.related-products-swiper {
    overflow: hidden;
    width: 100vw;
    max-width: calc( var(--container) + 8rem );
    position: relative!important;
    margin: 0 -4rem 4.8rem!important;
    padding: 0 4rem 0!important;
} 
.related-products-swiper .swiper-slide {
   width: auto;
}

.related-products-swiper .swiper-button-prev,
.related-products-swiper .swiper-button-next {
    top: 2rem;
    bottom: 0;
    height: 100%;
    width: 4rem;
    background-color:  var(--secondary-color);
    z-index: 5;
    opacity: 1!important;
}
.related-products-swiper .swiper-button-next {
    right: 0;
}
.related-products-swiper .swiper-button-prev {
    left: 0;
}
.swiper-button-disabled svg {
    opacity: .5!important;
}

.related-products-slider-wrapper li {
    padding-bottom: 0!important;
}
.related-products-slider-wrapper li a.woocommerce-LoopProduct-link {
    background-color: #FDE4C9;
    position: relative;
    aspect-ratio: 1;
    display: flex;
    overflow: hidden;
}
.related-products-slider-wrapper li a.woocommerce-LoopProduct-link img {
    position: relative;
    /*left: 13%;
    max-width: 87%;*/
}
.related-products-slider-wrapper li a .woocommerce-loop-product__title {
    position: absolute;
    left: 1.6rem;
    bottom: 3.6rem;
    padding: 0;
    margin: 0!important;
    line-height: 1;
    font-size: 2.4rem;
}
.related-products-slider-wrapper li a .price {
    position: absolute;
    left: 1.6rem;
    bottom: 1.6rem;
    color: var(--base-color)!important;
    padding: 0!important;
    margin: 0!important;
    line-height: 1;
    font-size: 1.4rem!important;
	font-weight:400;
}
.related-products-slider-wrapper li a .kom {
    display: none;
}
.product-brand {
        letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
    color: var(--cta-color2);
}
li.product {
    transition: all .23s ease;
    border: 1px solid transparent;
    border-radius: 3px;
    padding-bottom: 2rem;
    text-align: center;
}
li.product:hover {
    border-color: var(--cta-color2);
}
li.product img {
    border-radius: 3px;
    width: 100%;
    object-fit: cover;
}
li.product .product-brand {
    margin-top: 1.6rem;
    font-size: 1.3rem;
}
li.product h2 {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--base-color);
    margin-top: .8rem;
    margin-bottom: .8rem;
    transition: all .23s ease;
    padding: 0 2rem;
}
.single-product li.product .button {
   /* display: none!important;*/
}
.related-products-slider-wrapper li.product .button {
    background-color: transparent!important;
    background: transparent!important;
    border: none!important;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    position: absolute!important;
    right: 1.6rem;
    top: 1.6rem;
    width: 2rem!important;
    height: 2rem;
    padding: 0;
    z-index: 23;
}
.related-products-slider-wrapper li.product .button::before {
    display: none!important;
}
.related-products-slider-wrapper li.product .button::after {
    content: "";
    background: url(assets/images/cart-icon.svg) no-repeat;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    text-indent: 0;
    float: left;
    transform: translateY(0)!important;
}
.related-products-slider-wrapper li.product .button:hover {
    transform: scale(1.15);
}
li.product a {
    display: flex;
    flex-direction: column;
}
li.product a:hover h2 {
    color: var(--cta-color2)!important;
}
li.product .price {
    font-size: 1.6rem!important;
    color: var(--secondary-color)!important;
    font-weight: 500;
    padding: 0 2rem;
}

li.product .onsale,
.product > .onsale {
    background-color: var(--cta-color2)!important;
    min-height: 1px !important;
    border-radius: 3px!important;
    height: auto;
    line-height: 1!important;
    padding: 1rem .8rem!important;
}

ul.products > li.product .product-weight {
 /*   display: none;*/
}
ul.products > li.product .wc-category-product__cart {
    position: relative;
}
ul.products > li.product .wc-category-product__cart  .product-weight {
    top: auto;
    bottom: 0;
    left: -6.57rem;
}
.product-weight {
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
    color: var(--base-color);
    font-size: 1.4rem;
}

li a.added_to_cart.wc-forward {
    display: none;
}


.single-product-weight {
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
}

.woocommerce-breadcrumb {
    font-size: 0!important;
    margin: 2.4rem 0!important;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.woocommerce-breadcrumb::before,
.woocommerce-breadcrumb::after {
    display: none!important;
}

.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span {
    font-size: 1.4rem; 
    position: relative;
    text-transform: capitalize;
    line-height: 1;
    font-weight: 400;
    color: var(--base-color)!important;
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    text-decoration: none;
}

.woocommerce-breadcrumb a:not(:first-child)::before {
    content: "";
    position: absolute;
    background: url(assets/images/chevron-breadcrumb.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
}

ul.products::before,
ul.products::after,
.woocommerce-pagination .page-numbers::before,
.woocommerce-pagination .page-numbers::after {
    display: none!important;
}

.woocommerce-pagination ul.page-numbers {
    border-radius: 3px;
    border-color: var(--light-grey)!important;
    justify-content: center;
    width: fit-content;
    margin: 6rem auto 0!important;
    align-items: center;
    display: flex!important;
}

.woocommerce-pagination ul.page-numbers li {
    border-color: var(--light-grey)!important;
}
.woocommerce-pagination ul.page-numbers li:not(:first-child):not(:last-child) {
        align-self: stretch;
}
.woocommerce-pagination ul.page-numbers li:not(:first-child):not(:last-child) > a,
.woocommerce-pagination ul.page-numbers li > span {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem!important;
}
.woocommerce-pagination .page-numbers li a {
    color: var(--base-color);
}
.woocommerce nav.woocommerce-pagination ul li {
    height: 3rem;
}
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev {
    height: 3rem;
    padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li a.next svg,
.woocommerce nav.woocommerce-pagination ul li a.prev svg {
        position: relative;
    top: -4px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
        background: var(--light-grey);
    color: var(--cta-color2);
}
.woocommerce nav.woocommerce-pagination ul li .current {
        display: inline-flex;
    align-items: center;
}



.category-list {
    list-style: none;
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.category-list a {
    color: var(--base-color);
    font-weight: 500;
    font-size: 1.4rem;
    position: relative;
    text-transform: lowercase;
    text-decoration: underline;
}
.category-list a:hover {
    color: var(--cta-color2);
}
.category-list .active a {
    color: var(--cta-color2);
    font-weight: 600;
    pointer-events: none;
}

#close-filter-btn {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
}
.woo-filters {
    position: fixed;
    left: 0;
    transform: translateX(-100%);
    transition: all .4s ease-in;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 37rem;
    z-index: 2015;
    background: #fff;
    padding: 3.2rem 2rem;
    border-right: 1px solid var(--light-grey);
}
.woo-filters.open {
    transform: translateX(0);
}

.bra-sizes{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}
.filter-size a {
        border: 1px solid var(--light-grey);
    background-color: #fff;
    font-size: 1.4rem;
    transition: all .23s  ease;
    padding: 1rem;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
    color: var(--secondary-color);
    display: inline-flex;
}
.filter-size a:hover {
    border-color: var(--cta-color2);
}
.filter-size a.active {
    background-color: var(--cta-color2);
    border-color: var(--cta-color2);
    color: #fff;
}
.size-group strong {
    display: block;
    margin-bottom: .8rem;
}
.filter-color ul {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    list-style: none;
}

.filter-color {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 2.4rem;
}

.filter-color ul span.color-circle {
    width: 3.2rem;
    height: 3.2em;
    min-height: 3.2rem;
    aspect-ratio: 1;
    border-radius: 100%;
    cursor: pointer;
    transition: all .233s 
ease-in;
    border: 2px solid var(--light-grey);
    max-height: 3.2rem;
    display: inline-flex;
}
.filter-color ul span.color-circle:hover {
    border-color: var(--cta-color2);
}

.shop-header-meta {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-size: 1.4rem;
    justify-content: space-between;
    margin-bottom: 2.4rem;
}
.shop-header-meta p {
    margin-bottom: 0!important;
    color: var(--base-color);
    opacity: .8;
}
.shop-header-meta .btn {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--base-color);
    padding: 0!important;
    border: none;
    background-color: transparent;
    font-weight: 600;
    border-radius: 0!important;
    min-height: 15px!important;
    min-width: 23px!important;
    transition: all .23s ease-in;
}
.shop-header-meta .btn:hover {
    color: var(--cta-color2);
}
.shop-header-meta .btn::after {
    content: "+";
    display: inline-block;
    margin-left: 1rem;
}


.woocommerce table.shop_table {
    border-color: var(--light-grey);
    border-radius: 0;
    border: none;
}
.woocommerce table.shop_table td {
    border-color: var(--light-grey);
    padding-left: 0!important;
}
.woocommerce table.shop_table .product-quantity {
    width: 8rem;
}
.woocommerce table.shop_table .product-name a {
    text-decoration: none!important;
    font-weight: 500;
    font-size: 1.6rem;
}
.woocommerce table.shop_table .product-name a:hover {
    color: var(--cta-color2);
}
.woocommerce table.shop_table .actions {
    border: none;
}
.woocommerce table.shop_table .actions > button {
    display: none;
}

.woocommerce table.shop_table .actions .coupon {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 3.2rem;
}
#coupon_code {
    min-width: 20rem
}
.woocommerce table.shop_table .actions .coupon .button {
    font-weight: 400;
    background-color: var(--secondary-color);
    color: #fff;
    font-size: 1.4rem;
}

.woocommerce table.shop_table .actions .coupon .button:hover {
    background-color: var(--cta-color2)!important;
}

.woocommerce a.remove {
    color: var(--cta-color2)!important;
}
.woocommerce a.remove:hover {
    background-color: var(--base-color)!important;
    color: var(--secondary-color)!important;
}


.checkout-button:hover,
#place_order:hover {
    background-color: var(--base-color)!important;
}

#place_order {
    width: 100%;
    float: none;
    min-height: 4.5rem;
    font-size: 1.6rem;
    letter-spacing: 1px;
}

.woocommerce-cart .woocommerce-message {
    background-color: var(--cta-color);
    border: none;
    outline: none !important;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-message::after,
form #customer_details::before,
form #customer_details::after {
    display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle,
form #order_review_heading {
    display: none;
}
form.checkout.woocommerce-checkout {
    display: flex;
    gap: 3.2rem;
  /*  align-items: flex-start;*/
}
form #customer_details {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
}
form #customer_details > div {
    width: 100%;
}



#ship-to-different-address {
    display: none;
}

#order_review {
    font-size: 1.4rem;
	width:100%;
}

#payment {
    border-radius: 0!important;
    background: var(--secondary-color) !important;
    z-index: 23;
    border-top: 1px solid var(--light-grey);
}

.woocommerce-checkout #payment div.payment_box {
    background-color: var(--light-grey)!important;
}
.breadcrumb-arrow {
    display: none;
}


.product-reviews-section {
    width: calc(100vw - 6px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.product-reviews-section #reviews {
    background-color: var(--light-grey);
    padding: 4rem;
    display: flex;
    gap:6rem;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
}
#review_form_wrapper {
    display: none;
    width: 100%;
}
#review_form {
   max-width: 60rem;
    margin: 0 auto;
    font-size: 14px;
    border-top: 1px solid var(--secondary-color);
    padding-top: 6rem; 
}
.review-toggle-btn,
#review_form #submit {
    cursor: pointer!important;
    display: inline-block;
    padding: 10px 15px;
    background: #f5f5f5;
    font-weight: 500!important;
    border-radius: 3px!important;
    line-height: 1;
    min-height: 4.5rem;
    border: 1px solid var(--cta-color2)!important;
    transition: all .23s ease-in;
}
#review-toggle-btn {
    margin-top: 1rem;
}
.product-reviews-section .review-toggle-btn:hover,
.product-reviews-section #review_form #submit:hover {
    background-color: var(--cta-color2)!important;
    color: #fff!important;
}
.review-toggle-btn.active {
    background: #ddd;
}
.woocommerce-noreviews {
    margin-bottom: 0;
}
.woocommerce-Reviews-title {
    margin-bottom: 0.5rem;
}
.woocommerce .star-rating span::before {
    color: var(--cta-color2)!important;
}
.woocommerce-review-link {
        color: var(--base-color);
    font-size: 12px;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 1.4rem!important;
        text-align: center;
    margin: 0 auto 1rem;
}

.checkout-header {
    background: var(--cta-color2);
    color: #fff;
    padding: 4rem 0;
}
.checkout-flow {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.checkout-flow > div:not(:last-child)::after {
    content: "";
    background: url(assets/images/arrow-rigth.svg) no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 2rem;
    margin-left: 7px;
    top: 4px;
}
.checkout-flow a {
    color: #fff!important;
}
body.woocommerce-cart .checkout-flow .step2, 
body.woocommerce-cart .checkout-flow .step3 {
    opacity: .5;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .checkout-flow .step3 {
    opacity: .5;
}
body.woocommerce-order-received .checkout-flow .step1,
body.woocommerce-order-received .checkout-flow .step2 {
    opacity: .5;
    pointer-events: none;
}
body.woocommerce-order-received .checkout-flow .step1 a {
    text-decoration: none;
}
.cart-page-wrapper {
    padding-top: 4rem!important;
}
.cart-page-wrapper .wp-block-group {
    padding: 0!important;
}

.cart-page-wrapper  .woocommerce-breadcrumb {
    display: none;
}
#filter-menu-btn:hover {
    background-color: transparent!important;
}

.shop-megamenu-categories {
  grid-template-columns: repeat(6, 1fr);
  gap: 20px!important;
  position: absolute;
    top: calc(100% + 16px);
    background: #fff;
    padding:4rem;
    left: 0;
    right: 0;
        transform: translateY(-1rem);
    transition: all .23s ease;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
}
.shop-megamenu:hover .shop-megamenu-categories {
        opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 2;
}
.shop-megamenu-cat-item a {
    color: var(--secondary-color);
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
}

.shop-megamenu-cat-item a:hover,
.shop-megamenu-cat-item.active a {
    color: var(--cta-color2);
}
.shop-megamenu-cat-item.active a {
    pointer-events: none;
}
.header .container-wide {
    position: relative;
}







#mini-cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 99999;
}

#mini-cart-sidebar.open {
    visibility: visible;
}

.mini-cart-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: 0.3s ease;
}

#mini-cart-sidebar.open .mini-cart-overlay {
    opacity: 1;
}

#mini-cart-sidebar ul {
    list-style: none;
}
#mini-cart-sidebar ul.cart_list {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding-bottom: 3rem;
}
.mini-cart-content{
    position: absolute;
    top: 0; right: -350px;
    width: 350px;
    height: 100%;
    background: var(--light-color)!important;
    padding: 20px;
    overflow-y: auto;
    transition: 0.3s ease;
}

#mini-cart-sidebar.open .mini-cart-content {
    right: 0;
}

.mini-cart-close {
    background: none;
    border: none;
    font-size: 1.4rem;
    font-weight: 500;
    display: block;
    margin-left: auto;
    cursor: pointer;
    font-family: "Zilla Slab", serif;
    color: var(--base-color)!important;
}
.mini-cart-close:hover {
    color: var(--cta-color2)!important;
}

.minicart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid var(--cta-color2);
    padding-bottom: 1.6rem;
    margin-bottom: 3rem;
}
.minicart-header h3 {
    font-size: 2rem;
    margin: 0;
}

.empty-products #mini-cart-min-warning,
.empty-products a.checkout,
.empty-products .promo-label  {
    display: none!important;
}
.woocommerce-mini-cart__empty-message {
    font-size: 3.2rem;
}



/* SIDEBAR MINI CART */
.mini-cart-sidebar{position:fixed;inset:0;pointer-events:none}
.mini-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .22s}
.mini-cart-content {position:fixed;right:0;top:0;height:100%;width:470px;transform:translateX(105%);transition:transform .28s;pointer-events:auto;background:#fff;padding:24px;box-shadow:-8px 0 30px rgba(0,0,0,.12)}
.mini-cart-sidebar.open .mini-cart-overlay{opacity:1;pointer-events:auto}
.mini-cart-sidebar.open .mini-cart-content {transform:translateX(0)}

#mini-cart-sidebar  li a {
    color: var(--base-color);
    font-weight: 500;
}
#mini-cart-sidebar li > a:last-child {
    position: absolute;
    background-color: var(--cta-color);
    left: 0;
    top: 0;
    overflow: hidden;
     width: 8rem;
    height: 8rem;
    aspect-ratio: 1;
}
#mini-cart-sidebar  li > a:last-child img {
    width: 8rem!important;
    height: 8rem!important;
    aspect-ratio: 1;
}
#mini-cart-sidebar li {
   /* border-bottom: 1px dashed var(--base-color);*/
    padding: 0 0 0 9.6rem!important;
    margin-bottom: 0!important;
    position: relative;
    max-height: 93px;
    height: 8rem;
}
#mini-cart-sidebar li .mini-cart-variation {
    font-size: 1.4rem;
    font-family: "Zilla Slab", serif;
    text-transform: lowercase;
    margin-top: 4px;
}
#mini-cart-sidebar li:has(div.mini-cart-variation) .mini-cart-item__total {
    margin-top: 3px;
}
#mini-cart-sidebar li .mini-cart-item__price {
    font-size: 1.4rem;
    line-height: 1;
    color: var(--cta-color2);
}
/*#mini-cart-sidebar li .mini-cart-item__price::after {
    content: " / kom";
    display: inline-block;
    position: relative;
    left: 3px;
}*/
#mini-cart-sidebar .mini-cart-item__qty {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8.2rem;
    height: 3.8rem;
    border: 1px solid var(--base-color);
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#mini-cart-sidebar .mini-cart-item__qty .qty-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: var(--base-color);
}
#mini-cart-sidebar .mini-cart-item__total {
    margin-top: 2rem;
    line-height: 1;
    font-size: 1.8rem;
    font-weight: 500;
}
#mini-cart-sidebar li .remove {
    position: absolute;
    top: -4px;
    right: 0;
    font-weight: 300!important;
    font-size: 2.5rem;
    font-family: var(--alt-font2);
    line-height: 1;
}
#mini-cart-sidebar .mini-cart-item__title {
    font-family: var(--alt-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1;
    display: block;
    margin-bottom: .4rem;
}
#mini-cart-sidebar a.checkout {
    height: 4rem;
    width: 100%;
    text-align: center;
    display: flex!important;
    align-items: center;
    justify-content: center;
    background-color: var(--cta-color);
    border: 1px solid var(--base-color);
    border-radius: 0!important;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .5px;
    color: var(--base-color);
}
.promo-label {
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 8px;
}
.woocommerce-mini-cart__total strong {
    font-weight: 500;
}
.woocommerce-mini-cart__total .amount {
    font-weight: 600;
    font-size: 1.8rem;
}
.woocommerce-mini-cart__buttons {
    display: flex;
    gap: 1.6rem;
}
.woocommerce-mini-cart__buttons a {
    flex: 1;
    font-weight: 500!important;
    text-align: center;
    justify-content: center;
    display: inline-flex!important;
    align-items: center;
    min-height: 4.2rem;
    border-radius: .3rem!important;
}
#mini-cart-sidebar .woocommerce-mini-cart__buttons a:hover {
    background-color: var(--base-color)!important;
    border-color: var(--base-color)!important;
    color: #fff!important;
}
.woocommerce-mini-cart__buttons a:first-child {
    border: 1px solid var(--secondary-color)!important;
    background-color: transparent!important;
}
.woocommerce-mini-cart__buttons a:nth-child(2) {
    background-color: var(--secondary-color)!important;
    color: #fff;
} 

.button.added {
    position: relative!important;
}
/*
.button.added::after {
    position: absolute;
    right: 2px;
    display: none!important;
}*/
.button.added::after {
    content: ""!important;
    margin: 0!important;
}

.mini-cart-item__total,
.button.checkout.wc-forward {
    transition: opacity .2s ease;
}
.button.loading::after {
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
}


form .added_to_cart.wc-forward {
    display: none;
}







.hero-slider {
    margin: 0 2rem!important;
    border-radius: .6rem;
    min-height: calc(100vh - 96px);   
    overflow: hidden;
    padding: 0!important;
}
.hero-slider .wp-block-cover__inner-container {
    margin: auto auto 0 0;
    gap: 2.4rem!important;
}
.hero-slider .wp-block-cover {
    min-height: calc(100vh - 96px);
}
.hero-slider .swiper-pagination {
    bottom: 2rem;
    left: 2rem;
    display: flex;
    gap: 5px;
}
.hero-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    background-color: #fff;
    border: none!important;
    opacity: .4;
}
.hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 40px;
    width: 16px;
    opacity: 1;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    top: auto!important;
    background-size: contain!important;
    width: 2rem!important;
    height: 2rem!important;
    bottom: 2rem;
}
.hero-slider .swiper-button-next {
    background: url(assets/images/arrow-rigth.svg) no-repeat;
    right: 2rem!important;
}
.hero-slider .swiper-button-prev {
    background: url(assets/images/arrow-rigth.svg) no-repeat;
    transform: scaleX(-1);
    left: auto!important;
    right: 60px;
}



.products-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--secondary-color)!important;
    height: 100%;
            transition: width 0.3s ease!important;
}
.products-swiper .progress-pagination {
    background-color: var(--light-grey)!important;
}
.products-swiper {
    position: relative;
    padding-bottom: 30px;
    margin-top: 4rem;
}

        /* Stilizacija progress bara */
.products-swiper .progress-pagination {
            position: absolute;
            bottom: 0;
            left: 20px;
            right: 20px;
            height: 4px;
            background: rgba(0,0,0,0.1);
            border-radius: 2px;
            overflow: hidden;
}

.text-block > div {
    max-width: 84rem!important;
    font-size: 1.8rem;
}



.bg-light {
    background-color: var(--light-grey);
    border-radius: .6rem;
    min-height: calc(100vh - 96px);
    margin: 0 2rem 2rem;
    align-items: center;
    display: flex;
}

body .gutenberg .phones {
    margin-bottom:3rem!important;
    gap:0;
}
.phones > p {
    flex: 1;
    text-align: center;
    border: 1px solid var(--cta-color2);
    padding:2rem;
}
.phones > p:not(:last-child) {
    border-right: none;
}
.phones a {
    text-decoration: none!important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}
.phones a::before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(assets/images/phone-icon.svg) no-repeat;
    background-size: contain;
}

.phones {
    margin-bottom: 0!important;
}
.filter-support {
	padding-bottom: 2.4rem;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 2.4rem;
}
.filter-support ul {
	list-style:none;
}
.filter-support ul a {
	color:var(--base-color);
}
.filter-support ul a.active {
	color:var(--cta-color2);
	pointer-events:none;
}
.filter-support ul a:hover {
	color:var(--cta-color2);
}




/* Wrapper label */
body .woocommerce-form__label-for-checkbox.checkbox {
    display: flex!important;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: relative!important;
}

/* Sakri default checkbox */
.woocommerce-form__input-checkbox {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}



/* Kada je čekiran */
.woocommerce-form__input-checkbox:checked + .woocommerce-terms-and-conditions-checkbox-text {
    color: inherit;
}

/* Popuni kvadrat kad je čekiran */
.woocommerce-form__input-checkbox:checked ~ abbr.required,
.woocommerce-form__input-checkbox:checked ~ .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-form__input-checkbox:checked ~ * {
    /* ništa – samo da targetujemo pseudo-elemente ispod */
}

/* Zapravo menja ::before i ::after kada je checkbox čekiran */
.woocommerce-form__input-checkbox:checked ~ *::before {
    background-color: var(--base-color);
    border-color: var(--base-color);
}

.woocommerce-form__input-checkbox:checked + .woocommerce-terms-and-conditions-checkbox-text::after {
    transform: rotate(45deg) scale(1);
}
/* Prazan kvadratić */
/*.woocommerce-terms-and-conditions-checkbox-text::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid var(--base-color);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 4px;
    box-sizing: border-box;
    transition: 0.2s ease;
}

.woocommerce-terms-and-conditions-checkbox-text::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transform-origin: center;
    transition: 0.2s ease;
}
.woocommerce-terms-and-conditions-checkbox-text {
	padding-left:25px;
}
*/

mark.count {
    background-color: transparent;
}


.swiper-slide {
    height: auto!important;
}




.slider-left-image .wp-block-group__inner-container {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 4rem;
    position: relative;
}
.slider-left-image .wp-block-group__inner-container .products-swiper {
    margin-right: -2rem;
}
.slider-left-image .wp-block-image {
    margin: 0!important;
    min-width: 25vw;
}
.slider-left-image .wp-block-image a {
    position: relative;
    overflow: hidden;
}
.slider-left-image .wp-block-image a::after {
    content: "";
    background-color: rgba(0,0,0,.25);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .33s ease-in-out;
    position: absolute;
    transform: translateY(101%);
}
.slider-left-image .wp-block-image a:hover::after {
    transform: translateY(0);
}
.swiper-products-title {
    padding-left: 2rem;
}

@media only screen and (min-width:768px) {
    .slider-left-image .hide-desktop {
        display: none;
    }
}


.checkout.woocommerce-checkout .flatpickr-calendar select {
        background-image: none!important;
    }

    
@media only screen and (max-width:767px) {
    
    #mini-cart-sidebar .mini-cart-item__title {
        font-size: 1.6rem!important;
    }
    #mini-cart-sidebar .mini-cart-item__total {
        font-size: 14px!important;
    }
    body ul.products > li.product .wc-category-product__cart .quantity {
        display: none;
    }
    body ul.products > li.product .wc-category-product__cart .product-weight {
            top: 6px;
        bottom: auto;
        left: 0;
    }
    body ul.products > li.product .wc-category-product__cart {
        position: static;
    }
    li .wc-category-product__image {
        margin-left: -2rem;
    }
    .wc-category-product__cart .single_add_to_cart_button, .wc-category-product__cart .button {
        width: 12rem!important;
        font-size: 1.4rem!important;
    }
    .related-products-swiper {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .related-products-swiper .swiper-button-prev, .related-products-swiper .swiper-button-next {
        width: 2rem!important;
    }
    .related-products-swiper .swiper-button-prev svg, .related-products-swiper .swiper-button-next svg {
        width: 1rem;
    }
    body.home .brown-block{
        width: 100%!important;
    }
    .home .wp-block-cover:not(.hero-video):not(:first-child) {
        width:calc(100vw - 4rem);
    }
    body.home .gutenberg .wp-block-cover:first-child{
        min-height: 100vh!important;
    }
    body .gutenberg .wp-block-cover:first-child {
        min-height: 60vh!important;
    }
    #payment {
        position:static!important;
    }
    .slider-left-image .wp-block-group__inner-container {
        flex-direction: column;
        gap: 0!important;
    }
    .swiper-products-title {
        display: none;
    }
    .slider-left-image .wp-block-group__inner-container .products-swiper {
        margin-right: -2rem;
        margin-left: -2rem;
        width: 100vw !important;
    }
}











.accordion-item .wp-block-group__inner-container {
    overflow: hidden;
    padding: 0!important;
}

.accordion-item {
    font-size: 1.4rem;
}
.accordion-item h3 {
    cursor: pointer;
    user-select: none;
    position: relative;
    font-weight: 400;
    font-size: 1.8rem;
    text-transform: uppercase;
    border-bottom: 1px solid var(--cta-color);
    padding: .4rem 0;
    margin-bottom: 1.2rem;
}
.accordion-item.open h3::after {
    transform: rotate(180deg);
}
.accordion-item h3::after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.65 6.65C6.69489 6.69783 6.74911 6.73595 6.80931 6.76201C6.8695 6.78807 6.9344 6.80152 7 6.80152C7.0656 6.80152 7.1305 6.78807 7.19069 6.76201C7.25089 6.73595 7.30511 6.69783 7.35 6.65L13.5 0.5' stroke='%23513C34' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: transform 0.3s ease;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.accordion-item p {
    margin-bottom: 1.2rem;
    line-height: 1.3;
	font-size:1.6rem;
}
.accordion-item p strong {
    font-weight: 500;
}
.accordion-item p a {
	color:var(--base-color);
	text-decoration:underline;
}
.accordion-item p:last-child {
    margin-bottom: 3rem;
}

.accordion-item:last-child {
    margin-bottom: 1.6rem;
}

.woocommerce-product-gallery__wrapper > div {
    background-color: #FDE4C9;
}
.woocommerce-product-gallery__wrapper > div:first-child {
    aspect-ratio: 547 / 521;
    margin-bottom: 1.6rem;
}
.woocommerce-product-gallery__wrapper > div:first-child > a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.woocommerce-product-gallery__wrapper > div:first-child > a > img {
    position: relative;
   /* left: 9%;*/
}
.woocommerce-product-gallery__wrapper > div:not(:first-child) {
    margin: 0 1.6rem 1.6rem 0;
}


.product-attributes-list {
    list-style: none;
    display: flex;
    gap: 1.8rem;
}
.product-attribute-item {
    display: flex;
    gap: 1.8rem;
}
.product-attribute-item span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.3rem;
    gap: .5rem;
}



.related-products-slider-wrapper {
    position: relative;
}

.related-products-slider-wrapper::before {
    position: absolute;
    content: "";
    height: 1px;
    width: calc(100vw - 48px);
    background-color: var(--base-color);
    left: 50%;
    transform: translateX(-51%);
    top: -4rem;
}


.archive ul.products.columns-4 {
    display: grid;
        gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

.archive ul.products.columns-4 li {
    max-width: 100%!important;
    width: 100%!important;
    display: flex;
}



.wc-pattern-block .wp-block-image {
    margin-bottom: 3rem;
         width: calc(100vw - 6px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.wc-pattern-block .wp-block-image img {
    object-fit: cover;
    width: 100%;
    height: 70vh;
}

.wc-pattern-block h2 {
    line-height: 1;
    font-size: 4rem;
}
.wc-pattern-block h2::after {
    content: "";
    display: block;
    height: 1px;
    width: 5rem;
    background-color: var(--cta-color2);
    margin-top: 2.4rem;
}
.wc-pattern-block {
    position: relative;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 4rem;
    overflow: hidden;
    padding-bottom: 4rem;
     width: calc(100vw - 6px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.wc-pattern-block::before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100vw - 48px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--base-color);
    margin-bottom: 2.4rem;
}
.wc-pattern-block::after {
    content: "";
    background: url(assets/images/shape1.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: calc( -(100vw - var(--container) / 2));
    bottom: -15rem;
    width: 32rem;
    height: 37rem;
    z-index: -1;
}
.wc-pattern-block > div::after {
    content: "";
    background: url(assets/images/shape2.svg) no-repeat;
    background-size: contain;
    background-position: center right;
    position: absolute;
    right: 0;
    bottom: -5rem;
    width: 35rem;
    height: 40rem;
}
.wc-pattern-block strong {
    font-weight: 500;
}
.wc-pattern-block p {
    max-width: 80.6rem;
}




.wc-other-categories {
    position: relative;
    margin-top: 4rem;
}
.wc-other-categories::before {
    content: "";
    display: block;
    height: 1px;
    width: calc(100vw - 48px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--base-color);
    margin-bottom:4rem;

}

.wc-other-categories-grid {
     display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.6rem;
}

.wc-other-categories h2::after {
    content: "";
    display: block;
    height: 1px;
    width: 5rem;
    background-color: var(--cta-color2);
    margin-top: 2.4rem;
}
.wc-other-categories h2 {
    line-height: 1;
    font-size: 4rem;
    margin-bottom: 4rem;
}

.wc-category-thumb img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
    object-position: top;
}
.wc-category-card {
    display: block;
    position: relative;
    border: 1px solid var(--base-color);
}
.wc-category-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color:  rgba(81, 60, 52, .2);
    z-index: 1;
    transition: all .23s ease-in;
}
/*
.wc-category-card:hover {
    border-color: var(--cta-color2);
    color: #fff;
}*/
.wc-category-card:hover .wc-category-content {
    color: var(--light-color);
}
.wc-category-card:hover::after {
    background-color:  rgba(81, 60, 52, .75);
}
/*
.wc-category-card .wc-category-content {
    position: absolute;
    left: 2.4rem;
    bottom: 2.4rem;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.2;
    z-index: 5;
    transition: all .23s ease-in;
}*/
.wc-category-card h3 {
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: .8rem;
    font-size: 3rem;
    font-family: var(--alt-font);
        font-weight: 400;
    color: var(--secondary-color);
}

.shop-header {
    width: calc(100vw - 6px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -17rem;
}
.wc-category-hero__image img {
    width: 100%;
    object-fit: cover;
    height: 60vh;
}

.wc-category-hero__content {
    max-width: 52.6rem;
    margin: 4rem auto 12rem;
    text-align: center;
    /*border-bottom: 1px solid var(--cta-color2);*/
}
.wc-category-hero__content h1 {
    font-size: 6.4rem;
    line-height: 1;
}
.wc-category-hero__content h1::after {
    content: "";
    display: block;
    width: 5rem;
    height: 1px;
    background-color: var(--cta-color2);
    margin: 4rem auto 3.2rem;
}
.wc-category-hero__content h1 strong {
    font-size: 1.8rem;
    font-weight: 300;
    font-family: "Zilla Slab", serif;
    margin-bottom: 1.6rem;
    display: block;
}
.wc-category-hero__content h1 em {
    color: var(--cta-color2);
    font-style: normal;
}















/* override default grid */
.tax-product_cat ul.products {
    gap: 4rem!important;
}
.tax-product_cat ul.products li.product {
    width: 100% !important;
    max-width: 100%!important;
    border:none!important;
    border-radius: 0;
    position: relative;
    padding-bottom: 4rem;
}
/*
.tax-product_cat ul.products li:nth-child(2n)::after {
    content: "";
    display: block;
    height: 2px;
    width: calc(100vw - 4.8rem);
    position: absolute;
    left: calc( (100vw - var(--container)) / -2 - var(--container) + 2.4rem );
    left: calc( (100vw - var(--container)) / -2 - 623px );
    bottom: 0;
     background-image: repeating-linear-gradient(
        to right,
        var(--base-color) 0,
        var(--base-color) 10px,  
        transparent 10px,
        transparent 18px 
    );
}
.tax-product_cat ul.products li:last-child::after {
    display: none;
}
*/
/* wrapper */
.wc-category-product {

    display: grid;
    grid-template-columns: 328px 1fr;
    gap: 0;
    border:none!important;
    transition: all .3s ease;
    text-align: left;
}
/*
.wc-category-product:hover {
    box-shadow: 0 16px 40px rgba(0,0,0,.08);
}*/

/* image */
.wc-category-product__image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    margin-bottom: 0!important;
}

.wc-category-product__content {
   /* margin-left: -2rem;*/
}
/* title */
.wc-category-product__title a {
    text-decoration: none;
    color: var(--base-color);
    font-family: var(--alt-font);
    display: block;
    font-weight: 500;
    font-size: 6rem;
    line-height: 1;
    margin-bottom: .8rem;
    text-transform: uppercase;
}
.wc-category-product__price {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 1.6rem;
}

/* excerpt */
.wc-category-product__excerpt {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 16px;
}

/* more link */
.wc-category-product__more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem;
    font-style: italic;
    line-height: 1.6;
    font-size: 1.6rem;
    color: var(--base-color);
	text-transform:lowercase;
}
.wc-category-product__more:hover {
    color: var(--cta-color2);
}

.wc-category-product__content .delivery-48h-inner {
    position: relative;
    cursor: pointer;
        font-style: normal;
}
.wc-category-product__content .delivery-48h-inner .delivery-text {
    display: none;
}

/* add to cart */
.wc-category-product__cart .single_add_to_cart_button,
.wc-category-product__cart .button,
a.button {
    display: block!important;
    margin: 0!important;
    width: 14rem;
    padding: 14px 20px;
    border-radius: 0!important;
    background-color: transparent;!important;
    color: var(--base-color)!important;
    font-size: 1.4rem;
    font-family: "Zilla Slab", serif;
    font-weight: 500!important;
    border: 1px solid var(--base-color)!important;
    white-space: nowrap;
    text-align: center;
    position: relative!important;
    overflow: hidden!important;
    z-index: 0;
}

.wc-category-product__cart .button::before,
.wc-category-product__cart .single_add_to_cart_button::before,
a.button::before {
    content: "";
    background-color: var(--cta-color)!important;
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.wc-category-product__cart .button::after,
.wc-category-product__cart .single_add_to_cart_button::after,
a.button::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--base-color);
    z-index: -1;
    transform: translateY(100%);
    transition: transform .23s ease;
}
.wc-category-product__cart .button:hover::after,
.wc-category-product__cart .single_add_to_cart_button:hover::after,
a.button:hover::after {
    transform: translateY(0);
}
.wc-category-product__cart .button:hover,
.wc-category-product__cart .single_add_to_cart_button:hover,
a.button:hover {
    color: var(--secondary-color)!important;
}

.products.columns-4 li .wc-category-product__image a:hover {
    opacity: .8;
}
.products.columns-4 li .wc-category-product__title:hover a {
    color: var(--cta-color2)!important;
}
.wc-category-product__cart form {
    display: flex;
    gap: 1.6rem;
}


.shop-header__content {
    font-size: 1.8rem;
    border: none!important;
    max-width: 80rem!important;
}
.shop-header__content p:first-child {
    margin-bottom: 0;
}
.shop-header__content h1::after {
    content: "";
    display: block;
    width: 5rem;
    height: 1px;
    background-color: var(--cta-color2);
    margin: 4rem auto 3.2rem;
}
.shop-cat-grid {
    margin-bottom: 5rem;
}


.tax-product_cat .term-description {
    display: none;
}



.swiper-gallery {
    overflow: hidden;
    margin-bottom: 4rem;
}
.swiper-gallery .swiper-pagination-bullet-active {
    background-color: var(--cta-color2);
    width: 2rem;
    border-radius: 5px;
}
.swiper-gallery .swiper-pagination {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
}
.swiper-gallery .swiper-slide {
    width: auto!important;
    flex: 0 0 auto!important;
}
.swiper-gallery .wp-block-image {
    margin: 0!important;
    max-width: none!important;
    width: auto!important;
    flex: 0 0 auto!important;
}
.swiper-gallery .wp-block-image a::before,
.swiper-gallery .wp-block-image a::after {
    display: none!important;
}
.swiper-gallery .wp-block-image img {
      max-height: 50px;         /* prilagodi */
    width: auto;
    height: auto;
    object-fit: contain;
	opacity:.75;
	transition:all .23s ease-in;
}
.swiper-gallery .wp-block-image img:hover {
	opacity:1;
}

.wc-category-desc p:last-child {
    margin-bottom: 0;
}





body.checkout header,
body.checkout footer {
    display: none;
}
body.checkout .body-content {
    padding-top: 0!important;
}

body.checkout .woocommerce.wp-block-group.alignwide {
    padding: 0!important;
}
form.checkout {
    gap: 0!important;
}
form.checkout  #customer_details {
    padding-right: 4rem;
    padding-left: calc( (100vw - var(--container)) / 2 - 2rem);
    background-color: #FFF3E5;
    min-height: 100vh;
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
form.checkout #customer_details .col-2,
.woocommerce-additional-fields {
    flex: 1;
    display: flex;
    flex-direction: column;
}
form.checkout #order_review {
    padding-right: calc( (100vw - var(--container)) / 2 - 2rem);
    padding-left: 4rem;
    padding-top: 4rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.woocommerce-billing-fields > h3:first-child {
    display: none;
}

.main-logo {
    display: inline-block;
    margin-bottom: 5rem;
}
.checkout-footer {
    margin-top: auto;
    padding-bottom: 4rem;
}
.checkout-footer a {
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    gap: 1rem;
    margin-top: 4rem;
    font-size: 1.4rem;
    font-weight: 500;
}
.checkout-footer a::before,
.checkout-footer a::after {
    display: none!important;
}
.checkout-footer svg {
    transition: all .23s ease;
}
.checkout-footer a:hover svg {
    transform: translateX(-10px);
}
.checkout-copyright {
    font-family: var(--alt-font2);
    font-size: 1.4rem;
    border-top: 1px solid var(--base-color);
    padding-top: 1.6rem;
    margin-top: 2.4rem;
}
#billing_country_field {
    display: none;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--cta-color);
    animation: hideNotice 0.3s ease forwards;
    animation-delay: 5s;
    display: none;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > div {
     background-color: var(--cta-color)!important;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul {
    margin-bottom: 0;
    background-color: var(--cta-color)!important;
    padding-left: 6rem;
}

@keyframes hideNotice {
    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}


#place_order {
    border: 1px solid var(--base-color);
    color: var(--base-color);
    border-radius: 0;
    font-family:"Zilla Slab", serif;
    background-color: var(--light-color);
    height: 4rem;
    font-weight: 500;
    font-size: 1.8rem;
}
#place_order:hover {
    color: var(--light-color);
}


.woocommerce-checkout-review-order-table thead {
    display: none;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    border: none!important;
}

.woocommerce-checkout .woocommerce-order .custom-thankyou {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 0;
}
.woocommerce-order .custom-thankyou h1 {
    font-weight: 300;
    font-size: 6.4rem;
}

.thankyou-left {
    min-height: 100vh;
    padding-right: 4rem;
    padding-left: calc((100vw - var(--container)) / 2 - 2rem);
    background-color: #FFF3E5;
    display: flex;
    flex-direction: column;
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 1.8rem;
}
.thankyou-left h3.heading {
    text-align: left;
}
.thankyou-left h3.heading::after {
    margin-left: 0;
}
.thankyou-left-footer {
    margin-top: auto;
}
.thankyou-left-footer h3 {
    font-weight: 500;
    font-size: 1.8rem;
}
.thankyou-left-footer p {
    margin: 0!important;
}

.thankyou-left-footer p::before {
    top: 7px;
}
.thankyou-left-footer p a {
    text-decoration: none!important;
    font-weight: 400;
}
.thankyou-left-content {
    margin-top: 4.8rem;
    margin-bottom: 2.4rem;
}

.thankyou-right {
    padding-right: calc((100vw - var(--container)) / 2 - 2rem);
    padding-left: 4rem;
    padding-top: 5rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 5rem;
}
.thankyou-right h4 {
    font-weight: 400;
    border-bottom: 1px dotted var(--base-color);
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    text-transform: uppercase;
}
.thankyou-row {
    display: grid;
    gap: 0;
    grid-template-columns: 150px 1fr;
    margin-bottom: .8rem;
}
.thankyou-row strong {
    font-weight: 500;
}

/* Coupon block */
/*.custom-coupon-wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    margin: 1rem 0 0;
}*/
.custom-coupon-wrap form {
    display: grid!important;
    grid-template-columns: 1fr auto;
    gap: 16px;
    margin: 1rem 0 0!important;
    padding: 0!important;   
    border: none!important;
}
.custom-coupon-wrap form .clear {
    display: none!important
}
.custom-coupon-wrap form p.form-row {
    width: 100%!important;
}
.custom-coupon-wrap input {
    height: 4rem!important;
    padding: 0 16px!important;
    font-size: 16px;
    border: 1px solid var(--base-color)!important;
    border-radius: 0!important;
    background: transparent;
    min-height: 4rem;
    margin: 0;
}

.custom-coupon-wrap button {
    padding: 0 28px!important;
    height: 4rem!important;
    font-size: 16px!important;
    border: 1px solid var(--base-color)!important;
    background: var(--light-color)!important;
    cursor: pointer;
    font-family: "Zilla Slab", serif;
    color: #4C4C4C!important;
    font-weight: 300!important;
    letter-spacing: 0.05em!important;
    min-width: 12rem!important;
    border-radius: 0!important;
}

.custom-coupon-wrap button:hover {
    background: var(--base-color)!important;
    color: #fff!important;
}

.coupon-message {
    font-size: 14px;
    margin-top: 6px;
}

/* Summary rows */
.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 400;
}

.woocommerce-checkout-review-order-table tfoot td {
    font-weight: 500;
}

/* TOTAL */
.woocommerce-checkout-review-order-table tfoot tr.order-total {
    border-top: 1px dashed rgba(0,0,0,.3);
    padding-top: 20px;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    font-size: 28px;
    font-weight: 700;
}

/* Checkout order table */
.woocommerce-checkout-review-order-table {
    border: none;
}

.woocommerce-checkout-review-order-table tr.cart_item {
    display: grid;
    grid-template-columns: 65% 1fr;
    gap: 20px;
    align-items: end;
    padding: 20px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
}

.cart_item td:first-child {
    padding-left: 0!important;
}

.woocommerce-shipping-totals td{
    padding-left: 0;
    padding-right: 0!important;
}
.woocommerce-shipping-totals th,
.woocommerce-checkout-review-order-table th {
    padding-left: 0!important;
}
.cart-subtotal td,
.custom-coupon-wrap td {
    padding-right: 0!important;
}
.place-order {
    padding-left: 0!important;
    padding-right: 0!important;
}

.cart_item {
    position: relative;
    border: none!important;
    padding: 0!important;
}
.cart_item .product-total {
    padding-right: 0!important;
}
.woocommerce-checkout-review-order-table td.product-name {
display: grid;
position: relative;
    grid-template-columns: 80px 1fr auto;
    gap: 1.6rem;
    grid-template-areas:
        "img title"
        "img qty";
}

.checkout-item-thumb {
    width: 8rem;
    height: 8rem;
    background-color: var(--cta-color);
    display: flex;
    align-items: center;
    justify-content: center;
    order: -1;
    margin-right: 1.6rem;
     grid-area: img;
}
.checkout-item-thumb img {
    max-width: 90%;
}

.checkout-item-title {
    font-weight: 500;
    font-size: 2.4rem;
    font-family: var(--alt-font);
    line-height: 1;
    text-transform: uppercase;
    width: calc(100% - 96px);
    grid-area: title;
    margin-bottom: 0!important;
}

.checkout-item-qty {
    font-size: 14px;
    grid-area: qty;
    font-weight: 500;
    position: relative;
    top: -2.3rem;
}

.checkout-item-prices {
    text-align: right;
}

.checkout-item-prices .price-single {
    font-size: 14px;
    color: var(--cta-color2);
    font-weight: 500;
    position: absolute;
    left: 106px;
    bottom: 5px;
}

.checkout-item-prices .price-total {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 4px;
}

/* Remove default table clutter */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: none;
    padding: 0;
}


.wp-block-cover:not(.hero-video):not(:first-child) {
    width: calc(100vw - 4.8rem);
    margin: 0 auto;
}


.wc_payment_methods.payment_methods {
   display: none;
}
#payment {
    margin-top: auto;
    bottom: 0;
    position: sticky;
    border-top: 1px dashed var(--base-color);
}

.woocommerce-input-wrapper .checkbox input {
    width: 1.4rem;
    height: 1.4rem;
    min-height: 100%;
}




.checkout-section-title {
    font-family: var(--alt-font);
    font-weight: 400;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
}
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper textarea,
.woocommerce-additional-fields__field-wrapper input,
.woocommerce-additional-fields__field-wrapper textarea,
.woocommerce-additional-fields select {
    border: 1px solid var(--base-color)!important;
    padding:1.2rem 1.6rem!important;
    font-weight: 300!important;
    font-size: 1.6rem!important;
    border-radius: 0!important;
    height: 4.8rem;
}
.woocommerce-additional-fields__field-wrapper textarea {
    height: 5rem!important;
    min-height: 4.8rem!important;

}
#billing_email_field {
    order: -7;
    width: 100%;
    margin-top: .7rem!important;
}

.woocommerce-billing-fields__field-wrapper .checkout-section-title {
    order: -6;
    width: 100%;
}
#billing_first_name_field {
    order: -5;
    max-width: calc(50% - .8rem);
    flex: 1 1 100%;
        margin: -8px 0 0;
}
#billing_last_name_field {
    order: -5;
    max-width: calc(50% - .8rem);
    flex: 1 1 100%;
        margin: -8px 0 0;
}
#billing_address_1_field {
     order: -5;
     flex: 1 1 100%;
}
.woocommerce-billing-fields__field-wrapper .delivery-zone {
    order: -4;
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    gap: .5rem;
    margin-top: -15px;
}
.woocommerce-billing-fields__field-wrapper .delivery-zone a {
    font-style: italic;
}

#billing_address_2_field {
    order: -3;
    flex: 1 1 100%;
}

#billing_phone_field {
    order: -2;
    flex: 1 1 100%;
}

.woocommerce-additional-fields {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.4rem;
    flex: 1;
}
.woocommerce-additional-fields__field-wrapper {
    order: -7;
   /* flex: 1 1 100%;*/
}
#delivery-scheduling {
    order: -6;
    /*flex: 1 1 100%;*/
        display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

#delivery-scheduling h4 {
    margin-bottom: -1.2rem;
}


#delivery_date_field input {
    border-radius: 0!important;
    padding: 1.2rem 1.6rem!important;
}

body .flatpickr-current-month .flatpickr-monthDropdown-months,
body .flatpickr-current-month .numInputWrapper {
    font-family: var(--alt-font2);
    background: transparent !important;
    background-color: transparent!important;
    padding: 0 !important;
    min-height: fit-content;
    position: relative;
    top: -12px;
    font-size: 14px;
}
body .flatpickr-current-month .numInputWrapper input {
    background-color: transparent!important;
}
.woocommerce-checkout label span.required {
    display: none;
}

#delivery-scheduling {
    margin: 2.4rem 0;
}

#fake-payment-wrapper {
   /* margin-bottom: 2.4rem;*/
}



.woocommerce-billing-fields .form-row.is-active input,
.woocommerce-additional-fields__field-wrapper .form-row.is-active textarea,
#pravna-lica-wrapper p.is-active:not(:first-child) input,
#delivery-scheduling p.is-active input {
    padding-bottom: .4rem;
    padding-top: 1.5rem!important;
}


.woocommerce-billing-fields .form-row label,
.woocommerce-additional-fields__field-wrapper .form-row label,
#pravna-lica-wrapper p:not(:first-child) label,
#delivery-scheduling p label {
  position: absolute;
  top: 50%;
  left: 19px;
  transform: translateY(-50%);
  transition: 0.2s ease;
  pointer-events: none;
  color: var(--base-color);
}

.woocommerce-billing-fields .form-row.is-active label,
.woocommerce-additional-fields__field-wrapper .form-row.is-active label,
#pravna-lica-wrapper p.is-active:not(:first-child) label,
#delivery-scheduling p.is-active label {
  top: 12px;
  font-size: 1rem;
  color: var(--cta-color2);
  font-weight: 300;
}

.woocommerce-checkout .form-row {
  position: relative;
  margin: 0!important;
}


.woocommerce-checkout input,
.woocommerce-checkout textarea {
  padding: 22px 12px 10px;
  font-size: 16px;
}


.woocommerce-billing-fields label,
.woocommerce-additional-fields__field-wrapper label {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
  font-size: 16px;
  color: #a58a6a;
  pointer-events: none;
  transition: all 0.2s ease;
  background: transparent;
}


#customer_details input:focus + label,
#customer_details input:not(:placeholder-shown) + label,
#customer_details textarea:focus + label,
#customer_details textarea:not(:placeholder-shown) + label {
  top: 6px;
  font-size: 12px;
  color: #513c34;
}


#billing_address_2::placeholder {
    opacity: 0;
}




/* Wrapper label */
#is_legal_entity_field label.checkbox,
.checkout .woocommerce-form__label-for-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.2;
}

/* Sakrij pravi checkbox */
#is_legal_entity_field input[type="checkbox"],
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Custom checkbox box */
#is_legal_entity_field label.checkbox::before,
.checkout .woocommerce-form__label-for-checkbox::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid var(--base-color); 
  background: transparent;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

#is_legal_entity_field label.checkbox::after,
.checkout .woocommerce-form__label-for-checkbox::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #fff; 
    background: transparent;
    position: absolute;
    left: 1px;
    top: 3px;
}

.checkout .woocommerce-form__label-for-checkbox::after {
    top:9px;
}

#is_legal_entity_field label.checkbox:has(input:checked)::after,
.checkout .woocommerce-form__label-for-checkbox:has(input:checked)::after {
  background: #3b2b23;
}
#pravna-lica-wrapper .optional {
    display: none!important;
}

#pravna-lica-wrapper input {
    border-radius: 0!important;
}

#pravna-lica-wrapper p {
    margin-bottom: 1.4rem!important;
}





#order_review tfoot * {
    font-weight: 400!important;
    line-height: 1;
    font-size: 1.8rem;
}
#order_review tfoot tr {
    padding: 0!!important;
}
#order_review .order-total th,
#order_review .order-total td {
    padding: 0!important;
    font-weight: 400!important;
    font-size: 3.2rem!important;
    font-family: var(--alt-font);
}
#order_review .order-total td strong,
#order_review .order-total td * {
    font-weight: 400!important;
    font-size: 3.2rem!important;
}


.woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 2rem!important;
}

.woocommerce-terms-and-conditions-wrapper .required {
    display: none;
}
.woocommerce-terms-and-conditions-wrapper a {
    text-decoration: underline;
    color: var(--base-color);
}

.checkout.woocommerce-checkout select {
    background-image: url(assets/images/dropdown-icon.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 16px !important;
    background-position: 98% center !important;
    cursor:pointer;
    color: var(--base-color)!important;
}

#fake-payment-descriptions {
    position: relative;
}
.fake-payment-desc {
    font-weight:300;
    font-size:1.2rem;
    margin-top:1.6rem;
     opacity: 0;
    transform: translateY(10px);
    transition: 
        opacity 0.35s ease,
        transform 0.35s ease;
    pointer-events: none;
    height: 0;
    overflow: hidden;
     position: absolute;
    left: 0;
    width: 100%;
    display: block!important;
}
.fake-payment-desc.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    height: auto;
    position: relative;
}
.fake-payment-desc strong.payment-title {
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 4px;
}
.fake-payment-desc strong.payment-title svg {
        position: relative;
    top: -1px;
}

.gutenberg > .wp-block-cover:first-child {
    margin-left:0!important;
    margin-right:0!important;
}


#shipping_method li label {
    overflow:hidden;
    text-indent:-9999px;
    display:inline-block!important;
}
#shipping_method li label span.amount {
    text-indent:0;
    float:left;
}



@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-8px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(8px, 0, 0);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.delivery-zone.is-shaking {
  animation: slideInUp 0.6s ease;
}

.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .order-custom-meta,
.woocommerce-thankyou-order-received,
.woocommerce-order-overview.woocommerce-thankyou-order-details,
.woocommerce-order > p{
    display:none;
}


.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--base-color)!important;
    color: var(--base-color);
}

.cards-icon {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.cards-icon svg {
	min-height:1.5rem;
	width:auto;
}

.cards-icon a {
    display: flex;
    align-items: center;
}

.gutenberg section.wp-block-group {
    padding: 8rem 0;
}

.wpcf7-response-output {
    font-weight: 400!important;
    border: none!important;
    padding: 0 0 0 2.4rem!important;
    position: relative;
}

.wpcf7-response-output::before {
    content: "";
    position: absolute;
    left: 0;
    top: .5rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url(assets/images/info-icon.svg) no-repeat;
    background-size: contain;
}

#mini-cart-sidebar .blockOverlay {
    display: none!important;
}
/* Target the list item in the mini cart */
.widget_shopping_cart_content ul.cart_list li{
    zoom: normal !important; 
    position: relative !important; 
}

#mini-cart-sidebar li > a:last-child {
    position: absolute!important;
     zoom: normal !important; 
}




.order-success {
  padding: .5rem 0 2.4rem;
  border-radius: 6px;
  overflow: hidden;
  opacity: 0;
  max-width: 46rem;
}

.order-success__line {
  height: 1px;
  background: var(--cta-color2);
  width: 0%;
}

.order-success__content {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.order-success__icon {
  opacity: 0;
  transform: scale(0.9);
}

.order-success__text {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  margin-bottom: 3px!important;
}

/* ACTIVE STATE */
.order-success.is-active {
  opacity: 1;
}

.order-success.is-active .order-success__line {
  animation: fillLine 0.8s ease forwards;
}

.order-success.is-active .order-success__icon {
  animation: fadeIcon 0.4s ease forwards;
  animation-delay: 0.8s;
}

.order-success.is-active .order-success__text {
  transition-delay: 1.1s;
  opacity: 1;
  transform: translateX(0);
}

/* KEYFRAMES */
@keyframes fillLine {
  from { width: 0%; }
  to { width: 100%; }
}

@keyframes fadeIcon {
  to {
    opacity: 1;
    transform: scale(1);
  }
}






.custom-order-overview {
    margin-top: 6rem;
}
.custom-order-overview .order-item {
    display: grid;
    grid-template-columns: 80px 80px 1fr;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

.order-item__image {
    width: 8rem;
    height: 8rem;
    background-color: var(--cta-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-order-overview .order-item .order-item__name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.6rem;
    font-family: var(--alt-font);
    line-height: 1;
    display: block;
}
.custom-order-overview .order-item__qty {
    font-size: 1.4rem;
}
.order-item__meta {
    display: flex;
    flex-direction: column;
}
.order-item__price-single {
    margin-top: auto;
    color: var(--cta-color2);
    font-weight: 500;
    font-size: 1.4rem;
}
.order-item .order-item__total {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 1.6rem;
}
.custom-order-summary {
    border-top: 1px dotted var(--base-color);
    padding-top: 1.6rem;
}
.custom-order-summary .summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    font-size: 1.6rem;
}
.custom-order-summary .summary-row strong {
    font-weight: 500;
}

.summary-row.summary-row--total {
    border-top: 1px dotted var(--base-color);
    padding-top: 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    font-family: var(--alt-font);
    margin-top: 1.6rem;
}


@media only screen and (max-width:1500px) {
    .thankyou-left {
        padding-left: 2.4rem!important;
    }
    .thankyou-right {
        padding-right: 2.4rem!important;
    }
}

.woocommerce div.product form.cart .button {
    overflow: hidden;
}

.variations_form.cart {
    flex-wrap: wrap;
    margin-top: 2.4rem;
    padding-top: 0!important;
}
.variations_form.cart .variations {
    display: flex;
    width: 100%;
}

.variations_form.cart .variations tbody {
    width: 100%;
}

.variations_form.cart .variations tbody select {
    cursor: pointer;
}
.variations_form.cart .reset_variations {
    display: none!important;
}
.woocommerce-variation-price {
    margin-bottom: 1rem;
}
table.variations tr {
    display: flex;
    flex-direction: column;
}

table.variations tr th {
    font-family: var(--alt-font);
    text-transform: uppercase;
    text-align: left;
    font-size: 1.4rem;
}


.single_variation_wrap {
    width: 100%;
}

.single-product .woocommerce-message {
    display: none!important;
}



.woocommerce-mini-cart-item {
  transform-origin: left center;
  transition:
    transform .25s ease,
    opacity .25s ease,
    height .25s ease,
    margin .25s ease,
    padding .25s ease;
}

.woocommerce-mini-cart-item.is-removing {
  transform: scale(0.9);
  opacity: 0;
}
footer .socials a svg {
	transition: all .23s ease-in;
}
footer .socials a:hover svg {
	transform:scale(1.07);
}
footer .socials a:hover svg path {
	fill: var(--cta-color2);
}


.woocommerce form .form-row {
    padding-left: 0;
    padding-right: 0;
}

.swiper-button-next:not(.swiper-button-disabled):hover svg path,
.swiper-button-prev:not(.swiper-button-disabled):hover svg path {
    stroke: var(--cta-color2);
}






.woocommerce-mini-cart__empty-message {
    font-family: var(--alt-font);
}

.medjuzbir {
    display: none!important;
}

.empty-products#mini-cart-sidebar  .widget_shopping_cart_content a.checkout.wc-forward {
    display: none!important;
}


body .pswp__top-bar,
body .pswp__bg {
    background-color: var(--secondary-color) !important;
}


#mini-cart-min-warning,
#mini-cart-zone-info {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .6rem;
    font-size: 1.2rem;
}
#mini-cart-min-warning::before,
#mini-cart-zone-info::before {
    content: "";
    position: absolute;
    background: url(assets/images/info-icon.svg) no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    top: .3rem;
    left: 0;
}
#mini-cart-sidebar ul.cart_list {
    border-bottom: 1px dotted var(--base-color);
    margin-bottom: .8rem;
}




.woocommerce div.product form.cart .variations label {
        font-size: 1.8rem;
    text-transform: uppercase;
        line-height: 1;
    font-family: var(--alt-font);
    font-weight: 400;
}

.single-product .single_variation_wrap .woocommerce-variation.single_variation {
    display: none!important;
}
.single_add_to_cart_button.disabled.wc-variation-selection-needed {
    pointer-events: none;
}

.single-product .woocommerce-content {
    padding-top: 2.4rem;
}

.single-product .woocommerce-product-details__short-description > p {
    line-height: 1.3;
}


#customer_details #is_legal_entity_field label.checkbox::after {
    border-color: #FFF3E5;
}
#payment .woocommerce-form__label-for-checkbox::after {
    border-color: var(--secondary-color)!important;
}



.checkout-delivery-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: -14px 0 0;
}
.delivery-label {
    font-size: 12px;
    position: relative;
    top: 1px;
}
.delivery-tooltip-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.delivery-tooltip-content {
    position: absolute;
    top: 125%;
    left: 0;
    width: 260px;
    background: var(--secondary-color);
    color: var(--base-color);
    padding: 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: 0.2s ease;
    z-index: 50;
    border: 1px solid rgba(81, 60, 52, .5);
}

.checkout-delivery-tooltip:hover .delivery-tooltip-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.product-name .checkout-variation-item {
    font-family: "Zilla Slab", serif;
    font-weight: 400;
    font-size: 1.4rem;
    text-transform: none;
}



/*

.swiper-button-next,
.swiper-button-prev {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
}

.swiper-button-next:focus,
.swiper-button-prev:focus,
.swiper-button-next:active,
.swiper-button-prev:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}*/

.swiper-button-next,
.swiper-button-prev {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: transparent;
}


li.product-type-variable .wc-category-product .wc-category-product__cart {
    margin-top: 5rem;
}


#delivery_time_field.woocommerce-invalid-required-field select {
    border-color: var(--wc-red)!important;
}

#delivery_time {
    color: var(--base-color)!important;
}



body.woocommerce-order-pay .page-content .gutenberg {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.woocommerce-order-pay .page-content .gutenberg > .woocommerce {
    max-width: 42rem;
    margin: 0 auto;
        left: 0;
    transform: translateX(0);
    text-align: center;
    padding: 2.4rem;
}
body.woocommerce-order-pay .page-content .gutenberg > .woocommerce .order_details {
    padding-left: 0!important;
}
body.woocommerce-order-pay .page-content .gutenberg > .woocommerce .order_details li {
    margin: 0 0 1rem!important;
    border: none!important;
}


body.woocommerce-order-pay .page-content .gutenberg > .woocommerce a.button,
body.woocommerce-order-pay .page-content .gutenberg > .woocommerce > p:last-child {
    display: none!important;
}

.woocommerce-order-received .woocommerce-order > *:not(.custom-thankyou) {
    display: none!important;
}

.intesa-redirect-notice {
    margin-top: 24px;
    padding: 20px;
    background: #f7f9fc;
    border-radius: 8px;
    text-align: center;
    animation: fadeInRedirect 0.6s ease forwards;
    opacity: 0;
}

.intesa-redirect-notice p {
    margin: 12px 0 0;
    font-size: 15px;
    color: #333;
}

/* Loader */
.intesa-loader {
    width: 32px;
    height: 32px;
    border: 3px solid #e0e0e0;
    border-top: 3px solid #005baa; /* Intesa blue */
    border-radius: 50%;
    margin: 0 auto;
    animation: spin 0.8s linear infinite;
}

/* Fade in */
@keyframes fadeInRedirect {
    to {
        opacity: 1;
    }
}

/* Spin */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}






.site-top-header {
    background: var(--secondary-color);
    color: var(--base-color);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    z-index: 2026;
}

.top-header-inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 40px 8px 16px;
}

.top-header-track {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.top-header-text {
    display: inline-block;
}

.top-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--base-color);
    font-family: var(--alt-font2);
    font-size: 16px;
    cursor: pointer;
    transition: all .23s ease-in;
        width: 2rem;
    height: 2rem;
        line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-header-close:hover {
    background-color: var(--cta-color2);
    color: var(--secondary-color);
    border-radius: 100%;
}

/* ticker animacija */
.top-header-track.ticker-active {
    display: flex;
}
.top-header-track.ticker-active .top-header-text {
    display: inline-block;
    padding-right: 60px;
    animation: topHeaderTicker linear infinite;
}

@keyframes topHeaderTicker {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

#mini-cart-sidebar li .remove:hover {
    background: var(--cta-color2);
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    line-height: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#mini-cart-sidebar li .remove {
     width: 2rem;
    height: 2rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.has-header-ticker header {
    top: 37px;
}

.has-header-ticker header.sticky {
    top: 0!important;
}


/* CARD */
.wc-category-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

/* IMAGE */
.wc-category-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* DARK OVERLAY */
.wc-category-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    transition: background 0.4s ease;
    z-index: 1;
}

/* CONTENT WRAPPER */
.wc-category-content {
    position: absolute;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 37px;
    transition: max-height 0.5s ease;
    z-index: 2;
}

/* TITLE */
.wc-category-name {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    position: relative;
    transition: transform 0.4s ease;
}

/* YELLOW UNDERLINE (pseudo element) */
.wc-category-name::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: var(--cta-color2);
    margin: 5px auto 0;
    transition: width 0.4s ease;
}

/* DESC */
.wc-category-desc {
    opacity: 0;
    transform: translateY(15px);
    transition: 0.6s ease;
    margin-top: -12px;
    font-size: 14px;
}

/* BUTTON */
.wc-category-btn {
    display: inline-block;
    border: 1px solid var(--secondary-color);
    margin-top: 2.4rem;
    min-width: 16rem;
    opacity: 0;
    background: transparent;
    color: var(--secondary-color);
    padding: 8px 18px;
    font-size: 14px;
    transition: 0.7s ease;
    z-index: 2;
}

.wc-category-btn:hover {
    background-color: var(--secondary-color);
    color: var(--base-color);
}

/* ============================= */
/* HOVER EFFECT */
/* ============================= */

.wc-category-card:hover .wc-category-thumb img {
    transform: scale(1.08);
}

.wc-category-card:hover::before {
    background: rgba(0,0,0,0.55);
}

.wc-category-card:hover .wc-category-content {
    max-height: 300px; 
}

.wc-category-card:hover .wc-category-name {
    transform: translateY(-15px);
}

.wc-category-card:hover .wc-category-name::after {
    width: 184px;
}

.wc-category-card:hover .wc-category-desc {
    opacity: 1;
    transform: translateY(0);
}

.wc-category-card:hover .wc-category-btn {
    opacity: 1;
   /* transform: translate(-50%, 0);*/
}

.form-row.place-order {
    padding-bottom: 4rem!important
}




.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error {
    position: fixed;
    background: var(--cta-color);
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    margin: 0;
    padding: 1rem;
    text-align: center;
    gap: 0;
    animation: fadeOutError 5s forwards;
    outline: none!important;
}
@keyframes fadeOutError {
  0% { opacity: 1; visibility: visible; }
  70% { opacity: 1; } 
  100% { opacity: 0; visibility: hidden; } 
}

#order_comments {
    color: var(--base-color)!important;
}

#delivery-scheduling label,
#pravna-lica-wrapper label,
.woocommerce-billing-fields__field-wrapper label {
    font-weight: 300!important;
}

.product-attribute-item.delivery-48h {
    margin-left: auto;

}
.product-attribute-item.delivery-48h span {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    cursor: pointer;
}

.delivery-48h-inner::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 120%;
    right: 0;
    background: var(--secondary-color);
    color: var(--base-color);
    padding: 8px 12px;
    font-size: 13px;
    width: 18rem;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease;
    z-index: 10;
    border: 1px solid rgba(81, 60, 52, .5);
}

.delivery-48h-inner:hover::after {
    opacity: 1;
}

.delivery-text {
    font-size: 14px;
}

#mini-cart-sidebar .mini-cart-48h-badge {
    position: absolute;
    left: 0;
    top: 0;
}


.footer-widget a {
    position: relative;
}
.footer .phone a::after,
.footer .email a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    transition: all .23s ease-in;
    height: 1px;
}
.footer .phone a:hover::after,
.footer .email a:hover::after {
    width: 100%;
    background-color: var(--cta-color2);
}

.woocommerce-error::before {
    top: 50%;
    transform: translateY(-50%);
}
body:has(#mini-cart-sidebar.open) {
  overflow: hidden;
}