/* 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: 96px; 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[for="shipping_method_0_free_shipping1"] { text-indent:0!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.84rem; width:auto; max-height: 3.7rem; } .cards-icon > svg:last-child { min-height: 3.7rem; } .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 { text-align: center; 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; } #payment .cards-icon { clear: both; padding-top: 2.4rem; } #payment .cards-icon a { text-decoration:none!important; } #payment .cards-icon a::before, #payment .cards-icon a::after { display:none!important; } #payment .cards-icon svg:not(:last-child) path, #payment .cards-icon a:first-child svg path, #payment .cards-icon a:nth-child(3) svg path, #payment .cards-icon a:nth-child(2) svg > path:nth-child(3), #payment .cards-icon > svg:last-child > path:nth-child(2) { fill:var(--base-color); } #payment .cards-icon svg { min-height:2rem!important; }