/*
Theme Name: Eyefun
Theme URI: http://www.eyefun.nl
Author: Eyefun.nl
Author URI: http://www.eyefun.nl
Description: Geen omschrijving.
Version: 1.4
*/

body, html {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

body {
	color: #545454;
	font-size: 15px;
	line-height: 25px;
	background: #f2f2f2;
}

p {
	margin-bottom: 25px;
}

.wrap {
	position: relative;
}

.wrap > section {
	position: relative;
}

.container.rel {
	position: relative;
}

h1 {
	font-size: 32px;
    color: #0059a0;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin-bottom: 20px;
}

h2 a {
	text-decoration: none !important;
}
a {
	color: #545454;
	cursor: pointer;
}

a.readon {
    font-family: 'Nothing You Could Do', cursive;
    color: #0059a0;
    font-size: 24px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    text-decoration: none !important; 
}

.archive .aside a.readon {
    font-family: 'Roboto', sans-serif;
    color: #0059a0;
    font-size: 15px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
}

a.readon:hover {
    text-decoration: none;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 20px;
}

ul.no-margin {
	margin-top: -25px;
}

.btn-primary {
    color: #fff;
    background-color: #0059a0;
    border-color: #0059a0;
}

.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
}

.alignleft{
	float: left;
	margin: 0px 20px 20px 0px;
}

/* header */
header {
	height: 100px;
	width: 100%;
	position: fixed;
	z-index: 900;
	-webkit-transition: height 150ms ease-in-out;
	-moz-transition: height 150ms ease-in-out;
	-ms-transition: height 150ms ease-in-out;
	-o-transition: height 150ms ease-in-out;
	transition: height 150ms ease-in-out;
}

header .container {
	height: 100%;
}

header .content {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);
	z-index: 99;
}

header .logo {
	position: absolute;
	top: 50%;
	margin-top: -37px;
	left: 10px;
	width: 285px;
	height:74px;
	display: block;
}

header .menu {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background-color: #0059a0;
	z-index: 98;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

header .menu.active {
	bottom: -50px;
}

header .menu li a {
	color: #fff;
	line-height: 50px;
}

header.affix {
	height: 100px;
}

header li.current-menu-item a,
header li.current-menu-parent a {
	border-bottom: 1px solid #fff;
}

header li a:hover,
header li a:active,
header li a:focus {
	border-bottom: 1px solid #fff;
	text-decoration: none;
	outline: none;
}

#toggleMenu {
	display: block;
	top: 50%;
	margin-top: -25px;
	right: 10px;
	padding-right: 60px;
	line-height: 50px;
	position: absolute;
	color: #0059a0;
	text-transform: uppercase;
	text-decoration: none;
}

#toggleMenu .icon {
	position: absolute;
	right: 0;
	top: 0;
	height:50px;
	width: 50px;
	background-color: #0059a0;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

#toggleMenu .bar {
	width: 22px;
	height: 3px;
	position: relative;
	display: block;
	margin: 16px auto 0 auto;
	background-color: #fff;
}

#toggleMenu .bar+.bar {
  margin-top: 4px;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
}

header .menu li ul.dropdown-menu>li>a {
    color: #545454;
    line-height: 35px;
    border: none;
    padding: 0px 10px;
}

header .menu li ul.dropdown-menu>li.active>a {
    color: #fff;
}

header .menu li ul.dropdown-menu>li.current-page-ancestor>a {
    color: #fff;
}


/* secheader */
#secheader{
    margin-top: 100px;
}

#secheader .bg {
    width: 100%;
    height: auto;
}



/* secintro */
#secintro {
	position: relative;
	margin-top: -70px;
	padding-bottom: 80px;	
}

#secintro:before {
	content: "";
	position: absolute;
	top: 0px;
	background-image: url('img/streek-top.png');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: cover;
	height: 70px;
	width: 100%;
}

#secintro:after {
	content: "";
	position: absolute;
	bottom: 0px;
	background-image: url('img/streek-bottom.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 70px;
	width: 100%;
	background-color: #0059a0;
}

#secintro .introductie {
	font-size: 18px;
	line-height: 26px;
	padding-top: 120px;
}

#secblocks{
	position: relative;
	background-color: #0059a0;
	padding-top: 80px;	
	padding-bottom: 80px;	
}

#secblocks p {
	margin-top: 15px;
	margin-bottom: 22px;	
}

#secvision {
	position: relative;
	padding-top: 120px;	
	padding-bottom: 40px;	
	margin-top: -70px;
}

#secvision:before {
	content: "";
	position: absolute;
	top: 0px;
	background-image: url('img/streek-top.png');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: cover;
	height: 70px;
	width: 100%;
}

#secvision:after {
	content: "";
	position: absolute;
	bottom: -40px;
	background-image: url('img/streek-bottom.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 70px;
	width: 100%;
	z-index: 9;
}

#secvision h2 {
	font-size: 32px;
    color: #0059a0;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin-bottom: 20px;	
}




/* focusitem */
.focusitem {
	position: relative;
	padding: 10px;
	margin: 0 auto 30px auto;
}

#secblocks .focusitem,
#secwork .focusitem,
.archive .focusitem.aside {
	position: relative;
	padding: 10px;
	width: 150px;
	margin: 0 auto 30px auto;
}

.aside .focusitem {
	margin-top: -10px;
}

.focusitem .content {
	background-color: #fff;
	position: relative;
	padding: 20px 20px 20px 20px;
}

.focusitem.aside .content {
    height: 420px;
}

.page .focusitem.aside .content {
    height: auto;
}

.focusitem .content h2,
#secwork .focusitem .content h2,
#secvervolg .focusitem .content h2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
    color: #0059a0;
	margin-top: 0px;
}

.focusitem .content p {
	margin-bottom: 0px;
}

.page .focusitem .content p {
	margin-bottom: 25px;
}

.focusitem .tl, .focusitem .tr, .focusitem .bl, .focusitem .br{
	position: absolute;
	width: 35px;
	height: 35px;
}

.focusitem .tl {
	background: url('img/haak_tl.png') no-repeat;
	left:0;
	top:0;
}

.focusitem .tr {
	background: url('img/haak_tr.png') no-repeat;
	right:0;
	top:0;
}

.focusitem .bl {
	background: url('img/haak_bl.png') no-repeat;
	left:0;
	bottom:0;
}

.focusitem .br {
	background: url('img/haak_br.png') no-repeat;
	right:0;
	bottom:0;
}





/* kaart */
section.kaart {
	
}

section.kaart .bg {
	width: 100%;
	height: auto;
}

#kaartanim {
	position: absolute;
	left: 45%;
	margin-left: -523px;
	top: 50%;
	margin-top: -290px;
	width: 1046px;
	height: 592px;
}

#kaartanim .fg, #kaartanim .bg {
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

#kaartanim .fg img, #kaartanim .bg img {
	bottom:0;
	position: absolute;
	
}

#kaartanim .fg {
	z-index:5;
}

#kaartanim .bg {
	z-index:4;
}

#kaartanim .pins {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:6;
}

#kaartanim .pins .pin {
	position: absolute;
	width: 43px;
	height: 60px;
	z-index: 900;
	background: url('img/anim-kaart/pin.png') no-repeat;
	cursor: pointer;
	outline: none;
}

#kaartanim .pins .pin:focus {
	outline: none;
}

#kaartanim .pins .pin.active {
	background: url('img/anim-kaart/pin-active.png') no-repeat;
	z-index: 999;
}

#pin1 { left: 692px; top: 76px; }
#pin2 { left: 670px; top: 55px; }
#pin3 { left: 489px; top: 185px; }


#pin4 {
  left: 744px;
  top: 143px;
}


#pin5 {
  left: 768px;
  top: 166px;
}


#pin6 {
  left: 791px;
  top: 159px;
}


#pin7 {
  left: 905px;
  top: 127px;
}


#pin8 {
  left: 1008px;
  top: 210px;
}


#pin22 {
  left: 710px;
  top: 263px;
}


#pin21 {
  left: 593px;
  top: 275px;
}


#pin20 {
  left: 540px;
  top: 297px;
}


#pin19 {
  left: 593px;
  top: 331px;
}


#pin18 {
  left: 418px;
  top: 263px;
}


#pin17 {
  left: 391px;
  top: 248px;
}


#pin16 {
  left: 380px;
  top: 224px;
}


#pin15 {
  left: 322px;
  top: 326px;
}


#pin14 {
  left: 265px;
  top: 377px;
}


#pin13 {
  left: 443px;
  top: 360px;
}

#pin12 {
  left: 386px;
  top: 409px;
}

#pin11 {
  left: 305px;
  top: 457px;
}

#pin10 {
  left: 419px;
  top: 501px;
}


#pin9 {
  left: 393px;
  top: 481px;
}

#pin23 {
  left: 1009px;
  top: 256px;
}

section.kaart .details {
	position: absolute;
	right: 14%;
	width: 200px;
	bottom: 40px;
	text-align:right;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 22px;
	color: #0059a0;
	display: none;
	z-index: 99;
}

section.kaart .details.active {
	display: block;
}

section.kaart .details a {
	text-decoration: underline;
	color: #0059a0;
}

.kaartmobile {
	min-height: 300px;
	background: url('img/polder_mobile.png') no-repeat;
	background-size: cover;
	padding: 70px 0 60px 0;
}

.kaartmobile .quote {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin-bottom: 60px;
}

.kaartmobile .selectlocation {
	margin-top: 60px;
}




.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    max-width: 300px;
    padding: 0px;
    font-family: 'Nothing You Could Do', cursive;
    font-size: 22px;
    line-height: 25px;
    color: #0059a0;
    letter-spacing: normal;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: transparent;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,0.2);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popover a {
	color: #ffffff;
	text-decoration: underline;	
}

.popover>.arrow {
	display: none;
}

.popover-content {
    padding: 10px;
}

.popover.right {
    margin-left: 5px;
}

.tooltip-inner {
    max-width: 300px;
    padding: 15px 20px 15px 20px;
	color: #ffffff;
    text-align: left;
    background-color: #d51317;
    border-radius: 0px;
    position: relative;
}

.popover-content .tl, .popover-content .tr, .popover-content .bl, .popover-content .br {
	position: absolute;
	width: 35px;
	height: 35px;
}

.popover-content .tl {
	background: url('img/haak_tl-red.png') no-repeat;
	left:0;
	top:0;
}

.popover-content .tr {
	background: url('img/haak_tr-red.png') no-repeat;
	right:0;
	top:0;
}

.popover-content .bl {
	background: url('img/haak_bl-red.png') no-repeat;
	left:0;
	bottom:0;
}

.popover-content .br {
	background: url('img/haak_br-red.png') no-repeat;
	right:0;
	bottom:0;
}



/* secwork */
#secwork {
	position: relative;
	padding-top: 150px;	
	padding-bottom: 40px;	
	margin-top: -70px;
}

#secwork:before {
	content: "";
	position: absolute;
	top: 0px;
	background-image: url('img/streek-top.png');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: cover;
	height: 70px;
	width: 100%;
}

#secwork:after {
	content: "";
	position: absolute;
	bottom: -40px;
	background-image: url('img/streek-bottom.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 70px;
	width: 100%;
	z-index: 9;
	background-color: #0059a0;
}

#secwork h2 {
	font-size: 32px;
    color: #0059a0;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin-bottom: 20px;	
	margin-top: 0px;
}

#secwork .focusitem .content {
    height: 375px;
}

#secwork .focusitem .content p {
    margin-bottom: 22px;
}



/* secvervolg */
#secvervolg {
    position: relative;
	margin-top: -70px;
    padding-bottom: 80px;
	padding-top: 100px;
}

#secvervolg a {
	text-decoration: underline;
}

#secvervolg:before {
    content: "";
    position: absolute;
    top: 0px;
    background-image: url('img/streek-top.png');
    background-repeat: no-repeat;
    background-position: center 50px;
    background-size: cover;
    height: 70px;
    width: 100%;
}

#secvervolg:after {
    content: "";
    position: absolute;
    bottom: 0px;
    background-image: url('img/streek-bottom.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 70px;
    width: 100%;
    background-color: #0059a0;
}

#secvervolg h2 {
	font-size: 32px;
    color: #0059a0;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.contentwrap {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 30px;
}

#secvervolg .contentwrap h2  {
	font-size: 32px;
    color: #0059a0;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin-bottom: 10px;
}

#secvervolg .contentwrap h2  a {
    color: #0059a0;
}

.postmeta {
	margin-bottom: 10px;
	color: #949494;
}
.archive .focusitem.aside {
	margin-top: 50px;
}

.focusitem.aside .content p {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.focusitem.aside .content p:last-child {
	border-bottom: 0px solid #d6d6d6;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #545454;
    background-color: transparent;
    border: 0px solid #ddd;
    margin-left: -1px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0059a0;
    border-color: #0059a0;
    cursor: default;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #0059a0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination>li:first-child>a:hover, .pagination>li:first-child>span:hover {
    color: #545454;
    background-color: transparent;
}

.postcontent a {
	text-decoration: underline;
}


/* secfooter */
#secfooter {
	position: relative;
	background-color: #0059a0;
	padding-top: 120px;	
	padding-bottom: 80px;	
	color: #fff;
}

.page #secfooter,
.archive #secfooter {
	padding-top: 70px;	
}

#secfooter h4 {
    font-size: 17px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 3px;	
}

#secfooter p {
	margin-top: 0px;
	margin-bottom: 22px;	
}

#secfooter a {
	color: #fff;
}



/* copyright */
#seccopy {
    position: relative;
    font-size: 13px;
    padding-top: 100px;
    padding-bottom: 20px;
    margin-top: -70px;
}

#seccopy:before {
	content: "";
	position: absolute;
	top: 0px;
	background-image: url('img/streek-top.png');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: cover;
	height: 70px;
	width: 100%;
}



/* form */


.gform_wrapper .gform_body .top_label .gfield_label {
    margin: 0px 0px 0px 0px;
    font-weight: 700;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3;
    clear: both;
}

.form-group {
    margin-bottom: 25px;
}

.gform_wrapper .gform_body .gform_page_footer .button.gform_previous_button {
    margin-bottom: 0px;
}

.gform_wrapper.gf_browser_chrome .gform_body .gfield_radio li input[type=radio],
.gform_wrapper ul.gform_fields li.gfield input[type=radio] {
	margin-left: -20px !important;
}