/************************************************
	Sök
************************************************/
input.dvz-program-search-box-input {
   width: 100%;
   font-size: 24px;
   padding: 14px;
   border: 2px solid black;
   border-radius: 8px;
   padding-left: 64px; 
}

div.dvz-program-search-box::before {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b4e1b/search_24dp.svg');
   height: 40px;
   width: 40px;
   display: block;
   position: absolute;
   margin-left: 16px;
   margin-top: 8px;
}

div.dvz-program-filter {
   display: flex;
   gap: 32px;
   margin-top: 32px;
}

div.dvz-program-filter > div {
   width: 100%;
   position: relative;
}

.sr-only {
   position: absolute;
   overflow: hidden;
   width: 0px;
   height: 0px;
}


div.dvz-program-filter > div > select {
	width: 100%;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   padding: 12px 0px 12px 24px;
   border-radius: 8px;
   border: 2px solid black;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

div.dvz-program-filter > div::before {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b4e5b/arrow_down_ios.svg');
   height: 24px;
   width: 24px;
   display: block;
   position: absolute;
   right: 10px;
   top: 12px;
   pointer-events: none;
}


div.dvz-program-close-mobile-filter {
   width: 100%;
   height: 40px;
   display: none;
}
button.dvz-program-close-mobile-filter-button {
   display: none;
   background: none;
   color: inherit;
   border: none;
   outline: inherit;
   margin-top: 24px;
   font-size: 16px;
   font-style: normal;
   font-weight: 800;
}
button.dvz-program-close-mobile-filter-button::after {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b59a8/close.svg');
   height: 24px;
   width: 24px;
   display: block;
}


@media (max-width: 900px) {
   input.dvz-play-schedule-search {
      width: 100%;
   }
}

@media (max-width: 700px) {
   div.dvz-program-filter {
      display: none;
   }
   
   div.dvz-program-filter-mobil {
      display: block;
   }
   div.dvz-program-filter > div > select {
      margin-bottom: 16px;
   }

   div.dvz-program-close-mobile-filter {
      display: block;
   }
   
   button.dvz-program-close-mobile-filter-button {
      display: flex;
      gap: 10px;
      float: right;
   }
   
}








/************************************************
	Lista
************************************************/
ol.dvz-program-schedule-list {
	list-style-type: none;
   border-left: 1px solid black;
   border-right: 1px solid black;
   padding-left: 0px;
   margin-top: 64px;
}

li.dvz-program-schedule-list-element {
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: -1px;
   padding: 32px;
   display: flex;
   justify-content: space-between;
   align-items: baseline;
}

li.dvz-program-schedule-list-element:first-child {
   border-top: 1px solid black;
}

div.dvz-program-schedule-list-element-info-top {
   font-size: 28px;
   font-style: italic;
   font-weight: 800;
   line-height: 120%;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-underline-position: from-font;
   text-transform: uppercase;
}

div.dvz-program-schedule-list-element-info-bottom {
   display: flex;
   gap: 32px;
   margin-top: 16px;
}

div.dvz-program-schedule-list-element-tags {
   gap: 16px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
}


@media (max-width: 700px) {
	ol.dvz-program-schedule-list {
   	margin-top: 32px;
   }
}
   
@media (max-width: 920px) {
   li.dvz-program-schedule-list-element {
      display: block;
   }
   
   div.dvz-program-schedule-list-element-tags {
      justify-content: flex-start;
      padding-top: 16px;
   }
}



div.dvz-program-schedule-list-element-tags > div {
   padding: 4px 16px;
   background-color: #FFE796;
   border-radius: 10px;
}

div.dvz-program-schedule-list-element-info-bottom > div {
   display: flex;
   align-items: center;
   gap: 8px;
}
   
div.dvz-program-schedule-list-element-info-bottom > div:nth-child(1)::before {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b3ac4/calendar_month.svg');
   height: 24px;
   width: 24px;
   display: block;
}

div.dvz-program-schedule-list-element-info-bottom > div:nth-child(1) {
   text-transform: uppercase; 
}

div.dvz-program-schedule-list-element-info-bottom > div:nth-child(2)::before {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b3ac3/schedule.svg');
   height: 24px;
   width: 24px;
   display: block;
}

div.dvz-program-schedule-list-element-info-bottom > div:nth-child(3)::before {
   content: "";
   background-image: url('/images/18.bad378919e3ac3332b3ac2/location_on.svg');
   height: 24px;
   width: 24px;
   display: block;
}

div.dvz-program-schedule-list-element-info-bottom > div:nth-child(3) {
   font-weight: 600;
   text-decoration: underline;
}