/*
Theme Name: Prow’d
Author: CreatieveVrienden 
Author URI: http://creatievevrienden.nl/
Description: Maatwerkthema voor Prow’d met veilige attribuutuitvoer en zelfstandige interface.
Version: 1.1.1
Text Domain: prowd
Update URI: https://www.prowd.nl/theme/prowd
*/

body {
	margin: 0;
	padding: 0;
	width:100%;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	line-height:1.4em;
	font-weight:300;
	color: #666;
	text-align:left;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	OPBOUW Template
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.top {
	margin:0 auto;
	padding:10px 0 30px 0 ;
	width:100%;
	height:220px;
	text-align:center;
}

.slogan {
	font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;	
	margin:65px 0 0 10px;
	padding:10px 0 10px 0;
	width:250px;
	font-size:1em;
	position: absolute;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	 -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
	float:left;
}
.wrap {
	margin:0 auto;
	width:1200px;
	height:auto;
}
.logo {
	margin-top:20px;
	margin-left:7%;
}
.logo img {
	width:35%;
	height:auto;
}
.language {
	position:relative;
	float:right;
}







/* MENU */

/* MENU */
.menubox {
	width:100%;
	float:left;
	box-shadow: 0 0 10px #ccc;
}
#menu-header-menu {
    list-style:none;
    margin:0;
    padding-left:17%;
    text-align:center;
}
#menu-header-menu li {
    display:inline;
}
#menu-header-menu a {
    display:inline-block;
}
ul.menu,
div.menu > ul {
	margin: 0;
	padding: 0;
}
.menu li {
	float:left;
}
.menu li a {
	margin: 0 0 0 -5px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	padding: 10px 20px 10px 20px;
	color: #777;
	font-size:1.1em;
	text-decoration:none;
	border-right:2px solid #ccc;	
}
.menu li:hover > a,
.menu li a:hover {
	color: #806e4e;
}
.menubox .menu .sub-menu, /* <<<  Belangrijk !! */
.menubox .menu .children {
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	z-index: 99999;
}
.menubox ul.menu li:hover > ul,    /* <<<  Belangrijk !! */
.menubox .menu ul li:hover > ul {
	display: block;
	background:#806e4e;
}
.menubox .menu .sub-menu ul,  /* <<<  Belangrijk !! */
.menubox .menu .children ul  {
	left: 100%;
	top: 0;
}
#menu-header-menu li li {
    display:block;
	text-align:left;
	float:none;
}
#menu-header-menu li li a {
    display:block;
}
.menu li li a {
	border:0;
	color:#fff;	
}
.menu li li a:hover {
	border:0;
	color:#fff;	
}
.menu .current-menu-item a {
	color: #fff;
	font-weight:500;
	background-color:#806e4e;
	border:0;
}
.menu li li.current-menu-item a {
	color: #fff;
	font-weight:500;
	border:0;
	background-color: transparent;
}
.menu li li.current-menu-item li a {
	color: #fff;
	font-weight: normal;
	border:0;
}
.menu .current_page_item a:hover {
	color: #fff;
}
.menu .last-menu-item a, li#menu-item-19 a {
	border:0;
}




/* HOME */
.wrap-slide {
	margin:0 auto;
	width:1100px;	
}

.slide {
	padding:50px 0 50px 0;
	width:100%;
	float:left;
}

.box-text-left {
	width:55%;
	float:left;
}

.box-img-right {
	width:40%;
	float:right;
}

.box-text-right {
	width:55%;
	float:right;
}

.box-img-left {
	width:40%;
	float:left;
}

.slide a {
	margin:25px 0;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	background:#fff;
	box-shadow: 0 0 10px #333;
	float:left;
}

.slide-img {
	margin-top:25px;
}

.slide-img img {
	width:440px;
	height:auto;
	float:left;
}





/* Slide 1 */
.slide1 h2 {
	
}

.slide1 h3 {
	font-size:1.15em;
	font-weight:300;
	color:#662d91;	
}

/* Slide 2 */
.slide2 {
	color:#fff;
	background:#662d91;
}

.slide2 h2 {
	color:#fff;
}

/* Slide 2 */
.slide2 {
	color:#fff;
	background:#1b2448;
}

.slide2 h2 {
	color:#fff;
}


/* Slide 3 */
.slide3 h2 {

}

.slide-img {
	border:7px solid #fff;
	box-shadow: 0 0 10px #666;
	float:right;
}




/* Banner schade */
.banner-schade {
	margin:0;
	width:100%;
	color:#fff;
	background:#806e4e;
	float:left;
}

.banner-schade img {
	margin-bottom:-5px;
}

.banner-schade .box {
	margin:0;
	padding-top:35px;
	width:50%;
	height:95px;
	color:#806e4e;
	font-size:1.2em;
	text-align:center;
	float:left;
	/* background: url(images/schade-melden-bg.png) no-repeat top center; 
	background-size:53%; */
}
.banner-schade .box .btn  {
	margin:0 25% 0 25%;
	padding:2%;
	width:46%;
	text-align:center;
	background:#fff;
	box-shadow: 0 0 10px #333;
	float:left;
}

.banner-schade .box h3 {
	margin:0;
	font-size:1.3em;
	line-height:0.6em;
	font-style:normal;
}

.banner-schade .box a {
	color:#806e4e;
	text-decoration:none;
}

.banner-schade .box2 {
	padding:30px;
	width:40%;
	font-size:1.25em;
	/* font-style:italic; */
	text-align:center;
	float:left;
}


/* Slide 4 */
.slide4 h2 {
	
}

/* Slide 5 */
.slide5 {
	color:#fff;
	background:#4ab967;
}

.slide5 h2 {
	color:#fff;
}





/* PAGE */
.main {
	margin:5% 0 5% 0;
	width: 100%;
	float: left;
}

.sidebar {
	width: 30%;
	float: left;
}

.sidebar img {
	margin-bottom:10%;
	width: 380px;
	height:auto;
	border:7px solid #fff;
	box-shadow: 0 0 10px #333;
	float: left;
}

.sidebar ul, .sidebar li  {
	list-style:none;
}

.sidebar li a {
	color:#806e4e;
	line-height:1.5em;
	text-decoration:none;
}

.sidebar li.current_page_item  {
	font-weight:600;
}

.content {
	width: 60%;
	float: right;
}

.content-schade {
	width: 100%;
	float: left;
}




/* FOOTER */

/* Banner usps */
.banner-usps {
	width:100%;
	color:#1b2448;
	float:left;
}

.banner-usps .box {
	width:100%;
	font-size:1.3em;
	/* font-style:italic; */
	line-height:1.7em;
	float:left;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	 -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.banner-green {
	color: #00D109;
}

.footer {
	width:100%;
	color:#fff;
	background:#1b2448;
	float:left;
}
.footer .box {
	width:30%;
	float:left;
}

.center {
	text-align:center;
}

.footer .box-naw {
	width:25%;
	float:right;
}
.footer .box-naw a {
	padding:0;
	color:#fff;
	text-decoration:none;
	border:0;
	background:none;
	box-shadow:none;
	float:none;
}
.kompas {
	margin-top:-200px;
	margin-right:2%;
	width:270px;
	height:215px;
	position: relative;
	float:right;
	display: none;
}

ul#menu-footer-menu li  {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

ul#menu-footer-menu li a {
	margin:0;
	padding:0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size:1em;
	line-height:1.5em;
	text-decoration:none;
	float:left;
	background:none;
	border:0;
	box-shadow:none;
}

ul#menu-footer-menu {
    list-style:none;
    margin:0;
    padding:0;
    text-align:left;
}

ul#menu-footer-menu li {
    display:block;
}







 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a {
	color: #333333;
	text-decoration:underline;
}

a:visited, a:hover {
	color:#333333;
	text-decoration: none;
}

.content a, .content a:hover {
  	color: #333333; 
	text-decoration: none;
}

.sidebar a {
	color: #333333;
}



p {
	margin:0;
	padding:0;
}

h1, h2, h3  {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:normal;
}

h1 {
	margin:0 0 20px 0;
	font-size: 1.3em;
}

h2 {
	margin:0 0 2% 0;
	font-size: 1em;
	font-weight:300;
	line-height:1.4em;
}

h3 {
	margin:0 0 5px 0;
	font-size: 1.2em;
}

h4, h5 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	padding:0;
	color:#000;
	font-weight:400;
}

h4 {
	margin:10px 0 10px 0;
	padding:0;
	font-size: 1.4em;
}

h5 {
	margin:10px 0 10px 0;
	padding:0;
	font-size: 1.2em;
}




strong {
	font-weight:600;
}

form {
	margin: 2px;
	clear:both;
}

textfield {
	margin: 2px;
	clear:both;
}

img, td, tr {
margin:0;
padding:0;
border: 0;
}

img a {
border: 0;
}

a, a:hover   {
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
}



/* Form */
input[type="text"], input[type="email"], textarea, .uneditable-input, .wpcf7-select {
  width:98%;
}

button, input, select, textarea, .frm-field_title {
  padding:15px;
  font-size:0.9em;
  margin-bottom:10px;
  color:#666;
  border:1px solid #ccc;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-weight:300;
}

input[type="submit"] {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  color:#666;
  cursor: pointer;
	margin:10px 0;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	background:#fff;
	box-shadow: 0 0 10px #333;
	float:left;
}

textarea, select {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}

span.wpcf7-list-item { display: block; }






/* RESPONSIVE */
@media (max-width: 1450px) {
.kompas {
	display:none; 
}	
}

@media (max-width: 1200px) {
body {
	font-size:1.1em;
}
.top {
	padding:0;
	width:100%;
	height:auto;
}
.slogan {	
	margin-top:1%;
}
.wrap {
	margin:0 auto;
	padding:2%;
	width:96%;
	height:auto;
}
#menu-header-menu {
    padding-left:12%;
}
.menubox .wrap {
	padding:0;
	width:100%;
}
.wrap-slide {
	padding:0 5%;
	width:90%;	
}
.slide-img img {
	width:100%;
	height:auto;
	float:left;
}
.banner-schade .box {
	padding:5% 0 5% 0;
	height:auto;
	background: none;
}
.main {
	margin:5%;
	width: 90%;
}
.sidebar img {
	width: 100%;
	height:auto;
}
}



@media (max-width: 1024px) {
.banner-usps .box {
	width:100%;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.footer .box, .footer .box-naw {
	margin-bottom:1%;
	width:100%;
	text-align:center;
	float:left;
}



/* Mobile menu */
.js .menubox .menu {
		display:none;
}

.js .slicknav_menu {
	display:block;
}

}

@media (max-width: 800px) {
.slogan {
	display:none;
}
.logo {
	margin:0;
	width:100%;
	float:left;
}
.logo img {
	width:50%;
	height:auto;
}
.box-text-left, .box-img-right, .box-text-right, .box-img-left, .banner-schade .box, .banner-schade .box2, .sidebar, .content  {
	padding:2% 0 2% 0;
	width:100%;
	float:left;
}
.banner-schade .box a {
	line-height:normal;
}
}

@media (max-width: 480px) {
.logo img {
	width:70%;
	height:auto;
}
.banner-schade .box {
	margin:0;
	width:100%;
}
.banner-schade .box .btn {
	margin:0;
	padding:2%;
	width:96%;
}

}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle;  padding: 0.438em 1em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.1em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.195em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size: 1em;
	z-index:1000000;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
   
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #fff;
    font-weight: 600;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}
.slicknav_menu {
    background-color:#806e4e;
    padding:0% 0.5% 1% 0.5%;
	position: relative;
	width:99%;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding-right:1%;
	padding-left:0;
    font-size:0.8em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 5px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a {
    padding:5px 10px;
    margin:5px 5px 0 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
	 color:#fff;
}
.slicknav_nav .slicknav_row:hover {
   background-color:#000;
    color:#fff;
}
.slicknav_nav a:hover {
    background-color:#000;
    color:#fff;
}
.slicknav_nav .slicknav_row:hover a {
	 color:#fff;
}

.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.slicknav_menu {
	display:none;
}