#wpadminbar {
z-index: 9999999 !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Rubik", sans-serif;
}
.price {
font-family: "Rubik", sans-serif;
}
body .scroll-effect {
opacity: 0;
transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
}
body .scroll-effect.appeared {
opacity: 1;
}
body .scroll-effect.se-left {
transform: translateX(-64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left {
transform: translateX(-80px);
}
}
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-right {
transform: translateX(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right {
transform: translateX(80px);
}
}
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right.appeared {
transform: translateX(0);
}
}
body .scroll-effect.se-bottom {
transform: translateY(64px);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom {
transform: translateY(80px);
}
}
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-bottom.appeared {
transform: translateY(0);
}
}
body .scroll-effect.se-left-d {
opacity: 1;
}
@media screen and (max-width: 1024px) {
body .scroll-effect.se-left-d {
transition: none;
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d {
transform: translateX(-128px) !important;
opacity: 0;
}
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-left-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
body .scroll-effect.se-right-d {
opacity: 1;
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d {
transform: translateX(64px) !important;
opacity: 0;
}
}
body .scroll-effect.se-right-d.appeared {
transform: translateX(0);
}
@media screen and (min-width: 1024px) {
body .scroll-effect.se-right-d.appeared {
transform: translateX(0) !important;
opacity: 1;
}
}
form label {
display: block;
color: #222;
font-weight: 500;
font-size: 14px;
margin-bottom: 4px;
}
@media screen and (min-width: 720px) {
form label {
font-size: 16px;
}
}
form label .optional {
display: none;
}
form label .required {
color: #602684;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
form label.screen-reader-text + span input {
margin-top: 21px;
}
}
form select,
form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="password"],
form input[type="email"] {
width: 100% !important;
border-radius: 8px;
}
form .select2-container .select2-selection--single {
height: auto;
margin: 0;
border: 0;
}
form .select2-container .select2-selection__rendered {
line-height: inherit;
font-size: 14px !important;
line-height: 1.5 !important;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 8px;
}
form .woocommerce-form-login__rememberme {
margin-bottom: 16px;
cursor: pointer;
}
form .woocommerce-form-login__rememberme input {
display: none;
}
form .woocommerce-form-login__rememberme input[type="hidden"] + span:before,
form .woocommerce-form-login__rememberme input[type="hidden"] + label:before, form .woocommerce-form-login__rememberme input:checked + span:before,
form .woocommerce-form-login__rememberme input:checked + label:before {
border-color: #602684;
}
form .woocommerce-form-login__rememberme input[type="hidden"] + span:after,
form .woocommerce-form-login__rememberme input[type="hidden"] + label:after, form .woocommerce-form-login__rememberme input:checked + span:after,
form .woocommerce-form-login__rememberme input:checked + label:after {
opacity: 1;
}
form .woocommerce-form-login__rememberme > span,
form .woocommerce-form-login__rememberme label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
form .woocommerce-form-login__rememberme > span,
form .woocommerce-form-login__rememberme label {
font-size: 16px;
}
}
form .woocommerce-form-login__rememberme > span:before,
form .woocommerce-form-login__rememberme label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
form .woocommerce-form-login__rememberme > span:after,
form .woocommerce-form-login__rememberme label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
form .woocommerce-form-login__rememberme > span:hover:before,
form .woocommerce-form-login__rememberme label:hover:before {
border-color: #602684;
}
form button {
display: block;
background-color: #602684;
background-position: center;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 26px;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 2px solid #602684;
cursor: pointer;
}
@media screen and (min-width: 720px) {
form button {
padding: 4px 16px;
min-height: 42px;
}
}
form button:hover {
color: #fff;
border: 2px solid #3a174f;
background-color: #3a174f;
}
form .woocommerce-LostPassword {
margin: 0;
text-align: center;
}
form .woocommerce-LostPassword a {
text-decoration: none;
}
form .woocommerce-LostPassword a:hover {
text-decoration: underline;
}      * {
box-sizing: border-box;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-optical-sizing: auto;
}  body {
margin: 0;
overflow-x: hidden;
color: #000;
font-optical-sizing: auto;
background-color: #f8f8f8;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: border-box;
}  body,
button,
input,
select,
.select2-selection__rendered,
optgroup,
textarea {
color: #000;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #602684;
}
a:visited {
color: #602684;
}
a:hover,
a:focus,
a:active {
color: #4d1e6a;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 8px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.select2-selection__rendered,
textarea {
color: #222;
border: 1px solid #C8C4C4;
padding: 8px 16px;
border-radius: 8px;
font-weight: 500;
}
textarea {
padding: 12px 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
font-weight: 500;
border-radius: 8px;
}
select {
border: 1px solid #C8C4C4;
}
textarea {
width: 100%;
}  .site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.site-header {
padding: 16px;
margin: 0 auto;
max-width: 1600px;
position: relative;
z-index: 101;
}
@media screen and (min-width: 1240px) {
.site-header {
padding: 24px 0 56px;
position: relative;
}
}
.site-header:after {
clear: both;
content: "";
display: block;
width: 100%;
}
.site-header-holder {
position: sticky;
z-index: 9999101;
top: 0;
display: block;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 1240px) {
.site-header-holder {
border-bottom: 0;
}
}
.site-header-wrapper {
margin: 0 auto;
max-width: 1600px;
padding: 0 16px;
}
.site-header-wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1240px) {
.site-header-wrapper {
padding: 0 24px;
min-height: 56px;
}
} .site-branding {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
right: unset;
left: 16px;
width: calc(50% - 32px);
z-index: 21;
}
@media screen and (min-width: 480px) {
.site-branding {
width: 208px;
}
}
@media screen and (min-width: 1240px) {
.site-branding {
top: 24px;
left: 24px;
transform: none;
width: 240px;
}
}
.site-branding .logo {
margin: 0;
}
.site-branding a {
display: block;
}
.site-branding img {
display: block;
width: 100%;
object-fit: contain;
} .header-items {
padding: 0;
z-index: 10;
}
.header-items:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1240px) {
.header-items {
position: static;
float: right;
padding: 0 0;
margin: 0 24px;
}
}
.header-item.site-wpml, .header-item.site-minicart, .header-item.site-account, .header-item.site-service, .header-item.site-navigation, .header-item.site-search {
float: right;
margin-left: 12px;
}
@media screen and (min-width: 480px) {
.header-item.site-wpml, .header-item.site-minicart, .header-item.site-account, .header-item.site-service, .header-item.site-navigation, .header-item.site-search {
margin-left: 24px;
}
}
@media screen and (min-width: 1240px) {
.header-item.site-wpml, .header-item.site-minicart, .header-item.site-account, .header-item.site-service, .header-item.site-navigation, .header-item.site-search {
margin: 0 0 0 32px;
}
}
.header-item.site-wpml.current-menu-item, .header-item.site-minicart.current-menu-item, .header-item.site-account.current-menu-item, .header-item.site-service.current-menu-item, .header-item.site-navigation.current-menu-item, .header-item.site-search.current-menu-item {
display: none;
}
@media screen and (min-width: 1240px) {
.header-item.site-wpml, .header-item.site-account {
position: relative;
}
}
@media screen and (min-width: 1240px) {
.header-item.site-search {
position: absolute;
top: 32px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 400px;
}
.header-item.site-search .search-trigger {
display: none;
}
.header-item.site-search .search-content {
display: block;
visibility: visible;
opacity: 1;
margin: -8px 0 0;
padding: 0;
box-shadow: none;
border-radius: 0;
z-index: 2;
pointer-events: auto;
width: 400px;
position: relative;
}
}
.header-item-trigger {
min-width: 24px;
text-align: center;
color: #602684;
font-size: 24px;
line-height: 1;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
display: block;
}
.header-item-trigger:visited {
color: #602684;
}
.header-item-trigger span {
color: #602684;
}
@media screen and (min-width: 1240px) {
.header-item-trigger {
font-size: 26px;
line-height: 32px;
}
}
.header-item-trigger i:before {
vertical-align: middle;
font-weight: 500;
}
@media screen and (min-width: 1240px) {
.header-item-trigger {
font-weight: 300;
}
}
.header-item-trigger:hover, .header-item-trigger:active, .header-item-trigger:focus {
color: #852890;
}
.header-item-trigger span {
display: none;
}
@media screen and (min-width: 1240px) {
.header-item-trigger span {
display: block;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0;
text-align: center;
font-weight: 400;
color: #222;
}
}
@media screen and (min-width: 1240px) {
.header-item-trigger.navigation-trigger {
display: none;
}
}
.header-item-trigger .site-minicart-counter {
position: absolute;
top: 0;
right: -8px;
display: block;
background-color: #602684;
color: #fff;
border-radius: 50%;
font-size: 10px;
line-height: 20px;
min-width: 20px;
transform: translateY(-25%);
}
@media screen and (min-width: 1240px) {
.header-item-trigger .site-minicart-counter {
right: 0;
}
}
.header-item-trigger .site-minicart-counter.empty {
display: none;
}
.header-item-info {
font-size: 24px;
line-height: 1;
font-weight: 700;
background: #602684;
padding: 12px 16px;
color: #fff;
margin: 0 0;
position: relative;
min-height: 48px;
}
.header-item-info-title {
position: absolute;
left: 16px;
margin: 0 auto;
text-align: center;
max-width: calc(100% - 90px);
top: 50%;
transform: translateY(-50%);
font-weight: 500;
}
.header-item-info.navigation-info .custom-logo-link {
display: inline-block;
}
.header-item-info.navigation-info .custom-logo-link img {
display: block;
margin: 0;
width: auto;
height: 20px;
}
.header-item-close {
float: right;
cursor: pointer;
}
.header-item-overlay {
position: fixed;
overflow: hidden;
z-index: -1;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.25);
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content {
z-index: -1;
visibility: hidden;
overflow: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.active {
visibility: visible;
z-index: 10;
opacity: 1;
pointer-events: auto;
}
.header-item-content.active ~ .header-item-overlay {
z-index: 9;
overflow: hidden;
visibility: visible;
opacity: 1;
}
.header-item-content-info {
display: block;
position: relative;
}
.header-item-content.navigation-content {
position: fixed;
background-color: #fff;
width: 100vw;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 16px;
transition: 0.2s transform cubic-bezier(0.45, 0.25, 0.6, 0.95);
transform: translateX(-100%);
max-width: 420px;
overflow: auto;
}
.header-item-content.navigation-content.active {
transform: translateX(0) scale(1);
z-index: 100;
}
@media screen and (min-width: 1240px) {
.header-item-content.navigation-content {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
text-align: center;
transform: none;
visibility: visible;
opacity: 1;
pointer-events: auto;
height: auto;
min-height: 0;
width: 100%;
margin: 0 auto;
padding: 0;
max-width: 100%;
z-index: 0;
background-color: transparent;
overflow: visible;
}
.header-item-content.navigation-content:before {
top: 0;
content: "";
left: 50%;
transform: translateX(-50%);
width: 100vw;
position: absolute;
}
.header-item-content.navigation-content .navigation-info {
display: none;
}
}
.header-item-content.search-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #602684;
border-top: 1px solid #602684;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
transform: translateY(-10%);
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content {
top: 100%;
right: 0;
left: auto;
width: 480px;
margin: 8px 0 0;
background-color: transparent;
border-radius: 8px;
border: 0;
padding: 16px;
position: absolute;
}
}
.header-item-content.search-content .close-overlay {
content: "";
display: block;
width: 100%;
height: 100vh;
top: 100%;
background: #000000a6;
left: 0;
position: absolute;
z-index: -9999;
visibility: hidden;
opacity: 1;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.search-content.active {
overflow: visible;
transform: none;
}
.header-item-content.search-content.active .close-overlay {
z-index: 1;
visibility: visible;
opacity: 1;
}
.header-item-content.search-content .widget_product_search {
margin: 0;
}
.header-item-content.search-content .woocommerce-product-search {
position: relative;
}
.header-item-content.search-content .woocommerce-product-search:before {
display: none;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"] {
display: block;
width: 100%;
padding: 8px 48px 6px 0;
font-size: 16px;
line-height: 22px;
outline: none;
letter-spacing: 0.02em;
background-color: transparent;
color: #fff;
border: 0;
font-weight: 400;
border-radius: 32px;
border-bottom: 2px solid #C8C4C4;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search input[type="search"] {
background-color: #f8f8f8;
border-radius: 32px;
border-bottom: 2px solid #C8C4C4;
color: #222;
padding: 16px 32px 14px;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]:focus {
border-bottom: 1px solid #602684;
}
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]::-webkit-search-cancel-button {
position: relative;
right: 32px;
cursor: pointer;
-webkit-appearance: none;
width: 22px;
height: 22px;
display: none;
}
.header-item-content.search-content .woocommerce-product-search input[type="search"]::placeholder {
color: white;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search input[type="search"]::placeholder {
color: #777;
}
}
.header-item-content.search-content .woocommerce-product-search button[type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0 8px;
height: 100%;
background-color: transparent;
border: 0;
font-size: 0;
line-height: 0;
width: auto;
}
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
content: "\e928";
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:before {
color: #fff;
background: #602684;
padding: 8px;
border-radius: 32px;
}
.header-item-content.search-content .woocommerce-product-search button[type="submit"]:before:hover {
color: #602684;
}
}
.header-item-content.account-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
border-top: 1px solid #602684;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
}
@media screen and (min-width: 1240px) {
.header-item-content.account-content {
top: 100%;
right: 0;
left: auto;
width: 240px;
margin: 8px 0 0;
border: 0;
transform: none;
background-color: #fff;
border-radius: 8px;
}
}
.header-item-content.account-content .active {
transform: none;
}
.header-item-content.account-content ul {
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
.header-item-content.account-content ul li {
display: block;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
}
.header-item-content.account-content ul li:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.account-content ul a {
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
color: #222;
}
.header-item-content.account-content ul a:hover {
color: #260f35;
}
.header-item-content.account-content ul a span {
line-height: 21px;
font-size: 18px;
vertical-align: text-top;
display: inline-block;
margin-right: 8px;
color: #602684;
}
.header-item-content.wpml-content {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #602684;
border-top: 1px solid #602684;
padding: 8px 16px;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
}
@media screen and (min-width: 1240px) {
.header-item-content.wpml-content {
top: 100%;
right: 0;
left: auto;
width: 240px;
margin: 8px 0 0;
border: 0;
transform: none;
background-color: #fff;
border-radius: 8px;
}
}
.header-item-content.wpml-content .active {
transform: none;
}
.header-item-content.wpml-content ul {
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
.header-item-content.wpml-content ul li {
display: block;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
}
.header-item-content.wpml-content ul li:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.wpml-content ul a {
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 24px;
padding: 0;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.header-item-content.wpml-content ul a {
color: #602684;
}
.header-item-content.wpml-content ul a:hover {
color: #260f35;
}
}
.header-item-content.wpml-content ul a img {
margin-right: 12px;
}
.header-item-content.wpml-content ul a span {
line-height: 21px;
font-size: 18px;
vertical-align: text-top;
display: inline-block;
margin-right: 8px;
}
.header-item-content.minicart-content {
position: fixed;
background-color: #fff;
width: 100vw;
min-height: 100vh;
height: 100%;
left: auto;
right: 0;
top: 0;
bottom: 0;
transition: 0.2s transform cubic-bezier(0.45, 0.25, 0.6, 0.95);
transform: translateX(100%);
max-width: 420px;
}
.header-item-content.minicart-content:after {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #333;
z-index: 2;
}
.header-item-content.minicart-content.active {
transform: translateX(0) scale(1);
z-index: 100;
}
.header-item-content.minicart-content .woocommerce-mini-cart {
padding: 0;
margin: 0;
list-style: none;
max-height: calc(100vh - 230px);
overflow: auto;
}
.header-item-content.minicart-content .woocommerce-mini-cart__empty-message {
padding: 16px;
text-align: center;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item {
position: relative;
padding: 16px 32px 16px 120px;
display: grid;
min-height: 132px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item:not(:last-child) {
border-bottom: 1px solid #C8C4C4;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove {
position: absolute;
top: 16px;
right: 16px;
font-size: 0;
line-height: 22px;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove:before {
font-size: 12px;
line-height: 22px;
content: "\e934";
vertical-align: middle;
font-family: "icomoon";
color: #777;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a.remove:hover:before {
color: #602684;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a {
font-size: 14px;
line-height: 20px;
text-decoration: none;
font-weight: 500;
color: #222;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item a:hover {
color: #602684;
}
@media screen and (min-width: 720px) {
.header-item-content.minicart-content .woocommerce-mini-cart-item a {
font-size: 16px;
}
}
.header-item-content.minicart-content .woocommerce-mini-cart-item img {
width: 75px;
height: auto;
aspect-ratio: 3/4;
object-fit: contain;
border-radius: 8px;
overflow: hidden;
position: absolute;
top: 16px;
left: 16px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #333;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity span, .header-item-content.minicart-content .woocommerce-mini-cart-item .quantity small {
vertical-align: bottom;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .quantity span {
font-weight: 500;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation {
padding: 0;
margin: 16px 0;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dt {
font-weight: 400;
color: #777;
font-size: 14px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd {
margin: 0;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd:not(:last-child) {
margin-bottom: 4px;
}
.header-item-content.minicart-content .woocommerce-mini-cart-item .variation dd p {
margin: 0;
color: #222;
font-size: 14px;
font-weight: 600;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total {
padding: 16px;
margin: 0;
border-top: 1px solid #C8C4C4;
border-bottom: 1px solid #C8C4C4;
background-color: #eee;
color: #602684;
position: relative;
font-size: 16px;
text-align: right;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total > strong {
float: left;
font-weight: 600;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total:before {
content: "";
position: absolute;
bottom: 100%;
width: 100%;
height: 32px;
background: linear-gradient(2deg, #fff 0%, rgba(255, 255, 255, 0) 85%);
left: 0;
margin-bottom: 1px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-weight: 600;
letter-spacing: 0.05em;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons {
padding: 16px;
margin: 0;
display: flex;
flex-direction: column;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button {
order: 1;
display: block;
width: 100%;
text-align: center;
text-decoration: none;
padding: 8px 24px;
font-size: 14px;
line-height: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 3px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button:after {
display: none;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button.checkout {
order: 0;
background-color: #602684;
color: #fff;
margin-bottom: 8px;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
}
.header-item-content.minicart-content .woocommerce-mini-cart__buttons .button.checkout:hover {
background-color: #4d1e6a;
}
.header-message {
background-color: #602684;
}
.header-message-wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 4px 12px;
}
@media screen and (min-width: 1240px) {
.header-message-wrapper {
padding: 4px 24px;
}
}
.header-message p {
margin: 0;
color: #fff;
font-weight: 500;
text-align: center;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.025em;
}
@media screen and (min-width: 720px) {
.header-message p {
font-size: 13px;
letter-spacing: 0.05em;
}
}
.header-message p a {
font-weight: 600;
color: #fff;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-message p a:hover {
color: #eee;
}
.shop-notice {
background-color: #fcf7eb;
padding: 16px;
max-width: 1552px;
margin: 24px auto;
}
@media screen and (min-width: 1024px) {
.shop-notice {
padding: 24px;
margin: 32px auto;
}
}
.shop-notice p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #e6b137;
letter-spacing: 0.02em;
margin: 0;
text-align: center;
}
@media screen and (min-width: 1024px) {
.shop-notice p {
font-size: 16px;
}
}
.shop-notice p:last-child {
margin-bottom: 0;
}
.site-footer {
margin: 48px auto 0;
background-color: #3a174f;
display: flex;
padding: 0 0 0;
flex-direction: column;
width: 100%;
color: #fff;
}
.site-footer .footer-divider {
fill: #fff;
height: 50px;
display: block;
margin: 0 0;
}
@media screen and (min-width: 720px) {
.site-footer {
display: block;
}
}
.site-footer .footer-widgets {
text-align: left;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
text-align: left;
padding: 48px 0 24px;
}
}
@media screen and (min-width: 1024px) {
.site-footer .footer-widgets {
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
}
@media screen and (min-width: 1240px) {
.site-footer .footer-widgets {
gap: 48px;
padding: 64px 0 32px;
}
}
.site-footer .footer-widgets-wrapper {
font-size: 14px;
line-height: 2;
margin: 16px 0;
color: #fff;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets-wrapper {
margin: 0;
}
}
.site-footer .footer-widgets .widget-title {
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #fff;
letter-spacing: 0.05em;
display: block;
margin: 0 0 16px;
position: relative;
}
.site-footer .footer-widgets .widget-title:after {
position: absolute;
top: calc(50% - 12px);
inset-inline-end: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
color: #333;
font-weight: 400;
font-size: 16px;
transition: all .25s ease;
content: "\e90b";
font-family: "icomoon";
background-color: #f8f8f8;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title:after {
display: none;
pointer-events: none;
}
}
.site-footer .footer-widgets .widget-title + * {
display: none !important;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title + * {
display: block !important;
}
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget-title + .footer-news {
display: grid !important;
}
}
.site-footer .footer-widgets .widget-title.active:after {
transform: rotate(180deg);
}
.site-footer .footer-widgets .widget-title.active + * {
display: block !important;
}
.site-footer .footer-widgets .widget-title.active + .footer-news {
display: grid !important;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget {
display: block;
}
}
.site-footer .footer-widgets .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .footer-widgets .widget ul li {
padding: 0;
margin: 0 0 4px;
}
.site-footer .footer-widgets .widget ul li:before {
display: none;
}
.site-footer .footer-widgets .widget ul li a {
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 32px;
color: #fff;
position: relative;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer .footer-widgets .widget ul li a:hover {
color: #8635b9;
}
.site-footer .footer-widgets .widget ul li.menu-item a:before {
content: "\e90d";
font-family: "icomoon";
vertical-align: baseline;
font-size: 80%;
line-height: 1.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
display: inline-block;
margin-right: 4px;
position: absolute;
top: 0;
left: -16px;
opacity: 0;
}
.site-footer .footer-widgets .widget ul li.menu-item a:hover {
color: #C8C4C4;
}
.site-footer .footer-widgets .widget ul li.menu-item a:hover:before {
opacity: 1;
}
.site-footer .footer-widgets .widget .footer-text {
margin: 16px 0;
line-height: 2;
}
@media screen and (min-width: 1024px) {
.site-footer .footer-widgets .widget .footer-text {
font-size: 16px;
}
}
.site-footer .footer-widgets .widget .footer-text a {
text-decoration: none;
color: #fff;
}
.site-footer .footer-widgets .widget .footer-text i {
margin-right: 8px;
min-width: 12px;
}
.site-footer .footer-widgets .widget .footer-indent {
display: block;
padding-left: 22px;
line-height: 1;
margin-bottom: 8px;
}
@media screen and (min-width: 720px) {
.site-footer .footer-widgets .widget .footer-indent {
padding-left: 24px;
}
}
.site-footer .footer-widgets .widget .footer-news {
display: grid;
gap: 8px;
}
.site-footer .footer-widgets .widget .footer-news-post {
display: grid;
grid-template-columns: 80px 2fr;
gap: 16px;
justify-content: center;
align-items: center;
}
.site-footer .footer-widgets .widget .footer-news-post:not(:last-child) {
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
}
.site-footer .footer-widgets .widget .footer-news-post-image img {
aspect-ratio: 1;
object-fit: cover;
display: block;
width: 100%;
border-radius: 2px;
}
.site-footer .footer-widgets .widget .footer-news-post-info h4 {
margin: 0;
color: #333;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
font-family: "Rubik", sans-serif;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
.site-footer .footer-widgets .widget .footer-news-post-info h4 {
font-size: 16px;
line-height: 1.25;
}
}
.site-footer .footer-widgets .widget .footer-news-post-info a {
text-decoration: none;
}
.site-footer .footer-widgets .widget .footer-news-post-info a:hover h4 {
color: #602684;
}
.site-footer .col-full {
order: 1;
}
.site-footer .footer-logo {
order: 0;
margin: 0 auto;
filter: invert(1);
}
.footer-copyright {
order: 99;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background-color: #3a174f;
padding: 16px 0;
}
.footer-copyright .copyright-title {
display: none;
}
.footer-copyright p {
margin: 0;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: 400;
letter-spacing: 0.05em;
text-align: center;
}
.widget-social-icons {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
gap: 16px;
}
.widget-social-icons li {
margin: 0;
}
.widget-social-icons li a {
color: #fff;
}
.widget-social-icons li a span {
display: none;
}
.widget-social-icons li a:before {
font-size: 28px;
line-height: 1;
font-family: "icomoon";
}
.widget-social-icons li a.facebook:before {
content: "\e914";
}
.widget-social-icons li a.instagram:before {
content: "\e91b";
}
.widget-social-icons li a.linkedin:before {
content: "\e91c";
}
.widget-social-icons li a.tikok:before {
content: '';
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/tiktok.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 18px auto;
display: block;
width: 20px;
height: 20px;
}
.woocommerce-store-notice.demo_store {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
margin: 0;
background: #faf1ee;
z-index: 111111;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
border-top: 4px solid #b556a8;
}
.woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link {
background: #b556a8;
padding: 8px 16px;
text-decoration: none;
color: #fff;
border-radius: 8px;
font-weight: 500;
display: block;
margin: 12px auto 0;
width: 140px;
}
.woocommerce-store-notice.demo_store p {
margin: 0;
}
.primary-navigation {   }
@media screen and (max-width: 1239px) {
.primary-navigation ul.menu {
display: block;
margin: 0;
padding: 0 0 24px 0;
list-style: none;
}
.primary-navigation ul.menu > li {
display: block;
position: relative;
}
.primary-navigation ul.menu > li:not(:last-child) > a {
border-bottom: 1px solid #eee;
}
.primary-navigation ul.menu > li:first-child > a.active {
border-top: 1px solid #eee;
}
.primary-navigation ul.menu > li:first-child > .sub-menu-trigger.active {
border-top: 1px solid #eee;
height: 50px;
}
.primary-navigation ul.menu > li > a {
text-decoration: none;
font-size: 14px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.05em;
color: #222;
text-transform: uppercase;
display: block;
padding: 12px 16px;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.primary-navigation ul.menu > li > a.active {
background-color: #602684;
color: #fff;
}
.primary-navigation ul.menu > li.menu-item-has-children > a {
width: calc(100% - 60px);
}
.primary-navigation ul.menu > li > .sub-menu {
display: none;
padding: 0;
margin: 0;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li {
position: relative;
width: 100%;
}
.primary-navigation ul.menu > li > .sub-menu > li:last-child {
border-bottom: 1px solid #eee;
}
.primary-navigation ul.menu > li > .sub-menu > li > a {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
display: block;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.05em;
color: #222;
padding: 8px 16px;
width: 100%;
background-color: rgba(0, 0, 0, 0.05);
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu-trigger {
display: none;
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu {
padding: 0;
margin: 0;
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu a {
padding: 6px 32px;
display: block;
text-decoration: none;
font-size: 14px;
line-height: 24px;
font-weight: 400;
letter-spacing: 0.05em;
color: #222;
width: 100%;
text-transform: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.primary-navigation ul.menu > li > .sub-menu > li .sub-menu .sub-menu {
display: none;
}
.primary-navigation ul.menu .sub-menu-trigger {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 49px;
border-left: 1px solid #eee;
color: #222;
border-bottom: 1px solid #eee;
}
.primary-navigation ul.menu .sub-menu-trigger:before {
width: 20px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
content: "\e90d";
font-size: 20px;
line-height: 20px;
font-family: "icomoon";
transform: translateX(-50%) translateY(-50%) rotate(90deg);
font-weight: 100;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.primary-navigation ul.menu .sub-menu-trigger.active {
background-color: #602684;
color: #fff;
}
.primary-navigation ul.menu .sub-menu-trigger.active:before {
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.primary-navigation ul.menu .sub-menu-trigger.active + .sub-menu {
display: block;
}
}
@media screen and (min-width: 1240px) {
.primary-navigation {
position: relative;
}
.primary-navigation:before {
content: "";
transform: translateX(-50%);
left: 50%;
width: 100vw;
position: absolute;
top: 0;
height: 100%;
background-color: #fff;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
}
.primary-navigation ul.menu {
position: relative;
z-index: 2;
display: flex;
justify-content: space-evenly;
margin: 0;
padding: 0;
list-style: none;
}
.primary-navigation ul.menu > li {
display: block;
outline: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.primary-navigation ul.menu > li a {
padding: 12px 24px;
display: block;
color: #3a174f;
text-transform: uppercase;
text-decoration: none;
font-weight: 400;
letter-spacing: 0.05em;
font-size: 15px;
line-height: 1.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
position: relative;
outline: none;
white-space: nowrap;
}
.primary-navigation ul.menu > li a:hover {
color: #eee;
}
.primary-navigation ul.menu > li.current-product-ancestor > a, .primary-navigation ul.menu > li.current-product_cat-ancestor > a, .primary-navigation ul.menu > li.current-menu-item > a {
color: #602684;
}
.primary-navigation ul.menu > li.current-product-ancestor > a:after, .primary-navigation ul.menu > li.current-product_cat-ancestor > a:after, .primary-navigation ul.menu > li.current-menu-item > a:after {
content: "";
height: 4px;
background-color: #732e9e;
display: block;
position: absolute;
left: 16px;
right: 16px;
bottom: 0;
}
.primary-navigation ul.menu > li:hover > a {
color: #f8f8f8;
}
.primary-navigation ul.menu > li.important > a {
color: #fff;
background-color: #602684;
}
.primary-navigation ul.menu > li.important:hover > a {
background-color: #3a174f;
}
.primary-navigation ul.menu > li.important.current-product-ancestor > a:after, .primary-navigation ul.menu > li.important.current-product_cat-ancestor > a:after, .primary-navigation ul.menu > li.important.current-menu-item > a:after {
background-color: #fff;
}
.primary-navigation ul.menu > li.bold > a {
font-weight: 600;
}
.primary-navigation ul.menu > li.small-submenu {
position: relative;
}
.primary-navigation ul.menu > li.small-submenu > .sub-menu {
min-width: 268px;
grid-template-columns: repeat(1, 1fr);
}
.primary-navigation ul.menu > li > .sub-menu {
position: absolute;
top: 100%;
display: none;
left: 0;
right: 0;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
background-color: #fff;
border-radius: 0 0 16px 16px;
width: 100%;
text-align: left;
padding: 24px 32px;
grid-template-columns: repeat(4, 1fr);
gap: 32px 16px;
margin: 0 auto;
max-width: 1600px;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li {
text-align: left;
position: relative; }
.primary-navigation ul.menu > li > .sub-menu > li.grid-row-2 {
grid-row: span 2;
}
.primary-navigation ul.menu > li > .sub-menu > li.grid-row-3 {
grid-row: span 3;
}
.primary-navigation ul.menu > li > .sub-menu > li a {
font-weight: 500;
color: #222;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
display: block;
position: relative;
}
.primary-navigation ul.menu > li > .sub-menu > li a:before {
content: "\e90d";
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
font-family: "icomoon";
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
opacity: 0;
}
.primary-navigation ul.menu > li > .sub-menu > li a:hover {
color: #602684;
}
.primary-navigation ul.menu > li > .sub-menu > li a:hover:before {
opacity: 1;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu {
margin: 8px 0 0;
padding: 0;
list-style-type: none;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu li:not(:last-child) {
margin-bottom: 8px;
}
.primary-navigation ul.menu > li > .sub-menu > li > .sub-menu a {
font-weight: 400;
text-transform: none;
}
.primary-navigation ul.menu > li > .sub-menu a {
padding: 0;
}
.primary-navigation ul.menu > li:hover {
background-color: #732e9e;
}
.primary-navigation ul.menu > li:hover .sub-menu {
display: grid;
}
}
@media screen and (min-width: 1600px) {
.primary-navigation ul.menu li a {
padding: 12px 32px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-container.fullscreen {
padding: 0;
height: 100vh;
}
.video-container.old {
padding-bottom: 75%; }
.video-container video,
.video-container iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
}
.woocommerce-error,
.woocommerce-message {
max-width: 1392px;
width: calc(100% - 32px);
margin: 24px auto;
padding: 8px 16px;
border-radius: 4px;
outline: none !important;
}
@media screen and (min-width: 1240px) {
.woocommerce-error,
.woocommerce-message {
width: calc(100% - 48px);
}
}
.woocommerce-error.align-center,
.woocommerce-message.align-center {
text-align: center;
}
.woocommerce-error li,
.woocommerce-message li {
list-style-type: none;
}
.woocommerce-error[role="alert"],
.woocommerce-message[role="alert"] {
background-color: #fcf7eb;
border: 2px solid #e6b137;
color: #e6b137;
font-weight: 600;
}
@media screen and (min-width: 1240px) {
.woocommerce-error[role="alert"],
.woocommerce-message[role="alert"] {
font-size: 16px;
}
}
.woocommerce-error[role="alert"] a,
.woocommerce-message[role="alert"] a {
color: #e6b137;
font-weight: 700;
}
.woocommerce-error[role="alert"] a:hover,
.woocommerce-message[role="alert"] a:hover {
text-decoration: none;
}
.nn-cta {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: #602684;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 0;
transition: 0.2s cubic-bezier(0.45, 0.25, 0.6, 0.95);
}
.nn-cta:visited {
color: #fff;
}
.nn-cta:hover {
color: #fff;
background-color: #260f35;
}
.nn-more-button {
border-bottom: 2px solid #602684;
color: #222;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.nn-more-button:visited {
color: #222;
}
.nn-more-button:hover {
border-color: transparent;
color: #000;
}
.svg-top {
position: absolute;
top: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.svg-bottom {
position: absolute;
bottom: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.grecaptcha-badge {
transform: translateX(100px);
}
.woocommerce-password-strength {
position: relative;
border-radius: 4px;
font-weight: 600;
padding: 4px 16px;
margin: 8px 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
text-align: center;
color: #fff;
}
.woocommerce-password-strength.short, .woocommerce-password-strength.bad {
background-color: #fce4e4;
color: #b5292d;
}
.woocommerce-password-strength.good {
color: #e6b137;
background-color: #fcf7eb;
}
.woocommerce-password-strength.strong {
color: #4caf50;
background-color: #e8f5e9;
}
.storefront-breadcrumb {
margin: 0 auto;
max-width: 1600px;
padding: 8px 16px 0;
color: #777;
font-size: 12px;
}
@media screen and (min-width: 1024px) {
.storefront-breadcrumb {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.storefront-breadcrumb {
padding: 8px 24px;
}
}
.storefront-breadcrumb .col-full {
padding-bottom: 4px;
}
.storefront-breadcrumb .breadcrumb-separator {
padding: 0 8px;
}
.storefront-breadcrumb a {
color: #222;
text-decoration: none;
padding: 0;
}
.storefront-breadcrumb a:before {
display: none !important;
}
.product-template-default .storefront-breadcrumb .col-full {
border: 0;
padding: 0;
}
body.home .storefront-breadcrumb {
display: none;
}
.site-main {
margin: 0 auto;
max-width: 1600px;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.site-main {
padding: 0 24px;
}
}
.page-template-template-cms .entry-header {
display: none;
}
.site-content {
overflow: hidden;
}
.site-main.wide {
max-width: 100%;
padding: 0;
}
.site-main.wide .entry-header {
display: none;
}
.site-main.wide .entry-content {
max-width: 100%;
padding: 0;
}
@media screen and (min-width: 720px) {
.site-main.wide .entry-content {
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.site-main.wide .entry-content {
padding: 0;
}
}
.contact-page-form {
max-width: 820px;
margin: 0 auto;
}
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.contact-page-form .form-row {
position: relative;
margin: 0;
}
.contact-page-form .form-row.form-row-wide {
grid-column: 1 / 3;
}
.contact-page-form label {
color: #222;
}
.contact-page-form input {
display: block;
width: 100%;
}
.contact-page-form textarea {
display: block;
width: 100%;
max-width: 100%;
resize: none;
height: 120px;
}
.contact-page-form input[type="submit"] {
display: block;
background-color: #602684;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #602684;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.contact-page-form input[type="submit"]:hover {
color: #602684;
background-color: #fff;
}
.contact-page-info {
padding: 16px;
background-color: #f8f8f8;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 16px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.cmplz-document.cookie-statement {
margin: 0 auto;
}
.cmplz-document.cookie-statement p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cmplz-document.cookie-statement p {
font-size: 16px;
}
}
.cmplz-document.cookie-statement p:last-child {
margin-bottom: 0;
}
.section-text-columns.background {
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/blend_bg.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 100%;
}
.section-text-columns + .section-text-columns .section-text-columns-wrapper {
padding-top: 0;
margin-top: 0;
}
.section-text-columns.servis .container {
margin: 0 auto;
max-width: 980px;
}
.section-text-columns.servis.background {
margin-top: -32px;
background-color: #f5f5f5;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.section-text-columns.servis.background {
margin-top: -48px;
padding: 48px 0;
}
}
.section-text-columns-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-columns-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-columns-wrapper h2 {
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-wrapper h2 {
font-size: 36px;
}
}
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 32px;
}
@media screen and (min-width: 720px) {
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 48px;
}
}
.section-text-columns-grid {
display: grid;
gap: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
gap: 80px;
}
}
.section-text-columns-box h3 {
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box h3 {
font-size: 32px;
}
}
.section-text-columns-box p {
margin: 0;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box p {
font-size: 18px;
}
}
.section-text-columns-box p:not(:last-child) {
margin-bottom: 8px;
}
@media screen and (min-width: 720px) {
.section-text-columns-box p:not(:last-child) {
margin-bottom: 16px;
}
}
.section-text-columns-box ol,
.section-text-columns-box ul {
padding: 0 0 0 24px;
margin: 16px 0;
}
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 18px;
}
}
.section-text-columns-box ol li:not(:last-child),
.section-text-columns-box ul li:not(:last-child) {
margin-bottom: 8px;
}
.section-text-columns-box a {
color: #602684;
text-decoration: none;
}
.section-text-columns-box a:hover {
text-decoration: underline;
}
.section-text-columns-box table {
margin: 24px 0;
text-align: left;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
border-collapse: collapse;
}
@media screen and (max-width: 320px) {
.section-text-columns-box table {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box table {
font-size: 18px;
}
}
.section-text-columns-box table tr {
background-color: #fff;
}
.section-text-columns-box table tr:nth-child(odd) {
background-color: #eee;
}
.section-text-columns-box table th {
font-weight: 600;
background-color: #C8C4C4;
}
.section-text-columns-box table th,
.section-text-columns-box table td {
padding: 4px 16px;
}
.form-service-page {
margin: 0 auto;
max-width: 980px;
}
.form-service-page .form-field.multiupload .mfcf7_zl_main_multifilecontainer input {
border: #602684 2px solid;
background-color: #fff;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/upload.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 24px;
font-size: 0;
line-height: 24px;
cursor: pointer;
}
.form-service-page .form-field.multiupload .mfcf7_zl_main_multifilecontainer input:hover {
background-color: #eee;
}
.container.cms-container {
margin: 0 auto;
max-width: 980px;
}
.wp-cms-content {
margin: 0 auto 32px;
}
@media screen and (min-width: 720px) {
.wp-cms-content {
margin-bottom: 48px;
}
}
.wp-cms-content:last-child {
margin-bottom: 0;
}
.wp-cms-content:first-child {
margin-top: 16px;
}
@media screen and (min-width: 720px) {
.wp-cms-content:first-child {
margin-top: 24px;
}
}
@media screen and (min-width: 1024px) {
.wp-cms-content:first-child {
margin-top: 32px;
}
}
.wp-cms-content-wrapper {
padding: 16px;
background-color: #fff;
border: 2px solid #eee;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.wp-cms-content-wrapper {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.wp-cms-content-wrapper {
padding: 32px;
}
}
.wp-cms-content h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
position: relative;
max-width: 100% !important;
}
.wp-cms-content h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-cms-content h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-cms-content h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.wp-cms-content h2 {
margin-bottom: 24px;
}
}
.wp-cms-content h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.wp-cms-content h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-cms-content h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-cms-content h2 small {
font-size: 32px;
}
}
.wp-cms-content h2:first-child {
margin-top: 0 !important;
}
.wp-cms-content h2:before {
position: absolute;
content: "";
width: 50%;
max-width: 120px;
height: 4px;
display: block;
background-color: #602684;
left: 0;
bottom: 0;
border-radius: 1px;
}
.wp-cms-content p {
margin: 0;
max-width: 100%;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.wp-cms-content p {
font-size: 18px;
}
}
.wp-cms-content p:not(:last-child) {
margin-bottom: 16px;
}
.wp-cms-content p strong {
font-weight: 600;
}
.wp-cms-content ul {
margin: 0;
padding: 8px 0;
list-style-position: inside;
}
.wp-cms-content ul:not(:last-child) {
margin-bottom: 16px;
}
.wp-cms-content ul li {
margin: 0;
max-width: 100%;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.wp-cms-content ul li {
font-size: 18px;
}
}
.wp-cms-content ul li:not(:last-child) {
margin-bottom: 16px;
}
.wp-cms-content ul.history {
padding-left: 32px;
list-style-type: none;
position: relative;
}
.wp-cms-content ul.history:before {
position: absolute;
content: '';
display: block;
width: 8px;
height: 100%;
background-color: #eee;
left: 4px;
top: 0;
border-radius: 2px;
}
.wp-cms-content ul.history li {
position: relative;
}
.wp-cms-content ul.history li:before {
position: absolute;
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 4px 0 4px 0;
top: 50%;
transform: translateY(-50%);
background-color: #602684;
right: 100%;
margin-right: 16px;
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery.payment-cards.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery.payment-cards.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery.payment-cards.columns-6 {
grid-template-columns: repeat(5, 1fr);
}
}
body .entry-content .wp-block-gallery.payment-cards .wp-block-image img {
object-position: center;
object-fit: contain;
max-height: 120px;
padding: 12px;
background-color: #fff;
border-radius: 8px;
}
.cms-section .site-content {
max-width: 2000px;
padding: 0;
}
.cms-section section {
margin: 48px auto;
max-width: 2000px;
}
@media screen and (min-width: 720px) {
.cms-section section {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.cms-section section {
margin: 80px auto;
display: grid;
grid-template-columns: 2fr 3fr;
}
}
@media screen and (min-width: 1240px) {
.cms-section section {
margin: 120px auto;
}
}
.cms-section section:last-child {
margin-bottom: 0;
}
.cms-section-title {
color: #602684;
font-family: "Rubik", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 32px;
}
@media screen and (min-width: 1024px) {
.cms-section-title {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.cms-section-content p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cms-section-content p {
font-size: 16px;
}
}
.cms-section-content p:last-child {
margin-bottom: 0;
}
.home.page-template .site-header-holder {
margin-bottom: 0;
}
.home.page-template .site-main {
margin: 0 auto;
padding: 0;
max-width: 100%;
}
.home.page-template .site-content {
padding: 0;
margin: 0 auto;
max-width: 100%;
}
.home.page-template section {
margin: 0 auto 32px;
}
@media screen and (min-width: 720px) {
.home.page-template section {
margin-bottom: 48px;
}
}
.home.page-template section:last-child {
margin-bottom: 0;
}
.home.page-template section:first-child {
margin-top: 16px;
}
@media screen and (min-width: 720px) {
.home.page-template section:first-child {
margin-top: 24px;
}
}
@media screen and (min-width: 1024px) {
.home.page-template section:first-child {
margin-top: 32px;
}
}
.main-slider {
max-width: 2000px;
margin: 0 auto;
}
.main-slider .owl-stage-outer .owl-item {
opacity: 0.33;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-slider .owl-stage-outer .owl-item.active {
opacity: 1;
}
.main-slider {
position: relative;
}
.container {
max-width: 1600px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.container {
padding: 0 24px;
}
}
.home-benefits {
max-width: 100%;
}
.home-benefits-wrapper {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: center;
}
@media screen and (min-width: 1024px) {
.home-benefits-wrapper {
grid-template-columns: 1fr 3fr;
}
}
.home-benefits-intro {
padding: 0 24px;
max-width: 100%;
}
.home-benefits-intro .subtitle {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
}
.home-benefits-intro .subtitle {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.home-benefits-intro .subtitle {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-intro .subtitle {
font-size: 32px;
}
}
.home-benefits-intro .title {
font-family: "Rubik", sans-serif;
font-size: 24px;
font-weight: 500;
color: #602684;
margin: 8px 0;
line-height: 1.1;
}
.home-benefits-intro .title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.home-benefits-intro .title {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-intro .title {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-intro .title {
margin: 16px 0;
}
}
.home-benefits-intro .text {
font-size: 14px;
line-height: 1.5;
color: #777;
margin: 16px 0;
}
@media screen and (min-width: 720px) {
.home-benefits-intro .text {
margin: 24px 0;
}
}
.home-benefits-box {
min-width: 100%;
}
.home-benefits-carousel {
background-position: center 0;
background-repeat: no-repeat;
}
@media screen and (min-width: 720px) {
.home-benefits-carousel {
padding: 0 32px;
background-size: 100% auto;
}
}
.home-benefits-slide {
padding: 16px;
}
.home-benefits-slide img {
display: block;
max-width: 140px;
margin: 0 auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: 100%;
background-color: transparent;
border: 1px solid #C8C4C4;
}
.home-benefits-slide .title {
font-family: "Rubik", sans-serif;
font-size: 22px;
line-height: 1.5;
font-weight: 500;
color: #602684;
margin: 8px 0;
text-align: center;
}
.home-benefits-slide .title {
font-size: 22px;
}
@media screen and (min-width: 360px) {
.home-benefits-slide .title {
font-size: calc(22px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.home-benefits-slide .title {
font-size: 26px;
}
}
@media screen and (min-width: 720px) {
.home-benefits-slide .title {
margin: 16px 0 8px;
}
}
.home-benefits-slide p {
max-width: 290px;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #777;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.home-benefits-slide p {
max-width: 200px;
}
}
.featured-products {
position: relative;
}
.featured-products-title {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
}
.featured-products-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-products-title {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-products-title {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.featured-products-title {
margin-bottom: 24px;
}
}
.featured-products-title small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.featured-products-title small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-products-title small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-products-title small {
font-size: 32px;
}
}
.featured-products .owl-stage {
display: flex;
}
.featured-products .owl-item {
display: flex;
flex: 1 0 auto;
}
.featured-products-list {
position: relative;
}
.featured-products-list div.products,
.featured-products-list ul.products {
margin: 0;
padding: 0 0 16px;
list-style: none;
display: flex;
overflow: auto;
position: static;
}
@media screen and (min-width: 720px) {
.featured-products-list div.products,
.featured-products-list ul.products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
@media screen and (min-width: 1024px) {
.featured-products-list div.products,
.featured-products-list ul.products {
gap: 24px;
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.featured-products-list div.products,
.featured-products-list ul.products {
gap: 32px;
}
}
@media screen and (min-width: 720px) {
.featured-products-list div.products.owl-carousel,
.featured-products-list ul.products.owl-carousel {
display: block;
overflow: unset;
}
.featured-products-list div.products.owl-carousel .owl-stage-outer,
.featured-products-list ul.products.owl-carousel .owl-stage-outer {
padding: 0;
}
}
.featured-products-list li.product {
min-width: 75%;
margin-right: 16px;
position: relative;
}
@media screen and (min-width: 480px) {
.featured-products-list li.product {
min-width: 40%;
}
}
@media screen and (min-width: 720px) {
.featured-products-list li.product {
min-width: 0;
margin: 0;
}
}
.featured-products-list li.product .button {
position: relative;
z-index: 11;
}
.blog-news-title {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
margin: 0 !important;
}
.blog-news-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.blog-news-title {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.blog-news-title {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.blog-news-title {
margin-bottom: 24px;
}
}
.blog-news-title small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.blog-news-title small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.blog-news-title small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.blog-news-title small {
font-size: 32px;
}
}
.blog-news-intro {
text-align: center;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.blog-news-intro {
margin-bottom: 32px;
}
}
.blog-news-intro p {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: #777;
}
@media screen and (min-width: 720px) {
.blog-news-intro p {
margin: 0;
}
}
.blog-news-carousel .owl-nav button.owl-prev {
left: 4px;
}
.blog-news-carousel .owl-nav button.owl-next {
right: 4px;
}
.blog-news-post {
position: relative;
}
.blog-news-post-thumb {
display: block;
background-color: #f8f8f8;
}
.blog-news-post img {
display: block;
position: relative;
margin: 0;
object-fit: cover;
aspect-ratio: 3/4;
width: 100%;
}
@media screen and (min-width: 720px) {
.blog-news-post img {
aspect-ratio: 6/7;
}
}
.blog-news-post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.8) 100%);
padding: 16px;
text-align: center;
}
.blog-news-post-categories {
margin: 0;
list-style-type: none;
display: inline-block;
background-color: #000;
padding: 4px 16px;
line-height: 1;
}
.blog-news-post-categories a {
color: #fff;
font-weight: 600;
font-size: 10px;
line-height: 16px;
position: relative;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
@media screen and (min-width: 720px) {
.blog-news-post-categories a {
font-size: 12px;
line-height: 12px;
}
}
.blog-news-post a {
text-decoration: none;
cursor: pointer;
}
.blog-news-post h3 {
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 500;
padding: 0 24px;
margin: 16px 0;
}
@media screen and (min-width: 720px) {
.blog-news-post h3 {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 1024px) {
.blog-news-post h3 {
font-size: 24px;
line-height: 32px;
}
}
.blog-news-post-date {
position: absolute;
background-color: #fff;
top: 16px;
left: 16px;
z-index: 1;
padding: 0;
text-align: center;
min-width: 56px;
}
.blog-news-post-date .day {
font-size: 24px;
line-height: 1;
display: block;
padding: 8px 8px 4px;
}
.blog-news-post-date .month {
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
padding-bottom: 8px;
}
.blog-news-post-info.relative {
position: relative;
background: transparent;
top: -28px;
}
.blog-news-post-info.relative h3 {
color: #222;
margin: 16px 0;
}
.blog-news-post-info.relative p {
margin: 0;
color: #777;
}
.blog-news-footer {
text-align: center;
margin: 32px auto 0;
}
.blog-news-footer a {
display: inline-block;
}
.homepage-banner-wrapper {
max-width: 1600px;
margin: 0 auto;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 720px) {
.homepage-banner-wrapper {
grid-template-columns: 1fr 2fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.homepage-banner-wrapper {
gap: 32px;
}
}
.homepage-banner-column div {
position: relative;
}
.homepage-banner-column div .cta {
position: absolute;
bottom: 16px;
left: 16px;
display: inline-block;
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border: 1px solid #fff;
padding: 8px 8px 8px 24px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.1);
background-color: rgba(0, 0, 0, 0.1);
max-width: calc(100% - 32px);
}
.homepage-banner-column div .cta:after {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
content: "\2197";
display: inline-block;
font-size: 75%;
vertical-align: text-top;
margin-left: 4px;
opacity: 0;
}
@media screen and (min-width: 720px) {
.homepage-banner-column div .cta {
bottom: 24px;
left: 24px;
max-width: calc(100% - 48px);
}
}
.homepage-banner-column div img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.homepage-banner-column div a {
display: block;
overflow: hidden;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.homepage-banner-column div a:hover img {
-webkit-filter: brightness(95%);
}
.homepage-banner-column div a:hover .cta:after {
opacity: 1;
}
.homepage-banner-center {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
order: 1;
grid-column: span 2;
}
@media screen and (min-width: 720px) {
.homepage-banner-center {
grid-column: span 1;
order: 2;
}
}
@media screen and (min-width: 1024px) {
.homepage-banner-center {
gap: 32px;
}
}
.homepage-banner-center div:first-child {
grid-column: span 2;
}
.homepage-banner-center div:first-child img {
aspect-ratio: 648/349;
}
.homepage-banner-center div:first-child .cta {
padding: 8px 24px;
background-color: #fff;
color: #222;
border-radius: 8px;
}
.homepage-banner-center div:first-child .cta:after {
content: "";
display: none;
}
.homepage-banner-center div:nth-child(2) img, .homepage-banner-center div:nth-child(3) img {
aspect-ratio: 312/225;
}
.homepage-banner-left {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
order: 2;
}
@media screen and (min-width: 1024px) {
.homepage-banner-left {
grid-template-columns: 1fr;
gap: 32px;
}
}
.homepage-banner-left div:nth-child(1) img {
aspect-ratio: 312/225;
}
.homepage-banner-left div:nth-child(2) img {
aspect-ratio: 348/362;
}
.homepage-banner-right {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
order: 3;
}
@media screen and (min-width: 1024px) {
.homepage-banner-right {
grid-template-columns: 1fr;
gap: 32px;
}
}
.homepage-banner-right div:nth-child(1) img {
aspect-ratio: 348/362;
}
.homepage-banner-right div:nth-child(2) img {
aspect-ratio: 312/225;
}
.featured-categories h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
}
.featured-categories h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-categories h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-categories h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.featured-categories h2 {
margin-bottom: 24px;
}
}
.featured-categories h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.featured-categories h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-categories h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-categories h2 small {
font-size: 32px;
}
}
.featured-categories-grid {
display: flex;
justify-content: flex-start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
overflow-y: hidden;
gap: 12px;
padding-bottom: 16px;
}
.featured-categories-item {
background-color: #fff;
min-width: 200px;
max-width: 220px;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.featured-categories-item {
min-width: 100px;
max-width: 100%;
}
}
.featured-categories-item a {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
border: 2px solid #eee;
border-radius: 8px;
padding: 8px;
text-align: center;
color: #222;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-decoration: none;
height: 100%;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
outline: none !important;
}
.featured-categories-item a img {
display: block;
width: 85%;
margin: 0 auto;
object-fit: cover;
aspect-ratio: 1;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
.featured-categories-item a span.title-wrapper {
background-color: #fff;
padding: 8px 8px 0;
position: absolute;
bottom: 2px;
z-index: 1;
border-radius: 8px;
left: 0;
right: 0;
max-width: calc(100% - 4px);
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 720px) {
.featured-categories-item a span.title-wrapper {
height: 56px;
padding: 8px 12px;
}
}
.featured-categories-item a span.title-wrapper span {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-categories-item a:hover {
border: 2px solid #C8C4C4;
}
.featured-categories-item a:hover img {
transform: scale(0.95);
}
.brands-slider-wrapper {
margin-top: 24px;
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.brands-slider-wrapper {
margin-top: 32px;
margin-bottom: 48px;
}
}
.brands-slider-wrapper h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
margin-bottom: 24px !important;
}
.brands-slider-wrapper h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.brands-slider-wrapper h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.brands-slider-wrapper h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.brands-slider-wrapper h2 {
margin-bottom: 24px;
}
}
.brands-slider-wrapper h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.brands-slider-wrapper h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.brands-slider-wrapper h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.brands-slider-wrapper h2 small {
font-size: 32px;
}
}
.brands-slider .owl-dots {
position: absolute;
top: 100%;
margin-top: 16px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.brands-slider .owl-dots {
bottom: 48px;
}
}
.brands-slider .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
border: 1px solid #C8C4C4 !important;
}
@media screen and (min-width: 720px) {
.brands-slider .owl-dots button {
width: 10px;
height: 10px;
}
}
.brands-slider .owl-dots button:hover {
background-color: #732e9e;
}
.brands-slider .owl-dots button.active {
background-color: #602684;
}
.brands-slider img {
display: block;
aspect-ratio: 3/2;
object-fit: contain;
width: 100%;
height: auto;
border: 2px solid #eee;
padding: 8px 16px;
background-color: white;
border-radius: 8px;
}
@media screen and (min-width: 1024px) {
.brands-slider img {
padding: 12px 24px;
}
}
.brands-slider img:hover {
border: 2px solid #C8C4C4;
}
.featured-services-shipping .owl-stage {
overflow: hidden;
border-radius: 8px;
background-color: #eee;
display: flex;
align-items: center;
}
.featured-services-shipping-grid {
grid-template-columns: 1fr;
gap: 8px;
display: grid;
}
@media screen and (min-width: 480px) {
.featured-services-shipping-grid:not(.owl-carousel) {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
@media screen and (min-width: 720px) {
.featured-services-shipping-grid:not(.owl-carousel) {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
@media screen and (min-width: 1024px) {
.featured-services-shipping-grid:not(.owl-carousel) {
gap: 24px;
}
}
@media screen and (min-width: 1240px) {
.featured-services-shipping-grid:not(.owl-carousel) {
gap: 32px;
}
}
.featured-services-shipping-item {
display: flex;
grid-template-columns: 48px 1fr;
gap: 24px;
justify-content: center;
align-items: center;
padding: 24px;
background-color: #eee;
}
.featured-services-shipping-item img {
width: 56px;
height: 56px;
aspect-ratio: 1;
object-fit: contain;
display: block;
}
.featured-services-shipping-item .text {
font-weight: 500;
color: #222;
font-size: 16px;
}
.featured-banners {
display: block;
}
.featured-banners h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
}
.featured-banners h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-banners h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-banners h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.featured-banners h2 {
margin-bottom: 24px;
}
}
.featured-banners h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.featured-banners h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-banners h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-banners h2 small {
font-size: 32px;
}
}
.featured-banners-grid {
grid-template-columns: 1fr;
gap: 32px 16px;
display: grid;
}
@media screen and (min-width: 720px) {
.featured-banners-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.featured-banners-grid {
gap: 16px;
}
}
@media screen and (min-width: 720px) {
.featured-banners-grid.columns-2 {
grid-template-columns: 1fr 1fr;
}
}
.featured-banners-item {
background-color: #fff;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.05);
border-bottom: 2px solid #eee;
}
.featured-banners a {
color: #222;
font-size: 16px;
text-decoration: none;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 720px) {
.featured-banners a {
font-size: 18px;
}
}
.featured-banners a figure {
display: block;
overflow: hidden;
position: relative;
border-radius: 8px 8px 0 0;
margin: 0;
}
.featured-banners a figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.featured-banners a figure:hover:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.featured-banners a figure:hover img {
transform: scale(1.05);
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.featured-banners a img {
display: block;
aspect-ratio: 2/1;
width: 100%;
height: auto;
object-fit: cover;
margin: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.featured-banners a .video-container {
padding-bottom: 50%;
}
.featured-banners .info {
padding: 16px;
}
@media screen and (min-width: 720px) {
.featured-banners .info {
padding: 24px;
}
}
.featured-banners .info h3 {
margin: 0 0 8px;
line-height: 1.5;
font-weight: 600;
}
.featured-banners .info h3 {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.featured-banners .info h3 {
font-size: calc(16px + 4 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-banners .info h3 {
font-size: 20px;
}
}
.featured-banners .info p {
color: #666;
line-height: 1.25;
font-size: 14px;
margin: 0;
}
@media screen and (min-width: 720px) {
.featured-banners .info p {
font-size: 15px;
}
}
.featured-banners .info p.cta-p {
margin: 24px 0 0;
}
.featured-banners .info p.cta-p a {
display: inline-block;
color: #222;
padding: 8px 24px;
border: 1px solid #eee;
border-radius: 8px;
}
.featured-banners .info p.cta-p a:hover {
color: #602684;
border: 1px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-template-page-landing .storefront-breadcrumb {
display: none;
}
.page-template-page-landing .site-main .entry-header .entry-title {
color: #4d1e6a;
text-align: center;
font-weight: 600;
margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-header .entry-title {
margin-bottom: 32px;
}
}
.page-template-page-landing .site-main .entry-content {
margin: 0 auto;
max-width: 1240px;
}
.page-template-page-landing .site-main .entry-content .wp-block-gallery,
.page-template-page-landing .site-main .entry-content .block-accordion,
.page-template-page-landing .site-main .entry-content .block-accordion-links {
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.page-template-page-landing .site-main .entry-content h2, .page-template-page-landing .site-main .entry-content h3, .page-template-page-landing .site-main .entry-content h4, .page-template-page-landing .site-main .entry-content h5, .page-template-page-landing .site-main .entry-content h6 {
max-width: 820px;
margin: 24px auto;
color: #222;
text-align: left;
}
.page-template-page-landing .site-main .entry-content h2.has-text-align-center, .page-template-page-landing .site-main .entry-content h3.has-text-align-center, .page-template-page-landing .site-main .entry-content h4.has-text-align-center, .page-template-page-landing .site-main .entry-content h5.has-text-align-center, .page-template-page-landing .site-main .entry-content h6.has-text-align-center {
text-align: center;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content h2, .page-template-page-landing .site-main .entry-content h3, .page-template-page-landing .site-main .entry-content h4, .page-template-page-landing .site-main .entry-content h5, .page-template-page-landing .site-main .entry-content h6 {
margin: 32px auto;
}
}
.page-template-page-landing .site-main .entry-content > p {
max-width: 820px;
margin: 0 auto 16px;
text-align: left;
font-size: 16px;
line-height: 1.6;
color: #222;
}
.page-template-page-landing .site-main .entry-content > p.has-text-align-center {
text-align: center;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content > p {
margin: 0 auto 24px;
font-size: 18px;
}
}
.page-template-page-landing .site-main .entry-content > p strong {
font-weight: 600;
}
.page-template-page-landing .site-main .entry-content .wp-block-image {
max-width: 820px;
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content .wp-block-image {
margin: 0 auto 24px;
}
}
.page-template-page-landing .site-main .entry-content ol,
.page-template-page-landing .site-main .entry-content ul {
max-width: 820px;
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content ol,
.page-template-page-landing .site-main .entry-content ul {
margin: 0 auto 24px;
}
}
.page-template-page-landing .site-main .entry-content ol li,
.page-template-page-landing .site-main .entry-content ul li {
text-align: left;
font-size: 16px;
line-height: 1.25;
color: #222;
}
@media screen and (min-width: 720px) {
.page-template-page-landing .site-main .entry-content ol li,
.page-template-page-landing .site-main .entry-content ul li {
font-size: 18px;
}
}
.page-template-page-wide {
background-color: #fff;
}
.page-template-page-wide .storefront-breadcrumb {
display: none;
}
.page-template-page-wide .entry-content {
margin: 0;
}
.page-template-page-wide .entry-content .wp-block-group {
margin: 32px auto;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content .wp-block-group {
margin: 48px auto;
}
}
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 32px;
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 80px;
max-width: 1600px;
}
}
.page-template-page-wide .entry-content > p {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > p {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > p {
padding: 0 80px;
max-width: 1600px;
}
}
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 80px;
max-width: 1600px;
}
}
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 48px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 64px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 96px;
max-width: 1600px;
}
}
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 80px;
max-width: 1600px;
}
}
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
align-items: start;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 24px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 32px;
}
}
@media screen and (min-width: 1240px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 16px 48px;
}
}
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr;
}
}
.block-cf7-custom .form-fields .form-fields .wide,
.contact-page-form .form-fields .form-fields .wide {
grid-column: span 1;
}
.block-cf7-custom .form-fields .form-fields ~ .form-fields,
.contact-page-form .form-fields .form-fields ~ .form-fields {
grid-template-columns: 1fr;
}
.block-cf7-custom .form-field,
.contact-page-form .form-field {
position: relative;
margin: 0;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-field.wide, .block-cf7-custom .form-field.form-row-wide,
.contact-page-form .form-field.wide,
.contact-page-form .form-field.form-row-wide {
grid-column: 1 / 3;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater-container,
.contact-page-form .cf7-repeater-container {
grid-column: 1 / 3;
}
}
.block-cf7-custom .cf7-repeater,
.contact-page-form .cf7-repeater {
padding: 0;
}
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
border-radius: 8px;
padding: 16px;
background-color: #f8f8f8;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
padding: 24px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-header,
.contact-page-form .cf7-repeater .repeater-field-header {
display: flex;
width: 100%;
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
display: block;
background-color: #fff;
background-position: center;
color: #602684;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 2px solid #602684;
cursor: pointer;
max-width: 280px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
padding: 4px 16px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add:hover,
.contact-page-form .cf7-repeater .repeater-field-button-add:hover {
opacity: 1;
color: #fff;
background-color: #602684;
}
.block-cf7-custom label,
.contact-page-form label {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #222;
display: block;
}
@media screen and (min-width: 720px) {
.block-cf7-custom label,
.contact-page-form label {
font-size: 16px;
}
}
.block-cf7-custom label .wpcf7-form-control-wrap,
.contact-page-form label .wpcf7-form-control-wrap {
margin-top: 8px;
display: block;
}
.block-cf7-custom input:not([type="radio"]),
.block-cf7-custom input:not([type="checkbox"]),
.contact-page-form input:not([type="radio"]),
.contact-page-form input:not([type="checkbox"]) {
border-radius: 8px;
display: block;
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 8px 16px;
}
.block-cf7-custom textarea,
.contact-page-form textarea {
border-radius: 8px;
display: block;
width: 100%;
max-width: 100%;
resize: none;
min-height: 120px;
}
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
display: block;
background-color: #602684;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #602684;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.block-cf7-custom input[type="submit"]:hover,
.contact-page-form input[type="submit"]:hover {
color: #602684;
background-color: #fff;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:before {
border-color: #602684;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
font-size: 16px;
}
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:hover:before {
border-color: #602684;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before {
border-color: #602684;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
font-size: 16px;
}
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:hover:before {
border-color: #602684;
}
.block-cf7-custom .wpcf7-spinner,
.contact-page-form .wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
display: block;
margin: 8px auto;
}
.contact-page-info {
padding: 16px;
background-color: #f8f8f8;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 16px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.block-cf7-custom {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom {
padding-top: 64px;
padding-bottom: 64px;
}
}
.block-cf7-custom-title {
text-align: center;
line-height: 1;
margin: 0 0 16px;
line-height: 1.25;
}
.block-cf7-custom-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.block-cf7-custom-title {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.block-cf7-custom-title {
font-size: 48px;
}
}
.block-cf7-custom-description {
text-align: center;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #666;
max-width: 920px;
margin: 0 auto;
}
.block-cf7-custom .form-container {
margin-top: 32px;
}
.block-cf7-custom.dark:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-color: #222;
display: block;
}
.block-cf7-custom.dark .block-cf7-custom-title,
.block-cf7-custom.dark label {
color: #fff;
}
.block-cf7-custom.dark .block-cf7-custom-description {
color: #C8C4C4;
}
.block-cf7-custom.dark input:not([type="submit"]),
.block-cf7-custom.dark textarea {
background-color: #666;
border: 0;
color: #fff;
}
.page-location-header {
text-align: center;
max-width: 720px;
margin: 0 auto;
padding: 16px;
}
.page-location-header h1 {
margin: 0;
font-size: 32px;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.page-location-header h1 {
font-size: 40px;
}
}
.page-location-header p {
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.page-location-header p {
font-size: 18px;
}
}
.page-location-nav {
display: none;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
max-width: 1240px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.page-location-nav {
grid-template-columns: repeat(2, 1fr);
}
}
.page-location-nav.active {
display: grid;
}
.page-location-nav-item {
padding: 24px;
background-color: #f4f8fb;
font-size: 32px;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.025em;
cursor: pointer;
position: relative;
}
@media screen and (min-width: 720px) {
.page-location-nav-item {
padding: 32px;
}
}
.page-location-nav-item:after {
content: "";
z-index: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-nav-item:hover:after {
opacity: 1;
}
.page-location-nav-item strong {
position: relative;
display: block;
padding-right: 16px;
margin-bottom: 16px;
}
.page-location-nav-item strong:after {
position: absolute;
right: 0;
font-family: "icomoon";
content: "\e905";
vertical-align: middle;
font-weight: 400;
}
.page-location-nav-item span {
display: block;
font-size: 14px;
font-weight: 500;
color: #666;
text-transform: uppercase;
}
.page-location-groups {
padding: 32px 0;
max-width: 1240px;
margin: 0 auto;
}
.page-location-stores {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
display: none;
}
@media screen and (min-width: 720px) {
.page-location-stores {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media screen and (min-width: 1024px) {
.page-location-stores {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.page-location-stores.active {
display: grid;
}
.page-location-stores h2 {
display: none;
}
.page-location-store {
position: relative;
padding: 16px;
}
@media screen and (min-width: 720px) {
.page-location-store {
padding: 24px;
}
}
.page-location-store:after {
content: "";
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
opacity: 1;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-store h3 {
margin: 0;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.page-location-store h3 {
font-size: 24px;
}
}
.page-location-store ul {
padding: 0;
margin: 0;
list-style: none;
display: grid;
gap: 4px;
}
.page-location-store ul li {
margin: 0;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
@media screen and (min-width: 720px) {
.page-location-store ul li {
font-size: 16px;
}
}
.page-location-store ul li.address {
color: #777;
margin-bottom: 8px;
}
.page-location-store ul li a {
text-decoration: none;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.page-location-store ul li a:hover {
color: #602684;
}
@media screen and (min-width: 720px) {
.page-location-store ul li a {
font-size: 16px;
}
}
.page-location-store ul li a:before {
font-family: "icomoon";
margin-right: 8px;
vertical-align: middle;
}
.page-location-store ul li a.email:before {
content: "\e91f";
}
.page-location-store ul li a.map:before {
content: "\e920";
}
.page-location-store ul li a.phone:before {
content: "\e926";
}
.page-location-store ul li a.url:before {
content: "\e913";
}
.page-location-store p span.tel {
font-family: "icomoon";
content: "\e905";
vertical-align: middle;
font-weight: 400;
}
.page-location-back {
font-size: 24px;
line-height: 32px;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px 0;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.page-location-back {
grid-column: span 2;
}
}
@media screen and (min-width: 1024px) {
.page-location-back {
grid-column: span 3;
}
}
.page-location-back:hover {
color: #602684;
}
.page-location-back:before {
margin-right: 16px;
position: relative;
font-family: "icomoon";
content: "\e904";
vertical-align: text-top;
font-weight: 400;
line-height: 32px;
}
.error404 .page-content p {
max-width: 720px;
width: 100%;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.error404 .woocommerce-product-search {
width: 100%;
max-width: 640px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.error404 .woocommerce-product-search {
grid-template-columns: 4fr 2fr;
}
}
.error404 input {
display: block;
width: 100%;
margin: 0;
padding: 12px 16px;
height: auto;
}
.error404 button {
margin: 0;
background-color: #602684;
color: #fff;
font-weight: 600;
letter-spacing: 0.05em;
}
.woocommerce-page .site-main {
margin: 0 auto;
padding: 0;
}
.woocommerce-page .category-index {
display: grid;
padding: 0 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-index {
grid-template-columns: 1fr 3fr;
max-width: 1600px;
margin: 0 auto;
padding: 24px;
gap: 32px;
}
}
.woocommerce-page .category-index #primary {
order: 2;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .category-index #primary {
grid-column: 2;
}
}
.woocommerce-page .category-index #secondary {
order: 1;
}
.woocommerce-page .category-index > .woocommerce {
order: 0;
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-ordering {
display: none;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
display: block;
font-size: 14px;
line-height: 24px;
color: #222;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering {
display: block;
margin: 16px 0 0;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting .woocommerce-ordering {
float: right;
margin: 0;
}
}
.woocommerce-page .storefront-sorting .woocommerce-ordering select {
border: 0;
border-bottom: 2px solid #eee;
padding: 8px;
font-weight: 500;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering select:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.woocommerce-page .storefront-sorting .woocommerce-pagination {
display: none;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers {
display: block;
list-style-type: none;
text-align: center;
padding: 32px 0 0;
margin: 48px 0 0;
border-top: 1px solid #8635b9;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers {
padding: 48px 0 0;
margin: 48px 0 0;
}
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li {
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
border: 1px solid #602684;
border-radius: 4px;
background-color: #fff;
padding: 8px;
min-width: 32px;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
font-size: 14px;
min-width: 40px;
line-height: 22px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span {
font-size: 16px;
}
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li span.current {
color: #fff;
background: #602684;
font-weight: 700;
}
.woocommerce-page .storefront-sorting .woocommerce-pagination ul.page-numbers li a:hover {
color: #fff;
background: #602684;
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-result-count {
display: none;
}
.woocommerce-page .storefront-sorting ~ .storefront-sorting .woocommerce-pagination {
display: block;
}
.woocommerce-page .woocommerce-products-header {
max-width: 1600px;
margin: 0 auto;
width: 100%;
text-align: left;
position: relative;
margin-bottom: 32px;
}
.woocommerce-page .woocommerce-products-header h1 {
font-weight: 400;
line-height: 1;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header h1 {
margin-bottom: 8px;
}
}
.woocommerce-page .woocommerce-products-header h1 + .term-description {
margin-top: 24px;
}
.woocommerce-page .woocommerce-products-header .term-description {
background: #fff;
border: 2px solid #f2f2f2;
border-radius: 8px;
padding: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header .term-description {
padding: 24px;
}
}
.woocommerce-page .woocommerce-products-header .term-description p {
margin: 0;
color: #777;
font-size: 14px;
}
.woocommerce-page .woocommerce-products-header .term-description p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-page .woocommerce-products-header .term-description p {
font-size: 16px;
}
}
.woocommerce-page .woocommerce-products-header .term-description img {
border-radius: 8px;
display: block;
float: none !important;
margin-bottom: 0;
}
.woocommerce-page .woocommerce-products-header .border-bottom {
margin-top: 16px;
border-bottom: 1px solid #f8f8f8;
}
.woocommerce-page .woocommerce-products-header-alt {
margin: 48px 0 0;
}
.woocommerce-page h2.woocommerce-products-header-title {
text-transform: uppercase;
color: #602684;
font-weight: 400;
text-align: center;
margin: 0 0 24px;
font-family: "Rubik", sans-serif;
font-size: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 32px;
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 40px;
font-size: 40px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page h2.woocommerce-products-header-title {
margin-bottom: 48px;
}
}
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 50%;
font-weight: 700;
color: #222;
display: block;
font-family: "Rubik", sans-serif;
}
@media screen and (min-width: 720px) {
.woocommerce-page h2.woocommerce-products-header-title small {
font-size: 40%;
}
}
.woocommerce-page div.products,
.woocommerce-page ul.products {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px 8px;
}
@media screen and (min-width: 600px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 16px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page div.products.columns-3,
.woocommerce-page ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
gap: 32px 24px;
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
gap: 32px 16px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-page div.products,
.woocommerce-page ul.products {
gap: 24px 24px;
}
.woocommerce-page div.products.columns-4,
.woocommerce-page ul.products.columns-4 {
gap: 32px 16px;
}
}
.products ul {
margin: 0;
padding: 0;
min-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.products .owl-item ul {
min-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.products .owl-item li.product {
margin: 0;
}
li.product {
position: relative;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
padding: 8px;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border: 2px solid rgba(0, 0, 0, 0.05);
border-bottom: 2px solid #eee;
width: 100%;
min-width: 100%;
}
@media screen and (min-width: 1024px) {
li.product {
padding: 16px;
}
}
li.product:hover {
border-color: #602684;
}
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img {
transform: scale(1.05);
}
@media screen and (min-width: 1024px) {
li.product:hover a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
opacity: 1;
z-index: 2;
}
}
li.product.product-type-simple .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: uppercase;
}
li.product.product-type-simple .price {
display: block;
}
li.product.product-type-variable .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: uppercase;
}
li.product.product-type-variable .add_to_cart_button.product_type_variable {
display: none;
}
li.product.product-type-variable .quantity {
display: none;
}
li.product.product-type-variable .reset_variations {
display: none !important;
}
li.product.product-type-variable table.variations {
margin: 8px 0;
}
li.product.product-type-variable table.variations .label {
display: none;
}
li.product.product-type-variable table.variations .variable-items-wrapper,
li.product.product-type-variable table.variations .swatch-control {
display: flex;
justify-content: center;
gap: 8px;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option,
li.product.product-type-variable table.variations .swatch-control .select-option {
margin: 0;
border-radius: 100%;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option a,
li.product.product-type-variable table.variations .swatch-control .select-option a {
border-radius: 100%;
width: 20px !important;
height: 20px !important;
}
li.product.product-type-variable table.variations .variable-items-wrapper .select-option.selected,
li.product.product-type-variable table.variations .swatch-control .select-option.selected {
border-color: #602684;
}
li.product.outofstock .variations_form {
display: none !important;
}
li.product a.woocommerce-LoopProduct-link {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-start;
text-decoration: none;
position: relative;
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
overflow: hidden;
margin-bottom: 8px;
border-radius: 8px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-thumbnail {
margin-bottom: 16px;
}
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img {
display: block;
width: 100%;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
object-fit: contain;
aspect-ratio: 1;
background-color: #fff;
position: relative;
z-index: 1;
}
li.product a.woocommerce-LoopProduct-link .product-thumbnail img.hover-product-img {
position: absolute;
top: 0;
left: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
opacity: 0;
z-index: 0;
}
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 14px;
line-height: 1.25;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 4px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
color: #222;
min-height: 35px;
text-transform: uppercase;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-size: 18px;
min-height: 45px;
}
}
li.product a.woocommerce-LoopProduct-link .product-short-info {
margin: 8px 0;
padding: 0;
min-height: 64px;
width: 100%;
list-style-type: none;
}
li.product a.woocommerce-LoopProduct-link .product-short-info li {
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
line-height: 21px;
color: #666;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .product-short-info li {
font-size: 14px;
}
}
li.product a.woocommerce-LoopProduct-link .product-short-info li:before {
display: inline-block;
width: 4px;
height: 4px;
background-color: #602684;
border-radius: 50%;
margin-right: 8px;
content: "";
margin-bottom: 2px;
}
li.product a.woocommerce-LoopProduct-link .price {
border-top: 1px solid #eee;
margin: 8px 0 4px;
padding-top: 16px;
color: #260f35;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 16px;
line-height: 1.25;
display: flex;
flex: 1 0 auto;
align-items: end;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 18px;
margin: 8px 0 4px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price {
font-size: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price del {
display: inline-block;
color: #777;
font-weight: 300;
font-size: 12px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price del ins {
display: inline-block;
color: #777;
font-weight: 300;
font-size: 12px;
text-decoration: line-through;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price del ins {
font-size: 16px;
line-height: 20px;
}
}
li.product a.woocommerce-LoopProduct-link .price ins {
display: inline-block;
color: #000;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
letter-spacing: 0.05em;
font-size: 14px;
}
@media screen and (min-width: 720px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product a.woocommerce-LoopProduct-link .price ins {
font-size: 18px;
line-height: 20px;
}
}
li.product .lowest_price.list {
display: none;
}
li.product .lowest_price.single {
font-size: 12px;
}
li.product .lowest_price.single * {
font-size: 12px;
}
li.product .onsale,
li.product .awdr_discount_bar_content,
li.product .discount-percentage {
position: absolute;
top: 0;
left: 0;
z-index: 5;
background: #602684;
color: #fff;
font-size: 12px;
font-weight: 500;
padding: 2px 16px;
border-radius: 8px 0;
letter-spacing: 0.05em;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 0;
}
li.product .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
font-size: 14px;
font-weight: 500;
}
li.product .single_variation_wrap {
position: relative;
z-index: 1;
}
li.product .single_variation_wrap .woocommerce-variation-price .price {
color: #602684;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
@media screen and (min-width: 720px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (min-width: 1024px) {
li.product .single_variation_wrap .woocommerce-variation-price .price {
font-size: 18px;
line-height: 20px;
}
}
li.product .swatches {
display: flex;
justify-content: center;
gap: 16px;
margin: 8px 0;
}
li.product .swatches .swatch {
width: 24px;
height: 24px;
display: block;
border-radius: 100%;
border: 2px solid #fff;
outline: 1px solid #eee;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
}
li.product .swatches .swatch:hover {
outline-color: #C8C4C4;
}
li.product .swatches .swatch.active {
outline-color: #777;
}
li.product:hover .product-add-to-cart-wrapper {
opacity: 1;
visibility: visible;
z-index: 1;
}
li.product .input-text.qty.text {
display: none;
}
li.product.outofstock .button {
color: #fff;
opacity: 0.75;
}
li.product.outofstock .button:hover {
color: #fff;
}
li.product .button {
width: 100%;
background-color: #602684;
background-position: center;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/add-to-cart-loader.svg);
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto 0;
display: block;
font-size: 12px;
border: 1px solid #602684;
z-index: 2;
border-radius: 8px;
position: relative;
}
@media screen and (min-width: 720px) {
li.product .button {
font-size: 14px;
}
}
li.product .button.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.75;
background-color: #602684;
border: 1px solid #602684;
}
li.product .button:hover {
background-color: #4d1e6a;
border: 1px solid #4d1e6a;
}
li.product .button.loading {
pointer-events: none;
background-color: #4d1e6a;
border: 1px solid #4d1e6a;
background-size: 32px auto;
font-size: 0;
}
li.product .button.added {
font-size: 0;
}
li.product .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
li.product a.added_to_cart.wc-forward {
display: none;
}
.product-categories-featured-image {
margin: 24px 0;
position: relative;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image {
margin: 32px 0;
}
}
.product-categories-featured-image img {
border: 2px solid rgba(0, 0, 0, 0.05);
display: block;
border-radius: 8px;
object-fit: cover;
width: 100%;
object-position: center bottom;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image img {
border-radius: 16px;
}
}
.product-categories-featured-image h1 {
position: absolute;
bottom: 24px;
background-color: #fff;
padding: 8px 24px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
border-radius: 0 16px 16px 0;
}
@media screen and (min-width: 720px) {
.product-categories-featured-image h1 {
padding: 8px 32px;
bottom: 32px;
}
}
body .cwapf-before-update {
background-color: rgba(255, 255, 255, 0.45) !important;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/loader.svg);
background-size: 64px;
background-position: center;
z-index: 3;
background-repeat: no-repeat;
}
.layered-filter-content {
display: block;
position: fixed;
z-index: 2;
}
.woocommerce-layerd-nav {
padding: 16px 0 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav {
padding: 0;
}
}
.woocommerce-layerd-nav .layered-filter-trigger {
text-align: center;
background-color: #602684;
color: #fff;
font-weight: 500;
letter-spacing: 0.05em;
font-size: 16px;
line-height: 1.25;
padding: 8px 16px;
border-radius: 0;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-trigger {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-trigger:after {
content: "\e915";
font-family: "icomoon";
margin-left: 8px;
display: inline-block;
vertical-align: text-bottom;
}
.woocommerce-layerd-nav .layered-filter-content {
position: fixed;
top: 0;
right: 100%;
width: 100%;
background-color: #fff;
z-index: 9999102;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
overflow: auto;
height: 100vh; height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content {
position: static;
right: 0;
top: 0;
height: auto;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.05);
border-bottom: 2px solid #eee;
z-index: 1;
}
}
.woocommerce-layerd-nav .layered-filter-content.active {
transform: translateX(100%);
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content.active {
transform: none;
z-index: 1;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .header-item-info.navigation-info {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 16px;
margin: 0;
height: calc((var(--vh, 1vh) * 100) - 48px - 74px);
overflow: auto;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-content .wcpf_widget_filters {
padding: 24px;
height: auto;
overflow: unset;
}
}
.woocommerce-layerd-nav .layered-filter-continue {
border-top: 2px solid #eee;
padding: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-layerd-nav .layered-filter-continue {
display: none;
}
}
.woocommerce-layerd-nav .layered-filter-continue .button {
text-align: center;
background-color: #602684;
color: #fff;
font-weight: 500;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
padding: 8px 16px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce-layerd-nav .layered-filter-continue .button:after {
display: inline-block;
vertical-align: bottom;
margin-left: 8px;
content: "\e905";
font-family: "icomoon";
}
.woocommerce-layerd-nav .cwapf-widget {
border-bottom: 1px solid #f8f8f8;
padding-bottom: 16px;
}
.woocommerce-layerd-nav .cwapf-widget:last-child {
border: 0;
}
.woocommerce-layerd-nav .cwapf-widget h4 {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 8px;
color: #333;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-origin {
background-color: #602684;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .noUi-horizontal .noUi-handle {
border-color: #602684;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-price-filter-wrapper .slider-values {
font-weight: 300;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav ul {
margin: 0;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a {
color: #222;
text-decoration: none;
}
.woocommerce-layerd-nav .cwapf-widget .cwapf-layered-nav a:hover {
color: #602684;
}
body.archive.term-1594 .woocommerce-layerd-nav,
body.archive.term-1594 .storefront-sorting,
body.archive.term-1594 .variations_form {
display: none !important;
}
body.archive.term-1594 .category-index {
grid-template-columns: 1fr !important;
}
body.single .custom-product-label {
position: relative;
display: inline-block;
background-color: #e50f6f;
padding: 4px 16px;
font-weight: 600;
text-transform: uppercase;
border-radius: 0 8px 0 8px;
margin: 0 0 8px;
font-size: 14px;
color: #fff;
line-height: 1.25;
}
@media screen and (min-width: 900px) {
body.single .custom-product-label {
font-size: 16px;
padding: 4px 24px;
}
}
body.single .products .custom-product-label,
body.archive .custom-product-label,
body .featured-products-list .custom-product-label {
position: absolute;
background: #e50f6f;
color: #fff;
z-index: 2;
top: 0;
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
line-height: 2;
font-weight: 500;
letter-spacing: 1px;
left: 0;
border-radius: 8px 0 8px 0;
}
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
font-size: 14px;
}
@media screen and (min-width: 900px) {
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
top: 0;
padding: 0 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default body.single .products .custom-product-label, .product-template-default
body.archive .custom-product-label, .product-template-default
body .featured-products-list .custom-product-label {
left: 120px;
}
}
.onsale {
position: absolute;
background: #000;
color: #fff;
z-index: 2;
top: 0;
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
line-height: 2;
font-weight: 500;
letter-spacing: 1px;
left: 0;
border-radius: 8px 0 8px 0;
}
.product-template-default .onsale {
font-size: 14px;
}
@media screen and (min-width: 900px) {
.product-template-default .onsale {
top: 2px;
left: 2px;
padding: 0 16px;
}
}
@media screen and (min-width: 720px) {
.product-template-default .onsale {
top: 24px;
left: 144px;
}
}
.product-template-default #main {
padding: 16px;
}
@media screen and (min-width: 1240px) {
.product-template-default #main {
padding: 16px 24px;
}
}
.product-template-default #main .product.type-product {
position: relative;
}
.product-template-default #main .product.type-product:after {
content: "";
clear: both;
display: block;
}
.product-template-default .woocommerce-product-gallery {
position: relative;
margin-bottom: 16px;
}
.product-template-default .woocommerce-product-gallery:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery {
margin: 0 0 32px;
}
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery {
float: left;
width: 60%;
padding-right: 32px;
}
}
.product-template-default .woocommerce-product-gallery__trigger {
position: absolute;
top: 0;
right: 16px;
text-decoration: none;
font-size: 0;
z-index: 2;
font-weight: 400;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-product-gallery__trigger {
right: 48px;
}
}
.product-template-default .woocommerce-product-gallery__trigger:before {
font-size: 24px;
}
.product-template-default .woocommerce-product-gallery__wrapper {
margin: 0;
}
.product-template-default .woocommerce-product-gallery__wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .woocommerce-product-gallery .flex-viewport {
border-radius: 8px;
border: 2px solid #eee;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image {
opacity: 0;
}
.product-template-default .woocommerce-product-gallery .woocommerce-product-gallery__image.flex-active-slide {
z-index: 2;
opacity: 1;
}
.product-template-default .woocommerce-product-gallery .zoomImg {
z-index: 222222;
}
.product-template-default .woocommerce-product-gallery__image {
margin: 0;
background-color: #fff;
display: block;
}
.product-template-default .woocommerce-product-gallery__image a > img {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
aspect-ratio: 1;
object-fit: contain;
display: block;
padding: 32px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-viewport {
float: right;
width: calc(100% - 120px);
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin: 0;
padding: 12px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;   }
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
border-radius: 8px;
background-color: #f8f8f8;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
background: #602684;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
overflow: auto;
float: left;
width: 110px;
padding-top: 0;
padding-bottom: 0;
padding-right: 12px;
flex-direction: column;
max-height: 688px;
gap: 16px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: inline-block;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: block;
min-width: 90px;
max-width: 90px;
width: 90px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
display: block;
border-radius: 8px;
border: 2px solid #eee;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
aspect-ratio: 1;
object-fit: contain;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
border-radius: 8px;
}
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img:hover {
border-color: #4d1e6a;
}
.product-template-default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
border: 2px solid #602684;
}
.product-template-default .summary.entry-summary {
margin: 0 0 16px 0;
padding: 16px;
background-color: #fff;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 900px) {
.product-template-default .summary.entry-summary {
float: right;
width: 40%;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary {
padding-left: 32px;
}
}
.product-template-default .summary.entry-summary .product-brand-link {
display: inline-block;
margin-bottom: 4px;
color: #666;
}
.product-template-default .summary.entry-summary .product-brand-link:hover {
color: #602684;
text-decoration: none;
}
.product-template-default .summary.entry-summary h1 {
margin: 0 0 16px;
color: #222;
font-weight: 500;
text-transform: uppercase;
line-height: 1.25;
}
.product-template-default .summary.entry-summary .price {
text-transform: uppercase;
font-size: 18px;
line-height: 1.5;
font-weight: 600;
color: #602684;
letter-spacing: 0.05em;
margin: 0;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .price {
font-size: 20px;
}
}
.product-template-default .summary.entry-summary .price del {
display: inline-block;
color: #777;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price del ins {
text-decoration: line-through;
display: inline-block;
color: #777;
font-weight: 400;
}
.product-template-default .summary.entry-summary .price ins {
display: inline-block;
color: #602684;
margin-left: 8px;
background-color: transparent;
font-weight: 600;
}
.product-template-default .summary.entry-summary .custom-price-note {
margin: 16px 0;
}
.product-template-default .summary.entry-summary .custom-price-note p {
margin: 0;
display: inline-block;
background-color: #fcf7eb;
border-left-color: #e6b137;
color: #e6b137;
border: 2px solid #e6b137;
border-radius: 8px;
padding: 4px 16px;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .custom-price-note p {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-variation-price {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .product-short-info {
margin: 24px 0;
padding: 0;
list-style: none;
}
.product-template-default .summary.entry-summary .product-short-info li {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .product-short-info li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
margin-right: 12px;
border-radius: 16px;
background-color: #602684;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .product-short-info li {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 16px 0 24px;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul {
margin-left: 0;
padding: 0;
list-style: none;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
margin-right: 12px;
border-radius: 16px;
background-color: #602684;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description ul li {
font-size: 16px;
}
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description a {
color: #602684;
text-decoration: none;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description a:hover {
color: #3a174f;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0;
}
.product-template-default .summary.entry-summary .woocommerce-product-details__short-description p:not(:last-child) {
margin-bottom: 16px;
}
.product-template-default .summary.entry-summary .product_meta {
display: grid;
margin: 16px 0;
}
.product-template-default .summary.entry-summary .product_meta span {
color: #777;
font-size: 14px;
line-height: 1.5;
order: 10;
}
.product-template-default .summary.entry-summary .product_meta span a {
text-decoration: none;
}
.product-template-default .summary.entry-summary .product_meta span.sku_wrapper {
order: 1;
}
.product-template-default .summary.entry-summary .product_meta span.barcode_wrapper {
order: 2;
}
.product-template-default .summary.entry-summary .product_meta span.posted_in {
order: 3;
}
.product-template-default .summary.entry-summary .variations {
vertical-align: middle;
text-align: left;
}
.product-template-default .summary.entry-summary .variations .reset_variations {
display: none !important;
}
.product-template-default .summary.entry-summary .variations select {
padding: 8px 16px;
border-radius: 4px;
}
.product-template-default .summary.entry-summary .variations td {
width: 50%;
vertical-align: middle;
padding: 4px 0;
}
.product-template-default .summary.entry-summary li[data-wvstooltip-out-of-stock="true"] {
pointer-events: none;
opacity: 0.25;
}
.product-template-default .summary.entry-summary form.cart,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper {
margin: 16px auto 0;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.product-template-default .summary.entry-summary form.cart:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .summary.entry-summary form.cart .quantity,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity {
float: left;
width: 124px;
border: 1px solid #C8C4C4;
border-radius: 8px;
}
.product-template-default .summary.entry-summary form.cart .quantity:after,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity:after,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity:after {
content: "";
clear: both;
width: 100%;
display: block;
}
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
float: left;
width: 32px;
text-align: center;
vertical-align: bottom;
font-size: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
line-height: 42px;
height: 42px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .quantity span,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .quantity span:active,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:active,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:active {
color: #602684;
}
@media screen and (min-width: 480px) {
.product-template-default .summary.entry-summary form.cart .quantity span:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity span:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity span:hover {
color: #602684;
}
}
.product-template-default .summary.entry-summary form.cart .quantity input,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input {
font-size: 16px;
padding: 8px;
border: 0;
text-align: center;
width: 58px !important;
float: left;
display: block;
outline: none;
line-height: 42px;
height: 42px;
}
.product-template-default .summary.entry-summary form.cart .quantity input::-webkit-outer-spin-button, .product-template-default .summary.entry-summary form.cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .quantity input::-webkit-inner-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-outer-spin-button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
float: right;
width: calc(100% - 140px);
background-color: #602684;
background-position: center;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .button,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .button:hover,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button:hover,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button:hover {
background-color: #000;
border-color: #000;
}
.product-template-default .summary.entry-summary form.cart .button.loading,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.loading,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.loading {
pointer-events: none;
background-color: #3a174f;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/add-to-cart-loader.svg);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.added,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added {
font-size: 0;
}
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 14px;
line-height: 24px;
content: "Dodano!";
height: 0;
display: block;
}
@media screen and (min-width: 720px) {
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.product-template-default .summary.entry-summary form.cart .button.added:before,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.added:before,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.added:before {
font-size: 18px;
}
}
.product-template-default .summary.entry-summary form.cart .button.disabled,
.product-template-default .summary.entry-summary .woocommerce-variation-add-to-cart .button.disabled,
.product-template-default .summary.entry-summary .product-add-to-cart-wrapper .button.disabled {
pointer-events: none;
opacity: 0.8;
}
.product-template-default .summary.entry-summary a.added_to_cart.wc-forward {
display: none;
}
.product-template-default .woocommerce-tabs {
position: relative;
margin: 48px 0;
padding: 48px 0;
}
.product-template-default .woocommerce-tabs:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
height: 100%;
background-color: #f4f8fb;
}
@media screen and (min-width: 900px) {
.product-template-default .woocommerce-tabs {
clear: both;
width: 100%;
margin: 0 0 64px;
}
}
.product-template-default .woocommerce-tabs .tabs {
border: 2px solid #eee;
list-style-type: none;
margin: 0 0 24px;
padding: 0;
display: flex;
gap: 16px;
flex-wrap: nowrap;
overflow: auto;
border-radius: 8px;
background-color: #fff;
}
@media screen and (min-width: 1024px) {
.product-template-default .woocommerce-tabs .tabs {
justify-content: center;
max-width: 1024px;
margin: 0 auto 24px;
gap: 32px;
}
}
.product-template-default .woocommerce-tabs .tabs li {
outline: none;
}
.product-template-default .woocommerce-tabs .tabs li a {
outline: none;
display: block;
padding: 16px;
line-height: 1.25;
color: #666;
font-weight: 500;
font-size: 18px;
white-space: nowrap;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1240px) {
.product-template-default .woocommerce-tabs .tabs li a {
font-size: 20px;
}
}
.product-template-default .woocommerce-tabs .tabs li a:hover {
color: #602684;
}
.product-template-default .woocommerce-tabs .tabs li.active a {
color: #4d1e6a;
border-color: #602684;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel {
max-width: 1024px;
margin: 0 auto;
background-color: #fff;
padding: 16px;
border-radius: 8px;
border: 2px solid #eee;
}
@media screen and (min-width: 1240px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 32px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0 0 8px;
text-transform: uppercase;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2:first-child {
display: none;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 24px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #222;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div:last-child,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li:last-child,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div strong, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li b,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p strong,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p b {
font-weight: 600;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 18px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a {
font-weight: 500;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel div a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel li a:hover,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel p a:hover {
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-weight: 500;
font-size: 18px;
margin: 16px 0 8px;
color: #222;
}
@media screen and (min-width: 720px) {
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-size: 20px;
}
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h3 strong, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel h4 strong {
font-weight: 600;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul {
margin-left: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel ul li {
margin: 0 0 12px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table {
border-collapse: collapse;
border: 1px solid #f8f8f8;
background-color: #fff;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #f8f8f8;
background-color: rgba(126, 95, 125, 0.1);
padding: 8px 16px;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th p,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td p {
margin: 0;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th a,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td a {
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr th {
font-weight: 500;
text-align: left;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
text-align: right;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) th,
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) td {
background-color: rgba(126, 95, 125, 0.05);
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a {
text-decoration: none;
color: #222;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:before {
margin-right: 8px;
color: #602684;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li a:hover {
color: #000;
text-decoration: none;
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.pdf a:before {
content: "\eadf";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.docx a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.doc a:before {
content: "\eae1";
font-family: "icomoon";
}
.product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.webp a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpeg a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.png a:before, .product-template-default .woocommerce-tabs .woocommerce-Tabs-panel .tab-upload-list li.jpg a:before {
content: "\e91a";
font-family: "icomoon";
}
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
clear: both;
margin: 48px auto;
max-width: 2000px;
}
@media screen and (min-width: 720px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 80px auto;
}
}
@media screen and (min-width: 1240px) {
.wp-block-woocommerce-cart-cross-sells-block,
.upsells.products,
.related.products {
margin: 120px auto;
}
}
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
}
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.wp-block-woocommerce-cart-cross-sells-block > h2,
.upsells.products > h2,
.related.products > h2 {
margin-bottom: 24px;
}
}
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-woocommerce-cart-cross-sells-block > h2 small,
.upsells.products > h2 small,
.related.products > h2 small {
font-size: 32px;
}
}
.tehnocentar-size-chart-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.tehnocentar-size-chart-modal.active {
z-index: 10;
visibility: visible;
opacity: 1;
}
.tehnocentar-size-chart-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.tehnocentar-size-chart-trigger {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 20px;
font-size: 14px;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-trigger {
margin-bottom: 24px;
}
}
.tehnocentar-size-chart-trigger:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/size-chart.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
.tehnocentar-size-chart-trigger:hover {
color: #602684;
cursor: pointer;
}
.tehnocentar-size-chart-content {
position: absolute;
border-radius: 8px;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
background: #fff;
max-width: 720px;
width: calc(100% - 32px);
margin: 0 auto;
padding: 32px 24px 24px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-content {
padding: 32px;
}
}
@media screen and (min-width: 1024px) {
.tehnocentar-size-chart-content {
padding: 48px;
}
}
.tehnocentar-size-chart-content-close {
position: absolute;
top: -8px;
right: -8px;
width: 40px;
height: 40px;
padding: 8px;
cursor: pointer;
border-radius: 100%;
background: #fff;
display: block;
}
.tehnocentar-size-chart-content-close:before, .tehnocentar-size-chart-content-close:after {
content: '';
height: 24px;
border-left: 2px solid #333;
position: absolute;
left: 19px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.tehnocentar-size-chart-content-close:after {
transform: rotate(45deg);
}
.tehnocentar-size-chart-content-close:before {
transform: rotate(-45deg);
}
.tehnocentar-size-chart-content-close:hover:before, .tehnocentar-size-chart-content-close:hover:after {
border-left: 2px solid #602684;
}
.tehnocentar-size-chart-title {
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
line-height: 1;
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-title {
font-size: 24px;
margin: 0 0 24px;
}
}
.tehnocentar-size-chart-link {
margin: 0 0 16px;
text-align: center;
}
@media screen and (min-width: 720px) {
.tehnocentar-size-chart-link {
margin: 0 0 24px;
}
}
.tehnocentar-size-chart-link a {
font-weight: 500;
font-size: 16px;
}
.tehnocentar-size-chart-link a:hover {
text-decoration: none;
}
.tehnocentar-size-chart-table {
border-spacing: 0;
border: 0;
text-align: center;
margin: 0;
}
.tehnocentar-size-chart-table tr th {
font-weight: 400;
border: 0;
background: #f8f8f8;
width: 33.33333%;
font-size: 16px;
line-height: 1;
padding: 16px 0;
letter-spacing: 0.05em;
}
.tehnocentar-size-chart-table tr td {
letter-spacing: 0.05em;
border-bottom: 1px solid #f8f8f8;
padding: 16px 0;
line-height: 1;
font-size: 16px;
color: #333;
font-weight: 300;
}
.woocommerce-Price-amount {
vertical-align: middle;
}
.wc_second_price {
color: #777;
vertical-align: middle;
line-height: inherit;
font-weight: 400;
margin-left: 8px;
}
body.single .wcpay-payment-request-wrapper {
margin: 16px 0;
}
.site-header.logged-in .css-b2c {
display: none !important;
}
.site-header.logged-out .css-b2b {
display: none !important;
}
.custom-price-details {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.custom-price-details .price {
margin: 0;
text-align: left;
}
.custom-price-details .price.vpc {
color: #602684;
font-size: 16px;
line-height: 1.25;
font-weight: 500;
}
.custom-price-details .price.vpc.old del {
color: #777;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
}
.custom-price-details .price.vpc.old ins {
color: #732e9e;
font-size: 18px;
line-height: 1.25;
font-weight: 500;
background-color: transparent;
}
.custom-price-details .price.final {
color: #602684;
font-size: 18px;
line-height: 1.25;
font-weight: 600;
}
.custom-price-details .price.final ins {
background-color: transparent;
}
.custom-price-details .price.final del {
color: #777;
font-size: 18px;
line-height: 1.25;
font-weight: 400;
}
.custom-price-details .price.final bdi {
background-color: transparent;
}
.custom-price-details .price.final + .vpc {
color: #732e9e;
}
.custom-price-details .price.mpc {
color: #777;
font-size: 14px;
line-height: 1.25;
font-weight: 500;
}
.custom-price-details .price .woocommerce-Price-amount {
vertical-align: unset;
}
li.product a.woocommerce-LoopProduct-link {
order: 1;
}
li.product a.woocommerce-LoopProduct-link .price {
display: none;
}
li.product .button {
order: 5;
}
li.product .screen-reader-text {
order: 100;
}
li.product .price-wrapper {
order: 2;
margin: 16px 0;
}
li.product .price-wrapper:empty {
display: none;
}
li.product .login-to-see-price {
order: 5;
margin: 8px 0 0;
width: 100%;
border-radius: 8px;
color: #222;
font-weight: 500;
background-color: #f8f8f8;
padding: 8px 16px;
}
li.product .custom-price-details span.action {
display: none;
}
.product-template-default .summary.entry-summary > .price {
display: none;
}
.product-template-default .custom-price-details {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.product-template-default .custom-price-details .price {
margin: 0;
text-align: left;
}
.product-template-default .custom-price-details .price.vpc {
color: #602684;
font-size: 16px;
line-height: 1.25;
font-weight: 500;
}
.product-template-default .custom-price-details .price.vpc.old del {
color: #777;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
}
.product-template-default .custom-price-details .price.vpc.old ins {
color: #732e9e;
font-size: 18px;
line-height: 1.25;
font-weight: 500;
background-color: transparent;
}
.product-template-default .custom-price-details .price.final {
color: #602684;
font-size: 18px;
line-height: 1.25;
font-weight: 600;
}
.product-template-default .custom-price-details .price.final + .vpc {
color: #732e9e;
}
.product-template-default .custom-price-details .price.mpc {
color: #777;
font-size: 14px;
line-height: 1.25;
font-weight: 500;
}
.product-template-default .custom-price-details .price .woocommerce-Price-amount {
vertical-align: unset;
}
.product-template-default .login-to-see-price {
margin: 8px 0;
width: 100%;
border-radius: 8px;
color: #222;
font-weight: 500;
background-color: #f8f8f8;
padding: 8px 16px;
font-size: 16px;
}
.product-backorder-notice {
padding: 8px 16px;
margin: 12px 0 0;
text-align: left;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.025em;
border: 2px solid #602684;
background-color: rgba(96, 38, 132, 0.1);
color: #602684;
margin-bottom: 24px;
border-radius: 8px;
}
.product-backorder-notice strong {
font-weight: 600;
}
@media screen and (min-width: 720px) {
.product-backorder-notice {
font-size: 16px;
}
}
ul.products .product-backorder-notice {
order: 2;
margin: 0;
font-size: 0 !important;
}
ul.products .product-backorder-notice strong {
font-size: 14px;
}
.woocommerce-cart h1 {
text-transform: uppercase;
color: #602684;
font-weight: 500;
text-align: left;
margin: 0 0 24px;
font-family: "Rubik", sans-serif;
font-size: 24px;
letter-spacing: 0.05em;
}
@media screen and (min-width: 720px) {
.woocommerce-cart h1 {
margin-bottom: 32px;
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart h1 {
font-size: 40px;
}
}
.woocommerce-cart .site-main {
margin-top: 24px;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .site-main {
margin-top: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .site-main {
margin-top: 48px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-cart .site-main {
margin-top: 64px;
}
}
.woocommerce-cart .woocommerce-notices-wrapper:empty {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .woocommerce-notices-wrapper {
grid-column: span 2;
}
}
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
margin: 0;
}
.woocommerce-cart .storefront-breadcrumb {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
}
}
@media screen and (max-width: 1023px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive { display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tbody {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive td, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive th, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr {
display: block;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive {
border-collapse: separate;
border-spacing: 0 8px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead {
display: table-header-group;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th {
border-bottom: 2px solid #eee;
padding-bottom: 8px;
text-align: center;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th {
background: #fff;
padding: 8px 16px;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
color: #777;
font-size: 16px;
font-weight: 400;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th:first-child {
border-radius: 8px 0 0 8px;
border-left: 2px solid #eee;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th:last-child {
border-radius: 0 8px 8px 0;
border-right: 2px solid #eee;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-remove, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-thumbnail {
display: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-name {
text-align: left;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-name {
border-radius: 8px 0 0 8px;
border-left: 2px solid #eee;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive thead th.product-subtotal {
text-align: right;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tbody {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tbody {
display: table-row-group;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item {
display: block;
position: relative;
border: 2px solid #eee;
padding: 16px 0;
background: #fff;
border-radius: 8px;
}
@media screen and (max-width: 1023px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item:after {
content: "";
clear: both;
width: 100%;
display: block;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item {
display: table-row;
border: 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove {
position: absolute;
top: 16px;
right: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove {
position: static;
top: 0;
width: 64px;
padding: 16px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-remove a {
color: #777;
text-decoration: none;
display: block;
width: 24px;
font-size: 24px;
font-weight: 400;
line-height: 20px;
height: 24px;
text-align: center;
border-radius: 24px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
float: right;
clear: right;
width: calc(100% - 90px - 16px);
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
float: none;
clear: none;
width: auto;
padding: 0 16px 0 0;
border-bottom: 1px solid #C8C4C4;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail {
width: 90px;
float: left;
padding-left: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail {
float: none;
padding: 16px 24px 16px 0;
width: 120px;
border-bottom: 1px solid #C8C4C4;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail a {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-thumbnail img {
object-fit: contain;
aspect-ratio: 1;
display: block;
border-radius: 4px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name {
padding-right: 24px;
text-transform: uppercase;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name > a {
display: inline-block;
font-weight: 500;
color: #222;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.05em;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name > a {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-name > a {
font-size: 18px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price {
margin-bottom: 8px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
padding: 0;
color: #222;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
vertical-align: middle;
font-size: 18px;
line-height: 1.25;
min-width: 100px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price:before,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal:before {
content: attr(data-title) ":";
vertical-align: bottom;
font-weight: 400;
font-size: 14px;
color: #666;
margin-right: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price:before,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal:before {
display: none;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price span,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal span {
vertical-align: bottom;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price span,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal span {
vertical-align: text-bottom;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price small,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal small {
vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price small,
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal small {
display: block;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-price {
text-align: center;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .awdr_cart_strikeout_line {
padding: 0 4px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .awdr_cart_strikeout_line ins {
background: transparent;
color: #602684;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
font-size: 16px;
font-weight: 600;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal {
text-align: right;
padding-right: 16px;
font-size: 18px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal:before {
font-weight: 500;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-subtotal span {
color: #602684;
font-weight: 600;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity {
margin-bottom: 8px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity {
float: left;
width: 98px;
border: 1px solid #C8C4C4;
border-radius: 8px;
padding: 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity:after {
content: "";
clear: both;
width: 100%;
display: block;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity {
float: none;
margin: 0 auto;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity span {
float: left;
width: 32px;
height: 32px;
text-align: center;
vertical-align: bottom;
line-height: 32px;
font-size: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity span:hover {
color: #602684;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input {
height: auto;
font-size: 14px;
line-height: 24px;
padding: 4px;
border: 0;
text-align: center;
width: 32px !important;
float: left;
display: block;
outline: none;
pointer-events: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input::-webkit-outer-spin-button, .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .product-quantity .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item td {
border-top: 2px solid #eee !important;
border-bottom: 2px solid #eee !important;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item td:first-child {
border-radius: 8px 0 0 8px;
border-left: 2px solid #eee !important;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item td:last-child {
border-radius: 0 8px 8px 0;
border-right: 2px solid #eee !important;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation {
padding: 0;
margin: 16px 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dt {
font-weight: 400;
color: #777;
font-size: 14px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dt-Dostupnost {
display: none;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd {
margin: 0;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd:not(:last-child) {
margin-bottom: 4px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive .cart_item .variation dd p:not(.product-backorder-notice) {
margin: 0;
color: #222;
font-size: 14px;
font-weight: 600;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr { }
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions {
display: grid;
gap: 16px;
border: 0;
margin: 16px auto;
border-radius: 8px;
text-align: left;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions:before {
display: none;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions {
display: table-cell;
padding: 16px 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon {
background-color: #eee;
padding: 16px;
border-radius: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon {
margin-bottom: 16px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 16px;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon .coupon-form {
display: none;
padding: 8px 0 16px;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon input {
display: block;
width: 100%;
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon input {
margin: 0;
}
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon button {
display: block;
background-color: #fff;
background-position: center;
color: #602684;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #602684;
cursor: pointer;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon button:hover {
color: #fff;
background-color: #602684;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label {
display: block;
color: #602684;
vertical-align: middle;
line-height: 19px;
padding: 8px 0;
position: relative;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label:hover {
cursor: pointer;
color: #3a174f;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
font-family: "icomoon";
content: "\e90b";
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label.active:after {
transform: rotate(180deg) translateY(50%);
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions .coupon label.active + .coupon-form {
display: block;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"] {
display: block;
background-color: #602684;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
border: 1px solid #602684;
width: 100%;
cursor: pointer;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"]:hover {
color: #fff;
background-color: #8635b9;
}
.woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"][disabled], .woocommerce-cart .entry-content > .woocommerce .shop_table_responsive tr td.actions button[name="update_cart"]:disabled {
pointer-events: none;
opacity: 0.5;
}
.woocommerce-cart .wc-proceed-to-checkout.before-cart {
margin-bottom: 16px;
display: block;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .wc-proceed-to-checkout.before-cart {
display: none;
}
}
.woocommerce-cart .wc-proceed-to-checkout.after-cart {
display: block;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
background-color: #602684;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #602684;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 12px 16px;
font-size: 16px;
}
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #3a174f;
}
.woocommerce-cart .cart-collaterals .cross-sells {
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals {
background: #fff;
border-radius: 8px;
border: 2px solid #eee;
padding: 16px;
margin-bottom: 16px;
}
.woocommerce-cart .cart-collaterals h2 {
font-size: 20px;
font-weight: 500;
line-height: 1.25;
margin: 0 0 8px;
}
.woocommerce-cart .cart-collaterals .shop_table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table tr th {
display: none !important;
}
.woocommerce-cart .cart-collaterals .shop_table tr td {
text-align: left;
border-bottom: 1px solid #eee;
padding: 8px 0;
color: #222;
font-weight: 400;
font-size: 14px;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cart-collaterals .shop_table tr td {
font-size: 16px;
}
}
.woocommerce-cart .cart-collaterals .shop_table tr td:before {
content: attr(data-title) ":";
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #222;
display: block;
float: left;
width: 40%;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cart-collaterals .shop_table tr td:before {
font-size: 16px;
}
}
.woocommerce-cart .cart-collaterals .shop_table tr td {
text-align: right;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals td {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals td:before {
float: none;
width: 100%;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods {
text-align: left;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input {
display: none;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + label:before, .woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + label:before {
border-color: #602684;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input[type="hidden"] + label:after, .woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li input:checked + label:after {
opacity: 1;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label {
font-size: 16px;
}
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods li label:hover:before {
border-color: #602684;
}
.woocommerce-cart .cart-collaterals .shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-destination {
margin-top: 16px;
font-size: 14px;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td {
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #222;
text-align: right;
padding: 16px 0;
border: 0;
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th:before,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td:before {
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th strong,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td strong {
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .shop_table tr.order-total th small,
.woocommerce-cart .cart-collaterals .shop_table tr.order-total td small {
display: block;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-methods {
padding: 0;
margin: 8px 0 0;
list-style-type: none;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-destination {
font-weight: 400;
margin: 0;
}
.woocommerce-cart .cart-collaterals .shop_table .woocommerce-shipping-destination strong {
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-cart .cross-sells {
grid-column: span 2;
}
}
.woocommerce-cart .cross-sells > h2 {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
}
.woocommerce-cart .cross-sells > h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.woocommerce-cart .cross-sells > h2 {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-cart .cross-sells > h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-cart .cross-sells > h2 {
margin-bottom: 24px;
}
}
.woocommerce-cart .cross-sells > h2 small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
.woocommerce-cart .cross-sells > h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.woocommerce-cart .cross-sells > h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.woocommerce-cart .cross-sells > h2 small {
font-size: 32px;
}
}
.woocommerce-checkout wc-order-attribution-inputs {
order: 10;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout #ws_opt_in_field {
grid-column: span 2;
}
}
.woocommerce-checkout .woocommerce-account-fields .create-account span.password-input {
display: block;
position: relative;
}
.woocommerce-checkout .woocommerce-account-fields .create-account span.password-input .show-password-input {
position: absolute;
top: 0;
min-height: 0;
right: 0;
width: 42px;
height: 100%;
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/password.svg);
outline: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-account-fields .create-account span.password-input .show-password-input:hover {
opacity: 0.5;
}
.woocommerce-checkout .woocommerce-account-fields .create-account span.password-input .show-password-input.display-password {
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/password_active.svg);
}
.woocommerce-checkout .site-header-holder {
position: relative;
}
.woocommerce-checkout .checkout-backlink {
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
margin-top: 8px;
}
.woocommerce-checkout .checkout-backlink a {
display: block;
text-decoration: none;
}
.woocommerce-checkout .checkout-backlink a i {
font-size: 32px;
line-height: 1;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .checkout-backlink a i {
font-size: 24px;
}
}
.woocommerce-checkout .checkout-backlink span {
font-size: 0;
vertical-align: middle;
margin-left: 8px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .checkout-backlink span {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
}
.woocommerce-checkout .site-header {
padding: 16px;
}
.woocommerce-checkout .site-header .header-items {
display: none;
}
.woocommerce-checkout .site-header .site-branding {
position: static;
}
.woocommerce-checkout .site-header .site-branding img {
height: auto;
max-height: 80px;
}
.woocommerce-checkout .entry-header {
padding: 16px 0 0;
}
.woocommerce-checkout .entry-header h1 {
padding: 0 24px;
font-weight: 500;
margin: 0 0 16px;
}
.woocommerce-checkout .entry-content {
padding: 0 24px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
background-color: #fff;
padding: 8px 16px;
border: 2px solid #eee;
margin: 0 auto 16px;
border-radius: 8px;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-form-coupon-toggle {
padding: 8px 24px;
}
}
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
border: 2px solid #eee;
padding: 24px;
margin: 0 0 24px;
max-width: 806px;
background: #fff;
border-radius: 8px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-checkout .woocommerce-form-login p,
.woocommerce-checkout .woocommerce-form-coupon p {
margin: 0;
color: #222;
font-size: 14px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-form-login p,
.woocommerce-checkout .woocommerce-form-coupon p {
grid-column: span 2;
}
.woocommerce-checkout .woocommerce-form-login p.form-row,
.woocommerce-checkout .woocommerce-form-coupon p.form-row {
grid-column: span 1;
}
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-form-login p .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-form-coupon p .woocommerce-form__label label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-form-login .clear,
.woocommerce-checkout .woocommerce-form-coupon .clear {
display: none;
}
.woocommerce-checkout .woocommerce-form-login input,
.woocommerce-checkout .woocommerce-form-coupon input {
border-radius: 8px;
line-height: 24px;
}
.woocommerce-checkout .woocommerce-form-login button,
.woocommerce-checkout .woocommerce-form-coupon button {
padding: 8px;
font-weight: 500;
height: auto;
min-height: 40px;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-form-login button,
.woocommerce-checkout .woocommerce-form-coupon button {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
background-color: transparent;
color: #222;
font-size: 14px;
margin: 0;
padding: 8px 0;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
font-weight: 500;
text-decoration: underline;
}
.woocommerce-checkout #order_review_heading {
display: none;
}
.woocommerce-checkout .prefooter {
display: none;
}
.woocommerce-checkout .site-footer {
padding: 0;
}
.woocommerce-checkout .site-footer .col-full,
.woocommerce-checkout .site-footer .footer-support,
.woocommerce-checkout .site-footer .footer-logo {
display: none;
}
.woocommerce-checkout .footer-copyright {
border: 0;
}
.woocommerce-checkout .storefront-breadcrumb {
display: none;
}
.woocommerce-checkout .entry-content {
margin: 0;
}
.woocommerce-checkout .woocommerce-shipping-fields {
background: #fff;
border-radius: 4px;
padding: 0;
margin: 16px 0;
}
.woocommerce-checkout .woocommerce-additional-fields {
margin: 16px 0;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-account-fields {
margin-top: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout .woocommerce-additional-fields {
background: #fff;
border: 2px solid #eee;
border-radius: 8px;
padding: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-account-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
display: block;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-account-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 0;
}
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address {
margin: 0;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input {
display: none;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label label,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label label:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label label:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:after,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label label:hover:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span:hover:before,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address .woocommerce-form__label > span,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address .woocommerce-form__label > span {
font-size: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address + .shipping_address,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address + .shipping_address,
.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address + .shipping_address,
.woocommerce-checkout .woocommerce-additional-fields #ship-to-different-address + .shipping_address {
margin-top: 24px;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields .create-account,
.woocommerce-checkout .woocommerce-shipping-fields .create-account,
.woocommerce-checkout .woocommerce-account-fields .create-account,
.woocommerce-checkout .woocommerce-additional-fields .create-account {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row,
.woocommerce-checkout .woocommerce-shipping-fields .form-row,
.woocommerce-checkout .woocommerce-account-fields .form-row,
.woocommerce-checkout .woocommerce-additional-fields .form-row {
position: relative;
margin: 0;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-account-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide {
grid-column: 1 / 3;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-account-fields .form-row.form-row-wide,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide {
grid-column: auto;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.form-row-wide.large,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.form-row-wide.large,
.woocommerce-checkout .woocommerce-account-fields .form-row.form-row-wide.large,
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide.large {
grid-column: 1 / 3;
}
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.ce-field,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.ce-field,
.woocommerce-checkout .woocommerce-account-fields .form-row.ce-field,
.woocommerce-checkout .woocommerce-additional-fields .form-row.ce-field {
margin: 16px 0;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 {
grid-column: 1 / 3;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input {
display: none;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input[type="hidden"] + label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:before,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:after,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:after,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label:after,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio {
display: inline-block;
margin-top: 8px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child),
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child),
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child),
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio:not(:last-child) {
margin-right: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-billing-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-shipping-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-account-fields .form-row.r1 .woocommerce-input-wrapper label.radio,
.woocommerce-checkout .woocommerce-additional-fields .form-row.r1 .woocommerce-input-wrapper label.radio {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-checkout form.checkout.woocommerce-checkout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout form.checkout.woocommerce-checkout {
grid-template-columns: 3fr 2fr;
gap: 0 32px;
margin-top: 32px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .wcpay-payment-request-wrapper {
grid-column: span 2;
margin: 0;
}
.woocommerce-checkout .wcpay-payment-request-wrapper .wcpay-payment-request-button {
margin: 32px 0 0;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout #wcpay-payment-request-button-separator {
grid-column: span 2;
}
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
grid-column: 1/3;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
position: relative;
margin: 32px 0;
background: #fff;
border-radius: 8px;
border: 2px solid #eee;
padding: 16px;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-checkout-review-order {
padding: 24px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order {
padding: 32px;
margin: 0;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
border-collapse: collapse;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
text-align: left;
padding: 8px 0;
border-bottom: 1px solid #C8C4C4;
font-weight: 500;
font-size: 14 p;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th.product-total {
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
padding: 8px 0;
border-bottom: 1px solid #C8C4C4;
font-size: 14px;
line-height: 20px;
min-width: 100px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-name {
width: 60%;
text-transform: uppercase;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total {
text-align: right;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total small {
display: block;
margin: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td .product-quantity {
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
text-align: right;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal small {
display: block;
margin: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
padding: 12px 0;
border-bottom: 1px solid #C8C4C4;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
text-align: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total {
color: #602684;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-size: 18px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total span.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total small {
display: block;
margin: 0;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total small {
font-weight: 400;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping th {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td {
width: 100%;
text-align: left;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li label {
font-size: 16px;
line-height: 24px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li:not(:last-child) {
margin-bottom: 8px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li span, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li small {
float: right;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals.shipping td ul li small {
clear: both;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods {
padding: 0;
margin: 0;
list-style-type: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li {
padding: 12px 0;
margin: 0;
border-bottom: 1px solid #C8C4C4;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li .payment_box {
clear: both;
padding-top: 16px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_mypos_virtual label img {
display: block;
margin-top: 16px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_cod {
padding-right: 48px;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/cod_payment.png);
background-position: right 8px;
background-repeat: no-repeat;
background-size: 48px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_aircash-woocommerce label img {
max-width: 160px;
margin-top: -4px;
margin-left: 16px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_monri {
padding-top: 16px;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/wsPay.svg);
background-position: right 8px;
background-repeat: no-repeat;
background-size: 96px auto;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li.payment_method_monri label {
padding-right: 104px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input {
display: none;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li label {
font-size: 16px;
line-height: 24px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li .amount {
float: right;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li p {
font-size: 14px;
line-height: 20px;
}
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods li img {
vertical-align: middle;
float: right;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
font-size: 14px;
padding: 12px;
background-color: #fff;
border-radius: 8px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input {
display: none;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + label:before, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + label:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input[type="hidden"] + label:after, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label input:checked + label:after {
opacity: 1;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label {
font-size: 16px;
}
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #C8C4C4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #602684;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label > span:hover:before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label label:hover:before {
border-color: #602684;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label abbr {
display: none;
}
.woocommerce-checkout .button {
background-color: #602684;
text-align: center;
width: 100%;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
font-size: 18px;
line-height: 24px;
border-radius: 8px;
padding: 16px 48px;
height: auto;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-checkout .button:hover {
background-color: #4d1e6a;
}
.woocommerce-page .woocommerce-info {
background-color: #fcf7eb;
color: #e6b137;
margin-bottom: 16px;
padding: 16px;
border-radius: 8px;
}
.woocommerce-page .woocommerce-info a {
text-decoration: none;
}
.woocommerce-input-wrapper #additional_date {
-webkit-appearance: none;
appearance: none;
width: 100%;
display: block;
height: 45px;
background-color: #fff;
text-align: left;
}
.woocommerce-checkout select.custom_shipping_address {
padding: 12px 40px 12px 12px;
margin-bottom: 24px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
color: #222;
cursor: pointer;
background-color: #fff;
background-image: url(//tehnocentar.hr/wp-content/themes/images/select-arrow.svg);
background-position: calc(100% - 12px);
background-repeat: no-repeat;
}
.woocommerce-checkout select.custom_shipping_address:focus {
box-shadow: none;
border: 1px solid #602684;
}
.woocommerce-checkout select.custom_shipping_address::-ms-expand {
display: none;
}
.disabled-edit {
cursor: none;
pointer-events: none;
}
.woocommerce-order-received .entry-header {
display: none;
}
.woocommerce-order-received .woocommerce-order {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
max-width: 640px;
margin: 0 auto;
padding: 24px 0;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order {
gap: 24px;
}
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order {
gap: 32px;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
margin: 0;
background-color: #fff;
padding: 16px;
border-radius: 8px;
list-style-type: none;
border: 2px solid #eee;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
font-size: 16px;
line-height: 2;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview strong {
font-weight: 500;
margin-left: 4px;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview strong {
margin-right: 8px;
}
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview + p {
display: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
background-color: #fff;
padding: 16px;
border: 2px solid #eee;
border-radius: 8px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title {
font-weight: 500;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details {
border-collapse: collapse;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead th {
text-align: left;
font-weight: 500;
padding: 8px 16px;
border-bottom: 2px solid #eee;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead th:last-child {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td {
padding: 8px 16px;
border-bottom: 2px solid #eee;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td a {
font-weight: 400;
color: #666;
text-decoration: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td .product-quantity {
font-weight: 400;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-total {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-total > span {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th {
text-align: left;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th, .woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
padding: 8px 16px;
font-weight: 500;
border-bottom: 2px solid #eee;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
text-align: right;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td small {
display: block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td small.shipped_via {
display: inline-block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:nth-child(4) {
color: #602684;
font-size: 18px;
}
.woocommerce-order-received .back-to-home-button {
margin: 32px auto;
text-align: center;
}
.woocommerce-order-received .woocommerce-customer-details {
background-color: #fff;
padding: 16px;
border: 2px solid #eee;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-order-received .woocommerce-notice {
background-color: #f8f8f8;
padding: 16px;
text-align: center;
margin: 0;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.025em;
}
@media screen and (min-width: 720px) {
.woocommerce-order-received .woocommerce-notice {
font-size: 18px;
}
}
.woocommerce-order-received .woocommerce-notice--success {
background-color: #602684;
color: #fff;
}
.woocommerce-order-received .woocommerce-notice--failed {
background-color: #b5292d;
color: #fff;
}
.woocommerce-account {
color: #222;
}
.woocommerce-account .entry-header {
display: none;
}
.woocommerce-account .woocommerce-form span.password-input {
display: block;
position: relative;
}
.woocommerce-account .woocommerce-form span.password-input .show-password-input {
position: absolute;
top: 0;
min-height: 0;
right: 0;
width: 42px;
height: 100%;
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/password.svg);
outline: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.woocommerce-account .woocommerce-form span.password-input .show-password-input:hover {
opacity: 0.5;
}
.woocommerce-account .woocommerce-form span.password-input .show-password-input.display-password {
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/password_active.svg);
}
.woocommerce-account h2 {
color: #222;
font-family: "Rubik", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 32px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.woocommerce-account h2 {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.woocommerce-account h2.woocommerce-order-details__title {
margin-bottom: 24px;
text-align: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin: 0 0 16px;
padding: 0 0 16px;
display: flex;
flex-flow: row;
flex-wrap: nowrap;
overflow: auto;   }
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul {
justify-content: center;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-track {
border-radius: 8px;
background-color: #f8f8f8;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
background: #602684;
border-radius: 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
order: 1;
}
@media screen and (max-width: 1023px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin-right: 16px;
}
}
@media screen and (min-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 8px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a {
color: #602684;
border-color: #602684;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 8px 16px;
white-space: nowrap;
text-decoration: none;
border: 1px solid #eee;
border-radius: 4px;
color: #222;
font-size: 10px;
line-height: 20px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-transform: uppercase;
font-weight: 600;
background-color: #fff;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
font-size: 14px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
color: #602684;
border-color: #602684;
}
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce-account form.woocommerce-form {
display: block;
max-width: 420px;
margin: 0 auto;
background-color: #fff;
border: 2px solid #eee;
border-radius: 8px;
padding: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin: 0 auto 24px;
background-color: #fff;
border: 2px solid #eee;
border-radius: 8px;
padding: 16px;
max-width: 1392px;
width: calc(100% - 32px);
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-MyAccount-content {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-account .woocommerce-MyAccount-content {
padding: 32px;
}
}
.woocommerce-account .product-name {
text-transform: uppercase;
}
.woocommerce-account .shop_table {
border-collapse: collapse;
border-radius: 8px 8px 0 0;
overflow: hidden;
text-align: left;
}
.woocommerce-account .shop_table:last-child {
margin-bottom: 0;
}
.woocommerce-account .shop_table .woocommerce-Price-amount {
vertical-align: unset;
font-weight: 500;
}
.woocommerce-account .shop_table thead {
color: #fff;
background-color: #602684;
}
.woocommerce-account .shop_table thead th {
padding: 8px 16px;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
text-align: left;
}
@media screen and (min-width: 720px) {
.woocommerce-account .shop_table thead th {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-account .shop_table thead th {
font-size: 16px;
font-weight: 700;
}
}
.woocommerce-account .shop_table thead th:last-child {
text-align: right;
}
.woocommerce-account .shop_table thead th.woocommerce-orders-table__header-order-status {
text-align: center;
}
.woocommerce-account .shop_table thead th.woocommerce-orders-table__header-order-total {
text-align: right;
}
.woocommerce-account .shop_table thead th.woocommerce-orders-table__header-order-actions .nobr {
display: none;
}
.woocommerce-account .shop_table tbody tr:nth-child(even) {
background-color: #f8f8f8;
}
.woocommerce-account .shop_table tbody tr th,
.woocommerce-account .shop_table tbody tr td {
padding: 8px 16px;
}
.woocommerce-account .shop_table tbody tr th:first-child,
.woocommerce-account .shop_table tbody tr td:first-child {
border-left: 2px solid #eee;
}
.woocommerce-account .shop_table tbody tr th:last-child,
.woocommerce-account .shop_table tbody tr td:last-child {
border-right: 2px solid #eee;
}
.woocommerce-account .shop_table tbody tr {
border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}
.woocommerce-account .shop_table tbody tr .woocommerce-orders-table__cell-order-status {
text-align: center;
font-weight: 500;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
border-color: #f8dda7;
background: #f8dda7;
color: #573b00;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
border-color: #c6e1c6;
background: #c6e1c6;
color: #2c4700;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
border-color: #f8dda7;
background: #f8dda7;
color: #573b00;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
border-color: #c8d7e1;
background: #c8d7e1;
color: #003d66;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-trash .woocommerce-orders-table__cell-order-status {
border-color: #eba3a3;
background: #eba3a3;
color: #550202;
}
.woocommerce-account .shop_table tbody tr.woocommerce-orders-table__row--status-wc-checkout-draft .woocommerce-orders-table__cell-order-status {
border-color: #f5f5f5;
background: #f5f5f5;
color: #444;
}
.woocommerce-account .shop_table tbody td {
color: #222;
font-size: 10px;
padding: 8px 16px;
text-align: left;
}
@media screen and (min-width: 720px) {
.woocommerce-account .shop_table tbody td {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.woocommerce-account .shop_table tbody td {
font-size: 16px;
}
}
.woocommerce-account .shop_table tbody td:last-child {
text-align: right;
}
.woocommerce-account .shop_table tbody td.woocommerce-orders-table__cell-order-total {
text-align: right;
}
.woocommerce-account .shop_table tbody td a {
text-decoration: none;
color: #222;
text-transform: uppercase;
}
.woocommerce-account .shop_table tbody td .woocommerce-button {
background-color: #602684;
color: #fff;
border-radius: 8px;
display: inline-block;
padding: 8px 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-align: center;
min-width: 120px;
font-weight: 600;
letter-spacing: 0.05em;
}
.woocommerce-account .shop_table tbody td .woocommerce-button:hover {
background-color: #3a174f;
}
.woocommerce-account .shop_table tbody th.woocommerce-orders-table__cell-order-number a {
font-size: 16px;
font-weight: 500;
}
.woocommerce-account .shop_table tfoot tr:nth-child(even) {
background-color: #f8f8f8;
}
.woocommerce-account .shop_table tfoot tr:last-child {
border-bottom: 2px solid #777;
}
.woocommerce-account .shop_table tfoot tr th {
padding: 8px 16px;
text-align: right;
font-weight: 600;
font-size: 16px;
}
.woocommerce-account .shop_table tfoot tr td {
padding: 8px 16px;
text-align: right;
font-weight: 600;
font-size: 16px;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--2 {
display: grid;
padding: 24px 0;
gap: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--2 {
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--2 h2 {
text-align: left;
margin-bottom: 24px;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--2 address {
font-weight: 500;
text-align: left;
font-style: normal;
font-size: 16px;
line-height: 1.75;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
gap: 24px;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
background-color: #f8f8f8;
padding: 16px;
border-radius: 16px;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
font-size: 14px;
margin: 0;
}
@media screen and (min-width: 720px) {
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
font-size: 16px;
}
}
.woocommerce-account .woocommerce-Addresses h3 {
margin: 0;
}
.customer-info-grid {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
.customer-info-grid {
grid-template-columns: 2fr 3fr;
}
}
.customer-info-box {
border: 2px solid #eee;
background-color: #fff;
padding: 16px;
border-radius: 8px;
font-size: 16px;
}
@media screen and (min-width: 720px) {
.customer-info-box {
padding: 24px;
}
}
.customer-info-box h2 {
margin: 0 0 16px;
text-align: left;
}
.customer-info-box .billing-address p {
margin: 0;
}
.order-list-grid {
display: grid;
margin: 0;
padding: 0;
list-style-type: none;
}
.order-list-grid li {
position: relative;
padding: 16px 0;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
align-items: center;
border-bottom: 1px solid #eee;
}
@media screen and (min-width: 1024px) {
.order-list-grid li {
grid-template-columns: 2fr 1fr 172px;
}
}
.order-list-grid li p {
margin: 0;
text-align: right;
}
.order-list-grid li p:first-child {
text-align: left;
}
.order-list-grid li p .status {
display: inline-block;
padding: 8px 16px;
color: #222;
text-decoration: none;
border-radius: 8px;
background-color: #fff;
border: 2px solid #602684;
}
@media screen and (min-width: 1024px) {
.order-list-grid li p .status {
min-width: 128px;
text-align: center;
}
}
.order-list-grid li p .status.pending {
border-color: #f8dda7;
background: #f8dda7;
color: #573b00;
}
.order-list-grid li p .status.processing {
border-color: #c6e1c6;
background: #c6e1c6;
color: #2c4700;
}
.order-list-grid li p .status.on-hold {
border-color: #f8dda7;
background: #f8dda7;
color: #573b00;
}
.order-list-grid li p .status.completed {
border-color: #c8d7e1;
background: #c8d7e1;
color: #003d66;
}
.order-list-grid li p .status.cancelled {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.order-list-grid li p .status.refunded {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.order-list-grid li p .status.failed {
border-color: #eba3a3;
background: #eba3a3;
color: #570000;
}
.order-list-grid li p .status.trash {
border-color: #eba3a3;
background: #eba3a3;
color: #550202;
}
.order-list-grid li p .status.wc-checkout-draft {
border-color: #f5f5f5;
background: #f5f5f5;
color: #444;
}
.order-list-grid li p a.button {
display: inline-block;
padding: 8px 16px;
border: 2px solid #602684;
background-color: #602684;
color: #fff;
font-weight: 600;
text-decoration: none;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.order-list-grid li p a.button:hover {
border-color: #eee;
}
body.woocommerce-lost-password .entry-content {
padding: 24px 16px;
}
body.woocommerce-lost-password .entry-content .woocommerce > p {
background-color: #fff;
padding: 16px;
border: 2px solid #eee;
border-radius: 8px;
font-size: 16px;
line-height: 1.5;
max-width: 1392px;
margin: 24px auto;
}
.custom-login-register {
padding-top: 24px;
border-top: 2px solid #eee;
margin: 48px auto;
max-width: 720px;
}
.custom-login-register-wrapper {
padding: 16px;
background-color: #f8f8f8;
}
.custom-login-register p {
font-weight: 500;
margin: 16px auto;
text-align: center;
font-size: 14px;
}
@media screen and (min-width: 1024px) {
.custom-login-register p {
font-size: 16px;
}
}
.custom-login-register p:not(:last-child) {
margin-bottom: 16px;
}
.custom-login-register .button-secondary {
display: block;
background-color: #fff;
background-position: 50%;
color: #602684;
font-weight: 600;
font-size: 14px;
line-height: 26px;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 2px solid #602684;
cursor: pointer;
}
.custom-login-register .button-secondary:hover {
background-color: #602684;
color: #fff;
}
.hidden-fields-container {
border: 0;
}
#customer_login {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
max-width: 720px;
margin: 0 auto;
}
@media screen and (min-width: 1024px) {
#customer_login {
grid-template-columns: 1fr 1fr;
}
}
body .entry-content .wp-block-gallery {
display: grid;
margin: 24px 0;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 480px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin: 32px 0;
}
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(3, 1fr);
margin: 48px 0;
}
}
body .entry-content .wp-block-gallery .wp-block-image {
margin: 0 !important;
display: block;
}
body .entry-content .wp-block-gallery .wp-block-image img {
display: block;
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 4px;
}
body .wp-lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
body .wp-lightbox-container img {
cursor: zoom-in;
}
body .wp-lightbox-container img:hover + button {
opacity: 1;
}
body .wp-lightbox-container button {
align-items: center;
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(90, 90, 90, 0.25);
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
transition: opacity .2s ease;
width: 20px;
z-index: 100;
}
body .wp-lightbox-container:focus-visible {
outline: 3px auto rgba(90, 90, 90, 0.25);
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
body .wp-lightbox-container:hover {
cursor: pointer;
opacity: 1;
}
body .wp-lightbox-container:focus {
opacity: 1;
}
body .wp-lightbox-container button:focus,
body .wp-lightbox-container button:hover,
body .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: rgba(90, 90, 90, 0.25);
border: none;
}
body .wp-lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100vw;
z-index: 100000;
}
body .wp-lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
body .wp-lightbox-overlay .close-button:focus, body .wp-lightbox-overlay .close-button:hover, body .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
body .wp-lightbox-overlay .lightbox-image-container {
height: var(--wp--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--wp--lightbox-container-width);
z-index: 9999999999;
}
body .wp-lightbox-overlay .wp-block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
body .wp-lightbox-overlay .wp-block-image img {
height: var(--wp--lightbox-image-height);
min-height: var(--wp--lightbox-image-height);
min-width: var(--wp--lightbox-image-width);
width: var(--wp--lightbox-image-width);
}
body .wp-lightbox-overlay .wp-block-image figcaption {
display: none;
}
body .wp-lightbox-overlay button {
background: none;
border: none;
}
body .wp-lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: .9;
position: absolute;
width: 100%;
z-index: 2000000;
}
body .wp-lightbox-overlay.active {
animation: turn-on-visibility .25s both;
visibility: visible;
}
body .wp-lightbox-overlay.active img {
animation: turn-on-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) {
animation: turn-off-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) img {
animation: turn-off-visibility .25s both;
}
@media (prefers-reduced-motion: no-preference) {
body .wp-lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in .4s;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility .4s forwards;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
animation: lightbox-zoom-out .4s;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
animation: turn-off-visibility .4s forwards;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
visibility: hidden;
}
}
.wp-block-cover {
position: relative;
margin: 0 0 32px;
}
.wp-block-cover__inner-container {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
}
.wp-block-cover__inner-container p {
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0;
padding: 24px;
color: #fff;
text-align: center;
}
.wp-block-cover__inner-container p {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.wp-block-cover__inner-container p {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.wp-block-cover__inner-container p {
font-size: 48px;
}
}
.wp-block-cover img {
display: block;
}
.wp-block-buttons .wp-block-button {
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button {
margin: 0 auto 24px;
}
}
.wp-block-buttons .wp-block-button__link {
width: 100%;
max-width: 300px;
background-color: #602684;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto;
display: block;
border-radius: 0;
font-size: 12px;
border: 1px solid #602684;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button__link {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.wp-block-buttons .wp-block-button__link {
font-size: 16px;
}
}
.wp-block-buttons .wp-block-button__link:hover {
background-color: #4d1e6a;
border: 1px solid #4d1e6a;
}
.section-page-intro {
position: relative;
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.section-page-intro {
margin-bottom: 48px;
}
}
.section-page-intro.video .section-page-intro-wrapper {
display: none !important;
}
.section-page-intro img {
object-fit: cover;
aspect-ratio: 5/3;
display: block;
}
@media screen and (min-width: 720px) {
.section-page-intro img {
height: 450px;
aspect-ratio: unset;
width: 100%;
}
}
.section-page-intro-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.section-page-intro-wrapper h1 {
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
color: #fff;
font-weight: 600;
line-height: 1.1;
text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.5);
}
@media screen and (max-width: 320px) {
.section-page-intro-wrapper h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-page-intro-wrapper h1 {
font-size: 54px;
}
}
.section-page-intro.black h1 {
color: #222;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.block-image-responsive {
max-width: 1600px;
}
.block-image-responsive a {
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-image-responsive a:hover {
opacity: 0.9;
}
.block-image-responsive img {
display: block;
width: 100%;
height: auto;
}
.content-columns-wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 0 16px;
}
@media screen and (min-width: 720px) {
.content-columns-wrapper {
padding: 0 24px;
}
}
.content-columns h2 {
font-family: "Rubik", sans-serif;
font-size: 24px;
font-weight: 500;
color: #602684;
margin: 8px 0;
line-height: 1.1;
text-align: center;
}
.content-columns h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.content-columns h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.content-columns h2 {
font-size: 48px;
}
}
.content-columns p {
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #222;
}
@media screen and (min-width: 720px) {
.content-columns p {
font-size: 18px;
}
}
.content-columns p.subtitle {
text-align: center;
font-size: 18px;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.content-columns p.subtitle {
font-size: 20px;
}
}
.content-columns p strong {
font-weight: 600;
}
.content-columns p a {
font-weight: 500;
color: #602684;
text-decoration: none;
}
.content-columns .columns {
display: grid;
gap: 32px;
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-2 {
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1024px) {
.content-columns .columns.grid-2 {
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.content-columns .columns.grid-3 {
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.content-columns .columns.grid-3 {
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.content-columns .columns.grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1240px) {
.content-columns .columns.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.block-accordion {
margin: 0 auto 32px;
display: grid;
gap: 16px;
}
.block-accordion-title {
display: block;
padding: 12px 48px 12px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
position: relative;
color: #222;
background: #f4f8fb;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-accordion-title:after {
content: "\e90b";
font-family: "icomoon";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
font-size: 20px;
transition: 0.2s ease;
}
.block-accordion-title strong {
display: block;
}
.block-accordion-title small {
font-size: 14px;
line-height: 1;
font-weight: 400;
}
.block-accordion-title.active {
background: #fff;
border-radius: 4px 4px 0 0;
}
.block-accordion-title.active:after {
transform: translateY(-50%) rotate(180deg);
}
.block-accordion-title.active + .block-accordion-content {
display: block;
}
.block-accordion-title:hover {
background: #f5f5f5 !important;
color: #222;
}
.block-accordion-content {
background: #fff;
padding: 16px;
z-index: 1;
position: relative;
display: none;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
border-radius: 0 0 4px 4px;
}
.block-accordion-content img {
width: 100%;
height: auto;
}
.block-accordion-content p {
color: #222;
font-size: 16px;
line-height: 1.5;
}
.block-accordion-lecturers {
display: grid;
gap: 16px;
margin: 0 0 32px;
}
.block-accordion-lecturer {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
background: #f4f8fb;
padding: 16px;
border-radius: 4px;
}
@media screen and (min-width: 480px) {
.block-accordion-lecturer {
grid-template-columns: 90px 1fr;
}
}
@media screen and (min-width: 720px) {
.block-accordion-lecturer {
grid-template-columns: 128px 1fr;
}
}
.block-accordion-lecturer .title {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.block-accordion-lecturer img {
display: block;
border-radius: 16px;
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: auto;
}
.block-accordion-lecturer p {
margin: 8px 0;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #222;
}
.block-accordion .video-container {
margin: 32px auto;
}
.block-accordion-button {
text-align: right;
padding-top: 16px;
border-top: 1px solid #f8f8f8;
margin-top: 24px;
}
.block-accordion-button a {
width: 100%;
max-width: 300px;
background-color: #602684;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px 0;
display: inline-block;
border-radius: 0;
font-size: 12px;
border: 1px solid #602684;
}
@media screen and (min-width: 720px) {
.block-accordion-button a {
font-size: 14px;
}
}
@media screen and (min-width: 1024px) {
.block-accordion-button a {
font-size: 16px;
}
}
.block-accordion-button a:hover {
background-color: #4d1e6a;
border: 1px solid #4d1e6a;
}
.block-accordion-links {
grid-template-columns: repeat(2, 1fr);
margin: 0 auto 32px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-accordion-links {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
}
.block-accordion-links-item {
background: #fff;
padding: 0;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
border-radius: 8px;
}
.block-accordion-links-item:hover {
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
}
.block-accordion-links-item > a {
padding: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item > a {
padding: 16px;
}
}
.block-accordion-links-item img {
width: 100%;
object-fit: cover;
aspect-ratio: 1;
display: block;
border-radius: 8px;
margin: 0 0 12px;
}
.block-accordion-links-item h3 {
margin: 0 0 4px !important;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item h3 {
font-size: 18px;
}
}
.block-accordion-links-item p {
margin: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #222;
}
.block-accordion-links-item p:not(:last-child) {
margin-bottom: 12px;
}
.block-accordion-links-item p.featured {
background: #8635b9;
border-radius: 8px;
padding: 8px;
margin: 8px 0;
font-size: 16px;
font-weight: 400;
}
.block-accordion-links-item p.featured span {
cursor: pointer;
}
.block-accordion-links-item p strong {
font-weight: 600;
color: #602684;
}
.block-accordion-links-item p.link {
text-align: right;
}
.block-accordion-links-item p .read-more {
display: inline-block;
color: #602684;
font-size: 14px;
text-decoration: underline;
}
.block-accordion-links-item .front {
cursor: pointer;
}
.block-accordion-links-item .back {
visibility: hidden;
opacity: 0;
z-index: -999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-accordion-links-item .back.active {
z-index: 9999;
opacity: 1;
visibility: visible;
}
.block-accordion-links-item .back-close {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
display: block;
cursor: pointer;
}
.block-accordion-links-item .back-content {
padding: 16px 16px 32px;
position: absolute;
z-index: 2;
width: calc(100% - 32px);
max-width: 820px;
margin: 0 auto;
background: #fff;
border-radius: 8px;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content {
padding: 24px;
}
}
.block-accordion-links-item .back-content:after {
position: absolute;
bottom: 16px;
width: 100%;
height: 32px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 99%, white 100%); content: "";
z-index: 2;
left: 0;
right: 0;
display: block;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content:after {
display: none;
}
}
.block-accordion-links-item .back-content-wrapper {
max-height: 80vh;
overflow: auto;
position: relative;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content-wrapper {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
}
}
.block-accordion-links-item .back-content h3 {
font-size: 18px;
color: #602684 !important;
}
@media screen and (min-width: 720px) {
.block-accordion-links-item .back-content h3 {
margin: 16px 0 !important;
}
}
.block-accordion-links-item .back-content .block-accordion-links-item-button {
color: #602684;
text-decoration: underline;
cursor: pointer;
}
.block-accordion-links-item .back-content .block-accordion-links-item-button:hover {
text-decoration: none;
}
.block-accordion-links-item .back-content-close {
position: absolute;
top: 0;
right: 0;
border-radius: 8px;
background: #fff;
width: 32px;
line-height: 32px;
text-align: center;
cursor: pointer;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
z-index: 3;
transform: translate(25%, -25%);
}
.block-accordion-links-item .back-content-close i {
font-weight: 700;
}
.block-slider {
min-height: 200px;
max-width: 1600px;
margin: 0 auto;
position: absolute !important;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 720px) {
.block-slider {
padding: 0;
}
}
.block-slider .video-container {
padding-bottom: 75%;
}
@media screen and (min-width: 720px) {
.block-slider .video-container {
padding-bottom: 43.75%;
}
}
.block-slider-wrapper {
position: relative;
}
@media screen and (max-width: 720px) {
.block-slider-wrapper {
margin-top: 0 !important;
}
}
.block-slider-wrapper .owl-carousel-preloader {
width: 100%;
max-width: 1600px;
margin: 0 auto 48px;
padding: 0;
position: relative;
}
@media screen and (min-width: 720px) {
.block-slider-wrapper .owl-carousel-preloader {
padding: 0 24px;
}
}
.block-slider-wrapper .owl-carousel-preloader .holder {
padding-bottom: 75%;
position: relative;
}
@media screen and (min-width: 720px) {
.block-slider-wrapper .owl-carousel-preloader .holder {
padding-bottom: 43.75%;
}
}
.block-slider-wrapper .owl-carousel-preloader img {
display: block;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 8px;
position: absolute;
top: 0;
width: 100%;
height: auto;
}
@media screen and (min-width: 720px) {
.block-slider-wrapper .owl-carousel-preloader img {
aspect-ratio: 16/7;
}
}
@media screen and (min-width: 720px) {
.block-slider {
padding-bottom: 0;
}
.block-slider .owl-stage-outer {
border-radius: 8px;
}
}
.block-slider .owl-stage-outer {
padding-bottom: 8px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-stage-outer {
padding-bottom: 0;
}
}
.block-slider .owl-dots {
text-align: center;
}
@media screen and (min-width: 720px) {
.block-slider .owl-dots {
display: none;
}
}
.block-slider .owl-dots .owl-dot {
padding: 8px;
margin: 0 5px;
border-radius: 4px 0 4px 0;
}
.block-slider .owl-dots .owl-dot.active {
background-color: #602684;
}
.block-slider .owl-nav {
max-width: 2000px;
margin: 0 auto;
}
.block-slider .owl-nav button {
top: 50%;
color: #fff;
background-color: rgba(255, 255, 255, 0.5);
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0;
height: 64px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-nav button {
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (min-width: 1024px) {
.block-slider .owl-nav button {
width: 48px;
height: 120px;
}
}
.block-slider .owl-nav button:before {
color: #fff;
font-size: 24px;
vertical-align: middle;
}
.block-slider .owl-nav button:hover {
background-color: #fff;
}
.block-slider .owl-nav button:hover:before {
color: #602684;
}
.block-slider .owl-nav button.owl-prev {
left: 0;
border-radius: 0 8px 8px 0;
}
@media screen and (min-width: 720px) {
.block-slider .owl-nav button.owl-prev {
left: 24px;
}
}
.block-slider .owl-nav button.owl-next {
right: 0;
border-radius: 8px 0 0 8px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-nav button.owl-next {
right: 24px;
}
}
.block-slider-item {
display: block;
position: relative;
}
.block-slider-item.content:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
--background-overlay: '';
background-color: #fff0;
background: linear-gradient(180deg, #22232600 60%, #222326 100%);
--overlay-mix-blend-mode: initial;
z-index: 1;
display: none;
}
@media screen and (min-width: 720px) {
.block-slider-item.content:after {
display: block;
}
}
.block-slider-item-link {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: transparent;
}
.block-slider-item-link:hover ~ picture img {
transform: scale(1.05);
}
@media screen and (min-width: 720px) {
.block-slider-item-content {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 100%;
width: 100%;
top: 0;
}
}
.block-slider-item-content .container-wrapper {
z-index: 2;
border-radius: 8px;
margin: 0;
padding: 0 8px;
left: 0;
right: 0;
position: absolute;
top: unset;
bottom: 32px;
transform: none;
width: 100%;
background-color: transparent;
box-shadow: none;
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper {
left: 48px;
width: calc(100% - 48px - 48px);
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content .container-wrapper {
left: 80px;
width: calc(100% - 80px - 80px);
}
}
@media screen and (min-width: 1024px) {
.block-slider-item-content .container-wrapper {
bottom: 7.5%;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper.left p {
text-align: left;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper.center p {
text-align: center;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper.right p {
text-align: right;
}
}
.block-slider-item-content p {
margin: 0;
text-align: center;
color: #fff;
}
.block-slider-item-content p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p {
text-align: left;
}
}
.block-slider-item-content p.title {
font-weight: 400;
font-size: calc(24px + 40 * ((100vw - 320px) / 920));
line-height: 1;
font-family: "Rubik", sans-serif;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 320px) {
.block-slider-item-content p.title {
font-size: 24px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content p.title {
font-size: 64px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content p.title {
font-size: 5.2vw;
line-height: 1.25;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
}
@media screen and (min-width: 1600px) {
.block-slider-item-content p.title {
font-size: 4.2vw;
}
}
.block-slider-item-content p.description {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.description {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.block-slider-item-content p.description {
font-size: 20px;
}
}
.block-slider-item-content p.buttons {
position: relative;
z-index: 5;
}
.block-slider-item-content p.buttons .button {
display: inline-block;
width: 70%;
letter-spacing: 0.05em;
font-weight: 600;
background-color: #852890;
border-radius: 0;
border: 0;
position: relative;
line-height: 32px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
z-index: 5;
padding: 8px 24px;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.buttons .button {
width: auto;
color: #fff;
text-decoration: none;
margin-top: 24px;
}
.block-slider-item-content p.buttons .button:after {
top: 0;
position: absolute;
left: 100%;
height: 0;
width: 0;
border-left: 32px solid #fff;
border-top: 48px solid transparent;
border-right: 0;
border-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
.block-slider-item-content p.buttons .button {
padding: 12px 48px;
}
}
.block-slider-item-content p.buttons .button:hover {
background-color: #4d1e6a;
}
.block-slider-item-content p.buttons .button.black {
background-color: #000;
}
.block-slider-item-content p.buttons .button.black:hover {
background-color: #4d1e6a;
}
.block-slider-item-content p.buttons .button.white {
background-color: #fff;
color: #602684;
}
.block-slider img {
position: relative;
z-index: 0;
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s !important;
aspect-ratio: 4/3;
}
@media screen and (min-width: 720px) {
.block-slider img {
aspect-ratio: 16/7;
}
}
.wp-banners {
position: relative;
}
.wp-banners-wrapper {
display: grid;
gap: 16px;
}
.wp-banners-wrapper.columns-1 {
grid-template-columns: 1fr;
}
@media screen and (min-width: 720px) {
.wp-banners-wrapper.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.wp-banners-wrapper.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 720px) {
.wp-banners-wrapper.columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1240px) {
.wp-banners-wrapper.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 720px) {
.wp-banners-wrapper.columns-5 {
grid-template-columns: repeat(2, 1fr);
}
.wp-banners-wrapper.columns-5 .wp-banners-item:first-child {
grid-columns: span 2;
}
}
@media screen and (min-width: 1240px) {
.wp-banners-wrapper.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.wp-banners-wrapper.columns-5 .wp-banners-item:first-child {
grid-columns: span 1;
}
}
@media screen and (min-width: 720px) {
.wp-banners-wrapper.columns-6 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.wp-banners-wrapper.columns-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1240px) {
.wp-banners-wrapper.columns-6 {
grid-template-columns: repeat(6, 1fr);
}
}
.wp-banners-item a {
position: relative;
display: block;
overflow: hidden;
border-radius: 8px;
}
.wp-banners-item a:hover img {
transform: scale(1.05);
}
.wp-banners-item img {
display: block;
object-fit: cover;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
}
.wp-banners-item img.theme {
aspect-ratio: 16/9 !important;
}
.wp-banners-item img.unset {
aspect-ratio: unset;
} .owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
color: inherit;
border: none;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//tehnocentar.hr/wp-content/themes/tehnocentar/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .single-owl-slider.owl-carousel {
background-position: center;
background-repeat: no-repeat;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/loader.svg);
}
@media screen and (min-width: 1600px) {
.single-owl-slider.owl-carousel {
min-height: 600px;
}
}
.single-owl-slider.owl-carousel .owl-item {
overflow: hidden;
}
.single-owl-slider.owl-carousel img {
aspect-ratio: 11/16;
object-fit: cover;
width: 100%;
display: block;
}
@media screen and (min-width: 520px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 1;
}
}
@media screen and (min-width: 640px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 16/9;
}
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 12/5;
}
}
.single-owl-slider.owl-carousel .owl-item-info {
position: absolute;
bottom: 48px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
padding: 24px;
z-index: 2;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 48px;
}
}
@media screen and (min-width: 1240px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 64px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 32px;
line-height: 48px;
font-weight: 400;
color: #fff;
font-family: "Rubik", sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 8px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 40px;
line-height: 64px;
margin: 0 0 24px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 48px;
line-height: 64px;
margin: 0 0 32px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 small {
font-size: 50%;
line-height: 1;
font-weight: 700;
display: block;
font-family: "Rubik", sans-serif;
}
.single-owl-slider.owl-carousel .owl-item-info a {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.33);
text-decoration: none;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 100px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
min-width: 120px;
border: 2px solid #fff;
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info a {
min-width: 160px;
padding: 12px 48px;
font-size: 16px;
}
}
.single-owl-slider.owl-carousel .owl-item-info a:hover {
background-color: #260f35;
}
.single-owl-slider.owl-carousel .owl-nav button {
display: block;
position: absolute;
z-index: 1;
top: 0;
width: 48px;
height: 100%;
background: rgba(0, 0, 0, 0);
color: #fff;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
opacity: 1;
outline: none;
transform: none;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button {
width: 25%;
}
}
.single-owl-slider.owl-carousel .owl-nav button:before, .single-owl-slider.owl-carousel .owl-nav button:after {
display: none;
}
.single-owl-slider.owl-carousel .owl-nav button span {
font-size: 0;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 36px;
background-repeat: no-repeat;
background-size: auto 36px;
background-position: center;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button span {
width: 37px;
height: 72px;
background-size: auto 72px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-nav button span {
opacity: 0;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev {
left: 0;
cursor: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/arrow-left.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/arrow-left.png);
left: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
left: 32px;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next {
right: 0;
cursor: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/arrow-right.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/arrow-right.png);
right: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
right: 32px;
}
}
.single-owl-slider.owl-carousel .owl-dots {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots {
bottom: 48px;
}
}
.single-owl-slider.owl-carousel .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
border: 1px solid #8635b9;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots button {
width: 10px;
height: 10px;
}
}
.single-owl-slider.owl-carousel .owl-dots button:hover {
background-color: #732e9e;
}
.single-owl-slider.owl-carousel .owl-dots button.active {
background-color: #602684;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
padding: 8px;
border-radius: 32px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background-color: white;
text-align: center;
border: 2px solid rgba(0, 0, 0, 0.05) !important;
}
.owl-nav button span {
display: none;
}
.owl-nav button:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
color: #602684;
}
.owl-nav button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.owl-nav button.owl-prev {
left: 8px;
transform: translateY(-50%);
}
.owl-nav button.owl-prev:before {
content: "\e90c";
}
.owl-nav button.owl-next {
right: 8px;
}
.owl-nav button.owl-next:before {
content: "\e90d";
}
.owl-nav button.disabled {
pointer-events: none;
opacity: 0.25;
}
.owl-nav button .arrow {
cursor: pointer;
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-100%) translateY(-50%);
transition: transform .1s;
width: 16px;
}
.owl-nav button .arrow-top, .owl-nav button .arrow-bottom {
background-color: #602684;
height: 2px;
left: -5px;
position: absolute;
top: 50%;
width: 100%;
}
.owl-nav button .arrow-top:after, .owl-nav button .arrow-bottom:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
transition: all 0.15s;
}
.owl-nav button .arrow-top {
transform: rotate(45deg);
transform-origin: bottom right;
}
.owl-nav button .arrow-top:after {
left: 100%;
right: 0;
transition-delay: 0s;
}
.owl-nav button .arrow-bottom {
transform: rotate(-45deg);
transform-origin: top right;
}
.owl-nav button .arrow-bottom:after {
left: 0;
right: 100%;
transition-delay: 0.15s;
}
@media screen and (min-width: 720px) {
.owl-nav button .arrow:hover .arrow-top:after {
left: 0;
transition-delay: 0.15s;
}
.owl-nav button .arrow:hover .arrow-bottom:after {
right: 0;
transition-delay: 0s;
}
}
.owl-nav button .arrow:active {
transform: translateX(100%) translateY(-50%) scale(0.9);
}
.owl-nav button .arrow:active .arrow-top,
.owl-nav button .arrow:active .arrow-bottom {
background-color: #602684;
}
@font-face {
font-family: 'icomoon';
src: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/fonts/icomoon_v2.eot);
src: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/fonts/icomoon_v2.eot#iefix) format("embedded-opentype"), url(https://tehnocentar.hr/wp-content/themes/tehnocentar/fonts/icomoon_v2.ttf) format("truetype"), url(https://tehnocentar.hr/wp-content/themes/tehnocentar/fonts/icomoon_v2.woff) format("woff"), url(https://tehnocentar.hr/wp-content/themes/tehnocentar/fonts/icomoon_v2.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon', 'Icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alert-circle:before {
content: "\e900";
}
.icon-alert-octagon:before {
content: "\e901";
}
.icon-alert-triangle:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e905";
}
.icon-arrow-up:before {
content: "\e906";
}
.icon-at-sign:before {
content: "\e907";
}
.icon-check:before {
content: "\e908";
}
.icon-check-circle:before {
content: "\e909";
}
.icon-check-square:before {
content: "\e90a";
}
.icon-chevron-down:before {
content: "\e90b";
}
.icon-chevron-left:before {
content: "\e90c";
}
.icon-chevron-right:before {
content: "\e90d";
}
.icon-chevron-up:before {
content: "\e90e";
}
.icon-chevrons-left:before {
content: "\e90f";
}
.icon-chevrons-right:before {
content: "\e910";
}
.icon-circle:before {
content: "\e911";
}
.icon-edit:before {
content: "\e912";
}
.icon-external-link:before {
content: "\e913";
}
.icon-facebook:before {
content: "\e914";
}
.icon-filter:before {
content: "\e915";
}
.icon-folder:before {
content: "\e916";
}
.icon-gift:before {
content: "\e917";
}
.icon-heart:before {
content: "\e918";
}
.icon-help-circle:before {
content: "\e919";
}
.icon-image:before {
content: "\e91a";
}
.icon-instagram:before {
content: "\e91b";
}
.icon-linkedin:before {
content: "\e91c";
}
.icon-log-in:before {
content: "\e91d";
}
.icon-log-out:before {
content: "\e91e";
}
.icon-mail:before {
content: "\e91f";
}
.icon-map:before {
content: "\e920";
}
.icon-map-pin:before {
content: "\e921";
}
.icon-message-circle:before {
content: "\e922";
}
.icon-message-square:before {
content: "\e923";
}
.icon-pause-circle:before {
content: "\e924";
}
.icon-phone:before {
content: "\e925";
}
.icon-phone-call:before {
content: "\e926";
}
.icon-play-circle:before {
content: "\e927";
}
.icon-search:before {
content: "\e928";
}
.icon-send:before {
content: "\e929";
}
.icon-shopping-bag:before {
content: "\e92a";
}
.icon-shopping-cart:before {
content: "\e92b";
}
.icon-sliders:before {
content: "\e92c";
}
.icon-thumbs-up:before {
content: "\e92d";
}
.icon-trash:before {
content: "\e92e";
}
.icon-trash-2:before {
content: "\e92f";
}
.icon-twitter:before {
content: "\e930";
}
.icon-user:before {
content: "\e931";
}
.icon-volume-2:before {
content: "\e932";
}
.icon-volume-x:before {
content: "\e933";
}
.icon-x:before {
content: "\e934";
}
.icon-x-circle:before {
content: "\e935";
}
.icon-zoom-in:before {
content: "\e936";
}
.icon-zoom-out:before {
content: "\e937";
}
.icon-menu:before {
content: "\e938";
}
.icon-file-picture:before {
content: "\e939";
}
.icon-file-video:before {
content: "\e93a";
}
.icon-sphere:before {
content: "\e9c9";
}
.icon-earth:before {
content: "\e9ca";
}
.icon-file-pdf:before {
content: "\eadf";
}
.icon-file-word:before {
content: "\eae1";
}
.icon-wrench:before {
content: "\e991";
}
.icon-equalizer:before {
content: "\e992";
}
.icon-equalizer2:before {
content: "\e993";
}
.icon-cog:before {
content: "\e994";
}
.icon-hammer:before {
content: "\e996";
}
.icon-aid-kit:before {
content: "\e998";
}
body .algolia-autocomplete {
z-index: 9999999999 !important;
}
body .algolia-autocomplete .aa-suggestion .suggestion-post-thumbnail {
min-width: 50px;
min-height: 50px;
height: auto;
}
body .algolia-autocomplete .aa-suggestion .suggestion-post-title {
text-transform: uppercase;
}
body .brevo-form {
background-color: #602684;
color: #fff;
padding: 32px 0;
}
@media screen and (min-width: 1024px) {
body .brevo-form {
padding: 48px 0;
}
}
body .brevo-form.footer {
margin-top: 0 !important;
margin-bottom: -48px !important;
}
body .brevo-form-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
align-items: center;
}
@media screen and (min-width: 1024px) {
body .brevo-form-wrapper {
grid-template-columns: 3fr 2fr;
gap: 24px;
}
}
body .brevo-form-title {
color: #222;
font-weight: 500;
text-align: left;
margin: 0 auto 16px;
font-family: "Rubik", sans-serif;
font-size: 24px;
max-width: 1600px;
margin-bottom: 8px;
font-weight: 600;
color: #fff;
}
body .brevo-form-title {
font-size: 24px;
}
@media screen and (min-width: 360px) {
body .brevo-form-title {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
body .brevo-form-title {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
body .brevo-form-title {
margin-bottom: 24px;
}
}
body .brevo-form-title small {
font-size: 40%;
display: block;
font-family: "Rubik", sans-serif;
font-weight: 400;
color: #000;
text-transform: none;
}
body .brevo-form-title small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
body .brevo-form-title small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
body .brevo-form-title small {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
body .brevo-form-title {
margin-bottom: 8px;
}
}
body .brevo-form-description {
font-weight: 500;
font-size: 14px;
max-width: 580px;
}
@media screen and (min-width: 720px) {
body .brevo-form-description {
font-size: 16px;
}
}
body .brevo-form-fields form#sib_signup_form_1 p.sib-alert-message-success {
border-radius: 16px !important;
text-align: center;
}
body .brevo-form-fields .sib_signup_box_inside_1 {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
align-items: center;
}
@media screen and (min-width: 1024px) {
body .brevo-form-fields .sib_signup_box_inside_1 {
grid-template-columns: 3fr 2fr;
gap: 0;
}
}
body .brevo-form-fields .sib_msg_disp {
order: 10;
}
@media screen and (min-width: 1024px) {
body .brevo-form-fields .sib_msg_disp {
grid-column: span 2;
}
}
body .brevo-form-fields .sib_loader {
text-align: center;
margin: 0 0 8px;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/loader_white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
body .brevo-form-fields .sib_loader img {
opacity: 0;
width: 24px;
height: 24px;
}
body .brevo-form-fields .sib-email-area input {
height: 40px;
line-height: 40px;
font-size: 16px;
display: block;
border: 0;
width: 100%;
padding: 0 16px;
border-radius: 24px 0 0 24px;
}
@media screen and (min-width: 1024px) {
body .brevo-form-fields .sib-email-area input {
height: 48px;
padding: 0 24px;
line-height: 48px;
}
}
body .brevo-form-fields .sib-submit-area input {
height: 40px;
line-height: 40px;
font-size: 16px;
display: block;
border: 0;
width: 100%;
border-radius: 0 24px 24px 0;
background-color: #3a174f;
color: #fff;
font-weight: 600;
text-align: center;
padding: 0 8px;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 1024px) {
body .brevo-form-fields .sib-submit-area input {
height: 48px;
line-height: 48px;
}
}
body .brevo-form-fields .sib-submit-area input:hover {
background-color: rgba(0, 0, 0, 0.75);
}
.single-post .storefront-breadcrumb {
display: none;
}
.single-post article.type-post .entry-header {
margin: 24px 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.single-post article.type-post .entry-header {
margin: 32px 0;
}
}
.single-post article.type-post .entry-header span {
color: #777;
}
.single-post article.type-post .entry-header span a {
color: #777;
text-decoration: none;
}
.single-post article.type-post .entry-header .entry-title {
margin: 0 auto;
text-align: center;
color: #602684;
}
.single-post article.type-post .entry-content {
margin: 0 auto;
max-width: 1024px;
}
.single-post article.type-post .entry-content > img.wp-post-image {
display: block;
aspect-ratio: 16/9;
object-fit: cover;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.single-post article.type-post .entry-content > img.wp-post-image {
aspect-ratio: 2/1;
}
}
.single-post article.type-post .entry-content h2, .single-post article.type-post .entry-content h3, .single-post article.type-post .entry-content h4, .single-post article.type-post .entry-content h5, .single-post article.type-post .entry-content h6 {
max-width: 720px;
font-weight: 600;
color: #000;
margin: 32px auto 24px;
}
@media screen and (min-width: 720px) {
.single-post article.type-post .entry-content h2, .single-post article.type-post .entry-content h3, .single-post article.type-post .entry-content h4, .single-post article.type-post .entry-content h5, .single-post article.type-post .entry-content h6 {
margin: 48px auto 24px;
}
}
.single-post article.type-post .entry-content h2 strong, .single-post article.type-post .entry-content h3 strong, .single-post article.type-post .entry-content h4 strong, .single-post article.type-post .entry-content h5 strong, .single-post article.type-post .entry-content h6 strong {
font-weight: 600;
}
.single-post article.type-post .entry-content p {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
margin: 24px auto;
color: #000;
}
@media screen and (min-width: 720px) {
.single-post article.type-post .entry-content p {
font-size: 18px;
}
}
.single-post article.type-post .entry-content p strong {
font-weight: 600;
}
.single-post article.type-post .entry-content p a {
font-weight: 500;
text-decoration: none;
}
.single-post article.type-post .entry-content figure {
text-align: center;
}
.single-post article.type-post .entry-content figure img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.single-post article.type-post .entry-content figure figcaption {
font-size: 14px;
line-height: 1.5;
color: #000;
letter-spacing: 0.025em;
font-style: italic;
}
@media screen and (min-width: 720px) {
.single-post article.type-post .entry-content figure figcaption {
font-size: 16px;
}
}
body.blog .storefront-breadcrumb,
.archive.category .storefront-breadcrumb {
display: none;
}
.blog-header {
text-align: center;
font-size: 0;
line-height: 1.5;
}
.blog-header span {
line-height: 1.5;
display: block;
letter-spacing: 0.05em;
color: #602684;
}
.blog-header span {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.blog-header span {
font-size: calc(24px + 40 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.blog-header span {
font-size: 64px;
}
}
.blog-header-wrapper {
position: relative;
margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
.blog-header-wrapper {
margin-bottom: 48px;
}
}
.blog-header-wrapper img {
display: block;
height: 200px;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 1024px) {
.blog-header-wrapper img {
height: 320px;
}
}
.blog-header-wrapper h1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
text-align: center;
width: 100%;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
z-index: 2;
}
.blog-header-wrapper h1 span {
color: #fff;
}
.blog-header-wrapper:before {
z-index: 1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
.blog-header > h1 {
padding: 32px 0;
}
.blog-news-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.blog-news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.blog-news-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.blog-news-grid .blog-news-post {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
font-size: 14px;
line-height: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.blog-news-grid .blog-news-post-thumb {
display: block;
overflow: hidden;
}
.blog-news-grid .blog-news-post img {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
aspect-ratio: 16/9;
}
.blog-news-grid .blog-news-post:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
}
.blog-news-grid .blog-news-post:hover img {
transform: scale(1.025);
}
.blog-news-grid .button.read-more {
width: 100%;
background-color: #602684;
background-position: center;
background-image: url(https://tehnocentar.hr/wp-content/themes/tehnocentar/images/add-to-cart-loader.svg);
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
padding: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 24px auto 0;
display: block;
border-radius: 0;
font-size: 12px;
border: 1px solid #602684;
z-index: 2;
max-width: 200px;
position: relative;
}
@media screen and (min-width: 720px) {
.blog-news-grid .button.read-more {
font-size: 14px;
}
}
.blog-news-grid .button.read-more:hover {
background-color: #4d1e6a;
border: 1px solid #4d1e6a;
}
.blog-navigation ul.page-numbers {
display: block;
list-style-type: none;
text-align: center;
padding: 32px 0 0;
margin: 48px 0 0;
border-top: 1px solid #8635b9;
}
@media screen and (min-width: 720px) {
.blog-navigation ul.page-numbers {
padding: 48px 0 0;
margin: 48px 0 0;
}
}
.blog-navigation ul.page-numbers li {
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
border: 1px solid #602684;
border-radius: 4px;
background-color: #fff;
padding: 8px;
min-width: 32px;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
font-size: 14px;
min-width: 40px;
line-height: 22px;
}
}
@media screen and (min-width: 1024px) {
.blog-navigation ul.page-numbers li a,
.blog-navigation ul.page-numbers li span {
font-size: 16px;
}
}
.blog-navigation ul.page-numbers li span.current {
color: #fff;
background: #602684;
font-weight: 700;
}
.blog-navigation ul.page-numbers li span.page-numbers.dots {
border: 0;
}
.blog-navigation ul.page-numbers li a:hover {
color: #fff;
background: #602684;
}