:root {
	--primary-color: #002e5e;
}

#toTop {
	border: 0;
}

a:focus-visible, .button:focus-visible, a.button:focus-visible, .translate select.goog-te-combo:focus-visible, #toTop:focus-visible,
.program-overview-filter-holder:focus-visible .program-overview-filter-title, .program-overview-filter-holder:focus-visible .program-overview-filter-menu,
.checkbox-holder input[type=checkbox]:focus-visible + .checkmark, .radio-holder input[type=radio]:focus-visible + .checkmark,
.input-button-on:focus-visible, .input-button-off:focus-visible {
	outline: 2px solid var(--primary-color) !important;
	outline-offset: 2px;
	text-decoration: none !important;
}

header nav .mainmenuitem a {
	border-radius: 0;
}

.program-tile a.full-link:focus-visible {
	border-radius: 8px;
	outline-offset: -2px;
}

.footer #social-icons li a:focus-visible img,
.program-overview-filter-holder.active .program-overview-filter-menu a:focus-visible + .program-overview-filter-checkbox,
.program-overview-filter-holder.active .program-overview-filter-menu a:focus-visible + .program-overview-filter-radio {
	outline: none;
}

#go-back-button:focus-visible {
	outline-offset: -2px;
}

#taaltest-close-button {
	color: var(--primary-color);
	position: absolute;
	top: 15px;
	right: 15px;
}

.programs-grid .program-tile, header nav .mainmenuitem.active:after, #taaltest-intro-promotion-wrapper,
.programs-detail-grid > .program-detail-tile, .program-overview-filter-checkbox, .program-overview-filter-radio,
#taaltest-button-holder .taaltest-button, .taaltest-text-holder, .user-profile-wrapper, .result-holder,
.learning-route-holder, .learning-route-title span, .blue-bg-form input[type=text], .blue-bg-form input[type=password],
.blue-bg-form input[type=tel], .blue-bg-form input[type=email], .blue-bg-form input[type=number], .blue-bg-form textarea,
.blue-bg-form input[type=date], .checkbox-holder .checkmark, .radio-holder .checkmark, .user-profile-sticker-holder {
	border: 1px solid var(--primary-color);
}

.program-overview-filter-checkbox, .program-overview-filter-radio {
	width: 22px;
	height: 22px;
}

.checkbox-holder, .radio-holder {
    width: 24px;
    height: 24px;
}

.checkbox-holder .checkmark svg {
    width: 20px;
    height: 20px;
}

.radio-holder .checkmark:after {
	width: 12px;
	height: 12px;
}

#user-profile-bro-wrapper {
	border-color: transparent;
}

#user-profile-tour-banner-title-holder svg {
	width: 24px;
	height: 24px;
}

.result-holder .result-title-holder svg {
	margin: 0;
	margin-left: 20px;
}

@media (min-width: 768px) {
    .taaltest-text-holder {
        width: calc(56% - 50px);
    }

	#user-profile-welcome-wrapper, .user-profile-desktop-wrapper, .result-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

	.result-wrapper .result-holder {
		max-width: 100%;
	}

	.learning-route-wrapper .result-holder {
        max-width: calc(50% - 46px);
        flex-basis: calc(50% - 46px);
    }
}

@media (min-width: 1200px) {
	.result-wrapper {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.learning-route-wrapper .result-holder {
        max-width: calc(33% - 48px);
        flex-basis: calc(33% - 48px);
    }
}