@import url("studio6.css");


:root {

	/* Brand primary */
	--ghg-green: #576E35;
	--ghg-midnight: #121212;

	--ghg-green-075: #576E35bb;
	--ghg-midnight-085: #121212dd;
	--ghg-midnight-075: #121212bb;
	--ghg-midnight-050: #12121288;

	/* Brand neutrals */
	--ghg-stone: #D4D6C9;
	--ghg-gray: #EDEDE8;

	--ghg-stone-075: #D4D6C9aa;
	--ghg-gray-085: #e7e7e0dd;
	--ghg-gray-075: #EDEDE8aa;
	--ghg-gray-050: #EDEDE855;

	/* Tints / Shades */
	--ghg-gray-50: #F4F4F2;
	--ghg-green-50: #abb798;
	--ghg-green-50-075: #abb798bb;
	--ghg-green-30: #bcc3ad;

	/* Utility */
	--ghg-white: #FFFFFF;
	--ghg-black: #000000;

	/* Background system */
	--bg-default: var(--ghg-stone);
	--bg-alt: var(--ghg-stone);
	--bg-card: var(--ghg-gray-50);

	/* Text system */
	--text-default: var(--ghg-midnight);
	--text-muted: rgba(18, 18, 18, 0.6);
	--text-inverse: var(--ghg-white);
	--text-link: var(--ghg-green);

	/* Button palette */
	--btn-primary-bg: var(--ghg-green);
	--btn-primary-text: var(--ghg-white);

	/* Border */
	--border-color: rgba(18, 18, 18, 0.1);
}

:root {
	--font-family-base: 'Studio6', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;

	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;

	--font-size-base: 1rem;
	/* 16px */
	--font-size-lg: 1.25rem;
	/* 20px */
	--font-size-xl: 2rem;
	/* 32px */
	--font-size-xxl: 3rem;
	/* 48px (hero headlines) */

	--line-height-base: 1.5;
	--line-height-tight: 1.2;
}

:root {
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-xl: 30px;

	--radius-sm-top: 6px 6px 0 0;
	--radius-md-top: 12px 12px 0 0;
	--radius-lg-top: 20px 20px 0 0;
	--radius-xl-top: 30px 30px 0 0;

	--radius-sm-bottom: 0 0 6px 6px;
	--radius-md-bottom: 0 0 12px 12px;
	--radius-lg-bottom: 0 0 20px 20px;
	--radius-xl-bottom: 0 0 30px 30px;

	--shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.06);
	--shadow-card: 0 12px 28px rgba(0, 0, 0, 0.1);
}


/* Fonts */
body {
	background-color: var(--bg-default);
	font-size: 15px;
	font-family: 'Studio6', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
    }
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.page .panel-content h1.entry-title,
.single .panel-content h1.entry-title,
h1.page-title,
body.page:not(.twentyseventeen-front-page) h1.entry-title,
.btn.btn-default,
.motor .leftnav .nav a {
	font-family: 'Studio6', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
	font-weight: normal;
}

h3,
.h3,
h4,
.h4 {
	font-size: 125%;
}

body,
p,
li,
span,
a,
div,
.main-navigation .menu-wrap > div > ul > li {
	font-family: 'Studio6', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.main-navigation,
.main-navigation ul ul a,
.main-navigation .menu-wrap>div>ul.extra-menu a,
.navigation-top a {
	font-family: inherit;
	text-transform: none;
	font-weight: normal;
}

.info-module .admin-btn {
	font-family: inherit;
	text-transform: none;
	font-weight: bold;
}



/* Colors */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.page .panel-content h1.entry-title,
.single .panel-content h1.entry-title,
h1.page-title,
body.page:not(.twentyseventeen-front-page) h1.entry-title {
	color: var(--ghg-midnight);
}

a {
	color: var(--text-link);
}

.home .site-content .page-title {
	color: #fff;
}

.wpo365_btn_home button,
.wpo365_btn_footer button {
	background-color: var(--btn-primary-bg);
	background-image: linear-gradient(135deg, #8CC63F77, #002D1A88) !important;
	font-family: inherit;
	text-transform: none;
	letter-spacing: 0;
}

.wpo365_btn_home button:hover,
.wpo365_btn_home button:focus,
.wpo365_btn_footer button:hover,
.wpo365_btn_footer button:focus {
	background: var(--ghg-gray);
	color: #000;
	background-image: none !important;
}

.feature-box {
	background: transparent;
}

.feature-box .feature-content {
	background: var(--ghg-gray);
}

.wpo365_btn_footer button {
	background: var(--ghg-stone);
	color: var(--ghg-midnight-050);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	background-image: none !important;
}

.wpo365_btn_footer button:hover {
	background: var(--ghg-gray);
}



/* Corners */
.info-module {
	border-radius: var(--radius-lg);
}

@media (min-width:1200px) {
	body:not(.home) .site-content>.wrap {
		padding: 50px;
	}
}

body:not(.home) .site-content>.wrap:first-child {
	border-radius: var(--radius-xl-top);
}

body:not(.home) .site-content>.wrap+.wrap {
	border-radius: var(--radius-xl-bottom);
}

body:not(.home) .site-content>.wrap:first-child:last-child {
	border-radius: var(--radius-xl);
}

.navigation-top .wrap {
	border-radius: var(--radius-lg-bottom);
}

.aktuelt .h1 {
	color:var(--ghg-midnight);
}
.aktuelt .a-box-content,
.special_home .aktuelt .a-box-content,
.main-navigation .sub-menu,
.main-navigation .sub-menu {
	border-radius: var(--radius-md);
}

.feature-box,
.a-box .img-box-holder,
.special_home .aktuelt .a-box {
	border-radius: var(--radius-md-top);
}

.a-box.has_title .title {
	border-radius: var(--radius-md-bottom);
}

.wpo365_btn_home button,
.wpo365_btn_footer button {
	border-radius: var(--radius-md);
}

.a-box .type {
	border-radius: 5px 5px 5px 0;
}

.a-box .audience-tag {
	border-radius: 0 5px 5px 5px;
}

.feature-box .feature-img-holder {
	border-radius: var(--radius-md-top);
	overflow: hidden;
}

.feature-box .feature-content {
	border-radius: var(--radius-md-bottom);
	overflow: hidden;
}




/* Fix text transform uppercase */
.a-box .type,
.a-box .audience-tag {
	text-transform: none;
	letter-spacing: 0;
}

.button-primary {
	background: var(--ghg-green);
	color: var(--ghg-white);
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-medium);
	border-radius: 100px;
	padding: 0.75rem 1.5rem;
	border: none;
}



/* Color blocks */
.aktuelt,
.special_home .aktuelt {
	background: var(--ghg-stone);
}

body:not(.home) .site-content>.wrap {
	background: var(--ghg-gray-085);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

header.site-header,
.navigation-top,
.navigation-top .nav-container {
	background: transparent;
}

.info-module {
	background: var(--ghg-gray);
}

@media (min-width:768px) {
	.m-img-holder {
		width: 55.1%;
	}
}

.m-img-holder:after {
	pointer-events: none;
	background: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/bue-grafik_graa_90deg.svg') no-repeat left center;
	background-size: cover;
	transform: rotate(0deg);
	height: 100%;
	width: 230px;
	top: 0;
	opacity: 1;
	right: -57px;
}

.img-right .m-img-holder:after {
	left: -57px;
	transform: rotate(0deg);
}

.img-left .m-img-holder:after,
.info-module.video.playing.no_expand.img-left .m-img-holder:after {
	transform: rotate(180deg);
}

.info-module.video.playing.no_expand.img-left .m-img-holder:after,
.info-module.video.playing.no_expand.img-right .m-img-holder:after {
	opacity: 0;
}

.m-post_title:after {
	height: 1px;
	background: var(--ghg-midnight)
}

.aktuelt {
	padding: 80px 0;
}


/* Top image */
.header-bg.no-img,
.header-bg.default-img {
	padding-bottom: 0;
	height: 400px;
	margin: -175px 0 -110px 0;
}

@media (min-width: 1001px) {

	.header-bg,
	.home .header-bg.no-img {
		margin-top: -152px !important;
		margin-bottom:-137px !important;
	}
}

@media (min-width: 1440px) {
	.header-bg-img {}
}

.header-bg.no-img,
.header-bg.default-img,
.header-bg-img {
	background-color: var(--ghg-stone);
}

.header-bg-img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	background-blend-mode: multiply;
}



/* Top nav */
header.site-header {
	height: 140px;
	z-index: 1000;
	padding-top: 0;
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0.40) 0%,
			rgba(0, 0, 0, 0.30) 30%,
			rgba(0, 0, 0, 0) 100%);
}

.main-navigation .menu-wrap>div>ul.extra-menu .navicon a {
	border-left: 0;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid transparent;
}

.main-navigation .menu-wrap>div>ul.extra-menu .navicon a:hover {
	background-color: transparent;
	border-color: #fff;
}

@media (min-width: 768px) {
	.main-navigation .menu-wrap>div>ul.extra-menu {
		background: transparent;
	}

	.main-navigation .menu-wrap>div>ul>li.current_page_ancestor>a:before {
		background: #fff;
		height: 1px;
	}

	.main-navigation .menu-wrap>div>ul.extra-menu a {
		line-height: 1;
		padding: 9px 5px;
	}

	.main-navigation .menu-wrap>div>ul.extra-menu a:hover {
		text-decoration: underline;
	}
}

.navigation-top.slim {
	background: var(--ghg-midnight-075);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.navigation-top.slim .nav-container {
	box-shadow: none;
}

.main-navigation .sub-menu {
	overflow: hidden;
	border-width: 0px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	background-color: rgba(255, 255, 255, 0.75);
	color: var(--ghg-midnight);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	/* Backdrop filter doesnt always work when we animate it in/out - so switching to opaque color display */
	background: var(--ghg-gray);

}

.main-navigation .sub-menu a {
	color: inherit;
	letter-spacing: 0;
	font-size: 13px;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
	border-color: transparent transparent var(--ghg-gray);
}

.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
	border-color: transparent transparent var(--ghg-gray);
	bottom: 0;
}

.navigation-top a {
	color: var(--ghg-white);
}

.main-navigation .sub-menu {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

#wpadminbar {
	background: var(--ghg-midnight-085);
	color: var(--ghg-stone-075);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#wpadminbar a,
#wpadminbar #adminbarsearch:before,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
	color: var(--ghg-stone-075);
}

.main-navigation .menu-wrap>div>ul.extra-menu .navicon.search {
	margin-left: 5px;
}

.main-navigation .menu-wrap>div>ul.extra-menu .navicon.search a:before {
	display: none;
}

@media screen and (min-width: 768px) {
	.navigation-top ul.extra-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-start;
		gap: 5px;
	}

	.main-navigation .menu-wrap>div>ul.extra-menu .ghg_login_extra a {
		border-left: 0
	}
}

.main-navigation .menu-wrap>div>ul.extra-menu a:before {
	display: none;
}

.ghg_login_extra a {
	align-items: center;
	padding: 7px 12px;
}

.main-navigation .sub-menu {
	padding: 8px 0;
}

.main-navigation .sub-menu>li {
	opacity: 0.7;
}

.main-navigation .main-menu li.active-subnav>a {
	text-decoration: none;
}

@media (min-width: 768px) {
	.main-navigation .main-menu li.active-subnav>a {
		color: var(--ghg-stone) !important;
	}
}

.main-navigation .main-menu .sub-menu li a:hover {
	color: var(--ghg-midnight) !important;
}

.main-navigation .sub-menu>li:hover,
.navigation-top .main-menu .current-menu-item,
.navigation-top .main-menu .current_page_item {
	opacity: 1;
}

.main-navigation li li a:before {
	border-color: var(--ghg-midnight);
}

.main-navigation .menu-wrap>div>ul.extra-menu>li.current-menu-item a,
.main-navigation .menu-wrap>div>ul.extra-menu>li.current_page_ancestor a,
.main-navigation .menu-wrap>div>ul.extra-menu a:hover,
.main-navigation .menu-wrap>div>ul.extra-menu a:focus {
	text-decoration: underline;
	color: #fff;
}



.big-btn,
.big-btn:hover,
.big-btn:focus {
	font-family: inherit;
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	border-radius: var(--radius-md);
	overflow: hidden;
	background-image: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/bue-grafik_hvid_270deg.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 77px) center;
	background-size: auto 110%;
	transition: opacity 0.15s ease-out;
}

.big-btn .btn_title {
	position: relative;
	top: auto;
	transform: none;
	text-transform: none;
	letter-spacing: 0;
	font-size: 115%;
}

.big-btn:hover,
.big-btn:focus {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	opacity: 0.85;
}

.big-btn:before {
	background-color: var(--ghg-white);
	opacity: 1;
}

.big-btn:after,
.studie-btn.related:after {
	border-width: 4px 4px 0 0;
	border-radius: 3px;
	border-color: var(--ghg-green);
	width:30px;
	height:30px;
	right:37px;
	margin-top:-15px;
}

.big-btns.small-btns .big-btn:before {
	width: 45px;
}

.big-btns.small-btns .big-btn:after {
	right: 18px;
	border-width: 3px 3px 0 0;
	border-radius: 2px;
}

.big-btns.small-btns .big-btn:hover:after,
.big-btns.small-btns .big-btn:focus:after {
	right: 12px;
}

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

	.big-btn,
	.big-btn:hover,
	.big-btn:focus {
		background-position: calc(100% - 47px) center;
	}

	.big-btn:after, .studie-btn.related:after {
        right: 23px;
    }
}

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

	.big-btn,
	.big-btn:hover,
	.big-btn:focus {
		background-position: calc(100% - 27px) center;
	}

	.big-btn:after, .studie-btn.related:after {
        right: 13px;
    }
}

.big-btns.small-btns {
display:flex;
gap:15px;
flex-direction: row;
flex-wrap:wrap;
}

body:not(.page-template-page-motor) .big-btns.small-btns .big-btn {
  margin:0 !important;
}

.big-btns.small-btns .big-btn .btn_title {
  font-size:85%;
}

/* Footer */

.ghg-footer .social-nav a.navicon {
	color: transparent !important;
	border: 1px solid #fff;
	border-radius: var(--radius-sm);
}

.ghg-footer .social-nav a.navicon:hover {
	background-color: var(--ghg-gray);
}

.ghg-footer h4,
.ghg-footer .h4,
.ghg-footer a {
	color: var(--ghg-midnight);
}

.ghg-footer .menu-item:not(.navicon):before {
	color: inherit;
}

.ghg-footer {
	padding-top: 120px;
	position: relative;
	background-color: var(--ghg-stone);
	background-image: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/bue-grafik_hvid.svg');
	background-size: 100% auto;
	background-position: center 280px;
	background-repeat: no-repeat;
	min-height: 750px;
	color: var(--ghg-midnight);
}




/* logos */
@media (min-width: 768px) {
	.header-logo {
		background: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/kompakt_hvid_lille.png') no-repeat left center;
		background-size: contain;
		left: 15px;
	}
}

.ghg-footer .row>.nav-col.social-nav>img {
	display: none;
}

.ghg-footer .row>.nav-col.social-nav:before {
	content: "";
	display: block;
	position: relative;
	width: 120px;
	height: 80px;
	top: -5px;
	background: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/kompakt_groen_lille.png') no-repeat left center;
	background-size: contain;
}

@media screen and (min-width: 768px) {
	.navigation-top.slim .header-logo {
		top: 20px;
		height: 20px;
		width: 340px;
		background-image: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/ghg_hvid_lille.png');
	}
}



.m-read-more:after,
.m-read-more:focus:after {
	border-width: 0 4px 4px 0;
	border-radius: 3px;
	width:30px;
	height:30px;
	border-color: var(--ghg-green);
	left:10px;
}
.m-read-more {
	left:-10px;
	width:60px;
	height:60px;
	bottom:-65px;
}




.building .items a.big-btn:after {
	border-radius: 1px;
}

.building .title {
	letter-spacing: 0;
}

.page-template-page-motor {
	background: var(--ghg-midnight)
}

body.page-template-page-motor .site-content>.wrap {
	background: transparent;
}

.motor .content-holder {
	background: var(--ghg-gray);
	border-radius: var(--radius-xl);
}

.motor .leftnav .nav a {
	font-family: inherit !important;
	text-transform: none !important;
	font-size:inherit !important;
	letter-spacing:0px !important;
}

.building .items a.big-btn {
  background-image:none;
}


.page-template-page-motor header.site-header {
background:var(--ghg-midnight);
}


#login {
	width: 90%;
	max-width: 470px;
}

body.login {
	background: var(--ghg-stone) url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/bue-grafik_graa.svg') no-repeat center bottom;
	color: var(--ghg-midnight);
}

#login .login_info {
	color: var(--ghg-midnight);
}

.login form {
	padding: 40px;
	border-radius: var(--radius-lg);
}

body.login #nav,
.login #backtoblog {
	background: transparent;
}

body.login #login h1 a {
	background: transparent url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/kompakt_hvid_lille.png') no-repeat left top !important;
	background-size: contain !important;
}

.login #backtoblog {
	text-align: center;
}

.login h1,
#login>.login_info {
	padding: 0 20px;
}

.login label {
	margin-bottom: 10px;
}

.login .wpo365-mssignin-wrapper {
	padding: 12px 0;
	max-width: 430px;
}

/* Input font size */
body.login form input[type="text"],
body.login form input[type="password"] {
	font-size: 120% !important;
}

/* Placeholder font size (all browsers) */
body.login form input[type="text"]::placeholder,
body.login form input[type="password"]::placeholder,
body.login form input::-webkit-input-placeholder,
body.login form input::-moz-placeholder,
body.login form input:-ms-input-placeholder,
body.login form input::-ms-input-placeholder {
	font-size: 120% !important;
}

.login .message, .login .notice, .login .success,
.wpo365-mssignin-button,
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large,
.login .language-switcher .button {
  border-radius:var(--radius-md);
}


.big-btns {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.big-btn,
.feature-box>*,
.a-box-content {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.navigation-top ul.extra-menu>li>a {
	font-size: 13px;
}

.navigation-top .menu-topmenu-container .main-menu>li>a {
	font-size: 15px;
}


.a-menu a {
	font-family: inherit;
	text-transform: none;
	font-weight: normal;
	font-size: 110%;
}

.a-name,
.a-fag-stilling a {
	font-family: inherit;
	text-transform: none;
	font-weight: normal;
	font-size: inherit;
	line-height: 1.2;
}

.a-info {
	padding: 10px;
}


.row-ansatte {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	gap: 15px;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 0;
}

.row-ansatte:before {
	display: none;
}

.row-ansatte .a-menu {
	width: 100%;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0;
}

.row-ansatte .a-menu a {
	margin: 0;
	border-radius: var(--radius-sm);
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border: 0;
}

.row-ansatte .a-menu a.active {
	background: var(--ghg-white);
	color: var(--ghg-midnight);
	font-weight: bold;
}

/* All non-sub items go FIRST */
.a-menu>a:not(.sub) {
	order: 0;
	margin-right: 2px;
	line-height: 1;
	padding: 10px 15px;
	border-radius: var(--radius-sm);
}

/* Sub items always come AFTER non-sub items */
.a-menu>a.sub {
	order: 2;
	background: var(--ghg-white);
	color: var(--ghg-midnight);
	border: 0;
	opacity: 0.75;
	line-height: 1;
	padding: 6px 10px 5px 10px;
	font-size: 90%;
}

.a-menu::before {
	content: "";
	order: 1;
	flex-basis: 100%;
	/* FORCE new row */
}

.row-ansatte .a-menu .spacer {
	display: none;
}

.a-fag-stilling a {
	letter-spacing: 0;
}

.a-fag-stilling a.active {
	font-weight: bold;
}

.row-ansatte>.a-item {
	margin: 0;
	padding: 0;
	flex: 0 1 calc(20% - 13px);
	display: flex;
	flex-direction: column;
	float: none;
	min-height: auto;
}

.row-ansatte>.a-item.hidden {
	display: none !important;
}

.row-ansatte .a-item .a-item-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	border-radius: var(--radius-md);
	overflow: hidden;
	border: 0;
	background: var(--ghg-white);
}

.a-item .a-info {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	letter-spacing: 0;
}

.a-item .a-name {
	font-weight: bold;
}

@media (max-width:900px) {
	.row-ansatte>.a-item {
		flex-basis: calc(25% - 15px);
	}
}





.ghg-footer .social-nav.visible-xs:last-child {
	display: none !important;
}

.small-btns .big-btn {
	background-position: calc(100% - 36px) center;
}

.g-img-holder {
	border-radius: var(--radius-sm);
	overflow: hidden;
	transition:opacity 0.15s ease-out;
}

.g-img-holder:hover {
	opacity: 0.85;
}

.feature-box>.btn-holder {
	box-shadow: none;
	padding: 15px 0
}

.feature-box .feature-btn,
.feature-box .feature-btn:hover,
.feature-box .feature-btn:focus {
	background: var(--btn-primary-bg);
	border-radius: var(--radius-sm);
	text-align: center;
	transition:opacity 0.15s ease-out;
}

.feature-box .feature-btn:hover {
	opacity: 0.8;
}

.studie-btn,
.studie-btn:hover,
.studie-btn:focus {
	background: var(--btn-primary-bg);
	border-radius:var(--radius-md);
	transition:opacity 0.15s ease-out;
}
.studie-btn:hover {
	opacity:0.8;
}
.studie-btn:after {
  border-color:var(--ghg-green);
}

.info-module.testimonial .m-short_text:after,
.info-module.video .m-short_text:after {
	background: var(--ghg-stone);
}




.bd-content,
.besogsdag-signup .content-holder {
  border-radius:var(--radius-md);
  overflow:hidden;
}

.besogsdag-signup .content-holder {
  background:var(--ghg-gray-50);
  border-color:var(--ghg-stone);
}


.besogsdag-signup.open {
  margin-bottom:30px;
}

.bd_evt_afbud {
  width:100%;
  border-radius:var(--radius-md);
}

.bd-item.green .bd-content {
	background-color:var(--ghg-green);
}

.btn.btn-default,
.btn.btn-default:focus,
.btn.btn-default:active {
  background:var(--btn-primary-bg);
  color:var(--btn-primary-text);
  border-color:var(--btn-primary-bg);
  outline:1;
  outline-color:var(--btn-primary-bg);
  border-radius:var(--radius-md);
}

.input-group .form-control {
  border-radius:var(--radius-sm);
}

.feature-box .feature-btn,
.ghg_map_container .input-holder input[type="submit"],
.infobar-btn {
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}

.ghg_map_container .title-holder:before,
.ghg_map_container .input-holder:before {
	background: var(--ghg-gray-50);
	overflow: hidden;
	border-radius: var(--radius-lg);
	display:none;
}

.ghg_map_container .title-holder,
.ghg_map_container .input-holder {
	background: var(--ghg-gray-50);
	border-radius: var(--radius-lg);
	padding-left:25px !important;
}

.ghg_map_container .input-holder input[type="text"] {
	border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}

.ghg_map_container [type="submit"] {
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}



@media (max-width:650px) {

	.row-ansatte>.a-item {
		flex-basis: calc(33% - 11px);
	}

}

@media (max-width:767px) {

	.wrap,
	.site-content>.wrap,
	body:not(.home) .site-content>.wrap {
		background: transparent;
		padding-bottom: 20px;
	}


	.single .site-content,
	.page:not(.home) .site-content,
	.page:not(.home) #content {
		background: var(--ghg-gray-50);
	}

	.ghg-footer {
		padding-top: 50px;
	}

}


@media (max-width:900px) {
	.ghg-footer {
		background-position: center bottom;
	}
}






@media (max-width:1000px) {

	.header-bg,
	.home .header-bg.no-img {
		margin-top: -140px;
	}

	body:not(.home) .site-content>.wrap:first-child:last-child {
		border-radius: 0;
	}

}

@media (max-width:767px) {

	.m-img-holder:after {
		display: none !important;
	}

	.navigation-top .header-logo {
		background-image: url('/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/normal_sort_lille.png');
		width: calc(75% - 20px);
		max-width: 250px;
		top: 16px;
	}

	.navigation-top .site-nav-bg,
	.main-navigation ul {
		background: var(--ghg-gray);
	}

	.navigation-top a {
		color: var(--ghg-midnight);
	}

	.main-navigation ul ul.sub-menu {
		background: transparent;
		box-shadow: none;
	}

	.menu-top-menu-ekstra-container {
		background: var(--ghg-green-30);
	}

	.menu-top-menu-ekstra-container a:hover {
		color: var(--ghg-midnight) !important;
	}

	.main-navigation .menu-wrap>div>ul.extra-menu>li.navicon {
		background: rgba(0, 0, 0, 0.25);
		border-radius: var(--radius-sm);
		margin-left: 0 !important;
	}

	.main-navigation ul {
		background: transparent;
	}

	.main-navigation .main-menu li.active-subnav>a {
		text-decoration: underline;
	}

	.navigation-top .current-menu-item>a,
	.navigation-top .current_page_item>a,
	.navigation-top .current_page_ancestor>a {
		color: var(--ghg-midnight);
		text-decoration: underline;
	}

	.img-right .m-short-content,
	.img-right .m-long-content,
	.img-left .m-short-content,
	.img-left .m-long-content {
		padding-top: 6% !important;
		padding-bottom:65px !important;
	}

	.ghg_map_container .title-holder .h1 {
		font-size:150%;
	}

	.info-module {
        margin-bottom: 20px;
    }

}


.row.relaterede_studieretninger,
.row.andre_studieretninger {
padding-top:20px;
padding-bottom:20px;
}

.row.relaterede_studieretninger h2.h1,
.row.andre_studieretninger h2.h1 {
font-size:220%;
}

.studie-btn.related {
  border-radius:var(--radius-md);
}

.studie-btn.related:hover,
.studie-btn.related:focus {
color:var(--btn-primary-text);
background:var(--btn-primary-bg);
opacity:0.85;
text-decoration:none;
}

.studie-btn:before {
  background:var(--ghg-white);
   border-radius:0 var(--radius-md) var(--radius-md) 0;
}






.navigation-top.slim {
  background:var(--ghg-midnight-050);
}

@media screen and (min-width: 768px) {
  .navigation-top.slim .header-logo {
      background-image: url(/wp-content/themes/ghg-twentyseventeen-child/assets/images/refresh25/ghg_hvid_lille.png);
  }

  .main-navigation .sub-menu {
    background:var(--ghg-green-30);
    color:var(--ghg-midnight);
  }

  .main-navigation .sub-menu a {
  color:var(--ghg-midnight);
  }
  .main-navigation .sub-menu>li {
    opacity:1;
  }

  .main-navigation .sub-menu>li:hover,
  .main-navigation .sub-menu>li:focus {
    background:var(--ghg-gray-050);
  }

  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent var(--ghg-green-30);
  }

  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent var(--ghg-green-30);
    bottom: 0;
  }

}

@media screen and (max-width: 767px) {
    .main-navigation ul ul.sub-menu {
		padding-left:20px;
	}
	.main-navigation ul ul a {
		padding:0.6em 10px;
	}
	.main-navigation ul ul.sub-menu.toggled-on {
		max-height:1000px;
	}
	.archive .site-content-contain,
	.category-nyt .site-content-contain {
	background:var(--ghg-gray-50);
	}
}

.menu-toggle .bar {
  background-color:var(--ghg-green);
}



.infobar {
  font-size:100%;
}

.infobar .wrap {
  
  background:var(--ghg-gray-085);
  backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
  display:flex;
  align-items: center;
  justify-content: space-between;
  color:var(--ghg-midnight);
}

.infobar .wrap:after {
  display:none;
}

.infobar-text {
  text-transform:none;
  letter-spacing:0;
  font-size:100%;
  padding:7px 10px;
}

.infobar-btn, .infobar-btn:hover, .infobar-btn:focus, .infobar-btn:hover:focus {
  height:auto;
  min-height:27px;
  display:inline-flex;
  align-items: center;
  padding:7px 12px;
  gap:7px;
  margin-left:0;
  border-radius:var(--radius-sm);
  background:var(--ghg-green);
  color:#fff;
  text-transform:none;
  letter-spacing:0;
}
.infobar-btn:hover {
  opacity:0.85;
}

.infobar-btn:after {
  position:relative;
  top:auto;
  right:auto;
}

@media (min-width:768px) {
  .infobar .wrap {
    border-radius:var(--radius-sm);
  }
}


@media screen and (max-width: 767px) {
    .admin-bar .main-navigation {
        padding-bottom: 0;
    }
}


.header-bg-img:after {
  background:none;
}

@media (min-width:768px) {
  .header-bg-img:after {
    background:linear-gradient(to bottom,
    	rgba(0, 0, 0, 0.43) 15%,
    	rgba(0, 0, 0, 0.1) 60%,
    	rgba(0, 0, 0, 0) 100%)
  }
}


.m-read-more {
  background:rgba(255,255,255,0.75);
  border-radius:50%;
  left:auto;
  width:50px;
  height:50px;
  display:inline-flex;
  justify-content: center;
  align-items: center;
}

.m-read-more:after, .m-read-more:focus:after {
  width:20px;
  height:20px;
  position:relative;
  top:auto !important;
  left:auto !important;
  margin:0;
  transition:all 0.2s ease-out;
  transform: rotate(45deg) translate(-3px, -3px);
}

.info-module.open .m-read-more:after, .info-module.open .m-read-more:focus:after {
  transform: rotate(-135deg) translate(-3px, -3px);
}

.archive .page-header {
  border-bottom:0;
}

.archive .entry-meta a {
  

}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
  box-shadow:none;
}

.archive .entry-meta a,
h2.widget-title {
  color:var(--ghg-midnight);
  letter-spacing:0.2px;
  text-transform:none;
  font-weight:normal;
}

.widget ul li, .widget ol li {
  border-color:var(--ghg-stone);
}