@font-face {
  font-family: 'VattenfallLight';
  src: url('../fonts/VattenfallHall-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VattenfallHall-Light.woff2') format('woff2'),
       url('../fonts/VattenfallHall-Light.woff') format('woff');
}

@font-face {
  font-family: 'VattenfallMedium';
  src: url('../fonts/VattenfallHall-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VattenfallHall-Medium.woff2') format('woff2'),
       url('../fonts/VattenfallHall-Medium.woff') format('woff');
}

@font-face {
  font-family: 'VattenfallRegular';
  src: url('../fonts/VattenfallHall-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VattenfallHall-Regular.woff2') format('woff2'),
       url('../fonts/VattenfallHall-Regular.woff') format('woff');
}

@font-face {
  font-family: 'VattenfallBold';
  src: url('../fonts/VattenfallHall-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/VattenfallHall-Bold.woff2') format('woff2'),
       url('../fonts/VattenfallHall-Bold.woff') format('woff');
}


body{
		font-family: 'VattenfallRegular', Arial;
}

p, .has-large-font-size{
	font-family: 'VattenfallRegular', Arial;
	font-size: 16px;
	line-height: 23px;
}

.page-template-windpark h2, .page-template-windpark article h3, .page-template-vattenfall h2{
	font-size: 16px;
	line-height: 23px;
	margin: 23px 0 0 0;
	
}

h1, h2, h3, h4, h5, strong{
	font-family: 'VattenfallBold', Arial;
}

/* UI Styles */

hr{
	max-width: 100%;
	border-bottom: 4px solid #e3e3e3;
	margin: 1rem;
}

p.byline{
	text-align: center;
	padding-top: 1.5rem;
	line-height: 23px;
	font-size: .9rem;
	font-weight: 400;
	color: #595959;
}

article .inner-content a{
	color: #0862ad
}

article .inner-content a:hover, article .inner-content a:focus{
	color: #000
}

/* Grid styles */

.inner-content{
	max-width: 1362px;
	margin: 0 auto;
}

/* HEADER */

.head{
	padding-top: 1.5rem;
	position: relative;
}

.head hr{
	margin-bottom: .5rem;
}

.logo{
	margin-bottom: .8rem;
}

.logo img{
	width: 200px;
	height: 31px;
}

.logo, .windpark-head{
	text-align: center;
}

.windpark-head p{

	font-family: 'VattenfallLight', arial;
	margin-bottom: .5rem;
}

.windpark-head span{
	font-family: 'VattenfallBold', arial;
}


.nav-wrapper{
	padding: 0 .9375rem;
	position: relative;
	display: flex;
    justify-content: center;
}

.switcher{
	position: absolute;
	right: .5rem;
	top: 0;
}

.switcher .menu a{
	    padding: .7rem .5rem !important;
	    font-family: 'VattenfallBold', arial;
	    margin: 0;
}

ul.menu a{
	font-size: 16px;
	color: #202020;
	 font-family: 'VattenfallMedium', arial;
	 padding: .7rem 0!important;
	 margin: 0 1.5rem;
}

ul.menu a:hover{
	color: #0862ad;
}

ul.submenu{
	background: #ebf2f3;
	border: none;
}

.submenu li a:hover{
	color: #0862ad;
}

.menu .active > a{
	background: none;
	color: #202020;
}

.menu .active > a{
    background: none;
    color: #202020;
    border-bottom: 2px solid #0862ad;
    font-family: 'VattenfallBold', arial;
    
}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    left: auto;
    right: 0;
    z-index: 99999;
} 

.menu.submenu .current_page_item a{
	border-bottom: none !important;
	font-family: inherit;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{
	display: none;
}

.menu .is-dropdown-submenu-parent.is-active a{
	color: #202020 !important;
}

.menu .is-dropdown-submenu-parent.is-active > a:hover{
	color: #0862ad !important;
}
.menu.mobile{
	position: absolute;
	top: 55px;
	left: 10px;
	width: 40px;
}

.search-container{
	position: absolute;
	right: .9375rem;;
	width: auto;
	bottom: 10px;
	
}

form.search-form{
	display: none;
	position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px 4px rgba(100,100,100,.4);
    box-shadow: 0 10px 20px 4px rgba(100,100,100,.4);
    z-index: 1000;
    top: 30px;
    color: #000;
    width: 400px;
    right: 0px;
}

form.search-form input{
	margin-bottom: 0;
}


/* FOOTER */


.newsletter{
	background: #edf9f3;
		padding: 3rem 0;
}

.newsletter .gform_wrapper .gform_footer{
	padding: 0 !important;
}


footer.footer{
	background: #ebf2f3;
	padding: 3rem 0;
}

ul.footer-social{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 1.25rem 0 0 0;
}

ul.footer-social li{
	margin-right: 1rem;
}

a.icon{
display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  color: #000;
  line-height: 60px;
  text-align: center;
  font-size: 2rem;
  transition: all .25s ease-in-out;
}

a.icon:hover{
	background: #000;
	color: #fff;
}



p.footer-link{
	line-height: 1;
}
p.footer-link a, .footer h3 a{
	color: #000;
}
p.footer-link a:hover, p.footer-link a:focus, .footer h3 a:hover{
	color: #2071b5;
}

img.arrow-footer{
	width: 16px;
	height: auto;
	margin-right: 16px;
	position: relative;
	top: -2px;
}

/* HOMEPAGE */

.owl-carousel{
	position: relative;
}

.owl-nav{
	position: absolute;
	top: 45%;
	display: flex;
	width: 100%;
	padding: 0 1rem;
}

button.owl-next{
	margin-left: auto;
}

.owl-nav button svg{
	fill: #fff;
}


 .owl-dots {
    text-align: center;
    bottom: 5px;
    width: 100%;
    position: absolute;
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(255,255,255, 1);
    margin-left: 5px;
    margin-right: 5px;
}

.owl-dot.active {
    background: rgba(0,0,0, 1);
}


.slide-content{
	max-width: 1362px;
	margin: 0 auto;
	padding: 0 4.5rem;
	text-align: center;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.slide{
	background-size: cover !important;
	height: 400px;
	display: table;
	width: 100%;
}

.slide h2{
	padding: 0 3rem;
}

.slide .button{
    font-size: 16px;
    display: inline-block;
    padding: 11px 40px;
    background: rgb(255, 218, 0);
    border-radius: 50px;
    transition: background 0.1s ease-in 0s, color 0.1s ease-in 0s;
    color: #000;
}

/* Timeline */

.timeline-wrapper{
	position: relative;
	max-width: 1200px;
	margin: 4rem auto 6rem;
	text-align: center;
}

.timeline-wrapper h2{
	margin-bottom: 3rem;
}

.timeline{
	display: flex;
	position: relative;
	z-index: 2;
}

.line{
	position: relative;
	margin: 0 12.5%;
	display: flex;
	border-top: 10px solid #e3e3e3;
	z-index: 1;
	top: 55px;
}

.line-mobile{
	display: none;
}

.year-wrap{
	width: 20%;
	text-align: center;
}

.year-digit{
	margin: 0 auto 1.5rem;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	color: #fff;
	background: #2071b5;
	text-align: center;
}

.year-digit:hover{
	background: #ffe85b;
	color: #202020;
}

.year-digit h3{
	line-height: 100px;
	font-size: 1.2rem;
}


/* Speech bubbles */

section.bubbles{
	background: #ebf2f3;
	padding: 2rem 0 3rem 0;
}

.bubble{
	padding: 2rem !important;
	color: #fff;
	position: relative;
}

.bubble p{
	line-height: 1.5;
}

.bubble span{
	font-family: 'VattenfallBold', arial;
}

.bubble.one{
	background: #3dc07c;
}

.bubble.one:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #3dc07c;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}


.bubble.two{
	background: #85254b;
}

.bubble.two:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #85254b;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

.bubble.three{
	background: #005c63;
}

.bubble.three:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #005c63;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

.other-blogs.home h3{
	font-size: 1.4rem;
    line-height: 28px;
    padding-bottom: .666666667rem;
}

.other-blogs.home section.content{
	padding-top: 0;
}



/* VATTENFALL PAGE */

header.map{
	background: url('../images/kaart-vattenfall.jpg') no-repeat bottom right;
	background-size: cover;
	padding: 5rem 0 15rem;
}
.map-content{
	padding: 4.5rem 0 2.5rem 0;
}

.page-template-vattenfall p strong{
	margin-bottom: 0;
}

/* VRAGEN PAGE */

.page-template-vragen article header{
	background: #fffee5;
	padding: 4.5rem 0;
}

.page-template-vragen article header.blauw{
	background: #ebf2f3
}

.page-template-vragen article header.grijs{
	background: #e3e3e3;
}

.page-template-vragen article header.groen{
	background: #edf9f3
}

section.faq{
	padding: 4.5rem 0;
}

section.vragen-form{
	padding: 4.5rem 0;
}

section.vragen-form.blauw{
	background: #ebf2f3
}

section.vragen-form.grijs{
	background: #e3e3e3;
}

section.vragen-form.groen{
	background: #edf9f3
}

/* VRAGEN TABS */

ul.accordion{
	background: #fff;
}

.accordion-title{
	border: none;
	color: #2071b5;
	font-size: 20px;
	line-height: 35px;
	padding: 1.25rem 1rem 1.25rem 1.5rem;
	background: #fff !important;
}

.accordion-title:before {
    left: 0;
    top: 35%;
    content: url('../icons/arrow_2rightblue.svg');
    width: 10px;
    height: auto;
}

.is-active>.accordion-title:before{
	content: url('../icons/arrow_2rightblue.svg');
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-content{
	border: none;
	padding: 1rem 1rem 1rem 1.5rem;
}

:last-child:not(.is-active)>.accordion-title, :last-child>.accordion-content:last-child{
	border: none;
}

/* Windpark page */


header.windpark{
	padding: 6rem 0;
	background-size: cover !important;
	background-position: center center !important;
	background: no-repeat;
	text-align: center;
}

header.windpark h1{
	color: #fff;
}

section.windpark-content{
	padding: 2.25rem 0;
}



.windpark-content.blauw{
	background: #ebf2f3
}

.windpark-content.grijs{
	background: #e3e3e3;
}

.windpark-content.groen{
	background: #edf9f3
}

.windpark-content.wit{
	background: #fff;
}


/* NEWS ARCHIVE */


.news{

	padding: 0 .9375rem;
	
}

.news .cell{
	background: #ebf2f3;
	padding: 0 !important;
}

.news article header, .news article section{
	padding: 0 2rem;
}

.news article header h3{	
	font-size: 1.4rem;
    line-height: 28px;
    padding-bottom: .666666667rem;
}

.news article header h3 a{
	color: #000
}

/* NEWS SINGLE */

.single .masthead{
	background: #ebf2f3;
	text-align: center;
	padding: 39px 0;
	margin-bottom: 65px;

}

.single article header{
	text-align: center;
}

.single article header h1{
	margin-bottom: 1.5rem;
}

.other-blogs article{
	background: #ebf2f3;
	padding: 0 !important;
	
}

.other-blogs article a{
	color: #000;
}

.other-blogs article a:hover{
	color: #2071b5;
}

.other-blogs{
	padding: 0 .9375rem;
}


.other-blogs section.content{
	padding: 1.875rem;
}

/* Share button */

.share{
	position: relative;
	padding: 1.5rem 0 .5rem 0;
	margin-top: 1.5rem;
	border-top: 1px solid #e3e3e3;
}

button:hover{
	color: #2071b5;
	cursor: pointer;
	position: relative;
}

img.share-icon{
	height: 30px;
	width: auto;
}

.share-links{
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px 30px;
    -webkit-box-shadow: 0 10px 20px 4px rgba(100,100,100,.4);
    box-shadow: 0 10px 20px 4px rgba(100,100,100,.4);
    z-index: 1000;
    bottom: 118px;
    color: #000;
}

.share-links.active{
	display: block;
}

.share-links:after{
content: '';
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

.share-links ul{
	margin: 0;
}

.share-links ul li{
	list-style: none;
	line-height: 2.2;
}

.share-links li a{
	color: #000;
	font-family: 'VattenfallBold';
}

.share-links li.facebook:before{
	content: '\f39e';
	font-family: 'Font Awesome 5 Brands';
	padding-right: 6px;
	padding-left: 6px
}

.share-links li.twitter:before{
	content: "\e61b"; /* Unicode voor het X icoon */
    font-family: "Font Awesome 6 Brands";
	padding-right: 7px;
}

.share-links li.linkedin:before{
	content: '\f0e1';
	font-family: 'Font Awesome 5 Brands';
	padding-right: 9px;
}

.share-links li.email:before{
	content: '\f0e0';
	font-family: 'Font Awesome 5 Pro';
	padding-right: 6px;
}



/* Search page */

.search-results .content article{
	margin-bottom: 4.5rem;
	padding-bottom: 4.5rem;
	border-bottom: 4px solid #e3e3e3;
}

/* Gravity Forms styling */

.gform_wrapper li.no-label label.gfield_label, .gform_wrapper li.no-label .ginput_complex.ginput_container label{
	display: none;
}

.gform_wrapper .gform_heading, .gform_wrapper span.gform_description{

    margin-bottom: 0 !important;
}
[type=checkbox], [type=file], [type=radio]{
	margin: 0 !important;
}

.gform_wrapper .ginput_complex input{
	 margin-bottom: 0 !important;
 }

.gform_wrapper .gfield_checkbox li input[type=checkbox]{
	margin-right: .5rem;
}

ul.gfield_checkbox li a{
	color: #000;
	text-decoration: underline;
}

.gform_wrapper textarea, .gform_wrapper input[type="text"]{
	border: none;
	box-shadow: none;
	padding: 8px !important;
}

.gform_wrapper input[type="submit"]{
	padding: .5rem 1.5rem;
	color: #000;
	background: #fff;
	border-radius: 50px;
	border: 2px solid #000;
	width: auto !important;
}

.gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"]:focus, .gform_wrapper input[type="submit"]:active{
	background: #000;
	color: #fff
}

.gform_wrapper{
	margin: 0 !important;
}

.gform_wrapper .gform_footer{
	margin: 0 !important;
	padding: 0;
}

input::placeholder, textarea::placeholder{
	color: #000;
}

.newsletter .gform_wrapper ul li.field_description_below div.ginput_container_checkbox  {

margin-top: -16px !important;
margin-bottom: 16px
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    vertical-align: top !important;

}

.pum-theme-988 .pum-container, .pum-theme-vattefall .pum-container {
	padding: 0;
}

.pum-vattenfall-wrapper{
	padding: 30px;
	background-color: #2071B5;
	background-size: cover;
	text-align: center;
	color: #fff;
}

.pum-vattenfall-wrapper h4{
	font-size: 1.4rem;
}

.pum-vattenfall-wrapper p{
	color: #202020;
	margin-bottom: 0;
}



.pum-gf-wrapper{
	padding: 6px 18px 18px 18px;
}

.pum-gf-wrapper .gform_wrapper input[type="text"], .pum-gf-wrapper .gform_wrapper input[type="email"]{
	border: 1px solid #e3e3e3;
}

.pum-gf-wrapper .gform_wrapper li.gfield{
	margin-top: 0;
}

.pum-gf-wrapper .gform_wrapper .gform_footer{
	margin-top: 16px !important;
}

.pum-gf-wrapper .gform_wrapper input[type="submit"]{
    font-size: 16px;
	color: #000;
	background: #ffda00;
	border-radius: 50px;
	border: 2px solid #ffda00;
    color: #202020;
}

.pum-gf-wrapper .gform_wrapper input[type="submit"]:hover, .pum-gf-wrapper .gform_wrapper input[type="submit"]:focus, .pum-gf-wrapper .gform_wrapper input[type="submit"]:active{
    font-size: 16px;
	color: #000;
	background: #ffda00;
	border-radius: 50px;
	border: 2px solid #ffda00;
    color: #202020;
}

/* Cookiebar */

.cli-tab-footer .cli-btn{
    background-color: #ffda00 !important;
    padding: 11px 20px !important;
    width: auto;
    color: #000 !important;
    border-radius: 50px !important;
    text-decoration: none;
}



/* Tablet styles */

@media all and (max-width: 1023px){
	
	.archive-grid{
		grid-template-columns: repeat(2,1fr);
	}	
	
}

/* Mobile styles */

@media all and (max-width: 639px){
	
	.archive-grid{
	grid-template-columns: repeat(1,1fr);
	}
	
	/* Header */
	
	.head{
		padding-top: 0;
	}
	
	.logo{
		width: 160px;
		margin: 0 auto;
	}
	
	.switcher-mobile hr{
		margin-top: 0;
		margin-bottom: 1rem;
	}
	
	.windpark-head p{
		font-size: 16px;
	}
	
	.search-container{
	position: absolute;
	right: .9375rem;;
	width: auto;
	bottom: 2px;
	
}
	
	/* Homepage */
	
	.timeline{
		display: block;
	}
	
	.line{
		display: none;
	}
	
	.line-mobile{
		display: inline-block;
	height: 550px;
	border-left: 10px solid #e3e3e3;
	z-index: 1;
	top: 110px;
	left: 70px;
	position: absolute;;;
	}
	
	.year-wrap{
	width: 100%;
	text-align: left;
	display: table;
	margin: 1.5rem 0
	}
	

	
	.year-digit{
		margin: 0 1.5rem;
	}
	
	.year-content{
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		
	
	}
	
	.year-content p{
		margin-bottom: 0 !important;
	}

	
	.bubble{
		margin-bottom: 4.5rem;
	}	
	
	/* Vattenfall */
	
	header.map{

	padding: 1.5rem 0 20rem;
	}
	.map-content{
		padding: 4.5rem 0 2.5rem 0;
	}
	
	.overlay{
		background: rgba(255,255,255, .85);
	}
	
	/* Vragen */
	
	.accordion-title:before{
	    left: 0;
	    top: 0;
	    padding-top: 1.8rem;
	}

	.is-active > .accordion-title::before {
		padding-top: 2rem !important;
		top: 12px;
		left: 10px;
	}

	
	/* Footer */
	
	footer.footer .cell{
		margin-bottom: 3rem;
	}
}