:focus {
    outline: none !important;
}

/* here we will add all the theme stuff */

main p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

main a {
	text-decoration: underline;
	color: var(--color-b)
}



main h1 {
    margin: 1rem 0rem;
}

main h2 {
    font-weight: 500;
    margin: 0rem 0rem 1rem 0rem;
    font-size: 2rem;
}

main td {
	padding: 5px 5px;
}

.box-right {
    border-style: solid;
    border-width: 5px;
    border-color: #3b5e6d;
    background: #6b8f9e;
    color: #fff;
}

.top-logo {
    margin-top: -40px;
}

header .c-logo{
	padding-top:20px;
}

.search-box{
	padding-top:20px;
}

section .hack_top{
	margin-bottom: 1rem;
}

.top-left-menu .c-service-menu nav .c-service-menu__link{
	color:white;
	font-size:1.4rem;
	text-decoration:none;
	margin-top:50px;
	margin-bottom:0px;
	padding-bottom:0;
}

/*------- Member login -------*/

#logout {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
/*---------- Hero  ----------*/

.c-hero-banner {
	min-height: 400px;
}

.frontpage-hero-banner {
	min-height: 250px;
}

.c-hero-banner .frontpage-hero-banner .c-service-menu {
	margin-top:45px;
	float:right;
	
}

.in-content-hero .hero-banner-text{
	background-color: transparent;
}
.in-content-hero .hero-banner-text *{
	color:#000;
}

.in-content-hero .c-service-menu{
	margin-right: 15px;
}


.hero-banner-text{
	margin-top: -100px;
    height: calc(100% + 67px)!important;
    padding-bottom: 100px!important;
}

.c-mega-menu__level--1>li>p{
	color: #fff;
}

/*---------- Header ----------*/

header .c-service-menu {

	margin-bottom: 75px;
}

header .c-mega-menu__level--1 {
    margin-top: 25px;
    margin-bottom: 10px;
	display: flex;
	justify-content: flex-end;
}

.c-sticky-header .c-mega-menu__level--1 > li > a{
	padding-top: 5px;
	color:#ccc;
}
	
.c-sticky-header .c-logo {

	width: 100px;
	margin: 15px 0 10px 0;
}

.servicemenu {
    max-height: 25px;
}

section.clearfix.grid-wrapper {
    background-color: #f3f3f3;
}

/*---------- Mega menu  ----------*/


header .c-mega-menu__level--1  .c-mega-menu__li-a-text {
	color: #fff;
}



/*---------- Left menu  ----------*/
main .c-left-navigation a{
	text-decoration: none;
}




/*---------- Link-element  ----------*/

.link-menu .c-link-element{
	padding-bottom:0.5rem;
	padding-top:0.5rem;
}

.link-menu .c-link-element__link
{
	background-color: var(--color-b);
}

.link-menu .c-link-element__link__text
{
	color: #fff;
}

.link-menu .c-link-element__link__svg-arrow{
	fill:#fff;
}

.link-menu .c-link-element:first-child{
	padding-top:0;
}

.emneforside .c-link-element__link{
	padding: 0px 1rem 0px 0;
	background-color:transparent;

}

.emneforside  .c-link-element__image{
	border: 1px solid #000;
	margin-bottom: 5px;
}

.emneforside .c-link-element__link__text,
.emneforside .c-link-element a{
    text-decoration: none;
}

.c-link-element__link {
    width: 100%;
    padding: 0 1rem 0 0;
}

/*---------- Infobox ----------*/
.rte-infobox {
	border:1px solid var(--color-b);
	margin-bottom: 20px;
}

.rte-infobox h3,
.rte-infobox h4{
	color: #fff;
	background-color: var(--color-b);
	margin-top: 0px;
	padding: 10px;
}

.rte-infobox h3{
    font-size: 1.2rem;
}

.rte-infobox h4{
    font-size: 1rem;
    font-weight: 400;
}
	
.rte-infobox p{
	padding: 0px 5px 0 10px;
	font-size: 0.9rem;
}

/*----- Media carousel -----*/
	main .c-media-gallery{
		margin: 5px 0;
	}

/*---------- Vidi-maps--------*/

.c-vidi-map {
    padding-bottom: 90%;
    margin: 0 0 30px;
}

/*---------- Footer ----------*/

footer {
	padding-top: 100px;
    padding-bottom: 0px;
    background-color: var(--color-c);
}

footer .c-logo {

	margin-bottom: 20px;
}

footer h2{
	margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.55rem;
    font-weight:300;
    margin-bottom:5px;
}
footer h3{
	margin:0;
	font-size:1.3rem;
	margin-bottom:10px;
}
footer p{

	margin:0 0 20px 0;
}
footer .cowi-stamp, footer .cowi-stamp a {
	color: white;
	text-decoration:none;
	padding-top:10px;
	background-color: var(--color-a);
}

.c-breadcrumb li:not(.active) a:not(.c-breadcrumb__home-link), .c-breadcrumb__home-link-text{
	text-decoration:underline;
}

/*----- leaflet toolbar style -----*/

.c-leaflet-table .bootstrap-table button.btn.btn-secondary {
    cursor: pointer;
    background-color: var(--color-b);
    padding: 5px 10px;
    height: 35px;
    border: 0;
    color: #FFF;
}


/*----------Tillaeg----------*/

.c-localplan__id {
    padding: 1rem 15px;
    margin-bottom: 0rem;
    background-color: transparent;
    font-size: 1rem;
    color: #000;
}

.c-addendumdemarcationsoverview h2,
.c-localplan__id h2{
    margin: 15px 0px;
    font-size: 1rem;
    font-weight: 500;	
}

.c-localplan__id h2::before{
	content:"Plannavn: "
}

.c-addendumdemarcationsoverview a {
    font-size: 1rem;
}


/*----------Rammegrid----------*/
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item {
    background-color: transparent;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-key {
    background-color: transparent;
	background:  var(--color-b);
	border: 1px solid  var(--color-b);
	margin-right: 0px;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-key p{
	color: #ffffff;
	font-weight: 700;
	font-size: 0.9rem;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-value {
    background-color: transparent;
	border: 1px solid  var(--color-b);
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-value p{
	color: #4c4c4c;
	font-size: 0.9rem;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item:nth-child(odd) {
    background-color: #f5f5f5;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item:nth-child(even) {
    background-color: var(--color-grey);
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-key{
	flex: 2;
	background-color: transparent;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-key p{
	color: #4c4c4c;
	font-size: 0.8rem;
	line-height: 1.5;

}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-value{
	background-color: transparent;
}
.Kommuneplan-2017 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-value p{
	font-size: 0.8rem;
    font-weight: 400;
	line-height: 1.5;
    color: #000;
}



/----Media Queries----/

/*----------Rammegrid----------*/
.Kommuneplan-17 .grid-rammebestemmelser .col--md-8 {
	max-width: 80%;
	flex: 0 0 80%;
}
.Kommuneplan-17 .grid-rammebestemmelser .col--md-4 {
	max-width: 19.8%;
	flex: 0 0 19.8%;
}
.Kommuneplan-17 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item{
	flex-direction: column;
}
	
/*----------Rammegrid----------*/