/* CUSTOM CSS KAMPEN INNEBANDYKLUBB */


/* FULL PAGE CONTAINER FORSIDE */
.containerforside {
	position: relative;
	background-image: url('../../assets/images/bilder/kampen6.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 90vh;
	width: 100%;
	position: relative;	
}

.containerkontakt{
	position: relative;
	background-image: url('../../assets/images/bilder/kampen7_kontakt.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 60vh;
	width: 100%;
}


/* OVERSKRIFT MEDIUM BLUR */
.overskriftblurforside {
	-webkit-backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	height: 90vh;
		}

/* OVERSKRIFT UTEN BLUR */
.overskriftforside {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	height: 90vh;
		}

/* OVERSKRIFT UTEN BLUR KONTAKTSIDE */
.overskriftkontakt {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	height: 60vh;
		}


/* HVIT OVERSKRIFT MED SVART SKYGGE */
.h2forside {
	color: whitesmoke;
	font-weight: 600;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 65px;
	text-shadow: black 2px 2px 1px;
	text-shadow: rgba(3,59,89,1.00) 3px 3px 1px;
		
		}

.h2nyhet {
	color: white;
	
	text-shadow: black 2px 2px 1px;
	
	
}


/* KNAPP TIL PLAN-PRESENTASJON */
.btn-kampen {
	background: rgba(3,59,89,1.00);
	color: #fff;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-weight: 300;
	padding-bottom: 1em;
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 2em;
	
	border: 3px solid rgba(3,59,89,1.00);
	font-weight: bold;
	cursor: pointer;
	
}

.btn-kampen:hover {
	background-color: rgba(37,146,208,0.90);
	border: 3px solid rgba(3,59,89,0.80);
	color: #fff;
}

.bakgrunnkampen {
	background: linear-gradient(90deg, #6fafe0, #116ba0, #181819);
}

.bakgrunnkampenny {
	background: radial-gradient(#6fafe0, #116ba0, #181819);
}

.glass-card {
            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;
        }

.cardtekst {
	color: #e8e8e8;
}

.datotekst {
	color: #181819;
}

.section-waves.waves-top2 {
    background-image: url('../../assets/images/waves/top_02.svg');
    background-color: blue; /* Matches body background */
    background-blend-mode: multiply; /* Tries to blend the white into blue */
}