:root {
    --color-primary-rgb: 0, 104, 98 !important;
    --color-primary: #a3195b !important;
    --color-primary-light-rgb: 252, 234, 241 !important;
    --color-primary-light: #fceaf1 !important;
    --color-secondary-rgb: 163, 25, 91 !important;
    --color-secondary: #a3195b !important;
}
   
.startpage__title {
    background-color: #eda500;
}

.vmkf__header-search-input, .vmkf__header-search-button, .vmkf-main-color, .vmkf__header-helper-icon {
	border-color: #a3195b;
	color: #a3195b;
}

/* --- Hamburgeknappen --- */
.vmkf__header-helper-text, .vmkf__header-menu-button-icon {
	color: #a3195b;
	border-color: #eda500;
}

.vmkf__header-hamburger-bar1, .vmkf__header-hamburger-bar2, .vmkf__header-hamburger-bar3, .vmkf__menu-content {
	background-color: #eda500;
}

.vmkf__header-menu-button.open>.vmkf__header-menu-button-icon>div {
	background-color: #eda500;
}

.vmkf__header-menu-button-icon.scrolled {
    background-color: #eda500;
}
/* --- Hamburgeknappen slut --- */

.startpage__subpage-title {
	color: #a3195b;
	margin-bottom: -10px;
}

.startpage__subpage-description {
    margin-top: 13px;
    letter-spacing: 1px;
}

.startpage__subpage-link {
    height: 100%;
    padding: 8px 36px!important;
}
.startpage__subpage-link:focus, .startpage__subpage-link:hover {
    background-color: #a3195b;
}

.vmkf-h2 {
    color: #a3195b;
}

/* --- Knappar --- */
/* --- Knappar --- */
.vmkf-button--inverted.sv-text-portlet p a, 
.vmkf-button--inverted:not(.sv-text-portlet) {
    color: #a3195b;
    border-color: #a3195b;
    background-color: #fff;
}

.vmkf-button--inverted.sv-text-portlet p a:focus, 
.vmkf-button--inverted.sv-text-portlet p a:hover, 
.vmkf-button--inverted:not(.sv-text-portlet):focus, 
.vmkf-button--inverted:not(.sv-text-portlet):hover {
    text-decoration: none;
    color: #fff;
    border-color: #a3195b;
    background-color: #a3195b;
}

.vmkf-button.sv-text-portlet p a, 
.vmkf-button:not(.sv-text-portlet) {
    border-color: #a3195b;
    background-color: #a3195b;
}

.vmkf-button.sv-text-portlet p a:focus, 
.vmkf-button.sv-text-portlet p a:hover, 
.vmkf-button:not(.sv-text-portlet):focus, 
.vmkf-button:not(.sv-text-portlet):hover {
    color: #a3195b;
    border-color: #a3195b;
    background-color: #fff;
}

.vmkf-quick-link__row > div { /* Navknappar centrerade */
    display: flex;
    justify-content: center;
    margin-top: 16px; /* a länken har en margin-bottom: 16px; så la till det i toppen på hela rutan för att få den centrerad */
}

/* --- Externa länkar (brödtext) --- */
.sv-text-portlet a[href*="https://"]::after, 
.sv-text-portlet a[href*="http://"]::after {
    color: #ffffff;
}

/* --- Tvinga knappens pil att behålla sin placering --- */
.vmkf-button-primary--inverted.sv-text-portlet p a::after,
.vmkf-button-primary--inverted:not(.sv-text-portlet)::after {
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
    display: block !important;
    font-family: vmkf !important; /* Återställer rätt ikonfont */
}


/* --- Knappar slut --- */

/*.search-result__hit-summary::after {
    position: absolute;
    content: '';
    height: 242px;
    width: 100%;
    left: 0;
    bottom: -25px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(var(--color-primary-light),.9)),color-stop(20%,rgba(var(--color-primary-light),.9)),to(rgba(var(--color-primary-light),0)));
    background-image: linear-gradient(to top,rgba(var(--color-primary-light),.9),rgba(var(--color-primary-light),.9) 20%,rgba(var(--color-primary-light),0));
}*/
.search-result__hit-summary {
    text-decoration: none;
    display: block;
    /* padding: 30px 25px; */
    width: 100%;
    /*height: 118px;*/
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-primary-rgb);
    border-radius: 2px;
    background-color: rgba(var(--color-primary-light),.9);
}

.search-result__hit-list--content .search-result__hit-link {
    height: 480px;
}

   .search-result__hit-link:focus, .search-result__hit-link:hover {
    text-decoration: none;
    background-color: #a3195b !important;
}
   
   
  
   .search-result__hit-summary-gradient {
    position:absolute;
    top:57px;
    width:100%;
    height:90px;
    background: -webkit-linear-gradient(transparent, var(--color-primary-light));
    background: -o-linear-gradient(transparent, var(--color-primary-light));
    background: -moz-linear-gradient(transparent, var(--color-primary-light));
    background: linear-gradient(transparent, var(--color-primary-light));
}
   .search-result__hit-summary-gradient:hover {
    background: -webkit-linear-gradient(transparent, var(--color-primary));
    background: -o-linear-gradient(transparent, var(--color-primary));
    background: -moz-linear-gradient(transparent, var(--color-primary));
    background: linear-gradient(transparent, transparent);
} 
   
   
@media print,
screen and (min-width: 64em) {
	.vmkf__breadcrumbs-pre {
		margin-top: 0
	}
}
.vmkf__breadcrumbs {
	list-style: none;
	/*margin: 0;*/
	padding: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 12px 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	font-family: "Lato" !Important;
	font-size: 14px !Important;
	font-weight: 300 !Important;
	color: var(--color-primary) !Important;
   vertical-align: top !Important;
}
.sv-font-visitkoping-breadcrumb {
    vertical-align: top !Important;
}
.c1363, .c1365, .c1955{
    vertical-align: top !Important;
}
   
.vmkf__breadcrumb-title {
	font-family: "Lato" !Important;
	font-size: 14px !Important;
	font-weight: bold !Important;
	color: var(--color-primary) !Important;
}

.vmkf__breadcrumbs-pre {
	font-family: "Lato" !Important;
	font-size: 14px !Important;
	font-weight: 300 !Important;
	color: var(--color-primary) !Important;
	margin-right: 0.6em;
	margin-top: 12px;
	display: inline-block
}

.vmkf__breadcrumb {
	padding-right: 1.2em;
	position: relative
}

.vmkf__breadcrumb:not(:last-child)::after {
	font-family: "vmkf" !Important;
	content: "" !Important;
	position: absolute !Important;
	color: var(--color-primary) !Important;
	right: 0 !Important;
	top: 1px;
}


.startpage__event-link {
     background-color: var(--color-primary);
     height: 413px;
}
   
.startpage__event-link::after {
   bottom: -50px;
   height: 250px;
background: rgb(129,47,47);
background: -moz-linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(163,25,91,1) 66%);
background: -webkit-linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(163,25,91,1) 66%);
background: linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(163,25,91,1) 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#812f2f",endColorstr="#a3195b",GradientType=1);
}

.startpage__event-link:focus,
.startpage__event-link:hover {
	background-color: var(--color-primary-light);
	text-decoration: none

}

.startpage__event-link:focus::after,
.startpage__event-link:hover::after {
background: rgb(129,47,47);
background: -moz-linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(252,234,241,1) 66%);
background: -webkit-linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(252,234,241,1) 66%);
background: linear-gradient(180deg, rgba(129,47,47,0) 33%, rgba(252,234,241,1) 66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#812f2f",endColorstr="#fceaf1",GradientType=1);
}

   
.search-result__hit-link {
	padding: 0px !important;
}
   
.search-result__hit-item {

    height: 478px;
}
   
.search-result__hit-list--content .search-result__hit-link {
    overflow: hidden;
}
   
.search-result__hit-list--content .search-result__hit-image {
    width: calc(100% + 50px) !important;
    margin: -31px -20px 0px -25px !important;
}
   
.search-result__hit-link2 {
	text-decoration: none;
	display: block;
	padding: 30px 25px;
	width: 103%;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: var(--color-primary);
	border-radius: 2px;
	background-color: var(--color-primary-light)
}

.search-result__hit-link2::after {
	position: absolute;
	content: '';
	height: 200px;
	width: 100%;
	left: 0;
	bottom: -45px;
	background: rgb(36,0,0) !Important;
	background: -moz-linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(252,234,241,1) 66%) !Important;
	background: -webkit-linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(252,234,241,1) 66%) !Important;
	background: linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(252,234,241,1) 66%) !Important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#240000",endColorstr="#fceaf1",GradientType=1) !Important;
}

a:focus .search-result__hit-link2,
.search-result__hit-link2:hover {
	background-color: var(--color-primary);
	text-decoration: none
}

a:focus .search-result__hit-link2::after,
.search-result__hit-link2:hover::after {
	background: rgb(36,0,0) !Important;
	background: -moz-linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(163,25,91,1) 66%) !Important;
	background: -webkit-linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(163,25,91,1) 66%) !Important;
	background: linear-gradient(180deg, rgba(36,0,0,0) 33%, rgba(163,25,91,1) 66%) !Important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#240000",endColorstr="#a3195b",GradientType=1) !Important;
}

a:focus .search-result__hit-link2,
a:focus .search-result__hit-link2 *,
.search-result__hit-link2:hover,
.search-result__hit-link2:hover * {
	color: var(--color-primary-light)
}
   
.facet-heading {
	color: var(--color-primary);
}
.search-result__hit-item3 {

   margin: 10px;
}

.search-result__hit-link3 {
	text-decoration: none;
	display: block;
	padding: 25px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: var(--color-primary);
	border-radius: 2px;
	background-color: var(--color-primary-light)
}
   
/*.facets-wrapper {
    margin-bottom: 10px !important;
}*/
   
.facets-wrapper.open{
    padding: 30px 0 !important;
}
   
.search-result__hit-image2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    height: 240px;
    width: calc(100% + 50px);
	margin: -31px -20px 0 -25px!important;
    -o-object-fit: cover;
    object-fit: cover;
}

.search-result__hit-title {
      margin-top: 1em !important;
}
   
.startpage__event-link {
    padding: 0px!important;
    height: 450px!important;

}
.sv-channel-image, .c10515 {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 240px!important;
    flex: 0 0 300px!important;
    /* width: calc(100% + 40px)!important; */
    -o-object-fit: cover!important;
    object-fit: cover!important;
    float: none!important;
    max-height: none!important;
    max-width: inherit!important;
    padding-bottom: 4px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-right: 0px!important;
}
.startpage__event-info-wrapper {
    padding: 0em 1em 1em 1em!important;
}
.startpage__event-title {

    font-size: 20px!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-stretch: normal!important;
    line-height: 1.36!important;
    letter-spacing: 1px!important;
    font-family: Montserrat!important;
   color: #FFF;

}
   
   .startpage__event-title:hover, .startpage__event-title:active {
   color: #A3195B!important;
}
   
.modal-footer:hiq-event-creator__form button {
    color: #FFF!important;
   background-color: #892d5c!important; 
}
   
 .startpage__event-time {
	color: #fff;
}

.startpage__event-date {
	font-family: Montserrat;
	color: #fff;
}

.startpage__event-title {
	color: #fff;
}

.startpage__event-description {
	color: #fff;
}

.env-breadcrumb {
    padding: 1em;
}
   
.env-breadcrumb__item {
    font-family: 'Montserrat';
}
   
.env-link-secondary:hover, .env-text .env-link-secondary:hover, .env-text a.env-link-secondary:hover {
    color: #a3195b;
}


/* --- Alla evenemang sida --- */
.hiq-events-list__heading--text {
    font-weight: 700 !important;
}
.hiq-events-list__heading--show-all {
    color: #a3195b !important;
}
.hiq-events-list {
    box-shadow: none !important; /* För att ta bort den svagt gråa bakgrunden på vissa delar */ 
    -webkit-box-shadow: none !important;
}


/* --- Slides --- */
.hiq-events-list__search-results {
    overflow: visible;
}
.swiper-wrapper {
    gap: 0.5rem;
    align-items: stretch;
}
.swiper-slide {
    display: flex;
    height: auto !important;
    background: #006862;
}
.swiper-slide:hover {
    background: #ecf6f5;
}
.hiq-events-list__search-results--hits {
    gap: 0.5rem;
}
@media print, screen and (min-width: 40em) {
    .hiq-events-list__search-results--hits__hit {
        width: calc((100% - (3 * 0.5rem)) / 4);
    }
}
.hiq-events-list__search-results--hits__hit--link {
    background-color: #006862;
    height: 100%;
}
.hiq-events-list__search-results--hits__hit--link:hover {
    background-color: #ecf6f5;
}
.hiq-events-list__search-results--hits__hit .hiq-events-list__search-results--hits__hit--header,
.hiq-events-list__search-results--hits__hit .hiq-events-list__search-results--hits__hit--info,
.hiq-events-list__search-results--hits__hit .hiq-events-list__search-results--hits__hit--info__date,
.hiq-events-list__search-results--hits__hit .hiq-events-list__search-results--hits__hit--info__location,
.swiper-slide .hiq-events-list__search-results--hits__hit--header,
.swiper-slide .hiq-events-list__search-results--hits__hit--info,
.swiper-slide .hiq-events-list__search-results--hits__hit--info__date,
.swiper-slide .hiq-events-list__search-results--hits__hit--info__location {
    color: #fff !important;
}
.hiq-events-list__search-results--hits__hit:hover .hiq-events-list__search-results--hits__hit--header,
.hiq-events-list__search-results--hits__hit:hover .hiq-events-list__search-results--hits__hit--info,
.hiq-events-list__search-results--hits__hit:hover .hiq-events-list__search-results--hits__hit--info__date,
.hiq-events-list__search-results--hits__hit:hover .hiq-events-list__search-results--hits__hit--info__location,
.swiper-slide:hover .hiq-events-list__search-results--hits__hit--header,
.swiper-slide:hover .hiq-events-list__search-results--hits__hit--info,
.swiper-slide:hover .hiq-events-list__search-results--hits__hit--info__date,
.swiper-slide:hover .hiq-events-list__search-results--hits__hit--info__location {
    color: #000 !important;
}
.hiq-events-list__search-results--hits__hit.swiper {
    display: flex;
    flex: 1;
}
.hiq-events-list__search-results--hits__hit--link {
    display: flex;
    flex: 1;
    color: #006862 !important;
}
.hiq-events-list__search-results--hits__hit.swiper .hiq-events-list__search-results--hits__hit--image__wrapper {
    z-index: 0;
    text-align: left !important;
}
/* --- Visa alla knappen --- */
.swiper-slide .hiq-events-list__swiper--show-all {
    background: #ecf6f5 !important;
}
.hiq-events-list__swiper--show-all {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #006862 !important;
}

.hiq-events-list__swiper--show-all__link {
    position: absolute;
    inset: 0; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    background-color: #006862 !important;
    max-width: 75%;
    z-index: 10;
}
.hiq-events-list__swiper--show-all__link:hover {
    color: #006862 !important;
    background-color: #ecf6f5 !important;
}
.hiq-events-list__swiper--show-all__link:hover .hiq-events-list__swiper--show-all__link--icon {
    color: #006862 !important;
}
/* --- Visa alla knappen slut --- */

/* --- Eventtext --- */
.hiq-events-list__search-results--hits__hit--short-date {
    color: #000 !important;
    background-color: #fff6e4 !important;
    border-bottom-right-radius: 12px;
}
.hiq-events-list__search-results--hits__hit--header {
    font-family: Montserrat !important;
    font-weight: 600 !important;
}
.hiq-events-list__search-results--hits__hit--info__date--icon::after {
    color: #eca500 !important;
}
.hiq-events-list__search-results--hits__hit--info__location--icon::after {
    color: #eca500 !important;
}
/* --- Eventtext slut --- */

/* --- Sidopilar --- */
.swiper-button-next, .swiper-button-prev {
    color: #006862 !important;
}
/* --- Sidopilar slut --- */
/* --- Slides slut --- */

/* --- "Sidoindikator" --- */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1px !important;
}
.hiq-events-list__swiper--pagination__bullet.active {
    background-color: #eca500 !important;
}
.hiq-events-list__swiper--pagination__bullet {
    background-color: #ecf6f5 !important;
    border: 1px solid #006862 !important;
    border-radius: 12px;
    cursor: pointer;
}
/* --- "Sidoindikator" slut --- */

/* --- Alla evenemang sida slut --- */

/* --- FÄRGER --- 
Bigarrå: #a3195b
Mörkgrön: #006862
Ljusgrön: #ecf6f5
Mörkgul: #eca500
Ljusgul: #fff6e4
 --- FÄRGER SLUT --- */

/* --- Evenemang söksida --- */
@media print, screen and (min-width: 40em) {
    .hiq-events-search {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: 
            "search search"
            "tabs view-toggle"
            "events events"
        ;
        gap: 0.5rem;
        align-items: center;
    }
    .hiq-events-search__search-form--wrapper {
        grid-area: search;
    }
    .hiq-events-search__tabs {
        grid-area: tabs;
        margin-top: 1.5rem;
    }
    .hiq-events-search__view-toggle {
        grid-area: view-toggle;
        padding: 0;
        margin-top: 1.5rem;
        margin-left: 1rem;
        justify-self: end !important;
    }

    .hiq-events-search__search-results--wrapper {
        grid-area: events;
    }
}

/* --- Event sök och filter --- */
.hiq-events-search__search-form--wrapper {
    background-color: #fff6e4;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.hiq-button{
    font-weight: 500 !important;
}

@media print, screen and (min-width: 40em) {
    .hiq-events-search__search-results--hits__hit {
        width: 100%!important;
    }
}


@media print, screen and (min-width: 64em) {
    .hiq-events-search__search-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .hiq-events-search__input-wrapper {
        width: 35%;
        margin: 0;
    }

    .hiq-events-search__search-form--show-filters-button {
        width: auto;
        text-align: center;
        margin: 0;
        margin-left: 5rem;
        padding-right: 3rem;
    }

    .hiq-events-search__search-form--show-filters-button.active {
        width: auto;
        margin-bottom: 0;
    }

    .hiq-events-search__search-filters {
        width: 100%;
    }
}

.hiq-events-search__text-input--button {
    color: #000;
    background-color: #eca500;
    border: 2px solid #eca500;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.hiq-events-search__text-input--button:hover {
    color: #000;
    background-color: #ecf6f5;
    border: 2px solid #eca500;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    cursor: pointer;
}

.hiq-form__input {
    color: #000;
    background-color: #fff;
    border: 0;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom: 2px solid #000;
    font-weight: 400;
}

.hiq-events-search__search-form--show-filters-button {
    color: #000;
    background-color: #eca500; /*var(--color-primary)*/
    border: 2px solid #eca500;
    border-radius: 12px;
}

.hiq-events-search__search-form--show-filters-button:hover {
    color: #000;
    background-color: #ecf6f5; /*var(--color-primary)*/
    cursor: pointer;
}

.hiq-events-search__search-form--show-filters-button.active {
    color: #000;
    background-color: #eca500; /*var(--color-primary)*/
}

.hiq-events-search__search-form--show-filters-button.active:hover {
    color: #000;
    background-color: #ecf6f5; /*var(--color-primary)*/
}

/* --- Filter fliken --- */
.hiq-events-search__search-filters--heading {
    color: #a3195b;
}

/* --- Date picker --- */
.hiq-events-search__search-filters--datepicker__input {
    border: 2px solid #eca500;
    border-radius: 12px;
    font-weight: 400;
}

.vc-bg-green-600 {
    background-color: #eca500 !important; 
}

.hiq-event-creator__date-remove {
    padding: 10px!important;
   
}

/* --- Date picker slut --- */
/* --- Sök plats --- */
.hiq-events-search__search-filters--location__suggestion--input {
    border: 2px solid #eca500;
    border-radius: 12px;
    font-weight: 400;
}

.hiq-events-search__search-filters--location__suggestion--suggestion:hover {
    color: #000;
    background-color: #eca500;
}
/* --- Sök plats slut --- */
/* --- Kategoriknappar --- */
.hiq-button.disabled, .hiq-button[disabled] {
    display: none;
}

.hiq-button--black {
    color: #000;
    background-color: #eca500;
    border: 2px solid #eca500;
    border-radius: 12px;
}

.hiq-button--black:hover {
    color: #000;
    background-color: #FFF;
    border: 2px solid #eca500;
    text-decoration: underline !important;
    cursor: pointer;
}

.hiq-button--white.hiq-button--outlined {
    background-color: #ecf6f5;
    border: 2px solid #eca500;
    border-radius: 12px;
    cursor: pointer;
}

.hiq-events-search__search-filters--clear-filters-button {
    width: 75%;
    color: #000;
    background-color: #eca500;
    border: 2px solid #eca500;
    border-radius: 12px;
    font-weight: 500 !important;
}
.hiq-events-search__search-filters--clear-filters-button:hover {
    color: #000;
    background-color: #ecf6f5;
    border: 2px solid #eca500;
    cursor: pointer;
}
/* --- Kategoriknappar slut --- */
/* --- Filter fliken slut --- */
/* --- Event sök och filter slut --- */

/* --- Tabs och view knappar --- */
.hiq-events-search__tabs--tab {
    color: #000;
    background-color: #ecf6f5;
    border: 2px solid #006862;
    border-bottom: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.hiq-events-search__tabs--tab:hover {
    color: #fff;
    background-color: #006862;
    border: 2px solid #006862;
    border-bottom: 0;
    cursor: pointer;
}

.hiq-events-search__tabs--tab.selected {
    color: #fff;
    background-color: #006862;
}
.hiq-events-search__tabs--tab.selected:hover {
    cursor: default;
}

.hiq-events-search__view-toggle--button {
    cursor: pointer;
}
.hiq-events-search__view-toggle--button.active {
    cursor: default;
}
.hiq-events-search__view-toggle--button:last-child {
    margin-right: 0;
}
/* --- Tabs och view knappar slut --- */

/* --- Evenemang och utställningar --- */
.hiq-events-search__search-results--hits {
    margin: 10px 0 0 0;
}
@media print, screen and (min-width: 40em) {
    .hiq-events-search__search-results {
        display: grid; /*flex*/
    }

    .hiq-events-search__search-results--hits {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(3, 1fr);
    }

    .hiq-events-search__search-results--hits__hit {
        width: unset; /*calc((100% - 2rem) / 3)*/
    }
}
@media print, screen and (min-width: 64em) {
    .hiq-events-search__search-results--hits {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/*--- Evenemangsrutor --- */
/* --- Rutan för datum --- */
.hiq-events-search__search-results--hits__hit--short-date {
    color: #000;
    background-color: #fff6e4; /* Var: #eca500 */
    border-bottom-right-radius: 12px;
}
/* --- Rutan för datum slut --- */
.hiq-events-search__search-results--hits__hit {
        display: flex;
    }
.hiq-events-search__search-results--hits__hit--link {
    background:#006862;
    padding-bottom: 1rem;
}
.hiq-events-search__search-results--hits__hit--link:hover {
    color: #006862; /* Underline hover färgen */
    background: #ECF6F5;
}
.hiq-events-search__search-results--hits__hit--header {
    /*color: #fff;*/
    font-family: Montserrat;
    font-weight: 600 !important;
}
.hiq-events-search__search-results--hits__hit--link .hiq-events-search__search-results--hits__hit--info__date::after,
.hiq-events-search__search-results--hits__hit--link .hiq-events-search__search-results--hits__hit--info__location::after {
    color: #eca500; /* Symbolernas färg under bilderna i texten */
}
.hiq-events-search__search-results--hits__hit--link .hiq-events-search__search-results--hits__hit--header,
.hiq-events-search__search-results--hits__hit--link .hiq-events-search__search-results--hits__hit--info__date,
.hiq-events-search__search-results--hits__hit--link .hiq-events-search__search-results--hits__hit--info__location {
    color: #fff; /* Textfärgen under bilderna */
}
.hiq-events-search__search-results--hits__hit--link:hover .hiq-events-search__search-results--hits__hit--header,
.hiq-events-search__search-results--hits__hit--link:hover .hiq-events-search__search-results--hits__hit--info__date,
.hiq-events-search__search-results--hits__hit--link:hover .hiq-events-search__search-results--hits__hit--info__location {
    color: #000; /* Textfärgen under bilderna i hover */
}
/*--- Evenemangsrutor slut --- */
/* --- Ladda fler knapp --- */
.hiq-events-search__loadMore {
    color: #000;
    background-color: #eca500;
    border: 2px solid #eca500;
    border-radius: 12px;
}
.hiq-events-search__loadMore:hover {
    color: #000;
    background-color: #ecf6f5;
    cursor: pointer;
}
/* --- Ladda fler knapp slut --- */
/* --- Evenemang och utställningar slut --- */
/* --- Evenemang söksida slut --- */

/* --- FÄRGER --- 
Bigarrå: #a3195b
Mörkgrön: #006862
Ljusgrön: #ecf6f5
Mörkgul: #eca500
Ljusgul: #fff6e4
 --- FÄRGER SLUT --- */

 /* --- Skapa evenemang sidan --- */
 .sv-font-rubrik-1-svart {
    font-weight: 700;
    font-size: 2.5em !important;
    color: #a3195b;
}

/* --- Skapa formulär --- */
/* --- Knappar i "Kategori" --- */
.hiq-event-creator__form input[type="radio"]:after { /* Mer centrerad cirkel i valet av Kategori */
    left: -4px;
    top: 5px;
}


.hiq-event-creator__category-events { /* För rutan med kategoriknappar */
    width: 45%!important;
}

.hiq-event-creator__category-events li>label:hover {
    background-color: #000 !important;
    color: #ffffff !important;
    text-decoration: underline;
}


.hiq-event-creator__category-events li {
    background-color: #ecf6f5;
    border: 1px solid #006862;
    border-radius: 12px;
}
.hiq-event-creator__category-events li:hover {
    background-color: #006862;
    color: #FFF;
}
.hiq-event-creator__category-events li>label:hover {
    color: #fff !important;
    background-color: #a3bebd !important;
}
.hiq-event-creator__category-events li>label>input:checked + span {
    color: #fff;
    background-color: #006862;
}
/* --- Knappar i "Kategori" slut --- */

/* --- Inputrutor --- */
.hiq-event-creator__date-picker .box .date-item input {
    border: 1px solid #006862;
    border-radius: 12px;
}
.hiq-event-creator__location--input {
    border: 1px solid #006862;
    border-radius: 12px;
    font-weight: 400;
}
.hiq-event-creator__form input[type="email"], .hiq-event-creator__form input[type="tel"], .hiq-event-creator__form input[type="text"] {
    border: 1px solid #006862;
    border-radius: 12px;
}
.hiq-event-creator__form textarea {
    border: 1px solid #006862;
    border-radius: 12px;
    border-bottom-right-radius: 0px;
}
/* --- Inputrutor slut --- */

/* --- Knappar --- */
.hiq-event-creator__date-add { /* Den gröna knappen */
    padding: 0.5rem;
    padding-right: 0.8rem;
    font-family: "Montserrat" !important;
    font-weight: 500;
    color: #fff !important;
    background-color: #006862;
    border: 1px solid #006862;
    border-radius: 12px;
}
.hiq-event-creator__date-add:hover {
    color: #000 !important;
    background-color: #ecf6f5;
    text-decoration: underline;
    cursor: pointer;
}

.hiq-event-creator__form button { /* Välj bild knapparna */
    background-color: #006862;
    border: 1px solid #006862;
    border-radius: 12px;
}


.hiq-event-creator__date-remove {
  background-color: #a3195b!important;
    border: 1px solid #a3195b!important;
}

.hiq-event-creator__form button:hover { /* Välj bild knapparna */
    background-color: #fff;
    color: #000!important;
    cursor: pointer;
}

.hiq-event-creator__form .hiq-p {
    color: inherit;
    margin-bottom: 0.625rem;
    font-size: 18px !important;
    font-family: Montserrat;
    font-weight: 600;
}


.hiq-event-creator__date-picker .box .date-item > label {
    display: block;
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 1em;
}


.hiq-event-creator__category-items .hiq-p {

    font-size: 17px !important;
    font-family: Montserrat;
    font-weight: 500;
} 

.gdpr-info-block .hiq-p {
    color: inherit;
    margin-bottom: 0.625rem;
    font-size: 15px !important;
    font-family: Lato;
    font-weight: 400;
}

.hiq-event-creator__image-remove-btn {
    padding: 10px;
}




/* --- Knappar slut --- */

.hiq-event-creator__image-selector--categories__category { /* Lägger till space mellan bilderna på knappen "Välj från bildbank" */
    gap: 4px;
}

.hiq-event-creator__gdpr input[type="checkbox"]:after { /* Mer centrerad cirkel i Samtycke */
    left: -4px;
    top: 5px;
}
/* --- Skapa formulär slut --- */
 /* --- Skapa evenemang slut sidan --- */


 
/* ==========================================================================
   TILLGÄNGLIGA HJÄLPTEXTER FÖR FORMULÄRET "SKAPA EVENEMANG"
   Ersätter inbyggda hover-verktygstips med permanenta textblock.
   ========================================================================== */

/* ==========================================================================
   FÄLT: NAMN PÅ EVENEMANG ELLER UTSTÄLLNING
   ========================================================================== */

/* 1. Dölj popover-frågetecknet för evenemangsnamnet */
label[for="eventName"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket */
.info-block:has(label[for="eventName"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten mellan rubriken och textfältet */
.info-block:has(label[for="eventName"])::after {
    content: "Skriv ett tydligt och beskrivande namn på ditt evenemang."; 
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: NAMN PÅ EVENEMANG SLUT --- */



/* --- FÄLT: BESKRIVNING --- */

/* 1. Dölj den inbyggda popover-ikonen (frågetecknet) 
      Vi siktar på .v-popover som ligger direkt efter labeln för "evenDesc". */
label[for="evenDesc"] + .v-popover {
    display: none !important;
}

/* 2. Anpassa flex-behållaren (.info-block)
      Eftersom blocket använder flexbox måste vi tillåta radbrytning (wrap).
      Vi använder :has() för att enbart påverka det specifika info-block som 
      innehåller just vår beskrivnings-etikett, så att övriga fält lämnas ifred. */
.info-block:has(label[for="evenDesc"]) {
    flex-wrap: wrap !important;
}

/* 3. Skapa och placera den nya hjälptexten
      Vi lägger texten på info-blocket istället för på labeln. Detta görs för 
      att inte skriva över Sitevisions inbyggda label::after (den röda stjärnan). */
.info-block:has(label[for="evenDesc"])::after {
    /* Textinnehåll */
    content: "Skriv en tydlig beskrivning av evenemanget."; 
    
    /* Layout och positionering */
    display: block;
    width: 100%;
    box-sizing: border-box; /* Håller rutan innanför behållarens kanter */
    margin-top: 10px;
    margin-bottom: 5px; 
    
    /* Utseende: Form och färg */
    padding: 10px 15px;
    background-color: #ecf6f5; 
    border-left: 4px solid #a3195b; /* Accentfärg för att markera informationen */
    
    /* Typografi */
    font-size: 16px;
    font-weight: normal; /* Förhindrar att texten ärver fetstil från rubriken */
    color: #333;
    line-height: 1.4;
}


/* --- FÄLT: KATEGORIER --- */

/* 1. Dölj den inbyggda popover-ikonen (frågetecknet) */
.hiq-event-creator__category .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på rubrikens info-block (precis som på Beskrivning) */
.hiq-event-creator__category .info-block {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten på info-blocket istället för bland radioknapparna */
.hiq-event-creator__category .info-block::after {
    content: "Välj om du ska registrera ett evenemang eller en utställning. För evenemang kan du sedan välja en eller flera kategorier."; 
    
    /* Layout och positionering */
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    
    /* Utseende: Form och färg */
    padding: 10px 15px;
    background-color: #ecf6f5; 
    border-left: 4px solid #a3195b;
    
    /* Typografi */
    font-size: 16px;
    font-weight: normal; 
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: KATEGORIER SLUT --- */


/* --- FÄLT: DATUM OCH TIDER --- */

/* 1. Dölj den inbyggda popover-ikonen (frågetecknet) i datumsektionen 
      Eftersom den ligger bredvid knappen siktar vi på info-blocket i datum-diven. */
.hiq-event-creator__date .info-block .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket så elementen kan staplas */
.hiq-event-creator__date .info-block {
    flex-wrap: wrap !important;
}

/* 3. Skapa och placera den nya hjälptexten
      Vi använder ::before så att texten hamnar OVANFÖR knappen, 
      vilket blir ett perfekt avslut på inmatningsfälten ovanför. */
.hiq-event-creator__date .info-block::before {
    /* Textinnehåll */
    content: "Välj dag och tid när evenemanget börjar och slutar. Du kan lägga till flera tillfällen."; 
    
    /* Layout och positionering */
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 5px;   /* Skapar lite luft ner från datumfälten */
    margin-bottom: 15px; /* Skapar tydligt avstånd ner till knappen */
    
    /* Utseende: Form och färg */
    padding: 10px 15px;
    background-color: #ecf6f5; 
    border-left: 4px solid #a3195b;
    
    /* Typografi */
    font-size: 16px;
    font-weight: normal; 
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: DATUM OCH TIDER SLUT --- */


/* --- FÄLT: PLATS --- */

/* 1. Dölj popover-frågetecknet enbart för Plats-fältet */
label[for="location-input"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket */
.info-block:has(label[for="location-input"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten på hela info-blocket */
.info-block:has(label[for="location-input"])::after {
    content: "Platsen där evenemanget kommer att vara. Välj bland platserna som kommer upp som förslag när du börjar skriva, eller skriv en ny plats. Du kan också välja 'Digitalt evenemang'."; 
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: PLATS SLUT --- */

/* --- FÄLT: BILD --- */

/* 1. Dölj popover-frågetecknet i bild-sektionen */
.hiq-event-creator__image .v-popover {
    display: none !important;
}

/* 2. Hitta exakt det info-block som har popovern i sig och tillåt radbrytning */
.hiq-event-creator__image .info-block:has(.v-popover) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten i det blocket så den hamnar mellan "Välj bild" och knapparna */
.hiq-event-creator__image .info-block:has(.v-popover)::after {
    content: "Ladda upp en högupplöst bild som representerar evenemanget. Tänk på att bilden ska vara godkänd av GDPR. Undvik text i bilden så blir den mer tillgänglig."; /* T.ex. "Ladda upp en högupplöst bild som representerar evenemanget." */
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 10px; /* Ger snyggt avstånd ner till uppladdningsknapparna */
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: BILD SLUT --- */


/* ==========================================================================
   FÄLT: BILJETTINFORMATION OCH LÄNK
   ========================================================================== */

/* --- DEL 1: BILJETTINFORMATION (Fritextfältet) --- */

/* 1. Dölj popover-frågetecknet för Biljettinformation */
label[for="ticketInfo"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket */
.info-block:has(label[for="ticketInfo"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten */
.info-block:has(label[for="ticketInfo"])::after {
    content: "Ange priser, åldersgräns eller om det är fri entré. Eventuell länk till evenemangen ska inte vara med här, det gör du under detta."; /* T.ex. "Ange priser, åldersgränser eller om det är fri entré." */
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}

/* --- DEL 2: LÄNK TILL BILJETTINFORMATION (URL-fältet) --- */

/* 1. Dölj popover-frågetecknet för Biljettlänk */
label[for="ticketLink"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket */
.info-block:has(label[for="ticketLink"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten */
.info-block:has(label[for="ticketLink"])::after {
    content: "Klistra in hela webbadressen (inklusive https://) där man köper biljetter eller anmäler sitt deltagande."; /* T.ex. "Klistra in hela webbadressen (inklusive https://) där man kan köpa biljetter." */
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: BILJETTER SLUT --- */

/* --- FÄLT: FACEBOOKLÄNK --- */

/* 1. Dölj popover-frågetecknet för Facebooklänken */
label[for="fbLink"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning på info-blocket */
.info-block:has(label[for="fbLink"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten */
.info-block:has(label[for="fbLink"])::after {
    content: "Klistra in hela webbadressen till evenemanget på Facebook."; /* T.ex. "Klistra in hela webbadressen till evenemanget på Facebook." */
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 10px;
    margin-bottom: 5px; 
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: FACEBOOKLÄNK SLUT --- */


/* ==========================================================================
   FÄLT: ARRANGÖRENS KONTAKTUPPGIFTER
   ========================================================================== */

/* --- 1. NAMN --- */
label[for="eventOrganizerName"] + .v-popover { display: none !important; }
.info-block:has(label[for="eventOrganizerName"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="eventOrganizerName"])::after {
    content: "Företagsnamn eller förening som ansvarar för evenemanget."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}

/* --- 2. TELEFON --- */
label[for="eventOrganizerTel"] + .v-popover { display: none !important; }
.info-block:has(label[for="eventOrganizerTel"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="eventOrganizerTel"])::after {
    content: "Telefonnummer för allmänna frågor eller bokning."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}

/* --- 3. E-POSTADRESS --- */
label[for="eventOrganizerMail"] + .v-popover { display: none !important; }
.info-block:has(label[for="eventOrganizerMail"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="eventOrganizerMail"])::after {
    content: "E-postadress för kontakt eller bokning."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}

/* --- 4. LÄNK ARRANGÖR --- */
label[for="eventOrganizerLink"] + .v-popover { display: none !important; }
.info-block:has(label[for="eventOrganizerLink"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="eventOrganizerLink"])::after {
    content: "Webbadress till arrangörens hemsida."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}
/* --- FÄLT: ARRANGÖR SLUT --- */

/* ==========================================================================
   FÄLT: DU SOM REGISTRERAR EVENEMANGET
   ========================================================================== */

/* --- 1. NAMN --- */
label[for="requesterName"] + .v-popover { display: none !important; }
.info-block:has(label[for="requesterName"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="requesterName"])::after {
    content: "Ditt för- och efternamn. Denna informationen syns endast för redaktören på sidan."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}

/* --- 2. TELEFON --- */
label[for="requesterTel"] + .v-popover { display: none !important; }
.info-block:has(label[for="requesterTel"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="requesterTel"])::after {
    content: "Ditt telefonnummer under dagtid. Denna informationen syns endast för redaktören på sidan."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}

/* --- 3. E-POSTADRESS --- */
label[for="requesterMail"] + .v-popover { display: none !important; }
.info-block:has(label[for="requesterMail"]) { flex-wrap: wrap !important; }

.info-block:has(label[for="requesterMail"])::after {
    content: "Din personliga e-postadress. Denna informationen syns endast för redaktören på sidan."; 
    display: block; width: 100%; box-sizing: border-box; 
    margin-top: 10px; margin-bottom: 5px; padding: 10px 15px;
    background-color: #ecf6f5; border-left: 4px solid #a3195b;
    font-size: 16px; font-weight: normal; color: #333; line-height: 1.4;
}
/* --- FÄLT: DU SOM REGISTRERAR SLUT --- */

/* ==========================================================================
   FÄLT: GDPR / SAMTYCKE
   ========================================================================== */

/* 1. Dölj popover-frågetecknet för GDPR-fältet */
label[for="gdpr"] + .v-popover {
    display: none !important;
}

/* 2. Tillåt radbrytning (Observera att klassen heter gdpr-info-block här) */
.gdpr-info-block:has(label[for="gdpr"]) {
    flex-wrap: wrap !important;
}

/* 3. Skjut in hjälptexten mellan samtyckestexten och knappen */
.gdpr-info-block:has(label[for="gdpr"])::after {
    content: "Läs mer om hur vi hanterar dina uppgifter på koping.se/gdpr"; 
    
    display: block;
    width: 100%;
    box-sizing: border-box; 
    margin-top: 15px;    /* Lite extra marginal ner från den långa checkbox-texten */
    margin-bottom: 20px; /* Skapar ett bra och tydligt luftrum ner till knappen */
    padding: 10px 15px;
    background-color: #ecf6f5;
    border-left: 4px solid #a3195b;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.4;
}
/* --- FÄLT: GDPR SLUT --- */



/* --- SKAPA EVENEMANG HJÄLPTEXTER SLUT --- */


.hiq-event-creator__form button {
    color: #FFF!important;
}


.hiq-event-creator__image-upload--cropper__controls--btn::before,
.hiq-event-creator__image-upload--cropper__controls--btn:hover::before {
  color: #FFF !important;
}


.hiq-event-creator__image-upload--cropper__controls--btn {
    padding: 8px!important;
}