/* CSS Document */

.bg-callout-stvg {
	background-color: rebeccapurple;
}

.bg-callout-stvg2 {
	background-color: rgba(140,32,202,0.05);
}

.tekstlys {
	color: #e8e8e8;
}

.bakgrunnlilla {
	background: radial-gradient(#8c20ca 0%, #121212 50%, #121212 100%);
}

.bgsponsor {
	background-color:rgba(232,232,232,0.90);
}

.btn-knapp {
	background-color: rebeccapurple;
	text-decoration: none;
	color: #fff;
}

.btn-knapp:hover {
			
	
			background: linear-gradient(0deg, #25202b, #532d78, #872dcd);
			background-size: 150%;
			box-shadow: 0 0 20px rgba(0,0,0, 0.1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			color: white;
			text-shadow: none;
					
		}

.btn-stvg {
	background-color: #5F3694;
	text-decoration: none;
	color: #fff;
}

.btn-stvg:hover{
	background-color: #4E2C7B;
	text-decoration: none;
	color: whitesmoke;
}


.btn-borge {
	background-color: rebeccapurple;
	text-decoration: none;
	color: #fff;
}

.btn-borge:hover {
	background: linear-gradient(0deg, #25202b, #532d78, #872dcd);
	border: 0.1em solid #C053E0;
	color: white;
	
}

.btn-elite {
	background-color: rebeccapurple;
	text-decoration: none;
	color: #fff;
}

.btn-elite:hover {
	background-color: #D838D8;
	border: 0.1em solid #C053E0;
	color: white;
}

.btn-bredde {
	background-color: rebeccapurple;
	text-decoration: none;
	color: #fff;
}

.btn-bredde:hover {
	background: linear-gradient(90deg, #D838D8, #9c279c, #9c279c);
	border: 0.1em solid #C053E0;
	color: white;
}

/* alternativ knapp med lysere hover */
.btn-knapplys {
	background-color: rebeccapurple;
	text-decoration: none;
	color: #fff;
	padding-bottom: 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

.btn-knapplys:hover {
	background: linear-gradient(0deg, #a055d8, #8c57b4, #7e5f95);
	border: 0.1em solid #BB0EEE;
	color: white;
}

/* knapp til lukk i modaler */
.btn-mork {
	background-color: #171717;
	text-decoration: none;
	color: #fff;
	padding-bottom: 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	
}

.btn-mork:hover {
	background: linear-gradient(90deg, #241f29, #2a1f35, #351f4b);
	color: white;
}


/* divider lilla */
html .divider.divider-stvg.divider-small hr {
	background: #7828c8;
}

/* divider lysere */
html .divider.divider-stvg2.divider-small hr {
	background: #e8e8e8;
}


.bg-color-acstvg {
	background-color: rebeccapurple;
}

.list-stvg {
	background-color: rebeccapurple;
}

html .toggle-stvg .toggle label,
html .toggle-stvg .toggle .toggle-title {
	color: #663399;
	border-left-color: #663399;
	border-right-color: #663399;
}

html .toggle-stvg .toggle.active > label,
html .toggle-stvg .toggle.active > .toggle-title {
	background-color: #663399;
	border-color: #663399;
	color: #FFF;
}

.text-color-stvg {
	color: #663399;
}


/* NESTE KAMPER NY */
.omriss2 {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-evenly;
}

.boks-borge2 {
	flex-grow: 1;
	background-color:rgba(140,32,202,0.15);
	width: 300px;
	text-align: center;
	overflow: hidden;
		
}

.bokstoppny {
	background-color: rgba(140,32,202,0.08);
	color: white;
	padding: 5px;
	font-size: 12px;
	font-weight: bolder;
}

.boxbilde2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 10px;
}

.bokstekst2 {
	font-size: 10px;
	margin: 0;
	padding: 2px;
	color: #e8e8e8;
	font-weight: bold;
}

.bokslag2 {
	font-size: 16px;
	margin: 0;
	padding: 2px;
	color: #e8e8e8;
	font-weight: bold;
}

.text_tid2 {
	color: #f36d27;
	
}

.text_tidgrad2 {
	background: linear-gradient(to right, #d133f3, #CB05F6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text_vs2 {
color: #D8BFEA;
}

/* NYHETER NY */

.glasscard {
            width: auto;
            padding: 0px;
            border-radius: 15px;
            background: rgba(18, 18, 18, 0.1); /* Transparent white */
            backdrop-filter: blur(10px); /* Frosted glass effect */
            -webkit-backdrop-filter: blur(10px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */
            border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border */
            text-align: left;
            color: white;
        }

.glasscardmodal {
            
            padding: 0px;
            border-radius: 15px;
            background: rgba(86, 50, 139, 0.7); /* Transparent white */
            backdrop-filter: blur(10px); /* Frosted glass effect */
            -webkit-backdrop-filter: blur(10px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */
            border: 1px solid rgba(86, 50, 139, 0.2); /* Subtle border */
            text-align: left;
            color: white;
        }