@charset "UTF-8";
/*
 * skisport-compat.css - det, det nye design stadig bruger fra det gamle tema (Cartzilla / Bootstrap 4.4.1).
 * Lavet 19/10-2026 af de regler fra skisport-v2.css, som rammer et element paa shoppens eller
 * kassens sider - ordret og i oprindelig raekkefoelge. Resten af temaet bruges ingen steder.
 * Indlaeses kun paa skisport-familiens shops, samme sted i kaskaden som originalen.
 *
 * Fundet ved at maale 118 sider og tilstande paa live, de raa skabeloner (alle grene), markup som
 * JavaScript bygger, databasetekster og shop-blogindlaeg. Kontrolleret element for element og pixel
 * for pixel mod det gamle tema (GIT/hastighed-tema-css.md).
 *
 * Filen er frosset. Brug ikke temaets klasser i ny markup - giv den sin egen CSS. Spejlet i
 * basket-logitrade-dk; ret begge, hvis en regel skal fjernes.
 */
/* --- fra skisport-v2.css --- */
.blog-height {
	min-height: 140px;
}

.blog-minheight {
	min-height: 140px;
}

.blog-minheight-new {
	min-height: 140px;
}

.page-item.active>.page-link {
	box-shadow: none!important;
}

.page-item.active .page-link {
	background-color: #4b566b!important;
}

.youtube-embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.youtube-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blog-top img {
	background-color: black;
	opacity: 0.8;
}

.btn-success {
	background-color: #315b6b !important;
	border-color: #315b6b !important;
	color: #fff !important;
	border-radius: 3px !important;
}

.btn-success:hover {
	background-color: #f6f9fc !important;
	border-color: #303030 !important;
	color: #303030 !important;
}

.text-success {
	color: #315b6b !important;
}

.text-accent {
	color: #315b6b !important;
}

.bg-darker {
	background-color: #303030 !important;
}

.breadcrumb-light .breadcrumb-item a:hover {
	color: #315b6b!important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
	background-color: #315b6b;
	border-color: #315b6b;
}

a {
	color: #315b6b !important;
}

.u-none:hover {
	text-decoration: none;
}