/* Global. */
html {
background-color: hsl(0, 0%, 11%);
}
body {
/* background: linear-gradient(to right top, white, hsl(200deg,35%,99.5%) 85%)!important; */
}
h1 {
font-size: var(--wp--preset--font-size--x-large);
}
@media (max-width: 800px) {
* {
--wp--preset--font-size--x-large: 2.1rem;
}
}
/* -- Set "Site Logo" block's SVG width. */
.wp-block-site-logo img {
width: 300px;
}
/* -- Change Navigation block breakpoint from 600px to 800px. */
@media (max-width: 801px) {
/* Stacks columns all the way until desktop version. */
.custom-class.footer-columns .custom-class.footer-column {
flex-basis: 100%!important;
}
.custom-class.footer-columns {
flex-wrap: wrap!important;
}
/* Centers header logo all the way until desktop version. */
.custom-class.header-columns {
flex-wrap: wrap!important;
}
/* Navigation blocks. */
.wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.has-modal-open):not(.is-menu-open) {
display: none !important;
}
.wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex !important;
}
.wp-block-navigation__responsive-container-open {
display: flex !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
}
}
@media (min-width: 802px) {
/* Navigation blocks. */
.wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.has-modal-open):not(.is-menu-open) {
display: flex !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: flex !important;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
}
/* -- Admin bar. */
#wpadminbar #wp-admin-bar-redis-cache {
display: none;
}
/* -- static content. */
/* -- blog post and page titles/h1 headings */
@media (max-width: 800px) {
body.page h1.wp-block-post-title {
font-size: 2.1rem!important;
}
}
/* -- other static content. */
.page:not(.woocommerce-page) .wp-block-post-content.entry-content strong {
font-weight: 400!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content :is(h2, h3, h4, h5):not(:first-child) {
margin-top: 2rem!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content :is(h2, h3, h4, h5) {
margin-bottom: -.4rem!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content :is(ol, ul) {
padding-left: 50px!important;
}
.page:not(.woocommerce-page) main:has(.wp-block-post.entry-content-content) h1 {
font-size: 2.2rem!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content h2 {
font-size: 1.5rem!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content h3 {
font-size: 1.4rem!important;
}
.page:not(.woocommerce-page) .wp-block-post-content.entry-content h4 {
font-size: 1.3rem!important;
}
/* -- "Mejs" Audio player. */
.mejs-container {
height: 40px!important;
min-width: 241px!important;
max-width: 500px!important;
margin: 35px auto!important;
border-radius: 5px!important;
overflow: hidden!important;
background-color: var(--wp--preset--color--tertiary)!important;
border-radius: 5px!important;
overflow: hidden!important;
}
.mejs-controls:not([style*="display: none"]) {
background: none!important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: var(--wp--preset--color--secondary)!important;
}
.mejs-time {
color: var(--wp--preset--color--secondary)!important;
}
.mejs-button {
filter: brightness(58%) sepia(100%) saturate(200%) hue-rotate(6deg)!important;
}
.mejs-time-float {
bottom: -3px!important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: white!important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: transparent!important;
}
.mejs-time-handle {
border: 7px solid transparent!important;
border-radius: 7px!important;
z-index: 11!important;
background-color: white!important;
bottom: -2px!important;
}
.mejs-time-handle-content {
display: none!important;
}
.mejs-time-current {
z-index: 1;
}
.mejs-time-float {
z-index: 10;
}
/* -- WooCommerce store notice banner, e.g., "added to cart". */
.woocommerce-store-notice { /* Not sure what this one targets--it doesn't target "added to cart." */
background: var(--wp--preset--color--primary) !important;
color: var(--wp--preset--color--tertiary)!important;
}
.wc-block-store-notices {
max-width: 950px!important;
padding: 0!important;
}
.wc-block-store-notices .wc-block-components-notice-banner {
width: fit-content;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
align-items: center;
gap: 20px;
}
.wc-block-store-notices .wc-block-components-notice-banner__content {
display: flex;
flex-flow: row wrap;
justify-content: end;
align-items: center;
gap: 10px;
padding-top: 2px;
text-align: center;
}
.wc-block-store-notices .wc-block-components-notice-banner__content .wc-forward {
margin-left: 10px;
margin-bottom: 1px;
}
.wc-block-components-notice-banner {
padding: 30px 50px!important;
background-color: transparent!important;
border-radius: 7px!important;
}
.wc-block-components-notice-banner.is-success {
border: 1.5px solid var(--wp--preset--color--secondary)!important;
box-shadow: inset 0 0 1px var(--wp--preset--color--secondary), 0 0 1px var(--wp--preset--color--secondary)!important;
}
.wc-block-components-notice-banner.is-success>svg {
background-color: var(--wp--preset--color--secondary)!important;
fill: var(--wp--preset--color--tertiary)!important;
}
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content .button.wc-forward.wp-element-button {
margin: 0 0 0 5px;
padding: 5px 20px!important;
border-radius: 20px!important;
background-color: var(--wp--preset--color--secondary)!important;
box-shadow: 0 0 2px var(--wp--preset--color--secondary)!important;
opacity: 1;
color: var(--wp--preset--color--tertiary)!important;
font-size: .85rem!important;
font-weight: 400!important;
text-decoration: none!important;
}
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content .button.wc-forward.wp-element-button:is(:hover, :active) {
box-shadow: 0 0 2px 1px var(--wp--preset--color--secondary)!important;
}
.woocommerce.product main:has(.wc-block-components-notice-banner__content) .custom-class.product-page-columns {
margin-top: 40px!important;
}
.wc-block-store-notices .wc-block-components-notice-banner {
margin-top: 40px!important;
}
/* -- -- Mobile version of store notice. */
@media (max-width: 781px) {
.woocommerce.product main:has(.wc-block-components-notice-banner__content) .custom-class.product-page-columns {
margin-top: 20px!important;
}
.wc-block-components-notice-banner {
margin-top: 42px!important;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.wc-block-components-notice-banner__content {
flex-flow: column nowrap!important;
justify-content: center!important;
}
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content .button.wc-forward.wp-element-button {
margin: 10px 0;
padding-bottom: 10px!important;
padding-top: 10px!important;
}
}
/* Plugins. */
/* -- PDF Generator for WordPress. */
.pgfw-single-pdf-download-button img {
display: none!important;
}
.pgfw-single-pdf-download-button::after {
display: block;
content: "Gem som PDF";
width: auto;
}
/* -- Classic Editor. */
.table-container:has(table.user-created-table) {
margin-top: 45px;
margin-bottom: 45px;
width: 100%!important;
max-width: 825px!important;
overflow-x: auto!important;
display: flex!important;
justify-content: center!important;
}
table.user-created-table {
flex-shrink: 1;
height: auto!important;
min-width: fit-content!important;
max-width: 100%!important;
border-collapse: collapse;
border-radius: 5px;
font-family: 'Open Sans';
font-size: 1rem;
}
table.user-created-table :is(td, th) {
min-width: 120px!important;
}
.user-created-table tr {
height: auto!important;
}
.user-created-table thead {
background-color: #f4f4f4;
color: #333;
font-weight: 400;
text-align: center;
padding: 10px;
border: 1px solid #ddd;
}
.user-created-table td {
padding: 10px;
border: 1px solid #ddd;
}
.user-created-table:not(.no-bg-colors) tr:nth-child(even) {
background-color: #f9f9f9;
}
/* -- Smart Slider. */
.n2-section-smartslider .nextend-arrow:not(:hover) .skip-lazy {
filter: drop-shadow(0 0 3px rgba(0,0,0,.5));
transition: none!important;
}
.n2-section-smartslider .nextend-arrow {
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
transition: none!important;
opacity: 0.95;
}
.n2-section-smartslider .nextend-arrow:hover {
background: hsl(0,0%,95%);
box-shadow: 0 0 3px hsl(0,0%,86%);
transition: background-color .1s ease;
}
/* -- -- Add gold shadow separator on top of slider. */
.n2-section-smartslider {
margin: 0;
box-shadow: 0 -1px 0 var(--wp--preset--color--secondary);
z-index: 1;
}
/* -- Plugins Woo Search. */
.aws-search-result {
display: none!important;
}
/* -- FAQ plugin. */
.qae-faqs-container {
max-width: 700px;
margin: 0 auto;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 25px;
}
/* -- -- Category buttons. */
.qe-faqs-filters-container {
width: 100%;
max-width: 650px;
margin-top: 25px;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 15px;
list-style-type: none;
}
@media (max-width: 781px) {
.qae-faqs-container .qe-faqs-filters-container {
margin-top: 0;
margin-bottom: 0;
display: grid;
grid-template-columns: 1fr;
justify-content: start;
align-items: start;
}
.qae-faqs-container .qe-faqs-filters-container li {
width: fit-content;
}
}
.qae-faqs-container .qe-faqs-filters-container li a:hover {
color: inherit;
}
.qae-faqs-container .qe-faqs-filters-container li,
.qae-faqs-container .qe-faqs-filters-container:has(li:hover) li:not(:hover) {
padding: 5px 20px;
background-color: hsl(0,0%,95%);
border-radius: 25px;
border: 1px solid hsl(0,0%,90%);
box-shadow: 0 0 2px hsl(0,0%,95%);
cursor: pointer;
}
.qae-faqs-container .qe-faqs-filters-container li:is(.active, :hover) {
background-color: var(--wp--preset--color--secondary);
border: 1px solid hsl(0,0%,20%);
box-shadow: 0 0 2px hsl(0,0%,20%);
}
/* -- -- Category button transitions. */
.qae-faqs-container .qe-faqs-filters-container li {
transition-property: box-shadow, background-color, border;
transition-timing-function: ease-in;
transition-duration: .1s;
transition-delay: 0s;
}
.qae-faqs-container .qe-faqs-filters-container li:hover,
.qae-faqs-container .qe-faqs-filters-container li.active:hover {
transition: none!important;
transition-delay: 0s!important;
}
.qae-faqs-container .qe-faqs-filters-container:not(:has(:hover)) li.active:not(:hover) {
transition-duration: .2s;
transition-delay: .1s;
}
.qae-faqs-container .qe-faqs-filters-container:has(:hover) li.active:not(:hover) {
transition: none!important;
}
/* -- -- Category. */
.qae-faqs-container .qe-faqs-group-title {
width: 100%;
max-width: 550px;
margin-top: 35px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
border-bottom: 1px solid var(--wp--preset--color--secondary);
font-size: 1.4rem;
font-style: italic;
}
/* -- -- Question. */
.qae-faqs-container div.qe-faq-toggle {
width: 100%;
max-width: 550px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.qae-faqs-container .qe-faq-toggle.active .qe-toggle-title {
margin-bottom: 17px;
transition: none;
}
.qae-faqs-container .qe-faq-toggle:not(.active) .qe-toggle-title {
margin-bottom: 0px;
transition: margin-bottom .2s ease;
}
.qae-faqs-container .qe-faq-toggle .qe-toggle-title {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: stretch;
gap: 2rem;
background-color: unset!important;
border: unset;
padding: unset;
margin: 0;
transition: all .2s ease;
font-size: 1.2rem;
line-height: 2.1rem;
letter-spacing: .3px;
font-weight: 350;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.qae-faqs-container .qe-toggle-title h4 {
font-size: inherit!important;
line-height: inherit!important;
font-weight: inherit!important;
margin: 0!important;
}
.qae-faqs-container .qe-toggle-title:hover {
background-color: unset;
cursor: pointer!important;
}
.qae-faqs-container .qe-faq-toggle .qe-toggle-content {
display: none!important;
height: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;
padding-top: 0!important;
padding-bottom: 10px!important;
padding-right: 3.5rem!important;
padding-left: 0!important;
border: unset;
overflow: unset!important;
font-size: 1.1rem;
line-height: 1.6rem;
}
.qae-faqs-container .qe-faq-toggle.active .qe-toggle-content {
display: block!important;
height: auto!important;
}
.qae-faqs-container .qe-faq-toggle .qe-toggle-content > :first-child {
margin-top: 0;
}
.qae-faqs-container .qe-faq-toggle .qe-toggle-content > :last-child {
margin-bottom: 0;
}
/* -- -- Arrows. */
.qae-faqs-container .qe-toggle-title .fa {
display: none;
}
.qae-faqs-container .qe-faq-toggle .qe-toggle-title::after {
flex-shrink: 0;
display: block;
content: "";
width: 2.2rem;
height: 2.2rem;
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M15.988,20.557l-10.28,-11.257c-0.39,-0.393 -1.03,-0.393 -1.42,-0c-0.39,0.393 -0.39,1.03 -0,1.423l10.94,11.98c0.21,0.21 0.49,0.3 0.76,0.285c0.28,0.015 0.56,-0.075 0.77,-0.284l10.94,-11.98c0.39,-0.393 0.39,-1.03 -0,-1.424c-0.4,-0.393 -1.03,-0.393 -1.42,-0l-10.29,11.257' style='fill:%23e7cb6e;'/%3E%3C/svg%3E");
background-repeat: no-repeat;
transition: all .15s ease-in;
}
.qae-faqs-container .qe-faq-toggle.active .qe-toggle-title::after {
transform: rotateX(.5turn);
}
/* Header. */
:is(.custom-class.header-nav, .custom-class.footer-need-help) .wp-block-buttons:is(:hover, :active) .wp-block-button__link {
background-color: var(--wp--preset--color--secondary)!important;
}
/* Product menu. */
.custom-class.main-nav .wp-block-navigation-item__content:hover {
text-decoration: none!important;
color: var(--wp--preset--color--secondary);
}
/* Social media buttons. */
.social_buttons {
display: flex;
flex-flow: row nowrap;
gap: 12px;
}
header .social_buttons {
padding-right: 12px;
}
.social_buttons .social_button:nth-child(n+5) {
display: none;
}
.social_buttons .social_button {
width: 40px;
height: 40px;
background-color: white;
padding: 5px;
border-radius: 5px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.social_buttons .social_button svg {
width: 90%;
height: 90%;
}
.social_buttons .social_button:is(.facebook, .instagram) svg {
width: 100%;
height: 100%;
}
.social_buttons .social_button:is(.tiktok, .bluesky, .mastodon) svg {
width: 80%;
height: 80%;
}
.social_buttons .social_button.x_formerly_twitter svg {
width: 70%;
height: 70%;
}
.social_buttons .social_button:is(:hover, :active) {
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 3px var(--wp--preset--color--tertiary);
}
.wp-block-navigation__responsive-container.is-menu-open .social_buttons {
margin-top: 12px;
}
.wp-block-navigation__responsive-container.is-menu-open .social_button:hover {
box-shadow: 0 0 2px hsl(0,0%,75%);
}
/* Footer. */
/* -- Mobile version. */
@media (max-width: 800px) {
.custom-class.footer-columns {
display: flex;
flex-flow: column nowrap;
align-items: center!important;
justify-content: center!important;
place-content: center!important;
}
.custom-class.footer-columns .custom-class.footer-column {
width: 100%;
max-width: 500px!important;
}
.custom-class.footer-center-column .wp-block-group:has(>.social_buttons) {
margin-bottom: 0px!important;
}
footer.wp-block-template-part {
font-size: 1.15rem;
}
footer .custom-class.newsletter-signup-disclaimer p{
padding: 0!important;
}
.custom-class.footer-column.left {
order: 3;
margin-top: 30px;
margin-bottom: 0;
padding-left: 6px!important;
padding-right: 0!important;
}
.custom-class.footer-column.left > :not(.wp-block-site-logo) {
padding-left: 4px;
}
.custom-class.footer-column.right {
order: 2;
margin: 0;
padding-top: 30px!important;
padding-bottom: 30px!important;
padding-left: 10px!important;
padding-right: 0!important;
border-top: 1px solid white!important;
border-bottom: 1px solid white!important;
}
.custom-class.footer-column.right nav {
max-width: fit-content!important;
margin-top: 0!important;
margin-left: 0!important;
margin-right: 0!important;
}
.custom-class.footer-column.center {
order: 1;
margin-top: 30px;
margin-bottom: 15px;
border-right: none!important;
border-left: none!important;
}
.custom-class.footer-column h4 {
font-size: 2rem;
}
.custom-class.footer-need-help {
margin: 45px 0!important;
}
}
.custom-class.footer-center-column .wp-block-group:has(>.social_buttons) {
margin-bottom: 25px;
}
.custom-class.footer-column.left p {
color: var(--wp--preset--color--primary);
}
.custom-class.footer-column.right a {
text-decoration: none!important;
}
.custom-class.footer-column.right a:hover {
color: var(--wp--preset--color--secondary);
}
/* -- Contact list (icon list). */
.contact-icon-list {
margin: 35px 0;
}
.contact-icon-list ul {
/* Don't use flexbox here; Safari glitch. */
padding-left: 8px;
list-style-type: none!important;
}
.contact-icon-list ul li {
margin-bottom: 20px;
}
.contact-icon-list ul li:last-child {
margin-bottom: 0px;
}
.contact-icon-list .contact-item {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 18px;
color: var(--wp--preset--color--primary);
}
.contact-icon-list .contact-item:hover {
color: var(--wp--preset--color--secondary);
}
.contact-icon-list :is(.street, .phone, .email, .cvr)::before {
display: flex;
content: "";
width: 25px;
height: 25px;
place-content: center;
object-position: center;
object-fit: contain;
background-repeat: no-repeat;
background-position: center;
box-sizing: content-box;
}
.contact-icon-list .street::before {
align-self: start;
margin-top: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cg%3E%3Cpath d='M16.621,0.017c-0.919,0.112 -1.41,0.192 -1.95,0.341c-3.696,0.994 -6.612,3.83 -7.697,7.495c-0.87,2.927 -0.464,6.388 1.277,11.003c1.608,4.257 4.562,9.647 8.108,14.775c0.983,1.426 1.095,1.522 1.411,1.245c0.171,-0.139 1.036,-1.496 2.361,-3.686c1.837,-3.05 2.932,-5.048 4.353,-7.922c2.179,-4.396 3.386,-7.708 3.873,-10.571c0.149,-0.908 0.149,-2.569 -0,-3.498c-0.775,-4.669 -4.514,-8.387 -9.14,-9.086c-0.545,-0.08 -2.201,-0.145 -2.596,-0.096Zm2.473,6.377c0.844,0.278 1.293,0.572 2.003,1.277c0.722,0.71 1.106,1.389 1.341,2.361c0.192,0.758 0.16,1.982 -0.075,2.665c-0.753,2.212 -2.596,3.569 -4.855,3.569c-2.26,-0 -4.102,-1.357 -4.856,-3.569c-0.235,-0.683 -0.267,-1.907 -0.074,-2.665c0.235,-0.972 0.619,-1.651 1.34,-2.361c0.684,-0.684 1.143,-0.983 1.891,-1.245c0.716,-0.245 1.02,-0.288 1.902,-0.261c0.652,0.021 0.892,0.058 1.383,0.229Z' style='fill:%23d4bd73;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.contact-icon-list .phone::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cg%3E%3Cpath d='M7.989,0.052c-0.35,0.096 -0.882,0.422 -1.274,0.78c-0.078,0.069 -0.235,0.208 -0.345,0.31c-0.12,0.096 -0.35,0.304 -0.522,0.454c-0.172,0.15 -0.449,0.385 -0.616,0.523c-0.361,0.3 -0.987,0.946 -1.28,1.331c-0.12,0.149 -0.23,0.293 -0.256,0.315c-0.062,0.069 -0.658,0.993 -0.767,1.196c-0.559,1.031 -0.998,2.244 -1.186,3.291c-0.151,0.876 -0.203,1.464 -0.203,2.324c-0,1.768 0.36,3.681 1.028,5.417c0.084,0.224 0.157,0.422 0.157,0.443c0,0.032 0.151,0.39 0.454,1.069c0.277,0.625 0.914,1.859 1.248,2.42c0.403,0.667 0.784,1.287 1.05,1.693c0.287,0.433 0.428,0.625 1.013,1.437c0.267,0.369 1.092,1.437 1.243,1.619c0.073,0.08 0.193,0.224 0.272,0.326c0.689,0.87 1.666,1.96 2.721,3.034c0.96,0.983 1.007,1.026 1.598,1.57c0.699,0.642 1.89,1.608 2.585,2.1c0.094,0.069 0.276,0.198 0.407,0.288c0.13,0.097 0.329,0.23 0.444,0.3c0.109,0.069 0.297,0.192 0.418,0.267c0.12,0.08 0.297,0.187 0.391,0.24c0.105,0.053 0.34,0.192 0.538,0.299c0.831,0.476 1.932,0.962 2.773,1.24c0.34,0.112 0.992,0.304 1.118,0.325c0.052,0.011 0.287,0.059 0.532,0.113c0.643,0.133 0.93,0.171 1.724,0.208c0.459,0.021 0.919,0.021 1.321,-0c0.705,-0.043 0.971,-0.08 1.541,-0.208c0.224,-0.054 0.48,-0.107 0.558,-0.123c0.079,-0.016 0.288,-0.08 0.46,-0.144c0.172,-0.059 0.376,-0.129 0.444,-0.15c0.308,-0.091 1.42,-0.641 1.869,-0.935c0.685,-0.433 0.993,-0.673 1.703,-1.335c0.177,-0.161 0.611,-0.561 0.966,-0.887c0.444,-0.401 0.715,-0.673 0.862,-0.876c0.961,-1.331 0.506,-2.682 -1.536,-4.573c-1.827,-1.688 -2.726,-2.393 -3.687,-2.89c-0.449,-0.23 -0.637,-0.305 -0.981,-0.39c-0.841,-0.214 -1.614,-0.128 -2.319,0.251c-0.188,0.101 -0.402,0.24 -0.486,0.304c-0.136,0.113 -0.835,0.711 -0.872,0.754c-0.01,0.01 -0.146,0.128 -0.303,0.272c-0.156,0.139 -0.485,0.459 -0.726,0.721c-0.496,0.524 -0.752,0.732 -1.096,0.914c-0.319,0.155 -0.402,0.187 -0.731,0.24c-0.799,0.128 -1.849,-0.219 -2.92,-0.961c-0.172,-0.123 -0.37,-0.262 -0.444,-0.31c-0.115,-0.075 -0.809,-0.668 -1.138,-0.967c-0.543,-0.486 -2.068,-2.116 -2.397,-2.554c-0.042,-0.053 -0.167,-0.219 -0.293,-0.363c-0.433,-0.523 -0.652,-0.807 -1.054,-1.357c-0.429,-0.593 -0.773,-1.106 -0.773,-1.148c-0,-0.016 -0.037,-0.081 -0.084,-0.139c-0.423,-0.583 -0.982,-1.827 -1.185,-2.629c-0.084,-0.342 -0.1,-0.459 -0.094,-0.924c0.005,-0.465 0.015,-0.555 0.094,-0.806c0.235,-0.716 0.501,-1.026 1.587,-1.811c0.303,-0.219 1.614,-1.395 1.828,-1.64c0.872,-0.983 1.076,-2.18 0.616,-3.633c-0.146,-0.465 -0.564,-1.389 -0.846,-1.854c-0.329,-0.555 -0.418,-0.705 -1.117,-1.821c-1.113,-1.774 -2.011,-2.687 -2.893,-2.96c-0.246,-0.069 -0.873,-0.069 -1.139,0Z' style='fill:%23d4bd73;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.contact-icon-list .email::before {
width: 22px;
height: 22px;
padding-left: 3px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cpath d='M35,8.2l0,17.6c0,1.214 -0.986,2.2 -2.2,2.2l-30.593,0c-1.214,0 -2.2,-0.986 -2.2,-2.2l0,-17.6c0,-1.214 0.986,-2.2 2.2,-2.2l30.593,0c1.214,0 2.2,0.986 2.2,2.2Zm-2,-0c-0,-0.11 -0.09,-0.2 -0.2,-0.2l-30.593,0c-0.11,0 -0.2,0.09 -0.2,0.2l0,17.6c0,0.11 0.09,0.2 0.2,0.2l30.593,0c0.11,0 0.2,-0.09 0.2,-0.2l-0,-17.6Z' style='fill:%23d4bd73;'/%3E%3Cpath d='M17.496,20.002l16.365,-12.002' style='fill:none;stroke:%23d4bd73;stroke-width:2px;'/%3E%3Cpath d='M1.139,8l16.357,11.998' style='fill:none;stroke:%23d4bd73;stroke-width:2px;'/%3E%3Cpath d='M21.082,17.501l12.779,9.001' style='fill:none;stroke:%23d4bd73;stroke-width:2px;'/%3E%3Cpath d='M1.139,26.502l12.779,-9.001' style='fill:none;stroke:%23d4bd73;stroke-width:2px;'/%3E%3C/svg%3E");
}
.contact-icon-list .cvr::before {
width: 22px;
height: 22px;
padding-left: 3px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cpath d='M29.018,4.625c1.129,0 2.063,0.25 2.801,0.745c0.739,0.494 1.287,1.244 1.651,2.255c0.369,1.005 0.549,2.295 0.549,3.857c-0,1.284 -0.132,2.357 -0.396,3.221c-0.264,0.857 -0.606,1.55 -1.034,2.084c-0.427,0.534 -0.886,0.943 -1.366,1.233l3.777,10.93l-1.867,-0l-3.371,-10.152l-2.864,0l-0,10.152l-1.604,-0l-0,-24.325l3.724,0Zm-0.095,2.449l-2.025,-0l-0,9.333l2.183,-0c1.124,-0 1.952,-0.403 2.485,-1.216c0.527,-0.812 0.796,-1.999 0.796,-3.579c0,-1.647 -0.284,-2.817 -0.844,-3.504c-0.564,-0.693 -1.429,-1.034 -2.595,-1.034Z' style='fill:%23d4bd73;fill-rule:nonzero;'%3E%3C/path%3E%3Cpath d='M22.946,4.625l-4.948,24.325l-1.608,-0l-4.948,-24.325l1.677,0l3.223,16.02c0.132,0.647 0.248,1.261 0.354,1.851c0.1,0.586 0.195,1.154 0.274,1.693c0.084,0.546 0.158,1.074 0.216,1.579c0.063,-0.505 0.137,-1.039 0.222,-1.584c0.079,-0.551 0.174,-1.12 0.279,-1.716c0.106,-0.591 0.227,-1.216 0.359,-1.869l3.202,-15.974l1.698,0Z' style='fill:%23d4bd73;fill-rule:nonzero;'%3E%3C/path%3E%3Cpath d='M6.594,6.773c-0.76,-0 -1.44,0.233 -2.047,0.693c-0.607,0.46 -1.123,1.124 -1.545,1.994c-0.422,0.869 -0.75,1.92 -0.976,3.152c-0.227,1.233 -0.338,2.619 -0.338,4.158c0,2.04 0.179,3.812 0.538,5.317c0.364,1.5 0.902,2.665 1.625,3.483c0.717,0.823 1.619,1.232 2.695,1.232c0.618,0 1.198,-0.091 1.741,-0.272c0.543,-0.188 1.071,-0.415 1.588,-0.693l-0,2.465c-0.501,0.329 -1.029,0.579 -1.583,0.738c-0.553,0.159 -1.208,0.239 -1.967,0.239c-1.403,-0 -2.574,-0.511 -3.513,-1.539c-0.939,-1.023 -1.641,-2.471 -2.11,-4.346c-0.47,-1.875 -0.702,-4.09 -0.702,-6.641c0,-1.84 0.148,-3.522 0.438,-5.044c0.29,-1.528 0.717,-2.846 1.282,-3.954c0.564,-1.107 1.255,-1.965 2.073,-2.567c0.817,-0.608 1.762,-0.909 2.822,-0.909c0.696,-0 1.371,0.119 2.015,0.363c0.649,0.245 1.234,0.597 1.751,1.051l-0.638,2.398c-0.438,-0.358 -0.923,-0.665 -1.445,-0.926c-0.528,-0.262 -1.092,-0.392 -1.704,-0.392Z' style='fill:%23d4bd73;fill-rule:nonzero;'%3E%3C/path%3E%3C/svg%3E");
}
.contact-icon-list :is(.cvr, .phone) {
word-spacing: -1.5px;
}
.custom-class.footer-column.right>.wp-block-heading {
text-align: center!important;
padding-right: 30px!important;
}
/* Pagination. */
.wp-block-query-pagination {
display: flex!important;
flex-flow: row nowrap!important;
justify-content: center!important;
align-items: center!important;
gap: 30px!important;
margin-top: 60px!important;
margin-bottom: 60px!important;
}
/* -- Numbers. */
.wp-block-query-pagination-numbers {
display: flex;
flex-flow: row nowrap;
gap: 12px;
align-items: center;
margin: 0!important;
font-size: 1.5rem!important;
font-weight: 300!important;
color: var(--wp--preset--color--tertiary);
pointer-events: all!important;
}
.wp-block-query-pagination-numbers .page-numbers.dots:hover {
color: var(--wp--preset--color--tertiary)!important;
cursor: default!important;
}
.wp-block-query-pagination-numbers .page-numbers {
padding: 0 10px!important;
font-weight: inherit!important;
transition: color 0.1s ease-out!important;
}
.wp-block-query-pagination-numbers .current {
color: var(--wp--preset--color--secondary)!important;
transition: color 0.3s ease-in!important;
cursor: default!important;
font-weight: inherit!important;
}
.wp-block-query-pagination-numbers .page-numbers:hover {
color: var(--wp--preset--color--secondary)!important;
transition: color 0s ease-out!important;
}
.wp-block-query-pagination-numbers:has(.page-numbers:hover:not(.current)) .current {
color: var(--wp--preset--color--tertiary)!important;
transition: color 0.1s ease-out!important;
}
/* -- Disabled arrows. */
.wp-block-query-pagination:not(:has(.wp-block-query-pagination-previous))::before,
.wp-block-query-pagination:not(:has(.wp-block-query-pagination-next))::after {
display: flex;
place-content: center;
content: ""!important;
width:40px!important;
height:40px!important;
background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.433 15.992L22.69 5.712c.393-.39.393-1.03 0-1.42-.393-.39-1.03-.39-1.423 0l-11.98 10.94c-.21.21-.3.49-.285.76-.015.28.075.56.284.77l11.98 10.94c.393.39 1.03.39 1.424 0 .393-.4.393-1.03 0-1.42l-11.257-10.29' fill='%23ccc' opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E")!important;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
cursor: not-allowed!important;
pointer-events: all!important;
}
.wp-block-query-pagination:not(:has(.wp-block-query-pagination-next))::after {
transform: rotate(0.5turn);
}
.wp-block-query-pagination:has(.wp-block-query-pagination-previous)::before,
.wp-block-query-pagination:has(.wp-block-query-pagination-next)::after {
display: none!important; /* Fixes Safari glitch where ::before and ::after pseudo-elements stick around even though the rules that create them no longer apply when content changes dynamically between a reload. */
}
/* -- Enabled arrows. */
:is(.wp-block-query-pagination-next, .wp-block-query-pagination-previous) {
font-size: 0!important;
}
:is(.wp-block-query-pagination-next, .wp-block-query-pagination-previous)::after {
display: flex;
box-sizing: border-box;
place-content: center;
content: ""!important;
width: 40px!important;
height: 40px!important;
padding: 0 10px;
background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.433 15.992L22.69 5.712c.393-.39.393-1.03 0-1.42-.393-.39-1.03-.39-1.423 0l-11.98 10.94c-.21.21-.3.49-.285.76-.015.28.075.56.284.77l11.98 10.94c.393.39 1.03.39 1.424 0 .393-.4.393-1.03 0-1.42l-11.257-10.29' fill='%23e7cb6e' opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E")!important;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
.wp-block-query-pagination-next {
transform: rotate(0.5turn);
}
/* Product collections (categories, search results, attributes, and recommendations). */
/* -- -- Hide upsells (only cross-sells should be used). */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/upsells"] {
display: none!important;
}
/* -- -- Hide old recommendations if cross-sells manually configured. */
.woocommerce.single-product:has(.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]):has(.wp-block-woocommerce-related-products) .wp-block-woocommerce-related-products {
display: none!important;
}
/* -- -- Hide weird phantom "upsells" block (different from manually-added Gutenberg Cross-Sell and Up-Sell blocks). */
.woocommerce.single-product .products.upsells {
display: none!important;
}
/* -- -- Hide upsells if both upsells and cross-sells manually configured (left here in case upsells enabled in the future). */
/* .woocommerce.single-product:has(.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]):has(.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/upsells"]) .wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/upsells"] {
display: none!important;
} */
/* -- Grid. */
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) {
display: grid!important;
grid-template-columns: repeat(4, 1fr)!important;
grid-auto-rows: minmax(min-content, auto)!important;
gap: 20px!important;
}
/* -- Product cards. */
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) .product {
grid-row: span 4!important;
padding-bottom: 15px;
box-shadow: 0 0 5px hsl(0,0%,90%);
border-radius: 15px;
display: flex!important;
flex-flow: column nowrap;
align-items: start;
gap: 20px;
}
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) .product:hover {
box-shadow: 0 0 6px 2px hsl(0,0%,90%);
}
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) .product > :not(.wc-block-components-product-image) {
margin-left: 10px;
margin-right: 10px;
text-wrap: balance;
}
/* -- Image. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wc-block-components-product-image {
margin: 0!important;
border: none!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wc-block-components-product-image img {
border-radius: 15px 15px 0 0;
aspect-ratio: 1/1!important;
object-fit: cover!important;
object-position: center!important;
border: none!important;
}
/* -- Title. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-post-title {
margin-top: 0!important;
margin-bottom: 0!important;
font-size: 1.3rem!important;
line-height: 1.75rem!important;
font-weight: 300!important;
text-align: left!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-post-title a {
font-size: inherit!important;
font-weight: inherit!important;
text-decoration: none!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-post-title a:is(:hover, :active) {
color: var(--wp--preset--color--secondary);
text-decoration: none!important;
}
/* -- Manufacturer. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .product-manufacturer {
margin-top: -17px!important;
margin-bottom: 0!important;
font-size: 1.1rem!important;
text-decoration-thickness: 0.6px!important;
text-underline-offset: 5px!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .product-manufacturer-from {
padding-left: 3px;
font-style: italic;
margin-right: 5px;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .product-manufacturer-link {
color: var(--wp--preset--color--secondary);
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .product-manufacturer-link:hover {
text-decoration: underline;
text-decoration-thickness: 0.6px;
text-underline-offset: 3px;
}
/* -- "Contact for price" button. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price .cep-button {
display: none;
}
/* -- Price. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price {
order: 4;
margin-top: auto;
margin-bottom: 0!important;
--price-font-size: 1.15rem;
font-size: var(--price-font-size)!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wc-block-components-product-price {
font-size: var(--price-font-size)!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price * {
font-size: var(--price-font-size)!important;
}
/* -- -- Discounted price. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price:has(ins, del) .wc-block-components-product-price {
display: flex;
flex-flow: column nowrap;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price del {
color: darkred;
}
/* -- -- Price interval (both). */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-both:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(1) .woocommerce-Price-currencySymbol {
display: none!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-both:has(.woocommerce-Price-amount:nth-of-type(2)) .wc-block-components-product-price {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 2px;
}
/* -- -- Price interval (lower) */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(1) .woocommerce-Price-currencySymbol {
display: inline;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price:is(.price-interval-show-lower, .price-interval-show-upper):has(.woocommerce-Price-amount:nth-of-type(2)) .wc-block-components-product-price {
font-size: 0!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-lower:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(2) {
display: none!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-lower:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(1) {
font-size: var(--price-font-size);
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-lower:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(1)::before {
display: inline;
content: "Fra ";
font-size: var(--price-font-size);
}
/* -- -- Price interval (upper) */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-upper:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(1) {
display: none!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-upper:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(2) {
font-size: var(--price-font-size);
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-price.price-interval-show-upper:has(.woocommerce-Price-amount:nth-of-type(2)) .woocommerce-Price-amount:nth-of-type(2)::before {
display: inline;
content: "Højst ";
font-size: var(--price-font-size);
}
/* -- "sale" sticker. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wc-block-grid__product-onsale
{
width: 50px;
height: 50px;
padding: 5px;
margin-top: -15px;
margin-left: -15px;
box-sizing: content-box;
background-color: var(--wp--preset--color--secondary);
display: grid;
place-content: center;
font-weight: 40;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
border-radius: 50%;
border: none;
}
/* -- Highlight duplicate manufacturer link on search results page for removal. */
.wp-block-woocommerce-product-template .product-manufacturer:nth-of-type(n+2) {
background-color: red!important;
}
/* -- Remove buy/variant button. */
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products, .upsells .products) .wp-block-woocommerce-product-button {
display: none;
}
/* Product page (mobile). */
@media (max-width: 800px) {
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) {
grid-template-columns: repeat(2, 1fr)!important;
column-gap: 15px!important;
row-gap: 25px!important;
}
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) .product {
gap: 20px!important;
padding-bottom: 20px!important;
border-radius: 15px!important;
box-shadow: 0 0 5px hsl(0,0%,90%)!important;
align-items: center!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products) .product-manufacturer {
margin-top: -10px!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products) :is(.product-manufacturer, .wp-block-post-title) {
text-align: center!important;
}
:is(.wp-block-woocommerce-product-template, .wp-block-woocommerce-related-products) .product-manufacturer {
display: none!important;
}
}
/* -- Show 3 columns on mobile/tablet version. */
@media (min-width: 600px) and (max-width: 800px) {
:is(.wc-block-product-template, .wp-block-woocommerce-related-products .wp-block-post-template, .upsells .products) {
grid-template-columns: repeat(3, 1fr)!important;
}
}
/* Search results page */
.search-results .wp-block-woocommerce-product-collection {
margin-block-start: 0!important;
}
/* -- Hide filter/sort menu if there are no search results. */
.wp-block-woocommerce-product-collection:has(.wp-block-woocommerce-product-collection-no-results) .wp-block-group:has(.custom-class.toggle.filter, .custom-class.toggle.sort) {
display: none!important;
}
.wp-block-woocommerce-product-collection-no-results a:is(:active, :hover) {
text-decoration: underline;
text-decoration-thickness: 0.6px;
text-underline-offset: 3px;
}
/* Product category page subcategories. */
/* -- Hide filter/sort menu if there are no products to show. */
body.archive:has(.wp-block-woocommerce-product-collection):has(.wp-block-woocommerce-product-collection-no-results) .wp-block-template-part>.wp-block-group:has(.custom-class.toggle.filter, .custom-class.toggle.sort),
body.archive:has(.wp-block-woocommerce-product-collection):has(.wp-block-woocommerce-product-collection-no-results) .wp-block-group:has(h1) {
display: none!important;
}
/* -- category FAQ link. */
.custom-class.prodyct-category-page-heading-grid {
display: grid;
grid-template-columns: repeat(2, auto);
}
.custom-class.category-faq-link {
width: 100%;
justify-content: end;
margin: 0;
margin-bottom: 3px;
align-items: end!important;
}
.custom-class.category-faq-link a {
font-weight: 400;
font-style: italic;
margin-right: 1rem;
}
@media (max-width: 800px) {
.custom-class.prodyct-category-page-heading-grid {
display: flex;
flex-flow: column;
}
.custom-class.category-faq-link {
margin: unset!important;
margin-top: 18px!important;
align-items: unset!important;
justify-content: unset!important;
max-width: 100%;
overflow: hidden;
}
.custom-class.category-faq-link a {
max-width: 100%;
word-break: break-all;
}
.custom-class.category-faq-link svg {
flex-shrink: 0!important;
}
}
/* -- Convert product category thumbnail image into grayscale (black/white) */
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
filter: grayscale()!important;
}
.custom-class.subcategories {
margin-bottom: 30px!important;
}
/* -- Turn subcateogry list into flexbox row container. */
.custom-class.subcategories .wc-block-product-categories-list {
display: flex;
flex-flow: row wrap;
gap: 20px;
margin: 0;
padding: 0;
}
/* -- Reset subcategory items. */
.custom-class.subcategories .wc-block-product-categories-list-item {
width: auto;
margin: 0;
clear: none;
font-size: 1rem;
}
/* -- Hide nested subcategories (only show one level of subcategories per category page). */
.custom-class.subcategories .wc-block-product-categories-list-item .wc-block-product-categories-list-item {
display: none;
}
/* -- Reset subcategory image. */
.custom-class.subcategories .wc-block-product-categories-list-item__image {
border-radius: 10px;
overflow: hidden;
margin: 0;
margin-right: 20px;
padding: 0;
}
/* -- Force subcategory container to display a list of 1 item per row on mobile. */
@media (max-width:781px) {
.custom-class.subcategories .wc-block-product-categories-list-item {
width: 100%;
}
/* -- Increase gap on mobile. */
.custom-class.subcategories {
margin-top: 30px!important;
}
}
/* "Strong Testimnials" plugin. */
.wp-block-group.testimonials,
.wpmslider-wrapper,
.testimonial-inner {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.strong-view :is(.clear, .maybe-clear) {
display: none!important;
}
.strong-view .strong-content {
transition-duration: 0.2s!important;
cursor: grab;
}
.strong-view .testimonial-field {
display: flex;
flex-flow: column nowrap;
}
.strong-view .testimonial {
padding: 10px!important;
}
.strong-view .wpmtst-testimonial-inner {
display: grid!important;
margin: 5px 0;
grid-template-columns: 1fr;
grid-template-rows: auto 18px auto 1fr auto;
gap: 10px;
border-radius: 8px;
background: hsl(0,0%,97.5%);
box-shadow: 0 0 3px hsl(0,0%,90%);
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.strong-view .testimonial-company { /* Rating. */
grid-row: 2/3;
}
.strong-view .testimonial-category {
font-size: .95rem;
grid-row: 5/6;
justify-self: end;
padding-right: 14px;
opacity: 0.50;
transform: skew(-0.015turn);
color: var(--wp--preset--color--tertiary);
}
.strong-view .testimonial-name {
grid-row: 1/2;
font-weight: 400;
font-size: 1.1em;
}
.strong-view .testimonial-content {
grid-row: 3/4;
}
/* -- Replace rating star icon. */
.strong-view .strong-rating-wrapper {
display: flex!important;
flex-flow: row nowrap;
align-items: center;
}
.strong-view .strong-rating {
display: flex;
flex-flow: row nowrap;
gap: 3px;
margin: 0;
}
.strong-view .strong-rating .star svg {
display: none;
}
.strong-view .strong-rating .star {
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 16 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='fill:%23ecc31f;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M7.253,0.7c0.105,-0.324 0.407,-0.543 0.747,-0.543c0.34,-0 0.641,0.219 0.746,0.543l1.317,4.058c0.039,0.119 0.115,0.223 0.216,0.297c0.102,0.074 0.225,0.114 0.35,0.114l4.267,-0.002c0.34,-0 0.641,0.219 0.746,0.543c0.105,0.323 -0.01,0.677 -0.285,0.877l-3.452,2.507c-0.102,0.074 -0.178,0.178 -0.217,0.297c-0.039,0.12 -0.038,0.249 0,0.368l1.32,4.057c0.105,0.324 -0.01,0.678 -0.285,0.878c-0.275,0.2 -0.648,0.2 -0.923,-0l-3.45,-2.509c-0.102,-0.074 -0.224,-0.114 -0.35,-0.114c-0.126,-0 -0.248,0.04 -0.35,0.114l-3.451,2.509c-0.275,0.2 -0.647,0.2 -0.922,-0c-0.276,-0.2 -0.391,-0.554 -0.285,-0.878l1.319,-4.057c0.039,-0.119 0.039,-0.248 0,-0.368c-0.038,-0.119 -0.114,-0.223 -0.216,-0.297l-3.452,-2.507c-0.275,-0.2 -0.391,-0.554 -0.286,-0.877c0.106,-0.324 0.407,-0.543 0.747,-0.543l4.266,0.002c0.126,-0 0.249,-0.04 0.35,-0.114c0.102,-0.074 0.178,-0.178 0.216,-0.297l1.317,-4.058Z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
}
/* -- "Read more" toggle. */
.strong-view .readmore-toggle {
display: inline-block;
margin-top: 1rem;
cursor: pointer;
}
/* -- Slider buttons. */
.strong-view.controls-style-buttons :is(.wpmslider-prev, .wpmslider-next) {
top: calc(50% - 22.5px)!important;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
margin: 0 -8px;
box-sizing: content-box;
transition: none;
}
.strong-view.controls-style-buttons :is(.wpmslider-prev, .wpmslider-next)::before {
display: none!important;
}
.strong-view.controls-style-buttons :is(.wpmslider-prev, .wpmslider-next)::after {
background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.433 15.992L22.69 5.712c.393-.39.393-1.03 0-1.42-.393-.39-1.03-.39-1.423 0l-11.98 10.94c-.21.21-.3.49-.285.76-.015.28.075.56.284.77l11.98 10.94c.393.39 1.03.39 1.424 0 .393-.4.393-1.03 0-1.42l-11.257-10.29' fill='%23e7cb6e' opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E")!important;
width: 40px!important;
height: 40px!important;
content: ""!important;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
.strong-view.controls-style-buttons .wpmslider-next {
transform: scaleX(-1);
}
.strong-view.controls-style-buttons :is(.wpmslider-prev, .wpmslider-next):hover {
background: hsl(0,0%,95%);
box-shadow: 0 0 3px hsl(0,0%,90%);
}
.strong-view.controls-style-buttons :is(.wpmslider-prev, .wpmslider-next):hover::after {
filter: drop-shadow(0 0 5px hsl(0,0%,85%));
}
/* -- Fix testimonial overflow, hide slider buttons, and resize each card on mobile. */
@media (max-width: 1024px) {
.custom-class.testimonials {
max-width: 100%;
}
.strong-view {
padding: 0!important;
}
.wpmslider-controls {
display: none!important;
}
.strong-view .wpmtst-testimonial-inner {
grid-template-rows: auto fit-content(18px) auto 1fr;
}
.strong-view .wpmtst-testimonial-inner:not(:has(.testimonial-company)) .testimonial-name {
margin-bottom: -10px!important;
}
}
/* -- Make the all cards equal height on desktop. */
@media (min-width: 1024px) {
.wpmslider-viewport {
height: auto!important;
}
.strong-view .strong-content {
display: flex;
gap: 20px;
}
.strong-view .testimonial {
margin-right: 0!important;
margin-left: 0!important;
float: none!important;
}
.strong-view .wpmtst-testimonial-inner {
height: 100%!important;
}
.strong-view .readmore-toggle:hover {
color: var(--wp--preset--color--secondary);
}
}
/* Fix static page heading margins. */
.page h1 {
margin-top: 2.4rem!important;
margin-bottom: 2.4rem!important;
}
/* Add bottom margin to static page content. */
.wp-block-post-content {
margin-block-end: 40px!important;
}
/* Cart, mini cart, and checkout summary. */
/* -- Cart page. */
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
font-size: 1.2rem;
}
.wc-block-cart__submit-container.wc-block-cart__submit-container .wc-block-cart__submit-button.contained {
display: flex;
max-width: 300px;
margin-left: auto;
margin-right: auto;
place-content: center;
}
.wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky) {
margin-bottom: -60px;
margin-top: 10px;
}
/* -- Empty cart page. */
.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-block-post-title {
display: none!important;
}
/* -- Other. */
.wc-block-mini-cart__footer-checkout {
transition: box-shadow 0s linear!important;
}
.wc-block-mini-cart__footer-checkout:hover,
.wc-block-mini-cart__footer-checkout:active {
transition: box-shadow 0s linear!important;
box-shadow: 0 0 3px 1px var(--wp--preset--color--secondary)!important;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-product-price,
.wc-block-cart-item__prices .wc-block-components-product-price {
display: inline-flex;
flex-flow: column nowrap;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-product-price .wc-block-components-product-price__value.is-discounted,
.wc-block-cart-item__prices .wc-block-components-product-price .wc-block-components-product-price__value.is-discounted {
margin-left: 0;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-product-price .wc-block-components-product-price__regular,
.wc-block-cart-item__prices .wc-block-components-product-price .wc-block-components-product-price__regular {
color: darkred;
}
.wc-block-cart-items .wc-block-components-sale-badge {
display: flex;
gap: 2px;
font-size: 0;
border: none!important;
font-weight: 400!important;
text-transform: none!important;
}
.wc-block-cart-items .wc-block-components-sale-badge::before {
display: inline;
content: "Spar ";
font-size: .9rem;
}
.wc-block-cart-items .wc-block-components-sale-badge .wc-block-components-formatted-money-amount {
font-size: .9rem;
}
/* -- Hide mini cart subtotal description and fix instructions. */
.wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-item__label,
.wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-item__value,
.wc-block-components-totals-item__description .wc-block-components-shipping-address{
display: none!important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
font-size: 0!important;
line-height: 0;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description::after {
display: inline;
content: "Leverings- og betalingsmetode vælges ved kassen.";
font-size: .85rem;
line-height: initial;
}
/* Minicart. */
.wp-block-woocommerce-mini-cart-items-block.wc-block-mini-cart__items {
font-size: 1.1rem;
}
/* -- "close" button. */
.wp-block-woocommerce-mini-cart-contents .wc-block-components-drawer__close {
position: absolute!important;
top: 18px;
right: 18px;
margin: 0!important;
padding: 10px!important;
border: 1px solid var(--wp--preset--color--tertiary);
opacity: 1!important;
border-radius: 50%;
aspect-ratio: 1/1;
width: auto!important;
height: auto!important;
background-color: transparent!important;
box-shadow: 0 -1px 1px rgba(240,240,240,0.5), 0 1px 1px rgba(0,0,0,0.2)!important;
transition: all 0s linear!important;
}
.wp-block-woocommerce-mini-cart-contents .wc-block-components-drawer__close:hover,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-drawer__close:active {
background-color: var(--wp--preset--color--secondary)!important;
box-shadow: 0 0 2px 1px var(--wp--preset--color--secondary)!important;
border: 1px solid var(--wp--preset--color--secondary)!important;
transition: all 0s linear!important;
}
.wp-block-woocommerce-mini-cart-contents:has(.wp-block-woocommerce-empty-mini-cart-contents-block) .wc-block-components-drawer__close {
background-color: var(--wp--preset--color--secondary)!important;
border: 1px solid var(--wp--preset--color--secondary)!important;
}
/* - Remove minicart focus outline when cart empty. */
.wp-block-woocommerce-empty-mini-cart-contents-block:focus-visible {
outline: none!important;
}
/* - Translate "remove unit" link. */
.wc-block-cart-item__remove-link {
font-size: 0!important;
}
.wc-block-cart-item__remove-link::after {
font-size: 0.9rem!important;
display: inline;
content: "Fjern vare";
text-decoration: underline;
}
/* Cart page. */
/* -- Make Totals block sticky. */
.wc-block-components-sidebar.wp-block-woocommerce-cart-totals-block {
height: fit-content;
position: sticky;
top: 30px;
}
/* -- Other. */
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:active {
box-shadow: 0 0 2px 0 var(--wp--preset--color--secondary);
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper {
display: none!important;
}
.wc-block-order-confirmation-summary-list {
flex-direction: column!important;
flex-wrap: nowrap!important;
gap: 0!important;
}
.wc-block-order-confirmation-summary-list li {
display: flex;
flex-flow: row;
gap: 10px;
}
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__key,
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:nth-child(3) .wc-block-order-confirmation-summary-list-item__key,
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:last-child .wc-block-order-confirmation-summary-list-item__key{
font-size: 0;
line-height: 0;
}
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__key::after{
display: inline;
content: "Ordre nr.";
font-size: initial;
line-height: initial;
}
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:nth-child(3) .wc-block-order-confirmation-summary-list-item__key::after{
display: inline;
content: "Foreløbig opgørelse:";
font-size: initial;
line-height: initial;
}
.wc-block-order-confirmation-summary-list .wc-block-order-confirmation-summary-list-item:last-child .wc-block-order-confirmation-summary-list-item__key::after{
display: inline;
content: "Betalingsmetode:";
font-size: initial;
line-height: initial;
}
.wp-block-woocommerce-order-confirmation-totals table tfoot tr:is(:first-child, :last-child) .wc-block-order-confirmation-totals__label {
font-size: 0!important;
line-height: 0!important;
}
.wp-block-woocommerce-order-confirmation-totals table tfoot tr:is(:first-child, :last-child) .wc-block-order-confirmation-totals__label::after {
display: block;
font-size: initial;
line-height: initial;
}
.wp-block-woocommerce-order-confirmation-totals table tfoot tr:last-child .wc-block-order-confirmation-totals__label::after {
content: "Foreløbig opgørelse:";
}
.wp-block-woocommerce-order-confirmation-totals table tfoot tr:first-child .wc-block-order-confirmation-totals__label::after {
content: "Leveringsmetode:";
}
.wp-block-woocommerce-order-confirmation-totals table thead tr .wc-block-order-confirmation-totals__total {
font-size: 0;
line-height: 0;
}
.wp-block-woocommerce-order-confirmation-totals table thead tr .wc-block-order-confirmation-totals__total::after {
display: block;
content: "Pris";
font-size: 1rem;
line-height: 1.5rem;
}
/* Remove black background from hovered/active/focused buttons. */
.wc-block-components-button:not(.is-link).outlined {
transition: box-shadow 0s linear!important;
}
.wc-block-components-button:not(.is-link).outlined:active,
.wc-block-components-button:not(.is-link).outlined:disabled,
.wc-block-components-button:not(.is-link).outlined:focus,
.wc-block-components-button:not(.is-link).outlined:hover,
:root :where(.wp-element-button:active, .wp-block-button__link:active),
:root :where(.wp-element-button:focus, .wp-block-button__link:focus)
{
background-color: var(--wp--preset--color--secondary)!important;
color: var(--wp--preset--color--tertiary)!important;
box-shadow: 0 0 2px var(--wp--preset--color--secondary)!important;
}
.wc-block-components-button:not(.is-link).outlined:not(:focus) {
box-shadow: 0 0 0 1px var(--wp--preset--color--tertiary)!important;
}
:root :where(.wp-element-button:active, .wp-block-button__link:active),
.wc-block-components-button:not(.is-link).outlined:hover,
.wc-block-components-button:not(.is-link).outlined:active {
box-shadow: 0 0 3px var(--wp--preset--color--secondary)!important;
}
/* Checkout page. */
/* -- Show pickup location when pickup selected. */
.wc-block-components-form:has(.wc-block-checkout__shipping-method-option--selected) .wc-block-components-local-pickup-rates-control {
display: block!important;
}
/* -- Checkout container. */
.wc-block-checkout {
padding-top: 0;
}
/* Sidebar item list (desktop) */
@media (min-width: 830px) {
.wc-block-components-sidebar.wp-block-woocommerce-checkout-totals-block {
margin-top: 102px!important;
}
}
.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
display: none!important;
}
/* -- "Inquiry" explainer. */
.custom-class.checkout-inquiry-explainer {
background-color: hsl(0,0%,96%);
margin: 40px auto;
padding: 20px;
border-radius: 10px;
text-align: center;
text-wrap: balance;
}
/* -- Form GDPR disclaimer. */
.custom-class.form-gdpr-disclaimer {
background-color: hsl(0,0%,96%);
margin-top: 20px!important;
margin-bottom: 20px!important;
margin-left: auto!important;
margin-right: auto!important;
padding-top: 20px!important;
padding-bottom: 20px!important;
padding-left: 20px!important;
padding-right: 20px!important;
border-radius: 10px;
}
/* Terms and conditions and order note. */
/* -- Checkout totals (right sidebar on desktop). */
.wp-block-woocommerce-checkout-order-summary-block {
min-width: 320px;
}
.wp-block-woocommerce-checkout-totals-block.wc-block-components-sidebar {
padding-left: 0;
}
/* -- "Return to cart" link. */
.wc-block-components-checkout-return-to-cart-button {
font-style: italic;
}
/* -- Heading border. */
.woocommerce-checkout:not(.woocommerce-order-received) h2.wp-block-heading {
max-width: 650px;
padding-bottom: 14px;
border-bottom: 1px solid var(--wp--preset--color--secondary);
}
/* -- Order notes. */
.wc-block-components-checkout-step:after {
bottom: -50px!important;
}
.wc-block-checkout__order-notes::after {
bottom: -20px!important;
}
/* -- Terms and conditions checkbox. */
.wc-block-checkout__terms {
margin-bottom: 40px!important;
}
.wp-block-woocommerce-checkout-terms-block :is(.wc-block-components-checkbox__input, .wc-block-components-checkbox__mark) {
margin-top: 5px!important;
}
/* -- Checkout FAQ. */
.custom-css.checkout-faq {
max-width: 700px;
}
.custom-css.checkout-faq h3 {
border-bottom: 1px solid var(--wp--preset--color--secondary);
padding-bottom: 10px;
margin-top: 80px;
margin-bottom: 40px;
font-size: 1.4rem;
font-style: italic;
letter-spacing: .15px;
}
.custom-css.checkout-faq .qe-faqs-filters-container {
display: none;
}
.custom-css.checkout-faq .qae-faqs-container {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.custom-css.checkout-faq .custom-css.more-faq-link {
width: fit-content;
margin-top: 45px!important;
margin-left: auto;
margin-right: auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 5px;
font-style: italic;
}
.custom-css.checkout-faq .custom-css.more-faq-link:hover {
color: var(--wp--preset--color--secondary)!important;
}
.custom-css.checkout-faq .custom-css.more-faq-link svg {
margin-top: 3px;
}
/* -- Other. */
.wc-block-checkout__add-note .wc-block-components-checkbox__label {
font-size: 0;
margin-top: auto;
margin-bottom: auto;
}
.wc-block-checkout__add-note .wc-block-components-checkbox__label::after {
font-size: 1.05rem;
line-height: 1.05rem;
height: auto;
display: inline;
content: "Skriv en kommentar til din forespørgsel";
}
.wc-block-components-checkout-order-summary__title-text {
font-size: 0;
}
.wc-block-components-checkout-order-summary__title-text::after {
display: inline;
content: "Oversigt";
font-size: 1.1rem;
font-weight: 450;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-size: 0;
line-height: 0;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {
display: inline;
content: "Foreløbig opgørelse";
font-size: 1.1rem;
line-height: 2rem;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value .wc-block-components-formatted-money-amount {
font-size: 1.1rem!important;
}
.wp-block-woocommerce-checkout-shipping-methods-block {
display: none;
}
.woocommerce-checkout .custom-logo-link {
cursor: pointer;
}
.wc-block-checkout__guest-checkout-notice {
display: none;
}
.wc-block-components-checkbox.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__label {
font-size: 0;
line-height: 0;
}
.wc-block-components-checkbox.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__label::after {
display: inline;
font-size: initial;
line-height: initial;
content: "Brug leveringsadresse til fakturering";
}
.wc-block-components-address-form__address_2-toggle {
font-size: 0;
line-height: 0;
}
.wc-block-components-address-form__address_2-toggle::after {
display: inline;
content: "+ Tilføj lejlighed, værelse, etc.";
font-size: initial;
line-height: initial;
}
.wc-block-components-checkbox label {
font-size: 1.05rem!important;
line-height: 1.4rem!important;
}
.wc-block-components-checkbox label a {
color: var(--wp--preset--color--secondary);
}
.wc-block-checkout__actions {
justify-content: center;
display: flex;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
width: 100%;
margin-top: 5px;
flex-flow: column-reverse;
justify-content: center;
gap: 15px;
}
@media (max-width: 781px) {
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
margin-top: 20px;
}
}
.wc-block-checkout__actions_row button {
margin: 10px 0;
font-weight: 400;
max-width: 300px!important;
flex-basis: 100%;
box-shadow: 0 0 1px var(--wc-secondary);
}
.wc-block-checkout__actions_row button:hover {
box-shadow: 0 0 2px 2px var(--wc-secondary);
}
.wc-block-order-confirmation-totals__table tfoot tr td:has(strong, br, address) {
font-size: 0;
}
.wc-block-order-confirmation-totals__table tfoot tr td:has(strong, br, address)::before,
.wc-block-order-confirmation-totals__table tfoot tr td:has(strong, br, address) strong,
.wc-block-order-confirmation-totals__table tfoot tr td:has(strong, br, address) address {
font-size: 1rem;
}
.wc-block-order-confirmation-totals__table tfoot tr td:has(strong, br, address)::before {
display: block;
content: "Afhentes hos ";
}
/* -- Hide order summary duplicate on mobile. */
.wc-block-checkout.is-small .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper,
.wc-block-checkout.is-mobile .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
display: none!important;
}
/* -- Hide mystery div. */
.css-0.e19lxcc00 {
display: none!important;
}
/* Order confirmation / "order received" page. */
.woocommerce-checkout.woocommerce-order-received main {
padding-left: 15px;
padding-right: 15px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-flow: column nowrap;
align-items: stretch;
}
.woocommerce-checkout.woocommerce-order-received :is(.wp-block-woocommerce-order-confirmation-summary, .wp-block-woocommerce-order-confirmation-totals-wrapper, .woocommerce-order-confirmation-address-wrapper) {
box-sizing: border-box;
flex: 1 1 100%;
margin-top: 15px;
margin-left: 0!important;
margin-right: 0!important;
padding: 20px;
border-radius: 7px;
border: 1px solid hsl(0,0%,95.5%);
background-color: hsl(0,0%,97.5%);
}
.woocommerce-checkout.woocommerce-order-received :is(.wp-block-woocommerce-order-confirmation-summary, .wp-block-woocommerce-order-confirmation-totals-wrapper, .woocommerce-order-confirmation-address-wrapper) h3 {
margin-top: 0!important;
}
/* Product page. */
/* Variant options "reset" button. */
.reset-product-options {
height: fit-content;
border: 1px solid var(--wp--preset--color--secondary);
background-color: transparent;
box-shadow: 0 0 1px var(--wp--preset--color--secondary), inset 0 0 1px var(--wp--preset--color--secondary);
color: var(--wp--preset--color--tertiary)!important;
font-weight: 360;
-webkit-font-smoothing: antialiased;
}
.reset-product-options:is(:active, :hover) {
background-color: transparent!important;
text-decoration: underline;
text-underline-offset: 3px;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart button.reset-product-options {
margin-top: 2px!important;
margin-bottom: 2px!important;
}
/* -- Product Gallery (beta). */
.wc-block-product-gallery-large-image__image-element img {
object-fit: contain!important;
object-position: center!important;
width: unset;
height: unset;
border-radius: 5%!important;
overflow: hidden!important;
aspect-ratio: unset!important;
}
.wc-block-product-gallery-large-image__container {
max-width: 500px;
}
.wc-block-product-gallery-large-image__wrapper {
display: block;
max-height: 500px;
max-width: 500px;
aspect-ratio: unset!important;
}
@media (max-width: 800px) {
.wc-block-product-gallery-large-image .wc-block-product-gallery-large-image__wrapper {
aspect-ratio: unset!important;
}
.wc-block-product-gallery-large-image .wc-block-product-gallery-large-image__container {
max-width: 40vh;
}
.wc-block-product-gallery-large-image__image-element {
max-height: 40vh;
aspect-ratio: unset!important;
}
.wc-block-product-gallery-large-image__image-element img {
/* max-height: 50vh!important;
aspect-ratio: 1/1!important;
object-fit: contain!important;
object-position: center!important; */
max-width: 40vh;
}
.wp-block-woocommerce-product-gallery.is-single-product-gallery-image {
margin-bottom: 0!important;
}
.wc-block-product-gallery-large-image-next-previous-container {
max-width: 40vh;
}
}
.wc-block-product-gallery-pager {
display: none;
}
.wc-block-product-gallery-thumbnails {
flex-flow: row wrap;
/* align-items: center; */
justify-content: start;
}
.wc-block-product-gallery-thumbnails__thumbnail__overlay {
display: none;
}
.wc-block-product-gallery-thumbnails__thumbnail {
min-width: 60px!important;
min-height: 60px!important;
flex-shrink: 0!important;
flex-grow: 0!important;
aspect-ratio: 1/1!important;
}
.wp-block-woocommerce-product-gallery, .wp-block-woocommerce-product-gallery * {
user-select: none;
-webkit-user-select: none;
}
.wc-block-product-gallery-large-image-next-previous {
display: flex;
flex-flow: column;
justify-content: center;
}
.wc-block-product-gallery-large-image-next-previous--button {
width: 45px;
height: 45px;
z-index: 15!important;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.wc-block-product-gallery-large-image-next-previous--button {
background: hsla(0,0%,96%,98%)!important;
box-shadow: 0 0 3px hsl(0,0%,90%);
}
.wc-block-product-gallery-large-image-next-previous--button svg {
display: none;
}
.wc-block-product-gallery-large-image-next-previous--button::after {
width: 40px;
height: 40px;
content: '';
display: flex;
justify-content: center;
align-items: center;
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M15.988,20.557l-10.28,-11.257c-0.39,-0.393 -1.03,-0.393 -1.42,-0c-0.39,0.393 -0.39,1.03 -0,1.423l10.94,11.98c0.21,0.21 0.49,0.3 0.76,0.285c0.28,0.015 0.56,-0.075 0.77,-0.284l10.94,-11.98c0.39,-0.393 0.39,-1.03 -0,-1.424c-0.4,-0.393 -1.03,-0.393 -1.42,-0l-10.29,11.257' style='fill:%23e7cb6e;'/%3E%3C/svg%3E");
filter: drop-shadow(0 0 1px hsla(0deg,0%,75%,50%));
}
.wc-block-product-gallery-large-image-next-previous--button[disabled]::after {
filter: drop-shadow(0 0 1px hsla(0deg,0%,75%,50%)) grayscale(1);
}
.wc-block-product-gallery-large-image-next-previous--button[disabled]::after:hover {
cursor: default!important;
}
.wc-block-product-gallery-large-image-next-previous button:disabled {
cursor: default!important;
opacity: 1!important;
}
.wc-block-product-gallery-large-image-next-previous-left {
transform: rotate(.25turn) translateX(-50%);
margin-right: auto;
}
.wc-block-product-gallery-large-image-next-previous-right {
transform: rotate(-.25turn) translateX(50%);
margin-left: auto;
}
.wp-block-woocommerce-product-gallery:has(.wp-block-woocommerce-product-gallery-thumbnails) {
margin-bottom: 35px;
}
.wp-block-woocommerce-product-gallery-thumbnails {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.wc-block-product-gallery-thumbnails__thumbnail {
max-width: 110px;
max-height: 110px;
border-radius: min(15%, 15px);
overflow: hidden!important;
}
.wc-block-product-gallery-large-image:not(:hover) .wc-block-product-gallery-large-image-next-previous-container {
display: none;
}
.wc-block-product-gallery-thumbnails__thumbnail:is(:active, :hover) {
border-color: var(--wp--preset--color--secondary)!important;
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
}
.wc-block-woocommerce-product-gallery-large-image__image,
.wc-block-product-gallery-thumbnails {
max-width: calc(100% - 60px)!important;
}
.wc-block-product-gallery-thumbnails img {
transform: translate3d(2px, 0px, 0px)!important;
aspect-ratio: 1/1!important;
width: calc(100% + 10px)!important;
max-width: none!important;
object-fit: contain;
object-position: center;
}
.wc-block-product-gallery-large-image-next-previous-container {
width: calc(100% - 70px)!important;
top: 50%;
}
.wc-block-product-gallery-large-image-next-previous {
align-items: center;
}
.wp-block-woocommerce-product-gallery > .wp-block-group {
align-items: center;
}
.wc-block-product-gallery-large-image__inner-blocks {
align-items: center;
}
.wc-block-product-gallery-pager__pager {
gap: 3px
}
.wp-block-woocommerce-product-gallery-pager {
margin-top: -18px!important;
margin-bottom: 50px!important;
}
.wc-block-product-gallery-pager__pager-item svg {
display: none;
}
.wc-block-product-gallery-pager__pager-item {
width: 22px;
height: 2px;
padding: 12px 3px;
background-clip: content-box;
background-color: hsl(0deg,0%,65%);
filter: drop-shadow(0 0 1px hsla(0deg,0%,65%,20%));
}
.wc-block-product-gallery-pager__pager-item:hover {
background-color: var(--wp--preset--color--secondary);
}
.wc-block-product-gallery-pager__pager-item--is-active {
background-color: var(--wp--preset--color--secondary);
}
.wc-block-woocommerce-product-gallery-large-image__image {
border-radius: 16px!important;
box-sizing: border-box!important;
}
.wc-block-product-gallery-large-image__image-element {
position: relative;
display: flex;
place-content: center;
pointer-events: none;
/* aspect-ratio: 1/1; */
object-fit: contain;
object-position: center;
}
.wc-block-product-gallery-large-image__image-element::before {
/* display: block;
content: '';
padding: 1.5px;
border-radius: 16px!important;
box-sizing: border-box!important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10; */
}
/* -- Add bottom-margin for single-image product images. */
.wp-block-woocommerce-product-gallery.is-single-product-gallery-image {
margin-bottom: 65px;
}
/* -- "sale" sticker. */
.wc-block-product-gallery-large-image .wc-block-product-gallery-large-image__inner-blocks {
display: unset!important;
flex: unset!important;
height: unset!important;
left: unset!important;
position: unset!important;
top: unset!important;
width: unset!important;
}
.wc-block-product-gallery-large-image .wc-block-components-product-sale-badge {
position: absolute;
top: -15px;
left: 10px;
z-index: 20;
filter: drop-shadow(0px 2px 2px rgba(0,0,0,.2));
height: auto!important;
width: fit-content!important;
aspect-ratio: 1/1!important;
background-color: var(--wp--preset--color--secondary);
display: grid;
place-content: center;
font-weight: 350;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
border-radius: 100%;
text-wrap: nowrap;
border: none;
}
@media (max-width: 800px) {
.wc-block-product-gallery-large-image .wc-block-components-product-sale-badge {
margin-top: 0!important;
margin-right: 0!important;
margin-bottom: 0!important;
margin-left: 0!important;
top: -10px!important;
}
}
.wc-block-product-gallery-large-image .wc-block-components-product-sale-badge__text {
font-size: .9rem;
}
.wc-block-product-gallery-large-image:not(:has(.wc-block-product-gallery-large-image__wrapper:nth-child(2))) .wc-block-components-product-sale-badge {
/* margin-top: -15px!important;
margin-left: -15px!important; */
}
/* -- "Contact for price" button. */
.wc-block-components-product-price .cep-button {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
color: var(--wp--preset--color--tertiary)!important;
background-color: var(--wp--preset--color--secondary)!important;
box-shadow: 0 0 1.5px 0px var(--wp--preset--color--secondary)!important;
}
.wc-block-components-product-price .cep-button:is(:hover, :active) {
box-shadow: 0 0 2px 1px var(--wp--preset--color--secondary)!important;
}
/* -- Product page tabs. */
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
background-color: transparent!important;
}
.woocommerce-tabs .wc-tab h2 {
font-size: var(--wp--preset--font-size--large) !important; /* Match "related products" heading font size. */
}
.woocommerce-tabs .wc-tabs {
display: flex;
flex-flow: row nowrap;
padding: 0 !important;
gap: 1px;
margin-bottom: 0!important;
box-shadow: inset 0 -1.5px 0 rgba(200,200,200,0.5)!important;
}
.woocommerce-tabs .wc-tabs:not(:has(>li:nth-child(2))) {
display: none!important;
}
.woocommerce-tabs:has(.wc-tabs > li:first-child:last-child) .wc-tab h2 {
margin-top: 0!important;
}
.woocommerce-tabs .wc-tab {
max-width: 600px!important;
padding: 15px 25px 25px 25px !important;
margin-bottom: 0!important;
}
.woocommerce-tabs .wc-tab a {
color: var(--wp--preset--color--secondary);
}
.woocommerce-tabs .wc-tab a:hover {
text-decoration: underline;
text-decoration-thickness: 0.6px;
text-underline-offset: 3px;
}
.woocommerce-tabs .wc-tabs li {
display: flex!important;
flex-flow: column nowrap!important;
place-content: center!important;
text-align: center!important;
}
.woocommerce-tabs .wc-tabs li:is(.active, :hover) {
border-radius: 3px 3px 0 0!important;
border-bottom: 2px solid var(--wp--preset--color--secondary)!important;
}
.woocommerce-tabs .wc-tabs li a {
padding: 15px 20px!important;
}
@media (max-width: 781px) {
.woocommerce-tabs .wc-tabs {
margin-top: 30px!important;
}
.woocommerce-tabs .wc-tabs li {
flex: auto;
padding-left: 0px!important;
padding-right: 0px!important;
min-width: 0px!important;
border-left-width: 0px!important;
margin-bottom: 0!important;
}
.woocommerce-tabs .wc-tab {
padding-left: 0px!important;
}
.woocommerce-tabs:not(:has(.wc-tabs>li:nth-child(2))) .wc-tab h2 {
font-size: 1.8rem;
margin-top: 50px!important;
}
}
/* -- Attachments tab. */
.woocommerce-tabs .attachment-open-button {
margin-right: 20px;
padding: 3px 20px;
border-radius: 20px;
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
color: var(--wp--preset--color--tertiary)!important;
font-size: .85rem;
font-weight: 400;
}
.woocommerce-tabs .attachment-open-button:is(:hover, :active) {
box-shadow: 0 0 2px 1px var(--wp--preset--color--secondary);
}
/* -- Unify product title on mobile and desktop. */
.woocommerce.product .custom-class.product-page-title {
font-size: 2.4rem!important;
}
/* -- Product price interval. */
.wp-block-woocommerce-product-price:has(.woocommerce-Price-amount:nth-of-type(2)):not(:has(.woocommerce-variation-price)) .woocommerce-Price-amount:nth-of-type(1) .woocommerce-Price-currencySymbol {
display: none;
}
.wc-block-components-product-price:not(:has(ins)) {
display: flex;
flex-flow: row nowrap;
}
.wp-block-woocommerce-product-price:is(.price-interval-show-lower, .price-interval-show-upper) .woocommerce-Price-amount:nth-of-type(2) {
margin-left: .3rem;
}
.wp-block-woocommerce-product-price.price-interval-show-both .wc-block-components-product-price {
gap: .3rem;
}
/* -- Product price (mobile). */
.is-layout-constrained .wp-block-woocommerce-product-price .wc-block-components-product-price,
.is-layout-constrained .wp-block-woocommerce-product-price .single_variation {
font-size: 1.4rem!important;
}
/* -- Hide reset button. */
.variations_form button.reset_variations {
display: none!important;
}
/* -- Product option form (variants or variations form). */
/* -- -- Disable clicks on disabled option buttons (WC Boost). */
.wcboost-variation-swatches__item.disabled {
pointer-events: none!important;
}
/* -- -- Hide all "unavailable" or "IKKE VALGBAR" options incl. the entire category if that's the only option.*/
.wcboost-variation-swatches__item-ikke-valgbar {
display: none!important;
}
.variations tr:has(select option[value="ikke-valgbar"]:checked) {
display: none!important;
}
.variations tr:has(select.none-option-selected) {
display: none!important;
}
/* -- -- Other. */
.variations_form .variations tr {
transition: all .12s linear .1s;
}
.variations_form .variations tr:focus {
transition: all .12s linear 0s!important;
outline: none;
padding: 14px 22px!important;
border-radius: 13px;
box-shadow: inset 0 0 1.5px darkred, 0 0 2px 1px darkred;
margin-bottom: 20px!important;
}
.variations_form .variations tr:not(:focus):focus-within {
outline: none;
padding: 0;
box-shadow: none;
margin-bottom: 0px;
}
form.variations_form .single_variation_wrap .woocommerce-variation.single_variation {
margin: 0;
}
.variations_form .variations label {
width: 100%;
text-align: start;
padding-bottom: 10px;
border-bottom: 1px solid rgba(200,200,200,0.5);
font-weight: 350!important;
font-size: 1rem;
letter-spacing: 1px;
font-style: italic;
font-family: var(--wp--preset--font-family--open-sans);
color: var(--wp--preset--color--tertiary);
}
.variations_form .variations .label {
display: flex;
width: 100%;
}
.variations_form .variations tr {
flex-flow: column nowrap;
align-items: start;
margin: 0!important;
}
.variations_form .variations tr .value {
margin-top: 20px;
margin-bottom: 32px;
}
.variations_form .variations {
order: 2;
}
.single_variation_wrap {
order: 1;
}
.woocommerce-variation-add-to-cart {
margin-bottom: 40px;
}
.variations_form {
align-items: center;
margin-bottom: 0!important;
}
.variations_form .variations {
max-width: 325px;
}
.wcboost-variation-swatches__wrapper {
display: flex!important;
flex-flow: row wrap!important;
justify-content: center!important;
padding-left: 10px!important;
padding-right: 10px!important;
}
.wcboost-variation-swatches__item {
transition: none!important;
width: auto!important;
height: auto!important;
min-width: 35px!important;
min-height: 0!important;
padding: unset!important;
padding-top: 9px!important;
padding-bottom: 9px!important;
padding-right: 12px!important;
padding-left: 12px!important;
border-style: solid!important;
border-width: 2px!important;
border-color: white!important;
outline: 1px solid hsl(0,0%,80%)!important;
overflow: unset!important;
white-space: unset!important;
box-shadow: unset!important;
}
.wcboost-variation-swatches__item:is(:hover, :active) {
outline: 1px solid white!important;
transition: none!important;
box-shadow: unset!important;
border-style: solid!important;
border-width: 2px!important;
border-color: hsl(0,0%,80%)!important;
}
.wcboost-variation-swatches__item.selected {
outline: 1px solid white!important;
transition: none!important;
box-shadow: unset!important;
background-color: white!important;
border-width: 2px!important;
border-color: hsl(0,0%,20%)!important;
box-shadow: unset!important;
}
.woocommerce-variation-description:empty {
display: none;
}
.woocommerce-variation-description:not(:empty) {
margin-bottom: 36px;
font-size: 1.2rem!important;
max-width: 325px;
}
.wp-block-woocommerce-product-price .woocommerce-variation-description:not(:empty) {
margin-bottom: 20px;
}
.woocommerce-variation-description p {
margin: 0!important;
}
.wcboost-variation-swatches__name {
user-select: none;
-webkit-user-select: none;
}
.woocommerce-variation-description,
.woocommerce-variation-price,
.woocommerce-variation-availability {
display: flex;
justify-content: center;
text-align: center;
}
.woocommerce-variation-price .price {
display: flex;
flex-flow: column nowrap;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 1!important;
}
.variations_form .variations select {
min-width: 215px!important;
border: none;
box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
}
.variations_form .variations select:focus-visible {
box-shadow: 0 0 0 2px var(--wcboost-swatches-color-border);
}
.variations_form .variations select:has(option:checked:not([value=""])) {
box-shadow: 0 0 0 2px var(--wcboost-swatches-color-border-selected);
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity {
display: flex;
flex-flow: column;
justify-content: center;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity input.qty.text {
font-size: 1.05rem;
font-weight: 300;
border: none;
box-shadow: 0 0 0 2px var(--wcboost-swatches-color-border-selected);
margin-right: 0!important;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity:has(.input-text.qty.text[type="hidden"]) {
display: none!important;
}
.woocommerce div.product form.cart div.quantity {
border: none!important;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .woocommerce-variation-add-to-cart-disabled .quantity input.qty.text {
box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
}
.single_add_to_cart_button {
font-size: var(--wp--preset--font-size--small);
}
/* -- -- Old product option form rules (variant or variations form rules). */
/* -- -- --Stretch product variation selection container to prevent content jumping around when user selects variants. */
.custom-class.variant-selection-container {
display: flex;
flex-flow: column nowrap;
place-content: center;
align-items: center;
max-width: 100%;
overflow: hidden;
}
/* -- -- -- Fix layout. */
.woocommerce table.variations tr th.label {
padding-top: 0!important;
padding-bottom: 0!important;
padding-left: 0!important;
padding-right: 0!important;
}
.custom-class.product-page-column-right .variations_form {
width: 400px;
height: 100%;
display: flex;
flex-flow: column nowrap;
text-align: center;
}
.custom-class.product-page-column-right .variations_form .woocommerce-variation {
margin-bottom: 25px;
}
.custom-class.product-page-column-right .variations_form .variations_button {
display: flex;
place-content: center;
gap: 10px;
}
.custom-class.product-page-column-right .variations_form .variations_button .quantity, .custom-class.product-page-column-right .variations_form .variations_button button {
margin: 0!important;
display: flex;
place-content: center;
color: var(--wp--preset--color--tertiary);
}
.custom-class.product-page-column-right .variations_form .variations_button .quantity {
margin-right: 10px!important;
}
.custom-class.product-page-column-right .variations_form .variations_button button[type="submit"] {
min-width: 120px;
}
.custom-class.product-page-column-right .variations_form .variations_button button {
font-weight: 400;
}
.custom-class.product-page-column-right .variations_form .price {
display: flex;
flex-flow: column;
place-content: center;
gap: 5px;
font-size: 1.4rem;
}
.custom-class.product-page-column-right .variations_form .price del {
color: darkred;
text-decoration-color: darkred;
text-decoration-thickness: .2px;
}
.custom-class.product-page-column-right .variations_form .price {
font-weight: 350!important;
}
.custom-class.product-page-column-right .variations_form .price del {
font-weight: 300!important;
opacity: initial;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
font-weight: 350;
}
.custom-class.product-page-column-right .variations_form .variations_button .quantity input {
border: none;
border-radius: inherit;
}
.custom-class.product-page-column-right .variations_form .single_variation_wrap {
margin-top: auto;
}
.custom-class.product-page-column-right .variations_form .woocommerce-variation-description p {
margin: 0;
}
.custom-class.product-page-column-right .variations_form .variations {
margin-bottom: 0!important;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
}
.custom-class.product-page-column-right .variations_form .variations tr {
margin-bottom: 25px;
display: flex;
place-content: center;
}
.custom-class.product-page-column-right .variations_form .variations tbody {
width: 100%;
}
.custom-class.product-page-column-right .variations_form .value .reset_variations {
display: none!important;
}
.custom-class.product-page-column-right .variations_form .value {
display: flex;
flex-flow: row nowrap;
width: 100%;
justify-content: center;
}
/* Product page. */
/* -- Variant dropdown select elements. */
.custom-class.product-page-column-right select {
appearance: none;
outline: none;
background-color: transparent;
display: flex;
place-content: center;
width: auto!important;
height: auto!important;
margin: 0!important;
padding: 0!important;
min-height: 40px!important;
min-width: 215px!important;
padding-right: 50px!important;
padding-left: 20px!important;
border-radius: 5px;
border-color: var(--wp--preset--color--tertiary);
text-align-last: center;
font-size: 1rem;
font-family: var(--wp--preset--font-family--open-sans);
color: var(--wp--preset--color--tertiary);
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
/* Fix font weight and style "add to cart" button on product page. */
.single_add_to_cart_button {
font-weight: 400;
margin: 2px 0;
box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.single_add_to_cart_button:hover {
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart button[name=add-to-cart] {
margin-top: 2px!important;
margin-bottom: 2px!important;
}
/* Fix "add to cart" quantity input height to match button's height. */
.wp-block-woocommerce-add-to-cart-form .variations_button>.quantity:not(.wc-block-components-quantity-selector) .qty,
.wp-block-woocommerce-add-to-cart-form form.cart>.quantity:not(.wc-block-components-quantity-selector) .qty {
height: calc(100% - 6px);
}
.wp-block-woocommerce-add-to-cart-form .woocommerce-variation-add-to-cart-enabled .quantity:not(.wc-block-components-quantity-selector) .qty {
height: calc(100% - 8px)!important;
}
/* Style "add to cart" button on single product page. */
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart:not(.variations_form) {
margin-bottom: 0;
display: flex;
border-radius: 5px;
place-content: center;
gap: 10px;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity {
border: 1px solid var(--wp--preset--color--tertiary);
border-radius: 5px;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity input.qty.text {
border-radius: inherit;
border: none;
padding-left: 8px!important;
padding-right: 8px!important;
}
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart .quantity,
.custom-class.product-page-column-right .wc-block-add-to-cart-form form.cart button {
margin: 0!important;
border-radius: 5px;
}
/* Style product page discount previous and current price figures (single variant). */
.custom-class.product-page-column-right .wc-block-components-product-price:has(ins){
display: flex;
flex-flow: column;
place-content: center;
}
.custom-class.product-page-column-right del {
color: darkred;
text-decoration-color: darkred;
text-decoration-thickness: .2px;
}
/* Limit product page content width for aesthetics. */
.custom-class.single-product-main {
max-width: 1000px;
margin: 0 auto;
}
/* Column container on product page. */
.custom-class.product-page-columns {
column-gap: 0;
margin-top: 50px;
display: flex;
flex-flow: row wrap;
justify-content: start;
}
/* Left column on product page (images). */
.custom-class.product-page-column-left {
flex-basis: 60%;
flex-grow: 1;
flex-shrink: 0;
display: flex;
flex-flow: column nowrap;
justify-content: start;
align-items: center;
}
/* Right (title and price) column on product page. */
.custom-class.product-page-column-right {
min-width: 40%;
display: grid;
grid-auto-rows: min-content;
row-gap: 30px;
justify-items: center;
}
.custom-class.product-page-column-right > * {
margin-top: 0!important;
margin-bottom: 0!important;
}
/* Style title and manufacturer container */
.custom-class.product-page-column-right .product-manufacturer {
margin-top: -20px!important;
font-size: 1.2rem;
}
.custom-class.product-page-column-right .product-manufacturer-from {
padding-left: 3px;
font-style: italic;
margin-right: 5px;
}
.custom-class.product-page-column-right .product-manufacturer-link {
color: var(--wp--preset--color--secondary);
}
.custom-class.product-page-column-right .product-manufacturer-link:hover {
text-decoration: underline;
text-decoration-thickness: 0.6px;
text-underline-offset: 3px;
}
/* -- mobile/tablet version */
@media (max-width: 800px) {
.custom-class.product-page-columns {
margin-top: 20px;
flex-wrap: wrap!important;
}
.custom-class.product-page-column-left,
.custom-class.product-page-column-right {
flex-basis: 100%!important;
}
}
/* Style Noptin newsletter signup form. */
.noptin-optin-main-wrapper {
margin-top: 0!important;
}
.noptin-optin-form-wrapper {
min-height: 0!important;
background-color: transparent!important;
}
.noptin-optin-form-wrapper input[type="email"],
.noptin-optin-form-wrapper input[type="submit"],
.noptin-newsletter-form input[type="email"],
.noptin-newsletter-form input[type="submit"]
{
height: 40px!important;
font-size: 1rem;
font-weight: 400;
line-height: 1rem;
border-radius: 5px;
font-family: var(--wp--preset--font-family--open-sans);
color: var(--wp--preset--color--tertiary);
}
.noptin-optin-form-wrapper input[type="email"],
.noptin-optin-form-wrapper input[type="submit"] {
border: none;
}
.noptin-form-footer {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.noptin-form-fields {
gap: 0;
flex-flow: row nowrap;
}
.noptin-form-field-email {
flex: 1 1 100px;
}
.noptin-form-field-submit {
margin-left: 10px;
}
.noptin-alert {
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.custom-class.newsletter-signup-disclaimer {
max-width: 450px;
}
.custom-class.newsletter-signup-disclaimer p {
max-width: 410px;
}
.custom-class.newsletter-signup-disclaimer a {
color: var(--wp--preset--color--secondary)!important;
}
.custom-class.newsletter-signup-disclaimer a:is(:active, :hover) {
text-decoration: underline;
text-decoration-thickness: 0.6px!important;
text-underline-offset: 5px!important;
}
/* Noptin unsubscription form. */
.noptin-newsletter-form,
.noptin-form-fields {
max-width: 290px!important;
}
.noptin-newsletter-form .noptin-form-field-wrapper label {
display: none;
}
.noptin-newsletter-form .noptin-text {
height: 100%;
}
.noptin-newsletter-form input[type="email"] {
border: 1px solid #ced4da!important;
}
.noptin-newsletter-form input[type="email"]:focus-visible {
outline: none;
}
.noptin-newsletter-form input[type="submit"] {
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.noptin-newsletter-form input[type="submit"]:hover {
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
/* -- Remove negative margin above button on mobile version. */
@media screen and (min-width:520px) {
.noptin-form-single-line .noptin-form-field-wrapper.noptin-form-field-submit {
margin-top: 0!important;
}
}
/* -- Custom success and error messages. */
.noptin-alert-subscribed,
.noptin-alert-invalid_email,
.noptin-alert-already_subscribed,
.noptin-alert-error
{
font-size: 0;
line-height: 0;
}
.noptin-alert-subscribed::after,
.noptin-alert-invalid_email::after,
.noptin-alert-already_subscribed::after,
.noptin-alert-error::after {
font-size: 1rem;
line-height: 1.4rem;
}
.noptin-alert-subscribed::after {
content: 'Tak! Venligst bekræft din mailadresse via den mail vi netop har sendt.';
}
.noptin-alert-invalid_email::after {
content: 'Ugyldig mailadresse. Prøv igen.';
}
.noptin-alert-already_subscribed::after {
content: 'Din mailadresse er allerede tilmeldt.';
}
.noptin-optin-form-wrapper input[type="email"] {
background-color: white;
}
.noptin-optin-form-wrapper input[type="submit"] {
min-width: 80px;
padding: 0;
margin: 0;
display: flex;
place-content: center;
}
.noptin-optin-form-wrapper input[type="submit"],
.noptin-optin-form-wrapper input[type="email"] {
border: 1px solid var(--wp--preset--color--tertiary);
}
/* Remove black background color on clicked elements. */
* {
-webkit-tap-highlight-color: transparent!important;
}
/* Breadcrumbs. */
.custom-class.breadcrumbs-container {
overflow: hidden!important;
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
overflow: hidden;
background-color: var(--wp--preset--color--custom-navy) !important;
background-origin: border-box;
}
.custom-class.breadcrumbs-row {
margin: 0!important;
}
.wc-block-breadcrumbs {
width: 100%;
overflow-x: scroll;
scrollbar-width: none;
/* Hide scrollbar on Safari: */
padding-bottom: 30px!important;
margin-bottom: -30px!important;
clip-path: inset(0 0 30px 0)!important;
}
.breadcrumbs-fade-alpha-left {
mask-image: linear-gradient(to left, black calc(100% - 30px), transparent 100%);
}
.breadcrumbs-fade-alpha-right {
mask-image: linear-gradient(to right, black calc(100% - 30px), transparent 100%);
}
.breadcrumbs-fade-alpha-both {
mask-image: linear-gradient(to right, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%);
}
.woocommerce-breadcrumb {
margin: 0!important;
font-weight: inherit;
font-style: inherit;
white-space: nowrap;
}
.woocommerce-breadcrumb a {
font-weight: inherit;
font-style: inherit;
white-space: inherit;
}
.woocommerce-breadcrumb a:not(:hover) {
-webkit-font-smoothing: antialiased;
}
.woocommerce-breadcrumb a:is(:active, :hover) {
color: var(--wp--preset--color--secondary)!important;
}
.custom-class.header-breadcrumbs *::-webkit-scrollbar,
.custom-class.header-breadcrumbs *::-webkit-scrollbar:horizontal {
display: none;
-webkit-appearance: none;
width: 0;
height: 0;
background: transparent;
}
/* Custom contact form. */
.page-id-163 .entry-content {
max-width: 500px;
margin: auto;
}
.contact-form {
width: 500px;
max-width: 100%;
margin-top: 40px;
display: flex;
flex-flow: row wrap;
gap: 20px;
font-size: 1rem;
line-height: 1.4rem;
}
.contact-form .input-group {
display: flex;
flex-flow: column nowrap;
gap: 10px;
}
.contact-form label {
padding-left: 2px;
font-size: 1.1rem;
line-height: 1.1rem;
font-style: italic;
}
.contact-form .input-group:is(.name, .email) {
flex: 1 1 240px;
max-width: 300px;
}
.contact-form .input-group.message {
flex: 1 1 100%;
}
.contact-form .input {
position: relative;
border: 1px solid hsl(0,0%,80%);
border-radius: 5px;
font-size: inherit;
line-height: inherit;
font-weight: 300;
}
.contact-form :is(.name, .email) .input {
padding: 16px;
height: 40px;
box-sizing: border-box;
}
.contact-form .message .input {
height: 180px;
min-height: 1.4rem;
max-width: 100%;
padding: 16px;
resize: vertical;
-webkit-resize: vertical;
}
.contact-form .input-group {
position: relative;
}
.contact-form.validated .input-group:has(.input:invalid:not(:focus))::after {
display: inline;
position: absolute;
z-index: 20;
line-height: 14.5px;
font-size: 14.5px;
content: 'påkrævet';
color: darkred;
top: 39px;
right: 20px;
}
.contact-form.validated .input:invalid:not(:focus) {
border-color: darkred;
}
.contact-form .disclaimer {
flex: 0 1 100%;
padding: 20px 25px;
display: flex;
place-content: center;
background-color: hsl(0,0%,96%);
border-radius: 10px;
text-align: center;
font-size: inherit;
line-height: 1.5rem;
}
.contact-form .submit-button,
.ajax-message-button {
display: flex;
align-items: center;
height: 40px;
width: max-content;
padding: 0 20px;
border-radius: 5px;
box-sizing: border-box;
border: none;
outline: none;
cursor: pointer;
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
font-size: inherit;
color: var(--wp--preset--color--tertiary)!important;
font-weight: 300;
line-height: inherit;
}
.contact-form .submit-button {
margin: auto;
}
.contact-form .submit-button svg {
width: 94px;
height: 37px;
}
:is(.contact-form .submit-button, .ajax-message-button):hover {
box-shadow: 0 0 5px 1px var(--wp--preset--color--secondary);
}
.contact-form .submit-button[disabled] {
opacity: .5;
}
.ajax-message-button.secondary {
background-color: transparent;
border: 1px solid var(--wp--preset--color--secondary);
box-shadow: inset 0 0 1px var(--wp--preset--color--secondary), 0 0 1px var(--wp--preset--color--secondary);
}
.ajax-message {
max-width: 500px;
margin: 20px auto;
padding: 20px 16px;
box-sizing: border-box;
border-radius: 12px;
border: 1px solid var(--wp--preset--color--secondary);
box-shadow: inset 0 0 2px var(--wp--preset--color--secondary), 0 0 1px var(--wp--preset--color--secondary);
display: flex;
flex-flow: column nowrap;
gap: 30px;
justify-content: center;
text-align: center;
vertical-align: middle;
font-size: 1rem;
line-height: 1.5rem;
}
.ajax-message[hidden],
.ajax-message-buttons[hidden] {
display: none!important;
}
.ajax-message.error {
border: 1px solid darkred;
box-shadow: inset 0 0 1px darkred, 0 0 2px darkred;
color: black;
}
.ajax-message-buttons {
display: flex;
flex-flow: row nowrap;
gap: 12px;
justify-content: center;
}
/* -- Old plugin. */
.cscfForm {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
#frmCSCF {
display: grid;
max-width: 500px;
width: 100%;
grid-template-columns: 1fr 1fr;
place-content: center;
gap: 20px;
font-size: 1rem;
line-height: 1rem;
}
#frmCSCF * {
font-size: inherit;
line-height: inherit;
}
#frmCSCF input,
#frmCSCF textarea {
padding: 1rem;
box-sizing: border-box;
font-weight: 300;
border-radius: 5px;
}
#frmCSCF input::placeholder,
#frmCSCF textarea::placeholder
{
color: transparent;
}
#frmCSCF label {
display: block;
font-style: italic;
margin-bottom: 10px;
font-weight: 300;
font-size: 0;
line-height: 0;
}
#frmCSCF label::after {
display: inline;
font-size: 1.1rem;
line-height: 1.1rem;
}
/* -- Error messages. */
#frmCSCF #cscf_email-error,
#frmCSCF #cscf_name-error,
#frmCSCF #cscf_message-error{
display: none!important;
}
#frmCSCF .control-group.form-group.has-error.error {
position: relative;
}
#frmCSCF .control-group.form-group.has-error.error::after
{
display: inline;
position: absolute;
z-index: 20;
line-height: .9rem;
font-size: .9rem;
content: 'påkrævet';
color: darkred;
top: 50%;
right: 20px;
transform: translateY(50%);
}
#frmCSCF .control-group.form-group.has-error.error:has(#cscf_message)::after {
transform: none;
top: 2.5rem;
}
/* -- "Message not sent" error message. */
#cscf .cscfMessageNotSent {
padding: 10px;
border: 1px solid darkred;
text-align: center;
color: darkred;
font-style: italic;
}
#cscf .cscfMessageNotSent::after {
display: block;
content: 'Venligst kontakt os på info@woodworks.dk hvis problemet fortsætter.';
margin-bottom: 20px;
}
/* -- Name and e-mail address. */
#cscf_name, #cscf_email {
width: 100%;
height: 40px;
border: 1px solid lightgray;
}
#frmCSCF label[for="cscf_name"] {
font-size: 0;
line-height: 0;
}
#frmCSCF label[for="cscf_name"]::after{
content: 'Navn';
}
#frmCSCF label[for="cscf_email"]::after{
content: 'Mailadresse';
}
/* -- Message. */
#frmCSCF .control-group:has(#cscf_message) {
grid-column: 1/-1;
}
#frmCSCF #cscf_message {
width: 100%;
border: 1px solid hsl(0,10%,80%);
}
#frmCSCF label[for="cscf_message"]::after{
content: 'Henvendelse';
}
/* -- Captcha and disclaimer. */
.control-group:has(#recaptcha_div) {
grid-column: 1/-1;
display: flex;
flex-flow: column;
align-items: center;
margin-top: 10px;
}
.control-group:has(#recaptcha_div)::after {
display: flex;
place-content: center;
margin-top: 30px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 10px;
content: 'Woodworks benytter ovenstående oplysninger til at svare på din henvendelse hvorefter oplysningerne slettes.';
background-color: hsl(0,0%,96%);
text-align: center;
line-height: 1.4rem;
}
/* -- "Submit" button. */
#cscf_SubmitButton {
grid-column: 1/-1;
}
#cscf_SubmitButton {
width: max-content;
height: 40px;
margin: 0 auto;
padding: 0 20px!important;
color: var(--wp--preset--color--tertiary);
border: none;
outline: none;
cursor: pointer;
border-radius: 5px;
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
font-weight: 350;
}
#cscf_SubmitButton:hover {
box-shadow: 0 0 3px var(--wp--preset--color--secondary);
}
/* Customize product filter plugin. */
.wpfCheckboxHier li[data-term-slug="ikke-valgbar"] {
display: none!important;
}
.wpfCheckboxHier .wpfLiLabel:hover .wpfFilterTaxNameWrapper {
color: var(--wp--preset--color--secondary)!important;
}
.wp-block-group:has(.wp-block-details > .wpfMainWrapper) {
position: relative;
}
/* -- Hide filter/order bar on empty search results page. */
main:has(.wp-block-woocommerce-product-collection-no-results) .wc-block-store-notices {
margin-block-start: 0!important;
}
main:has(.wp-block-woocommerce-product-collection-no-results) .wp-block-group:has(>.wc-block-product-results-count) {
display: none!important;
}
main:has(.wp-block-woocommerce-product-collection-no-results) .wp-block-query-title {
display: none;
}
/* -- Fix filter search input overflowing parent. */
.wpfSearchWrapper .wpfSearchFieldsFilter {
width: auto!important;
height: 30px;
padding: 5px 15px;
border-radius: 5px;
margin-bottom: 15px;
border: 1px solid rgba(0,0,0,0.4);
box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
/* -- Both sort and filter. */
.wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
/* white-space: nowrap; */
padding-right: 20px;
}
.wp-block-details .wpfMainWrapper {
position: absolute!important;
top: 50px;
z-index: 30;
margin: 0!important;
min-width: 300px!important;
max-width: 100%;
width: auto!important;
background-color: white;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
border-radius: 5px;
font-size: 1rem;
font-weight: 300;
font-family: var(--wp--preset--font-family--open-sans);
}
.wpfMainWrapper * {
font-family: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
color: var(--wp--preset--color--tertiary)!important;
}
.wpfMainWrapper .wpfFilterWrapper {
/* min-width: 0!important; */
width: auto!important;
/* flex-grow: 1; */
display: flex;
flex-flow: row nowrap;
margin: 0!important;
}
.wpfMainWrapper .wpfFilterWrapper[data-filter-type="wpfPrice"] {
flex-grow: 0;
}
.wpfFilterWrapper .wpfFilterTaxNameWrapper {
font-weight: unset;
}
/* -- Filter */
/* Display filter as single column on mobile. */
@media (max-width:600px) {
.custom-class.toggle.filter .wpfMainWrapper {
flex-flow: column nowrap!important;
}
}
.wpfSearchWrapper {
align-items: flex-start!important;
}
.custom-class.toggle.filter .wpfMainWrapper {
z-index: 145; /* Page-wide filter/sort loading blur has a z-index of 150. */
left: 0;
width: auto!important;
min-width: 300px;
padding: 20px 25px;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: start;
gap: 20px;
}
.custom-class.toggle.filter .wpfMainWrapper > *{
max-height: 275px!important;
}
.custom-class.toggle.filter .wpfFilterContent {
width: auto!important;
display: flex;
flex-flow: column nowrap;
}
.wpfFilterButtons {
display: flex;
width: 100%;
align-self: end;
gap: 10px;
}
.wpfFilterButtons .wpfButton {
width: auto!important;
min-width: 100px!important;
min-height: 0!important;
height: 40px!important;
margin: 0!important;
padding: 0!important;
border-radius: 5px!important;
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
text-transform: capitalize!important;
font-weight: 400!important;
}
.wpfFilterButtons .wpfButton:hover {
box-shadow: 0 0 3px var(--wp--preset--color--secondary)!important;
text-decoration: underline!important;
text-underline-offset: 3px!important;
transition: none!important;
}
.wpfFilterButtons .wpfButton.wpfClearButton {
background-color: transparent;
border: 1px solid var(--wp--preset--color--secondary);
box-shadow: none;
}
.wfpDescription {
font-size: 1.1rem!important;
margin-bottom: 5px!important;
}
.wpfFilterVerScroll {
max-height: none!important;
}
.wpfCheckboxHier {
max-height: 100%!important;
padding-left: 2px;
overflow-y: scroll;
}
.wpfCheckboxHier.overflowing-both {
mask-image: linear-gradient(to left, black 0%, black 12px, transparent 12px, transparent 100%), linear-gradient(to bottom, transparent 0%, black 75px, black calc(100% - 75px), transparent 100%);
}
.wpfCheckboxHier.overflowing-top {
mask-image: linear-gradient(to left, black 0%, black 12px, transparent 12px, transparent 100%), linear-gradient(to bottom, transparent 0%, black 75px, black 100%);
}
.wpfCheckboxHier.overflowing-bottom {
mask-image: linear-gradient(to left, black 0%, black 12px, transparent 12px, transparent 100%), linear-gradient(to top, transparent 0%, black 75px, black 100%);
}
.wpfFilterVerScroll li:last-child .wpfLiLabel {
margin-bottom: 0;
}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent {
padding: 0!important;
}
.wpfPriceFilterRange {
width: auto!important;
height: auto!important;
height: auto!important;
border: none!important;
margin: 0 12px!important;
padding: 0 10px!important;
}
.wpfPriceFilterRange .ui-slider-range {
position: static!important;
height: 2px;
width: 220px!important;
margin: 0!important;
background: black!important;
border-radius: 10px;
}
#wpfSliderRange.wpfPriceFilterRange .ui-slider-handle {
top: -10px!important;
height: 20px!important;
border: 1.5px solid var(--wp--preset--color--tertiary)!important;
border-radius: 50%!important;
}
#wpfSliderRange.wpfPriceFilterRange .ui-slider-handle:hover,
#wpfSliderRange.wpfPriceFilterRange .ui-slider-handle.ui-state-hover,
#wpfSliderRange.wpfPriceFilterRange .ui-slider-handle.ui-state-active {
border-color: var(--wp--preset--color--tertiary)!important;
background-color: var(--wp--preset--color--secondary)!important;
}
.wpfPriceInputs {
margin-top: 25px!important;
padding-left: 12px!important;
}
.wpfPriceInputs .wpfPriceRangeField {
min-width: 40px!important;
width: max-content!important;
padding: 2px 10px!important;
text-align: center;
background-color: hsl(46,5%,95.5%);
}
.wpfCurrencySymbol {
text-transform: capitalize;
}
.wpfFilterDelimeter {
font-size: 0!important;
height: 1.5px!important;
background-color: var(--wp--preset--color--tertiary);
width: 14px;
margin: 7px;
border-radius: 10%;
}
.wpfCheckbox label::before {
border-radius: 4px!important;
}
.wpfLiLabel {
font-weight: 300;
}
.wpfFilterWrapper label {
font-weight: 300;
}
/* -- Sort */
.wpfMainWrapper[data-filter="3"] {
z-index: 20;
right: 0;
top: 10;
width: auto!important;
min-width: 220px;
min-height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.custom-class.toggle.sort .wpfMainWrapper .wpfFilterWrapper {
place-content: center;
margin: 15px 20px;
}
.custom-class.toggle.sort .wpfMainWrapper .wpfFilterContent {
width: auto!important;
}
.custom-class.toggle.sort .wpfMainWrapper select:hover {
border-color: var(--wp--preset--color--secondary)!important;
box-shadow: 0 0 2px var(--wp--preset--color--secondary)!important;
}
.custom-class.toggle.sort .wpfMainWrapper select {
appearance: none;
outline: none;
background-color: transparent;
display: flex;
place-content: center;
width: auto!important;
height: auto!important;
margin: 0!important;
padding: 0!important;
min-height: 40px!important;
min-width: 60px!important;
padding-right: 50px!important;
padding-left: 20px!important;
border-radius: 5px;
border-color: var(--wp--preset--color--tertiary);
text-align-last: center;
font-size: 1rem;
font-family: var(--wp--preset--font-family--open-sans);
color: var(--wp--preset--color--tertiary);
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
/* Give footer a background texture. */
.custom-class.footer-columns {
background-image: url('/wp-content/uploads/2024/10/footer-background-wave-texture.svg');
background-size: cover;
background-origin: padding-box;
}
/* Replace mobile product menu text/hamburger icon. */
.custom-class.main-nav .wp-block-navigation__responsive-container-open {
font-size: 0px;
line-height: 0px;
padding: 10px 40px;
background: linear-gradient(135deg, hsl(46, 72%, 60%), hsl(46, 72%, 65%) 40%, hsl(46, 72%, 62%));
box-shadow: 0 0 2px var(--wp--preset--color--secondary);
text-shadow: hsl(46, 72%, 55%) 0 1px 2px, hsl(46, 72%, 68%) 0 -1px 2px;
border-radius: 7px;
margin: 15px 0;
}
.custom-class.main-nav .wp-block-navigation__responsive-container-open:is(:active, :hover) {
box-shadow: 0 0 5px 3px hsl(46, 72%, 77%);
}
.custom-class.main-nav .wp-block-navigation__responsive-container-open svg {
display: none!important;
}
.custom-class.main-nav .wp-block-navigation__responsive-container-open::before {
content: 'Varemenu';
font-size: initial;
line-height: initial;
text-transform: uppercase;
font-size: .9rem;
letter-spacing: .7px;
font-weight: 400;
}
/* Style both mobile navigation menus. */
@media (max-width:801px) {
/* Move hamburger menu down into menu bar. */
nav.custom-class.main-nav {
position: static!important;
height: 5!important;
min-height: 0!important;
padding: 0!important;
background-color: var(--wp--preset--color--secondary);
}
.custom-class.header-bg {
height: 120px;
}
.custom-class.header-column-logo {
margin-top: 65px;
}
.custom-class.header-nav {
place-content: end;
}
.custom-class.header-nav .wp-block-navigation__responsive-container-open {
margin-right: 20px;
transform: translateY(26px);
background-color: transparent!important;
box-shadow: none!important;
color: var(--wp--preset--color--tertiary)!important;
}
.custom-class.main-nav .wp-block-navigation__responsive-container-open {
z-index: 20;
}
/* Replace hamburger menu with magnifying glass to make product search easier to find. */
.custom-class.header-nav .wp-block-navigation__responsive-container-open svg {
display: none;
}
.custom-class.header-nav .wp-block-navigation__responsive-container-open {
width: 38px;
height: 38px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' style='fill:%23303036;fill-rule:nonzero;' aria-hidden='true' focusable='false'%3E%3Cpath d='M10.155,0.776c5.074,-0 9.225,4.151 9.225,9.225c0,2.153 -0.768,4.152 -1.998,5.689c-0,0 4.201,4.202 5.479,5.479c0.096,0.097 0.15,0.228 0.15,0.364c0,0.137 -0.054,0.268 -0.15,0.364c-0.289,0.288 -0.689,0.688 -0.974,0.974c-0.196,0.195 -0.512,0.195 -0.707,-0c-1.265,-1.265 -5.49,-5.489 -5.49,-5.489c-1.537,1.23 -3.536,1.998 -5.689,1.998c-5.074,0 -9.225,-4.151 -9.225,-9.225c-0,-5.074 4.305,-9.379 9.379,-9.379Zm-0,16.144c3.844,0 6.919,-3.075 6.919,-6.919c0,-3.844 -3.075,-6.919 -6.919,-6.919c-3.844,-0 -6.919,3.075 -6.919,6.919c-0,3.844 3.075,6.919 6.919,6.919Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.custom-class.header-nav .wp-block-navigation__responsive-container-open:hover,
.custom-class.header-nav .wp-block-navigation__responsive-container-open:active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' style='fill:%23e7cb6e;fill-rule:nonzero;' aria-hidden='true' focusable='false'%3E%3Cpath d='M10.155,0.776c5.074,-0 9.225,4.151 9.225,9.225c0,2.153 -0.768,4.152 -1.998,5.689c-0,0 4.201,4.202 5.479,5.479c0.096,0.097 0.15,0.228 0.15,0.364c0,0.137 -0.054,0.268 -0.15,0.364c-0.289,0.288 -0.689,0.688 -0.974,0.974c-0.196,0.195 -0.512,0.195 -0.707,-0c-1.265,-1.265 -5.49,-5.489 -5.49,-5.489c-1.537,1.23 -3.536,1.998 -5.689,1.998c-5.074,0 -9.225,-4.151 -9.225,-9.225c-0,-5.074 4.305,-9.379 9.379,-9.379Zm-0,16.144c3.844,0 6.919,-3.075 6.919,-6.919c0,-3.844 -3.075,-6.919 -6.919,-6.919c-3.844,-0 -6.919,3.075 -6.919,6.919c-0,3.844 3.075,6.919 6.919,6.919Z'/%3E%3C/svg%3E");
}
/* Adjust footer background texture. */
.custom-class.footer-columns {
background-image: url('/wp-content/uploads/2024/10/footer-background-wave-texture.svg');
background-size: 300% auto;
}
/* Mobile social, product search, and contact menu. */
nav.custom-class.header-nav .wp-block-navigation__responsive-container-content {
padding-top: 100px!important;
gap: 20px!important;
height: 100%!important;
justify-content: center!important;
}
nav.custom-class.header-nav .wp-block-navigation__responsive-container-content .wp-block-search {
margin: 0!important;
}
/* Product and social menus' "close" buttons. */
.wp-block-navigation__responsive-container.is-menu-open {
padding-top: 0!important;
padding-right: 0!important;
padding-bottom: 0!important;
padding-left: 0!important;
}
.wp-block-navigation__responsive-container-close {
top: 18px;
right: 24px;
margin: 0!important;
padding: 12px!important;
background-color: var(--wp--preset--color--secondary)!important;
opacity: 1!important;
border-radius: 50%;
aspect-ratio: 1/1;
width: auto!important;
height: auto!important;
box-shadow: 0 -1px 1px rgba(240,240,240,0.5), 0 1px 1px rgba(0,0,0,0.2);
}
/* Product menu. */
.wp-container-core-navigation-is-layout-2 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__container {
width: 100%!important;
padding: 30px 0 0 0!important;
display: grid!important;
grid-auto-rows: minmax(max-content, 65px);
gap: 10px;
place-content: center!important;
font-size: 1.2rem;
}
/* -- Product menu items. */
.wp-container-core-navigation-is-layout-2 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation-item {
display: flex;
place-content: center;
}
/* Main menu. */
.wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content {
padding-top: 0!important;
}
/* -- Toggle button. */
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-container-open {
width: 28px;
padding: 10px;
box-sizing: content-box;
background-color: var(--wp--preset--color--tertiary);
box-shadow: 0 0 2px var(--wp--preset--color--tertiary);
border-radius: 13px;
color: var(--wp--preset--color--secondary)!important;
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-container-open svg {
width: 100%;
height: 100%;
}
/* -- Main menu items. */
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content > .wp-block-navigation__container:has(.wp-block-social-links) {
order: 3;
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content > .wp-block-buttons:has(.wp-block-button) {
order: 2;
background-color: var(--wp--preset--color--secondary);
box-shadow: 0 0 1px rgba(0,0,0,0.2);
border-radius: 5px;
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-buttons .wp-block-button a {
background-color: transparent!important;
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-search__input {
height: 45px;
background-color: rgb(245,245,245);
border: 1px solid rgb(235,235,235)!important;
border-radius: 5px!important;
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-search__input::placeholder {
color: var(--wp--preset--color--tertiary);
}
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content > .wp-block-buttons:has(.wp-block-button):hover,
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content > .wp-block-buttons:has(.wp-block-button):active {
box-shadow: 0 0 2px 0 var(--wp--preset--color--secondary);
cursor: pointer;
}
/* Insert "need help?" text into mobile header menu. */
.wp-container-core-navigation-is-layout-1 .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content::before {
display: block;
content: "Brug for hjælp?";
font-weight: 300;
font-size: 1.2rem!important;
margin-top: 0px!important;
margin-bottom: 5px!important;
order: 2;
}
}
/* Add gold shadow separators above product menu bar. */
.custom-class.header-bg {
box-shadow: 0 -1px 0 var(--wp--preset--color--secondary) inset;
}
/* Negate gold shadow on mobile nav. */
.wp-block-navigation__responsive-container-content .custom-class.main-nav {
box-shadow: none;
}
/* Floating minicart button. */
.custom-class.mini-cart {
position: fixed;
right: 35px;
bottom: 35px;
z-index: 100;
background-color: white;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 -2px 3px 1px rgba(220,220,220,0.2), 0 2px 2px 1px rgba(0,0,0,0.2);
}
/* -- Item count. */
.custom-class.mini-cart .wc-block-mini-cart__badge {
flex-basis: 30px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow: 0 0 1px rgba(220,220,220,0.2), 0 0 4px rgba(0,0,0,0.2);
color: var(--wp--preset--color--secondary);
font-size: 1.2em;
font-weight: 400;
min-width: 35px;
min-height: 35px;
}
/* -- Icon. */
.custom-class.mini-cart .wc-block-mini-cart__icon {
width: 42px;
height: 42px;
}
/* Move minicart closer to corner on mobile. */
@media (max-width: 781px) {
.custom-class.mini-cart {
right: 25px;
bottom: 25px;
}
}
/* Center logo on mobile. */
.custom-class.header-columns {
justify-content: center;
}
/* Header logo and its resizing behavior. */
.custom-class.header-column-logo {
flex-basis: 100%;
flex-shrink: 1;
flex-grow: 1;
min-width: 220px;
max-width: 300px;
}
/* Header nav flex container */
.custom-class.header-columns {
flex-basis: 1000px;
flex-shrink: 1;
align-items: center!important;
overflow: hidden;
}
/* Set min and max size of and make the search box shrink and expand. */
.custom-class.header-search {
display: flex;
flex-basis: 150px;
flex-shrink: 1;
flex-grow: 1;
max-width: 300px;
min-width: 120px;
}
/* Prevent highlighting button text on product filter and sort sliders. */
.custom-class.toggle {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
/* Change product filter and sort toggle text. */
.custom-class.toggle summary {
font-size: 1.1rem;
font-weight: 300;
list-style: none;
}
/* Change product filter and sort toggle arrow icons to face down when open and up when closed. */
.custom-class.toggle summary::after{
content: '\25BC';
margin-left: 8px;
font-size: 0.9rem;
vertical-align: middle;
color: var(--wp--preset--color--secondary);
}
.custom-class.toggle[open] summary::after{
vertical-align: baseline;
content: '\25B2';
}
/* Hide default toggle arrows. */
details summary::-webkit-details-marker {
display: none;
}
/* Make toggle text stay on the right side when open. */
.custom-class.toggle-right summary {
text-align: right;
}
/* Fix footer columns using wrong box-sizing. */
.custom-class .footer-column {
box-sizing: border-box;
}
/* Set half-pixel border on center column. */
.custom-class .footer-center-column {
border-width: 0.5px!important;
}
/* Add margin between price slider and selected filters. */
.custom-class.price-filter {
margin-right: 40px;
}
/* Reset price slider margin. */
.custom-class.price-filter .wc-block-components-price-slider {
margin-bottom: 0;
}
/* Reset "submit" and "reset" container flex gap. */
.custom-class.price-filter .wc-block-components-price-slider__actions {
gap: 0;
}
/* Filter "submit" button. */
.custom-class.price-filter .wc-block-components-price-slider__actions button {
font-weight: 400;
}
/* Display price filter input elements as flexbox. */
.custom-class.price-filter .wc-block-price-filter {
display: flex;
flex-flow: row wrap;
justify-content: center;
width: 290px;
}
/* Show price slider on its own line within parent container and give it margin to show both handles fully. */
.custom-class.price-filter .wc-block-price-filter__range-input-wrapper {
margin: 0 2px;
width: 220px;
/*flex-grow: 0;*/
}
/* Move "reset" button to the end. */
.custom-class.price-filter .wc-block-components-price-slider__actions .wc-block-components-filter-reset-button {
order: 2;
margin-left: 10px;
}
/* Add margin to "submit" button. */
.custom-class.price-filter .wc-block-components-price-slider__actions .wc-block-components-filter-submit-button {
order: 1;
margin-left: 10px!important;
}
/* Reset focus outline. */
:where(.wp-site-blocks *:focus) {
outline: none!important;
}
/* Fix a:hover using primary (white) palette. */
:root :where(a:where(:not(.wp-element-button)):hover) {
/* color: initial;*/
color: var(--wp--preset--color--secondary);
}
/* Remove blank space below footer + remove flex gap. */
.custom-class.footer-columns {
margin-bottom: 0;
gap: 0;
}
/* Reset and style main header product nav. */
.custom-class.main-nav {
min-height: 40px;
margin-top: 0;
padding: 7px 0;
}
/* Reset separator line (might be able to convert into border-bottom on header element). */
.custom-class.top-separator {
height: 2px;
border: none;
}
/* Style header search bar. */
.custom-class.header-search {
height: 40px;
max-height: 40px;
margin: auto;
}
/* Style inner header search bar. */
.custom-class.header-search .wp-block-search__inside-wrapper {
height: 40px;
max-height: 40px;
}
/* Style header search bar (adds padding to placeholder and input text). */
.custom-class.header-search .wp-block-search__inside-wrapper input {
padding: 0 15px;
font-weight: 350!important;
border-radius: 4px!important;
}
/* Style contact button (used in header and footer). */
.custom-class.contact-button {
height: 40px;
margin: 0 20px;
max-height: 40px;
flex-shrink: 0;
display: flex;
place-content: center;
align-items: center;
font-size: 1rem!important;
line-height: 1rem;
font-weight: 400;
}
.custom-class.contact-button a {
height: 100%;
display: flex;
align-items: center;
border-radius: 4px!important;
font-weight: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
}
/* Remove flex gap on one of the many nested header nav containers. Also push navigation elements to the right side of the header for balance. */
.custom-class.header-nav .wp-block-navigation__responsive-container-content {
gap: 0;
justify-content: end;
}
/* Force hamburger menu on header nav to be white for contrast. */
.custom-class.header-nav .wp-block-navigation__responsive-container-open {
color: white;
}
/* Style social icons. */
.custom-class.social-icon {
padding: 0 10px;
border-radius: 2px;
background-color: white;
height: 100%;
display: flex!important;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
max-height: 40px;
}