.wp-block { max-width: 100%; } .wp-block[data-align="wide"] { max-width: 100%; } .wp-block[data-align="full"] { max-width: 100%; } .wp-block[data-type="core/widget-area"] { max-width:95%; } .blocks-widgets-container .editor-styles-wrapper { max-width:initial; } .wp-block-cover, .wp-block-image { align-items: center; background-position: 50%; box-sizing: border-box; display: flex; justify-content: center; min-height: 344px; overflow: hidden; overflow: clip; position: relative; } .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover.has-background-dim:not(.has-background-gradient):before { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { color: inherit; position: relative; width: 100%; } .wp-block-boldblocks-breadcrumb-block ol { display:flex; flex-wrap:wrap; gap:.4em; list-style:none; margin:0; padding:0; } .wp-block-boldblocks-breadcrumb-block ol li .sep { display:flex; line-height:1; margin-left:.4em; } .wp-block-boldblocks-breadcrumb-block li, .woocommerce-breadcrumb li { align-items:center; display:flex; } h1 { font-size:51px; line-height:56px; } h2 { font-size:38px; line-height:46px; margin-bottom:16px; color:#1E1002; } h3 { font-size:29px; line-height:34px; margin-bottom:16px; color:#1E1002; } h4 { font-size:22px; line-height:26px; margin-bottom:16px; color:#1E1002; } h5 { font-size:18px; line-height:21px; margin-bottom:16px; color:#1E1002; } h6 { font-size:13px; line-height:16px; margin-bottom:16px; color:#1E1002; } p { font-size:14px; line-height:18px; margin-bottom:16px; opacity:0.8; color:#1E1002; box-sizing:border-box; } h2:last-child, h3:last-child, h4:last-child, p:last-child { margin-bottom:0; } p.has-x-large-font-size { font-size:22px !important; line-height:27px; } p.has-large-font-size { font-size:20px !important; line-height:30px; } p.has-small-font-size { font-size:14px !important; line-height:30px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } ul { padding-left:38px; list-style:none; color:#1E1002; } .is-root-container ul li { position:relative; margin-bottom:10px; } .is-root-container ul.wp-block-list:not(.list) li::before { content:""; mask-image:url(img/checkmark.svg); background-color:#1E1002; width:21px; height:21px; display:block; position:absolute; top:1px; left:-38px; } p a, table a { color:#009cc4; text-decoration:underline; } .is-root-container > article { min-height:400px; } .is-root-container > * { width:100%; } .is-root-container, .is-root-container > article, #main { display:flex; flex-direction:column; align-items:center; } .wp-block-cover.home { margin-top:-82px; min-height:760px; padding:82px 0 0 0; } .wp-block-cover.home > div { display:flex; flex-direction:column; align-items:center; } .wp-block-cover.home h1 { font-size:51px; line-height:56px; } .wp-block-cover.home .wp-block-search { max-width:24%; position:relative; margin-top:90px; } .wp-block-cover.home .wp-block-search input { border-radius:168px; border:none; padding:13px 19px 13px 46px; width:100%; font-size:16px; font-family:'Satoshi', sans-serif; background:rgba(255,255,255,0.8); } .wp-block-cover.home .wp-block-search button { width:18px; height:18px; position:absolute; top:15px; left:18px; margin:0; background-color:transparent; border:none; background-repeat:no-repeat; background-image:url('data:image/svg+xml;utf8,'); } .wp-block-cover.home .wp-block-buttons.media-controls { box-sizing:border-box; max-width:1280px; position:absolute; bottom:30px; } .wp-block-cover.home .wp-block-buttons.media-controls a { mask-image:url(img/pause.svg); background-color:#fff; width:25px; height:25px; padding:0; border:none; } .wp-block-cover.home .wp-block-buttons.media-controls a::after { display:none; } .wp-block-cover.home .wp-block-buttons.media-controls a.paused { mask-image:url(img/play.svg); } .wp-block-buttons { display:flex; } .wp-block-buttons .wp-block-button { width:auto; margin-right:15px; } .wp-block-buttons .wp-block-button:last-child { margin-right:0; } .wp-block-buttons .wp-block-button a { background:#A4D1E1; font-size:14px; line-height:20px; color:#1E1002; font-weight:700; position:relative; padding:13px 19px; border-radius:0; border:1px solid #A4D1E1; float:left; } .wp-block-buttons:not(.filters):not(.tabs) .wp-block-button:not(.transparent):not(.blue):not(.lightBlue):not(.no-arrow) a { padding:13px 38px 13px 19px; } .wp-block-buttons:not(.filters):not(.tabs) .wp-block-button:not(.transparent):not(.blue):not(.lightBlue):not(.no-arrow) a::after { content:""; display:block; background-image:url(img/arrow_right.svg); width:14px; height:14px; position:absolute; top:16px; right:15px; } .wp-block-buttons .wp-block-button.transparent a { background:transparent; color:#fff; border:1px solid #fff; padding:16px 24px; } .wp-block-buttons .wp-block-button.blue a { background:transparent; color:#1E1002; border:1px solid #0A3046; padding:8px 12px;} .wp-block-buttons .wp-block-button.blue.selected a { background:#0A3046; color:#fff; } .wp-block-buttons .wp-block-button.lightBlue a { padding:16px 24px; } .wp-block-buttons.filters { max-width:1280px; margin:50px 0; gap:15px; } .wp-block-buttons.filters .wp-block-button { margin:0; } .wp-block-buttons.filters .wp-block-button a { background:transparent; color:#1E1002; border:1px solid #0A3046; padding:8px 12px; } .wp-block-buttons.filters .wp-block-button a::after { display:none; } .wp-block-buttons.filters .wp-block-button.selected a, .wp-block-buttons.filters .wp-block-button a:hover { background:#0A3046; color:#fff; } .wp-block-file__button { background:#A4D1E1; font-size:12px; line-height:20px; color:#1E1002; font-weight:700; position:relative; border-radius:0; border:1px solid #A4D1E1; } .wp-block-columns { max-width:1280px; gap:30px; margin:0; } .wp-block-columns p, .wp-block-columns h4 { margin-bottom:10px; } .wp-block-columns p:last-child { margin-bottom:0; } .wp-block-columns p a { text-decoration:underline; } .narrow:not(.wp-block-cover), .wp-block-cover.narrow > div { box-sizing:border-box; max-width:1280px; padding:16px 0; margin:0 auto; } .narrower:not(.wp-block-cover), .wp-block-cover.narrower > div { box-sizing:border-box; max-width:1160px; padding:16px 0; margin:0 auto; } .w1200:not(.wp-block-cover), .wp-block-cover.w1200 > div { box-sizing:border-box; max-width:960px; padding:16px 0; margin:0 auto; } .narrowest:not(.wp-block-cover), .wp-block-cover.narrowest > div { box-sizing:border-box; max-width:520px; } .wp-block-cover.narrower .wp-block-columns .wp-block-column { align-items:center; display:flex; flex-direction:column; justify-content:center; } .wp-block-cover.narrow { } .wp-block-cover.narrow .wp-block-columns { } .wp-block-cover.narrow .wp-block-columns .wp-block-column { align-items:center; display:flex; } .wc-block-product-categories { display:flex; justify-content:center; } .wc-block-product-categories ul { box-sizing:border-box; max-width:1280px; padding:16px 0; display:grid; grid-template-columns:repeat(3, 1fr); list-style:none; gap:5px; margin:5px 0; padding:0; } .wc-block-product-categories ul li { margin:0; background:#F3F1F0; } .wc-block-product-categories ul li::before { display:none; } .wc-block-product-categories ul li a { display:block; } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__image { } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__image img { object-fit:cover; height:auto; aspect-ratio:4 / 3; } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__name { padding:16px 19px; display:block; font-size:14px; font-weight:700; color:#1C1915; box-sizing:border-box; } .wc-block-product-categories ul li ul { display:none; } .wp-block-group-is-layout-grid { box-sizing:border-box; max-width:1280px; padding:16px 0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); list-style:none; gap:5px; margin:5px 0; padding:0; } .wp-block-group-is-layout-grid .wp-block-image img { height:100%; } .wp-block-group.badge { background:#F3F1F0; padding:24px; margin:0; } .wp-block-group.badge p { opacity:0.6; } .wp-block-group.badge p:first-child { opacity:1; } .wp-block-group.badge.symbol .wp-block-columns { margin-bottom:20px; } .wp-block-group.badge.symbol .wp-block-columns .wp-block-column { position:relative; display:flex; justify-content:end; align-items:center; } .wp-block-group.badge.symbol .wp-block-columns .wp-block-image { min-height:auto; width:auto; } .wp-block-columns.badges { gap:5px; } .wp-block-columns.badges > .wp-block-column { display:flex; flex-direction:column; gap:5px; } .wp-block-columns.badges > .wp-block-column .wp-block-group.badge { height:100%; } .wp-block-columns.badges > .wp-block-column .wp-block-image img { width:100%; } .wp-block-columns.pages { gap:5vw; margin:30px auto; } .wp-block-columns.pages .wp-block-column { display:flex; flex-direction:column; align-items:center; } .wp-block-columns.pages p, .wp-block-columns.pages h3 { max-width:80%; margin:10px 0; } .wp-block-columns.pages h3 { margin-top:20px; } .wp-block-columns.pages p.has-small-font-size { margin:0; } .wp-block-columns.pages p { margin-bottom:20px; } .wp-block-columns.pages .wp-block-buttons { margin-top:auto; } .wp-block-columns.columns { gap:3vw; margin:30px auto; } .wp-block-columns.columns > .wp-block-column { position:relative; display:flex; flex-direction:column; min-height:450px; } .wp-block-columns.columns .wp-block-image { min-height:auto; margin-bottom:20px; } .wp-block-columns.columns .wp-block-image p { } body:not(.wp-admin) .wp-block-columns.columns > .wp-block-column { } body:not(.wp-admin) .wp-block-columns.columns .wp-block-buttons { margin-top:auto; } .wp-block-columns.linkBoxes { margin:24px auto 0 auto; } .wp-block-columns.linkBoxes .wp-block-tiptip-hyperlink-group-block { align-items:center; justify-content:center; display:flex; padding:70px 60px; flex-direction:column; height:100%; box-sizing:border-box; } .wp-block-columns.linkBoxes .wp-block-tiptip-hyperlink-group-block:hover { opacity:0.8; } .wp-block-cover.banner { box-sizing:border-box; max-width:1280px; padding:40px; align-items:end; justify-content:start; margin:50px auto; } .wp-block-cover.banner > div { max-width:34%; padding-top:128px; } .wp-block-cover.banner h2 { font-size:51px; line-height:56px; } .wp-block-cover.banner p { font-size:14px; line-height:18px; margin:16px 0 24px 0; } .wp-block-query { box-sizing:border-box; max-width:1280px; padding:0; margin:5px 0; } .wp-block-query ul { display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; padding:0; } .wp-block-query ul li { box-sizing:border-box; margin:0; } .wp-block-query ul li::before { display:none; } .wp-block-query ul li .wp-block-post-title { } .wp-block-query ul li .wp-block-post-title a { font-size:18px; line-height:21px; color:#1E1002; } .wp-block-query ul li .wp-block-post-excerpt { margin-top:5px; } .wp-block-query.search { } .wp-block-query.search ul { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:5px; padding:0; } .wp-block-query.search ul li { background:#F3F1F0; padding:20px; box-sizing:border-box; } .wp-block-query.search ul li .wp-block-post-pretitle { text-transform:uppercase; margin-bottom:5px; font-size:14px; font-weight:700; display:block; } .wp-block-query.brands { box-sizing:border-box; max-width:1280px; padding:0; margin:5px auto; } .wp-block-query.brands ul { display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; padding:0; } .wp-block-query.brands ul li { background:#F3F1F0; padding:20px; box-sizing:border-box; } .wp-block-query.brands ul li::before { display:none; } .wp-block-query.brands ul li .wp-block-post-featured-image { position:initial; width:calc(100% + 40px); margin:-20px -20px 20px -20px; } .wp-block-query.brands ul li .wp-block-post-featured-image a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } .wp-block-query.brands ul li .wp-block-post-featured-image a img { aspect-ratio:16 / 9; padding:50px 70px; object-fit:contain !important; box-sizing:border-box; } /*.wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Belton"] { content:url('img/logos/_0011_Belton-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Kendall"] { content:url('img/logos/_0008_Kendall-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Landora"] { content:url('img/logos/_0006_Landora-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="SprayMax"] { content:url('img/logos/_0001_Spraymax-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Colorex"] { content:url('img/logos/_0012_Colorex-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Starta"] { content:url('img/logos/_0000_Starta_svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Hagmans"] { content:url('img/logos/_0009_Hagmans.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Racing"] { content:url('img/logos/svart_Racing.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="SprayTac"] { content:url('img/logos/svart_SprayTec.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Camping Club"] { content:url('img/logos/_0014_Camping-Club-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Macken"] { content:url('img/logos/_0014_Camping-Club-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Painty"] { content:url('img/logos/_0002_Painty-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Best Fuel"] { content:url('img/logos/_0015_Best-fuel-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="By Maria"] { content:url('img/logos/_0016_byMaria.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Micro"] { content:url('img/logos/_0004_Micro-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Growell"] { content:url('img/logos/_0010_Growell-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Cleanosan"] { content:url('img/logos/_0013_Cleanosan-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Multona"] { content:url('img/logos/_0003_Multona-svart.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Chromaflo"] { } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Auto-K"] { content:url('img/logos/svart_Auto-K.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Habo"] { content:url('img/logos/svart_Habo.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Mercalin"] { content:url('img/logos/svart_Mercalin.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="North Sea"] { content:url('img/logos/svart_NSL2.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Shüller"] { content:url('img/logos/svart_Schuller.png'); } .wp-block-query.brands ul li .wp-block-post-featured-image img[alt="Soppec"] { content:url('img/logos/svart_Soppec.png'); } */ .wp-block-query.brands ul li .wp-block-post-title { margin-bottom:5px; margin-top:70%; } .wp-block-query.brands ul li .wp-block-post-title a { font-size:14px; line-height:18px; color:#1E1002; } .wp-block-query.brands ul li .wp-block-post-excerpt p { font-size:14px; line-height:18px; color:#1E1002; } .wp-block-query.brands ul li .wp-block-post-excerpt p.wp-block-post-excerpt__more-text, .wp-block-query.brands ul li .wp-block-post-excerpt .wp-block-post-excerpt__more-link { display:none; } body.home .wp-block-query.brands ul li:last-child { padding:0; } body.home .wp-block-query.brands ul li:last-child a { background:#A4D1E1; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:18px; font-size:21px; } body.home .wp-block-query.brands ul li:last-child a::after { content:""; display:block; background-image:url(img/arrow_right.svg); width:27px; height:27px; margin-top:16px; } body.home .wp-block-query.brands ul li .wp-block-post-featured-image img { filter:grayscale(1); } .wp-block-video { max-width:1280px; position:relative; } .wp-block-video figcaption { position:absolute; top:0; left:0; font-size:36px; line-height:44px; color:#fff; font-weight:700; height:100%; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; cursor:pointer; } .wp-block-video figcaption::before { content:""; mask-image:url(img/play.svg); background-color:#fff; width:92px; height:92px; margin-bottom:30px; } .wp-block-columns.grid { gap:5px; box-sizing:border-box; max-width:1280px; margin:0 0 5px 0; } .wp-block-columns.grid .wp-block-cover { height:100%; min-height:auto; align-items:start; padding:30px; } .wp-block-columns.grid .wp-block-cover p { color:#0A3046; opacity:0.6; font-size:28px; line-height:34px; max-width:80%; margin-bottom:10px; } .wp-block-columns.grid .wp-block-cover p:first-child { opacity:1; } .wp-block-columns.grid .wp-block-image { height:100%; margin:0; } .wp-block-image { margin:0; } .wp-block-columns.cards { gap:5vw; max-width:1280px; box-sizing:border-box; margin:30px auto; } .wp-block-columns.cards .wp-block-column { display:flex; align-items:center; justify-content:center; flex-direction:column; } .wp-block-columns.cards p { font-size:14px; line-height:18px; margin-bottom:16px; } .wp-block-query.posts { box-sizing:border-box; max-width:1280px; padding:0; margin:5px auto; } .wp-block-query.posts ul { grid-template-columns:repeat(1, 1fr); padding:0; } .wp-block-query.posts ul li { } .wp-block-query.posts ul li::before { display:none; } .wp-block-query.posts ul li .wp-block-post-title a { width:100%; background:#F3F1F0; border-left:3px solid #F18414; font-weight:500; font-size:14px; line-height:18px; padding:13px 50px 13px 19px; box-sizing:border-box; position:relative; display:block; } .wp-block-query.posts ul li .wp-block-post-title a::after { content:""; display:block; background-image:url(img/arrow_right.svg); width:14px; height:14px; position:absolute; top:16px; right:24px; } ul.list { grid-template-columns:repeat(1, 1fr); padding:0; } ul.list li { } ul.list li::before { display:none; } ul.list li a { width:100%; background:#F3F1F0; border-left:3px solid #F18414; font-weight:500; font-size:16px; line-height:22px; padding:16px 24px; box-sizing:border-box; position:relative; display:block; } ul.list li a::after { content:""; display:block; background-image:url(img/arrow_right.svg); width:17px; height:17px; position:absolute; top:20px; right:30px; } .wp-block-cover.narrowest { min-height:auto; padding:50px 0; } .wp-block-cover.contacts { padding:0; min-height:auto; } .wp-block-cover.contacts > div { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-template-rows:1fr; gap:30px; padding:0; } .wp-block-cover.contacts > div .wp-block-group.hidden { display:none; } .wp-block-cover.contacts > div p, .wp-block-cover.contacts > div h4 { margin:10px 0; } .wp-block-cover .wp-block-post-featured-image { margin:auto; max-width:80%; } .wp-block-cover .wp-block-post-featured-image img { max-height:300px; object-fit:contain !important; } .wp-block-boldblocks-breadcrumb-block, .woocommerce-breadcrumb { box-sizing:border-box; max-width:1280px; padding:0 16px; margin:5px 0; margin-bottom:24px; font-size:12px; line-height:16px; opacity:0.7; } .wp-block-boldblocks-breadcrumb-block li, .woocommerce-breadcrumb > * { width:auto; font-size:12px; line-height:16px; color:#1E1002; } .wp-block-boldblocks-breadcrumb-block li a, .woocommerce-breadcrumb > * a { white-space:nowrap; } ul.products { box-sizing:border-box; max-width:1280px; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:30px; list-style:none; margin:5px 0; } body:not(.search).wc-cat-level-0 ul.products { grid-template-columns:repeat(5, minmax(0, 5fr)); gap:5px; } body:not(.search).wc-cat-level-1 ul.products { gap:5px; } ul.products li { box-sizing:border-box; margin:0; } ul.products li::before { display:none; } ul.products li .woocommerce-loop-product__link { padding:16px; background:#EAF4F9; border:1px solid #A4D1E1; display:block; box-sizing:border-box; height:100%; } ul.products li .woocommerce-loop-product__link img { width:calc(100% + 32px); height:240px; margin:-16px -16px 16px -16px; object-fit:contain; background-color:#fff; } ul.products li .woocommerce-loop-product__link img.woocommerce-placeholder { object-fit:cover; } ul.products li .vessinge-brand { font-size:14px; text-transform:uppercase; letter-spacing:0.5px; font-weight:700; } ul.products li h2 { margin-top:3px; font-size:18px; line-height:21px; color:#1E1002; overflow:hidden; text-overflow:ellipsis; } ul.products li h2:not(:last-child) { margin-bottom:3px; } ul.products li p { font-size:14px; line-height:18px; color:#1E1002; } ul.products li .button { display:none; } ul.products li.product-category a { padding:16px; background:#F3F1F0; display:block; box-sizing:border-box; } ul.products li.product-category a img { width:calc(100% + 32px); height:200px; margin:-16px -16px 16px -16px; object-fit:cover; } ul.products.grid { gap:16px; } ul.products.grid li img { aspect-ratio:1; height:auto; background-color:#fff; } ul.products.grid li .woocommerce-loop-product__link span { font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; display:block; } ul.products.grid li .woocommerce-loop-product__link h2 { font-size:22px; line-height:26px; font-weight:700; margin:0; } ul.products li.no-results { background:#EAF4F9; text-align:center; padding:6% 0; width:100%; border:1px solid #A4D1E1; } .woocommerce-no-products-found { box-sizing:border-box; max-width:1280px; background:#EAF4F9; text-align:center; padding:6% 0; border:1px solid #A4D1E1; } div.posts { float:left; } div.posts img { object-fit:cover; height:240px; } div.no-results { background:#EAF4F9; text-align:center; padding:6% 0; width:100%; border:1px solid #A4D1E1; } .wc-block-grid { display:flex; justify-content:center; } ul.wc-block-grid__products { box-sizing:border-box; max-width:1280px; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; list-style:none; margin:5px 0; } ul.wc-block-grid__products li { box-sizing:border-box; margin:0; } ul.wc-block-grid__products li::before { display:none; } ul.wc-block-grid__products li .wc-block-grid__product-link { padding:20px; /*width:calc(100% + 40px);*/ background:#EAF4F9; border:1px solid #A4D1E1; display:block; } ul.wc-block-grid__products li .wc-block-grid__product-link img { width:calc(100% + 40px); margin:-20px -20px 20px -20px; aspect-ratio:1; height:auto; background-color:#fff; } ul.wc-block-grid__products li .wc-block-grid__product-title { margin-bottom:5px; font-size:22px; line-height:26px; color:#1E1002; } ul.wc-block-grid__products li p { font-size:16px; line-height:20px; line-height:22px; color:#1E1002; } /*div.product { box-sizing:border-box; max-width:1280px; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:5px; }*/ /*div.product { box-sizing:border-box; max-width:1280px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); grid-column-gap: 0px; grid-row-gap: 0px; }*/ .wp-block-cover, .wp-block-cover-image { min-height:344px; padding:0; } .wp-block-details { padding-bottom:30px; } .wp-block-details summary { list-style:none; position:relative; } .wp-block-details summary::after { content:""; width:1px; height:13px; background:#000; position:absolute; top:8px; right:5px; display:block; transform:rotate(-45deg); } .wp-block-details summary::before { content:""; width:1px; height:13px; background:#000; position:absolute; top:17px; right:5px; display:block; transform:rotate(45deg); } .wp-block-details[open] summary::after { top:14px; right:14px; } .wp-block-details[open] summary::before { top:14px; } .wp-block-details[open] summary { margin-bottom:20px; } .wp-block-details summary strong { font-size:28px; font-weight:700; } .wp-block-list { color:#1E1002; } /*.woocommerce-product-gallery { grid-area: 1 / 1 / 3 / 2; } .summary { grid-area: 1 / 2 / 2 / 3; } .woocommerce-tabs { grid-area: 2 / 2 / 3 / 3; }*/ .wp-block-cover.header { background-color:#f3f1f0; } .wp-block-cover.header > div { display:flex; flex-direction:column; align-items:center; max-width:1280px; } .wp-block-cover.header > div h1 { color:#fff; text-align:center; } .wp-block-table td, .wp-block-table th { border:none; border-bottom:1px solid #D9D2CD; padding:10px; font-size:14px; vertical-align:top; } .wp-block-table td:not(.has-text-align-center):not(.has-text-align-right), .wp-block-table th:not(.has-text-align-center):not(.has-text-align-right) { text-align:left; } .wp-block-table thead { border:none; } .wp-block-table th { text-transform:uppercase; font-size:12px; font-weight:700; padding:16px 10px; } .wp-block-table td { color:#1E1002; opacity:0.8; } .wp-block-table td:first-child, .wp-block-table th:first-child { padding-left:0; } .wp-block-table td:last-child, .wp-block-table th:last-child { padding-right:0; } .wp-block-table.vwcp th { width:30%; } .wp-block-table.vwcp th:first-child { width:40%; } .wp-block-table.vwcp td { vertical-align:middle; } .wp-block-table.glykol th { background:#A4D1E1; border-bottom:none; vertical-align:middle; padding:16px 10px; } .wp-block-table.glykol { width:100%; overflow:hidden; overflow-x:auto; } .wp-block-table.glykol table { min-width:600px; } body > .widget_block:first-child { background:#F18414; padding:13px 0; } body > .widget_block:first-child p a { position:relative; font-weight:700; padding-right:26px; } body > .widget_block:first-child p a::after { content:""; display:block; background-image:url(img/arrow_right.svg); width:17px; height:17px; position:absolute; top:2px; right:0; } .filters { display:flex; flex-direction:row; align-items:end; } .filters select { width:auto; font-family:'Satoshi', sans-serif; font-size:16px; line-height:20px; border:1px solid #A4D1E1; margin-left:10px; padding:8px 16px; appearance:none; background-color:transparent; font-weight:700; } .wp-block-boldblocks-youtube-block { margin:0; } .wp-block-boldblocks-youtube-block .yb-btn-play { background:#0A3046; border-radius:100%; width:90px; height:90px; filter:initial; display:flex; justify-content:center; align-items:center; } .wp-block-boldblocks-youtube-block .yb-btn-play::after { content:""; margin-left:5px; width:35px; height:40px; border-style:solid; box-sizing:border-box; border-width:20px 0px 20px 35px; border-color:transparent transparent transparent #fff; display:block; } .wp-block-boldblocks-youtube-block figcaption { font-size:28px; font-weight:700; } .wp-block-vessinge-guten-form { width:auto; } .wp-block-vessinge-guten-form input:not([type="checkbox"]), .wp-block-vessinge-guten-form select, .wp-block-vessinge-guten-form textarea { width:100%; max-width:initial; border:none; padding:12px 0; font-size:16px; font-weight:700; font-family:'Satoshi', sans-serif; border:none; border-bottom:2px solid #1E1002; box-sizing:border-box; background:none; outline:none; color:#1E1002; } .wp-block-vessinge-guten-form input[type="checkbox"] { width:auto; } .wp-block-vessinge-guten-form input[type="file"] { font-size:14px; } .wp-block-vessinge-guten-form textarea { min-height:180px; border:2px solid #1E1002; padding:12px; } .wp-block-vessinge-guten-form > div { position:relative; margin-bottom:20px; } .wp-block-vessinge-guten-form > div.hide { display:none; } .wp-block-vessinge-guten-form label { width:100%; display:block; margin-bottom:2px; font-size:12px; font-weight:700; } .wp-block-vessinge-guten-form > div:not(.wp-block-vessinge-guten-textarea).focused, .wp-block-vessinge-guten-form div:not(.wp-block-vessinge-guten-textarea).filled { padding-top:6px; } .wp-block-vessinge-guten-form > div:not(.focused):not(.filled):not(.wp-block-vessinge-guten-textarea):not(.checkbox) label { font-size:16px; position:relative; top:36px; left:0; pointer-events:none; } .wp-block-vessinge-guten-form > div.wp-block-vessinge-guten-textarea { margin-top:40px; } .wp-block-vessinge-guten-form > div.wp-block-vessinge-guten-textarea label { font-size:16px; margin-bottom:10px; } .wp-block-vessinge-guten-select { } .wp-block-vessinge-guten-select select { padding:14px; } .wp-block-vessinge-guten-input { } .wp-block-vessinge-guten-input.checkbox { display:flex; margin-top:30px; } .wp-block-vessinge-guten-input.checkbox input { width:26px; height:26px; border:2px solid #1E1002; margin:0 10px 0 0; } .wp-block-vessinge-guten-input.checkbox label { order:2; margin:2px; font-size:16px; cursor:pointer; width:auto; top:0; font-weight:500; } .wp-block-vessinge-guten-label { margin-bottom:0 !important; } .wp-block-vessinge-guten-button { margin:30px 0 0 0; display:flex; justify-content:center; } .wp-block-vessinge-guten-button > button { width:auto; background:#1E1002; padding:18px 26px; font-size:16px; color:#fff; transition:.25s; border:none; cursor:pointer; font-family:'Satoshi', sans-serif; position:relative; white-space:nowrap; } .wp-block-vessinge-guten-button > button:not(.loading)::after { content:""; display:block; background-image:url(img/arrow_right_white.svg); width:16px; height:16px; float:right; margin:3px 0 3px 7px; } .wp-block-vessinge-guten-button > button:hover { opacity:0.7; } .wp-block-cover.tabs { border-bottom:1px solid #ccc; min-height:auto; margin:10px 0 20px 0; padding:10px 0 20px 0; overflow-x:auto; align-items:start; justify-content:center; } .wp-block-cover.tabs .wp-block-buttons { max-width:1280px; padding:0 12px; margin:auto;} .wp-block-cover.tabs .wp-block-buttons .wp-block-button { margin-right:26px; } .wp-block-cover.tabs .wp-block-buttons .wp-block-button a { padding:0 !important; background:none; border:none; font-size:16px; font-weight:normal; white-space:nowrap; } .wp-block-cover.tabs .wp-block-buttons .wp-block-button a::after { background:none !important; } .wp-block-cover.tabs .wp-block-buttons .wp-block-button.focused a { font-weight:bold; } .wp-block-cover.tabs .wp-block-buttons .wp-block-button.focused a::after, .wp-block-cover.tabs .wp-block-buttons .wp-block-button a:hover::after { content:""; width:100% !important; top:22px !important; left:0; height:3px !important; background:#a4d1e1 !important; } .leaflet-touch .leaflet-bar, .leaflet-popup, .leaflet-bottom { width:auto; } @media screen and (max-width: 1324px){ .wp-block-cover.narrowest { /*padding:16px 0;*/ width:calc(100% - 22px); } .wp-block-cover.narrowest.stretch { width:100%; } .narrow:not(.wp-block-cover), .wp-block-cover.narrow > div { max-width:calc(100% - 22px); } .narrower:not(.wp-block-cover), .wp-block-cover.narrower > div { max-width:calc(100% - 22px); min-height:auto; padding:22px 0; } .is-root-container, .is-root-container > article, #main { padding:0 3px; width:calc(100% - 6px); } .wp-block-boldblocks-breadcrumb-block { padding:0 10px; } .woocommerce-breadcrumb { padding:0 13px; word-break:break-word; } .wp-block-columns { max-width:calc(100% - 22px); min-height:auto; } .wp-block-cover.home { width:calc(100% + 12px); } .wp-block-cover.banner { max-width:calc(100% - 20px); } .wp-block-query.posts { max-width:calc(100% - 22px); } ul.products { grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; } body.woocommerce ul.products { max-width:calc(100% - 22px); } .wp-block-group-is-layout-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } .wp-block-buttons.filters { max-width:calc(100% - 22px); } body:not(.search).wc-cat-level-0 ul.products { max-width:calc(100% - 22px); margin:0 11px; } .wp-block-query.search ul { max-width:calc(100% - 22px); margin:0 11px; } } @media screen and (max-width: 1000px){ body.home .wp-block-woocommerce-product-categories { padding-bottom:50px; } body.home .wp-block-woocommerce-product-categories .paging { top:initial; bottom:0; } .wp-block-cover, .wp-block-image { min-height:initial; } .wp-block-query.brands ul li .wp-block-post-featured-image a { position:relative; } .wp-block-query.brands ul li .wp-block-post-featured-image a img { width:100px; height:100px; padding:0 15px; } ul.products { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; } h1 { font-size:48px; line-height:58px; } h2 { font-size:36px; line-height:42px; margin-bottom:16px; } h3 { font-size:28px; line-height:32px; margin-bottom:16px; } h4 { font-size:22px; line-height:26px; margin-bottom:16px; } h5 { font-size:16px; line-height:20px; margin-bottom:16px; } h6 { font-size:16px; line-height:20px; margin-bottom:16px; } p { font-size:16px; line-height:22px; margin-bottom:16px; } .wp-block-cover, .wp-block-cover-image { min-height:220px; } .wp-block-columns.cards { gap:26px; } .wp-block-columns.cards .wp-block-column { padding:0 13px; } .wp-block-columns.cards.reverse .wp-block-column:first-child { order:2; } .wp-block-columns.cards.reverse .wp-block-column:last-child { order:1; } .wp-block-columns { gap:10px; } .wp-block-cover.home { margin-top:-66px; margin-bottom:6px; } .wp-block-cover.home .wp-block-search { max-width:calc(100% - 26px); } .wp-block-cover.home { min-height:590px; } .wp-block-cover.home h1 { font-size:28px; line-height:32px; max-width:calc(100% - 26px); } .wc-block-product-categories ul { grid-template-columns:repeat(1, 1fr); } .wc-block-product-categories ul li a { display:flex; } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__image { flex-basis:100px; } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__image img { width:100px; height:100px; } .wc-block-product-categories ul li a .wc-block-product-categories-list-item__name { display:flex; align-items:center; padding:16px; } .wp-block-cover.banner { padding:20px; } .wp-block-cover.banner > div { max-width:100%; padding-top:60px; } .wp-block-cover.banner h2 { font-size:36px; line-height:42px; } .wp-block-query.brands ul { grid-template-columns:repeat(1, 1fr) } .wp-block-query.brands ul li .wp-block-post-excerpt { display:none; } .wp-block-query.brands ul li { display:flex; padding:0; margin:0; } .wp-block-query.brands ul li .wp-block-post-featured-image { margin:0; flex-basis:126px; } .wp-block-query.brands ul li .wp-block-post-featured-image img { aspect-ratio:1; padding:10px; } .wp-block-query.brands ul li .wp-block-post-title { margin:0; display:flex; align-items:center; } .wp-block-query.brands ul li .wp-block-post-title a { height:100%; width:100%; display:flex; align-items:center; padding:16px; box-sizing:border-box; } body.home .wp-block-query.brands ul li:last-child a { justify-content:start; flex-direction:row; font-size:16px; font-weight:700; min-height:100px; padding:0 16px; } body.home .wp-block-query.brands ul li:last-child a::after { width:18px; height:18px; right:22px; position:absolute; margin:0; } .wp-block-cover.contacts > div { grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 781px){ h1 { font-size:36px; line-height:48px; } .wc-block-product-categories ul li { width:100%; } .wp-block-columns.pages p, .wp-block-columns.pages h3 { text-align:left; max-width:100%; } /*ul.products { grid-template-columns:repeat(5, 1fr); }*/ body:not(.search).wc-cat-level-0 ul.products { grid-template-columns:repeat(1, minmax(0, 1fr)); } body:not(.search).wc-cat-level-1 ul.products { grid-template-columns:repeat(1, minmax(0, 1fr)); } .narrower:not(.wp-block-cover), .wp-block-cover.narrower > div {} .wp-block-cover.narrower { min-height:200px !important; } .wp-block-columns.linkBoxes .wp-block-tiptip-hyperlink-group-block { padding:40px 30px; } ul.products li .woocommerce-loop-product__link img { height:auto; padding:5px; box-sizing:border-box; width:calc(100% + 20px); margin:-10px -10px 10px -10px; } ul.products li .vessinge-brand { font-size:10px; } ul.products li h2 { font-size:14px; margin-top:3px; } ul.products li .woocommerce-loop-product__link { padding:10px; } ul.products.grid li .woocommerce-loop-product__link span { font-size:10px; } ul.products.grid li .woocommerce-loop-product__link h2 { font-size:14px; margin-top:3px; } .wp-block-query.search ul { grid-template-columns:repeat(2, minmax(0, 1fr)); } .wp-block-columns.columns { gap:40px; } .wp-block-group-is-layout-grid { grid-template-columns:repeat(1, minmax(0, 1fr)); } ul.products.markers { grid-template-columns:repeat(1, minmax(0, 1fr)); } .wp-block-cover.contacts > div { grid-template-columns:repeat(1, minmax(0, 1fr)); } .wp-block-buttons.filters { flex-direction:column; } .wp-block-buttons.filters .wp-block-button { width:100%; } .wp-block-columns.glykolFilterForm { display:block; width:100%; max-width:initial !important; } .wp-block-columns.glykolFilterForm .wp-block-column { display:block !important; } #glykolSearch, #glykolFilter { width:100%; max-width:initial; margin:0 0 5px 0;} .vessinge-wcp .wp-block-cover.narrow { padding:0; } }