/********  GENERELT  *************/

body {
    font-size: 16px;
    line-height: 1.5;
    color: black;
}

*:focus {
    outline: 2px solid #3ab333;
}

.ce_accordionSingle:focus-within {
    outline: 2px solid #3ab333;
} 

a.skip-to-content-link {
    background: #d6e8f5;
    color: black;
    height: 30px;
    /* left: 50%; */
    padding: 6px 10px 0px;
    height: 37px;
    font-weight: 500;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
z-index: 20000;
    border-radius: 0 0 10px 10px;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}

.mainmenu ul li:focus-within > ul, 
.mainmenu ul li:focus-within .megamenu-wrapper {
    display: block;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
    margin-bottom: 10px;
    margin-top: 10px;    
}

.ce_accordion .toggler:before {
    color: #000;
}

.ce_table table th {
    background: #cbe954;
    color: black;
}


#main p a {
    text-decoration: underline;
    color: rgb(30,136,210);
    color: #004C6B;
}

body .logo a {
	background-image: url("/files/vejenforsyning/design/Logo_horizontal_RGB.png");    
    font-size : 0;
    color: black;    
}

body .stickyheader .logo a {
    background-image: url("/files/vejenforsyning/design/Logo_horizontal_RGB_hvid.png");    
    font-size : 0;
    color: white;    
}

#skipNavigation155 {
    color: black;
}


input.submit[type="submit"], button.submit[type="submit"] {
    background: #c8e35f;
    color: black;
}

.forsidebadge.bg-accent {
    background-color: #a8c147;
}

.forsidebadge.bg-second {
    background-color: #ce706b;
}

.forsidebadge.bg-brun {
    background-color: #ece6d7;
}

.forsidebadge.bg-gul {
    background-color: #e8be72;
}

.mod_pageimage .forsidebadge.bg-brun h1.headline,
.mod_pageimage .forsidebadge.bg-brun p {
	color: black;
}


@media only screen and (max-width: 1076px) {
	#nav-open-btn {
		display: block;
		right: 20px;
	}
	.header {
    	background: #253543;
	}	
	
	.header .mod_search {
		display : none;
	}
}


@media only screen and (max-width: 767px) {
	body .logo a {
	    background-image: url("/files/vejenforsyning/design/Logo_horizontal_RGB_hvid.png");    
	}
}

.mod_breadcrumb {
    border-top: none;
    border-bottom: none;
    background-color: #353535;
    color: white;
}

.mod_breadcrumb a{
    color: #98CEF0;
    color : white;
}

.mod_breadcrumb li {
    font-size: 15px;
}

.mod_breadcrumb li:before {
    content: "/";
    margin-right: 8px;
    font-family: sans-serif;
    font-weight: bold;
}

.header .mainmenu ul li a:hover {
    color: #98CDF0;
}

.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu) {
	color : #a8c146!important;	
    background: rgb(255,255,255)!important;
}

.header .mainmenu ul ul li a.trail:not(.megamenu) {
    background: rgb(255,255,255)!important;
	color: #004C6B!important;    
}

.header .mainmenu ul ul li a.active {
    background: #98CDF0!important;	
}

.header.original .mainmenu ul li a.trail, 
.header.original .mainmenu ul li a.active {
    color: #5DA437;    
}


.header.cloned .mainmenu ul li a.trail, 
.header.cloned .mainmenu ul li a.active {
    color: #a8c146;
}

.bg-second {
background-color : #68CDF3;
	background-color: #293d4c;
}

.bg-third {
background-color : #004C6B;
}

.bg-forth {
background-color : #68cdf3;
}




.bg-white {
	background-color: #fff;
}

.mainmenu ul ul {
    padding: 15px 11px;
}

.mainmenu ul li {
    margin-left: 0;
    margin-right: 0;
}

.mainmenu ul li a {
    margin-left: 14px;
    margin-right: 14px;
}

.mainmenu ul ul li a {
    padding: 0 10px !important;
    margin-left: 0px;
    margin-right: 0px;
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu) {
    background: #a8c146!important;
}

.mainmenu ul li.megamenu:hover .megamenu-wrapper {
    max-width: 772px;
    left: 29%;
}


.padding-m {
	padding : 15px 20px!important;
}

.header .mod_search {
    margin-left: 0;
}

.ce_hyperlink a, a.btn,
.ce_revolutionslider_hyperlink {
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 15px;
    line-height : 1.8;
}

.ce_hyperlink a.hyperlink_txt {
    color: black!important;
}

.ce_hyperlink-extended a.link-white.outline {
    color: rgb(255,255,255)!important;
}

.color-white a.hyperlink_txt {

    border-color: transparent!important;
}


.newsteaser_v2 h3 {
    margin: 0;
    font-size: 1.2rem;    
}

.newsteaser_v2 .content_left {
    float: left;
    width: 10%;
    padding-top: 2px;
    text-align: center;
}

.newsteaser_v2 .content_right {
    width: 90%;
}

.ce_accordion {
    margin-bottom: 11px;
    background-color: white;
    color: black;
}

.color-white .ce_accordion p {
	color : black!important;
}

.newsreader.hergravervi .back {
	display :none;
}

.newsreader.hergravervi {
    border-bottom: #004c6b 2px solid;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.newsreader.hergravervi + div {
    background-color: #dee9f1;
    padding: 40px;
}
/********  Cookie boks  *************/    
    
    .mod_privacy_optin .palette .item:first-of-type {
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.07);
}

.mod_privacy_optin .cookie_help_link, 
.mod_privacy_optin .cookie_help_close {
    text-decoration: none;
}
    
/********  Footer  *************/

#footer .quicklinks em {
	font-size : 20px; 
	
}

#footer h2 {
	font-size : 1.5rem;
}

@media only screen and (min-width: 767px) {
	#footer .footer-hojre {
		text-align :right;	
	}
}

/********  Downloads  *************/

.ce_downloads li {
    margin-bottom: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    border-bottom: none;
}

.ce_download a,
.ce_downloads a,
.color-white .ce_downloads a {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    width: auto;
    background: rgb(152,152,152);
    border: 2px solid rgb(152,152,152);
    color: black;
    font-weight: bold;
    min-width: 140px;
    text-align: center!important;
    position: relative;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    font-size: 0.9rem;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 15px;
    line-height: 1.8;
    background: #a8c146;
    border-color: #a8c146;        
    border-color: transparent!important;    
}

.publikationer .ce_download a,
.publikationer .ce_downloads a {
    width: 100%;
    display: block;
    text-align: left!important;
    background: #004A6B;
    border-color: #004A6B;
    border-radius: 8px;
    line-height: 1.3;
	margin-bottom: 10px;    
	color: white;
}

.ce_downloads a span.size {

    font-size: 0.8rem;
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    padding-left: 25px;
    color: inherit;
display : none;
}

/********  Forside  *************/
body.home #breadcrumb {
	display :none;
}

body.home #fix-wrapper {
    position: relative; 
}

.bg-vand-spildevand {
 background: linear-gradient(90deg, #68cef3 50%, #004b6c 50%);
}


body.home .tp-caption a {
	color : white;
}


/********  Forside slider *************/
.home #quicklinks,
.home .quote1,
.home .quote2,
.home .cta {
	left : 54%!important;
}


.home #quicklinks {
	color : white;
}

.home #quicklinks h3 {
	color : white;
	font-size: 32px!important;
	font-weight : 700;
}

.home #quicklinks ul li {
	line-height: 1.4!important;
	font-size : 14px!important;
}

@media only screen and (min-width: 1300px) {
.home #quicklinks ul li {
	font-size : 16px!important;
}

}

/*
.home .vagttelefon {
	color: rgba(255, 255, 255, 0.63);
	font-size : 14px!important;	
}
*/

.home #vagttelefon {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    z-index: 100000;
}

.home #vagttelefon a {
	color :white;
}

.home #vagttelefon a:hover {
	text-decoration: underline;
}

.home #vagttelefon .inside {
top: 20px;
	max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;


    z-index: 100000;
    color: white;

color: rgba(255, 255, 255, 0.8);
	font-size : 18px!important;	
    text-align: right;	
}

/********  left right elelemnter *************/


.ce_bgimage_content_left .ce_bgimage_content {
	max-width: 520px;
    float: right;
    width : 100%
}

.ce_bgimage_content_right .ce_bgimage_content .ce_text {
	max-width: 510px;
    width : 100%;
}

.ce_bgimage_content_start .ce_bgimage_content_right {
    padding-left: 50px;
}

.ce_vejen_baggrundselement_start .ce_bgimage_content_left, 
.ce_vejen_baggrundselement_start .ce_bgimage_content_right {
    background-size :cover;
    background-position : center center;
	padding-left: 60px;
    padding-right: 60px;    
}

.ce_bgimage_content_start.bg-second .bg_overlay {
	background: #293d4c;
}

.ce_bgimage_content_start.bg-third .bg_overlay {
	background: #004C6B;
}

.ce_bgimage_content_start.bg-forth .bg_overlay {
	background: #68cdf3;
}

/******** her graver vi *************/


.digging .ce_openstreetmap {
/*height: 800px;*/
}

.hergravervi .layout_simple a {
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 15px;
	width: 100%;
    display: block;
    text-align: left!important;
    background: #004A6B;
    border-color: #004A6B;
    border-radius: 8px;
    line-height: 1.3;
    margin-bottom: 10px;	
    
}

/******** Om os *************/
.teambox_inside img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.ce_teambox .function {
	margin-bottom : 0;
}

.ce_teambox .email {
	margin-bottom : 20px;
}


/******** Job *************/
.ce_testimonial_version2 .image_container img {
    border-radius: 100%;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);    
}

.ce_testimonial_version2 .ce_testimonial_inside {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}


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

	.bg-vand-spildevand {
    	background: #004b6c;
    	color: white;
	}

	
	.ce_bgimage_content_start {
	    background-image: none!important;
	}
	
	.ce_bgimage_content_start.img-left-67 .ce_bgimage_content_left,
	.ce_bgimage_content_start.img-left-50 .ce_bgimage_content_left,
	.ce_bgimage_content_start.img-left-33 .ce_bgimage_content_left {
		display: none;
	}

	.ce_bgimage_content_start.img-right-67 .ce_bgimage_content_right,
	.ce_bgimage_content_start.img-right-50 .ce_bgimage_content_right,
	.ce_bgimage_content_start.img-right-33 .ce_bgimage_content_right {
		display: none;
	}
	
	.ce_vejen_baggrundselement_start .ce_bgimage_content_left, 
	.ce_vejen_baggrundselement_start .ce_bgimage_content_right {
		padding-left: 20px;
	    padding-right: 20px;    
	}
	
	.ce_vejen_baggrundselement_start .mobile_image {
		display :block!important;
	}
	
}