/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 24 2022 | 12:15:47 */
/* Grids by Chords Agency */

@media (min-width: 769px) {
	.mng-two-grid p:first-of-type {
		width: 50%;
		float: left;
		margin-right: 40px;
	}
}

.mng-husband .panel-grid-cell {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1040px;
	margin: 0 auto;
}

.mng-husband .panel-grid-cell > div {
    padding: 0 10px;
	max-width: 210px !important;
}

.mng-winner-grid > div:nth-of-type(1) { grid-area: title; }
.mng-winner-grid > div:nth-of-type(2) { grid-area: img; width: 300px !important; }
.mng-winner-grid > div:nth-of-type(3) { grid-area: main; }

.mng-nominering-grid > div:nth-of-type(1) { grid-area: img; }
.mng-nominering-grid > div:nth-of-type(2) { grid-area: main; }

.mng-samarbetspartners > div:nth-of-type(1) { grid-area: img; }
.mng-samarbetspartners > div:nth-of-type(2) { grid-area: main; }

.mng-winner-grid {
	display: grid !important;
	grid-template-areas:
		'title img'
		'main img';
	grid-gap: 30px;
	max-width: 700px;
	margin: 60px auto;
	padding-top: 60px;
	border-top: 1px solid #0a1a37;
}

.mng-nominering-grid {
	display: grid !important;
	grid-template-areas:
		'img main';
	grid-template-columns: auto 380px;
	grid-gap: 30px;
	max-width: 700px;
	margin: 60px auto;
	padding-bottom: 60px;
}

.mng-samarbetspartners {
	display: grid !important;
	grid-template-areas:
		'img main';
	grid-template-columns: 270px auto;
	grid-gap: 30px;
}

.mng-samarbetspartners .sow-image-container {
    margin-right: 30px;
}

.mng-nominering-grid .panel-grid:last-of-type,
.mng-winner-grid .panel-grid:last-of-type {
	margin-bottom: 60px;
}

.mng-samarbetspartners .panel-grid-cell,
.mng-nominering-grid .panel-grid-cell,
.mng-winner-grid .panel-grid-cell {
	width: unset !important;
}

.mng-samarbetspartners .panel-grid-cell .so-panel,
.mng-nominering-grid .panel-grid-cell .so-panel,
.mng-winner-grid .panel-grid-cell .so-panel {
    max-width: unset !important;
}

@media (max-width: 768px) {

/* winner */
	.mng-winner-grid {
		display: flex !important;
	}

/*
	.mng-winner-grid {
		grid-template-areas:
			'title'
			'img'
			'main';
		grid-gap: 0px;
	}
*/

	.mng-winner-grid > div:nth-of-type(2) {
		margin: 30px auto !important;
	}


/* nominering */

	.mng-nominering-grid {
		grid-template-areas:
			'img'
			'main';
		grid-template-columns: auto;
	}

	.mng-nominering-grid > div:nth-of-type(1) { 
		width: calc(100vw - 40px) !important;
	}

	.mng-nominering-grid > div > div {
		width: fit-content;
		width: -moz-fit-content;
	}
	
	.mng-nominering-grid img.alignleft {
		margin-right: 0;
	}

}

@media (max-width: 1040px) and (orientation: portrait) {
/* samarbetspartners */

	.mng-samarbetspartners {
		grid-template-areas:
			'img'
			'main';
		grid-template-columns: auto;
	}
	
	.mng-samarbetspartners > div:nth-of-type(1) { 
		width: calc(100vw - 40px) !important;
	}

	.mng-samarbetspartners .sow-image-container {
		margin-right: 0;
	}
	
	.mng-samarbetspartners .sow-image-container > a {
		margin: 0 auto;
	}
}

/* Finalister förstasidan */
.mng-finalister-container > div {
	display: grid;
	grid-template-areas:
		'header header header'
		'kategori1 kategori1 kategori1'
		'foretag1 foretag2 foretag3'
		'kategori2 kategori2 kategori2'
		'foretag4 foretag5 foretag6'
		'kategori3 kategori3 kategori3'
		'foretag7 foretag8 foretag9'
		'kategori4 kategori4 kategori4'
		'foretag10 foretag11 foretag12'
		'kategori5 kategori5 kategori5'
		'foretag13 foretag14 foretag15'
		'kategori6 kategori6 kategori6'
		'foretag16 foretag17 foretag18'
		'kategori7 kategori7 kategori7'
		'foretag19 foretag20 foretag21';
	grid-gap: 0;
	grid-template-columns: 33.3% 33.4% 33.3%;
	padding: 0 5%;
}

.mng-finalister-container > div > div:nth-child(1) {grid-area: header; margin-bottom: -120px !important;}
.mng-finalister-container > div > div:nth-child(2) {grid-area: kategori1; z-index: 1;}
.mng-finalister-container > div > div:nth-child(3) {grid-area: foretag1;}
.mng-finalister-container > div > div:nth-child(4) {grid-area: foretag2;}
.mng-finalister-container > div > div:nth-child(5) {grid-area: foretag3; z-index: 2;}
.mng-finalister-container > div > div:nth-child(6) {grid-area: kategori2; z-index: 1;}
.mng-finalister-container > div > div:nth-child(7) {grid-area: foretag4;}
.mng-finalister-container > div > div:nth-child(8) {grid-area: foretag5;}
.mng-finalister-container > div > div:nth-child(9) {grid-area: foretag6; z-index: 2;}
.mng-finalister-container > div > div:nth-child(10) {grid-area: kategori3; z-index: 1;}
.mng-finalister-container > div > div:nth-child(11) {grid-area: foretag7;}
.mng-finalister-container > div > div:nth-child(12) {grid-area: foretag8;}
.mng-finalister-container > div > div:nth-child(13) {grid-area: foretag9; z-index: 2;}
.mng-finalister-container > div > div:nth-child(14) {grid-area: kategori4; z-index: 1;}
.mng-finalister-container > div > div:nth-child(15) {grid-area: foretag10;}
.mng-finalister-container > div > div:nth-child(16) {grid-area: foretag11;}
.mng-finalister-container > div > div:nth-child(17) {grid-area: foretag12; z-index: 2;}
.mng-finalister-container > div > div:nth-child(18) {grid-area: kategori5; z-index: 1;}
.mng-finalister-container > div > div:nth-child(19) {grid-area: foretag13;}
.mng-finalister-container > div > div:nth-child(20) {grid-area: foretag14;}
.mng-finalister-container > div > div:nth-child(21) {grid-area: foretag15; z-index: 2;}
.mng-finalister-container > div > div:nth-child(22) {grid-area: kategori6; z-index: 1;}
.mng-finalister-container > div > div:nth-child(23) {grid-area: foretag16;}
.mng-finalister-container > div > div:nth-child(24) {grid-area: foretag17;}
.mng-finalister-container > div > div:nth-child(25) {grid-area: foretag18; z-index: 2;}
.mng-finalister-container > div > div:nth-child(26) {grid-area: kategori7; z-index: 1;}
.mng-finalister-container > div > div:nth-child(27) {grid-area: foretag19;}
.mng-finalister-container > div > div:nth-child(28) {grid-area: foretag20;}
.mng-finalister-container > div > div:nth-child(29) {grid-area: foretag21; z-index: 2;}

.mng-finalister-container > div > div:nth-child(2),
.mng-finalister-container > div > div:nth-child(6),
.mng-finalister-container > div > div:nth-child(10),
.mng-finalister-container > div > div:nth-child(14),
.mng-finalister-container > div > div:nth-child(18),
.mng-finalister-container > div > div:nth-child(22),
.mng-finalister-container > div > div:nth-child(26) {
	position: relative;
/*	margin: 0 -180px -120px auto !important; */
	margin: 90px -120px -60px auto !important;
}

@media screen and (max-width: 1280px) {
	.mng-finalister-container > div {
		grid-template-columns: auto;
		padding: 0;
		margin: 0 -120px 0 0;
		width: calc(100% - 120px) !important;
	}
}

@media screen and (max-width: 780px) {
	.mng-finalister-container > div {
	grid-template-areas:
		'header header'
		'kategori1 kategori1'
		'foretag1 foretag2'
		'foretag3 foretag3'
		'kategori2 kategori2'
		'foretag4 foretag5'
		'foretag6 foretag6'
		'kategori3 kategori3'
		'foretag7 foretag8'
		'foretag9 foretag9'
		'kategori4 kategori4'
		'foretag10 foretag11'
		'foretag12 foretag12'
		'kategori5 kategori5'
		'foretag13 foretag14'
		'foretag15 foretag15'
		'kategori6 kategori6'
		'foretag16 foretag17'
		'foretag18 foretag18'
		'kategori7 kategori7'
		'foretag19 foretag20'
		'foretag21 foretag21';
		margin: 0;
		width: 100% !important;

	}

	.mng-finalister-container > div > div:nth-child(2),
	.mng-finalister-container > div > div:nth-child(6),
	.mng-finalister-container > div > div:nth-child(10),
	.mng-finalister-container > div > div:nth-child(14),
	.mng-finalister-container > div > div:nth-child(18),
	.mng-finalister-container > div > div:nth-child(22),
	.mng-finalister-container > div > div:nth-child(26) {
/*		margin: 0 auto 0 auto !important; */
		margin: 180px auto 15px auto !important;
	}

	.mng-finalister-container > div > div:nth-child(3),
	.mng-finalister-container > div > div:nth-child(4),
	.mng-finalister-container > div > div:nth-child(5),
	.mng-finalister-container > div > div:nth-child(7),
	.mng-finalister-container > div > div:nth-child(8),
	.mng-finalister-container > div > div:nth-child(9),
	.mng-finalister-container > div > div:nth-child(11),
	.mng-finalister-container > div > div:nth-child(12),
	.mng-finalister-container > div > div:nth-child(13),
	.mng-finalister-container > div > div:nth-child(15),
	.mng-finalister-container > div > div:nth-child(16),
	.mng-finalister-container > div > div:nth-child(17),
	.mng-finalister-container > div > div:nth-child(19),
	.mng-finalister-container > div > div:nth-child(20),
	.mng-finalister-container > div > div:nth-child(21),
	.mng-finalister-container > div > div:nth-child(23),
	.mng-finalister-container > div > div:nth-child(24),
	.mng-finalister-container > div > div:nth-child(25),
	.mng-finalister-container > div > div:nth-child(27),
	.mng-finalister-container > div > div:nth-child(28),
	.mng-finalister-container > div > div:nth-child(29) {
		margin: 0 auto 15px auto !important;
	}
}

@media screen and (max-width: 600px) {
	.mng-finalister-container > div {
	grid-template-areas:
		'header'
		'kategori1'
		'foretag1'
		'foretag2'
		'foretag3'
		'kategori2'
		'foretag4'
		'foretag5'
		'foretag6'
		'kategori3'
		'foretag7'
		'foretag8'
		'foretag9'
		'kategori4'
		'foretag10'
		'foretag11'
		'foretag12'
		'kategori5'
		'foretag13'
		'foretag14'
		'foretag15'
		'kategori6'
		'foretag16'
		'foretag17'
		'foretag18'
		'kategori7'
		'foretag19'
		'foretag20'
		'foretag21';
		margin: 0;
		width: 100% !important;
		grid-gap: 15px;
		grid-gap: 0px;
	}
}

