.hk-kurs-top-grid {
    align-items: center;
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
}

.hk-kurs-title-plasser {

}

.hk-kurs-title-plasser h2 {
    font-weight: 500;
    margin-bottom: 2px;
}

.ledig-plass-kurs h3 {
    font-weight: 500;
    margin-bottom: 60px !important;
    font-size: 0.72rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    background: #61f890;
    padding: 6px 16px;
    border-radius: 100px;
    display: inline-block;
    margin-top: -40px;
}

.single-kurs-ledige-plasser {
    color: var(--ledig);
}

.single-kurs-fullbooket {
    color: #000;
	background: #f85050 !important;
}

.single-kurs-arrangementer-over {
    border: 1px solid var(--border) !important;
    color: unset !important;
    background: transparent !important;
}


.hk-kurs-desktop-reserver {
    text-align: right;
}

.hk-kurs-desktop-reserver a, .hk-kurs-desktop-reserver span {
    display: inline-block;
    background: #101010;
    color: #fff;
    font-weight: 500;
    padding: 19px 64px;
    border-radius: 120px;
    font-size: 1rem;
}

.hk-kurs-desktop-reserver span {
    display: none;
    background: transparent;
    border: 2px solid var(--border);
    color: #101010;
}

.single-kurs-ingen-ledige.hk-kurs-desktop-reserver span {
    display: inline-block;
}

.single-kurs-ingen-ledige.hk-kurs-desktop-reserver a {
    display: none;
}

@media screen and (prefers-color-scheme: dark) {

    .hk-kurs-desktop-reserver a {
        background: #fff;
        color: #101010;
    }

    .hk-kurs-desktop-reserver span {
        display: none;
        color: #ffffff;
    }

}

@media screen and (min-width: 881px) {
	
	
	.hk-kurs-title-plasser {
		width: 62%;
	}
	
	.hk-kurs-title-plasser h2 {
		font-size: 2.15rem;
	}
	
	.hk-kurs-desktop-reserver {
		width: 38%;
	}
	
}

@media screen and (max-width: 880px) {
    
	.hk-kurs-title-plasser h2 {
		font-size: 1.7rem;
		text-align: center;
		margin-bottom: -35px !important;
		margin-top: -20px;
	}
	
	.ledig-plass-kurs {
		text-align: center;
	}
	
	.ledig-plass-kurs h3 {
		margin-bottom: 35px !important;
	}

    .hk-kurs-desktop-reserver {
        display: none;
    }
	

}




/* -- Info grid -- */

.hk-kurs-info-grid {
    margin-top: 0px !important;
}

.hk-kurs-info-grid-second {
    margin-top: 30px !important;
    margin-bottom: 60px;
}

.hk-info-grid-div i {
    font-style: normal;
}

.hk-info-grid-div span {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 0.8rem;
    opacity: 0.5;
    display: block;
}

.hk-info-grid-div h2 {
    font-size: 1.1rem;
    margin: 0px;
    font-weight: 500;
    display: inline-block;
}

.hk-info-grid-adresse i {
    display: inline-block;
}

.hk-info-grid-adresse i svg {
    width: 17px;
	width: 16px;
    margin-top: -8px;
	margin-top: -7px;
    margin-left: 8px;
}

@media screen and (min-width: 880px) {

    .hk-info-grid-div {
        width: 20%;
    }
    
    .hk-info-grid-adresse {
        width: 60%;
    }

    .hk-kurs-reserver-plass-mobile {
        display: none;
    }

}

@media screen and (max-width: 880px) {
    
    .hk-kurs-info-box {
        background: var(--card-background);
        padding: 25px;
        padding-bottom: 70px;
        border-radius: var(--border-radius-small);
    }

    .hk-info-grid-div span {
        font-size: 0.775rem;
    }
    
    .hk-info-grid-div h2 {
        font-size: 1.05rem;
    }

    .hk-kurs-info-grid-second {
        margin-bottom: 0px;
    }
    

    .hk-info-grid-adresse {
        width: 100%;
    }

    .hk-kurs-reserver-plass-mobile a, .hk-kurs-reserver-plass-mobile span {
        background: #101010;
        color: #fff;
        width: 100%;
        display: block;
        text-align: center;
        padding: 24px 50px;
        border-radius: 140px;
        margin-top: -45px;
        font-weight: 500;
    }

    .hk-kurs-reserver-plass-mobile span {
        display: none;
    }

    .single-kurs-ingen-ledige.hk-kurs-reserver-plass-mobile a {
        display: none;
    }

    .single-kurs-ingen-ledige.hk-kurs-reserver-plass-mobile span {
        display: block;
        background: var(--card-background);
        border: 2px solid var(--border);
        color: #101010;
    }

}

@media screen and (max-width: 880px) and (prefers-color-scheme: dark) {

    .hk-kurs-reserver-plass-mobile a {
        background: #fff;
        color: #101010;
    }

    .single-kurs-ingen-ledige.hk-kurs-reserver-plass-mobile span {
        background: var(--card-background);
        color: #ffffff;
    }

}


/* -- Content -- */

.hk-betalingsinfo {
    opacity: 0.5;
    font-size: 0.875rem;
    margin-top: -30px;
    margin-bottom: 35px;
}

.hk-kurs-description {
    margin-top: -10px;
    margin-bottom: 60px !important;
}

@media screen and (max-width: 880px) {

    .hk-betalingsinfo {
        text-align: center;
        margin-top: 32px;
        margin-bottom: -5px;
        line-height: 1.3;
    }
    
    .hk-kurs-description {
        margin-top: 30px;
        margin-bottom: 60px !important;
    }
    

}





/* -- Modal -- */ 

.acf-field-62c7770003741 {
    display: none;
}

.acf-field-62a4de3199de7 {
    display: none;
}

.acf-field-62a5dffc03a73 {
    display: none;
}

.acf-field-62c77d4189e1b {
    display: none;
}

.acf-field-62c77e01b52f2 {
    display: none;
}

.acf-field-62c77da0786c8 {
    display: none;
}

.acf-field-62c77df1b52f1 {
    display: none;
}

.acf-field-62c78073f0437 {
    display: none;
}

.acf-field-62fba2a37b65c {
	display: none;
}

.acf-field-62fcbc380f48b {
    display: none;
}

.acf-field-62fcd24ca770b {
    display: none;
}

.acf-field-62fe45ba08a18 {
    display: none;
}

.acf-field-62ff6c61fba89 {
    display: none;
}

.acf-field-62fb9cc264d3d {
    display: none;
}

.acf-field-6343d808984d6 {
    display: none;
}

.iti__flag-container {
    display: none;
}

.uk-navbar-right {
    display: none;
}



.hk-antall-plasser-info {
	opacity: 0.5;
    font-size: 0.875rem;
    margin-top: -30px;
    margin-bottom: 35px;
}

@media screen and (max-width: 880px) {

	.hk-antall-plasser-info {
		text-align: center;
    	margin-top: 32px;
    	margin-bottom: -5px;
    	line-height: 1.3;
	}

}


.acf-field select:focus-visible {
    outline: 0 !important;
}

.acf-field select {
    color: unset;
}