/*------------------------------------------------------
Facetterad sökmodul skriver över viss css på knappar och vissa andra element. 
Därför är detta en lokal fix för att återställa utseendet. 
-------------------------------------------------------*/
.udv-search__search-button {
   color: white !important;
}

.udv-footer ul li a {
    color: white;
}


/*--------------------------------------------------------
FILTRERING
------------------------------------------------------- */

.udv-event-listing .udv-event-calender-filters {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.udv-event-listing .udv-event-calender-filters li {
   display: inline;
}

.udv-event-listing .udv-event-calender-filters li a,
.udv-event-listing .udv-event-calender-filters li span {
   list-style: none;
   text-align: center;
   border: 1px solid #0060a8;
   background: #fff;
   margin-right: 1.25em;
   margin-bottom: 1.25em;
   padding: 0.5em 1em;
   border-radius: 25px;
   display: inline-block;
   text-decoration: none;
   color: #0060a8;
   transition: all 0.15s ease-in-out;
   font-size: 1.05em;
   font-family: 'Open Sans', sans-serif;
   font-weight: 500;
   position: relative;
}

.udv-event-listing .udv-event-calender-filters .udv-event-listing__facet-item span {
   background: #EEEDED;
   color: #A4A1A1;
   border-color: #EEEDED;
}

.udv-event-listing .udv-event-calender-filters .udv-event-listing__facet-item a {
   background: #023870;
   color: white;
   padding-right: 2.25em;
}

.udv-event-listing .udv-event-calender-filters .udv-event-listing__facet-item.udv-search-facet-item-selected a:after {
   content: "\2715";
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   color: white;
   font-size: 1.125em;
   padding-right: 0.75em;
   padding-left: 0.5em;
   position: absolute;
   top: 8px;
   right: 0;
}

.udv-event-listing .udv-event-calender-filters li a:hover {
   background: #023870;
   color: white;
}

@media screen and (max-width: 900px) {

   .udv-event-listing .udv-event-calender-filters li a, .udv-event-listing .udv-event-calender-filters li span {
      margin-right: 1.5em;
      font-size: 1em;
   }

}


@media screen and (max-width: 767px) {

   .udv-event-listing .udv-event-calender-filters li a, .udv-event-listing .udv-event-calender-filters li span {
      margin-right: 0.5em;
      font-size: 0.9em;
      margin-bottom: 0.6em;
   }

}


/*--------------------------------------------------------
SÖKRESULTAT
------------------------------------------------------- */

.udv-event-calendar-list ul {
   list-style-type: none;
   padding: 0;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   flex-wrap: wrap;
}

.udv-event-calendar-list ul li {
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   padding: 2.5em;
   width: 100%;
   margin-left: -2em;
}

.udv-event-list-item__content {
	background-color: #fff;
   border-radius: .675rem;
	padding-bottom: 1em;
}

/*
.udv-event-calendar-list ul li .udv-event-list-item__content {
   font-size: 1.05em;
}
*/

.udv-event-item-content__desc {
 	padding-bottom: 4px;  
}


.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item-content__desc {
  overflow: hidden;
  position: relative;
  line-height: 1.6;
/*  text-align: justify;*/
   text-align: left;
  margin-right: -16px;
  /*padding-right: 16px; */
  width: 100%;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item-content__desc:after {
  content: '...';
   display: inline-block;
   position: relative;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-calendar__featured-image {
   position: relative;
   height: unset;
}

.udv-event-calendar-list ul li .udv-event-list-item__content img {
   width: 100%;
   object-fit: contain;
   height: auto;
   border-radius: .625rem .625rem 0 0;
   transition: transform .85s ease;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-calendar__featured-image .udv-event-calendar__status {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%);
   width: 80%;
   text-align: center;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-calendar__featured-image .udv-event-calendar__status .udv-event-status--banner {
   color: #023870;
   font-size: 2em;
   font-weight: bold;
   vertical-align: middle;
   font-family: 'Open Sans', sans-serif;

   background: rgba(255, 255, 255, 0.85);
   padding-top: 1em;
   padding-bottom: 1em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .udv-event-calendar-list ul li {
      width: 50%;
      padding: 1em;
   }

   .udv-event-calendar-list ul {
      margin: 0 -1em;
   }

}

.udv-event-calendar-list ul li .udv-event-list-item__content h2 {
   font-size: 1.25em; 
   margin-left: -8px;
}

.udv-event-list-item__content h2, p {
   display: block!important;
 	/*padding: 0 2em;  */
}

.udv-event-calendar-list ul li .udv-event-list-item__content h2 a {
   text-decoration: none;
   color: #0060a8;
   font-weight: 900;
}

.udv-event-calendar-list ul li .udv-event-list-item__content h2 a:hover {
   text-decoration: underline;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content i {
   margin-right: 0.25em;
}


.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content {
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   flex-wrap: wrap;
}

.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__date,
.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__time, 
.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__price, 
.udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__location {
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   width: 50%;
   padding-right: 10px;
}

@media screen and (max-width: 1024px) {
   .udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__date,
   .udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__time, 
   .udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__price, 
   .udv-event-calendar-list ul li .udv-event-list-item__content .udv-event-item__content .udv-event-item__location {
      width: 100%;
   }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
   .udv-event-calendar-list ul li {
      width: 50%;
      padding: 1.5em;
   }

   .udv-event-calendar-list ul {
      margin: 0 -1.5em;
   }
}

@media screen and (min-width: 1024px) {
   .udv-event-calendar-list ul li {
      width: 33.33%;
   }
}

/*--------------------------------------------------------
DÖLJER SEARCH BOX
------------------------------------------------------- */

.udv-search__box--display-none input,
.udv-event-listing p{
   display: none;
}


/*--------------------------------------------------------
PAGINATION
------------------------------------------------------- */
/*
.pagination{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
   justify-content: center;
	margin-top: 1.6rem;
   align-items: center;

}


.pagination a, .pagination span {
	display: block;
	float: left;
	padding: .5em 0.8em .3em 0.8em;
	margin-right: 1rem;
	margin-bottom: 5px;
	text-align: center;
	min-width: 2.75rem;
	border-radius: 2em;
}

.pagination a {
    text-decoration: none;
    border: 1px solid #003871;
    color: #003871;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .current {
    background: none repeat scroll 0 0 #003871;
    border: 1px solid #003871;
    font-weight: 700;
    color: #fff;
}
*/
.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
    gap: 1em;
    font-size: 1.2em;
 }

.pagination span,
 .pagination a {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
     border-color: #003871 !important;
     border-radius: 25px !important;
     padding: .3em .9em !important;
    
 }

.pagination a {
  color: #003871 !important;
 }

/* Föregående knappen */
 .pagination .current.prev {
    border-color: unset !important;
 }

/* Nästa knappen */
 .pagination .current.next, .pagination .current.prev {
     border: 1px solid #ededed !important;
 }
 
 /* Nästa knappen & Föregående knappen */
 .pagination .next,
 .pagination .current.prev,
 .pagination .prev{
    padding: 0.3em 0.7em !important;
    border-radius: 25px !important;
 }
 
  /* Den här regeln påverkar alla a och .current element förutom den första och sista */
  .pagination > a:not(:first-child):not(:last-child),
  .pagination > .current:not(:first-child):not(:last-child) {
      width: 40px;
      height: 40px;
     border-radius: 25px;
  }
 
 .pagination .current:not(:first-child) {
   border: 1px solid #003871;
    background-color: #003871;
    font-weight: 700;
    color: white;
 }
@media (max-width: 634px) {
	
	.pagination{
		display: flex;
   	justify-content: space-evenly;
		align-items: center;
      gap: unset;
	   font-size: 0.9em;
   }
	
	.pagination span,
   .pagination a {
       display: flex !important;
       justify-content: center !important;
       align-items: center !important;
      float: unset !important;
      margin-top: unset !important;
      margin-right: unset !important;
      min-width: unset !important;
      padding: unset !important;
      text-align: unset !important;
     padding: .3em .7em !important;      
   }

	/* Föregående knappen */
   .pagination .current.prev {
      
   }
   
   /* Nästaknappen när sista sidan laddats */
   .pagination .current.next, .pagination .current.prev {
       background-color: #fff !important;
       border: 1px solid #ededed !important;
       color: #ccc !important;
   }
	/* Nästa knappen */
   .pagination .next {
     
   }
   
   /* Nästa knappen & Föregående knappen */
   .pagination .next,
   .pagination .current.prev,
   .pagination .prev{
      padding: 0.3em 0.7em !important;
      border-radius: 20px !important;
   }
   
    /* Den här regeln påverkar alla a och .current element förutom den första och sista */
    .pagination > a:not(:first-child):not(:last-child),
    .pagination > .current:not(:first-child):not(:last-child) {
        width: 35px;
        height: 35px;
    }
   
   .pagination .current:not(:first-child) {
	   border: 1px solid #003871;
    	font-weight: 700;
    	color: white;
   }
}


/*--------------------------------------------------------
LIST LINK
------------------------------------------------------- */

.udv-event-calendar__list-item {
   position: relative;
}

.udv-event-calendar__list-item .listLink {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;   
}

.udv-event-calendar__list-item .listLink:hover ~ .udv-event-list-item__content h2 a {
   text-decoration: underline;
}

/*--------------------------------------------------------
Added by Mark (Consid)
------------------------------------------------------- */

* {
    box-sizing: border-box;
}

/* Newslisting with tags */
.udv-newswithtags li article {
    border-radius: 0 0 .625rem .625rem;

    .env-p-around--xx-small {
        padding: 1.4rem 2.5rem 1.6rem 2.5rem !important;
    }

}

.udv-newswithtags form select {
    font-size: larger; 
    margin-bottom: 20px;    
    padding-left: 10px;
    width: 300px;
    height: 40px;
    appearance: none; /*remove default styling*/
    -webkit-appearance: none;
    -moz-appearance: none;   
    background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB3aWR0aD0iMTciIAogIGhlaWdodD0iMTAiIAogIHZpZXdCb3g9IjAgMCAxNSA4IiAKICBmaWxsPSJub25lIiAKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgPgoKPHBhdGggZD0iTTcuMjExMzUgNy44NzVDNi45MDM4MSA3Ljg3NSA2LjU5NjEyIDcuNzY1MTQgNi4zNjE3NCA3LjU0NTQxTDAuMzUyMTI2IDEuOTIwNDFDLTAuMTE3Mzc1IDEuNDgwOTYgLTAuMTE3Mzc1IDAuNzY5MDQzIDAuMzUyMTI2IDAuMzI5NTlDMC44MjE2MjcgLTAuMTA5ODYzIDEuNTgyMjIgLTAuMTA5ODYzIDIuMDUxNzIgMC4zMjk1OUw3LjIxMTM1IDUuMTYwOTRMMTIuMzcyMSAwLjMzMDQ2OUMxMi44NDE2IC0wLjEwODk4NSAxMy42MDIyIC0wLjEwODk4NSAxNC4wNzE3IDAuMzMwNDY5QzE0LjU0MTIgMC43Njk5MjIgMTQuNTQxMiAxLjQ4MTg0IDE0LjA3MTcgMS45MjEyOUw4LjA2MjA5IDcuNTQ2MjlDNy44MjczNCA3Ljc2NjAyIDcuNTE5MzQgNy44NzUgNy4yMTEzNSA3Ljg3NVoiIGZpbGw9IiMwMDYwQTgiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position-x: 95%; /* flytta pilen 5% ifrån högra sidan */
    background-position-y: center;
    border-radius: 0.5em;
    border: 1px solid #7C7C7C;
}

.udv-newswithtags .env-badge {
   font-weight: 400;
}