/* stickut */
.nim_body {
	background:white;
	color: rgba(0, 0, 0, 0.870588);
	padding: 0;
}
.nim_icon_menu:before{
	color: rgba(0, 0, 0, 0.870588);
}

.nim_fwdbutton:before {
content: 'arrow_forward';
}
.nim_rewbutton:before{
	content: 'arrow_back';

}
.nim_rewbutton, .nim_fwdbutton{
	box-shadow: none;
	opacity: 1;
	bottom:10px;
}

.nim_rewbutton:hover, .nim_fwdbutton:hover {
	opacity: 0.5;
}

/**/
#nim_index{ /* reset */
	width: 100%;
	height:100%;
	z-index:101;
	border-radius: 0;
	padding:0;
}
.nim_page{
	border-radius: 0px;
	border:none;
	background: none;
}
.nim_rub1{
	text-transform: none;
	letter-spacing: 0;
}
.nim_icon_menu{
	padding: 20px;
}
.su_text_logo{
	padding:20px;
	cursor:pointer;
}



#nim_index.su_main{
	background-color: rgb(246,223,140);
}


/* samla dolda ting */
#nim_index.su_main #nim_indexpages,
.nim_footer{
	display:none;
}

.su_close_popup_cmd{
	padding: 20px;
	color: white;
	cursor: pointer;
	/*font-size: 2.6vw;*/
	text-align:right;
}
.su_close_popup_cmd:before{
	font-family: 'Material Icons';
	content: 'clear';
	/*font-size: 2.6vw;*/
	position: relative;
	top: 0.33vh;
}

/* Look and feel */
/* 1 MENYER */
#nim_index #nim_staticlinks{
	position: absolute;
	width: 100%;
}
#nim_index #nim_staticlinks {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	bottom:0;
}
/* 1.1 Logomeny */
#su_startlogo{
	display:none;
}
#nim_index.su_main #nim_staticlinks{
	height:50%;
}

#nim_index.su_main #su_startlogo {
    position: absolute;
    right: 0;
    bottom:0;
    width: 60%;
    padding-bottom: 60%;
    height: 0;
    display: flex;
}

/* jättebreda skärmar */
@media only screen and (min-width: 1000px){
	#nim_index.su_main #su_startlogo {
		width: 40%;
	}
}
@media only screen and (min-width: 1200px){
	#nim_index.su_main #su_startlogo {
		width: 30%;
	}
}
@media only screen and (min-width: 1800px){
	#nim_index.su_main #su_startlogo {
		width: 20%;
	}
}

#nim_index.su_main #su_startlogo img {
  /*  width: 100%;
    height: 100%;*/
    position: absolute;
    right: 0;
	/*max-height: 50vh;
	max-width: 50vh;*/
	bottom: 0;
}
/* colors
ljusgrön 	rgb(68,178,118);
mörkblå 	rgb(32,44,84);
ljusgul 	rgb(232,226,38);
ljusbrun 	rgb(246,223,140);
orange 		rgb(237,108,5);
*/

#nim_index.su_main #su_mamaname,
#nim_index.su_main #su_papaname {
		display:none;
}
#nim_index.su_main .index_mother_menu{
	/*background: rgb(32,44,84); mörkblå som försvann */
	background: rgb(68,178,118);
}
#nim_index.su_main .index_father_menu{
	background: rgb(237,108,5); /* orange */
}
#nim_index.su_main .index_mother_menu,
#nim_index.su_main .index_father_menu{
	color:white;
	width: 100%;
	margin: 0;
	text-align: left;
	height:50%;
	padding:8%;
	display: flex;
	flex-direction: row;
	font-size: 5vw;
	align-items: center;
	font-weight: 600;
}
#nim_index.su_main .index_mother_menu:before,
#nim_index.su_main .index_father_menu:before{ /* med vh kan denna användas !*/
	font-family: 'Material Icons';
	content: 'arrow_forward';
	position: relative;
	/*top:5px;*/
	font-size: 5vw;
}

/* kanske ingen stängknapp */
#nim_index.su_main .su_close_popup_cmd{
	display:none;
}
/* 1.2 Innemenyer */
/* 1.2.1 Forskning su_84 */


#su_papaname{
	color:rgb(232,226,38);
}
#su_mamaname{
	color:rgb(232,226,38);
}
#nim_indexpages .nim_goto_cmd{
	color: white;
}

#su_papaname,
#su_mamaname,
#nim_indexpages .nim_goto_cmd{	
	font-weight: 600;
	text-align: left;
	padding: 1vh 20px;
}

/* layout sidor */
/* STORBILD */
.su_page_title{
	text-transform: none;
	text-align: left;
	padding-left: 20px;
	font-size: 6vw;
	min-height:20vh; /* query */
	/*background:rgba(33,33,33,0.5);*/
	padding-top: 20px;
	text-transform: none;
z-index: 100;

}


/* en annan variant */
.nim_cardimg {
	overflow: hidden;
}
.nim_cardimg img {
/*top: calc(100% - 346px);*/
left: 0;
position: absolute;
z-index: 99;
width: 100%;
height: auto;
bottom:0;

}
/* pricklista */
.su_pricklista{
	
}

.su_pricklista:before {
	content:"..................................";
 	letter-spacing: 2vw;
 	line-height:2;

	font-size: 36px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
  overflow: hidden;
  margin-top:-0.7em;
}
.su_pricklista.su_green{
	color:green;
	
}
.su_pricklista.su_blue{
	color:blue;
	
}
.su_pricklista.su_red{
	color:blue;
}

/* MALLAR 

ljusgrön 	rgb(68,178,118);
mörkblå 	rgb(32,44,84);
ljusgul 	rgb(232,226,38);
ljusbrun 	rgb(246,223,140);
orange 		rgb(237,108,5);

*/
#page-standard.nim_body {
    color: rgb(29,29,29); 
	background: rgb(246,223,140) no-repeat center center fixed;
    transition: 1s;
    /* speca vilken sorts transition så det inte blir knas*/
    /*
    -webkit-transition-property: width; 
  	-webkit-transition-duration: 2s; 
  	transition-property: width;
  	transition-duration: 2s;
  	*/
}
#page-standard.nim_body .su_page_title{
	color:rgb(237,108,5);
	transition: 1s;	
}

#page-white.nim_body { /*om utvald bild - vit text annars svart*/
    color: rgb(29,29,29);
	background: #FFFFFF no-repeat center center fixed;
    transition: 1s;
}
#page-white.nim_body .su_page_title{
	color: rgb(29,29,29);
	transition: 1s;	
}
#page-white.nim_body .su_page_title{
    color: rgb(29,29,29); 
	transition: 1s;	
}

#page-grass.nim_body {
    color: white; 
	background: rgb(68,178,118) url('../web-images/grass-midi.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    background-size: cover;
    /*transition: 1s; */
}
#page-grass .nim_icon_menu:before,
#page-green .nim_icon_menu:before{
	color:white;
}
#page-green.nim_body {
    color: white; 
	background: rgb(68,178,118) no-repeat center center fixed;
    transition: 1s;
}
#page-grass.nim_body .su_page_title,
#page-green.nim_body .su_page_title{
	color: rgb(232,226,38);
	transition: 1s;
}

#page-standard.su_featured_image.nim_body .su_page_title,
#page-green.su_featured_image.nim_body .su_page_title,
#page-white.su_featured_image.nim_body .su_page_title{
	color:white;
	transition: 1s;	
}

/* SPECIALSIDA*/
.su_specialmeny{
	margin-left:15vw;
}
.su_specialmeny .nim_goto_cmd{
	color:white;
	font-weight: 600;
	padding:1vh 20px;
}
.su_specialmeny .nim_goto_cmd:before{
	font-family: 'Material Icons';
	content: 'arrow_forward';
	color:white;
	vertical-align: middle;
}



.heppo{
	height:50%;
	background: rgb(237,108,5);
}
.heppo img{
	
}
#nim_index.su_main .index_father_menu,
#nim_index.su_main .index_mother_menu{
	height:25%;
}
/* utomhusguide textfärger */

/* walk&talk */
.su_indigo {
  color: #00416A;
}
/* utemöte */
.su_purple {
  color: #66009F;
}
/* utekontor */
.su_gold {
  color: #AE8913;
}
/* ute&läs */
.su_darkgreen {
  color: #013220;
}
/* tankegång */
.su_persianorange {
  color: #D983BD;
}
/* ut&lär */
.su_lightblue {
  color: #73B9FF;
}
/* poput */
.su_bluegreen {
  color: #00DDDD;
}
/* hit&dit */
.su_redorange {
  color: #FF4A26;
}
/* utepaus */
.su_lightgreenblue {
  color: #5BC86E;
}

/* forskningsguide klasser */

/* forskningspricklista */
.su_cadmiumorange {
  color: #ED6C05;
}
/* slags fotonot */
.note {
  font-size: 0.8em;
}
/* tacklista högerställd tackar-tackar */
.tack {

}

@media only screen and (min-width: 800px){
	.nim_cardimg img {
		border-radius: 0;
	}
}

@media only screen and (max-width: 480px) {
/* your CSS here */
*{
	background_nope: pink;
}
}

/* trassel med start */
#nim_index.su_main #nim_staticlinks{
	height:100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 102;
	top: 0;
	left: 0;
}

#nim_index.su_main #nim_staticlinks_nope,
.su_overlayopen{
	height:100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 102;
	top: 0;
	left: 0;
}

/* lite space på mobiler men inte om stor*/
@media only screen and (min-width: 800px){
	.nim_cardtext {
		padding-bottom: 0px;
	}
}
.nim_cardtext {
	padding-bottom: 40px;
}


/* vit hamburgare grön & grässida */
/* brutal test */
.su_page_title{
	min-height:5vh;
}
.su_featured_image .su_page_title{
	min-height:20vh;
}

/* su_logobox */
.su_logobox{
	background-color: white;
	text-align: right;
	color: black;
	padding: 10px;
	font-size: 70%;
}
.su_logobox_green{

	text-align: right;
	padding: 10px;
	font-size: 70%;
}