.slide-in {
-webkit-animation: slide-in .5s cubic-bezier(.25, .460, .45, .940) both;
animation: slide-in .5s cubic-bezier(.25, .460, .45, .940) both
}
@-webkit-keyframes slide-in {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes slide-in {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.scale {
-webkit-animation: scale .4s cubic-bezier(.39, .575, .565, 1) both;
animation: scale .4s cubic-bezier(.39, .575, .565, 1) both
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%
}
}
@keyframes scale {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%
}
}
.shadow {
-webkit-animation: shadow .4s cubic-bezier(.25, .460, .45, .940) both;
animation: shadow .4s cubic-bezier(.25, .460, .45, .940) both
}
@-webkit-keyframes shadow {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35)
}
}
@keyframes shadow {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
100% {
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35)
}
}
.fade {
-webkit-animation: fade 1.2s cubic-bezier(.39, .575, .565, 1) both;
animation: fade 1.2s cubic-bezier(.39, .575, .565, 1) both
}
@-webkit-keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.text-animation-1 {
-webkit-animation: text-animation-1 .7s cubic-bezier(.215, .61, .355, 1) both;
animation: text-animation-1 .7s cubic-bezier(.215, .61, .355, 1) both
}
@-webkit-keyframes text-animation-1 {
0% {
letter-spacing: -.5em;
opacity: 0
}
40% {
opacity: .6
}
100% {
opacity: 1
}
}
@keyframes text-animation-1 {
0% {
letter-spacing: -.5em;
opacity: 0
}
40% {
opacity: .6
}
100% {
opacity: 1
}
}
.text-animation-2 {
-webkit-animation: text-animation-2 .6s both;
animation: text-animation-2 .6s both
}
@-webkit-keyframes text-animation-2 {
0% {
text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}
100% {
text-shadow: 0 0 18px rgba(0, 0, 0, .35)
}
}
@keyframes text-animation-2 {
0% {
text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}
100% {
text-shadow: 0 0 18px rgba(0, 0, 0, .35)
}
}
.bounce {
-webkit-animation: bounce .9s both;
animation: bounce .9s both
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
}
.background {
-webkit-animation: background 8s linear infinite alternate both;
animation: background 8s linear infinite alternate both
}
@-webkit-keyframes background {
0% {
background: #7b8776
}
25% {
background: #829875
}
50% {
background: #87706a
}
75% {
background: #E5C3B2
}
100% {
background: #EFE5E1
}
}
@keyframes background {
0% {
background: #7b8776
}
25% {
background: #85937d
}
50% {
background: #87706a
}
75% {
background: #E5C3B2
}
100% {
background: #EFE5E1
}
} .image-animation-from-bottom,
.image-animation-from-top,
.image-animation-from-left,
.image-animation-from-right {
position: relative;
overflow: hidden;
transition: 1s cubic-bezier(0.3, 0, 0, 1);
}
.image-animation-from-bottom {
clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.image-animation-from-bottom:not(.scrolled-to) {
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.image-animation-from-top {
clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.image-animation-from-top:not(.scrolled-to) {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.image-animation-from-left {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.image-animation-from-left:not(.scrolled-to) {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.image-animation-from-right {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.image-animation-from-right:not(.scrolled-to) {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.image-animation-from-bottom:not(.scrolled-to) img,
.image-animation-from-top:not(.scrolled-to) img,
.image-animation-from-left:not(.scrolled-to) img,
.image-animation-from-right:not(.scrolled-to) img {
transform: scale(1.2);
}
.image-animation-from-bottom img,
.image-animation-from-top img,
.image-animation-from-left img,
.image-animation-from-right img {
transform-origin: 50% 100%;
transition: transform 1.8s cubic-bezier(0.3, 0, 0, 1)!important;
transform: scale(1);
}
.animate-from-top,
.animate-from-bottom,
.animate-from-left,
.animate-from-right {
overflow: hidden;
}
.animate-from-top > *,
.animate-from-bottom > *,
.animate-from-left > *,
.animate-from-right > * {
transition: 1.1s cubic-bezier(0.2, 0, 0.05, 0.95);
will-change: opacity;
}
.animate-from-top > a,
.animate-from-bottom > a,
.animate-from-top > p,
.animate-from-bottom > p,
.animate-from-left > p,
.animate-from-right > p,
.animate-from-left > a,
.animate-from-right > a {
display: block;
}
.animate-from-top:not(.scrolled-to) > *,
.animate-from-bottom:not(.scrolled-to) > *,
.animate-from-right:not(.scrolled-to) > *,
.animate-from-left:not(.scrolled-to) > * {
opacity: 0;
}
.animate-from-top:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-bottom:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-right:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-left:not(.scrolled-to) > * .js-animate--visible > * {
opacity: 1;
}
.animate-from-top:not(.scrolled-to) > * {
translate: 0 -100%;
}
.animate-from-bottom:not(.scrolled-to) > * {
translate: 0 100%;
}
.animate-from-right:not(.scrolled-to) > * {
translate: 100% 0;
}
.animate-from-left:not(.scrolled-to) > * {
translate: -100% 0;
} body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-animation: fadein 0.7s;
-moz-animation: fadein 0.7s;
-ms-animation: fadein 0.7s;
-o-animation: fadein 0.7s;
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0.01; }
to   { opacity: 1; }
} @-moz-keyframes fadein {
from { opacity: 0.01; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0.01; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0.01; }
to   { opacity: 1; }
} @-o-keyframes fadein {
from { opacity: 0.01; }
to   { opacity: 1; }
}
body.sticky-header-active {
padding-top: 160px;
} a {
-webkit-box-shadow: currentColor 0 2px 0;
-moz-box-shadow: currentColor 0 2px 0;
box-shadow: currentColor 0 2px 0;
text-decoration: none;
text-decoration: none;
transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a:hover,
a:focus {
-webkit-box-shadow: currentColor 0 4px 0;
-moz-box-shadow: currentColor 0 4px 0;
box-shadow: currentColor 0 4px 0;
}
a:active {
text-decoration: none;
}
.wp-block-site-title a,
.wp-block-post-featured-image a,
.is-style-basti-post-title-border a,
.is-style-basti-post-date-border a,
.wp-block-button__link,
.wp-block-button__link:hover,
figure a:hover,
a.custom-logo-link,
.wc-block-cart-item__image a {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
input#submit {
background-color: var(--wp--preset--color--foreground);
border-radius: 1rem;
}
figure {
margin-top: 0;
}
.wp-block-image a,
.wp-block-image a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}  .wp-block-woocommerce-customer-account a:hover, 
.wp-block-woocommerce-customer-account a {
box-shadow: none;
}
.wp-block-navigation .wp-block-navigation-item__content {
padding: .5em .8em;
position: relative;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
border: 1px solid transparent
}
.wp-block-navigation .has-child>.wp-block-navigation__submenu-container {
transition: opacity .25s ease, transform .5s all;
transform: translateY(15px)
}
.wp-block-navigation__container>.wp-block-navigation-item>a {
line-height: 2.5;
position: relative
}
.wp-block-navigation-item.current-menu-item > a {
font-weight: 700;
}
.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
height: 2px;
width: 0;
transition: width .5s;
background-color: currentColor
}
.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:hover:after {
width: 100%
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item:first-child>.wp-block-navigation-item__content {
margin-top: .5em
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item:last-child>.wp-block-navigation-item__content {
margin-bottom: .5em
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content:hover {
transform: translateX(5px)
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
z-index: 10;
}
span.wc-block-mini-cart__amount {
display: none;
}
.wc-block-mini-cart__badge {
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.animated-searchbox{
width: 0;
margin: auto;
transition: 0.4s;
}
.animated-searchbox input {
min-width: 100%;
padding: 0!important;
}
.animated-searchbox .wp-block-searchinside-wrapper {
padding: 0!important;
border-width: 0!important;
}
.animated-searchbox:hover {
width: 100%;
cursor: pointer;
}
.animated-searchbox:hover .wp-block-search__inside-wrapper  {
background: #fff;
border-width: 1px!important;
padding: 4px!important;
position: relative;
z-index: 1;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0.5em 0.5em;
background: none;
color: var(--wp--preset--color--foreground);
font-size: 20px;
}
@media only screen and (max-width: 482px) {
.wp-block-navigation__container {
justify-content: start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items: flex-start;
}
}
@media only screen and (max-width: 962px) {
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-start;
--navigation-layout-justify: flex-start;
}
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: block;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
}
@media (max-width:960px) {
.wp-block-navigation__responsive-container-close {
top: 50px;
right: 20px;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
transition: transform .4s all, opacity .4s all;
transform: translateY(-35px);
opacity: 0;
transition-delay: .2s;
font-size: 20px;
width: 90%
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
transform: translateY(0);
opacity: 1;
gap: 20px;
padding: 0 0 0 40px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
font-size: .9em;
gap: 15px;
padding: 0 30px 24px 30px;
position: relative
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container:before {
content: "↑";
position: absolute;
left: 0;
top: 10px
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a,
.wp-block-navigation .wp-block-navigation-item {
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
min-width: 100%;
width: 100%;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
overflow-x: hidden;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items: flex-start;
}
}
@media (min-width:962px) {
.wp-block-navigation .has-child:hover>.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-container {
box-shadow: 0 20px 40px -5px rgb(15 16 18 / 18%);
transform: translateY(0)
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
margin-right: .7em
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container {
flex-direction: row
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li {
max-width: 250px;
display: block;
min-width: 250px
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li button {
display: none
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>a {
font-weight: var(--wp--custom--font-weight--bold, 700);
margin: 5px 0 0 0 !important
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>a:hover {
transform: translateX(0) !important
}
[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>ul {
position: static;
visibility: visible;
opacity: .9;
font-size: .9em;
width: auto;
height: auto;
display: block;
box-shadow: none !important;
transform: translateY(0) !important
}
.sticky-header {
top: 0;
background: var(--wp--preset--color--background);
width: 100%;
padding: 0;
left: 0%;
right: 0%;
position: fixed;
z-index: 9999;
}
ul.wp-block-navigation__submenu-container.is-style-mega-menu {
padding: 10px 25px;
}
ul.wp-block-navigation__submenu-container.is-style-mega-menu a.wp-block-navigation-item__content {
padding: 5px 0;
}
}
.wp-block-navigation__responsive-container-close {
transition: transform .3s ease-in-out;
opacity: .8
}
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container-close:hover {
transform: rotate(90deg);
opacity: 1
} .wp-block-search__button,
.wp-block-file .wp-block-file__button {
background-color: var(--wp--preset--color--primary);
border-radius: 0;
border: none;
color: var(--wp--preset--color--background);
font-size: var(--wp--preset--typography--font-size--normal);
padding: calc(.667em + 2px) calc(1.333em + 2px);
} .wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
transition: all .3s linear;
-webkit-transition: all .3s linear;
} 
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
opacity: 0.90;
}
.is-style-outline a.wp-block-button__link:hover,
.is-style-fill a.wp-block-button__link:hover,
a.wp-block-button__link.has-background:hover {
margin-left: 5px;
} .wp-block-separator {
opacity: 1;
}
.wp-block-separator.has-background:not(.is-style-dots) {
height: 2px;
}
.wp-block-separator.is-style-default {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 2px;
}
.wp-block-post-comments {
padding-top: 0;
}  .basti-color-me-in {
background: linear-gradient(189deg, #E5C3B2, #EFE5E1, #FBF2EE, #D4CBC7);
background-size: 800% 800%;
-webkit-animation: AnimationName 5s ease infinite;
-moz-animation: AnimationName 5s ease infinite;
-o-animation: AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.header-sticky {
background-color: var(--wp--preset--color--background);
width: 100%;
max-width: 100%;
padding: 0;
position: fixed;
z-index: 999;
top: 0;
}
.bring-to-front {
position: relative;
z-index: 10;
}
.image-center-position {
margin: 0!important;
}
.is-style-angled .wp-block-cover__image-background, 
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0,30% 0,50% 100%,0 100%);
clip-path: polygon(0 0,30% 0,50% 100%,0 100%);
z-index: 1;
}
.wp-block-cover-image.is-position-center-right, 
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end;
}
.rotate-270 {
transform: rotate(-90deg) translate(-50%,0);
transform-origin: 0 0;
display: inline-table;
}
.wp-block-cover.basti-header-on-image-background {
align-items: start;
}
.wp-block-cover.basti-header-on-image-background .wp-block-navigation__container a,
.wp-block-cover.basti-header-on-image-background .wp-block-navigation__responsive-container-close, 
.wp-block-cover.basti-header-on-image-background .wp-block-navigation__responsive-container-open {
color: var(--wp--preset--color--background);
}
.wp-block-cover.basti-header-on-image-background .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: var(--wp--preset--color--background);
}
.wp-block-cover.basti-header-on-image-background .wp-block-navigation__container a:hover {
color: var(--wp--preset--color--background);
opacity: .5;
}
.wp-block-cover.basti-header-on-image-background .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.wp-block-cover.basti-header-on-image-background .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.wp-block-cover.basti-header-on-image-background .wp-block-separator.is-style-dots:before {
font-size: 3em;
letter-spacing: .5em;
padding-left: 1em;
}
.is-style-basti-shadow,
.is-style-basti-post-excerpt-border-shadow {
box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
}
.is-style-basti-shadow-rounded {
border-radius: 100%;
box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
}
.is-style-basti-hover-shadow {
transition: box-shadow 0.5s;
}
.is-style-basti-hover-shadow:hover {
box-shadow: 0 3px 10px 0 rgb(15 16 18 / 20%), 0 12px 30px 0 rgb(15 16 18 / 20%);
}
.is-style-basti-border,
.is-style-basti-post-excerpt-border-shadow,
.is-style-basti-post-excerpt-border {
border: 2px solid;
}
.is-style-basti-post-excerpt-border-shadow,
.is-style-basti-post-excerpt-border {
padding: 10%;
}
.basti-button-shadow .wp-block-button__link {
box-shadow: 5px 5px 0 currentColor;
transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.is-style-basti-button-shadow-outline .wp-block-button__link,
.news-marketplace .wp-block-post-excerpt__more-link {
background-color: transparent;
color: currentColor;
border: 2px solid;
box-shadow: 5px 5px 0 currentColor;
transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.news-marketplace .wp-block-post-excerpt__more-link {
padding: 5px 15px;
}
.basti-button-shadow .wp-block-button__link:hover,
.is-style-basti-button-shadow-outline .wp-block-button__link:hover,
.news-marketplace .wp-block-post-excerpt__more-link:hover {
box-shadow: 0 0 0 currentColor;
}
.is-style-basti-3d-button-light .wp-block-button__link {
background: var(--wp--preset--color--senary);
color: var(--wp--preset--color--foreground);
box-shadow: 0px 2px 4px rgba(38, 23, 14, 0.1), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #f1d9cd;
}
.is-style-basti-3d-button-dark .wp-block-button__link,
.news-yoga .wp-block-post-excerpt__more-link {
background: var(--wp--preset--color--quinary);
color: var(--wp--preset--color--foreground);
box-shadow: 0px 2px 4px rgba(66, 44, 35, 0.2), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgba(111, 81, 58, 0.5);
transition: all .3s ease;
}
.news-yoga .wp-block-post-excerpt__more-link {
border-radius: 13px;
padding-top: 5px;
padding-right: 13px;
padding-bottom: 5px;
padding-left: 13px;
}
.news-outdoors .wp-block-post-excerpt__more-link {
border: 1px solid;
border-radius: 13px;
padding: 3px 10px;
transition: all .3s ease;
}
.news-outdoors .wp-block-post-excerpt__more-link:hover {
margin-left: 5px;
}
.is-style-basti-button-line-light .wp-block-button__link,
.wp-block-post-excerpt__more-link {
background: transparent;
color: currentColor;
transition: all .3s ease;
display: inline-block;
box-shadow: 0 -9px var(--wp--preset--color--quaternary) inset;
}
.is-style-basti-button-line-light .wp-block-button__link:hover,
.wp-block-post-excerpt__more-link:hover {
box-shadow: 0 -50px 0 0 var(--wp--preset--color--quaternary) inset;
}
.news-yoga .wp-block-post-excerpt__more-link:hover {
background: var(--wp--preset--color--quinary);
box-shadow: 0px 2px 4px rgba(66, 44, 35, 0.2), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgba(111, 81, 58, 0.5);
opacity: .9;
}
.is-style-basti-button-line-dark .wp-block-button__link {
background: transparent;
color: currentColor;
transition: all .3s ease;
display: inline-block;
box-shadow: 0 -9px var(--wp--preset--color--foreground) inset;
}
.is-style-basti-button-line-dark .wp-block-button__link:hover {
color: var(--wp--preset--color--quaternary)!important;
box-shadow: 0 -50px 0 0 var(--wp--preset--color--foreground) inset;
}
.basti-grid-post .wp-block-column {
position: relative;
}
.basti-grid-post .wp-block-post-date.has-small-font-size {
bottom: 78px;
left: 0;
position: absolute;
padding: 5px 10px;
margin: 0;
display: inline-block;
}
.basti-grid-post figure.wp-block-post-featured-image {
box-shadow: 10px 10px 0 currentColor;
transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.basti-grid-post figure.wp-block-post-featured-image:hover {
box-shadow: 0 0 0 currentColor;
}
.basti-list-post figure.wp-block-post-featured-image,
.basti-right-sidebar figure.wp-block-post-featured-image {
margin: 0;
}
.basti-list-post .wp-block-post-date {
margin-top: 10px;
}
.basti-list-post .wp-block-post-excerpt__more-link {
display: inline-block;
border: 2px solid;
box-shadow: 3px 3px 0 currentColor;
text-decoration: none;
padding: 0 5px;
transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.basti-list-post .wp-block-post-excerpt__more-link:hover {
box-shadow: 0 0 0 currentColor;
}
.basti-list-post .wp-block-post-template {
max-width: 100%!important;
}
.basti-text-margin {
margin: 0 0 -10px 0!important;
}
.basti-header-background {
margin-bottom: -25px;
}
.basti-footer-background {
margin-top: -30px;
}
.basti-about-1 .basti-negative-margin {
margin-left: -50px;
position: relative;
z-index: 0;
}
.basti-about-1  .wp-block-column figure {
z-index: 2;
position: relative;
}
.basti-about-1 .rotate {
position: relative;
top: 100px;
}
.basti-rating,
.basti-date {
margin: -5px 0 0px 0!important;
}
.basti-negative-margin-top {
margin-top: -10px!important;
}
.basti-negative-space-top {
margin-top: -100px!important;
}
.basti-testimonial-author {
margin-top: 15px!important;
}
.basti-bottom {
top: -100px;
right: -10px;
position: relative;
}
.basti-top {
bottom: -80px;
position: relative;
z-index: 2;
}
.basti-testimonials-1 .basti-negative-margin {
margin-top: 0;
}
.basti-sale-button-margin {
margin-top: -20px!important;
}
.basti-quote-mark {
margin-bottom: -40px!important;
}
.basti-testimonials-5 .basti-quote-mark {
margin-bottom: -90px!important;
left: 5%!important;
position: relative;
}
.basti-pricing-table ul,
.basti-pricing-table-5 ul {
padding: 0;
}
.basti-pricing-table ul li,
.basti-pricing-table-5 ul li {
list-style: none;
}
.basti-pricing-table-5 ul li {
text-align: center;
}
.basti-bottom-date {
display: inline;
top: 43px;
padding: 20px;
position: relative;
z-index: 1;
}
.custom-cover:hover .custom-image {
opacity: 1;
cursor: crosshair;
}
.custom-image {
margin: 0;
opacity: 0;
transition: 0.3s ease-in-out;
}
.custom-cover-1:hover .wp-block-cover__background.has-background-dim-0.has-background-dim {
background: transparent;
opacity: 1 !important;
}
.custom-group {
opacity:0;
transition: 0.3s ease-in-out;
}
.custom-cover-1:hover .custom-group {
cursor: crosshair;
opacity:1 !important;
}
.close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.overlay{
display: none;
}
.show .overlay {
display: block;
background: rgba(0, 0, 0, 0.6);
height: 100vh !important;
width: 100%;
max-width: 100%;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
transition: background 0.15s linear;
}
figure.wp-block-gallery.has-nested-images {
width: 100%;
margin-left: 0;
}
.product-card{
overflow: hidden;
}
.product-card h2, .product-card h1, .product-card p, .product-card .wp-block-buttons, .product-card .wp-block-ep-rating{ 
transition: .5s;
opacity: 0;
transform: translateY(310px);
}
.product-card figure {
transition: .5s;
transform: translateY(180px);
}
.product-card:hover h2, .product-card:hover p, .product-card:hover .wp-block-buttons {
opacity: 1;
transform: translateY(0px);
}
.product-card:hover figure {
transform: translateY(0px);
}
@media only screen and (min-width: 961px) {
.image-right-position {
left: 100px;
}
.image-right-position .wp-block-image,
.image-left-position .wp-block-image {
margin: 0;
}
.image-left-position {
right: 100px;
}
.is-style-angled .wp-block-cover__image-background, 
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0,55% 0,75% 100%,0 100%);
clip-path: polygon(0 0,55% 0,75% 100%,0 100%);
}
.rotate {
transform: rotate(90deg);
position: relative;
}
.basti-left-top {
margin-left: -100px;
padding-top: 100px;
}
.basti-right {
margin-right: -100px;
}
.basti-left-bottom {
left: -100px;
top: -100px;
position: relative;
z-index: 2;
}
.basti-right-bottom {
right: -100px;
top: -100px;
position: relative;
z-index: 2;
}
.basti-team-4 .basti-left-bottom {
left: -30px;
}
.basti-team-4 .basti-right-bottom {
right: -30px;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: 100%!important;
flex-grow: 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
@media only screen and (max-width: 781px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li, 
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: 100%;
}
.rotate-270 {
z-index: 10;
position: relative;
margin-top: -30px;
}
.hide-mobile {
display: none;
}
.basti-menu-button a.wp-block-button__link {
padding: 5px 7px!important;
font-size: 16px!important;
}
}
@media only screen and (max-width: 482px) {
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}
}
@media only screen and (max-width: 961px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child),
.basti-grid .wp-block-column,
.basti-grid-post .wp-block-column {
flex-basis: 100%!important;
}
.basti-grid .wp-block-columns {
display: block;
}
.basti-grid .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
margin-left: 0;
}
.basti-grid .wp-block-columns .wp-block-group {
padding: 0!important;
}
.basti-grid .wp-block-columns .basti-food-categories-circle {
padding: 4px 6px!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: 0;
}
.wp-block-columns {
flex-wrap: wrap;
}
.basti-grid-post li:last-child .wp-block-column,
.basti-grid-post li:nth-child(2) .wp-block-column {
margin-left: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li, 
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: 100%;
}
.taxonomy-category.wp-block-post-terms {
margin-top: 10px;
}
.basti-about-1 .basti-negative-margin {
display: none;
}
.basti-trusted-by {
padding: 10% 5%!important;
text-align: center;
}
.basti-features-1 .basti-testimonial {
margin-top: 60px;
}
.basti-team-2 .basti-mobile-margin {
margin-top: -100px;
}
.basti-team-2 .basti-bottom {
right: 0!important;
}
.basti-features-1 .is-style-basti-shadow h2 {
margin-top: -40px!important;
}
.shop-hero p {
font-size: 80%;
}
}  .woocommerce-shop [data-block-name="woocommerce/legacy-template"] {
padding: 0 2rem;
}
.wc-block-product {
position: relative;
}
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.woocommerce div.product form.cart .button,
a.components-button.wc-block-components-button.wc-block-cart__submit-button.contained,
button.components-button.wc-block-components-button.wc-block-components-checkout-place-order-button.contained,
.wp-block-button.wc-block-components-product-button .wp-block-button__link,
.single_add_to_cart_button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
border-radius: 13px;
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
margin-right: 10px;
padding: 12px 20px;
width: max-content;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.woocommerce ul.products li.product a {
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.wc-block-mini-cart__footer .wp-element-button {
border-radius: 13px;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.woocommerce div.product form.cart .button:hover,
a.components-button.wc-block-components-button.wc-block-cart__submit-button.contained:hover,
button.components-button.wc-block-components-button.wc-block-components-checkout-place-order-button.contained:hover,
.wp-block-button.wc-block-components-product-button .wp-block-button__link:hover,
.single_add_to_cart_button:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
background: var(--wp--preset--color--foreground);
margin-left: 5px;
}
.woocommerce button#place_order:hover, 
.woocommerce a.checkout-button.button.alt.wc-forward:hover {
background: rgba(0, 0, 0, 0.6);
}
.wp-block-button.wc-block-grid__product-add-to-cart,
.wp-block-button.wc-block-components-product-button {
position: absolute;
top: 30%;
left: 0;
right: 0;
justify-content: center;
align-items: center;
display: flex;
opacity: 0.90;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wp-block-woocommerce-product-button {
position: absolute;
top: 30%;
left: 0;
right: 0;
opacity: 0.90;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
width: 100%;
width: 100%;
}
.wp-block-button.wc-block-grid__product-add-to-cart a:hover {
opacity: 0.80;
padding: 12px 25px;
}
.wp-block-button.wc-block-grid__product-add-to-cart a.added_to_cart.wc-forward {
display: none;
}
.woocommerce-Tabs-panel h2,
.related.products h2 {
font-size: calc(.5*var(--wp--custom--typography--font-size--gigantic));
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--wp--preset--color--foreground);
}
.woocommerce span.onsale {
border-radius: 0;
background-color: var(--wp--preset--color--foreground);
}
.woocommerce .quantity .qty {
padding: 15px 0;
border-radius: 7px;
}
.woocommerce-message {
border-top-color: var(--wp--preset--color--primary);
}
.woocommerce-message::before {
color:  var(--wp--preset--color--primary);
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
padding: 10px;
border: 1px solid;
border-radius: 4px;
}
.woocommerce .woocommerce-ordering select {
padding: 10px;
}
.wc-block-grid__product-onsale,
.woocommerce span.onsale,
.wc-block-grid .wc-block-grid__product-onsale, 
.wc-block-grid__product-image .wc-block-grid__product-onsale,
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
position: absolute;
top: -20px;
right: 20px;
left: auto;
border: none;
border-radius: 95% 81% 100% 70% / 100% 100% 80% 79%;
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
min-height: 3.236em;
min-width: 3.236em;
padding: 0.202em;
text-align: center;
text-transform: none;
line-height: 3.236;
z-index: 9;
}
.wc-block-grid__products .wc-block-grid__product-image img, 
.woocommerce ul.products li.product a img {
border-radius: 1rem;
box-shadow: 0 3px 10px 0 rgb(15 16 18 / 4%), 0 12px 30px 0 rgb(15 16 18 / 4%);
transition: box-shadow 0.5s;
}
.wc-block-grid__products .wc-block-grid__product-image img:hover, 
.woocommerce ul.products li.product a img:hover {
box-shadow: 0 3px 10px 0 rgb(15 16 18 / 15%), 0 12px 30px 0 rgb(15 16 18 / 15%);
}
h1.woocommerce-products-header__title.page-title,
.woocommerce div.product .product_title {
font-size: 46px;
}
.woocommerce .products ul, 
.woocommerce ul.products {
margin: 0 0 4em;
}
#add_payment_method #payment, .woocommerce-cart #payment {
background: transparent;
border: 2px solid;
}
.woocommerce-checkout #payment {
background: var(--wp--preset--color--quinary);
border: none;
}
h2.wc-block-featured-category__title {
font-size: 36px;
font-weight: bold;
}
.wc-block-grid__product-rating,
.woocommerce .star-rating,
.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before {
color: var(--wp--preset--color--quaternary);
}
.woocommerce form .form-row .required {
color: var(--wp--preset--color--tertiary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
box-shadow: 2px 2px 0 var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
box-shadow: -2px 2px 0 var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--wp--preset--color--background);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--wp--preset--color--quaternary)!important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce #review_form #respond textarea{
border: 1px solid var(--wp--preset--color--foreground);
border-radius: 4px;
}
input {
border: 1px solid;
padding: 10px;
border-radius: 4px;
}
.comment-form-author input,
.comment-form-email input {
margin-left: 5px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
background: var(--wp--preset--color--quaternary);
border-radius: 50%;
}
.woocommerce p.stars a {
box-shadow: none;
color: var(--wp--preset--color--quaternary);
}
section.related.products {
background: var(--wp--preset--color--senary);
border-radius: 13px;
margin-bottom: 3em;
padding: 40px;
text-align: center;
}
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
h2.wc-block-featured-product__title {
font-weight: bold;
}
.woocommerce .related.products .star-rating {
margin: 10px auto;
}
.woocommerce .products ul, 
.woocommerce ul.products {
margin: 0;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart.wc-block-components-button:hover,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
color: var(--wp--preset--color--background);
}
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: 11px;
border-radius: 7px;
}
.wc-block-components-product-sort-select {
text-align: center;
background: var(--wp--preset--color--senary);
border-radius: 13px;
padding: 10px 30px;
margin-bottom: 40px;
}
.wc-block-components-sort-select__label {
display: block;
}
.wc-block-components-sort-select__select.wc-block-components-sort-select__select {
border: none;
background: transparent;
background-repeat: no-repeat;
background-position-x: right;
font-size: 16px;
text-shadow: none;
width: 100%;
appearance: auto;
}
.wc-block-product-search .wc-block-product-search__field,
.wc-block-product-categories select {
border: 2px solid;
border-radius: 4px;
padding: 12px 8px;
}
.wc-block-product-search .wc-block-product-search__button,
.wc-block-product-categories__button {
border: 2px solid;
border-radius: 4px;
background: var(--wp--preset--color--senary);
}
.cart_totals h2 {
font-size: calc(.4*var(--wp--custom--typography--font-size--gigantic));
}
a.checkout-button.button.alt.wc-forward {
padding: 15px;
font-size: 18px;
}
.woocommerce a.remove {
box-shadow: none;
color: var(--wp--preset--color--quaternary)!important;
}
a.wc-block-components-product-name,
.product-thumbnail a,
.woocommerce-cart-form__cart-item.cart_item a {
box-shadow: none;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
font-size: 90%;
}
.product-thumbnail a {
border-radius: 1rem;
}
.wc-block-mini-cart__button,
button.wc-block-cart-item__remove-link,
button.components-button.has-icon,
.quantity .input-text:hover,
.wc-block-components-sort-select__select,
.woocommerce .woocommerce-ordering select,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
cursor: pointer;
}
.woocommerce table.shop_table,
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border: 1px solid var(--wp--preset--color--quinary);
}
.woocommerce table.shop_table td {
border-top: 1px solid var(--wp--preset--color--quinary);
}
.woocommerce th {
background: var(--wp--preset--color--senary);
}
.cart-collaterals,
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
background: var(--wp--preset--color--senary);
border-radius: 1rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 10px 30px;
}
a.components-button.wc-block-components-button.wc-block-cart__submit-button.contained {
margin-top: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--wp--preset--color--senary);
border-radius: 1rem;
padding: 10px 0;
}
.woocommerce-message, .woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: var(--wp--preset--color--senary);
padding: 1rem;
margin: 1rem 0;
clear: both;
border-left: 0.61805em solid rgba(0, 0, 0, 0.15);
border-top: none;
}
.woocommerce-error {
background-color: #8a3437;
color: #fff;
padding: 1rem;
margin: 1rem 0;
clear: both;
border-left: 0.61805em solid rgba(0, 0, 0, 0.15);
border-top: none;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
display: none;
}
#customer_details .woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
float: none;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce-billing-fields h3,
.order_review_heading,
.woocommerce-additional-fields h3 {
font-size: 30px;
}
.select2-container .select2-selection--single {
height: 48px;
border: 1px solid;
padding-left: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #8a3437;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #8a3437;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: var(--wp--preset--color--secondary);
}
.pswp__bg {
background: var(--wp--preset--color--senary);
}
.woocommerce div.product form.cart .button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
font-family: unset;
}
.wc-block-components-sort-select__select,
.wc-block-pagination-page span,
.woocommerce #respond input#submit,
input#submit,
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce #reviews #comments ol.commentlist li .comment-text, 
.woocommerce #review_form #respond textarea,
.woocommerce div.product form.cart .variations select,
.woocommerce .form-row button {
font-family: var(--wp--preset--font-family--outfit);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none;
}
h2.wc-block-mini-cart__title,
.wc-block-components-product-name,
.wp-block-post-comments .comment-reply-title,
bdi,
.price.wc-block-components-product-price,
h3#comments {
font-weight: bold;
}
.price del {
opacity: 0.5;
}
span#reply-title {
font-size: 130%;
font-weight: bold;
}
a.added_to_cart.wc-forward {
font-weight: bold;
}
.woocommerce-cart .mini-cart,
.woocommerce-checkout .mini-cart {
display: none;
}
.woocommerce input#coupon_code {
width: 150px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: var(--wp--preset--color--senary);
}
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid var(--wp--preset--color--senary);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.woocommerce div.product form.cart .variations select {
padding: 10px;  
}
.woocommerce div.product .stock {
color: var(--wp--preset--color--tertiary);
}
.wc-block-components-review-list-item__image>img {
border-radius: 100%;
}
.wc-block-components-review-list.wc-block-components-review-list {
padding: 0;
}
li.wc-block-review-list-item__item.wc-block-components-review-list-item__item.wc-block-components-review-list-item__item--has-image {
background: var(--wp--preset--color--senary);
border-radius: 13px;
padding: 20px;
}
.wp-block-woocommerce-all-reviews select#wc-block-components-sort-select__select-0,
.wp-block-woocommerce-reviews-by-product select#wc-block-components-sort-select__select-1,
.wp-block-woocommerce-reviews-by-category select#wc-block-components-sort-select__select-1 {
background: var(--wp--preset--color--senary);
padding: 10px;
border-radius: 13px;
margin: 10px 0;
}
li.wc-block-product-categories-list-item {
list-style: none;
}
.wc-block-components-order-summary-item {
display: block;
}
.wc-block-components-order-summary-item__description {
padding: 0;
}
.wc-block-components-product-image {
border-radius: 1rem;
width: 100%!important;
max-width: 100%!important;
}
.wc-block-components-order-summary-item__quantity {
box-shadow: none;
padding: 5px;
right: 30px;
top: 20px;
}
.wc-block-components-order-summary-item__description, .wc-block-components-order-summary-item__image {
display: block;
}
.wc-block-components-order-summary-item__image {
width: 100%;
}
.wp-block-woocommerce-mini-cart-contents {
background: var(--wp--preset--color--background);
}
ul.wc-block-product-categories-list {
padding: 0;
}
.woocommerce-dark button.wc-block-pagination-page.wc-block-components-pagination__page.wc-block-components-pagination-page--arrow,
.woocommerce-dark .wc-block-pagination-page span,
.woocommerce-dark .wc-block-sort-select__select,
.checkout-dark .woocommerce-message, 
.checkout-dark .woocommerce-info, 
.checkout-dark .woocommerce-noreviews, 
.checkout-dark p.no-comments,
.checkout-dark li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
color: var(--wp--preset--color--foreground);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: initial;
}
p.form-row.form-row-first,
p.form-row.form-row-last {
width: 100%;
}
.woocommerce-form-coupon input#coupon_code {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #000;
}
a.wc-block-components-totals-coupon-link {
padding-left: 0!important;
padding-right: 0!important;
}
.wc-block-components-totals-coupon {
padding: 0 16px;
} .woocommerce table.variations tr {
display: grid;
}
.product .entry-summary .variations_form .variations th, 
.product .entry-summary .variations_form .variations td {
padding: 0;
}
.product .entry-summary .woocommerce-review-link, .product .entry-summary .variations label, 
.product .entry-summary .variations select, .product .entry-summary .product_meta, 
.product .entry-summary .reset_variations {
font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce div.product form.cart table.variations th {
background: none;
line-height: 1.5rem;
text-align: left;
}
.woocommerce div.product form.cart .variations label {
font-weight: 500;
}
.woocommerce div.product form.cart .variations select {
border: 1px solid;
border-radius: 4px;
padding: 10px;  
}
.value select {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.woocommerce #tab-additional_information table.shop_attributes {
border-spacing: 0;
}
.woocommerce #tab-additional_information table.shop_attributes th {
background: transparent;
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce #tab-additional_information table.shop_attributes td {
border: 1px solid var(--wp--preset--color--primary);
padding-left: 20px;
}
.woocommerce-shop table.variations.cfvsw-variation-disable-logic {
position: absolute;
bottom: 51px;
}
.woocommerce-shop table.cfvsw-shop-variations {
width: 30px;
}
.woocommerce-shop td.value {
background: var(--wp--preset--color--background);
padding: 10px 0;
}
.woocommerce-shop .cfvsw-tooltip {
left: 100%;
}
a.reset_variations {
margin-left: 10px;
}
.woocommerce-shop .cfvsw-label-option,
.woocommerce-shop .cfvsw-label-option:hover {
border: none;
}
.wc-block-components-pagination__ellipsis, 
.wc-block-components-pagination__page,
.wc-block-components-pagination__page--active[disabled] {
color: var(--wp--preset--color--foreground);
}
.woocommerce-page table.shop_table {
width: 100%;
}
a.wc-block-components-product-rating__link {
display: none;
}
.wc-block-grid__product .wc-block-grid__product-image, 
.wc-block-grid__product .wc-block-grid__product-link {
box-shadow: none;
}
.wc-block-product-template .wc-block-product .wp-block-post-title,
.wp-block-woocommerce-related-products .wp-block-post-title {
font-size: 0.92em!important;
}
.wc-block-product-template .wc-block-product .wp-block-post-title a,
.wp-block-woocommerce-related-products .wp-block-post-title a {
box-shadow: none;
font-weight: 700;
line-height: 1.5;
}
.wc-block-components-notice-banner a.button.wc-forward.wp-element-button {
box-shadow: none;
}
.wp-block-woocommerce-related-products ul li {
position: relative;
}
.wc-block-grid__product .wc-block-grid__product-title {
font-size: inherit;
font-weight: 700;
line-height: 1.2;
}
@media screen and (min-width: 960px) {
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
clear: both;
overflow: hidden;
}
.woocommerce-cart-form,
.woocommerce-checkout form.woocommerce-checkout #customer_details {
display: inline-block;
float: left;
padding-right: 2rem;
width: 64%;
white-space: normal;
vertical-align: top;
}
.cart-collaterals,
div#order_review {
display: inline-block;
float: right;
width: 25%!important;
white-space: normal;
vertical-align: top;
}
div#order_review {
width: 32.5%!important;
}
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
max-width: 1120px;
margin: 0 auto;
padding: 0 5%;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 30%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
padding-top: 3em;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 10em 3em 10em;
}
}
@media (min-width: 481px) and (max-width: 600px) {
.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-2-columns .wc-block-grid__product {
flex: 1 0 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
}
@media only screen and (max-width: 960px) {
.wp-block-columns {
flex-wrap: wrap!important;
}
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
width: auto;
}
.basti-banner {
padding: 5px;
}
.basti-banner p.has-text-align-center {
font-size: 14px;
}
.woocommerce span.onsale,
.wc-block-grid .wc-block-grid__product-onsale, 
.wc-block-grid__product-image .wc-block-grid__product-onsale {
top: -10px;
left: -20px;
right: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
li#tab-title-reviews {
border: 1px solid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0;
}
.wc-block-sort-select.wc-block-components-sort-select.wc-block-product-sort-select.wc-block-components-product-sort-select {
margin: 0 20px 20px 20px;
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, 
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
right: 50px;
top: -10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
}
@media screen and (max-width: 60em){
.wc-block-mini-cart__footer {
padding-bottom: 64px;
}
}