body.woocommerce #main {
padding: var(--gap-s) 0;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message li,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error li,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info li {
font-family: var(--body-font);
color: var(--dark);
background: var(--light);
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
width: 100%;
}
.woocommerce-notices-wrapper .woocommerce-message:before,
.woocommerce-notices-wrapper .woocommerce-error:before,
.woocommerce-notices-wrapper .woocommerce-info:before {
top: 28px !important;
}
.woocommerce-notices-wrapper .woocommerce-message:after,
.woocommerce-notices-wrapper .woocommerce-error:after,
.woocommerce-notices-wrapper .woocommerce-info:after {
display: none;
}
.woocommerce-notices-wrapper a {
white-space: nowrap;
transition: all 0.1s ease;
}
.woocommerce-notices-wrapper a:hover {
background: var(--accent-hover) !important;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.woocommerce-notices-wrapper .woocommerce-message {
padding: 20px 20px 20px 45px !important;
}
.woocommerce-notices-wrapper .woocommerce-message:before {
left: 20px;
top: 25px !important;
}
}  .category-nav span.ubermenu-target,
.category-nav .ubermenu-responsive-toggle {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 !important;
cursor: pointer !important;
}
.category-nav span.ubermenu-target .ubermenu-target-text,
.shop-nav span {
margin-left: 0 !important;
font-weight: 600;
font-size: 70%;
line-height: 1.3;
color: #fff !important;
}
.category-nav .ubermenu-icon {
background: url(//swietiesgifts.nl/wp-content/uploads/menu.svg) no-repeat center center !important;
background-size: 22px !important;
width: 24px !important;
height: 24px !important;
}
.category-nav .ubermenu-icon:before,
.category-nav .ubermenu-responsive-toggle i:before {
display: none !important;
}
.category-nav .ubermenu-active .ubermenu-icon {
background: url(//swietiesgifts.nl/wp-content/uploads/close.svg) no-repeat center center !important;
background-size: 18px !important;
}
.ubermenu li.ubermenu-item.ubermenu-item-view-all {
order: -1;
background: none !important;
}
.ubermenu li.ubermenu-item.ubermenu-item-view-all a {
text-decoration: underline !important;
}
.ubermenu-nojs.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target, .ubermenu-item:not(#menu-item-412) .ubermenu-target:hover {
background: var(--light-alt) !important;
}
.ubermenu-skin-minimal .ubermenu-submenu,
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target {
color: var(--dark) !important;
}
.category-nav .parent-tabs #menu-item-455-term-51 {
order: -1 !important;
}
.all-products-nav span,
.nieuw-nav span {
font-weight: bold !important;
}
.shop-nav a {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.shop-nav .account .icon {
background: url(//swietiesgifts.nl/wp-content/uploads/account.svg) no-repeat center center;
background-size: 24px;
width: 24px;
height: 24px;
}
.shop-nav .cart .icon {
background: url(//swietiesgifts.nl/wp-content/uploads/cart.svg) no-repeat center center;
background-size: 22px;
width: 24px;
height: 24px;
}
.cart .cart-count,
.wishlist_products_counter_number {
position: absolute;
top: -4px;
right: 11px;
font-family: var(--body-font);
font-weight: bold !important;
font-size: 11px !important;
line-height: 15px !important;
height: 17px;
width: 17px;
vertical-align: middle;
text-align: center;
background: var(--accent);
border-radius: 50%;
padding: 1px;
transform: scale(0.9);
box-shadow: 0 0 0 2px var(--primary);
}
.ubermenu-term-count {
color: var(--dark) !important;
opacity: 0.25;
}
.mobile-search-bar {
width: 100% !important;
backface-visibility: hidden !important;
}
.ubermenu-sub-indicator:before {
content: "" !important;
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-right.svg) no-repeat center center;
background-size: 12px 12px;
width: 12px;
height: 12px;
display: inline-block;
position: relative;
vertical-align: text-top;
transform: rotate(90deg);
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type,
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li.ubermenu-item-view-all {
position: absolute;
right: 0;
width: 70%;
height: 100%;
z-index: 999;
display: block !important;
}
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel li .ubermenu-target {
width: 30%;
}
.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
margin-bottom: 0 !important;
object-fit: cover !important;
}
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel,
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel li {
display: flex !important;
}
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel li ul {
position: relative !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type .ubermenu-target-title {
position: absolute;
z-index: 999;
font: var(--h3-type);
text-transform: uppercase;
letter-spacing: -1px;
color: #fff !important;
left: 25px;
top: 25px;
max-width: 75%;
}
.ubermenu
.ubermenu-nav
ul.ubermenu-column-3-4
ul.ubermenu-tabs-group
li:first-of-type
.ubermenu-target-title
.ubermenu-term-count {
display: none !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type img {
margin-bottom: 0 !important;
display: block !important;
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type,
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type a {
background: #fff !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type a {
pointer-events: none !important;
max-height: 100%;
display: flex;
justify-content: flex-end;
height: calc(100% - 24px) !important;
width: auto !important;
padding: 0 !important;
margin: 12px 15px !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(40 4 56 / 40%);
}
.ubermenu .ubermenu-nav ul.ubermenu-column-1-4 li ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li.ubermenu-item-view-all a {
position: absolute;
bottom: 37px;
left: 40px;
width: fit-content;
color: #fff !important;
text-decoration: none !important;
}
@media (max-width: 1199px) {
}
@media (min-width: 992px) {
.ubermenu-submenu-id-412 {
margin: 0 20px !important;
width: calc(100% - 40px) !important;
max-width: 1400px !important;
left: calc(50% - 20px) !important;
transform: translateX(-50%) !important;
border: 0 !important;
margin-top: 30px !important;
max-height: calc(100vh - calc(var(--header-height) + 20px)) !important;
}
.category-nav .parent-tabs > ul,
.ubermenu .ubermenu-tab-layout-left > .ubermenu-tabs-group {
max-height: calc(100vh - calc(var(--header-height) + 20px)) !important; overflow-y: auto;
}
header.scrolled .ubermenu-submenu-id-412 {
margin-top: 17px !important;
}
.ubermenu .ubermenu-item .ubermenu-submenu-drop {
box-shadow:
0 0 10px rgba(0 0 0 / 25%),
0 0 0 100vh rgba(0 0 0 / 25%) !important;
}
.ubermenu.submenu .ubermenu-target {
width: fit-content !important;
}
.ubermenu .ubermenu-colgroup .ubermenu-column,
.ubermenu .ubermenu-custom-content-padded,
.ubermenu .ubermenu-nonlink,
.ubermenu .ubermenu-retractor,
.ubermenu .ubermenu-submenu-padded,
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,
.ubermenu .ubermenu-target,
.ubermenu .ubermenu-widget,
.ubermenu-responsive-toggle {
padding: 12px 15px !important;
}
}
@media (max-width: 991px) {
header > .c-f > .c {
gap: 15px;
}
header .shop-nav {
gap: 12px;
}
header .search-bar {
padding: 0 10px;
}
header .cat-search-nav,
header .shop-nav {
order: 3;
}
header .search-bar {
order: -1;
}
.ubermenu-submenu-id-412 {
opacity: 1 !important;
height: 100vh !important;
visibility: visible !important;
margin-top: 10px !important;
max-height: calc(100svh - calc(var(--header-height) + -60px)) !important;
overflow-y: scroll !important;
}
header.scrolled .ubermenu-submenu-id-412 {
margin-top: 3px !important;
max-height: 100vh !important;
min-height: 100vh !important;
}
#menu-item-412 > span {
display: none !important;
}
nav.ubermenu-menu-45 {
height: 0 !important;
}
.ubermenu-sub-indicator {
right: 20px !important;
}
.category-nav .ubermenu-responsive-toggle i {
background: url(//swietiesgifts.nl/wp-content/uploads/menu.svg) no-repeat center center !important;
background-size: 25px !important;
width: 25px !important;
height: 25px !important;
}
.category-nav .ubermenu-responsive-toggle-open i {
background: url(//swietiesgifts.nl/wp-content/uploads/close.svg) no-repeat center center !important;
background-size: 21px !important;
}
.ubermenu-sub-indicator:before,
.ubermenu-sub-indicator-close i:before {
display: none !important;
}
.ubermenu-sub-indicator {
top: calc(50% - 5px) !important;
}
.ubermenu-sub-indicator,
.ubermenu-sub-indicator-close i {
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-down.svg) no-repeat center center !important;
background-size: 15px !important;
width: 15px !important;
height: 15px !important;
transition: all 0.2s ease;
}
.ubermenu-sub-indicator-close i {
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-left.svg) no-repeat center center !important;
background-size: 8px !important;
left: unset !important;
}
.ubermenu-sub-indicator-close {
right: unset !important;
left: 0 !important;
top: -2px !important;
}
.ubermenu-sub-indicator-close {
padding: 0 calc(100% - 150px) 0 28px !important;
}
li.ubermenu-tab.ubermenu-active > a > span.ubermenu-target-title {
margin-left: 25px;
}
li.ubermenu-tab.ubermenu-active > a > span.ubermenu-target-title:after {
content: "Bekijk alles";
display: inline-block;
text-decoration: underline;
position: absolute;
right: 25px;
z-index: 999;
top: 15px;
padding: 15px 30px;
margin: -15px -30px;
}
.ubermenu-submenu-id-412 > li {
transition: all 0.1s ease;
}
body.clicked-view-all .ubermenu-submenu-id-412 > li {
opacity: 0 !important;
}
.ubermenu .ubermenu-target-text {
max-width: calc(100% - 130px);
}
.shop-nav .account .icon {
background-size: 25px;
width: 25px;
height: 25px;
}
.shop-nav .cart .icon {
background-size: 23px;
width: 25px;
height: 25px;
}
.cart .cart-count,
.wishlist_products_counter_number {
right: -9px;
top: -6px;
font-size: 10px;
width: 16px;
height: 16px;
line-height: unset !important;
}
.ubermenu-sub-indicator {
transform: rotate(-90deg) !important;
}
.ubermenu-tab.ubermenu-active > a {
position: sticky !important;
top: 0;
z-index: 999;
}
.ubermenu .fullscreen,
.ubermenu-responsive .ubermenu-tab.ubermenu-active {
position: absolute !important;
z-index: 999 !important;
top: 0 !important;
}
.ubermenu-submenu > li {
animation: fadeIn 0.2s ease;
width: 100%;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type,
.ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type a,
.ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type img {
width: 100% !important;
position: relative !important;
min-height: 100% !important;
pointer-events: none !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li.ubermenu-item-view-all {
width: inherit !important;
white-space: nowrap !important;
left: 60px;
max-height: 200px !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li.ubermenu-item-view-all a {
left: -20px !important;
top: 200px;
bottom: unset !important;
width: fit-content !important;
}
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel li .ubermenu-target {
width: 100% !important;
}
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel,
.ubermenu .ubermenu-tab.ubermenu-active > .ubermenu-tab-content-panel li {
display: block !important;
}
.ubermenu .ubermenu-nav ul.ubermenu-column-3-4 ul.ubermenu-tabs-group li:first-of-type img {
max-height: 250px !important;
}
}
@media (max-width: 767px) {
header > .c-f > .c {
flex-wrap: wrap;
gap: 0;
}
header .cat-search-nav,
header .search-bar {
order: 4;
}
.ubermenu-submenu-id-412 {
margin-top: 6px !important;
}
header.scrolled .ubermenu-submenu-id-412 {
margin-top: 4px !important;
}
header .logo {
flex-grow: 1;
}
header .search-bar {
padding: 0;
padding-top: 10px;
flex-grow: 1;
max-width: unset;
width: 100%;
}
header .cat-search-nav {
flex-grow: 0;
margin-left: 15px;
}
}
@media (max-width: 575px) {
}  .aws-container .aws-search-field {
border: 1px solid var(--light) !important;
color: var(--dark) !important;
padding: 6px 14px 6px 10px !important;
}
.aws-container .aws-show-clear .aws-search-field::placeholder {
color: var(--primary);
transition: all 0.1s ease;
}
.aws-container .aws-show-clear .aws-search-field:hover::placeholder,
.aws-container .aws-show-clear .aws-search-field:focus::placeholder {
color: var(--light-alt);
}
.aws-search-result .aws_result_item.hovered,
.aws-search-result .aws_result_item:hover,
.aws-search-result .aws_search_more a:hover {
background: var(--light) !important;
}
.aws-container .aws-show-clear .aws-search-field {
font: 300 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--body-font) !important;
}
.aws-container .aws-search-form .aws-loader {
border: 3px solid var(--light) !important;
border-left: 3px solid var(--dark) !important;
}
.aws-container .aws-search-form .aws-search-btn_icon {
color: #fff !important;
}
.aws-container .aws-search-form .aws-form-btn {
background: var(--accent) !important;
border: 1px solid var(--accent) !important;
min-width: 44px;
}
.aws-search-result ul li {
border-bottom: 1px solid var(--light) !important;
}
.aws-search-result .aws_result_image img {
display: block !important;
width: 70px !important;
}
.aws-search-result .aws_result_content {
overflow: hidden;
padding: 10px 0;
height: 70px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.aws-search-result .aws_result_title {
font: 400 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--title-font) !important;
text-transform: inherit !important;
color: var(--dark) !important;
}
.aws-search-result .aws_result_excerpt,
.aws-search-result .aws_result_price .woocommerce-Price-currencySymbol {
display: none;
}
.aws-search-result .aws_result_price {
padding: 0 !important;
color: var(--dark) !important;
}
.aws-search-result .aws_result_price ins {
text-decoration: none;
}
.aws-search-result .aws_result_price bdi {
font-weight: bold;
font-family: var(--title-font), sans-serif;
font-size: 125%;
line-height: 0;
}
.aws-search-result .aws_result_price del bdi {
font: 300 clamp(0.75rem, 0.6964rem + 0.2381vw, 0.875rem) / 1.2 var(--body-font) !important;
opacity: 0.25 !important;
}
.aws-search-result .aws_onsale {
background: var(--accent-alt) !important;
font-family: var(--title-font), sans-serif;
font-weight: 400;
transform: none !important;
position: absolute;
right: 0;
top: 0;
width: fit-content;
font-size: 0.857em;
padding: 8px 8px 9px 8px;
line-height: 0.6;
height: unset !important;
}
.aws_result_item.aws_result_tax_product_cat .aws_result_content {
height: fit-content !important;
padding: 0 !important;
}
.aws_result_item.aws_result_tax_product_cat .aws_result_title {
margin-bottom: 0px !important;
}
.aws_result_item .aws_result_count {
opacity: 0.25;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}  .woocommerce-breadcrumb {
margin: 10px 0 !important;
color: var(--dark) !important;
font-weight: bold;
}
.woocommerce-breadcrumb a {
color: var(--dark) !important;
opacity: 0.25;
}
.woocommerce nav.woocommerce-pagination ul {
border: 1px solid var(--light) !important;
margin: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid var(--light) !important;
}
.woocommerce-pagination a:focus,
.woocommerce-pagination a:hover,
.woocommerce-pagination span.current {
background: var(--light) !important;
color: var(--dark) !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 10px 14px !important;
}
.woocommerce-pagination .next,
.woocommerce-pagination .next:hover,
.woocommerce-pagination .next:focus,
.woocommerce-pagination .prev,
.woocommerce-pagination .prev:hover,
.woocommerce-pagination .prev:focus {
color: transparent !important;
position: relative;
max-width: 36px;
}
.woocommerce-pagination .next:after,
.woocommerce-pagination .prev:after {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-right.svg) no-repeat center center;
background-size: 12px 12px;
width: 12px;
height: 12px;
position: absolute;
right: calc(50% - 7px);
top: calc(50% - 6px);
}
.woocommerce-pagination .prev:after {
transform: rotate(180deg);
right: unset;
left: calc(50% - 7px);
}
.shop-header.has-hero .shop-hero {
position: relative;
height: 450px;
display: flex;
justify-content: center;
align-items: center;
padding: 50px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
body.tax-product_brand .shop-header.has-hero .overlay,
body.tax-product_brand .shop-header.has-hero .page-title {
display: none;
}
body.tax-product_brand .shop-header.has-hero .shop-hero {
height: 50px;
width: auto;
padding: 0;
}
.shop-header.no-hero h1 {
font: 800 clamp(1.875rem, 1.2321rem + 2.8571vw, 3.375rem) / 1.1 var(--title-font);
}
.shop-header.no-hero {
margin: 40px 0;
}
.shop-header {
margin-bottom: 20px;
}
.term-description {
margin-bottom: 40px;
}
.term-description h4 {
margin-bottom: 10px;
}
.shop-toolbar {
min-height: 20px;
}
.shop-toolbar select {
padding: 5px;
margin-top: -5px;
}
.shop-header.has-hero .overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(40 4 56 / 40%);
}
.shop-header.has-hero h1 {
text-align: center;
z-index: 1;
color: #fff;
}
.shop-layout {
display: flex;
justify-content: space-between;
gap: var(--gap-s);
}
.shop-products {
flex-grow: 1;
}
li.product {
box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
padding: clamp(10px, calc(5.709px + 1.192vw), 20px) !important;
}
li.product .woocommerce-loop-product__title {
text-transform: inherit;
font-size: 120% !important;
line-height: 1.2;
padding: 0 0 20px 0 !important;
}
li.product .price {
color: var(--dark) !important;
}
li.product .price del {
margin: -5px 0 -5px 0;
width: fit-content;
font-size: 80%;
font-weight: 500;
}
li.product .price ins {
text-decoration: none;
}
li.product .price del .amount,
li.product .price del .woocommerce-Price-currencySymbol {
color: var(--dark);
opacity: 0.5;
font-size: 90%;
font-weight: inherit;
}
li.product .price .from-price {
opacity: 0.5;
font-size: 80%;
line-height: 1;
margin: 0 0 -3px 0;
}
li.product .woocommerce-Price-currencySymbol {
display: none;
}
li.product .price .amount {
font-weight: bold;
font-family: var(--title-font), sans-serif;
font-size: 140%;
}
li.product .price {
float: left;
margin: 0 !important;
font-size: inherit !important;
position: relative;
top: 4px;
display: flex !important;
flex-direction: column;
}
li.product .product-stock {
display: block;
width: fit-content;
opacity: 1;
padding: 3px 5px !important;
font-size: 70%;
margin-bottom: 10px;
}
li.product .product-stock.out-of-stock {
color: #db2f2f !important;
}
li.product .product-stock.in-stock {
color: #3c9f47;
}
li.product .button {
display: block !important;
padding: 10px !important;
margin: 0 !important;
max-width: 44px;
max-height: 44px;
position: absolute;
right: clamp(10px, calc(5.709px + 1.192vw), 20px);
bottom: clamp(10px, calc(5.709px + 1.192vw), 20px);
background: var(--accent-alt) !important;
}
li.product .button:hover {
background: var(--accent-alt-hover) !important;
}
li.product .button.loading {
min-width: 44px;
min-height: 44px;
opacity: 0.25;
}
li.product .button.loading:after {
content: "" !important;
background: url(//swietiesgifts.nl/wp-content/uploads/loading.svg) no-repeat center center;
top: unset !important;
right: unset !important;
position: relative !important;
animation: spin 2s linear infinite;
}
li.product.outofstock .button {
opacity: 0.5;
background: var(--dark) !important;
}
li.product.outofstock .button:hover {
opacity: 1;
}
li.product .button:after {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/cart.svg) no-repeat center center;
display: block;
background-size: 22px;
width: 24px;
height: 24px;
position: relative;
left: -1px;
}
li.product .button.added:after {
margin: 0 !important;
content: "" !important;
background: url(//swietiesgifts.nl/wp-content/uploads/check.svg) no-repeat center center;
}
li.product .added_to_cart.wc-forward {
padding-top: 15px !important;
font-size: 90%;
width: 100%;
display: inline-block;
text-decoration: underline !important;
}
li.product.outofstock .button:after {
background: url(//swietiesgifts.nl/wp-content/uploads/mail.svg) no-repeat center center;
left: 0;
}
li.product .onsale,
.woocommerce span.onsale,
body.single-product .product .up-sells .onsale:not(.related .onsale),
.badge-new,
body.single-product li.product .badge-new {
position: absolute;
top: clamp(10px, calc(5.709px + 1.192vw), 20px) !important;
left: clamp(10px, calc(5.709px + 1.192vw), 20px) !important;
right: unset !important;
margin: 0 !important;
border-radius: 0;
padding: 5px 3px 4px !important;
line-height: 1;
z-index: 1;
min-height: unset;
min-width: unset;
font-family: var(--body-font), sans-serif;
font-size: 0.8em;
font-weight: 500;
background: var(--accent-alt);
color: #fff;
text-transform: uppercase;
}
.product-subtitle {
color: var(--accent-alt);
opacity: 0.35;
}
.onsale {
font-weight: 600;
padding: 4px 3px !important;
}
.badge-new,
body.single-product li.product .badge-new {
left: unset !important;
right: clamp(10px, calc(5.709px + 1.192vw), 20px) !important;
background: var(--light-alt);
color: var(--primary);
}
body.single-product .badge-new {
left: 115px !important;
top: 1em !important;
right: unset !important;
}
li.product img {
width: 100%;
height: auto;
margin: 0 0 10px 0 !important;
}
.slider.overflow .flickity-viewport {
overflow: visible;
clip-path: inset(-100vw -100vw -100vw -100vw);
}
.slider li.product {
width: 18% !important;
margin: 0 clamp(10px, calc(6.538px + 0.962vw), 20px) 0 0 !important;
}
.flickity-prev-next-button.previous {
left: 0;
}
.flickity-prev-next-button.next {
right: -10px;
transform: translateY(-1%) !important;
}
.flickity-prev-next-button.previous {
right: 30px;
left: unset;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-prev-next-button {
width: 33px;
height: 33px;
}
.flickity-button,
.flickity-button:hover {
background: none;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous .flickity-button-icon {
position: absolute;
left: calc(50% - 10px);
width: 20px;
top: calc(50% - 13px);
}
.flickity-prev-next-button.next .flickity-button-icon {
position: absolute;
left: calc(50% - 11px);
width: 20px;
}
.flickity-button-icon path {
fill: var(--accent-alt);
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
top: calc(0% - 60px);
transform: translateY(0%);
}
li.product-category .count {
display: none;
}
li.product-category {
padding: 0 !important;
box-shadow: none;
}
li.product-category img {
margin: 0 !important;
}
li.product-category h2:not(footer h2) {
position: absolute;
bottom: 0;
padding: 17px !important;
width: 100%;
color: #fff;
font-size: 120% !important;
text-align: center;
z-index: 2;
}
li.product-category a:not(footer a):after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgb(40 4 56 / 75%) 10%, rgb(40 4 56 / 0%) 40%);
}
.cwginstock-subscribe-form .panel .blockUI.blockOverlay {
background: var(--light) !important;
border-color: var(--light) !important;
}
.cwginstock-subscribe-form .panel {
margin: 20px 0 0 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
border: none !important;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading {
display: none;
}
.cwginstock-subscribe-form .row,
.cwginstock-subscribe-form .center-block,
.cwginstock-panel-body input[type="email"] {
margin: 0 !important;
}
.cwginstock-subscribe-form .panel-body,
.cwginstock-subscribe-form .col-md-12 {
padding: 0 !important;
}
.cwginstock-panel-body input[type="email"] {
border: solid 1px var(--dark) !important;
text-align: left !important;
padding: 10px;
}
.cwginstock-panel-body input::placeholder {
opacity: 0.5;
}
.cwginstock-panel-body input:focus::placeholder {
opacity: 0;
}
.cwgstock_button {
border: none !important;
}
.cwgstock_output div {
color: var(--dark) !important;
font-family: var(--body-font);
margin-top: 10px;
}
.cwg_iagree_checkbox {
margin: 4px 0 10px 0;
}
.cwg_iagree_checkbox input.cwg_iagree_checkbox_input {
margin-left: 0;
}
.cwg_iagree_checkbox p a {
color: var(--dark) !important;
}
.cwg_iagree_checkbox label {
display: flex;
align-items: flex-start;
gap: 3px;
}
@media (max-width: 1199px) {
.slider li.product {
width: 22% !important;
}
}
@media (max-width: 991px) {
.shop-header.has-hero .shop-hero {
height: 250px;
padding: 20px;
}
.shop-layout {
flex-direction: column;
}
.slider li.product {
width: 26% !important;
}
.flickity-prev-next-button.next .flickity-button-icon,
.flickity-prev-next-button.previous .flickity-button-icon {
width: 20px;
}
.flickity-prev-next-button.next {
right: -15px;
}
.flickity-prev-next-button.previous {
right: 20px;
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
top: calc(0% - 52px);
}
}
@media (max-width: 767px) {
.slider li.product {
width: 35% !important;
}
.recent-viewed li.product {
max-width: unset;
}
.woocommerce-page ul.products[class*="columns-"] li.product {
margin: 0 0 2em !important;
}
}
@media (max-width: 575px) {
.slider li.product {
width: 55% !important;
}
.flickity-prev-next-button.next .flickity-button-icon,
.flickity-prev-next-button.previous .flickity-button-icon {
width: 18px;
}
.flickity-prev-next-button.next {
right: -17px;
transform: translateY(0%) !important;
}
.flickity-prev-next-button.previous {
right: 12px;
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
top: calc(0% - 44px);
}
.woocommerce-page ul.products[class*="columns-"] li.product {
margin: 0 0 1em !important;
}
}  .shop-sidebar {
min-width: 300px;
max-width: 300px;
}
.shop-sidebar h4,
.yith-wcan-active-filters h4 {
color: var(--dark) !important;
font: 600 clamp(1.125rem, 1.0714rem + 0.2381vw, 1.25rem) / 1.4 var(--title-font) !important;
text-transform: uppercase;
}
.yith-wcan-active-filters h4 {
margin-bottom: 5px;
} .shop-sidebar .categories,
.shop-sidebar .categories .parent-link {
margin-bottom: 35px !important;
}
.yith-wcan-filters .yith-wcan-filter {
margin: 10px 0 !important;
padding-bottom: 15px;
border-bottom: solid 1px #c6c6c6;
}
.shop-sidebar .categories h4 {
margin-bottom: 5px;
}
.shop-sidebar .categories li {
padding: 5px 0;
}
.shop-sidebar .categories .count {
opacity: 0.25;
}
.shop-sidebar .categories .parent-link {
transition: all 0.1s ease;
}
.shop-sidebar .categories .parent-link:hover {
opacity: 0.5;
}
.shop-sidebar .categories .parent-link:before {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-left.svg) no-repeat center center;
background-size: 10px 10px;
width: 10px;
height: 10px;
display: inline-block;
position: relative;
margin-right: 8px;
vertical-align: text-top;
top: 3px;
}
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-from,
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-to,
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-single,
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-min,
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-max {
display: none;
}
.yith-wcan-filters .yith-wcan-filter .price-slider.both .irs {
margin-bottom: 10px !important;
}
.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-min,
.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-max {
width: 50px;
height: 30px;
padding: 6px;
}
.yith-wcan-filters .yith-wcan-filter .price-slider {
padding: 0 !important;
margin-top: -15px;
}
.yith-wcan-filters .yith-wcan-filter .price-slider input {
border-radius: 0 !important;
border: solid 1px var(--dark) !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
border-radius: 0 !important;
margin-top: 10px;
border: 1px solid var(--dark) !important;
}
.yith-wcan-dropdown .dropdown-label {
font-family: var(--body-font);
color: var(--dark);
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open {
box-shadow: none !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
box-shadow: unset !important;
border-color: var(--dark) !important;
border-radius: 0 !important;
padding: 12px !important;
top: 100%;
width: calc(100% + 2px);
left: -1px;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container .search-field {
height: 45px;
padding: 12px 45px 10px 12px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items.filter-color {
padding-top: 8px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-4-column {
margin: 0 5px 0 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
margin-bottom: 0;
border-radius: 0;
}
.yith-wcan-active-filters .active-filter .active-filter-label {
border-radius: 0 !important;
padding: 4px 12px 3px;
}
.yith-wcan-active-filters .active-filter * {
font-size: 1em;
}
.yith-wcan-active-filters {
margin: 0;
}
.filter-output .reset-btn button,
.yith-wcan-filters-opener {
border: none !important;
background: var(--light) !important;
color: var(--dark) !important;
}
.yith-wcan-filters-opener {
width: 100%;
margin-bottom: 25px;
display: none !important;
}
.yith-wcan-filters-opener i.filter-icon {
background: url(//swietiesgifts.nl/wp-content/uploads/filter.svg) no-repeat center center;
background-size: 16px;
width: 16px;
height: 16px;
margin-right: 4px;
top: -2px;
position: relative;
}
.yith-wcan-filters-opener:hover i.filter-icon {
filter: unset !important;
}
.yith-wcan-filters.filters-modal h3 {
background: var(--dark);
color: #fff;
}
.yith-wcan-filters.filters-modal .close-button {
color: #fff;
font-size: 2em !important;
}
.yith-wcan-filters.filters-modal .yith-wcan-filter {
border-radius: 0 !important;
border: 1px solid var(--dark);
margin-bottom: 10px !important;
padding: 8px !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-4-column,
.yith-wcan-filters.filters-modal .filter-items.filter-color li {
width: auto !important;
}
.yith-wcan-filters.filters-modal .close-button:hover {
color: #fff !important;
}
button.apply-filters.main-modal-button {
font: 600 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--title-font) !important;
color: #fff;
padding: 17px 20px 20px 20px !important;
font-size: 1em !important;
border: none !important;
margin: 0 20px !important;
width: calc(100% - 40px) !important;
bottom: calc(env(safe-area-inset-bottom) + 20px) !important;
}
.yith-wcan-filters.filters-modal .filters-container {
margin-top: 60px !important;
}
.yith-wcan-filters.filters-modal.with-filter-button .filters-container {
height: calc(100% - 120px) !important;
}
.yith-wcan-filters.filters-modal {
height: 80dvh;
transform: translate(0, 100dvh) !important;
}
.yith-wcan-filters.filters-modal.open {
transform: translate(0, 20dvh) !important;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.yith-wcan-filters-opener {
display: block !important;
}
.shop-sidebar .categories {
margin-bottom: 0 !important;
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}  body.single-product.woocommerce .product .images {
width: 54%;
margin-bottom: 100px;
}
body.single-product.woocommerce .product .summary {
width: 42%;
}
body.single-product .woocommerce-breadcrumb {
margin: 10px 0 50px 0 !important;
}
body.single-product .product .onsale:not(.related .onsale) {
top: 1em !important;
left: 1em !important;
}
body.single-product .summary {
margin: 100px 0 50px 0 !important;
}
body.single-product .summary .product_title {
text-transform: inherit;
font: 800 clamp(1.875rem, 1.2321rem + 2.8571vw, 3.375rem) / 1.1 var(--title-font) !important;
margin-bottom: 15px;
}
body.single-product .summary .price {
margin-top: 75px;
}
body.single-product .summary .price,
body.single-product .summary .price .amount {
color: var(--primary) !important;
font-family: var(--title-font), sans-serif !important;
}
body.single-product .summary .price .amount:not(del .amount) {
font: var(--h4-type);
}
body.single-product .summary .woocommerce-Price-currencySymbol {
display: none;
}
body.single-product .summary .price del {
font-family: var(--body-font) !important;
}
body.single-product .summary .price del .amount {
opacity: 0.5;
margin-right: 10px;
}
body.single-product .summary .price ins {
text-decoration: none;
}
body.single-product .summary .product-brand {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: 20px;
}
body.single-product .summary .product-brand img {
max-width: 100px;
display: block;
transition: all 0.1s ease;
}
body.single-product .summary .product-brand img:hover {
opacity: 0.5;
}
body.single-product .summary .product-brand-name a {
text-decoration: underline !important;
}
body.single-product .summary .product-brand-name a:hover {
text-decoration: none !important;
}
body.single-product .summary .product-sku {
opacity: 0.5;
}
body.single-product .summary .stock {
display: none;
}
.product-stock .stock {
display: block !important;
}
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .product_meta {
position: absolute;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
form.cart {
margin: 20px 0 40px 0 !important;
}
form.cart div.quantity {
margin: 0 10px 10px 0 !important;
}
form.cart .single_add_to_cart_button {
transition: all 0.1s ease;
}
form.cart .single_add_to_cart_button:hover {
background: var(--accent-hover) !important;
}
form.cart .single_add_to_cart_button:before {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/cart.svg) no-repeat center center;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
margin-right: 7px;
vertical-align: text-top;
top: 1px;
}
form.cart .quantity input {
border: none;
height: 44px;
width: 25px !important;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form.cart .quantity {
border: solid 1px var(--dark);
display: flex;
align-items: center;
justify-content: space-between;
}
form.cart .quantity button {
border: none;
padding: 0 10px;
font-family: var(--title-font), sans-serif;
font-weight: 100;
font-size: 20px;
color: var(--dark) !important;
height: 45px;
background: none;
transition: all 0.1s ease;
}
form.cart .quantity button:hover {
background: var(--light);
}
.product .product-stock {
display: inline-block;
padding: 9px 12px 8px 12px;
width: fit-content;
}
.product.instock .summary .product-stock,
.product .product-stock.in-stock {
background: rgb(60 159 71 / 10%);
}
.product.instock .product-stock p {
color: #3c9f47 !important;
}
.product.outofstock .product-stock p,
.product.instock .product-stock p.variation-stock.out-of-stock {
color: #db2f2f !important;
}
.product.outofstock .product-status {
margin-top: 40px;
}
.product.outofstock .summary .product-stock,
.product .product-stock.out-of-stock,
.product.instock .product-status.is-outofstock .product-stock {
background: rgb(219 47 47 / 10%);
}
body.single-product .summary .product-shipping {
opacity: 0.5;
padding: 8px 12px;
}
body.single-product .outofstock .summary .product-shipping {
display: none;
}
body.single-product .summary .product-shipping small:before,
body.single-product .summary .faq:before,
body.single-product .summary .usp-list li:before {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/shipping.svg) no-repeat center center;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
margin-right: 7px;
vertical-align: text-top;
top: -1px;
}
body.single-product .summary .product-usps {
background: var(--light-alt);
padding: 20px;
margin-top: 15px;
}
body.single-product .summary .usp-list {
margin-bottom: 20px;
}
body.single-product .summary .usp-list li {
padding-bottom: 5px;
}
body.single-product .summary .usp-list li:before {
background: url(//swietiesgifts.nl/wp-content/uploads/check-accent.svg) no-repeat center center;
}
body.single-product .summary .faq {
font-weight: bold;
text-decoration: underline !important;
}
body.single-product .summary .faq:hover {
text-decoration: none !important;
}
body.single-product .summary .faq:before {
background: url(//swietiesgifts.nl/wp-content/uploads/info.svg) no-repeat center center;
}
body.single-product .product-type-variable .summary .price:not(.woocommerce-variation-price .price),
body.single-product .product-type-variable .reset_variations,
body.single-product
.product-type-variable
.woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled {
display: none !important;
}
body.single-product .product-type-variable .summary form.cart {
margin: 60px 0 40px 0 !important;
}
body.single-product .product-type-variable .woocommerce-variation-add-to-cart {
margin-top: 20px;
}
body.single-product .product-type-variable table.variations tr {
display: flex;
flex-direction: column;
align-items: flex-start;
}
body.single-product .product-type-variable table.variations th {
font: 300 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--body-font);
color: var(--dark);
}
body.single-product .product-type-variable table.variations .variable-items-wrapper {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
body.single-product .product-type-variable table.variations li.variable-item {
border-radius: 0 !important;
padding: 4px 10px !important;
margin: 0 !important;
border: solid 1px var(--dark) !important;
box-shadow: none !important;
transition: all 0.1s ease;
}
body.single-product .product-type-variable table.variations li.variable-item:hover {
background: var(--light);
}
body.single-product .product-type-variable table.variations li.variable-item.selected {
background: var(--dark) !important;
}
body.single-product .product-type-variable table.variations li.variable-item span {
padding: 0 !important;
font-size: 90%;
}
body.single-product .product-type-variable table.variations li.variable-item.selected span {
color: #fff !important;
}
body.single-product .product-type-variable .product-status.is-outofstock .product-shipping {
display: none;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 10px auto 0 auto !important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
max-width: 100px;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
transition: all 0.1s linear;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border: solid 1px var(--dark);
padding: 5px;
}
ul.flex-direction-nav {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
z-index: 2;
top: 41%;
width: 100%;
}
a.flex-next:after,
a.flex-prev:before {
visibility: visible;
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/chevron-right.svg) no-repeat right center;
background-size: contain;
width: 100%;
height: 30px;
display: block;
position: absolute;
left: 0;
top: 0;
}
a.flex-prev:before {
transform: rotate(180deg);
}
a.flex-next,
a.flex-prev {
transition: all 0.15s ease;
opacity: 1;
}
a.flex-prev {
flex-direction: column-reverse;
}
a.flex-next,
a.flex-prev {
visibility: hidden;
position: relative;
}
.flex-direction-nav a {
opacity: 1 !important;
pointer-events: auto;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
display: block;
}
.woocommerce-tabs {
background: var(--light);
padding: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: unset !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 !important;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--dark) !important;
padding: 0 0 5px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
border-bottom: solid 2px var(--accent);
}
.woocommerce div.product .woocommerce-tabs .panel {
background: #fff;
padding: 20px;
margin: 0 !important;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel ul {
margin-bottom: 25px;
}
.woocommerce div.product .woocommerce-tabs .panel ul {
list-style-type: disc;
padding-left: 20px;
}
.woocommerce div.product .woocommerce-Tabs-panel--description .product-brand-tab {
display: inline-block;
margin-bottom: 20px;
transition: all 0.1s ease;
}
.woocommerce div.product .woocommerce-Tabs-panel--description .product-brand-tab:hover {
opacity: 0.25;
}
.woocommerce div.product .woocommerce-Tabs-panel--additional_information table {
margin: 0 !important;
border-top: none;
display: inline-block;
}
.woocommerce div.product .woocommerce-Tabs-panel--additional_information table > * {
font-family: var(--body-font) !important;
text-align: left !important;
color: var(--dark);
}
.woocommerce div.product .woocommerce-Tabs-panel--additional_information table th,
.woocommerce div.product .woocommerce-Tabs-panel--additional_information table td {
border-bottom: solid 1px var(--light) !important;
padding: 8px 18px 8px 8px;
vertical-align: top !important;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: none !important;
}
.woocommerce table.shop_attributes td p {
padding: 0 !important;
}
.product-faq,
.cta-block {
position: relative;
margin-top: 50px;
padding: 75px 20px;
overflow: hidden;
}
.product-faq > *,
.cta-block > *,
.block-cta-block .wrapper {
position: relative;
z-index: 1;
}
.product-faq:before,
.product-faq:after,
.cta-block:before,
.cta-block:after,
.block-cta-block .wrapper:before,
.block-cta-block .wrapper:after {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/sg-beeldmerk-diap.svg) no-repeat;
background-size: 100% 100%;
background-position: 50% 50%;
width: 40vw;
max-width: 350px;
height: 100%;
display: block;
opacity: 0.1;
position: absolute;
top: -80px;
left: -60px;
}
.product-faq:after,
.cta-block:after,
.block-cta-block .wrapper:after {
left: unset;
top: unset;
right: -60px;
bottom: -160px;
}
.product-faq p,
.cta-block p,
.block-cta-block p {
max-width: 750px;
margin: 20px auto 35px auto;
}
.up-sells.upsells.products {
margin: 50px 0 -50px 0;
}
.related > h2 {
margin-top: clamp(50px, calc(28.546px + 5.959vw), 100px);
}
.related > h2,
.up-sells > h2,
.cross-sells > h2 {
font: 500 clamp(1.375rem, 1.0536rem + 1.4286vw, 2.125rem) / 1.2 var(--title-font);
margin-bottom: 25px;
text-align: center;
color: var(--accent-alt);
}
#photoswipe-fullscreen-dialog .pswp__bg {
background: #fff !important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-image: url(//swietiesgifts.nl/wp-content/uploads/lightbox-skin.svg) !important;
}
.pswp__top-bar {
background-color: unset !important;
}
.pswp__button {
opacity: 1 !important;
}
.pswp__preloader {
display: none !important;
}
.pswp__top-bar button.pswp__button {
background-image: url(//swietiesgifts.nl/wp-content/uploads/lightbox-skin.svg) !important;
transform: scale(0.9);
}
.pswp--supports-fs .pswp__button--fs,
.pswp--zoom-allowed .pswp__button--zoom {
display: none !important;
}
.pswp__counter {
color: var(--dark) !important;
font: 300 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--body-font);
opacity: 1 !important;
padding: 10px !important;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
body.single-product .summary .product-shipping {
padding: 8px 0;
}
.product-faq:before,
.cta-block:before,
.block-cta-block .wrapper:before {
display: none;
}
}
@media (max-width: 767px) {
body.single-product.woocommerce .product .images,
body.single-product.woocommerce .product .summary {
width: 100%;
margin-bottom: 50px !important;
}
body.single-product .summary {
margin: 50px 0 50px 0 !important;
}
body.single-product .summary .price {
margin-top: 35px;
}
form.cart {
margin: 10px 0 10px 0 !important;
}
body.single-product .summary .product-usps {
margin-top: 15px;
}
ul.flex-direction-nav {
top: 38%;
}
.woocommerce-tabs {
margin-bottom: 50px;
padding: 25px 20px;
}
.product-faq:after,
.cta-block:after,
.block-cta-block .wrapper:after {
right: -20px;
max-width: unset;
width: 300px;
}
}
@media (max-width: 575px) {
}  .tinv-wishlist .tinv-header,
.tinv-wishlist table thead {
display: none !important;
}
header a.wishlist_products_counter.top_wishlist-custom img {
width: 21px !important;
height: 21px !important;
max-height: unset !important;
max-width: unset !important;
margin: 0 0 2px 0 !important;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img,
a.wishlist_products_counter.top_wishlist-custom img,
span.wishlist_products_counter.top_wishlist-custom img {
max-width: unset !important;
max-height: unset !important;
height: 22px !important;
width: 22px !important;
}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
margin: 11px !important;
transition: all 0.1s ease;
}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button:active {
transform: scale(0.9);
}
table.tinvwl-table-manage-list {
border-collapse: collapse;
}
.tinv-wishlist tfoot .tinvwl-to-right > * {
margin: 0 !important;
}
table.tinvwl-table-manage-list tfoot {
position: absolute;
right: 0;
}
table.tinvwl-table-manage-list tfoot td {
padding: 25px 0 0 !important;
}
.tinv-wishlist tfoot .tinvwl-to-left + .tinvwl-to-right {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
table.tinvwl-table-manage-list tfoot button {
white-space: nowrap;
transition: all 0.1s ease;
background: var(--primary) !important;
}
table.tinvwl-table-manage-list tfoot button:hover {
background: var(--dark) !important;
}
table.tinvwl-table-manage-list tfoot tr {
border-bottom: unset !important;
}
table.tinvwl-table-manage-list th,
table.tinvwl-table-manage-list th span {
text-align: left !important;
color: var(--dark);
}
.tinv-wishlist table td,
.tinv-wishlist table th {
padding: 25px 0 25px 15px !important;
}
.tinv-wishlist .product-remove {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 30px;
}
.tinv-wishlist .product-action {
padding-right: 0 !important;
text-align: left;
}
.tinv-wishlist .product-name a {
font: 400 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--title-font) !important;
}
.tinv-wishlist .product-remove button {
background: none !important;
padding: 0 !important;
cursor: pointer !important;
transition: all 0.1s ease;
margin: 0 !important;
display: block !important;
width: fit-content !important;
height: fit-content !important;
}
.tinv-wishlist .product-remove button:hover {
opacity: 0.5;
}
.tinv-wishlist .product-remove button .ftinvwl-times:before {
content: "" !important;
background: url(//swietiesgifts.nl/wp-content/uploads/close-dark.svg) no-repeat center center;
background-size: 12px 12px;
width: 12px;
height: 12px;
display: inline-block;
position: relative;
}
.tinv-wishlist table tr {
border-bottom: solid 1px var(--dark);
}
.tinv-wishlist .product-action button i,
.tinv-wishlist .product-stock .stock span:first-child {
display: none;
}
.tinv-wishlist .product-stock .stock.in-stock span,
.tinv-wishlist .product-stock .stock.out-of-stock span {
background: rgba(60, 159, 71, 0.1);
color: rgb(60, 159, 71);
padding: 9px 12px 8px;
font-size: 0.9em;
white-space: nowrap;
}
.tinv-wishlist .product-stock .stock.out-of-stock span {
background: rgb(219 47 47 / 10%) !important;
color: #db2f2f !important;
}
.tinv-wishlist .product-price del bdi,
.tinv-wishlist .product-price del bdi span {
font: 300 clamp(0.75rem, 0.6964rem + 0.2381vw, 0.875rem) / 1.2 var(--body-font);
}
.tinv-wishlist .product-price del {
opacity: 0.25;
}
.tinv-wishlist .product-price ins {
text-decoration: none !important;
}
.tinv-wishlist .product-action button {
background: var(--accent) !important;
transition: all 0.1s ease;
}
.tinv-wishlist .product-action button:hover {
background: var(--accent-hover) !important;
}
.tinv-wishlist .product-action button span,
table.tinvwl-table-manage-list tfoot button {
border-radius: 0 !important;
cursor: pointer !important;
font-weight: 600 !important;
font-family: var(--title-font), sans-serif;
font-size: 95% !important;
line-height: 1 !important;
transition: all 0.1s ease;
display: inline-block !important;
color: #fff !important;
appearance: none;
-webkit-appearance: none;
white-space: nowrap;
width: fit-content;
}
.tinv-wishlist .product-action button span:before,
.tinv-wishlist .product-action a.button:before,
table.tinvwl-table-manage-list tfoot button:before,
.tinv-wishlist .social-buttons .social-clipboard {
content: "";
background: url(//swietiesgifts.nl/wp-content/uploads/cart.svg) no-repeat center center;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
margin-right: 7px;
vertical-align: text-top;
top: 1px;
}
.tinv-wishlist .product-action a.button {
background: var(--light) !important;
color: var(--dark) !important;
width: fit-content;
padding: 11px 15px 16px 15px !important;
transition: all 0.1s ease;
}
.tinv-wishlist .product-action a.button:hover {
opacity: 0.5;
}
.tinv-wishlist .product-thumbnail img {
display: block;
min-width: 150px;
}
.tinv-wishlist .product-action a.button:before {
background: url(//swietiesgifts.nl/wp-content/uploads/mail-dark.svg) no-repeat center center;
width: 19px;
height: 16px;
top: 3px;
}
.tinv-wishlist .social-buttons span {
margin: 0 !important;
}
.tinv-wishlist .product-action button i,
.tinv-wishlist .social-buttons .social-clipboard i {
display: none !important;
}
.tinv-wishlist .social-buttons .social-clipboard {
background: url(//swietiesgifts.nl/wp-content/uploads/share-dark.svg) no-repeat center center;
border-radius: 0 !important;
width: 15px !important;
height: 18px !important;
margin-right: 0;
margin-left: 5px;
top: 0;
}
.tinv-wishlist .social-buttons {
margin: 0 0 40px !important;
text-align: left !important;
}
.tinv-modal-inner,
.tinv-overlay,
.tinv-lists-nav.tinv-wishlist-clear {
display: none !important;
}
.tinv-wishlist .return-to-shop,
body.logged-in .wishlist-login-notice {
display: none;
}
.wishlist-login-notice a {
color: var(--dark) !important;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) { .wishlist_products_counter_text {
display: none;
}
header a.wishlist_products_counter.top_wishlist-custom img {
width: 22px !important;
height: 22px !important;
margin: 0 0 1px 0 !important;
}
.tinv-wishlist .product-thumbnail img {
min-width: unset;
}
.tinv-wishlist .product-stock {
transform: scale(0.8);
}
.tinv-wishlist .product-remove {
max-width: 15px;
}
}
@media (max-width: 767px) {
.tinv-wishlist form {
overflow-x: unset;
margin-right: 0;
padding-right: 0;
}
.tinv-wishlist table td,
.tinv-wishlist table th {
padding: 0 !important;
}
.tinv-wishlist table tr {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 30px;
padding-bottom: 30px;
}
.tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove {
position: absolute;
width: 27px !important;
right: -7px;
top: -6px;
z-index: 1;
}
.tinv-wishlist .product-thumbnail {
flex: 33%;
}
.tinv-wishlist .product-thumbnail img {
width: 100% !important;
max-width: 100% !important;
margin: 0;
}
.tinv-wishlist .product-name {
flex: 33%;
padding: 20px !important;
text-align: left !important;
}
.tinv-wishlist .product-price {
max-width: fit-content !important;
}
.tinv-wishlist .product-stock {
position: absolute;
right: 20px;
top: 0;
z-index: 1;
max-width: fit-content;
transform-origin: top right;
}
.tinv-wishlist .product-action {
margin-top: 15px;
}
.tinv-wishlist .product-action a.button {
width: 100%;
}
.tinv-wishlist .social-buttons > span {
display: inline-block !important;
}
.tinv-wishlist table.tinvwl-table-manage-list {
margin-top: 30px;
margin-bottom: 0;
}
table.tinvwl-table-manage-list tfoot {
right: unset;
left: 0;
width: 100%;
}
.tinv-wishlist .social-buttons {
text-align: center !important;
margin: 0 0 100px !important;
}
table.tinvwl-table-manage-list tfoot td {
padding: 40px 0 0 !important;
}
}
@media (max-width: 575px) {
}  .wp-block-woocommerce-cart *,
.wc-block-checkout *,
body.woocommerce-account .woocommerce * {
font-family: var(--body-font), sans-serif;
color: var(--dark);
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
min-height: unset !important;
}
.wc-block-components-totals-coupon__content .wc-block-components-button:not(.is-link) {
background: var(--light) !important;
border: unset !important;
}
.wc-block-components-totals-coupon__input input,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-checkout__form input,
.wc-block-checkout__form select,
.wc-block-checkout__form textarea {
border-radius: 0 !important;
}
.cart-shop-cta {
float: right;
margin: 10px 0 25px 0;
text-decoration: underline !important;
}
.cart-shop-cta:hover {
text-decoration: none !important;
}
.woocommerce-cart .cross-sells {
padding-top: 50px;
}
.woocommerce-cart .recently-viewed-products h4 {
text-align: center;
}
.woocommerce-cart .cross-sells ul.products.columns-2 li.product {
width: 22.05% !important;
}
.wp-block-woocommerce-cart .btn a div {
font-family: var(--title-font), sans-serif;
color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header span,
.wc-block-components-sidebar h2,
.wc-block-components-checkout-order-summary__title p,
.wc-block-components-title.wc-block-components-title,
.woocommerce-EditAccountForm fieldset legend,
table.tinvwl-table-manage-list th,
table.tinvwl-table-manage-list th span {
font: 600 clamp(1.125rem, 1.0714rem + 0.2381vw, 1.25rem) / 1.4 var(--title-font) !important;
text-transform: uppercase;
}
.wc-block-components-product-price__regular,
.wc-block-components-totals-footer-item-tax {
font: 300 clamp(0.75rem, 0.6964rem + 0.2381vw, 0.875rem) / 1.2 var(--body-font);
opacity: 0.25;
}
.wc-block-components-totals-item__value span {
font-weight: bold;
}
.wc-block-cart__main .wc-block-cart-items th {
padding: 8px 16px 10px 0 !important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
min-width: 125px;
min-height: auto;
transition: all 0.1s ease;
}
.wc-block-cart-item__remove-link {
transition: all 0.1s ease;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img:hover,
.wc-block-cart-item__remove-link:hover {
opacity: 0.5;
}
.wp-block-woocommerce-proceed-to-checkout-block.btn {
width: 100%;
padding: 0 !important;
}
.wp-block-woocommerce-proceed-to-checkout-block.btn .wc-block-cart__submit-container a {
padding: 12px 15px 15px 15px !important;
background: var(--accent);
transition: all .1s ease;
}
.wp-block-woocommerce-proceed-to-checkout-block.btn:hover,
.wp-block-woocommerce-proceed-to-checkout-block.btn:hover .wc-block-cart__submit-container a{
background: var(--accent-hover) !important;
}
.wp-block-woocommerce-proceed-to-checkout-block.btn .wc-block-components-button__text {
font-weight: 600;
}
.wc-block-components-product-name {
order: 1;
}
.wc-block-components-product-metadata {
order: 2;
margin: -2px 0 6px 0;
}
.wc-block-components-product-metadata span {
font-size: 13px;
opacity: 0.75;
}
.wc-block-cart-item__prices {
order: 3;
}
.wc-block-cart-item__quantity {
order: 4;
}
.wc-block-components-product-name {
font: 400 clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem) / 1.4 var(--title-font) !important;
text-transform: inherit !important;
}
.wc-block-components-product-metadata__description {
display: none !important;
}
.wc-block-components-quantity-selector {
width: 80px !important;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
min-width: 25px !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge span {
font: 300 clamp(0.625rem, 0.5714rem + 0.2381vw, 0.75rem) / 1.2 var(--body-font);
color: rgb(40 4 56 / 50%);
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge {
background: var(--light-alt) !important;
padding: 4px 6px !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
border: unset !important;
background: var(--light) !important;
box-shadow: unset !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
font: 300 clamp(0.625rem, 0.5714rem + 0.2381vw, 0.75rem) / 1.2 var(--body-font);
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
color: var(--dark) !important;
}
.wc-block-components-radio-control--highlight-checked
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked
label.wc-block-components-radio-control__option--checked-option-highlighted {
border-radius: 0 !important;
box-shadow: inset 0 0 0 1px var(--dark) !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
border-radius: 0 !important;
background: var(--dark) !important;
}
.wc-block-checkout__form .wc-block-components-button:not(.is-link) {
border: unset;
flex-grow: 1;
}
.wc-block-checkout__actions
.wc-block-checkout__actions_row
button
.wc-block-components-checkout-place-order-button__text {
font-family: var(--title-font), sans-serif;
color: #fff !important;
font-size: 110%;
text-transform: uppercase;
display: flex;
justify-content: center;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row {
gap: 25px !important;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row button {
background: var(--accent);
padding: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.1s ease;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row button:hover {
background: var(--accent-hover);
}
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
color: var(--dark) !important;
opacity: 1 !important;
}
wc-block-components-totals-coupon__input input {
border: solid 1px var(--dark) !important;
}
.wc-block-components-checkout-return-to-cart-button {
opacity: 0.5;
}
.woocommerce-checkout .wc-block-checkout__sidebar {
top: 100px !important;
}
.wc-block-components-checkbox.wc-block-checkout__create-account:after {
content: "Je ontvangt een e-mail om je account te activeren.";
display: block;
font-size: 13px;
margin-top: 12px;
height: 8px;
}
.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
border: solid 1px var(--dark);
padding: 5px 10px;
margin-top: -26px !important;
}
body:not(.logged-in) span.wc-block-components-checkout-step__heading-content:after {
content: "Heb je een account?";
position: absolute;
font-weight: bold;
right: 80px;
top: calc(50% - 7px);
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
table.wc-block-cart-items tr {
grid-template-columns: 141px 132px !important;
}
table.wc-block-cart-items td.wc-block-cart-item__product {
padding-right: 16px !important;
}
.woocommerce-cart .cross-sells ul.products.columns-2 li.product {
width: 48% !important;
}
}
@media (max-width: 575px) {
table.wc-block-cart-items tr {
grid-template-columns: 91px 132px !important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
min-width: 75px !important;
}
}  body.woocommerce-account .woocommerce {
margin-bottom: 100px;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
width: 100%;
float: unset;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
display: flex;
justify-content: center;
padding-bottom: 75px;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout,
.woocommerce table.my_account_orders th.woocommerce-orders-table__header-order-actions {
display: none;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:hover {
background: var(--dark);
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:not(.is-active):hover a {
color: #fff;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li {
transition: all 0.15s ease;
margin: -0.5px;
border: solid 1px var(--dark);
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a {
transition: all 0.15s ease;
}
li.woocommerce-MyAccount-navigation-link--downloads,
li.woocommerce-MyAccount-navigation-link--edit-address {
display: none;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a {
padding: 10px 50px;
display: block;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table th span {
font-weight: 600 !important;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.view,
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.invoice,
.woocommerce-EditAccountForm .woocommerce-Button {
border: solid 1px var(--dark) !important;
background: var(--dark) !important;
padding: 8px 25px !important;
border-radius: 0 !important;
color: #fff !important;
transition: all 0.15s ease;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.view:hover,
.woocommerce-EditAccountForm .woocommerce-Button:hover {
border: solid 1px var(--dark) !important;
background: none !important;
color: var(--dark) !important;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.invoice:hover {
opacity: 1 !important;
background: var(--dark) !important;
color: #fff !important;
}
.woocommerce-EditAccountForm .woocommerce-Button {
margin-top: 35px !important;
text-transform: initial !important;
line-height: 1.5 !important;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.view:hover {
color: var(--dark) !important;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.invoice {
background: #fff !important;
color: var(--dark) !important;
margin-left: 20px;
}
body.woocommerce-account .woocommerce .woocommerce-orders-table td a.woocommerce-button.button.invoice:hover {
opacity: 0.25;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
max-width: 1000px;
margin: 0 auto;
}
.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide span:not(.password-input) {
display: none;
}
.woocommerce-EditAccountForm fieldset {
margin-top: 35px;
}
.woocommerce-EditAccountForm fieldset legend {
font: 400 clamp(16px, 0.9464rem + 0.2381vw, 18px) / 1.3 var(--primary-font);
text-transform: uppercase;
padding-right: 12px;
padding-bottom: 3px;
margin-left: -16px;
background: transparent;
}
body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2 {
font: 400 clamp(16px, 0.9464rem + 0.2381vw, 18px) / 1.3 var(--primary-font);
font-weight: bold !important;
}
body.woocommerce-account .u-column1 form,
body.woocommerce-account .u-column2 form {
margin: 10px 0 !important;
}
body.woocommerce-account .u-column2 .woocommerce-privacy-policy-text {
opacity: 0.5;
margin: 5px 0;
}
body.woocommerce-account .u-column2 .woocommerce-privacy-policy-text p,
body.woocommerce-account .u-column2 .woocommerce-privacy-policy-text a {
font: 300 clamp(0.625rem, 0.5714rem + 0.2381vw, 0.75rem) / 1.2 var(--body-font);
}
body.woocommerce-account .u-column2 .woocommerce-privacy-policy-text a,
body.woocommerce-account .u-column1 .woocommerce-LostPassword.lost_password a {
text-decoration: underline !important;
}
.woocommerce table.my_account_orders {
border-radius: 0 !important;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 12px 15px !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em !important;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
top: unset !important;
}
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
display: none !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
border-top-color: var(--primary);
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: var(--light-alt) !important;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a {
padding: 10px 30px;
}
}
@media (max-width: 767px) {
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
flex-direction: column;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li {
text-align: center;
}
}
@media (max-width: 575px) {
}  ul.woocommerce-thankyou-order-details.order_details {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 25px auto 100px auto;
}
.woocommerce ul.order_details li {
border-right: 1px solid var(--dark);
margin-bottom: 2em;
}
.woocommerce ul.order_details li.total .amount,
.woocommerce ul.order_details li.total .amount .woocommerce-Price-currencySymbol {
font-weight: bold !important;
}
.woocommerce-order-details__title {
margin-top: 50px;
}
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
font: 800 clamp(1.375rem, 1.0536rem + 1.4286vw, 2.125rem) / 1.2 var(--title-font);
margin-bottom: 10px;
}
.woocommerce ul.order_details li strong {
margin-top: 5px;
}
.woocommerce-order-details *,
.woocommerce-customer-details * {
font-family: var(--body-font);
color: var(--dark);
border-radius: 0 !important;
border-color: var(--light) !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {
content: unset !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
padding-left: 0 !important;
}
.woocommerce .woocommerce-customer-details address {
padding: 10px 15px !important;
border: solid 1px var(--light) !important;
}
.woocommerce-thankyou-order-received,
body.woocommerce-order-received #main .c > h3 {
display: none;
}
.custom-header.thankyou {
background-image: url(https://swietiesgifts.nl/wp-content/uploads/sg-hero-1400x620-1.gif);
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: clamp(75px, calc(42.819px + 8.939vw), 150px) 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-top: -50px;
margin-bottom: 50px;
border-bottom: 6px solid var(--accent);
width: 100vw;
transform: translateX(-50%);
left: 50%;
}
.custom-header.thankyou .overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(40 4 56 / 60%);
}
.custom-header.thankyou h1 {
color: #fff;
text-align: center;
z-index: 1;
}
.woocommerce-column--shipping-address,
.woocommerce-column--billing-address {
margin-bottom: 25px;
}
.thankyou-product-img-thumb,
body.woocommerce-order-received .woocommerce-table__product-name.product-name {
display: inline-flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}  @media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}