/**
 * trx_addons 1.x kept the header search field borderless and transparent with !important;
 * 2.x dropped the !important, so the dark scheme's input:focus style turned it into a
 * dark pill on focus.
 */
.sc_layouts_row_type_narrow .search_wrap .search_field,
.sc_layouts_row_type_compact .search_wrap .search_field {
	border: none !important;
	background-color: transparent !important;
}

/**
 * The sliders' "magnus" arrows are styled in Slider Revolution's own CSS (stored in the
 * database) with the old fontello glyphs; point them at the old font (see svfk-fontello).
 */
rs-module .magnus.tparrows::before {
	font-family: 'svfk-fontello' !important;
}

/**
 * ozeum 2.7 styles .more-link as a theme button (filled background); in ozeum 1.3 the
 * posts' "read more" link was a plain text link.
 */
.scheme_default .post_item .more-link,
.scheme_default .post_item .more-link:hover,
.scheme_default .post_item .more-link:focus,
.scheme_dark .post_item .more-link,
.scheme_dark .post_item .more-link:hover,
.scheme_dark .post_item .more-link:focus {
	background-color: transparent;
}

/**
 * Related projects ("Andre projekter") are picked at random, and projects with small or
 * portrait originals can't be cropped to the 16:9 thumbnail size, so keep the row even.
 */
.portfolio_page_related .sc_portfolio_item_thumb img {
	width: 100%;
	aspect-ratio: 770 / 433;
	object-fit: cover;
}

/**
 * trx_addons 2.x wraps blogger posts in .trx_addons_columns_wrap, while the theme's classic
 * item keeps its .column-1_N wrapper, so neither the theme's nor trx_addons' column
 * gutter applies and the columns touched. Same gutter as .columns_wrap columns.
 */
.trx_addons_columns_wrap > [class*="column-"]:not([class*="trx_addons_column-"]) {
	padding-right: var(--theme-var-grid_gap, 30px);
}

.trx_addons_columns_wrap.columns_padding_bottom > [class*="column-"]:not([class*="trx_addons_column-"]) {
	padding-bottom: 30px;
}

/* ...and stack them on phones, like ozeum 1.3's .columns_wrap columns. */
@media (max-width: 767px) {
	.trx_addons_columns_wrap > [class*="column-"]:not([class*="trx_addons_column-"]) {
		width: 100%;
	}

	.trx_addons_columns_wrap.columns_padding_bottom > [class*="column-"]:not([class*="trx_addons_column-"]) {
		padding-bottom: 20px;
	}
}

/**
 * Team photos fill the card as in trx_addons 1.x. 2.x only sets min-width on the image and
 * ozeum 2.7 makes hovered thumbnails inline-block, so profiles with a small photo (e.g. 199px
 * wide) showed it at its own size.
 */
.sc_team .sc_team_item_thumb.post_featured[class*="hover_"] {
	display: block;
}

.sc_team_default .sc_team_item_thumb img {
	width: 100%;
}

/**
 * Front page video column: its Elementor margin (30px left) has no tablet/mobile value, so
 * once the columns stack the video was pushed right and sat directly under the "Læs mere"
 * button. Same on the site before the upgrade.
 */
@media (max-width: 1024px) {
	.elementor-24999 .elementor-element.elementor-element-45a7777 > .elementor-element-populated {
		margin: 20px 0 0;
	}
}

/**
 * trx_addons 2.x lays out custom link items as flex aligned to the start, so in the footer,
 * which is centred on phones, the links sat to the left of their line.
 */
@media (max-width: 767px) {
	.footer_wrap .widget_custom_links .custom_links_list_item {
		align-items: center;
	}
}

/**
 * Prev/next post links: ozeum 2.7's __single.css enlarges the thumbnails (6rem) and hides
 * the post date; keep ozeum 1.3's size and show the date.
 */
.nav-links-single.nav-links-with-thumbs .nav-links a {
	min-height: 4.2em;
	font-size: 18px;
}

.nav-links-single.nav-links-with-thumbs .nav-links .nav-previous a {
	padding-left: 5.2em;
}

.nav-links-single.nav-links-with-thumbs .nav-links .nav-next a {
	padding-right: 5.2em;
}

.nav-links-single.nav-links-with-thumbs .nav-links a .nav-arrow {
	width: 4.2em;
	height: 4.2em;
	line-height: 4.2em;
}

.nav-links-single .nav-links .post_date {
	display: inline;
}

/**
 * The Events Calendar 6.x renders the month view as a <table>, so the theme's generic table
 * styles (dark th, zebra rows, centred cells) turned the weekday row into dark blocks and
 * shaded every other week. Restore the calendar's previous look.
 */
.tribe-common .tribe-events-calendar-month .tribe-events-calendar-month__header-column {
	width: 100%;
	padding: 0 0 var(--tec-spacer-3, 16px);
	background: none;
	color: #6d6d65;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.tribe-common .tribe-events-calendar-month .tribe-events-calendar-month__header-column-title {
	font-size: 18px;
	text-align: left;
}

.tribe-common .tribe-events-calendar-month .tribe-events-calendar-month__body .tribe-events-calendar-month__day {
	background: none;
	text-align: left;
}

/**
 * Exhibition calendar (SVFK widget): The Events Calendar 6.x makes .tribe-events-event-meta a
 * flex row and a plugin's generic .description rule makes the text inline-block, so the
 * description dropped below the image instead of flowing next to it.
 */
.exhibition-event-calendar__item .tribe-events-event-meta,
.exhibition-event-calendar__item .tribe-events-list-event-description {
	display: block;
}

/* ozeum 2.7 drops the top margin of headings that are a first child, which put the titles
   right against the separator line; keep the h3 margin they had before. */
.exhibition-event-calendar__item > .tribe-events-list-event-title {
	margin-top: 1.8455em;
}