/* LÄNSSTYRELSEN STARTSIDA CSS - By: Consid AB -----------------*/

/* UPCOMING EVENTS START ---------------------------------------*/

.coming-events__item {
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   padding-left: 1.2em;
   padding-right: 1.2em; 
}

.lst-adjust-size {
   width: 6.25em;
	position: relative;
   margin-right: 1em;
   float: left;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lst-adjust-size.with-border {
   width: 100%;
   border-bottom: 3px solid black;
	margin-bottom: 1.75em;
}

.lst-adjust-size.with-border .coming-events__month {
   text-transform: uppercase;
}

.coming-events__day {
	font-size: 2.6em;
	font-weight: bold;
	text-decoration:none;
	height: 2.8125em;
	line-height: 1;
}

.coming-events__month {
	font-size: 1.15em;
	margin-left: 6px;
	height: 2.875em;
	position: absolute;
    text-transform: uppercase;
}
.coming-events__year {
  position: absolute;
	top: 0.8125em;
	margin: 8px 3px;
}

.lst-border {
	height: 3px;
	background: black;
	width: 5.5em;
  position: absolute;
	top: 2.8125em;
	left: 2px;
}
.coming-events__result-time {
   position: absolute;
	top: 3.3125em;
   left: 2px;
	padding-left: 1.375em;
   color: #666;
}

.coming-events__icon {
	position: absolute;
	top: 3.4375em;
  left: 2px;
	background-image: url('/images/18.10adba9e1616f8edbc92a77/1518160766303/clock.svg');
	background-position: left;
	background-repeat: no-repeat;
	height: 1em;
}

.lst-text {
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   width: 65%;
   float: right;
   margin-right: 1em; 
}
.lst-text span {
   word-wrap: break-word;
   display: block;
   width: 100%;
}

.coming-events__item a{
	text-decoration: none !important;
	color: #333333 !important;
   width: 100%;
	margin-left: 0.4375em;
   display: block;
}

.coming-events__item:hover a{
   text-decoration: underline !important;
}

.coming-events__month-last {
   font-size: 1.15em;
   height: 2.875em;
   text-transform: uppercase;
   margin-left: 6px;
}

.coming-events__day-from, .coming-events__day-to {
   font-size: 18px;
   display: block;
}

span.coming-events__day.coming-events__day-from-to {
   width: auto;
}

.coming-events__day-from-to {
   width: 45px;
   margin-top: 3px;
   display: inline-block;
   height: auto;
}

/* UPCOMING EVENTS END -----------------------------------------*/

@media all and (max-width: 900px) {
	.lst-adjust-size {
   min-height: 4.6875em;
   height: auto;
}
.lst-adjust-size.with-border {
   min-height: auto;
   height: auto;
   margin-bottom: 3.125em;
}
   .lst-text {
   width: 85%;
}
}
@media all and (max-width: 480px) {
 .lst-text {
   width: 65%;
}
}
