/*
Theme Name: Powder Serens Bygg
Theme URI:
Author: Lia
Description: Child theme of Powder, built for the Serens Bygg WordPress migration.
Template: powder
Version: 1.0
Text Domain: powder-serensbygg
*/

.bara-mobil {
	display: none !important;
}
.tat-text p {
	line-height: 1.45 !important;
	margin-top: 0 !important;
	margin-bottom: 14px !important;
}

.tat-text h2 {
	margin-bottom: 18px !important;
	line-height: 1.2 !important;
}
.bred-text {
	width: 555px !important;
	max-width: 555px !important;
}
.bred-text2 {
	width: 522px !important;
	max-width: 522px !important;
}
.column-hero{
    height: auto !important;
	text-align: justify !important;
	hyphens: auto !important;
    width: 555px !important;
	max-width: 555px !important;
}
.cover-height{
    height: auto !important;
}
.review-group{
    height: 255px !important;
}
.review-col{
    height: 352px !important;
    margin-bottom: 60px !important;
}


.info-header {
	height: 53px !important;
	min-height: 53px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
}
.n2-section-smartslider img {
	object-fit: cover !important;
}

.wp-block-gallery {
	max-width: 1170px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.wp-block-gallery .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
}
 .site-header {
	position: static !important;
	top: auto !important;
	transition: none !important;
	transform: none !important;
	height: auto !important;
	min-height: 135px !important;
	
}
.wp-block-button__link.has-base-background-color:hover {
	background-color: #d69188 !important;
	color: #ffffff !important;
}
 
 
.rund-bild img {
	border-radius: 50% !important;
}
 
/* ==========================================================================
   2. FADE-IN ANIMATION (styrs av animations.js)
   ========================================================================== */
 
.wp-block-column {
	opacity: 0;
	transition: opacity 0.8s ease;
}
 
.wp-block-column.animate-fadeinup {
	opacity: 1;
}
/* ==========================================================================
   KOLUMNBREDDER
   ========================================================================== */
   
/* 2 kolumner */
.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))):not(.full-bredd) {
	max-width: 1170px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: 15px !important;
	box-sizing: border-box !important;
}


.wp-block-column .n2-section-smartslider,
.wp-block-column .n2-ss-slider {
	max-width: 100% !important;
	width: 100% !important;
}

.wp-block-column {
	overflow: hidden !important;
} 
 
/*Rader med exakt 3 kolumner*/
 
.wp-block-columns:has(> .wp-block-column:nth-child(3)):not(:has(> .wp-block-column:nth-child(4))) {
	max-width: 1170px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: 15px !important;
	box-sizing: border-box !important;
}
 
.wp-block-columns:has(> .wp-block-column:nth-child(3)):not(:has(> .wp-block-column:nth-child(4))):not(.full-bredd) > .wp-block-column {
	flex: 0 0 380px !important;
	width: 380px !important;
	max-width: 380px !important;
	box-sizing: border-box !important;
}
 
/* ==========================================================================
   3. NINJA FORMS
   ========================================================================== */
 .nf-form-cont .nf-field-label label,
.nf-form-cont label {
	font-weight: 400 !important;
}
.nf-form-cont input[type="button"],
.nf-form-cont input[type="submit"] {
	cursor: pointer !important;
}
.nf-form-fields-required {
	display: none !important;
}
.nf-form-cont textarea {
	height: 120px !important;
	min-height: 120px !important;
	resize: vertical !important;
} 
.nf-form-cont {
	background-color: #ffffff00 !important;
	padding: 20px !important;
}
 
.nf-form-cont input[type="text"],
.nf-form-cont input[type="email"],
.nf-form-cont input[type="tel"],
.nf-form-cont textarea {
	background-color: #ffffff !important;
	color: #000000 !important;
}
 
.nf-form-cont .ninja-forms-req-symbol {
	color: #ffffff !important;
}
 
.nf-form-cont input[type="button"],
.nf-form-cont input[type="submit"] {
	background-color: transparent !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	padding: 12px 40px !important;
	width: auto !important;
}
 
.nf-form-cont input[type="button"]:hover,
.nf-form-cont input[type="submit"]:hover {
	background-color: #00000059 !important;
	color: #ffffff !important;
}
 
/* Formulär 2 */

#nf-form-2-cont {
	background-color: #d69188 !important;
	border: 1px solid #bbb !important;
	width: auto !important;
	height: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}
 
#nf-form-2-cont input[type="text"],
#nf-form-2-cont input[type="email"],
#nf-form-2-cont input[type="tel"],
#nf-form-2-cont textarea {
	border: 1px solid #ffffff !important;
	color: #000000 !important;
}
 
/* Formulär 3 */
#nf-form-3-cont{
    font-size: 16px !important;
    width: 405px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-right: 1px solid #b6b6b6 !important;
    border-left: 1px solid #b6b6b6 !important;
}
#nf-form-3-cont input[type="text"],
#nf-form-3-cont input[type="email"],
#nf-form-3-cont input[type="tel"],
#nf-form-3-cont textarea {
	background-color: #ffffff !important;
	color: #000000 !important;
}
#nf-form-3-cont .nf-field-label label,
#nf-form-3-cont label {
	font-weight: 400 !important;
} 
#nf-form-3-cont .ninja-forms-req-symbol {
	color: #000000 !important;
}
 
#nf-form-3-cont input[type="button"],
#nf-form-3-cont input[type="submit"] {
	background-color: #d69188 !important;
	color: #ffffff !important;
	border: 2px solid #000000 !important;
	padding: 12px 40px !important;
	width: auto !important;
}
 
#nf-form-3-cont input[type="button"]:hover,
#nf-form-3-cont input[type="submit"]:hover {
	background-color: #00000059 !important;
	color: #ffffff !important;
}
 
/* Formulär 5 */

#nf-form-5-cont {
	background-color: #ffffff !important;
	align-items: flex-start !important;
	padding-top: 0 !important;
	margin-top: -20px !important;
}
 
#nf-form-5-cont .ninja-forms-req-symbol {
	color: #000000 !important;
}
 
#nf-form-5-cont input[type="button"],
#nf-form-5-cont input[type="submit"] {
	background-color: #d69188 !important;
	color: #ffffff !important;
	border: 2px solid #000000 !important;
	padding: 12px 40px !important;
	width: auto !important;
}	
#nf-form-5-cont input[type="button"]:hover,
#nf-form-5-cont input[type="submit"]:hover {
	background-color: #8b5e58 !important;
}
/* Formulär 6 */
#nf-form-6-cont{
    font-size: 16px !important;
    width: 405px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-right: 1px solid #b6b6b6 !important;
    border-left: 1px solid #b6b6b6 !important;
}
#nf-form-6-cont input[type="text"],
#nf-form-6-cont input[type="email"],
#nf-form-6-cont input[type="tel"],
#nf-form-6-cont textarea {
	background-color: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #bdbdbd !important;
}
#nf-form-6-cont .nf-field-label label,
#nf-form-6-cont label {
	font-weight: 400 !important;
} 
#nf-form-6-cont .ninja-forms-req-symbol {
	color: #000000 !important;
}
 
#nf-form-6-cont input[type="button"],
#nf-form-6-cont input[type="submit"] {
	background-color: #d69188 !important;
	color: #ffffff !important;
	border: 2px solid #000000 !important;
	padding: 12px 40px !important;
	width: auto !important;
}
 
#nf-form-6-cont input[type="button"]:hover,
#nf-form-6-cont input[type="submit"]:hover {
	background-color: #00000059 !important;
	color: #ffffff !important;
}
 

.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column > .wp-block-group {
	align-items: flex-start !important;
}


.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column p {
	min-height: 3em !important;
}
.tjanster-kontakta-knapp .wp-block-button__link:hover {
	background-color: #7e6f6f !important;
	color: #ffffff !important;
}
 /* ==========================================================================
   4. SMART SLIDER
   ========================================================================== */

.hero-slider,
.hero-slider .n2-section-smartslider {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
.n2-section-smartslider:not(.hero-slider) {
	max-width: 1170px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.n2-ss-section-main-content,
.n2-ss-layers-container,
.n2-ss-layer-row {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
/* ==========================================================================
   5. NAVIGATION – GEMENSAMT (desktop-utseende)
   ========================================================================== */
 /* Aktiv sida i undermeny */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:has(> [aria-current="page"]) {
	background-color: #d69188 !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
	color: #ffffff !important;
	border-bottom: none !important;
}
.wp-block-navigation__submenu-container {
	width: 220px !important;
	padding: 0 !important;
}
 
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: none !important;
}
 
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	font-size: 14px !important;
	line-height: 1.4 !important;
}
 
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 10px !important;
}
 
/* --- Pilikoner --- */
.wp-block-navigation__submenu-icon,
.wp-block-navigation__submenu-icon svg,
.wp-block-navigation-submenu__toggle,
.wp-block-navigation-submenu__toggle svg {
	transition: none !important;
}
 
.wp-block-navigation__submenu-icon {
	display: inline-flex !important;
	align-items: center !important;
	align-self: center !important;
	margin-top: 0 !important;
	padding: 0 0 0 4px !important;
}
 
.wp-block-navigation__submenu-icon svg {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	flex: 0 0 auto !important;
	transform: none !important;
}
 
/* Pilar i undermenyer pekar åt höger */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
	transform: rotate(-90deg) !important;
}
 
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
	position: relative !important;
	right: 8px !important;
	overflow: visible !important;
	padding: 0 !important;
}
 
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	overflow: visible !important;
}
 
/* Nivå 2 */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	top: 0 !important;
	left: 100% !important;
	margin-top: 0 !important;
}
 
/* Nivå 3 och djupare */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	left: 100%;
	top: 0;
}
 
/* Aktiv sida */
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation-item__content[aria-current="page"] {
	color: #1b1b1b !important;
	border-bottom: 3px solid #d69188 !important;
}
 
/* Pil: ärver textfärgen i viloläge, mörknar vid hover */
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
	color: inherit !important;
}
 
.wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon {
	color: #1b1b1b !important;
}
 
/* Pil på aktiv sida  står sist för att vinna över inherit regeln */
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon {
	color: #1b1b1b !important;
}
.footer-meny .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.footer-meny .wp-block-navigation-item__content[aria-current="page"] {
	border-bottom: none !important;
	color: white !important;
} 
.footer-meny .wp-block-navigation-item__content:hover,
.footer-meny .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
	color: inherit !important;
	background-color: transparent !important;
	border-bottom: none !important;
}

/* ==========================================================================
   6. NAVIGATION – MOBIL (overlay-meny)
   ========================================================================== */
 
@media (max-width: 781px) {


	:root {
		--menu-width: 100vw;
	}
	html,
	body {
		background-color: #ffffff !important;
	}
    h1 {
    	font-size: 32px !important;
    }
    
    h2 {
    	font-size: 28px !important;
    }
    
    h3 {
    	font-size: 24px !important;
    }
    
    h4 {
    	font-size: 21px !important;
    }
    
    h5 {
    	font-size: 18px !important;
    }
    
    p {
    	font-size: 17px !important;
    }


    .wp-block-cover {
	min-height: 250px !important;
	height: 250px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
    }

    .cover-height{
        min-height: 0 !important;
        height: auto !important;
    }
	.wp-block-cover .wp-block-cover__image-background {
		object-fit: cover !important;
		object-position: center !important;
	}
	
	h3,
	.wp-block-heading {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}
	.installerakamin-p{
	    padding-left: 25px !important;
		padding-right: 25px !important;
	}
    .text-height{
        padding-left: 25px !important;
		padding-right: 25px !important;
    }
    .entry-content > .wp-block-columns,
	.entry-content > p,
	.entry-content > h1,
	.entry-content > h2,
	.entry-content > h3 {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	.wp-block-post-content.has-global-padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.intro-text,
	.intro-text p {
		width: 100% !important;
	}

	.wp-block-image,
	.wp-block-image img,
	.rund-bild,
	.rund-bild img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	figure.wp-block-image {
		text-align: center !important;
	}

	.wp-block-gallery {
		--wp--style--gallery-image-size: 100%;
	}

	.wp-block-gallery .wp-block-image {
		flex: 0 0 calc(50% - 8px) !important;
		width: calc(50% - 8px) !important;
	}

	.wp-block-gallery,
	.wp-block-column:has(.wp-block-gallery),
	.wp-block-group:has(.wp-block-gallery) {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.bwg-background {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.bwg-background .wp-block-group,
	.wp-block-group:has(.bwg-background) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.wp-block-post-featured-image {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
	}

	.wp-block-post-featured-image a {
		display: block !important;
		height: auto !important;
		max-height: 320px !important;
		overflow: hidden !important;
		line-height: 0 !important;
	}

	.wp-block-post-featured-image img {
		max-height: 320px !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	.wp-block-column,
	.wp-block-columns > .wp-block-column,
	.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))):not(.full-bredd) > .wp-block-column,
	.wp-block-columns:has(> .wp-block-column:nth-child(3)):not(:has(> .wp-block-column:nth-child(4))):not(.full-bredd) > .wp-block-column {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.bred-text,
	.bred-text2,
	.column-hero,
	.column-hero p {
		width: auto !important;
		max-width: 100% !important;
	}

	.column-hero {
		height: auto !important;
	}
    .kontakt-info {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
	}
	
	#nf-form-3-cont,
	#nf-form-6-cont {
	    border: none !important;
		width: auto !important;
		max-width: 100% !important;
	}
	
	#nf-form-5-cont {
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	#nf-form-5-cont .nf-form-content,
	#nf-form-5-cont .nf-field-container {
		padding-left: 0 !important;
		margin-left: 0 !important;
		text-align: left !important;
	}

	#nf-form-5-cont input,
	#nf-form-5-cont textarea {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
		.wp-block-column:has(#nf-form-5-cont) {
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		padding-left: 0 !important;
	}

	.home-height > .wp-block-group:first-child {
		min-height: 0 !important;
		padding-bottom: 0 !important;
	}

	.home-height > .wp-block-group:last-child {
		margin-top: 0 !important;
		padding-top: 20px !important;
		padding-bottom: 40px !important;
		min-height: 0 !important;
	}

	.review-col {
		display: flex !important;
		flex-direction: column !important;
		gap: 15px !important;
		height: auto !important;
	}

	.review-col > .wp-block-column.text-rad {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 25px 20px !important;
		margin: 0 15px !important;
		box-sizing: border-box !important;
	}
    	.review-col > .wp-block-column.text-rad {
		margin: 0 !important;
		padding: 30px 25px !important;
	}

	.review-col p {
		font-size: 16px !important;
		line-height: 1.5 !important;
		margin-bottom: 12px !important;
	}

	.review-col p:last-child {
		font-size: 13px !important;
		margin-bottom: 0 !important;
	}
    	.review-col {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}

	.review-col > .wp-block-column.text-rad {
		width: 100% !important;
		margin: 0 !important;
	}

	.review-col h2,
	.review-col h3,
	.review-col .wp-block-heading {
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
		font-size: 20px !important;
		
	}
	.review-col .wp-block-group,
	.review-col .wp-block-columns,
	.review-col .wp-block-image {
		flex-wrap: wrap !important;
		max-width: 100% !important;
	}

	.review-col svg,
	.review-col img {
		max-width: 100% !important;
		height: auto !important;
		flex-shrink: 1 !important;
	}
	.review-col,
	.review-col * {
		overflow-wrap: break-word !important;
		word-break: normal !important;
		min-width: 0 !important;
	}
	.review-group,
	.review-col .wp-block-group,
	.review-col > .wp-block-column.text-rad > * {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	.vanster-text,
	.vanster-text p,
	.vanster-text h2,
	.vanster-text h3,
	.vanster-text .wp-block-heading {
		text-align: left !important;
	}

	.vanster-text .wp-block-buttons,
	.vanster-text .wp-block-button {
		justify-content: flex-start !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		align-self: flex-start !important;
	}
    .vanster-text,
	.wp-block-column:has(.vanster-text),
	.wp-block-group:has(.vanster-text) {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.vanster-text {
		align-items: flex-start !important;
	}

	.bara-desktop {
		display: none !important;
	}

	.bara-mobil {
		display: block !important;
	}

	.n2-section-smartslider {
		max-width: 100% !important;
		width: 100% !important;
	}

	.n2-ss-layer-row-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
	}
	#n2-ss-1 .n2-ss-layer-row-inner {
		display: block !important;
		flex-wrap: nowrap !important;
	}
    #n2-ss-1 .n2-ss-slider,
	#n2-ss-1 .n2-ss-slide {
		min-height: 0 !important;
	}

	#n2-ss-2 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-2-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-3 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-3-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-4 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-4-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-5 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-5-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-6 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-6-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-7 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-7-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-8 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-8-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-9 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-9-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-10 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-10-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-11 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-11-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-12 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-12-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-13 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-13-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-14 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-14-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-15 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-15-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-16 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-16-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-17 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-17-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-18 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-18-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-19 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-19-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-20 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-20-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-21 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-21-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-22 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-22-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-23 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-23-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-24 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-24-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-25 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-25-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-26 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-26-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-27 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-27-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-28 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-28-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-29 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-29-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-30 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-30-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-31 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-31-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-32 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-32-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-33 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-33-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-34 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-34-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-35 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-35-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-36 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-36-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-37 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-37-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-38 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-38-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-39 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-39-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-40 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-40-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-41 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-41-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-42 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-42-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-43 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-43-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-44 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-44-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-45 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-45-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-46 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-46-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-47 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-47-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-48 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-48-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-49 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-49-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-50 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-50-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-51 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-51-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-52 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-52-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-53 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-53-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-54 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-54-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-55 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-55-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-56 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-56-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-57 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-57-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-58 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-58-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-59 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-59-align .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-60 .n2-ss-layer-row-inner > .n2-ss-layer,
	#n2-ss-60-align .n2-ss-layer-row-inner > .n2-ss-layer {
		flex: 0 0 calc(50% - 10px) !important;
		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		margin: 0 5px 10px 5px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		height: auto !important;
	}


	#n2-ss-2 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-2-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-3 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-3-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-4 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-4-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-5 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-5-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-6 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-6-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-7 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-7-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-8 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-8-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-9 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-9-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-10 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-10-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-11 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-11-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-12 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-12-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-13 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-13-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-14 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-14-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-15 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-15-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-16 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-16-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-17 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-17-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-18 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-18-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-19 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-19-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-20 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-20-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-21 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-21-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-22 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-22-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-23 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-23-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-24 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-24-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-25 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-25-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-26 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-26-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-27 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-27-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-28 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-28-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-29 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-29-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-30 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-30-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-31 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-31-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-32 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-32-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-33 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-33-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-34 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-34-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-35 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-35-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-36 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-36-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-37 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-37-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-38 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-38-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-39 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-39-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-40 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-40-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-41 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-41-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-42 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-42-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-43 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-43-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-44 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-44-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-45 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-45-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-46 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-46-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-47 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-47-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-48 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-48-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-49 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-49-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-50 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-50-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-51 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-51-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-52 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-52-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-53 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-53-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-54 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-54-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-55 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-55-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-56 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-56-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-57 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-57-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-58 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-58-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-59 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-59-align .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-60 .n2-ss-layer-row-inner > .n2-ss-layer img,
	#n2-ss-60-align .n2-ss-layer-row-inner > .n2-ss-layer img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 4 / 4 !important;
		object-fit: cover !important;
		display: block !important;
	}

	#n2-ss-30-arrow-previous,
	#n2-ss-30-arrow-next,
	#n2-ss-31-arrow-previous,
	#n2-ss-31-arrow-next,
	#n2-ss-32-arrow-previous,
	#n2-ss-32-arrow-next
	#n2-ss-33-arrow-previous,
	#n2-ss-33-arrow-next,
	#n2-ss-34-arrow-previous,
	#n2-ss-34-arrow-next,
	#n2-ss-35-arrow-previous,
	#n2-ss-35-arrow-next,
	#n2-ss-36-arrow-previous,
	#n2-ss-36-arrow-next,
	#n2-ss-37-arrow-previous,
	#n2-ss-37-arrow-next,
	#n2-ss-38-arrow-previous,
	#n2-ss-38-arrow-next,
	#n2-ss-39-arrow-previous,
	#n2-ss-39-arrow-next,
	#n2-ss-40-arrow-previous,
	#n2-ss-40-arrow-next,
	#n2-ss-41-arrow-previous,
	#n2-ss-41-arrow-next,
	#n2-ss-42-arrow-previous,
	#n2-ss-42-arrow-next,
	#n2-ss-43-arrow-previous,
	#n2-ss-43-arrow-next,
	#n2-ss-44-arrow-previous,
	#n2-ss-44-arrow-next,
	#n2-ss-45-arrow-previous,
	#n2-ss-45-arrow-next,
	#n2-ss-46-arrow-previous,
	#n2-ss-46-arrow-next,
	#n2-ss-47-arrow-previous,
	#n2-ss-47-arrow-next,
	#n2-ss-48-arrow-previous,
	#n2-ss-48-arrow-next,
	#n2-ss-49-arrow-previous,
	#n2-ss-49-arrow-next{
	    
		width: 28px !important;
		height: 28px !important;
	}

	#n2-ss-30-arrow-previous img,
	#n2-ss-30-arrow-next img,
	#n2-ss-30-arrow-previous svg,
	#n2-ss-30-arrow-next svg,
	#n2-ss-31-arrow-previous img,
	#n2-ss-31-arrow-next img,
	#n2-ss-31-arrow-previous svg,
	#n2-ss-31-arrow-next svg,
	#n2-ss-32-arrow-previous img,
	#n2-ss-32-arrow-next img,
	#n2-ss-32-arrow-previous svg,
	#n2-ss-32-arrow-next svg,
	#n2-ss-33-arrow-previous img,
	#n2-ss-33-arrow-next img,
	#n2-ss-33-arrow-previous svg,
	#n2-ss-33-arrow-next svg,
	#n2-ss-34-arrow-previous img,
	#n2-ss-34-arrow-next img,
	#n2-ss-34-arrow-previous svg,
	#n2-ss-34-arrow-next svg,
	#n2-ss-35-arrow-previous img,
	#n2-ss-35-arrow-next img,
	#n2-ss-35-arrow-previous svg,
	#n2-ss-35-arrow-next svg,
	#n2-ss-36-arrow-previous img,
	#n2-ss-36-arrow-next img,
	#n2-ss-36-arrow-previous svg,
	#n2-ss-36-arrow-next svg,
	#n2-ss-37-arrow-previous img,
	#n2-ss-37-arrow-next img,
	#n2-ss-37-arrow-previous svg,
	#n2-ss-37-arrow-next svg,
	#n2-ss-38-arrow-previous img,
	#n2-ss-38-arrow-next img,
	#n2-ss-38-arrow-previous svg,
	#n2-ss-38-arrow-next svg,
	#n2-ss-39-arrow-previous img,
	#n2-ss-39-arrow-next img,
	#n2-ss-39-arrow-previous svg,
	#n2-ss-39-arrow-next svg,
	#n2-ss-40-arrow-previous img,
	#n2-ss-40-arrow-next img,
	#n2-ss-40-arrow-previous svg,
	#n2-ss-40-arrow-next svg,
	#n2-ss-41-arrow-previous img,
	#n2-ss-41-arrow-next img,
	#n2-ss-41-arrow-previous svg,
	#n2-ss-41-arrow-next svg,
	#n2-ss-42-arrow-previous img,
	#n2-ss-42-arrow-next img,
	#n2-ss-42-arrow-previous svg,
	#n2-ss-42-arrow-next svg,
	#n2-ss-43-arrow-previous img,
	#n2-ss-43-arrow-next img,
	#n2-ss-43-arrow-previous svg,
	#n2-ss-43-arrow-next svg,
	#n2-ss-44-arrow-previous img,
	#n2-ss-44-arrow-next img,
	#n2-ss-44-arrow-previous svg,
	#n2-ss-44-arrow-next svg,
	#n2-ss-45-arrow-previous img,
	#n2-ss-45-arrow-next img,
	#n2-ss-45-arrow-previous svg,
	#n2-ss-45-arrow-next svg,
	#n2-ss-46-arrow-previous img,
	#n2-ss-46-arrow-next img,
	#n2-ss-46-arrow-previous svg,
	#n2-ss-46-arrow-next svg,
	#n2-ss-47-arrow-previous img,
	#n2-ss-47-arrow-next img,
	#n2-ss-47-arrow-previous svg,
	#n2-ss-47-arrow-next svg,
	#n2-ss-48-arrow-previous img,
	#n2-ss-48-arrow-next img,
	#n2-ss-48-arrow-previous svg,
	#n2-ss-48-arrow-next svg,
	#n2-ss-49-arrow-previous img,
	#n2-ss-49-arrow-next img,
	#n2-ss-49-arrow-previous svg,
	#n2-ss-49-arrow-next svg{
		width: 100% !important;
		height: 100% !important;
	}

	#n2-ss-30 .n2-ss-layer[class*="heading"],
	#n2-ss-30 h1,
	#n2-ss-30 h2,
	#n2-ss-30 h3,
	#n2-ss-30 .n2-ss-text {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}

	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-open {
		display: flex !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;
		width: var(--menu-width) !important;
		height: 100vh !important;
		max-width: none !important;
		padding: 20px !important;
		box-sizing: border-box !important;
		overflow-y: auto !important;
		background-color: #e4e4e4 !important;
		animation: menu-slide-in 0.3s ease-out;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		width: 100% !important;
		max-width: none !important;
		background-color: transparent !important;
	}

	.wp-block-navigation__responsive-container.is-closing {
		animation: menu-slide-out 0.3s ease-out forwards !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
		width: 100% !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .has-child {
		display: flex !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content,
	.wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle {
		flex: 1 1 auto !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-icon {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		padding: 10px 25px 10px 10px !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg {
		width: 20px !important;
		height: 20px !important;
	}

	.wp-block-navigation-overlay-close svg,
	.wp-block-navigation__responsive-container-close svg {
		width: 36px !important;
		height: 36px !important;
		position: absolute !important;
		top: 15px !important;
		right: 15px !important;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 0 !important;
		visibility: hidden !important;
		background-color: transparent !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
		flex-basis: 100% !important;
	}

	.wp-block-navigation .has-child.submenu-open > .wp-block-navigation__submenu-container {
		height: auto !important;
		padding-left: 20px !important;
		overflow: visible !important;
		opacity: 1 !important;
		visibility: visible !important;
	}


	.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
	.wp-block-navigation-item__content[aria-current="page"] {
		color: #d69188 !important;
		border-bottom: none !important;
		font-weight: bold;
	}


	.header-rad {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 20px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.header-rad .wp-block-site-logo img {
		max-width: 287px !important;
		height: auto !important;
	}

	.wp-site-blocks {
		position: relative;
		left: 0;
		transition: left 0.3s ease-out;
	}

	body.menu-open .wp-site-blocks {
		left: calc(-1 * var(--menu-width));
	}

	.wp-block-navigation__responsive-container-open svg {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-open {
		position: relative !important;
		width: 34px !important;
		height: 26px !important;
		border: none !important;
		padding: 0 !important;
	}

	.wp-block-navigation__responsive-container-open::before,
	.wp-block-navigation__responsive-container-open::after,
	.wp-block-navigation__responsive-container-open > span {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 4px;
		background-color: #d69188;
	}

	.wp-block-navigation__responsive-container-open::before {
		top: 0;
		box-shadow: 0 11px 0 0 #d69188;
	}

	.wp-block-navigation__responsive-container-open > span {
		top: 11px;
	}

	.wp-block-navigation__responsive-container-open::after {
		bottom: 0;
	}

	.wp-block-button__link.has-base-background-color:hover {
		background-color: transparent !important;
	}

	.footer-meny {
		display: none !important;
	}
    .footer-phone {
    	justify-content: flex-start !important;
    	text-align: left !important;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    }
    .header-group{
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
	.wp-block-column:has(> .info-header) {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex-basis: auto !important;
	}
    .info-header {
    	display: flex !important;
    	align-items: center !important;
        height: 45px !important;
	    min-height: 45px !important;
    	padding-top: 12px !important;
    	padding-bottom: 4px !important;
    	padding-right: 0 !important;
    	padding-left: 0 !important;
    }
    
    
    .info-header .wp-block-group:has(img) {
    	display: flex !important;
    	align-items: center !important;
    	gap: 8px !important;
    }
    
    
    .info-header figure.wp-block-image {
    	display: flex !important;
    	align-items: center !important;
    	margin: 0 !important;
    	padding: 0 !important;
    }
    
    
    .info-header figure.wp-block-image img {
    	display: block !important;
    	margin: 0 !important;
    }
    
    .info-header p {
    	margin: 0 !important;
    	padding: 0 !important;
    	line-height: 1.4 !important;
    }
    
    .info-header a {
    	margin: 0 !important;
    	padding: 0 !important;
    	line-height: 1.4 !important;
    }


	.info-header p,
	.info-header .info-header,
	.info-header .info-header p {
	    font-size: 14px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.info-header > * {
		margin-block-start: 0 !important;
		margin-block-end: 6px !important;
	}


	.wp-block-column:has(> .kontakt-info) {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex-basis: auto !important;
	}
	.kontakt-info p,
	.kontakt-info .kontakt-phone,
	.kontakt-info .kontakt-phone p {
		margin-top: 0 !important;
		margin-bottom: 6px !important;
	}

	.kontakt-info > * {
		margin-block-start: 0 !important;
		margin-block-end: 6px !important;
	}





}
 
/* ==========================================================================
   7. HOVER (endast enheter med mus)
   ========================================================================== */
 
@media (hover: hover) {
 
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:not(:has(.wp-block-navigation-item:hover)) {
		background-color: #d69188 !important;
	}
 
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:has(.wp-block-navigation-item:hover) {
		background-color: transparent !important;
	}
 
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:not(:has(.wp-block-navigation-item:hover)) > .wp-block-navigation-item__content,
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:not(:has(.wp-block-navigation-item:hover)) > .wp-block-navigation-submenu__toggle,
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:not(:has(.wp-block-navigation-item:hover)) > .wp-block-navigation__submenu-icon {
		background-color: transparent !important;
		color: #ffffff !important;
	}
 
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover:not(:has(.wp-block-navigation-item:hover)) .wp-block-navigation__submenu-icon svg {
		stroke: #ffffff !important;
	}
}

/* ==========================================================================
   TABLET / iPAD
   ========================================================================== */

/* ==========================================================================
   6.5 SURFPLATTA (782–1199px)
   ========================================================================== */

@media (min-width: 782px) and (max-width: 1199px) {

	/* Kolumner blir fluida istället för fasta pixelbredder */
	.wp-block-columns:has(> .wp-block-column:nth-child(2)):not(:has(> .wp-block-column:nth-child(3))):not(.full-bredd) > .wp-block-column,
	.wp-block-columns:has(> .wp-block-column:nth-child(3)):not(:has(> .wp-block-column:nth-child(4))):not(.full-bredd) > .wp-block-column {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	/* Raderna anpassar sig efter skärmen */
	.wp-block-columns {
		max-width: 100% !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
		box-sizing: border-box !important;
	}

	/* Fasta textbredder nollställs */
	.bred-text,
	.bred-text2,
	.column-hero,
	.column-hero p {
		width: auto !important;
		max-width: 100% !important;
	}

	/* Recensionskorten: lika höga, ingen fast höjd */
	.review-col {
		align-items: stretch !important;
		height: auto !important;
	}

	.review-col > .wp-block-column,
	.review-group {
		height: auto !important;
		min-height: 0 !important;
	}

	/* Knapparna hamnar i linje */
	.wp-block-column > .wp-block-group {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}

	.wp-block-column .wp-block-buttons {
		margin-top: auto !important;
	}

	/* Formulär och sliders håller sig innanför skärmen */
	#nf-form-3-cont,
	#nf-form-6-cont,
	.n2-section-smartslider {
		width: auto !important;
		max-width: 100% !important;
	}
	.review-group {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.wp-block-columns {
		align-items: stretch !important;
	}

	.wp-block-columns > .wp-block-column {
		display: flex !important;
		flex-direction: column !important;
	}

	.wp-block-columns > .wp-block-column > .wp-block-group {
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
	}

	.wp-block-columns .wp-block-buttons {
		margin-top: auto !important;
	}
	.wp-block-columns.is-layout-flex {
		align-items: stretch !important;
	}

	.wp-block-columns.is-layout-flex > .wp-block-column,
	.wp-block-column.home-height {
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
	}

	.wp-block-columns.is-layout-flex > .wp-block-column > .wp-block-group {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
	}
}

 
 
/* ==========================================================================
   8. KEYFRAMES
   ========================================================================== */
 
@keyframes menu-slide-in {
	from { transform: translateX(100%); }
	to   { transform: translateX(0); }
}
 
@keyframes menu-slide-out {
	from { transform: translateX(0); }
	to   { transform: translateX(100%); }
}
/* ==========================================================================
   9. TILL TOPPEN
   ========================================================================== */

.till-toppen {
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 50%;
	background-color: #7e6f6f;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 998;
}

.till-toppen.syns {
	opacity: 1;
	visibility: visible;
}
.till-toppen:hover {
	background-color: #d69188;
}