/*
Theme Name: UdstillerGuide
Theme URI: https://udstillerguide.dk
Version: 3.0.0.35
Description: Bruges til udstillerside.dk
Author: Udstillerguide
Author URI: https://udstillerguide.dk
Template: Divi
*/
@value --primaerfarve from "./udstillerguide_farver.css";
@value --primaerfarveRGB from "./udstillerguide_farver.css";
@value --sekundaerfarve from "./udstillerguide_farver.css";
@value --sekundaerfarveRGB from "./udstillerguide_farver.css";
@value --favoritfarve from "./udstillerguide_farver.css";
@value --programfarve from "./udstillerguide_farver.css";
@value --labelfarve from "./udstillerguide_farver.css";
@value --labelfarveinfoboks from "./udstillerguide_farver.css";
@value --knaptekstfarve from "./udstillerguide_farver.css";
@value --knaptekstfarveaktivhover from "./udstillerguide_farver.css";
@value --knapinaktiv from "./udstillerguide_farver.css";

@value --tykkelsekant  from "./udstillerguide_farver.css"; 
@value --rundehjoerner  from "./udstillerguide_farver.css"; 

.et-db #et-boc .et-l .et_pb_module a.simplefavorite-button,
.favoritinaktiv {color: var(--knapinaktiv)}

.primaerfarve		{color: var(--primaerfarve) !important;}
.sekundaerfarve		{color: var(--sekundaerfarve) !important;}
.labelfarve			{color: var(--labelfarve) !important;}
.labelfarveinfoboks	{color: var(--labelfarveinfoboks) !important;}
.knaptekstfarve		{color: var(--knaptekstfarve) !important;}
.knapinaktiv		{color: var(--knapinaktiv) !important;}

.favorit .knapaktiv,
.favoritfarve		{color: var(--favoritfarve) !important;}
.favorittidspunkt .knapaktiv,
.programfarve		{color: var(--programfarve) !important;}

/* @group Tidspunkter */
.et-db #et-boc .et-l .et_pb_module .tidspunkter .tidspunktcontainer {
	line-height: 1.3em;
	padding-bottom: 0;
}
/* @end */

/* @group Standard formatering */
#et-boc .et-l #elementer .element h6.overskrift {
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.3em;
	padding-bottom: 0;
}

/* Elementer */
#et-boc .et-l  #elementer,
#et-boc .et-l .tomliste {
	margin-top: 40px;
}
#et-boc .et-l #elementer .element {
	border-radius: var(--rundehjoerner);
	border: var(--tykkelsekant) solid rgba(var(--primaerfarveRGB),0.2) !important;
	transition: box-shadow 0.2s;
	flex-grow: 1;
	padding: 19px;
	margin-bottom: 30px;
	overflow: hidden;
}
#et-boc .et-l .element:hover {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
}
#et-boc .et-l .elementcontainer {
	position: relative;	
}
#et-boc .et-l .elementcontainer,
#et-boc .et-l .element,
#et-boc .et-l .infoboks .kolonner,
#et-boc .et-l .infoboks .infokolonne .info {
	display: flex;
}
#et-boc .et-l .infoboks .kolonner .infokolonne {
	width: 100%;
}
#et-boc .et-l .infoboks .infokolonne .info.filtre {
	margin-top: 1em;
}
#et-boc .et-l .infoboks .infokolonne .info.filtre .kolonne.filter {
	width: 2em;
	margin-right: 0.5em;
}
#et-boc .et-l .medkommentareroversigt .elementcontainer {
	align-items: flex-start;
}
#et-boc .et-l .ug #elementer .et_overlay {pointer-events: none;}
#et-boc .et-l .ug #elementer .et_overlay {border: 0 solid black !important;}
#et-boc .et-l .ug #elementer .et_overlay::before {color: var(--primaerfarve) !important;}
#et-boc .et-l .label {
	color: var(--labelfarveinfoboks);	
	font-weight: bold;
	display: inline-block;
	white-space: pre;
}
.et-db #et-boc .et-l .et_pb_module .et-pb-controllers a {
	padding:0;
}
#et-boc .et-l .ug.gittervisning.tidspunkt .aktivitettidspunkt,
#et-boc .et-l .ug.gittervisning.tidspunkt .aktivitetoverskrift {
	display: block;
}
#et-boc .et-l .ug.tidspunkt .aktivitetoverskrift {
	font-weight: normal;
}
/* @end */

/* @group Infoboks */
#et-boc .et-l .info {
	padding-bottom: 0;
}
#et-boc .et-l .teaser.top {padding: 0;}
#et-boc .et-l .teaser.mellem {padding-bottom: 1em;}
#et-boc .et-l .teaser.bund { padding-top: 1em;}

#et-boc .et-l .ug.listevisning .teasertekst {display: inline-block;}
#et-boc .et-l .ug.listevisning .teaser .label {padding-right: 1em;}
#et-boc .et-l .ug.listevisning .teaser .label::after {content: ":";}

#et-boc .et-l .fed {font-weight: 700;}

#et-boc .et-l div .adskillerstreg {
	margin: 1em 0 1em;
	border-top: 1px solid var(--primaerfarve);
}

/* Vis pris, der passer til den valgte visning og skjul det sidste element - gap */
#et-boc .et-l .ug.gittervisning .priscontaineroversigt.listevisning,
#et-boc .et-l .ug.listevisning .priscontaineroversigt.gittervisning,
#et-boc .et-l .gap {display: none;}

/* @end */

/* @group Headings */
#et-boc .et-l .infoboks h6 {line-height: 1.3em;}
#et-boc .et-l .kommentarcontainer h6 {line-height: 1.3em;}

/* @end */

/* @group LABELS OG FELTER */
/* Select og input i kontrolpanel. bredden sættes til resten efter label er trukket fra */
#et-boc .et-l .xxxxxsmal	{ min-width: 1em;}
#et-boc .et-l .xxxxsmal		{ min-width: 1.5em;}
#et-boc .et-l .xxxsmal		{ min-width: 2em;}
#et-boc .et-l .xxsmal		{ min-width: 3em;}
#et-boc .et-l .xsmal		{ min-width: 4em;}
#et-boc .et-l .smal			{ min-width: 5em;}
#et-boc .et-l .mellem		{ min-width: 6em;}
#et-boc .et-l .bred			{ min-width: 7em;}
#et-boc .et-l .xbred		{ min-width: 8em;}
#et-boc .et-l .xxbred		{ min-width: 9em;}
#et-boc .et-l .xxxbred		{ min-width: 10em;}

#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxxxxsmal	{ width: calc(100% - 1.5em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxxxsmal	{ width: calc(100% - 2em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxxsmal	{ width: calc(100% - 3em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxsmal		{ width: calc(100% - 4em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputsmal		{ width: calc(100% - 5em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputmellem	{ width: calc(100% - 6em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputbred		{ width: calc(100% - 7em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxbred		{ width: calc(100% - 8em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxxbred	{ width: calc(100% - 9em);}
#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel .kontrolsubpanel input.inputxxxbred	{ width: calc(100% - 10em);}

#et-boc .et-l .ug select.selectxxxxsmal	{ width: calc(100% - 1.5em);}
#et-boc .et-l .ug select.selectxxxsmal	{ width: calc(100% - 2em);}
#et-boc .et-l .ug select.selectxxsmal	{ width: calc(100% - 3em);}
#et-boc .et-l .ug select.selectxsmal		{ width: calc(100% - 4em);}
#et-boc .et-l .ug select.selectsmal		{ width: calc(100% - 5em);}
#et-boc .et-l .ug select.selectmellem	{ width: calc(100% - 6em);}
#et-boc .et-l .ug select.selectbred		{ width: calc(100% - 7em);}
#et-boc .et-l .ug select.selectxbred		{ width: calc(100% - 8em);}
#et-boc .et-l .ug select.selectxxbred	{ width: calc(100% - 9em);}
#et-boc .et-l .ug select.selectxxxbred	{ width: calc(100% - 10em);}

#et-boc .et-l .felter.inline .padding_xxxxxsmal	{ padding-right: 1em;}
#et-boc .et-l .felter.inline .padding_xxxxsmal	{ padding-right: 1.5em;}
#et-boc .et-l .felter.inline .padding_xxxsmal	{ padding-right: 2em;}
#et-boc .et-l .felter.inline .padding_xxsmal		{ padding-right: 3em;}
#et-boc .et-l .felter.inline .padding_xsmal		{ padding-right: 4em;}
#et-boc .et-l .felter.inline .padding_smal		{ padding-right: 5em;}
#et-boc .et-l .felter.inline .padding_mellem		{ padding-right: 6em;}
#et-boc .et-l .felter.inline .padding_bred		{ padding-right: 7em;}
#et-boc .et-l .felter.inline .padding_xbred		{ padding-right: 8em;}
#et-boc .et-l .felter.inline .padding_xxbred		{ padding-right: 9em;}
#et-boc .et-l .felter.inline .padding_xxxbred	{ padding-right: 10em;}

#et-boc .et-l .ug #kontrolpanel input,
#et-boc .et-l .ug #kontrolpanel select {display: inline-block;}

#et-boc .et-l .ug #kontrolpanel input {
	background-color: white;
}
/* @end */

/* @group FELTER */
#et-boc .et-l .felter.block .info {display: flex;}
#et-boc .et-l .felter.inline div,
#et-boc .et-l .felter.inline div div {display: inline;}
#et-boc .et-l .felter.inline .info {display: inline-block; padding-bottom: 0;}
#et-boc .et-l .felter.block .info a span,
#et-boc .et-l .felter.inline .info a span {display: inline-block;vertical-align: top;}
#et-boc .et-l .felter .label {
	white-space: pre;
}
#et-boc .et-l .felter .programsted {
	padding-bottom: 1em;
}
#et-boc .et-l .felter .parent_tom {
	display: none;
}
/* @end */

/* @group Kontrolpanel til visning af udstillere */
#et-boc .et-l .ug div#kontrolpanelcontainer {
	background-color: var(--primaerfarve);
	margin-top: 1em;
	border-radius: var(--rundehjoerner);
}
#et-boc .et-l .ug #kontrolpanel {
	display: flex;
	flex-wrap: wrap;
}

#et-boc .et-l .ug .kontrolsubpanel {
	margin: 0 0 1em 0;
}

#et-boc .et-l .ug #kontrolpanelvenstre,
#et-boc .et-l .ug #kontrolpanelhoejre {
	padding: 0 1em 1em;
}

/* Vis kontrolpanel */
#et-boc .et-l .ug div#viskontrolpanel {
	display: block;
	text-align: center;
	padding: 5px 10px;
	float: none;
}

/* Labels */
#et-boc .et-l #kontrolpanelcontainer .label {
	color: var(--labelfarve);	
	font-weight: bold;
	display: inline-block;	
}

/* Knapper */
#et-boc .et-l #kontrolpanel #filtre.kontrolsubpanel {
	line-height: 1em;
	align-items: center;
}
#et-boc .et-l #kontrolpanel .kontrolpanelknap,
#et-boc .et-l #kontrolpanel .kontrolpanelknapfilter {
	height: 40px;
	margin-left: 0;
	margin-right: 0.5em;
	border: none;
	color: var(--knaptekstfarve);	
	font-size: 14px;
	border-radius: var(--rundehjoerner);
	background-color: var(--knapinaktiv);
	width: 4em;
}
#et-boc .et-l #kontrolpanel .kontrolpanelknap {
	padding: .7em;
}
#et-boc .et-l #kontrolpanel .kontrolpanelknapfilter .ikon {
	margin-right: 0;
}
#et-boc .et-l #kontrolpanel .kontrolpanelknapfilter img {
	object-fit: contain;
	max-height: 100%;
}
#et-boc .et-l #kontrolpanel .kontrolpanelknapfilter.mixitup-control-active,
#et-boc .et-l #kontrolpanel .kontrolpanelknap.mixitup-control-active,
#et-boc .et-l #kontrolpanel .kontrolpanelknap.aktiv {
	color: var(--knaptekstfarveaktivhover);
	background-color: var(--sekundaerfarve);	
}
#et-boc .et-l #kontrolpanel .kontrolpanelknap:hover {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.5);
}
/* Søgefelt */
#et-boc .et-l #kontrolpanel #inputsoegefelt {
	height: 40px;
	margin: 0;
	padding: .7em;
	border: none;
	font-size: 1em;
	border-radius: var(--rundehjoerner);
}

/* Kategorier */
#et-boc .et-l #kontrolpanel select {
	background: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, var(--sekundaerfarve), var(--sekundaerfarve));
	background-position: calc(100% - 21px) calc(15px), calc(100% - 13px) calc(15px), 100% 0;
	background-size: 8px 8px, 8px 8px, 40px 40px;
	background-repeat: no-repeat;
	background-color: #fff;
	/* styling and reset */
	border: none;
	border-radius: var(--rundehjoerner);
	font-size: 1em;
	height: 40px;
	padding: 0.5em 3.5em 0.5em 1em;
	/* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* @end */

/* @group Begge visninger*/
#et-boc .et-l .ug #elementer .element .entry-featured-image-url {
	margin-bottom: 0px;
	line-height: 0px;
	width: 100%;
	height: 100%;
}
#et-boc .et-l .ug #elementer .element .entry-featured-image-url img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
/* @end */

/* @group Gittervisning*/
#et-boc .et-l .ug.gittervisning #elementer > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#et-boc .et-l .ug.gittervisning #elementer > div::after {
	content:  "";
	width: 30%;
	min-width: 250px;
}
#et-boc .et-l .ug.gittervisning .tomtelement {
	flex-grow: 1;
}
#et-boc .et-l .ug.gittervisning .kvart .elementcontainer {
	width: 25%;
}
#et-boc .et-l .ug.gittervisning .halv .elementcontainer {
	width: 50%;
}
#et-boc .et-l .ug.gittervisning .fuld .elementcontainer {
	width: 100%;
}
#et-boc .et-l .ug.gittervisning #elementer .element {
	flex-flow: column;
}
#et-boc .et-l .ug.gittervisning #elementer .element h6 {
	overflow-wrap: normal;
}
#et-boc .et-l .ug.gittervisning .oplysninger {
	text-align: center;
}
#et-boc .et-l .ug.gittervisning .info {
	display: flex;
}
#et-boc .et-l .ug.gittervisning .info.raekker {
	flex-direction: column;
}
#et-boc .et-l .ug.gittervisning .info.raekker:not(:first-child) {
	margin-top: 0.5em;
}
#et-boc .et-l .ug.gittervisning .info span {
	vertical-align: top;
	width: auto;
}
#et-boc .et-l .ug.gittervisning .tomkolonne {
	flex-grow: 1;
}
#et-boc .et-l .ug.gittervisning .teasertekst {
	display: block;
}
/* Priser gittervisning */
#et-boc .et-l .ug.gittervisning .infoboks {
	position: relative;
	margin-top: 1em;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#et-boc .et-l .ug.gittervisning .priscontaineroversigt.overlay {
	position: relative;
	margin:  0 -19px calc(-3.7em - 9px) -19px;
	top: calc(-3.7em - 9px);
	z-index: 3;
}

#et-boc .et-l .ug.gittervisning .priscontaineroversigt.overlay .priser {
	min-height: calc(3.7em + 10px);
	padding: 5px 10px 5px 0;
	width: 100%;
	bottom:  0;
	background-color: rgba(255, 255, 255, .8);
}

#et-boc .et-l .ug.gittervisning .priscontaineroversigt.overlay .priser .normalpris,
#et-boc .et-l .ug.gittervisning .priscontaineroversigt.overlay .priser .standpris {
	text-align: right;
}
#et-boc .et-l .ug.gittervisning .priscontaineroversigt.overlay .priser .standpris {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}
/* @end */
#et-boc .et-l .ug.gittervisning #elementer .element .et_pb_image_container {
	margin: -19px -19px 0px !important;
	padding-bottom: calc(100% + 38px);
	position: relative;
}
#et-boc .et-l .ug.gittervisning #elementer .element .entry-featured-image-url {
	position: absolute;
}
#et-boc .et-l .ug.gittervisning #elementer .element .infoboks .tidspunkter {
	margin-top: 1em;
}

/* @group Listevisning */
#et-boc .et-l .ug.listevisning #elementer .element {
	box-sizing: border-box;
	margin-bottom: 20px;
	line-height: 1.3em;
	align-content: center;
	display: flex;
	flex-grow: 1;
}
#et-boc .et-l .ug.listevisning .intetbillede {
	padding-left: 10px;
}
#et-boc .et-l .ug.listevisning .tomtelement {
	display: none;
}
#et-boc .et-l .ug.listevisning .infoboks {
	align-self: center;
	position: relative;
	flex-grow: 1;
}
#et-boc .et-l .ug.listevisning h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0.25em;
}
#et-boc .et-l .ug.listevisning.tidspunkt h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0.25em;
}
#et-boc .et-l .ug.listevisning .adskillerstreg {
	margin: 5px 0;
}
#et-boc .et-l .ug.listevisning .info {
	display: flex;
}
#et-boc .et-l .ug.listevisning .info.raekker {
	flex-direction: column;
}
#et-boc .et-l .ug.listevisning .info:last-child::after {
	content:  "";
}
#et-boc .et-l .ug.listevisning .kolonne {
	padding-right: 0.5em;
}
#et-boc .et-l .ug.listevisning .infokolonne {
	flex-grow: 1;
}
/* Priser listevisning */
#et-boc .et-l .ug.listevisning .priscontaineroversigt.overlay {
	display: none;
}
#et-boc .et-l .ug.listevisning .priscontaineroversigt.listevisning {
	margin-left: 10px;
	text-align: right;
	align-self: center;
	flex-shrink: 0;
	order:  2;
}
#et-boc .et-l .ug.listevisning .standpris {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}
#et-boc .et-l .ug.listevisning .standpristekst {
	width: 100px;
	text-align: right;
	margin-left: auto;
	font-size: 0.6em;
}
/* @end */

/* @group Kort */
#et-boc .et-l #kortoversigt {
	height: 0;
	top: 0;
	z-index: -10;
	opacity: 0;
	width: 100%;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
#et-boc .et-l #kortoversigt.vis {
	margin-top: 40px;
}
#et-boc .et-l #kortoversigt.vis,
#et-boc .et-l #kortoversigt #kort-cookies.vis {
	height: auto;
	opacity: 1;
	z-index: 10;
}
#et-boc .et-l #kortoversigt #kort-cookies.vis {
	padding-top: 40px;
}
#et-boc .et-l .kortvisning #elementer,
#et-boc .et-l .kortvisning #elementer > div,
#et-boc .et-l .kortvisning #elementer .elementcontainer,
#et-boc .et-l .kortvisning .controls-pagination {
	opacity: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

/* Google info vindue */
#et-boc .et-l .gm-style-iw {
	width: 300px !important;
}
#et-boc .et-l .gm-style-iw .logo {
	text-align: center;
	margin-bottom: 10px;
}
#et-boc .et-l .gm-style-iw .udstillerecontainer {
	text-align: center;
}
#et-boc .et-l .gm-style-iw .udstillerinfo {
	flex-grow: 1;

}
#et-boc .et-l .gm-style-iw .udstillernavn {
	font-size: 1.3em;
	font-weight: bold;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	hyphens: manual;
}
#et-boc .et-l .gm-style-iw .udstilleradresse {
	margin-top: 0.5em;
}
#et-boc .et-l .gm-style-iw .venuenavn {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#et-boc .et-l .gm-style-iw .venueadresse,
#et-boc .et-l .gm-style-iw .venueejer {
	margin-bottom: 0.5em;
}

#et-boc .et-l .gm-style-iw .andreudstillere {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#et-boc .et-l .gm-style-iw .andreudstillere .udstiller {
	width: 50%;
	flex-grow: 1;
	margin-bottom: 10px;
}
/* @end */

/* @group Priscontainer på produktside */
#et-boc .et-l .priscontainer .standpris {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.7em;
}
#et-boc .et-l .priscontainer .frapris,
#et-boc .et-l .priscontainer .kankoebes {
	font-size: 1em;
	line-height: 1em;
}
/* @end */
/* @group pris i hjørne */
#et-boc .et-l .priscontaineroversigt.hjoerne {
	text-align: right;
	font-size: 1.3em;
	font-weight: 600;
	margin-top: 0.5em;
}

/* @end */
/* @group Ikoner */
#et-boc .et-l .ikon {
	vertical-align: top;
	color: var(--labelfarveinfoboks);
}

#et-boc .et-l a:hover .ikon { color: var(--primaerfarve);}
/* @end */

/* @group Paginering */
/* Pagination Controls
---------------------------------------------------------------------- */
#et-boc .et-l .controls-pagination {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#et-boc .et-l .mixitup-page-list,
#et-boc .et-l .mixitup-page-stats {
    display: inline-block;
    vertical-align: middle;
}
#et-boc .et-l .mixitup-page-list {
    text-align: left;
}
#et-boc .et-l .mixitup-page-stats {
    font-size: .9rem;
    color: #333;
}
#et-boc .et-l .mixitup-control {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 2.7rem;
    height: 2.7rem;
    background: #fff;
    border-bottom: 3px solid transparent;
    margin-right: 1px;
    cursor: pointer;
    font-size: .9rem;
    color: var(--labelfarveinfoboks);
    transition: color 150ms, border-color 150ms, font-size 150ms;
    vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-weight: bold;
}
#et-boc .et-l .mixitup-control-prev,
#et-boc .et-l .mixitup-control-next {
	font-size: 1.5em;
}
#et-boc .et-l .mixitup-control:first-child {
    border-radius: var(--rundehjoerner) 0 0 var(--rundehjoerner);
}
#et-boc .et-l .mixitup-control:last-child {
    border-radius: 0 var(--rundehjoerner) var(--rundehjoerner) 0;
}
#et-boc .et-l .mixitup-control-active,
#et-boc .et-l .mixitup-control:hover {
    border-bottom-color: var(--primaerfarve);
    cursor: default;
}
#et-boc .et-l .mixitup-control:disabled {
	display: none;
}
#et-boc .et-l .mixitup-control-truncation-marker {
    background: transparent;
    pointer-events: none;
    line-height: 2.2em;
}
/* @end */

/* @group logo eller oversigt - skaleret elller beskåret */
/* Der er fire udfald:
Bekær ved upload + skaler eller beskær. Forskellen er ved mobil, om billedet skal udfylde feltet eller skaleres
Beskær ikke ved upload + skaler eller beskær. Vær obs på højformatsbilleder!
*/
/* Beskær ikke ved upload og skaler kun */
@media all and (min-width: 1350px) {
	/* Elementer vises i 3 kolonner */
	#et-boc .et-l .ug.gittervisning .tredjedel .elementcontainer {
		width: 30%;
		min-width: 250px;
	}
}
@media all and (min-width: 768px) {
	#et-boc .et-l #kontrolpanelvenstre {
		flex-grow: 2;
		max-width: 600px;
	}
	#et-boc .et-l #kontrolpanel #filtre.kontrolsubpanel {
		display: flex;
	}
	#et-boc .et-l .ug.listevisning #elementer .element {
		padding: 10px 10px 10px 0;
	}
	/* Listevisning - gælder for alle billeder. På mindre skærme vises billederne ikke */
	#et-boc .et-l .ug.listevisning #elementer .element .logo-image,
	#et-boc .et-l .ug.listevisning #elementer .element .logo-image_aspect_ratio_crop,
	#et-boc .et-l .ug.listevisning #elementer .element .oversigt-image,
	#et-boc .et-l .ug.listevisning #elementer .element .oversigt-image_aspect_ratio_crop {
		width: 150px;
		height: 150px;
		margin: -10px 10px -10px 0px;
		text-align: center;
		flex-shrink: 0 ;
		display: flex;
		align-items: center;
	}
	/* Gittervisning skal logo-image styres i højden. Højden skaleres efter bredden af siden */
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image {
		padding-bottom: calc(100% + 38px);
		height: auto;
		max-height: 320px;
		position: relative;
		text-align: center;
	}
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image a {
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#et-boc .et-l .ug.gittervisning #elementer .element img.size-logo-image {
		height: 100%;
		object-fit: contain;
	}
	/* Infoboks aktiviteter med tidspunkter */
	#et-boc .et-l .ug.listevisning .aktiviteterkolonner {
		display: flex;
	}
	#et-boc .et-l .ug.listevisning .aktiviteterkolonner .kolonne {
		width: 50%;
	}
}
@media all and (min-width: 981px) and (max-width: 1350px) {
	/* Elementer vises i 3 kolonner */
	#et-boc .et-l .ug.gittervisning .tredjedel .elementcontainer {
		width: 30%;
		min-width: 250px;
	}
}
@media all and (min-width: 768px) and (max-width: 980px) {
	/* Elementer vises i 2 kolonner */
	#et-boc .et-l .ug.gittervisning .tredjedel .elementcontainer {
		width: 48%;
		max-width: 404px;
	}	
}
@media all and (max-width: 767px) {
	#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel #kontrolpanelvenstre,
	#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel #kontrolpanelvenstre .kontrolsubpanel input,
	#et-boc .et-l .ug #kontrolpanelcontainer #kontrolpanel #kontrolpanelvenstre .kontrolsubpanel select {
		width: 100%;
	}
	#et-boc .et-l #kontrolpanel #filtre.kontrolsubpanel {
		display: block;
	}
	#et-boc .et-l #kontrolpanelcontainer .kontrolsubpanel .label {
		display: block;
		padding-bottom: 0.25em;
	}
	#et-boc .et-l .kontrolpanelknapfilter {
		margin-bottom: 0.5em;
	}
	#et-boc .et-l .ug.gittervisning {
		justify-content: center;
	}
	#et-boc .et-l .ug.gittervisning #elementer .elementcontainer,
	#et-boc .et-l .ug.gittervisning #elementer .element {
		width: 100%;
		min-width: 100%;
	}
	/* Alle billeder i gittervisning */
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image,
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image_aspect_ratio_crop,
	#et-boc .et-l .ug.gittervisning #elementer .element .oversigt-image,
	#et-boc .et-l .ug.gittervisning #elementer .element .oversigt-image_aspect_ratio_crop {
		height: calc(80vw - 4px);
		max-height: 320px;
	}
	/* Logo billedstørrelse */
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image a,
	#et-boc .et-l .ug.gittervisning #elementer .element .logo-image_aspect_ratio_crop a,
	#et-boc .et-l .ug.gittervisning #elementer .element img.size-logo-image,
	#et-boc .et-l .ug.gittervisning #elementer .element img.size-logo-image_aspect_ratio_crop {
		height: 100%;
		object-fit: contain;
		text-align: center;
	}
	/* Oversigt billedestørrelse */
	#et-boc .et-l .ug.gittervisning #elementer .element .oversigt-image a,
	#et-boc .et-l .ug.gittervisning #elementer .element .oversigt-image_aspect_ratio_crop a,
	#et-boc .et-l .ug.gittervisning #elementer .element img.size-oversigt-image,
	#et-boc .et-l .ug.gittervisning #elementer .element img.size-oversigt-image_aspect_ratio_crop {
		height: 100%;
		object-fit: cover;
	}
	#et-boc .et-l .ug.listevisning .element {
		padding: 5px;
	}
	#et-boc .et-l .ug.listevisning .element {
		flex-wrap: wrap;
	}
	#et-boc .et-l .ug.listevisning .element .infoboks:not(.ingenfavoritter) {
		margin-left: 2em;
	}
	/* Listevisning - gælder for alle billeder på små skærme */
	#et-boc .et-l .ug.listevisning #elementer .element .et_pb_image_container {
		display: none;
	}
	#et-boc .et-l .ug.listevisning .kolonner {
		flex-wrap: wrap;
	}
	#et-boc .et-l .ug.listevisning .priscontaineroversigt.listevisning {
		flex-grow: 1;
	}
	#et-boc .et-l .ug.listevisning #elementer .element .infoboks .tidspunkter {
		margin-top: 1em;
	}
	#et-boc .et-l .ug.listevisning .tomkolonne {
		flex-grow: 1;
	}
	#et-boc .et-l .ug.listevisning.tidspunkt .aktivitettidspunkt,
	#et-boc .et-l .ug.listevisning.tidspunkt .aktivitetoverskrift {
		display: block;
	}
}
/* @end */

/* @group Kommentarer */
#et-boc .et-l .kommentarcontainer {
	background-color: rgba(var(--primaerfarveRGB), 0.2);
	position: relative;
}
#et-boc .et-l .kommentarcontainer.tegn {
	padding: 1em 3em;
}
#et-boc .et-l .kommentarcontainer.udentegn {
	padding: 1em;
}
#et-boc .et-l .kommentartegn {
	position: absolute;
	font-size: 2em;
	color: rgba(var(--primaerfarveRGB), 0.4);
}
#et-boc .et-l .kommentartegn.venstre {
	top: 10px;
	left: 10px;
}
#et-boc .et-l .kommentartegn.hoejre {
	right: 10px;
	bottom: 10px;
}
/* @group Kommentaroversigt - fælles */
#et-boc .et-l .ug.gittervisning.medkommentareroversigt #elementer,
#et-boc .et-l .ug.gittervisning.udenkommentareroversigt #elementer,
#et-boc .et-l .ug.listevisning.medkommentareroversigt #elementer,
#et-boc .et-l .ug.listevisning.udenkommentareroversigt #elementer {
	margin-top: 1em;
}
/* @end */
/* @group Kommentaroversigt - gittervisning */
#et-boc .et-l .ug.gittervisning.medkommentareroversigt {
	display: block;
}
#et-boc .et-l .ug.gittervisning.medkommentareroversigt .elementcontainer {
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
}
#et-boc .et-l .ug.gittervisning .kommentarcontainer {
	flex-grow: 1;
}
@media all and (min-width: 768px) {
	#et-boc .et-l .ug.gittervisning .medkommentareroversigt .element {
		width: 300px;
	}
	#et-boc .et-l .ug.gittervisning .kommentarcontainer {
		width: calc(98% - 300px);
		min-width: 250px;
		min-height: 150px;
		margin: 25px 0 127px 2%;
	}
}
@media all and (max-width: 767px) {
	#et-boc .et-l .ug.gittervisning .medkommentareroversigt .element {
		margin-bottom: 0.5em;
	}
	#et-boc .et-l .ug.gittervisning .kommentarcontainer {
		margin-bottom: 1.5em;
	}
}
/* @end */
/* @group Kommentaroversigt - listevisning */
#et-boc .et-l .ug.listevisning .medkommentareroversigt .kolonner {
	flex-wrap: wrap;
}
#et-boc .et-l .ug.listevisning .medkommentareroversigt .priscontaineroversigt.listevisning {
	flex-grow: 1;
}
@media all and (min-width: 768px) {
	#et-boc .et-l .ug.listevisning .medkommentareroversigt .element {
		width: 59%;
		flex-grow: 1;
		min-width: 350px;
	}
	#et-boc .et-l .ug.listevisning .kommentarcontainer {
		margin: 0 0 20px 2%;
		width: 39%;
		flex-grow: 1;
		max-width: 400px;
		min-width: 250px;
	}
}
@media all and (max-width: 767px) {
	#et-boc .et-l .ug.listevisning .medkommentareroversigt .elementcontainer {
		flex-wrap: wrap;
	}
	#et-boc .et-l .ug.listevisning .medkommentareroversigt .element {
		margin-bottom: 0.25em;
	}
	#et-boc .et-l .ug.listevisning .kommentarcontainer {
		flex-grow: 1;
		margin-bottom: 1.5em;
	}
}
/* @end */
/* @end */

/* @group flag */
#et-boc .et-l .ug .elementcontainer .flagtekst {
	margin-top: 0.5em;
	display: flex;
	align-items: flex-end;
	flex-grow: 2;
}
#et-boc .et-l .ug .elementcontainer .flag {
	width: 28px;
	height: 21px;
}
#et-boc .et-l .ug .elementcontainer .land {
	margin-left: 0.5em;
	font-size: 0.8em;
	line-height: 1.6em;
}
/* @end */

/* @group UdstillerUnivers */

#et-boc .et-l .ug.numre .et_pb_blurb_container {
  display:flex !important;
  align-items: center !important;
}
.numre .et_pb_blurb_container {
	display: flex;
	align-items: center;
}
/* @end */

/* @group Book møde */
#et-boc .et-l .kolonne .annullermoede {
	margin-top: 1em;
}

/* @end */