/*
Theme Name: Spaobad återförsäljare template
Theme URI: spaobad.com
Description: Åteförsäljare template
Author: Spa o Bad
Author URI: spaobad.com
Version: 1.0
*/


/* Start
--------- 
*/

/*! Flickity v2.1.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;width:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:0;width:50%;background:0 0;outline:0;border:none;height:100%;cursor:pointer}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:0;cursor:url(images/left.png) 0 10,auto}.flickity-prev-next-button.next{right:0;cursor:url(images/right.png) 28 10,auto}.wp-block-gallery .flickity-prev-next-button:hover{background:0 0}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}svg{display:none}.wp-block-gallery{width:100%;display:inline-block;height:auto;position:relative;margin:0 0 3.2rem}.wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-right:auto;width:-moz-max-content;width:fit-content;margin-right:auto;margin:0 1px;height:70vh;}.wp-block-gallery figure img, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{margin-bottom:0;display:block;height:70vh;object-fit:cover;width:auto}
.flickity-viewport{margin-bottom:6.4rem;}

#site .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-right:0px;width:calc(auto - var(--gallery-block--gutter-size, 0px)*0)}


@font-face {
  font-family: "Kento";
  src: url("fonts/Kento-Light.otf") format("OpenType");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kento";
  src: url("fonts/Kento-Regular.otf") format("OpenType");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kento";
  src: url("fonts/Kento-Bold.otf") format("OpenType");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}



html{font-size:10px;scroll-padding-top: 120px;}
body {ine-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0;padding:0;color:#fff;
	-webkit-font-smoothing: antialiased;background:#f4f1ed;
-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
font-style: normal;}
body, select, input, textarea, a, .single h3, srong, b{color: #171d23;}

a {text-decoration:none;margin:0;padding:0;}
a:link {-webkit-tap-highlight-color: #9a9a9a;display:inline-block;}
h1 a, h2 a, h3 a, .block a, p{color:fff;font-family:"Montserrat", Sans-serif;}
article a:hover{color:#3b3b3b;}
.has-white-color a{color:#fff;}

ins {background-color: #fcd400; color: #fff; text-decoration: none;}
mark {background-color: #fcd400; color: #fff; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:gray;}
textarea:-moz-placeholder { color:gray;}

::selection {
background-color: black;
color: #fff;
}


img, #site .wp-block-image{width:100%;max-width:100%;height:auto;margin-bottom:0;}
img{margin-bottom:2.6rem;}
.wp-block-column:only-child img{margin-bottom:1.2rem;}
#site .wp-block-image.is-style-circle-mask img, #site .wp-block-image.is-style-rounded img{border-radius:1.2rem;}
#site .wp-block-cover,
#site .wp-block-gallery.has-nested-images{flex-wrap:none;}
#site .wp-block-cover{min-height:50vh;padding:6.4rem;}

header{position:absolute;}
.bar{width:100%;position:fixed;z-index:540;opacity:1;transition:all .3s;top:0rem;}

nav{overflow:auto!important;}

p a{text-decoration:underline;outline:none;}
#site, input, textarea{font-size:2.2rem;padding:.3em .75em .4em;border-radius:0px;text-decoration:none;outline:none;}
#site .wp-block-button__link{font-size:1.6rem;padding:.95em 1.7em}
#site .wp-block-button__link{display:inline-block;clear:none;width:100%;margin:.5em .5em .5em 0;transition:background .3s;background-color:#000;}
.wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:.75em;}
input, textarea{border:0;border-radius:2px;font-family:inherit;font-size:2rem;margin-bottom:.65em;margin-top:.5em;padding:.8em 1em .7em}
.white input, .white textarea{border:1px solid #1d1d1b;}
.wpcf7-submit{border-radius:0px;font-size:1.3vw;margin-bottom:1.25em;margin-top:-.5em;padding:.2em 2em .2em;border:0;}


.odd{background:darkgray;}
#navtrigger, .less{text-indent:-9999px;}

.wp-block-cover__video-background{object-fit:cover;}
.wp-block-cover{visibility:hidden;}
#navtrigger, #logo, .less{position:fixed;z-index:550;transition:top .3s}
#navtrigger, .less{cursor:pointer;background-image:url(https://waterrows.se/wp-content/uploads/2025/08/navtrigger.png);background-position:center right;background-repeat:no-repeat;background-size:4.2rem auto;top:1.8rem;right:6.4rem;font-size:2.2rem;width:4.2rem;height:5.2rem;border-radius:0px;}
.less{background-image:url(images/close.png);left:-100vh;width:0;}
nav{background:rgba(24,29,32,0.1);backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);position:fixed;z-index:560;width:100%;text-align:right;height:auto;opacity:1;transition:opacity .3s, padding .3s;padding:6rem 6.4rem 0rem;-webkit-overflow-scrolling: touch;
    overflow: scroll;font-size:0;}
nav li{display:inline-block;font-size:2.2rem;vertical-align:top;margin:0 0 .25em 2.4rem;}
nav li a{font-weight:400;}
nav .sub-menu li{width:auto;}
nav .sub-menu li a{font-weight:400;}
.sub-menu{margin-top:.25em}
.active {left:0;}
.active .less{left:0;width:auto;font-size:0;background-size:32px;}
#logo{top:5.6rem;left:6.4rem;height:42px;z-index:570;font-weight:600;font-size:3.2rem;text-indent:-9999px;background-image:url(https://waterrows.se/wp-content/uploads/2025/08/waterrows_logo_dark.png);background-repeat:no-repeat;background-size:auto 100%;width:30rem;
}
.topbar{top:0px;left:0px;width:100%;position:fixed;z-index:999;text-align:center;background:#14151a;margin:0;font-size:14px;padding:.667em 1.5em;color:white}
.topbar a{color:white;text-decoration:underline}

.bar{z-index:540;opacity:1;height:11.5rem}
.screen-reader-text{position:absolute;left:-1000px;}
article{
    list-style:none;
	display:inline-block;
	overflow:hidden;
	position:relative;}
#site{padding:0}
.bar{background:rgba(255,255,255,0.5);backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);}
.wp-block-column, .block{padding:0 0 6.4rem;visibility:hidden;
	vertical-align:top;position:relative;display:inline-block;z-index:444;}
#site .wp-block-columns{max-width:1920px;margin:0 auto;margin-bottom:4.2rem;padding:3.2rem;}
#site .wp-block-columns .wp-block-columns{padding:1.6rem 0;}

#site .odd{width:calc(100% + 6.4rem);margin-left:-3.2rem;padding:7.2rem 3.2rem 0;margin-bottom:8.2rem;}


.bottom .block{vertical-align:bottom;}
#site .middle{align-items: center;}
#site .bottom{align-items: baseline;}
#site iframe{width:100%;margin-bottom:3.8rem;}

.postnav{width:100%;}
.postnav a{display:inline}
.postnav span{display:inline-block;width:50%;float:left;}
.postnav span.newer{float:right;text-align:right;}

/* Typografi */
p, ul, ol{color:#181d22;font-size:2rem;margin-bottom:1em;line-height:1.4;vertical-align:baseline;font-weight:400;letter-spacing:0.015em;word-spacing:-0.015em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
p strong, h2 strong, td strong{font-weight:500;}
td{letter-spacing:0.01em}
#site .wp-block-table td, #site .wp-block-table th{border:1px solid #ccc;}
h3 strong{color:rgba(0,0,0,0.25);font-weight:500;}
h1, h2, h3, h4, h5{font-weight:500;margin-bottom:1em;vertical-align:baseline;}
h3{font-size:2.4rem;margin-bottom:.5em;}
#site .wp-block-image figcaption{font-size:1.5rem;margin-top:-0.75em;font-weight:400;}
#site figcaption a{text-decoration:underline}
figcaption strong{font-weight:normal;font-family:'Kento', sans-serif;font-size:4.2rem;color:#181d22;}
.lang a{margin-right:1em;}
.login{text-transform:none;}
h1, h2, h4, h5{line-height:1.125;letter-spacing:-0.015em}
.hideondesktop{display:none;}

#site .wp-block-latest-posts__list li{line-height:1.3;font-size:1.562vw;list-style:none;background:none;padding-left:0;margin-top:1.5em;}
#site .wp-block-latest-posts__list li a{font-weight:600;}
#site .wp-block-latest-posts__list li time{font-weight:400;font-size:1.562vw;margin-bottom:.65em;}

h1, blockquote p{font-size:4.6rem;margin-bottom:.85em;font-weight:500;
;}
h2{font-size:3.2rem}
ol, ul{margin-bottom:1em}
#site ul li:before{font-weight:400;content:'•';margin-right:1.6rem;}
li{margin-bottom:.65em;}

hr{border-color:#10101b;margin-bottom:3em;margin-top:1.75em;}

.is-resized img{width:auto;height:auto;}

.block video, video, .wp-video{width:100%!important;max-width:100%;height:auto;object-fit: cover;pointer-events: auto;}
 
hr{border-color:#ccc;color:#ccc;}
#site .wp-block-separator{border-top:1px solid #222222;}

footer{width:calc(100%);background:#181d22;}
footer p, footer a{color:white;}

.blue{}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Gutenberg specific changes */ 

#site .wp-block-column:not(:first-child){margin-left:0;}
#site .wp-block-column{flex-basis:50%;flex-wrap:wrap!important;}


.wp-block-column .wp-block-columns .wp-block-column{padding-bottom:0;}

  #site .wp-block-gallery:after {
    content: 'flickity';
    display: none;
  }

.wp-block-details{padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid;margin-top:3.2rem;}
.wp-block-details summary{margin:1.6rem 0;}

.wp-block-details summary:after{content:"+";position:absolute;right:0;font-size:2.8rem;line-height:2.2rem;}
.wp-block-details[open] summary:after{content:"-";position:absolute;right:0;}


	.hide-on-desktop{display:none;}


.wp-block-columns.is-style-outlined .wp-block-column{
  border: 1px solid #181d22;
  border-radius: 12px;
  padding: 1.8rem;
}

#site figure.is-style-outlined{ border: 1px solid #181d22;
  border-radius: 12px;
  padding: 1.8rem;margin-bottom:3.2rem;}

.menu-item-has-children {position:relative;background-repeat:no-repeat;background-position:top 8px right;background-image:url("https://waterrows.se/wp-content/uploads/2025/08/dropdown.png");background-size:10px auto;padding-right:20px;}
.sub-menu{opacity:0;position:left:-100vw;position:fixed;width:32.8rem;}
.active_item .sub-menu{left:0;opacity:1;position:relative;}


#site .wp-block-group .wp-block-columns{margin-bottom:0;}
p:empty{display:none;}


.archive-title{text-align:center;}


.content{  display: flex;flex-wrap:wrap;gap: 25px; padding:0 3.2rem;
}
.content .post{flex: 1 0 21%;max-width:25%;}

.archive #site{padding-top:192px;}
.archive #site img{max-height:300px;width:auto;}
	.hide-on-desktop{display:none;}
.archive #site .post a{display:block;}


@media only screen and (max-width:1080px){.content .post{max-width:50%;}
}
@media only screen and (max-width:860px){.content .post{max-width:100%;min-width:100%;}
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries
-------------------------------------------------------------------------------*/

@media only screen and (max-width:1920px){
	#logo{left:3.2rem;}
	#navtrigger, .less{right:3.2rem;}
	nav{padding-right:3.2rem;}
}

@media only screen and (max-width:1080px){
	#navtrigger, .less{right:3.8rem;}
    .wp-block-button__link{margin-bottom:1.6rem}
    .wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.6rem}
    input, textarea{width:100%;}
    .wpcf7-submit{width:auto;}
	nav{left:-100vw;opacity:0;}
.active {left:0;}
    nav{box-shadow:0 0 0 2000px rgba(0,0,0,0.3)}
   #site .wp-block-columns{padding:3.2rem 1.6rem}

	 #site nav li, .sub-menu li{font-size:2.2rem;}
	
	  nav li{width:100%;text-align:center;border-top:1px solid #ccc;margin:0;padding:.5em 0}
	nav{padding-left:0rem;padding-right:0rem;padding-top:11.6rem}
    .sub-menu{border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:1em;margin-bottom:1em}
    nav li, .sub-menu li{font-size:2.2rem;}
    #navtrigger, .less{font-size:2.2rem;right:2.8rem;top:5rem;}
	
	
	
.menu-item-has-children {position:relative;background-repeat:no-repeat;background-position:top 18px right 3.2rem;}
.sub-menu, nav .sub-menu li, nav a{width:100%;}
	
	
}
@media only screen and (max-width:972px){
    #site .wp-block-column, #site .wp-block-columns{flex-basis:100%!important;min-width:100%;display:inline-block}
    #site .wp-block-column:empty{display:none;}
.hideondesktop{display:block;}
    .sub-menu{margin-bottom:2em;}
    h3{font-size:3rem;margin-bottom:.5em}
    h1, blockquote p, h2{font-size:3.4rem;margin-top:-.4rem;}
    p, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:2.2rem;}
    .hideonmobile{display:none!important;}
    .wp-block-button__link{margin-bottom:1.8rem;}
    .wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.8rem;}
    h3 strong{position:absolute;margin-top:-1.2rem}
	
	#site .wp-block-cover{padding:3.2rem;margin-bottom:4.6rem;}
	.wp-block-columns.is-style-outlined .wp-block-column{margin-bottom:1.6rem;}
   
    
}

@media only screen and (max-width:820px){
    h1, blockquote p, h2{font-size:2.8rem;}
    p, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:1.8rem;}
	#site .wp-block-button__link{font-size:13px}
	h3{font-size:2rem}
   #site .wp-block-gallery:after {
    content: '';
    display: none;
  }
	.hide-on-desktop{display:block;}
    #site .wp-block-gallery.has-nested-images{margin-bottom:9.2rem;}
    #site .wp-block-gallery.clicked{margin-bottom:3.2rem;}
    .wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){height:auto;}

    #site .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-bottom:1.2rem;}
    #site .wp-block-gallery{margin-bottom:3.2rem;}
    .wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
    .wp-block-gallery figure img, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img
   {width:100%;height:auto;}
	
	.less{font-size:2rem}
    
	#site .wp-block-gallery figure{display:none;overflow:visible;}
	#site .wp-block-gallery figure:first-of-type{display:block;margin-bottom:12.4rem;}
	#site .showall figure{display:block;margin-bottom:1.2rem;}
	
	#site .wp-block-gallery figure:first-of-type::after{content:"Fler bilder +";padding:.75em 1.2em .75em 1.3em;font-size:13px;text-transform:uppercase;position:absolute;bottom:-67px;text-align:center;color:#111;border: 2px solid;border-radius:100px;font-weight:400;left:50%;transform:translate(-50%);line-height:normal;}
	#site .showall figure:first-of-type::after{display:none;}
     
    
  
}


#site footer .wp-block-columns{margin-bottom:0;}

.has-blue-black-background-color {
  background-color: #181d22 !important;
  color: #f4f1ed; /* vit text på mörk bakgrund */
}

.has-blue-black-background-color p, .has-blue-black-background-color ul, .has-blue-black-background-color ol{color: #f4f1ed;}

.has-off-white-background-color {
  background-color: #f4f1ed !important;
  color: #181d22; /* mörk text på ljus bakgrund */
}

.has-blue-black-color{color:#181d22}
.has-off-white-color{color: #f4f1ed;}

.wp-block-paragraph.is-style-kento,
.wp-block-heading.is-style-kento,
.has-kento-font {
    font-family: 'Kento', sans-serif; /* byt till ditt önskade typsnitt */
}
/* PRODUCT PAGE */

.wr-container {
max-width:1200px;
margin:0 auto;
padding:0 40px;
}

.wr-product-hero {
padding:160px 0 120px;
}

.wr-product-grid {
display:grid;
grid-template-columns:1.1fr .9fr;
gap:100px;
align-items:center;
}

.wr-product-gallery{
display:flex;
justify-content:center;
position:sticky;
top:140px;
}

.wr-product-gallery img {
width:100%;
max-width:520px;
height:auto;
display:block;
}

.wr-product-title {
font-size:44px;
line-height:1.2;
margin-bottom:25px;
}

.wr-product-price {
font-size:22px;
margin-bottom:25px;
}

.wr-product-description {
font-size:18px;
line-height:1.7;
margin-bottom:35px;
max-width:480px;
}

.wr-product-cart .single_add_to_cart_button {
background:#000;
color:#fff;
border:none;
padding:18px 34px;
font-size:16px;
letter-spacing:.02em;
cursor:pointer;
}

.wr-product-cart .single_add_to_cart_button:hover {
opacity:.8;
}

.wr-product-content {
padding:120px 0;
max-width:800px;
margin:auto;
}