/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 18 2025 | 20:27:26 */
/*
#site-content .container {
   max-width: 1292px;
}
*/
@media (min-width: 1292px) {
	#site-footer .container {
	  max-width: 1292px;  
	}
}
@media (min-width: 1920px) {
	#site-footer .container {
	   max-width:1504px!important;
   }
}

.container > .resetwidth {
  width: unset; 
}

.container > .resetwidth .m-auto {
  margin:0px!important;
}

/*Default vit pil */
.main-navigation .menu > .menu-item.menu-item-has-children > a > .nav-arrow:after {
    content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top:6px;
  background-image: url('/wp-content/uploads/2025/04/right-chevron-svgrepo-com.png')!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}


/* --- SCROLL ÄNDRING --- */
/* Ursprungligt tillstånd – t.ex. vit pil */
.main-navigation .menu > .menu-item.menu-item-has-children > a > .nav-arrow:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top:6px;
  background-image: url('/wp-content/uploads/2025/04/right-chevron-svgrepo-com.png')!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}




/* När sidan scrollats – svart pil */
#site-header.scrolled .main-navigation .menu > .menu-item.menu-item-has-children > a > .nav-arrow:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top:6px;
  background-image: url('/wp-content/uploads/2025/05/downchevron.png')!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}

/* Ursprungligt tillstånd – genomskinlig meny */
.main-navigation .dropdown {
  background-color: #00000000;
  transition: background-color 0.3s ease;
}
.main-navigation .dropdown-submenu {
  background-color: #ffffff;
  color:#000000;
  transition: background-color 0.3s ease;
  
}

/* Scrollat – vit meny */
#site-header.scrolled .main-navigation .dropdown,
#site-header.scrolled .main-navigation .dropdown-submenu {
  background-color: white;
  color:#000000;
}
/* -------------- */

/*
@media screen and (min-width: 1440px) {
    .main-navigation .menu > .menu-item.menu-item-has-children > a > .nav-arrow:after {
        content: url(/wp-content/uploads/2025/04/right-chevron-svgrepo-com.png);
        width: 20px; // Justera bredden 
        height: auto; // Bevara proportionerna
        padding-top: 3px;
        padding-right: 10px;
		 
    }
}
*/



 

#site-header {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

#site-header.scrolled {
  background-color: black;
}
.menu-container {
   color:#ffffff;
}
#breadcrumbs {
   display:none;
}
#site-content {
   margin-top:-35px;
}
//cart-icon
.bg-\[\#202835\]  {
   background-color:#F60403!important;
}
#brand-container a .bg-\[\#202835\]  {
   background-color:#F60403!important;
}

 
.local-row {
  max-width: none !important;
}



//galleri dot nav
.kb-splide .splide__pagination__page.is-active {
   background: #F60403;
   width:18px!important;
   height:18px!important;
}
.splide__pagination__page {
   width:18px!important;
   height:18px!important;
}




/*Knappar överst i Hero*/
/* För knappraden */
.kb-btns6799_55f57d-e4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem; /* justera mellanrummet mellan knapparna */
  justify-content: center; /* eller "flex-start", "space-between" */
}

/* Ta bort de onödiga extra container-divarnas layoutpåverkan */
.kb-btns6799_55f57d-e4 > .container {
  all: unset;
  display: contents; /* "bryter upp" containern visuellt */
}

/* Knapparna själva */
.kb-btns6799_55f57d-e4 .kb-button {
  flex: 0 1 auto;
}



/*--------------- Video should cover --------------*/
.kb-blocks-bg-video-container .kb-blocks-bg-video {
	height:110%;
}



/*------------- För första sidan ------------- */
/* Kolumn 1 – kvadratisk ruta */

.square-box {
  aspect-ratio: 1 / 1!important;
  position: relative;
  width: 570px;
  height: auto;
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}

/* Text ovanpå bild i kolumn 1 */
/*
.square-box .kt-adv-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}
*/

/* Kolumn 2 – matcha höjden på kolumn 1 */

.match-height {
  display: flex;
  align-items: stretch;
}

.match-height .kadence-advanced-image {
  object-fit: cover;
  height: 100%;
  width: 100%;
}


@media screen and (max-width: 1420px) {
	.square-box {
       width: 520px;
	   height:520px;
   }
	.square-box img {
		height:520px!important;
	}
	.match-height img {
		height:520px!important;
	}
}

@media screen and (max-width: 1320px) {
	.square-box {
       width: 480px;
	   height:480px;
   }
	.square-box img {
		height:480px!important;
	}
	.match-height img {
		height:480px!important;
	}
}
@media screen and (max-width: 1220px) {
	.square-box {
       width: 420px;
	   height:420px;
   }
	.square-box img {
		height:420px!important;
	}
	.match-height img {
		height:420px!important;
	}
}

@media screen and (max-width: 1024px) {
	.square-box {
       width: 380px;
	   height:380px;
   }
	.square-box img {
		height:380px!important;
	}
	.match-height img {
		height:380px!important;
	}
	.wp-block-kadence-advancedheading.kt-adv-heading6799_3f52e3-94, .wp-block-kadence-advancedheading.kt-adv-heading6799_3f52e3-94[data-kb-block="kb-adv-heading6799_3f52e3-94"] {
		margin-top:-250px;
	}
}

@media screen and (max-width: 768px) {
	.match-height {
	    margin-left: 0px;
	}
	.square-box {
		width:100%!important;
	}
	.match-height img {
		width:100%!important;
	}
	.wp-block-kadence-advancedheading.kt-adv-heading6799_3f52e3-94, .wp-block-kadence-advancedheading.kt-adv-heading6799_3f52e3-94[data-kb-block="kb-adv-heading6799_3f52e3-94"] {
		margin-top:-220px;
	}
	.kb-row-layout-id6799_29a73d-7b {
		max-height:unset;
		height:unset;
	}
}

/*Ta bort grå kant på square bild */
.square-box .kt-inside-inner-col::before {
	background-color:#ffffff!important;
}