/*
Theme Name: BWBootstrap
Description: Wordpress theme for default websites
Version: 0.1
Author: P. Huizinga & S. Spykstra @ Barnworks
*/

/* Reset */
/* Handled by reset.css from https://github.com/murtaugh/HTML5-Reset */

/* GENERAL */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus {
	outline: none;
}
*,html,body {
	font-family: 'Verdana', verdana, sans-serif;
	font-size: 18px;
	line-height: 22px;
}
body {
    color: #000;
    letter-spacing: -.05rem;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sofia-pro,sans-serif;
    margin-bottom: 2rem;
    font-weight: 700;
    color: #005bfe;
}
input {
	font-family: inherit;
}
ul {

    list-style: none;

}


.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.givetable a {
display: table;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
#iframe{
	overflow:hidden;
	height: 1000px;
}

/* GOUWIT AANPASSINGEN  */
.Background-wrap {
    height: 0;
}
.git-layoutpanel {
	position: relative !important;
}
.blok {
	padding: 20px;
}
.homepage-style .blok {
	overflow: unset !important;
}
.homepage-style .row {
	-webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
}
.headerMenu {
	background: url('images/trans65.png');
	z-index: 100;
	padding: 0;
	top: 110px;
	-moz-box-shadow:    0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow:         0px 0px 20px -10px #000;
}
/* KEYCLOAK AANPASSINGEN*/
button, input, select, textarea {

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 0;
    padding: 3px 10px;
    width: 100%;
    background: #EFEFEF;
    color: #444;
    height: 40px;
    line-height: 40px;
}
.alt-button {
	padding: 0 !important;
	margin-top: 20px;
}
.alt-button img {
	width: 150px;
}
.eherkenning-logo img {
	border-radius: 10px;
}
.eherkenning-niveau {
	position: absolute;
	right: 0;
	bottom: 20px;
}
.eherkenning-logo {
	margin-top: 10%;
	border-radius: 10px;
}
.eherkenning-niveau img {
	width: 100px;
}
.btn-primary:hover {
    background-color: green !important;
    border-color: green !important;
}
.btn-group-lg > .btn, .btn-lg {
    border-radius: 0px !important;
}
.login-block_header {
	font-size: 175%;
	margin: .5em 0;
	font-weight: 300;
	color: #009ddb;
	letter-spacing: 0.01em;
}
.login-block {
	background: #FFF;
    background-color: rgb(255, 255, 255);
	-moz-box-shadow: 0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow: 0px 0px 20px -10px #000;
	background-color: white;
	padding: 20px 30px;
	margin-bottom: 40px;
	margin: 1%;
	height: 350px;
}
.container {
    width: 1170px;
}
body {
	overflow-x: hidden;
	color:#444;
	background: #f6f6f6;
	position: relative;
}
.git-lp-header > .header {
	height: 100%;
	margin-bottom: 50px;
}
.git-lp-main {
	width: 100%;
	margin-top: 50px;
}
/* GOUWIT AANPASSINGEN EINDE  */

hr {
	border-style: solid none none;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #F9F9F9;
}

.git-lp-header.Header {
	position: inherit;
    background: #FFF;
    -moz-box-shadow: 0px 0px 20px -10px #000;
    -webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
    background-color: white;
    padding: 20px 30px;
    margin-bottom: 10px;
}

section {
	width: 100%;
	padding: 15px 0;
}

/* reset.css */
th {
    height: 4rem;
    border-bottom: solid 1px #d2d0d0;
}

.git-grid-sel {
	width: 3rem;
}

td, td img {
    vertical-align: middle;
    height: 3rem;
    border-bottom: solid 1px #d2d0d0;
    text-align: center;
}

table {
    width: 100%;
}

button {
	padding: 5px 15px;
    color: #FFF;
    background: #119003;
    text-decoration: none;
    border: none;
    margin: 10px 0px;
}
.digid-loket-opties {
	list-style-type: square;
	text-indent: 20px;
}
.homepage-style .git-gridlayout {
	display: flex;
    flex-direction: column;
}
.homepage-style .box {
	width: 100%;
    margin-bottom: 0 !important;
}
.homepage-style .git-gridlayout .row {
    margin-bottom: 30px;
}
.homepage-style #git-content {
	width: 100%;
    background: unset;
    box-shadow: unset;
    margin-bottom: 40px;
}
.git-content {
	width: 100%;
}
#git-content {
	background: #FFF;
    -moz-box-shadow: 0px 0px 20px -10px #000;
    -webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
    background-color: white;
    margin-bottom: 40px;
}
.validation-error {
	color: red;
}

/* TEXT */

.text-blue {
	color: #009ddb !important;
}

.post-date {
	color: #777;
	margin: -10px 0 20px;
}

.no-margin {
	margin: 0 !important;
}

/* LINKS */

.clear{
	clear:both;
}
a:hover {
	color: #FF9900;
}

a.text-blue:hover {
	color: #FF9900 !important;
}

a.subLink:hover,
a.linkWhole:hover,
#smart-archives-fancy .tabs a:hover {
	border-bottom: none !important;
}

a img,
.header a,
#menu-hoofdmenu a,
.logo a,
.footer a,
.breadcrumbs a {
	border: 0;
}

ul.newsList li a,
ul.faqs li a {
	background: url('images/list-item-arrow.png') no-repeat left center;
	padding-left: 10px;
}

#smart-archives-fancy .tabs li {
	background: none;
}

/* SECTIONS */

.git-frame-title {
	padding: 20px;
}
.git-lp-main .box {
		padding: 0;
}
.git-gridlayout .box { 
	box-shadow: none;
	padding: 0;
}
.git-lp-header {
	position: relative;
	width: 100%;
	margin-top: 30px !important;
    margin-bottom: 40px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

section.header {
	position: relative;
	padding: 20px 30px;
	-moz-box-shadow: 0px 0px 20px -10px #000;
    -webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
}



/* GRID */

.row:before, .row:after {
    content: "";
    display: table;
    line-height: 0;
}
.row   {
	position: relative;
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.row [class*="span"] /* wildcard, used to detect all elements within .row starting with 'span' */ { 
	float: left;
	position: relative;
}

.row.no-overflow {
	overflow: visible;
}
.centered.row {
	max-width: 1040px;
	min-width: 980px;
	margin: 0 auto;
	clear: both;
}
.row .textCenter{
	text-align: center;
}
.span1 {
	width: 8.333333%;
}
.span2{
	width: 16.66666%;
}
.span3{
	width: 25%;
}
.span4{
	width: 33.333333%;
}
.span5{
	width: 41.666666%;
}
.span6{
	width: 50%;
}
.span7{
	width: 58.33333%;
}
.span8{
	width: 66.66666%;
}
.span9{
	width: 75%;
}
.span10{
	width: 83.33333%;
}
.span11{
	width: 91.666666%;
}
.span12{
	width: 100%;
}

/* GRID WITH PADDING */

.row.padding [class*="span"] {
	padding: 20px 30px;
}

/* GRID WITH MARGIN */

.row.margin [class*="span"] {
	margin: 1%;
}
.margin .span1 {
	width: 6.333333%;
}
.margin .span2{
	width: 14.66666%;
}
.margin .span3{
	width: 23%;
}
.margin .span4{
	width: 31.333333%;
}
.margin .span5{
	width: 39.666666%;
}
.margin .span6{
	width: 48%;
}
.margin .span7{
	width: 56.33333%;
}
.margin .span8{
	width: 64.66666%;
}
.margin .span9{
	width: 73%;
}
.margin .span10{
	width: 81.33333%;
}
.margin .span11{
	width: 89.666666%;
}
.margin .span12{
	width: 98%;
}
.row.no-float  [class*="span"]{
	float: none;
	margin: 0% auto;
}

/* EXCEPTIONS */

.themeNavigation  {
	padding-top: 60px;
	padding-bottom: 0px;
}
.themeNavigation2 {
	padding-top: 0px;
}

.bgAngle  {
	background-image: linear-gradient(163deg, rgba(255,0,0,0)50%, rgb(246, 246, 246)50%);
}

.taxInfo .row.padding [class*="span"] {
    padding: 10px 20px;
}
.taxInfo .row.padding .span4 {
    padding: 15px 20px 25px;
	margin: 1%;
	width: 31.333333%;
	border: 1px solid #009ddb;
}

.taxInfo .row.padding .span4 h4 {
	background-color: #009ddb !important;
	color: #fff !important;
	margin: -15px -20px 10px !important;
	padding: 10px 20px !important;
}

.taxInfo .row.padding .span4 .taxLinks li {
	background: url('images/list-item-arrow.png') no-repeat left 8px;
	padding-left: 10px;
}

/* HEADER & FOOTER */

.footer {
	background-color: #f6f6f6;
	height: 250px;
}

.footer [class*="span"] {
	border-top: 1px solid #EFEFEF;
}

.header .logo {
	height: 80px;
	
}
.header .topMenu {
	position: absolute;
	right: 50px;
	top: 5px;
	
}
.footer .footermenu {
	text-align: right;
}
.footer .footerMenu  li a,
.header .topMenu  li a {
	color: #FFF;
	text-decoration: none;
	float: left;
	line-height: 16px;
	padding: 0px 12px;
	border-right: 1px solid #10afe8;
}
.footer .footerMenu  li a {
	color: #999;
	border-right: 1px solid #EFEFEF;
}
.footer .footerMenu  li.last a{
	border-right: 0px solid #10afe8;
	padding: 0 0 0 15px;
}
.footer .footerMenu  li a:hover {
	color:#FF9900;
}
.footer .footerMenu ul{
	float: right;
}
.footer .footerMenu  li,
.header .topMenu  li  {
	float: left;
}
.header .headerSearch {
	position: absolute;
	right: 10px;
	bottom: 0px;
	
}

.box {
    background: #FFF;
    -moz-box-shadow: 0px 0px 20px -10px #000;
    -webkit-box-shadow: 0px 0px 20px -10px #000;
    box-shadow: 0px 0px 20px -10px #000;
    background-color: white;
    padding: 20px 30px;
    margin-bottom: 40px;
}


.headerMenu .row.padding [class*="span"].mainMenu {
	padding: 0;
}
.headerMenu .mainMenu ul {
	padding: 0;
	margin: 0 auto;
	color: red;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}
.mainMenu {
	width: 100%;
}
.headerMenu .mainMenu ul li{
	margin: 0 10px;
	padding: 0;
	float: left;
	line-height: 50px;
	font-size: 110%;
	font-weight: 400;
	position: relative;
}

.themeNavigation2 i {
	position: absolute;
	top: 25px;
	left: 42%;
	font-size: 40px;
}

.git-content {
	width: 100%;
}

.headerMenu .mainMenu ul li a{
	text-decoration: none;
	font-size: 125%;
	line-height: 50px;
	color: #FFF;
	float: left;
	padding: 0 25px;
}

.headerMenu .mainMenu   ul.menu li:hover,
.current_page_parent > a,
.current_page_ancestor > a,
.current-menu-item > a{
	color: #FFF;
	background: url('images/transActive.png');
	line-height: 50px;
}

.headerMenu  ul.sub-menu{
	position: absolute;
	left:-9999px;
	width: 300px;
	background: #FFF;
	-webkit-box-shadow: 0 8px 6px -6px #CCC;
	   -moz-box-shadow: 0 8px 6px -6px  #CCC;
	        box-shadow: 0 8px 6px -6px  #CCC;
	padding: 20px 0;
	top: 50px;
	z-index: 1000;
	
} 
.headerMenu li:hover ul.sub-menu{
	left: 0px;
}
.headerMenu ul.sub-menu li{
	width:100%;
}
.headerMenu  ul.sub-menu li a{
	font-size: 14px !important;
	color: #444;
	line-height: 30px;
	padding: 0 10px;
}

.headerMenu  ul.sub-menu li:hover{
	font-size: 14px !important;
	color: #444 !important;
	line-height: 30px !important;
	background: none !important;
}

.sub-menu .current-menu-item > a{
	background: none;
}


/* HOMEPAGE */

.themeNavigation .row.padding  .span4 {
	height: 130px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	/*line-height: 150px;*/
	padding:0;
	-moz-box-shadow:    0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow:         0px 0px 20px -10px #000;
}

.themeNavigation .span4 .title{
	padding:63px 4px;
} 

.themeNavigation .span4.particulier {
	background: #ff9900 url('images/bgParticulier.png') right bottom no-repeat;
}
.themeNavigation .span4.bedrijf {
	background: #009ddb url('images/bgBedrijf.png') right bottom no-repeat;
}
.themeNavigation .span4.notaris {
	background: #007d32 url('images/bgNotaris.png') right bottom no-repeat;
}
.background-test {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -10;
}
.themeNavigation2 .row.padding  .span4 {
	height: 130px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	/*line-height: 150px;*/
	padding:0;
	-moz-box-shadow:    0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow:         0px 0px 20px -10px #000;
}
.themeNavigation2 .span4 .title{
	padding: 70px 4px;
    padding-bottom: 70px;
    padding-bottom: 38px;
} 
.footer_box {
	display: table;
	width: 100%;
	background-color: #f6f6f6;
}
.themeNavigation2 .span4:nth-child(3n+1) {
	background: #ff9900 url('images/bgParticulier.png') right bottom no-repeat;
}
.themeNavigation2 .span4:nth-child(3n+2) {
	background: #009ddb url('images/bgBedrijf.png') right bottom no-repeat;
}
.themeNavigation2 .span4:nth-child(3n+0) {
	background: #007d32 url('images/bgNotaris.png') right bottom no-repeat;
}

.margin-top {
	margin-top: 40px !important;
}

.margin-bottom {
	margin-bottom: 40px !important;
}

.homeLists .span6 {
	min-height: 235px;
	background: #FFF;
	-moz-box-shadow:    0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow:         0px 0px 20px -10px #000;
}
/* PAGE */

.pageWrapper {
	background: #FFF;
	float: left;
	width: 98%;
	overflow: hidden;    
	margin: 1%;
	margin-top: 70px;
	min-height: 500px;
	-moz-box-shadow:    0px 0px 20px -10px #000;
	-webkit-box-shadow: 0px 0px 20px -10px #000;
	box-shadow:         0px 0px 20px -10px #000;
}

.pageMenu a{
	text-decoration: none;
	line-height: 30px;
}

.pageMenu .current_page_item a{
	font-weight: bold;
}

.pageMenu .menu{
	margin-bottom: 30px;
}
.pageMenu .children{
	display: none;
}
.pageMenu .subLink {
	width: 100%;
	line-height: 45px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}
.pageMenu .subLink.particulier {
	background: #ff9900 url('images/bgParticulier.png') right bottom no-repeat;
}
.pageMenu .subLink.bedrijf {
	background: #009ddb url('images/bgBedrijf.png') right bottom no-repeat;
}
.pageMenu .subLink.notaris {
	background: #007d32 url('images/bgNotaris.png') right bottom no-repeat;
}

.pageDetails {
	border-left: 1px solid #F2F2F2;
	min-height: 300px;
}

.vraag em {
	font-size: 20px;
	line-height: 25px;
	padding: 10px 20px;
	color: #999;
	float: left;
	width: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	border: 1px solid #EFEFEF;
	margin: 10px 0;
}

/* SEARCH */

.searchResults  li{
	width: 100%;
	border-top: 1px solid #EFEFEF;
	padding: 10px 0;
}
.searchResults  li p{
	margin: 0;
}

/* BREADCRUMBS */

.breadCrumbs span {
	float: left;
}
.breadCrumbs ul{
	float: left;
	margin-left: 10px;
}
.breadCrumbs ul li {
	float: left;
}
.breadCrumbs  {
	padding: 15px 30px !important;
	background: #F2F2F2;
}
.breadCrumbs  ul li a{
	text-decoration: none;
	font-weight: 300;
	color: #009ddb;
	text-decoration: none;
}
.breadCrumbs ul li i{
	margin: 5px 10px;
}


/* RESIZER */

.fontResizer {
	position: absolute;
	right: 10px;
	top: 0;
}
.fontResizer a{
	text-decoration: none;
}

/* CONTACT */

.formRow {
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	width :100%;
}
.formRow label {
	font-size: 90%;
	font-weight: 600;
	color: #444;
	text-align: left !important;
	float: left;
	width: 100%;
}
input[type="email"],
input[type="text"],
input[type="password"] {
	border: 0;
	padding: 3px 10px;
	width: 100%;
	background: #EFEFEF;
	color: #444;
    height: 40px;
    line-height: 40px;
}
textarea {
	border: 0;
	padding: 3px 10px;
	line-height: 25px;
	height: 100px;
	width: 100%;
	background: #EFEFEF;
	color: #444;
}	
input[type="file"]{
	border: 0;
	padding: 0px 10px 0 0 ;
	line-height: 25px;
    height: 40px;
	float: left;
    line-height: 40px;
	background: #FFF;
	color: #444;
	width: 50%;
}	

/* BUTTONS */

.btnPrimary{
	padding: 10px 20px;
	background: #00CCFF;
	color: #FFF;
	float: left;
	text-decoration: none;
}

.btnPrimary.green{
	background: green;
}

.linkWhole {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}



/* INPUTS */

select {
	width: 225px;
	margin-top: 10px;
	border: 0;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	-moz-appearance: none;
}

.header  #searchform input {
	border: 0;
	background: #80ceed;
	width: 200px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding: 5px 15px;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.header  #searchform input:focus {
	width: 230px;
}

.header  #searchform label {
	display: none;
}

.header #searchform #searchsubmit {
	border: 0;
	background: #008fcc url('images/search.png') no-repeat center center;
	width: 40px;
	height: 40px;
	float: right;
	padding: 0 15px;
	text-indent: -9999px;
	margin-left: 0px;
}
.form-group-left {
	width: 47%;
	float: left;
}
.form-group-right {
	width: 47%;
	float: right;
}
.error-messages {
	background-color: #fffc00;
	margin: 10px 0 0px 0px;
}
.error-messages span {
	color: #000;
	padding: 10px;
}

.animatedLink {
	text-decoration: none;
}


/* SLIDER */


.sliderWrapper .bx-wrapper,
.sliderWrapper .bx-viewport{
	width: 100% !important;
	height: 100% !important;
}

.sliderWrapper .bxslider{
	height: 900px;
}
.sliderWrapper .bxslider li{
	height: 100%;
	background-size: cover;
	background-position: center center;
	padding-top: 150px;
}



/* CREATING WHITE HEADER */ 

.headerMenu {
	background: url('images/transActive.png');
}
.header {
    background: none repeat scroll 0 0 #FFF;
}
.header .topMenu li a {
    border-right: 1px solid #EFEFEF;
    color: #999;
}
.footer .footerMenu li a {
    border-right: 1px solid #EFEFEF;
    color: #444;
}
.header .topMenu li{
    color: #999;
	font-size: 85%;
	line-height: 16px;
}
.header .topMenu li span{
    padding: 0 15px;
	line-height: 16px;
}


.closeMenu {
	display: none;
}

@media all and (max-width:1050px){
	.centered.row{
		max-width:96%;
		min-width:96%;
	}	
	.themeNavigation2 .row.padding .span4 {
    	width: 46%;
    	background: #ff9900
	}
	.git-lp-zone-w {
		justify-content: center;
	}
	.git-frame {
		-webkit-overflow-scrolling: touch;
    	overflow: scroll;
	}
	.ReactModal__Content {
		top: 40vh !important;
		left: 10% !important;
		right: 10% !important;
		bottom: unset !important;
	}
	
}
@media all and (max-width:920px){
	.span7{
		width:96%;
	}
	.pageMenu .subLink{
		text-align:left;
		padding-left:2%;
	}
	
	.iframe{
	height: 2000px;
	}
	
}
@media all and (max-width:800px){
	.breadCrumbs span,
	.pageMenu .subLink,
	.sliderWrapper,
	#sidebar,
	.headerSearch{
		display: none;
	}
	.pageMenu .menu {
		margin-bottom: 0px;
	}
	.row.padding [class*="span"] {
		padding: 10px 15px;
	}
	.breadCrumbs {
		padding: 10px 10px !important;
	}
	.pageMenu {
		border-bottom: 1px solid #EFEFEF;
		width: 100%;
	}
	.pageDetails {
		border: 0;
	}
	.footer [class*="span"] {
		border-top: 0px solid #efefef;
	}
	.centered.row {
		max-width: 96%;
		min-width: 96%;
		margin: 0 auto;
		clear: both;
	}
	.taxInfo .row.padding .span4 ,
	.margin .span5,	.span5,
	.margin .span6,	.span6,
	.margin .span7,	.span7,
	.margin .span8,	.span8,
	.margin .span9,	.span9,
	.margin .span10,	.span10,
	.margin .span11,	 .span11,
	.margin .span12,	 .span12{
		width: 98%;
		-moz-box-shadow:    0px 0px 0px  #000;
		-webkit-box-shadow: 0px 0px 0px  #000;
		box-shadow:         0px 0px 0px  #000;
	}
	.margin .span3,	.span3{
		width: 46%;
	}
	.toggleMenu{
		position: fixed;
		height: 50px;
		width: 100%;
		left: 0;
		top: 0;
		padding: 0 20px;
		line-height: 50px;
		z-index: 10000;
		font-weight: 300;
		color: #FFF;
		font-size: 18px;
		cursor: pointer;
		background: url('images/transActive.png');
	}
	.closeMenu{
		display: block;
		float: left;
		height: 50px;
		width: 100%;
		padding: 0 10px;
		line-height: 50px;
		z-index: 10000;
		font-weight: 600;
		color: #FFF;
		cursor: pointer;
		font-size: 14px;
		text-transform: uppercase;
		border-top: 1px solid #008FCC;
		background: url('images/transActive.png');
	}
	.mainMenu {
		height: 100%;
	}
	.closeMenu i,
	.toggleMenu i{
		float: right;
		margin-top: 13px;
		font-size: 24px;
	}
	.headerMenu .mainMenu ul li a {
		padding: 0 10px;
	}

	.homeLists .span6 {
		min-height: 100px;
	}
	.pageWrapper {
		background: none repeat scroll 0 0 #fff;
		box-shadow: 0 0 0px #000;
		float: left; 
		margin: 50px 1% 1%;
		min-height: 100px;
		overflow: hidden;
		width: 98%;
	}
	.breadCrumbs {
		width: 100%;
	}
	.themeNavigation {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.themeNavigation .span4 {
		line-height: 30px;
	}
	
	.iframe{
	height: 2000px;
	}
}
@media all and (max-width:700px){
	.taxInfo .row.padding .span4{
		height:auto;
	}
	.iframe{
	height: 2000px;
	}
	
}

@media all and (max-width:500px){
	.hidden-sm {
		display: none;
	}
	
	.iframe{
	height: 2000px;
	}
	
	.themeNavigation .row.padding  .span4 {
		box-shadow: 0 0 0 #000;
		font-size: 20px;
		height: 50px;
	}
	.themeNavigation .span4 .title{
		padding:12px 4px;
	}
	.margin .span1,	.span1,
	.margin .span2,	.span2,
	.margin .span3,	.span3,
	.margin .span4,	.span4{
		width: 98%;
		-moz-box-shadow:    0px 0px 0px  #000;
		-webkit-box-shadow: 0px 0px 0px  #000;
		box-shadow:         0px 0px 0px  #000;
	}
}
@media all and (max-width:400px){
	.themeNavigation .row.padding  .span4{
		text-align:left;
		font-size:18px;
	}
	.themeNavigation  .span4 .title{
		margin-left:1%;
	}
	.iframe{
	height: 2000px;
	}
}

ul{
	margin: 0 0 1em;
}

.pageDetails ul {
    margin-left: 15px;
    list-style-type: none;
}

.pageDetails ul li {
	background: url('images/list-item-arrow.png') no-repeat left 8px;
	/* background-position:0 18px; */
	padding-left: 10px;
}
    
.pageDetails ol {
    margin-left: 20px;
    list-style-type: decimal;
}

/* NEW THEME */

.lead p {
    font-size: 2.4rem;
    line-height: 3.6rem;
}
.card-column .column__wrapper.card--gradient, .card.card--gradient {
    background: #2f8358;
    background: linear-gradient(297deg,#2f8358 32%,#005bfe);
}
.card-column .column__wrapper.card--gradient.gradient-secondary, .card.card--gradient.gradient-secondary {
    background: #2f8358;
    background: linear-gradient(297deg,#2f8358 32%,#005bfe);
}
.header__nav-bar {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 999;
    border-bottom: .1rem solid rgba(27,68,130,.1);
}
a:not(.button) {
    color: #005bfe;
    text-decoration: underline;
}
a {
    background-color: transparent;
}
.header__nav-bar .header__logo img {

    height: 5.5rem;
    margin-left: 15px;

}
.card-column .column__wrapper.card--link.card--gradient .card__body::after, .card.card--link.card--gradient .card__body::after {
    background-image: url(../img/arrow-right-white.png);
}

.card, .card-column .column__wrapper {
    text-decoration: none !important;
    background-color: #fff;
    height: 100%;
    color: #000;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    display: inline-block;
    width: 100%;
    border-radius: 1.5rem;
    position: relative;
    transition: all .3s;
    border: .1rem solid #e6e6e6;
    min-height: 320px;
}
.card-column .column__wrapper.card--gradient .card__body .card__body-description, .card-column .column__wrapper.card--gradient .card__body .card__body-title, .card.card--gradient .card__body .card__body-description, .card.card--gradient .card__body .card__body-title {
    color: #fff;
    font-size: 3.6rem;
	line-height: 4.2rem;
	margin: 0px;
}
.card-column .column__wrapper.card--gradient .card__body .card__body-description, .card-column .column__wrapper.card--gradient .card__body .card__body-title, .card.card--gradient .card__body .card__body-description, .card.card--gradient .card__body .card__body-title {
    color: #fff;
}
.container {
    width: 100%;
    padding-right: 0 !important;
	padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
}
.button {
	background-color: #005bfe;
	padding: 1.4rem;
	border-radius: .5rem;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none;
	width: auto;
	height: auto;
	border: none;
	color: #000;
	transition: all .3s;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
}
.login-block_footer {
	position: absolute;
	bottom: -40px;
	left: 55px;
}
.digit-block_img {
	margin-top: 10%;
}
.card__body p {
	font-size: 16px;
	margin-top: 10px;
	line-height: 25px;
}
@media screen and (min-width: 1200px) {
    h1  {
        font-size: 4.8rem;
        line-height: 5.5rem;
        }
    .p-b-60--xl {
        padding-bottom: 3rem !important;
    }
    .p-t-60--xl {
        padding-top: 6rem !important;
    }
    .col-xl-7 {
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
    .card-column .column__wrapper.card--digid::before, .card.card--digid::before {
        width: 7.9rem;
        height: 7.9rem;
        background-image: url(../img/digid_eo_rgb_100px.png);
    }
    .card-column .column__wrapper.card--eherkenning::before, .card.card--eherkenning::before {
        width: 7.9rem;
        height: 7.9rem;
        background-image: url(../img/logo-eherkenning.png);
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 120rem;
	}
	.card-column .column__wrapper.card--digid .card__body, .card.card--digid .card__body {
	    max-width: 70%;
	}
	.card-column .column__wrapper .card__body, .card-column .column__wrapper .inner, .card .card__body, .card .inner {
	    padding: 3.5rem 4rem;
		float: left;
		width: 70%;
	}
	.container {
	    width: 1200px !important;
	}
}  

