/* ARBETSFÖRMEDLINGEN PLAY - LIST MEDIA - CSS - By: Consid AB -----*/

/*--------------------------------------------------------
FILTER: Buttons
------------------------------------------------------- */

.publication-listing__facet-items {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	width: 100%;
	margin: 0;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 1.8em;
}

/* --- Filter buttons --- */

.publication-listing__facet-items .sv-search-facet-item {
	margin-right: 1rem;
	margin-bottom: 1rem !important;
	border-radius: 0.375rem;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.publication-listing__facet-items .sv-search-facet-item:last-child {
	margin-right: 0;
}

.publication-listing__facet-items .sv-search-facet-item a {
	text-decoration: none;
	color: #00005a;
	padding: 0.5rem 1.25rem;
	background-color: #fff;
	border-radius: 0.375rem;
	border: 1px solid #00005a;
	border-collapse: separate;
	font-size: 1rem;
	font-weight: 600;
	display: inline-block;
	line-height: normal;
}

.sv-search-facet-item-selected a:after {
	content: "\f181";
	font-size: 1em;
	font-family: "af-webfont-new";
	font-weight: 600;
	padding-left: 0.8rem;
	display: inline-block;
	color: #fff;
}

.sv-search-facet fieldset {
	border: 0;
	padding-right: 0;
	padding-left: 0;
}

.sv-search-facet fieldset legend {
	font-weight: 600;
	font-size: 1.3rem;
	display: block;
	text-align: center;
	padding-top: 1.8rem;
	width: 100%;
}

.publication-listing__facet-items .sv-search-facet-item .empty-facet {
	text-decoration: none;
	color: #eee;
	padding: 0.375em 1.25em;
	background-color: #ccc;
	border-radius: 1.25em;
	border: 1px solid #ccc;
	border-collapse: separate;
}

.publication-listing__facet-item:hover a,
.publication-listing__facet-items .sv-search-facet-item:hover a {
	text-decoration: underline;
	background: #f1f8fe;
	transition: all 0.3s ease;
}

.sv-search-facet-item-selected a {
	background-color: #00005a !important;
	color: #fff !important;
}

.sv-search-facet-item-selected:hover a {
	text-decoration: underline;
	text-decoration-color: #fff !important;
}


/*--------------------------------------------------------
FILTER: DROPDOWN FACETS 
------------------------------------------------------- */

.dropdown-facets.sv-search-facets {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 1rem;
}

.dropdown-facets.sv-search-facets > .sv-search-facet{
   margin-right: 0.75rem;
   margin-bottom: 0.5rem;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper {
   display: flex;
   justify-content: flex-start;
   position: relative;
   width: auto;
}

.dropdown-facets .env-dropdown {
   position: unset !important;
   width: auto !important;
   margin: 0 !important;
   background-color: #fff !important;
}

.env-dropdown__item {
   min-height: unset;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button {
   font-weight: 600;
   padding: 0.438rem 1rem;
   border: 1px solid #00005a;
   border-radius: 0.375rem;
   color: #00005A;
   background: transparent;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button.has-selected {
   background: #00005A ;
   color: #fff;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button:hover,
.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button:focus {
   background-color: #f1f8fe;
   color: #00005A;
   border-color: #00005A;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button.has-selected:hover,
.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button.has-selected:focus {
   background-color: #1616b2;
   color: #fff;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button.env-button i {
   margin-left: 0.5rem;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper button[aria-expanded='true'] i {
   transform: rotate(-180deg);
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu {
   margin: 0;
   margin-top: 0.5rem;
   border: 0;
   border-radius: 0.375rem;
   padding: 0;
   min-width: 250px;
   box-sizing: border-box;
   border: 1px solid #d1d1d1;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .env-dropdown.env-is-open .sv-search-facet-items.env-dropdown__menu {
   display: block;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item {
   padding: 0;
   width: inherit;
   display: flex;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:hover,
.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:focus {
   background-color: #f2f2f2 !important;
   text-decoration: none !important;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item a {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-grow: 1;
   font-size: 1rem;
   padding: 0.5rem 0.8rem;
   width: inherit;
   color: #00005A;
   text-decoration: none !important;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item a span {
   max-width: 190px;
   white-space: pre-wrap;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item a:hover {
   color: #1616b2;
   text-decoration: underline;
   text-underline-offset: 2px;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item a:before {
   content: "";
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #00005A;
   border-radius: 0.2rem;
   width: 18px;
   height: 16.5px;
   margin-right: 0.8rem;
   padding-top: 1.5px;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:first-child a,
.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:first-child {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:last-child a,
.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .env-dropdown__item:last-child {
   border-bottom-left-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .sv-search-facet-item-selected.env-dropdown__item a {
   background-color: transparent !important;
   color: #00005A !important;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .sv-search-facet-item-selected.env-dropdown__item a:before {
   background-color: #00005A;
   content: "\f133";
   font-family: 'af-webfont-new';
   font-size: 14px;
   color: #fff;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .sv-search-facet-item-selected.env-dropdown__item a:after {
   display: none !important;
}

.dropdown-facets.sv-search-facet.env-dropdown-wrapper .sv-search-facet-items.env-dropdown__menu .sv-search-facet-item-selected.env-dropdown__item a:hover:before {
   text-decoration: none !important;
   background-color: #fff;
   color: #00005A;
   content: "\f19a";
}

@media(max-width: 400px){
   .dropdown-facets.sv-search-facets > .sv-search-facet + .sv-search-facet .env-dropdown__menu {
      transform: translate3D(0px, 40px, 0px) !important;
   }
   .dropdown-facets .env-dropdown {
      position: unset !important;
   }
   .dropdown-facets.sv-search-facets .sv-search-facet-items.env-dropdown__menu {
      width: 100%;
      min-width: 300px;
      position: absolute;
   	left: 0;
   }
   .dropdown-facets.sv-search-facets .sv-search-facet-items.env-dropdown__menu .env-dropdown__item a {
      padding: 0.8rem;
   }
}


/*--------------------------------------------------------
LISTED POSTS
------------------------------------------------------- */

.publication-listing__result {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	padding: 0 !important;
	flex-direction: column;
	list-style: none;
   gap: 1.5rem;
}

.publication-listing__list-item {
   width: 100%;
	position: relative;
   background-color: #fff;
   box-sizing: border-box;
   border-radius: 0;
}

.publication-listing__facet-item:active {
	color: #fff;
	background-color: #005eb8;
	text-decoration: none;
}

.publication-listing__list-item p.normal:after {
	display: inline;
	content: "...";
}

.publication-listing__list-item .inner {
   display: flex;
   flex-direction: column;
   padding: 1rem 1.25rem 1.25rem 1.25rem;
   gap: 1rem;
}

.publication-listing__list-item a.usability--tab-focus {
	outline-offset: 0;
}

.publication-listing__list-item .podcast {
    background: #f4f4f4 !important;
    gap: 0.5rem;
}

.publication-listing__list-item .podcast h2 {
    font-size: 1.5rem;
}

.publication-listing__list-item h2,
.publication-listing__list-item h3 {
	margin: 0 !important;
	text-decoration: none;
   font-weight: 600;
	font-size: 1.25rem;
   line-height: 1.875rem;
	/* Om en gammal webbläsare inte stödjer hypens (ex IE9), körs word-wrap */
	word-wrap: break-word;
	overflow-wrap: break-word;
	-ms-hyphens: auto;
	-webkit-hypens: auto;
	-moz-hypens: auto;
	hyphens: auto;
}

.publication-listing__list-item h3 {
   padding-top: 0;
}

.publication-listing__list-item h2 a,
.publication-listing__list-item h3 a {
	color: #1616b2;
	display: block;
   font-weight: 600;
   line-height: 1.875rem;
}

.publication-listing__list-item h2 a:hover,
.publication-listing__list-item h3 a:hover {
	text-decoration: underline;
}

.publication-listing__list-item p.normal {
   margin: 0 !important;
}

.publication-listning__short-meta {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
}

.publication-listning__short-meta span {
   white-space: nowrap;
}

.publication-listing__list-item .icon-language__wrapper .icon-text {
   font-size: 0.875rem !important;
}

.publication-listing__list-item .podcast h2 {
    font-size: 1.5rem;
}

.publication-listing__list-item .icon-language__wrapper .icon-text:first-letter {
	text-transform: uppercase;
}

.publication-listing__media-length,
.publication-listing__published {
   font-weight: 600;
   font-size: 0.875rem;
	display: block;
}

.publication-listing__upcoming {
   font-weight: 600;
   font-size: 0.875rem;
   background-color:#9fd33c;
   color: #191919;
   width: fit-content;
   border-radius: 4px;
   padding: 2px 6px;
   
}

.sv-search-result-aktuellt .publication-listing__list-item a > p:last-child,
.sv-search-result-aktuellt .publication-listing__list-item .inner > p:last-child {
	padding: 0 1.5em 2em 1.5em;
}

.publication-listing__list-item > p:last-child {
	padding: 0 1.5em 2em 1.5em;
}

.publication-listing__featured-image__wrapper {
   aspect-ratio: 16/9;
   width: 100%;
   overflow: hidden;
   position: relative;
   background: #00005a url('http://arbetsformedlingen.se/images/18.4fb667a1169bfd2c0a6f64f/1557923472697/Thumbnail_nyhetslista.svg') no-repeat;
   background-size: 100%;
}

.publication-listing__featured-image {
   object-fit: cover;
   width: 100%;
   display: block;
}

.publication-listing__list-item p {
	text-decoration: none;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.5;
	flex: 1 1 auto !important;
}

.publication-listing__featured-broadcasttime {
	font-size: 0.875rem;
	margin-top: 0.8rem;
	font-weight: 400;
}

/* --- TEXT WRAPPER --- */

.publication-listing__text__wrapper h2,
.publication-listing__text__wrapper h3 {
   padding: 0 !important;
}


/*--- MEDIA QUERIES --- */

@media (min-width: 600px) {
   .publication-listing__result {
      flex-direction: row;
      flex-wrap: wrap;
   }
	.publication-listing__list-item {
		width: calc(50% - 0.75rem) !important;
	}
}


@media (min-width: 900px) {
	.publication-listing__list-item {
		width: calc((100% / 3) - 1rem) !important;
	}
}

@media (min-width: 1150px) {
	.publication-listing__list-item {
		width: calc((100% / 4) - 1.15rem) !important;
	}
}

@media (max-width: 767px) {
	.publication-listing__facet-items {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		padding-top: 1.3em;
		justify-content: center;
		margin-bottom: -1rem;
	}
	.publication-listing__facet-items .sv-search-facet-item {
		margin-right: 0;
	}
}

/*--------------------------------------------------------
STYLE
------------------------------------------------------- */

.afplay-grey-background {
	padding: 1em 0.5em 1.5em 0.5em;
	background: #eee;
	margin: 0.7em;
	height: 4em;
}

.afplay-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;
}

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

.afplay-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;
	font-weight: 300;
}

.coming-events--year {
	position: absolute;
	top: 0.9125em;
	margin: 6px 3px;
	font-weight: 300;
}

.afplay-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;
	font-weight: 300;
}

.coming-events--ikon {
	position: absolute;
	top: 3.5375em;
	left: 2px;
	background-position: left;
	background-repeat: no-repeat;
	height: 1em;
	width: 1em;
}

.afplay-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 65%;
	float: right;
	margin-right: 1em;
}

.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;
}

/*--------------------------------------------------------
HIDES SEARCHBOX START
------------------------------------------------------- */

.afplay-search__box--display-none input,
.publication-listing p {
	display: none;
}

/*--------------------------------------------------------
MONTHS
------------------------------------------------------- */

.coming-events--month-last {
	position: absolute;
	top: 0.8125em;
	margin: 6px 3px;
	text-transform: uppercase;
}

/*--------------------------------------------------------
HOVER EFFECT
------------------------------------------------------- */

.publication-listing__list-item .publication-listing__featured-image:after {
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

/*--------------------------------------------------------
STARTPAGE AKTUELLT
------------------------------------------------------- */

.sv-search-result-aktuellt {
	justify-content: start;
}

.sv-search-result-aktuellt .publication-listing__list-item {
	width: 30.3%;
	background-color: #fff;
	border-radius: 0;
}

.sv-search-result-aktuellt .publication-listing__featured-broadcasttime {
	color: #333;
	padding: 0 1.4rem 1.4rem 1.4rem;
	margin-top: 0;
}

.sv-search-result-aktuellt .publication-listing__featured-image {
	height: auto;
}

.sv-search-result-aktuellt .publication-listing__list-item h2,
.sv-search-result-aktuellt .publication-listing__list-item h3 {
	color: #333 !important;
	padding: 1.1rem 1.4rem 0;
}

.sv-search-result.podcasts .publication-listing__list-item h2,
.sv-search-result.podcasts .publication-listing__list-item h3 {
	padding-bottom: 0;
}

.sv-search-result.podcasts .publication-listing__list-item > p:last-child {
	padding-bottom: 1.7rem;
}
@media (min-width: 1150px) {
   .sv-search-result.podcasts-big .publication-listing__list-item {
  		width: calc((100% / 3) - 1rem) !important;
   }
}


/* --- STARTPAGE AKTUELLT - HOVER --- */

.publication-listing__list-item .publication-listing__featured-image__wrapper {
	position: relative;
}

.publication-listing__list-item .publication-listing__featured-image__wrapper:after {
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.mediatype-sida:hover .publication-listing__featured-image__wrapper:after {
	background-image: none !important;
}

/* --- STARTPAGE AKTUELLT - MEDIA QUERIES --- */

@media (max-width: 900px) {
	.sv-search-result-aktuellt .publication-listing__list-item {
		width: 47%;
	}
}

@media (max-width: 767px) {
	.sv-search-result-aktuellt .publication-listing__list-item {
		width: 100%;
	}
	.publication-listing__list-item .publication-listing__featured-image__wrapper {
		display: block;
	}
}

/*--------------------------------------------------------
SLIDER
------------------------------------------------------- */

.flickity-slider .publication-listing__featured-image {
	height: auto;
}

.flickity-slider .publication-listing__list-item {
	margin-bottom: 0;
}