/* VUX - CALENDER - CSS - By: Consid AB ----------*/


/*--------------------------------------------------------------
OVERRITES NEW MODUL
------------------------------------------------------------- */

/*Event*/
.ubv-event-info .event-info-date:before {
    content: "";
    display: block;
    background: url("/images/18.68a67a5b181d178f2dbb9f/1657124261897/calendar-blue.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
/*
/images/18.30b8365c181b292c86b3b2/1656581670104/location-icon-blue.svg

*/
}

.ubv-event-info .event-info-starttime:before {
    content: "";
    display: block;
    background: url("/images/18.68a67a5b181d178f2dbb8b/1657123160145/time-blue.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

.ubv-event-info .event-info-place:before {
    content: "";
    display: block;
    background: url("/images/18.30b8365c181b292c86b3b2/1656581670104/location-icon-blue.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}


.ubv-event-info-box {
   display: flex;
   gap: 1rem;
}

.udv-event ul {
   position: relative;
   height: 33.875em;
}

@media (max-width: 767px) {
  .udv-event ul  {
     height: unset;
  }
   
  .ubv-event-info-box {
   display: grid;
   gap: 1rem;
}
   
}

.udv-event ul li {
   position: relative;
   text-decoration: none;
   border-radius: 0.625rem 0.625rem 0 0;
}

.udv-event .udv-event__information {
   background-color: #fff;
	border-top-right-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;   
}

.udv-event .udv-event__info-container {
   padding: 1.6em;
}

.udv-event .udv-event__information a {
   text-decoration: none;
}

.udv-event .udv-event__information a:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border-radius: 0.625rem 0.625rem 0.625rem 0;
}

.udv-event .udv-event__information a:hover {
   text-decoration: underline;
}

.udv-event ul li:first-child {
   width: 48.5%;
   height: 33.875em;
   float: left;
   margin-right: 2.75%;
}

@media (max-width: 767px) {
  .udv-event ul li:first-child  {
     width: 100%;
     height: unset;
  }
}

.udv-event ul li:first-child .udv-event__information {
   height: 85%;
	border-bottom-left-radius: 0.625rem;
}

/*
.udv-event ul li:first-child .udv-event__information span {
   font-size: 1.25rem;
}*/

.udv-event .udv-event__information span {
	display: block;
   font-size: 1rem;
}

.udv-event .udv-event__information span:last-child {
   margin-top: 0.5em;
}

.udv-event .udv-event__information span:last-child:before {
   background: url('/images/18.30b8365c181b292c86b3b5/1656581704533/location-icon-black.svg');
   margin-right: 0.625rem;
    width: 15px;
    content: "";
    height: 20px;
    position: relative;
    background-size: 15px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    bottom: -4px;
}

.udv-event ul li:first-child .udv-event__information a {
   font-family: "Overpass", sans-serif;
   font-size: 1.75rem;
   color: var(--env-block-secondary-font-color);
}

.udv-event ul li:not(:first-child) {
   display: flex;
   height: 30.5%;
   width: 48.5%;
}

.udv-event ul li:not(:first-child) .udv-event__date .sv-font-ingress {
	font-size:5rem;
   font-weight: 700;
	margin-bottom: -1.5rem;
}


.udv-event ul li:not(:first-child) .udv-event__information {
   width: 75%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-left: 0;
}


.udv-event ul li:not(:first-child) .udv-event__information span {
   margin-bottom: 0.625rem;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.udv-event ul li:not(:first-child) .udv-event__information .sv-font-ingress:nth-of-type(1) {
   display: none !important;
}

.udv-event ul li:not(:first-child) .udv-event__information span:not(:first-of-type) {
    display: none;
}

.udv-event ul li:not(:first-child) .udv-event__information span:last-of-type {
    display: block;
}

.udv-event ul li:not(:first-child) .udv-event__information a {
   font-family: "Overpass", sans-serif;
	font-size: 1.75rem;
	line-height: inherit;
   color: var(--env-block-secondary-font-color);
   display: -webkit-box;
   -webkit-line-clamp: 1;
	-webkit-box-orient: inherit;
   overflow: hidden;
}

@media (min-width: 768px) {
	.udv-event ul li:not(:first-child) .udv-event__information a {
   	/*font-size: 1.75rem;*/
	}
}

@media (max-width: 767px) {
	.udv-event ul li:not(:first-child) .udv-event__information a {
   	font-size: 1.3rem;
      display: -webkit-box;
   	-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
   }

   .udv-event ul li:not(:first-child) {
      display: flex;
      height: 31%;
      width: 100%;
   }

   .udv-event ul li:not(:first-child) .udv-event__date .normal {
      font-size:1.2rem;
      margin-top: 1.3rem;
   }

}

.udv-event__date {
   display: block;
   text-align: center;
}

.udv-event ul li:first-child .udv-event__date {
   border-top-right-radius: 0.625rem;
   border-top-left-radius: 0.625rem;
   height: 13%;
   display: flex;
   align-items: center;
   padding-top: 0.25rem;
}

.udv-event ul li:first-child .udv-event__date time:first-child {
   margin-left: 1em;
   font-size:1.5rem;
}

.udv-event ul li:not(:first-child) .udv-event__date {
   border-top-left-radius: 0.625rem;
   border-bottom-left-radius: 0.625rem;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 25%;
   font-size: 1.02rem;
}

.udv-event ul li:not(:first-child) .udv-event__date time:nth-child(1) {
   display: none;
}

@media (max-width: 1190px) {

	.udv-event ul li:not(:first-child) .udv-event__date{
		font-size: 0.66rem;
	}

}

@media (max-width: 767px) {
  .udv-event ul li:not(:first-child) .udv-event__date {
    height: unset;
	 width: 35%;
  }

   .udv-event ul li:not(:first-child) .udv-event__date {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
   }   

   .udv-event ul li:not(:first-child) .udv-event__date .sv-font-ingress {
      font-size:5rem;
      font-weight: 700;
      /*margin-bottom: -1.5rem;*/
      margin-top: 1.5rem;
   }   

   .udv-event__date time {
      font-size: 1.5em;
      font-family: "Overpass", sans-serif;
      text-transform: capitalize;
      margin: 0 0.25em;
      display: inline-block;
   }   
  .udv-event ul li:first-child .udv-event__date, .udv-event ul li:not(:first-child) .udv-event__date {
    padding: 1rem 0 0.6rem 0;
}



}

.udv-event__date time {
   font-size: 1.5em;
   font-family: "Overpass", sans-serif;
   text-transform: capitalize;
   margin: 0 0.25em;
   display: inline-block;
}

.udv-event__date .udv-event__date time:first-child {
   font-size: 5rem;
   font-weight: 700;
   margin: 1rem 0rem 0rem 0rem;
}

.udv-event__date time:last-child:first-letter {
   text-transform: uppercase;
}

.udv-event .env-button {
   margin-top:2rem;
}

/* Kalender Page */

/* Detta gör att pilen inte ligger längst ner i höger hörn. 
.udv-newslisting .udv-newslist{
	position: relative;
} */
.udv-calenderlisting .subheading {
   margin: -0.2rem 0rem 0.6rem 0rem !important;
}

.udv-newslisting .udv-newslist__content time:before{
	content: '';
/*   background: url('');*/
}


.udv-newslisting .udv-newslist__content>span{
	display: block;
}


.udv-newslisting .udv-newslist__content h2{

    display: block;
}

.utv-event__date{
	background-color: #0060A8;
	color: #fff;
	padding: 0.4rem 0.5rem;
	display: inline-flex;
	flex-direction: column;
	position: absolute;
   width:3.7rem;
    top: -0.6rem;
    right: 0.9rem;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: -1px 7px 14px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow: -1px 7px 14px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: -1px 7px 14px 0px rgba(0,0,0,0.30);
}

.udv-event-tab__image {
   position: absolute;
   top: 0rem;
   right: 4.7rem;
}

.utv-event__date time {
    color: #fff!important;
    margin-bottom: 0!important;
	align-self: center;
}

.utv-event__date .sv-font-ingress{
	font-size: 2.1rem;
    font-weight: 600!important;
    margin-bottom: -0.2rem!important;
}

.utv-event__date .normal{
	font-size: 0.8rem;
}


.ubv-event__time{
	display: flex;
	margin-bottom: -0.5rem;
}

.ubv-event__time img {
	margin: 0rem 0.4rem 0.8rem 0rem
}

.udv-event__place img {
	margin: 0rem 0.4rem 0.8rem 0.15rem
}


.udv-event__place {
   display: flex;
}

.ubv-event__time time{
	padding-right: 0.2rem
}