/* KATRINEHOLMS KOMMUN - LÄRARKNUTEN - STARTPAGE CSS - By: Consid AB -*/


/* PUFFBOX WRAPPER START ------------------------------------------*/

.kmh-startpage__buttons--wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
}

.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button {
   -webkit-box-flex: 1!important;
   		  -ms-flex: 1 1 39%!important;
   				flex: 1 1 39%!important;
   -ms-flex-preferred-size: calc(39% - 3em)!important;
   				 flex-basis: calc(42% - 3em)!important;
    margin: 0 3em 2.7em 0;
   max-width: calc(43% - 3em);
   background-color: #e30613;
   padding: 1em 5em 1em 1em;
	position: relative;

}

.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(2),
.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(4),
.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(6),
.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:last-child {
   margin: 0 0 2.7em 0;
}

.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button i {
	color: #ffffff;
	font-size: 1.7em;
	position: absolute;
	right: 1em;
	top: 0.8em;
}

.kmh-startpage__buttons--button:hover a{
	text-decoration: underline;
}

@media screen and (max-width: 1200px) {
   
   .kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button  {
	   max-width: calc(39% - 3em);
   }      
}

@media screen and (max-width: 900px) {
   
   .kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button  {
	   max-width: calc(100%);
	   margin: 0 0 3em 0;
	   flex-basis: calc(100% - 3em)!important;
   }
   
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(2),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(4),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(6),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:last-child {
	   margin: 0 0 2.7em 0;
	}
      
}

@media all and (max-width: 767px) {
   
   .kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button  {
	   max-width: calc(100%);
	   margin: 0 0 3em 0;
	   flex-basis: calc(100% - 3em)!important;
   }
   
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(2),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(4),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:nth-of-type(6),
	.kmh-startpage__buttons--wrapper .kmh-startpage__buttons--button:last-child {
	   margin: 0 0 2.7em 0;
	}
      
}

.khm-quicklinks--mobile li {
   width: 100%;
   background: rgb(227, 6, 19)
}

/* PUFFBOX WRAPPER END --------------------------------------------*/

/* E-SERVICES MENU START ------------------------------------------*/

.khm-menu-e-services li {
   display: block;
}

.khm-menu-e-services__title {
   padding: 0.5em 0.75em 0.75em;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.khm-menu-e-services__title h2 {
   color: #fff;
   margin: 0;
}

.khm-menu-e-services__title i {
   color: #fff;
   font-size: 1.25em;
}

.khm-menu-e-services__item {
   padding: 0.65em 1em;
    border-bottom: 1px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.khm-menu-e-services__item a {
   color: #3b3b3b!important;
    text-decoration: none!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.khm-menu-e-services__item a.khm-menu-e-services__item--ext  {
   color: #e30613!important;
}

.khm-menu-e-services__item:hover a,
.khm-menu-e-services__item a:hover,
.khm-menu-e-services__item a:focus {
   text-decoration: underline!important;
}

.khm-menu-e-services__item i {
   margin: 0 0 0 0.5em;
}

/* E-SERVICES MENU END --------------------------------------------*/

/* EXTERNAL E-SERVICES MENU START ---------------------------------*/

.khm-menu-external-e-services {
   padding: 0;
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 0em -1.5em 0 -1em;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.khm-menu-external-e-services li {
   width: calc(33% - 2em );
   padding: 1.2em .75em 0 0.75em!Important;
   display: -webkit-box!Important;
   display: -ms-flexbox!Important;
   display: flex!Important;
   box-sizing: border-box;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 220px!Important; 
   max-height: 220px!Important; 
   overflow: hidden;
   margin:0 1em 2em;
   float: left!important;
   text-align: center;
}

.khm-menu-external-e-services__img {
	height: 3em;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 6.7em;
	width: auto!Important;
	/*min-height: fit-content;*/
	margin-bottom: 1em;
}

.khm-menu-external-e-services__img img {
   width: 100%;
}

.khm-menu-external-e-services .subheading {
   margin: 0 0 0.5em;
   font-size: 1.25em;
}

.khm-menu-external-e-services__tags--tag:after {
   margin: 0 0 0 -1.5%;
   content: ', ';
}

.khm-menu-external-e-services__tags--tag:last-of-type:after {
   content: ' ';
}


@media all and (max-width: 900px) {
   .khm-menu-external-e-services li {
      width: 100%!important;
      margin: 0 0 1em!important;
   }
}

/* EXTERNAL E-SERVICES MENU END -----------------------------------*/

/* INFORMATION NEWS START -----------------------------------------*/

.khm-lk-informationnews {
   padding: 1.3em;
   margin: 1em 0;
   background-color: #ffeae2;
}

.khm-lk-informationnews .katrineholm-news h3 {
   margin: 0;
   font-size: 1.3em;
}

.khm-lk-informationnews .katrineholm-news h3 a {
   color: #3b3b3b;
}

/* INFORMATION NEWS END -------------------------------------------*/