/* RESPONSIVE MEDIA QUERIES © Eborn Interactive */


/* Screen Widths

Tablet Portrait - 768px
Tablet Landscape - 1024px

iPhone 3,4,5 - 320px*/


:root {
	--black: #2C2C2B;
	--dimmedtext: #8b827b;
	--white: #fff;
	--lightpink: #eae4de; /* gradient from #fff */
	--midpink: #D9D1CD;
	--gold: #AD9969;
	--darkgold: #867449;
	--darkgray: #272727;
	--darkergray: #202020;
	--lightgray: #ddd;
	--strokegray: #ebe4df;
	--overlay: #2A2525; 
	--overlay-grad-light: rgba(42,37,37,0);
	--overlay-grad: rgba(42,37,37,1);
	--inner-margin: 100px;
	--mobile-inner-margin: 44px;
	--inner-inner-margin: 50px;
	--listitem-margin: 15px;
	--blockbottom-margin: 150px;
	--heading-xl: normal 100px/0.9 'Contralto Regular', serif;
	--heading-l: normal 80px/1.1 'Contralto Regular', serif;
	--heading-m: normal 60px/1.1 'Contralto Regular', serif;
	--heading-s: normal 36px/1.1 'Contralto Regular', serif;
	--text: normal 16px/1.5 'Roboto Light', sans-serif;
	--text-overlay: normal 16px/1.5 'Roboto Regular', sans-serif;
	--text-l-overlay: normal 20px/1.5 'Roboto Regular', sans-serif;
	--preheading: normal 12px/1.5 'Roboto Bold', sans-serif;
	
} 


/* iOS Specific
================================================== */

@supports (-webkit-overflow-scrolling: touch) {
	
  /* CSS specific to iOS devices */ 
  
  header {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-perspective: 1000;
	perspective: 1000;
  }
  
  .platesection {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-perspective: 1000;
	perspective: 1000;
  }
  
  .secondlogo {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
  }

}

/* Mobile header height adjustments */
@media only screen and (max-width: 680px) {
	header {
		height: 70px !important;
	}
	
	.headercomp {
		display: none !important;
	}
}

/* ================================================ */

/* Other than iOS specific
================================================== */

@supports not (-webkit-overflow-scrolling: touch) {
	
  /* CSS for other than iOS devices */ 
  
}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (min-width: 1720px) {


		/* startpage puff-block */
		.startpage-puffblock .puff {
			padding:58px;
		}
		
		.startpage-puffblock .puff h2 {
			font-size:50px;
		}
		
		.preheading {
			font-size: 18px;
			margin-bottom: 10px;
		}
		/* end startpage puff-block */
		
		/* ebjudande block */
		.popularoffers-block .offers .offer .text {
			padding: var(--inner-inner-margin);
		}
		
		.popularoffers-block .offers .offer .text .bottom .btn-container .btn .btn-text:after {
			margin-left: 12px;
		}
		
		.popularoffers-block .offers .offer .text .bottom .btn-container .btn {
			padding: 0 10px 0 20px; 
		}	
		
		.popularoffers-block .cards .card .image {
			height: 275px;
		}	
		/* end erbjudande block */


	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1600px) {
		
		

		:root {
			--heading-l: normal 70px/1 'Contralto Regular', serif;
		}


		#main-nav ul li {
		    font-size: 45px;
		}
		
		#second-nav ul li {
		    font-size: 18px;
		}
		
		.footerpuff-block .text {
		    width: 600px;
		}
		
		
		.editpresentkort-block .col.amount-count {
		    width: 100%;
		    margin-bottom: 30px;
		}
		
		
		.footerpuff-block .inner-content {
		    height: 750px;
		}
		
		.topsection-block .textcontent {
		    margin-top: 0;
		}
		
		.home .topsection-block .textcontent {
		    margin-top: 70px;
		}
		
/* 		.single-member_facility .topsection-block .textcontent {
		    margin-top: 120px;
		} */
		
		.topsection-block .city {
		   /*margin-bottom: 10px;*/
		}
		
		.logolist-block .logos .logo {
		    height: 150px;
		}
		
		
		.single-member_facility .topsection-block {
			min-height: 750px;
		}
		

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1440px) {
		
		

		:root {
			--inner-margin: 75px;
			--blockbottom-margin: 100px;
		}
		
		.suppliers-block  .supplier-card .logocol {
			padding: 7% 4%;
		}


	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1300px) {
		
		

		.header-content .boka {
		    display: none;
		}
		
		.header-content .left-section .language {
		    margin-left: 0;
		    margin-top: -4px;
		}


	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1240px) {
		
		
		.mainmenu-container .inner-content .menuimage {
		    width: 520px;
		}
		.mainmenu-container .inner-content .menus {
			flex: 1;
		}
		
		
		.startpage-puffblock .preheading {
			font-size: 15.5px;
		}
		
		
		/* erbjudandekort */
		.popularoffers-block .cards .card {
			width: calc(50% - var(--listitem-margin) * 1 / 2) !important;

		}
		/* */
		
		/* shortcuts block */
		.shortcuts-block .puff .image {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		
		.shortcuts-block .puff .image img {
			width: 100%;
			height: 100%;
			object-fit:cover;
		}
		
		.shortcuts-block .puffar .puff .text {
			padding: 40px 40px 20px 40px;
			position: relative;
		}

		.shortcuts-block.searchpage .puff .image {
			height: 100%;
		}
		/* end shortcuts block */
		
		
		/* cards */
		.squarelist .cards .card, .squarelist.cards .card {
		    width: calc(50% - var(--listitem-margin) * 1 / 2 )!important;
		}	
		
		.squarelist .cards .card:nth-child(2n + 1), .squarelist.cards .card:nth-child(2n + 1) {
		    margin-left: 0 !important;

		}	
		
		.squarelist .cards .card:nth-child(3n + 1), .squarelist.cards .card:nth-child(3n + 1) {
		    margin-left: var(--listitem-margin);
		}	
	
		/* end cards */
		
	
	}


/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1080px) {

	
		.cards .card .image {
		    height: 173px;
		}
		
		.card .text {
		    padding: var(--inner-inner-margin);
		}
		
		/* leverantörskort */
		.suppliers-block .supplier-cards {
		    flex-direction: column;
		}		
		
		.suppliers-block .supplier-card {
		   margin-left: 0;
		   width: 100%;
		}
		
		.suppliers-block .supplier-card .logocol {
		    width: 200px;
		}			
		/* end leverantörskort */

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1010px) {


		.menuimage-logo {
			display: none;
		}

		.mainmenu-container.open + .logosection {
			z-index: 50;
		}
		
		/*.mainmenu-container.open + .logosection .logoplate, .mainmenu-container.open + .logosection #logo {
			display: none;
		}*/
		

		/*.mainmenu-container.open + .logosection .responsive-menu-logo {
			display: block;
		}	*/	
		
		
		.footerpuff-block .inner-content {
		    justify-content: center;
		}	

	    .footerpuff-block .inner-content {
	        height: auto;
	    }
	    
	    .footerpuff-block .inner-content .text {
	        height: auto;
	        padding: 80px 0;
	    }
	    
	    
	    /* searchfilter */
	    
	    

		.searchfilter-block .filterbox .filters {
		    flex-direction: column;
		}
		
		.searchfilter-block .filterbox .filters .filter {
		    width: 100%;
			padding-right: 0 !important;
			padding-left: 0 !important;
		}	
		
		.searchfilter-block .filterbox .filters .filter.distance {   
				margin-bottom: 30px;
		} 
			    	


	}

/* ================================================ */




/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 980px) {


		:root {
			--inner-margin: 44px;
			--inner-inner-margin: 30px;
			--blockbottom-margin: 70px;
		}
		
		.startpage-puffblock .puff h2 {
		    font-size: 2.8vw;
		}
		
		:root {
			--heading-xl: normal 85px/0.9 'Contralto Regular', serif;
			--heading-l: normal 57px/1 'Contralto Regular', serif;
			--heading-m: normal 42px/1 'Contralto Regular', serif;
			--heading-s: normal 34px/1.1 'Contralto Regular', serif;
			--text: normal 16px/1.5 'Roboto Light', sans-serif;
			--text-overlay: normal 16px/1.5 'Roboto Regular', sans-serif;
			--text-l-overlay: normal 18px/1.5 'Roboto Regular', sans-serif;
			--preheading: normal 11px/1.5 'Roboto Bold', sans-serif;
		} 
		
		.fullwidthpuff-block .textplatta {
		    padding: var(--mobile-inner-margin);
		}
		
		.popularoffers-block h2 {
		    font-size: 45px !important;
		    margin-bottom: 30px !important;
		}
		
		.logosection, .platesection {
		    width: 230px;
		    height: 91px;
		}

	
		
		.logoplate {
			width: 230px;
			top: -135px;
		}

		#logo {
		    width: 105px;
		    margin-top: 90px;
		}


		/* fullwidth image block */
		.fullwidthimage-block {
			/* padding: 200px 0; */
			min-height: unset;
		}
		
		.fullwidthimage-block .textcontent {
			padding: 100px 0 !important;
		}
		
		
		.twocolumn-block .inner-content .columns {
		    flex-direction: column;
		    
		}
	
		.twocolumn-block .inner-content .columns .column {
	    	width: 100%;
		}
		
		.karta-block {
			height: 100vw;
		}
		
		
		/* logo listning */
		.logolist-block .logos .logo {
		    width: calc(33.33333333333% - calc(var(--listitem-margin)* 2 / 3));
		    padding: 30px 40px;
		    height: 205px;
		    margin-left: var(--listitem-margin);
		}	
		
		.logolist-block .logos .logo:nth-child(5n +1) {
		    margin-left: var(--listitem-margin);
		}	
	
		.logolist-block .logos .logo:nth-child(3n +1) {
		    margin-left: 0;
		}	
		/* */
		
		
		
		.gallery-wrapper:after {
			content:"";
			right: -60px;
			left: unset;
			width: 60px;
			position: absolute;
			height: 100%;
			top: 0;
			background:var(--midpink);
		}
		
		.gallery-wrapper .gallery-top .swiper-slide:before {
		    width: 80vw;
		}		


	}

/* ================================================ */

/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 880px) {
		
		
		
		.shortcuts-block .puff {
		    min-height: 315px;
		}


		.startpage-puffblock .inner-content {
		    flex-direction:column;
		}
		
		.startpage-puffblock .puff {
		    padding: 41px 34px 38px 34px;
		    margin-bottom: var(--listitem-margin);
		    width: 100%;
		    margin-left: 0;
		}
		
		.startpage-puffblock .puff:last-child {
		    margin-bottom: 0;
		}
		
		.startpage-puffblock .preheading {
		    font-size: 20px;
		}
		
		.startpage-puffblock .puff h2 {
		    font: var(--heading-m);
		    margin-bottom: 15px !important;
		}
		
		/* fullwidth-puff */
		.fullwidthpuff-block .inner-content {
		    display: flex;
		    align-items: flex-start;
		    justify-content: flex-end;
		    position: relative;
		    flex-direction: column;
		}
		
		.fullwidthpuff-block .inner-content {
			width: 100%; 
		}
		
		.fullwidthpuff-block .image {
		    width: 100%;
		    min-height: 400px;
		    position: relative;
		}
		
		block .image {
		    width: 100%;
		    position: relative;
		}

	    .fullwidthpuff-block .textplatta {
	        margin: -80px auto 0 auto;
	        max-width: 80%;
	    }
		
		/* fullwidth puff */
		
		/* shortcuts block */
		.shortcuts-block .puffar .puff {
		    width: 100%;
		    margin-left: 0;
		}

		.shortcuts-block .puff .image {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		
		.shortcuts-block .puff .image img {
			width: 100%;
			height: 100%;
			object-fit:cover;
		}
		
		.shortcuts-block .puffar .puff .text {
			padding: 40px 40px 20px 40px;
			position: relative;
		}
		/* end shortcuts block */
		
		
		/* search */
		.searchfilter .btn-container {
		    flex-direction: column;
		    margin: 15px 0 0;
		}
		
		.searchfilter .btn {
			margin-bottom: var(--listitem-margin);
			width: 100%;
			max-width:300px;
			margin-left: 0 !important;	
		}
		
		.searchfilter-section .searchinfo {
		    padding: var(--mobile-inner-margin) 0;
		    text-align: center;
		    font-size: 20px;
		}		
		/* end search */
		
		
		/* text/bild */
		.textimage-block .text-image {
			flex-direction: column !important;
		}

		.textimage-block .text-image .col {
			width: 100%;
		}
		
		.textimage-block .text-image .image img {
		    max-height: 50vw;
		}
		/* */


	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 800px) {


		
		.header-content .left-section .languages {
		    position: absolute;
		    margin: 3px 0 0 0;
		    transform: translateX(0);
		    transition: 0.5s transform ease;
		    opacity: 0;
			/* visibility: hidden; */
		    bottom: -30px;
		    left: 0;
		}
		
		.header-content .left-section .language {
			display: block;
			overflow:visible;
		}
				

		/* .logosection.show {
			width: auto;
			margin-left: 0;
		} */
	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */
	@media only screen and (max-width: 1150px) {
		
		.header-content .right-section .buy-gift-card {
			display: none;
		}

		.wp-block-spacer {
			height: 70px !important;
		}
		
	}

	@media only screen and (max-width: 768px) {


		
		#glightbox-slider .ginner-container {
		    max-width: unset !important;
		}	
				

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 750px) {
		
		.mainmenu-container .menuimage {
			position: fixed;
			top: 0;
			left: 0;
			height: 100%;
			margin-left: -440px !important;
			width: 520px;
		}


		.mainmenu-container .menuimage img {
		    width: 100%;
		    height: 100%;
		    display: block;
		    object-fit: cover;
		   position: absolute;
		   top: 0;
		   
		}
		
		.mainmenu-container.open .topborder	{
			display: none !important;
		}
		
		.mainmenu-container .menus {
		    margin-left: 95px;
		}
		
		
		/* erbjudandekort */
		.popularoffers-block .cards .card {
			width: 100% !important;

		}
		
		.popularoffers-block .nav-section .small-link {
			display: none;
		}
		
		.popularoffers-block .small-link.mobile {
			display: block !important;
		}
		
		.popularoffers-block h2 {
			font:var(--heading-s) !important;
			flex: 1;
		}
		
		.popularoffers-block .nav {
			width: 100px;
			display: flex;
			justify-content: flex-end;
		}
		
		.popularoffers-block .top-section .nav-section {
			min-width: unset;
		}
		/* end erbjudandekort */
		
		/* nyhetsbrevsformulär */
		.subscribe-form .cols {
		    flex-direction: column;
		}		
		
		.subscribe-form .radio-group {
		    margin-top: -35px;
		}	
		
		.subscribe-form  .cols.typ {
		    margin-top: 30px;
		}

		.subscribe-form  .personuppgifter {
		    margin-top: -30px;
		}
		
		.subscribe-form .second-field {
			margin-top: -40px;
		}		
		/* end nyhetsbrevsformulär */
		
		
		/* sidfot adress */
		.sidfot-row {
			flex-direction: column;
		}	
		
		.sidfot-row>.adresspost:before {
			content:"";
			padding: 0;
		}	
		
		.sidfot-row .adresspost:first-child:before {
			content:"";
			padding: 0;
		}
		/* end sidfott adress */
		
		
		#main-nav ul li {
		    font: var(--heading-m);
		}
		
		/* cards */
		.squarelist .cards .card, .squarelist.cards .card {
		    width: 100% !important;
		    margin-left: 0;
		}		
		
		.squarelist .cards .card:nth-child(3n + 1), .squarelist.cards .card:nth-child(3n + 1) {
		    margin-left: 0
		}	
	
		/* end cards */
		body:not(.home) .topsection-block {
			height: 430px;
			min-height: unset;
		}

		body:not(.home) .topsection-block .textcontainer {
			top: 70px;
			height: 360px;
		}
		
		.squarelist .card .text, .squarelist.card .text {
		    padding: var(--inner-inner-margin);
		}
		
		.fullwidthimage-block {
		    min-height: unset;
		}
		
		.fullwidthimage-block .textcontent {
			padding-top: 80px;
			width: calc(100% - var(--mobile-inner-margin) * 2);
		}
		
		.program-block .card .show-more .inner {
		    margin: 0 var(--inner-inner-margin) 0 var(--inner-inner-margin);
		}
						 

	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 680px) {

		.logosection, .platesection, .logoplate {
			width: 130px;
		}
		
		.logoplate {
			top: -65px;
		}
		
	    #logo {
	        width: 60px;
	        margin-top: 35px;
	    }
	    
		.secondlogo {
		    width: 44px;
		    top: 18px;
		    left: calc(50% - 22px);
			margin-left: 0;
		}

		/* .admin-bar .secondlogo {
			margin-left: 0;
		} */
		
		.searchwindow .menuclose {
		    position: absolute;
		    color: var(--white);
		    right: 4px;
		    top: 20px;
		    z-index: 1;
		}
		
		.header-content .right-section {
			margin-top: 8px;
		}

		
		.header-content .left-section {
			margin-top: 2px;
		}
		


		.responsive-bottom-plate {
			display: block;
		}

		
		.header-content .right-section {
			z-index: 50;
		}
		
		:root {
			--inner-margin: 22px;
			--inner-inner-margin: 22px;
			--mobile-inner-margin: 44px;
			--listitem-margin: 12px;
			--blockbottom-margin: 60px;
			--heading-xl: normal 44px/0.9 'Contralto Regular', serif;
			--heading-l: normal 44px/1.1 'Contralto Regular', serif;
			--heading-m: normal 32px/1.1 'Contralto Regular', serif;
			--heading-s: normal 28px/1.1 'Contralto Regular', serif;
			--text: normal 14px/1.5 'Roboto Light', sans-serif;
			--text-overlay: normal 14px/1.5 'Roboto Regular', sans-serif;
			--text-l-overlay: normal 16px/1.5 'Roboto Regular', sans-serif;
			--preheading: normal 9px/1.5 'Roboto Bold', sans-serif;
		} 
		
		.home .topsection-block {
		   height: calc(100dvh - 70px);
		   max-height: calc(100dvh - 70px);
		   min-height: 500px;
		}
		
		

		.footer-main .inner-content {
		    padding: 50px 0 var(--mobile-inner-margin) 0;
		    font-size: 16px;
		}
		
	    .footerpuff-block .inner-content {
        	height: auto;
        	padding: 0;
        	width: calc(100% - (var(--mobile-inner-margin)* 2));
    	}
    	
    	.footerpuff-block .inner-content .text{
        	height: auto;
    	}
    	
		  .footer-main .footerlogo {
		    width: 118px;;
		}
		

		.searchwindow .inner-content .searcharea {
		    padding: 0 22px;
		}
		
		.searchwindow .searcharea h2 {
		    font: var(--heading-s) !important;
		}
		
		.searchwindow .formarea {
		    margin-top: 30px;
		}
		
		.searchwindow .formarea input#s {
			height: 40px;
		}
		
		
		.searchwindow .formarea input#s, .searchwindow #searchsubmit {
		    font-size: 14px;
		}
		
		input#s::-webkit-input-placeholder { /* WebKit browsers */
			font-size: 14px;
		}
		input#s::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		    font-size: 14px;
		}
		input#s::-moz-placeholder { /* Mozilla Firefox 19+ */
		    font-size: 14px;
		}
		input#s::-ms-input-placeholder { /* Internet Explorer 10+ */
		    font-size: 14px;
		}
		
		.top-margin-spec {
			margin-top: var(--mobile-inner-margin) !important;
		}
		
		.twocolumn-block .inner-content .columns .column .ingress {
			font-size: 18px;
		}
		.offer-cards .cards .card .text .bottom .btn-container .btn .btn-text:after {
			margin-left: 9px;
		}
		
		span.ingress {
		    margin-top: 22px;
		}
		
		.twocolumn-block .inner-content .columns .column h2:first-child {
			margin-top: 19px !important;
		}
		
		.custom-scrollbar-track { 
			width: 4px;
		}
		
}										

/* ================================================ */


/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 640px) {
		
		.menucols {
			flex-direction: column;
		}
		
		.mainmenu-container .inner-content .menucols .col.col1 {
		    border-right: 0;
		    width: calc(100% - 50px);
		}

		.mainmenu-container .inner-content .menucols {
			position: relative; /* Gör det möjligt att använda ::after relativt */
		height: calc(100% - 5.5rem); 
	overflow-y: auto;
	-ms-overflow-style: none;
		
		}

		.mainmenu-container {
			/* overflow: visible; */
				overflow: hidden;
		}

		.mainmenu-container .inner-content .menucols::after {
			content: ''; /* Pseudo-element måste ha content */
			position: sticky;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 50px; /* Höjden av gradienten */
			background: linear-gradient(
				to bottom,
				rgba(39, 39, 39, 0) 0%,
				rgba(39, 39, 39, 1) 100%
			);
			pointer-events: none; /* Gör att gradienten inte påverkar klick */
			z-index: 2; /* Se till att gradienten ligger ovanpå innehållet */
		}

		.mainmenu-container .inner-content .menus {

	align-items: flex-start;
		}

		.responsive-bottom-plate {
			/* position: fixed;
			bottom: 0;
			right: 0;
			width: calc(100% - 90px);
			height: 70px;
		background: rgb(39,39,39);
		background: linear-gradient(180deg, rgba(39,39,39,0) 0%, rgba(39,39,39,1) 50%, rgba(39,39,39,1) 100%);
			display: none;
			z-index: 60;
			display: block; */
			display: none;
		}

		.mainmenu-container .inner-content .bottom {
			height: 70px;
			background: rgb(39,39,39);
			background: linear-gradient(180deg, rgba(39,39,39,0) 0%, rgba(39,39,39,1) 50%, rgba(39,39,39,1) 100%);
		}

		.mainmenu-container .socials-container {
			align-items: flex-start;
		}

		.mainmenu-container  .socials {
			/* bottom: var(--inner-margin);
			right: var(--inner-margin); */
			margin-top: 0 !important;
		}

		.mainmenu-container .inner-content .top {
			padding-top: 140px;
			height: 100%;
		}

		.mainmenu-container .inner-content .menucols .col.col2 {
		    border-left: 2px solid #3a3a3a;
		    width: calc(100% - 50px);
		}
		
		#second-nav ul, #main-nav ul {
		    padding: 10px 0;
		}
		
		/*.header-content .left-section .language-link.active + .languages {
			position: relative;
			width: 50px;
		}

		.header-content .left-section .language-link.active + .languages .langs {
			position: absolute;
		    display: flex;
		    flex-direction:column;
		}*/
		
		/* logo listning */
		.logolist-block .logos .logo {
		    width: calc(50% - calc(var(--listitem-margin)* 1 / 2));
		    padding: 30px 30px;
		    height: 120px;
		}	
		
		.logolist-block .logos .logo:nth-child(3n +1) {
		    margin-left: var(--listitem-margin);
		}	
	
		.logolist-block .logos .logo:nth-child(2n +1) {
		    margin-left: 0;
		}	
		/* */
		
		.twocolumn-block {
			margin-bottom: var(--mobile-inner-margin);
		}
		

	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 580px) {
		
		
		.header-content .right-section .menu :is(.menuopen) {
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
			width: 40px !important;
		}
		
		.header-content .right-section .menu span, .header-content .left-section .search span {
			display: none;
		}
		
		.header-content .right-section .menu {
		    margin-left: 10px;
		}
		
		body .header-content .left-section .language {
			min-width: 80px;
		}
		
		body .header-content .left-section .language, .header-content .search.rightside {
			display: none;
		}
		
		.header-content .search.leftside {
			display: block;
		}
		
		.header-content .search:after {
			margin-left: 0;
			width: 24px;
			margin-top: 8px;
		}
		
		.header-content .right-section .menu .menuopen:after {
		    margin-left: 0;
		    width: 35px;
		    margin-top: 3px;
		}
		
		#menu-huvudvalsmeny li a {
			font-size: 28px;
		}
		
        #main-nav ul li {
            padding: 5px 0 12px 0;
        }
		
	    #second-nav ul li {
	        font-size: 14px;
	    }
	    
	    /* mobile menu */
		
		.header-content .left-section .langs {
			display: none;
			margin-top: -15px;
		}
		
		.header-content .left-section .language-link.active + .languages .langs {
			display: block;
		}
		
		.header-content .left-section .language-link.active:after {
			transform:rotate(0deg);
			margin-top: -1px;
		}
		
		.mainmenu-container.open + .logosection .logoplate-responsive-menu {
			display: block;
			opacity: 0;
		}	
		
		
        .header-content .right-section .menu :is(.menuclose), .searchwindow .menuclose {
            width: 50px !important;
         }
		
		.header-content .right-section .menu .menuclose:after, .searchwindow .menuclose:after  {
		    width: 40px !important;
		}
		
		.searchwindow .menuclose span {
		    display: none;
		}
		
		/* end mobile menu */	
		
		
		/* shortcuts block */
		.shortcuts-block .inner-content {
		    width: 100%;
		}
		
		/* end shortcuts block */
		
		
		/* temapuff */
	    .fullwidthpuff-block .textplatta {
	        width: calc(100% - var(--inner-inner-margin) * 2);
	        max-width: unset;
	    }			
		/* end temapuff */
		
		
		/* erbjudandekort */
		.popularoffers-block .inner-content {
			width:calc(100% - (var(--inner-inner-margin) * 2));
		}
	
	
/* 	    .single-member_facility .topsection-block .textcontent {
        	margin-top: 40px;
    	} */

		.wp-block-spacer {
			height: 60px !important;
		}

		 .startpage-puffblock .inner-content {
			margin-bottom: 38px;
		 }
    	
    
	    .searchfilter-section .searchinfo {
	        padding: var(--mobile-inner-margin) 0 10px 0;
	    }
	    
	     .searchfilter-section .searchinfo {
		 	font-size: 14px;
    	}
    	/* */
    	
    	/* leverantörskort */
    	.suppliers-block .supplier-card {
		    flex-direction: column;
		}
		
    	.suppliers-block .supplier-card .col {
		    width:100%;
		    border-right: 0;
		}
		
    	.suppliers-block .supplier-card .col.logocol img {
		   max-height: 70px;
		   object-fit:	contain;
		}
		
	    .suppliers-block .supplier-card .logocol {
	        padding: var(--mobile-inner-margin) 80px;
			border-bottom: 2px solid var(--lightpink);
	    }
	    
		.suppliers-block .supplier-card .textcol {
		    padding: var(--mobile-inner-margin) var(--mobile-inner-margin) 35px;
		}
		/* */
		

		.topsection-block .city {
		    transform: scale(0.9);
		    margin-bottom: 17px;
		}
		
		.pagination-container {
			bottom: 12px;
		}


	}

/* ================================================ */


/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 480px) {


		.logoplate-responsive-menu {
			left: -19px;
		}
		
		.footer-bottom {
		    font-size: 10px;
		}
		
	    .mainmenu-container .menus {
	        margin-left: 90px;
	    }
	    
		.mainmenu-container .inner-content .menucols .col {
		    padding-right: 0 !important;
		    padding-left: 32px !important;
		    width: 100% !important;
		}
		
		/* logo listning */
		.logolist-block .logos .logo {
		    padding: 20px 20px;
		    height: 95px;
		}
		
	
        .gallery-wrapper .gallery-top .swiper-slide:before {
            content: "";
            top: -20px;
            width: 143.75px;
            height: calc(100% + 40px);
            right: -22px;
            left: unset;
        }
        
        .gallery-wrapper .gallery-top {
		    margin-bottom: var(--mobile-inner-margin);
		}
		
		.gallery-wrapper {
		    padding-bottom: var(--inner-margin);
		}
		
		.footerlogo, footer .adress {
			transform: scale(0.9);
		}
	

	}

/* ================================================ */


/* Responsive Width Section (Smallest Mobile Screens)
================================================== */

	@media only screen and (max-width: 359px) {





	}

/* ================================================ */