/*
Theme Name: nk-koerier
Theme URI: /wp-content/themes/nk-koerier
Author: Aceview Internet
Author URI: http://www.aceview.nl
Description: nk-koerier
Version: 1.0
License: copyright Aceview Internet
License URI: 
Tags:  white, grey, black
Text Domain: nk-koerier
*/


/*USP's______________________________________________*/

#usps-footer{
	padding: 20px 0px;
	background-color: #00928f;
	text-align: center;
	}

ul.usps{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}	

ul.usps li {
	margin: 0px 20px 0 0;
	padding: 0px;
	display: inline;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	}


ul.usps li:last-child {
	margin: 0px 0px 0 0;
	}

.card-columns {
column-count: 2;
	}

#breadcrumbs{
	padding: 10px 0 0;
	}




/*Opmaak nieuws______________________________________________*/

#nieuws .card{
	border: 1px solid rgba(72,63,46,.125)!important;
	}

#nieuws .list-group-item{
	border-bottom: 1px solid rgba(72,63,46,.125)!important;
}

#nieuws .card-header{
	padding: 8px 15px 8px;
	color: #000;
	font-weight: 600;
	background-color:#F7F7F7;
	}


#nieuws .card-header a{
	color: #00928f;
	}

#nieuws .card-text{
	padding: 8px 15px 8px;
	}

#nieuws .card-footer{
	padding: 8px 15px 8px;
	color: #00928f;
	font-size: 12px;
	}

#nieuws .btn-secondary{
	color: #00928f;
	background-color:#F7F7F7;
	padding: 5px 10px;
	}

#nieuws .btn-secondary:hover{
	color: #fff;
	background-color:#00928f;
	}


#nieuws-section span{
	color: #fff;
	background-color: #000;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 3px;
	margin-right: 5px;
	}

#nieuws-section .list-group-item {
   	color:#000;
    background-color:rgba(72,63,46,.125);
	border-bottom: 1px solid #fff;
   }

#nieuws-section .list-group-item-action:hover {
   	color:#000;
    background-color:rgba(72,63,46,.20);
	border-bottom: 1px solid #fff;
	border-left:rgba(72,63,46,.125);
	border-right:rgba(72,63,46,.125);
   }

#nieuws-section .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000;
	}


.nieuws-archive {
	padding: 20px;
	}


.nieuws-archive .post-date{
	font-size: 14px;
	}


/*card-default__________________________________________________________________________*/

.card{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,146,143,.125);
	border-radius: 0px;
	overflow: hidden;
	color: #333;
	}

.card-title h2 {
    margin-bottom: .0rem;
	font-size: 12px;
	}


.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
	color: #00928f;
   	background-color: rgba(0,146,143,.125);
    border-bottom: 1px solid rgba(0,146,143,.125);
	font-weight: 700;
	}

.card-footer{
	padding: .75rem 1.25rem;
    background-color: rgba(255,255,255,.03);
    border-top: 1px solid rgba(0,0,0,.125);
	}


.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,146,143,.125);
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: rgba(0,146,143,.125);
        border-bottom-color: rgba(0,146,143,.125);
        border-left-color:rgba(0,146,143,.125);
}

#sidebar .card{
	background-color: rgba(0,146,143,.125);
}


/*card-mededeling__________________________________________________________________________*/

.card-mededeling {
	color: #fff!important;
	background-color: #1c3f96!important;
	margin-bottom: 20px!important;
}


/*card-social__________________________________________________________________________*/

.card-social {
	padding: 0px!important;
}

.card-social .card-body {
	padding: 0px!important;
}


.card-social .card-title {
	padding: 10px 20px 0;
}
.social i{
	width:30px;
	text-align: center;
	color: #00928f;
	}

.social .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #dff1f1;
    border: 1px solid rgba(0,146,143,.125);
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	}

.social .list-group-item:hover i {
	color: #fff;
   	}

.social .list-group-item:hover a  {
	color: #fff!important
   	}

.social .list-group-item:hover {
	background-color: #00928f;
	}

.social .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
	}




.social .list-group-item-action a {
    color: #00928f;
}

.social .list-group-item-action a:hover {
    color: #fff!important;
}



/*Opmaak de flexibele content______________________________________________*/


/*flex-links.php*/

.links .card{
	border: 1px solid rgba(72,63,46,.125)!important;
	
	}

.links .list-group-item{
	border-bottom: 1px solid rgba(72,63,46,.125)!important;
	}

.links .card-header{
	color: #000;
	background-color: #fff;
	padding: 2px 15px 3px;
	}

.links .card-header h3{
	color: #1c3f96;
	
	}


/*flex-faq.php*/

.faq_content .card{
	border: 1px solid #F7F7F7;
	padding:0px 0px;
	}

.faq_content .card-header{
	padding:5px 10px 0;
	margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
	background-color:#fff;
    border: 1px solid #fff;
	line-height: inherit;
	}

.faq_content .card-header a{
	color:#00928f;
	}

.faq_content .card-header{
	padding:5px 10px 6px;
	margin: 0;
    color:#fff;
	font-size: 16px;
	}
	


/*Buttons__________________________________________________________________________*/

.btn-primary{
	font-size: 15px;
	background-color: #00928f;
	margin: 0 0px;
	padding: 10px 10px;
	border-radius: 0px;
	text-transform: uppercase;
	}

.btn-primary:hover{
	background-color: #1c3f96;
	}

.btn-primary .fa {
	margin-right: 5px;
	}


.btn-secondary {
	font-size: 1.3rem;
	text-transform: uppercase;
	background-color: #00928f;
	border-radius: 0px;
	padding: 3px 10px;
	}

.btn-secondary:hover{
	background-color: #1c3f96;
	}

/*Einde Buttons__________________________________________________________________________*/


/*Afbeeldingen__________________________________________________________________________*/

.uitgelichte-afb{
	
	margin-bottom: 10px;
	}

.thumb,
.uitgelichte-afb{
	
	border: 1px solid #1c3f96;
}

.img-border{
	border:1px solid #fff;
	margin-bottom: 10px;
	}

/*Einde Afbeeldingen__________________________________________________________________________*/


/*Top__________________________________________________________________________________*/

#top {
	position: relative;
	padding: 15px 0;
	
	}


#logo {
	width:100%;
	margin: 0px 0;
	padding: 0px 0;
	text-align: center;
	}



/*Header__________________________________________________________________________________*/

#header img{
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
}



/*Content___________________________________________*/


#main-verloop{
	
	}


#main{
	margin: 0px 0!important;
	padding: 0 0 20px!important;

}

.home #main{
	margin: 0px 0!important;
	padding: 0px 0;
	padding: 0 100px;
	
	}

#breadcrumbs-section{
		border-top:5px solid #00928f;
}


.content {
	padding: 0px 0px 20px 0px;
	}




/*text_content___________________________________________*/

.accordion .card-header{
	text-align: left!important;
	}


/*logo_content___________________________________________*/

.logo_content{
	
	}

.logo_content .card{
	border:1px solid #eee;
	
	}
.logo_content .card-header{
	font-size: 16px;
	text-align: center;
	color: #00928f;
	background-color: #F7F7F2;
	}

.logo_content .card-img-top{
	padding: 20px;
	
}


.logo_content .card-footer{
	
	padding: 20px;
	text-align: center;
	}



/* Gallery ================================================================================ */
img.thumbnail-single {
	padding: 0px;
	border: 5px solid #fff;
}
ul#gallery-thumbs {
	list-style: none;
	margin: 0px!important;
	padding: 0px 0 0 0px!important;
	overflow: hidden;
}
ul#gallery-thumbs li {
	display:inline-block;
	margin: 0px!important;
	padding: 0!important;
	
	
}
ul#gallery-thumbs li:nth-child(2n+2) {
	
}
ul#gallery-thumbs li img {
	margin: 0px!important;
	padding: 0!important;
	border: 4px solid #fff;
	
}


.fotogalerij img{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #00928f;
}

.fotogalerij img:hover{
	-webkit-filter: opacity(60%); /* Safari */
    filter: opacity(60%);
}



ul.pdf-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul.pdf-list li{
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0px;
	}

ul.pdf-list li a{
	color: #fff;
	background-color: #009FE3;
	padding: 3px 10px;
	border-radius: 3px;
	}

ul.pdf-list li a:hover{
	color: #fff;
	background-color: #D52866;
	}


/*Pagination _____________________________________________________________________________________*/

h2.screen-reader-text{
	display: none;}



#pagination-section nav{
	background-color:transparent;
	margin-bottom: 20px;
	}
	
#pagination-section nav .screen-reader-text{
	display:none;	
	}
.pagination {
	clear: both;
	padding: 0px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 13px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px;
	text-decoration: none;
	width: auto;
	background-color: #000;
  	color: #fff;
}
.pagination a:hover {
	background-color: #00928f!important;
  	color: #fff!important;
	margin: 2px 2px 2px 0;
	padding: 10px;
}
.pagination .current {
 background-color: #00928f;
  color: #fff;
}



/*Footer adres*/


.fa{
	margin-right: 5px;
	}





#bedrijfsgegevens{
	color: #fff;
	padding: 10px 0 5px;
	background: #00928f;
	border-top:1px solid #fff;
}

#bedrijfsgegevens i{
	width:20px;
	text-align: center;
}

#bedrijfsgegevens h2{
	font-size:18px;
	color:#fff;
	
}

#bedrijfsgegevens a{
	color: #fff;
}


#bedrijfsgegevens .btn-secondary{
	background-color: #000;
	
}


.slogan{
	margin-top: 30px;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
	letter-spacing: 0.08rem;
	color:#1c3f96;
	text-transform: uppercase;
	}



/*Section footer*/

#footer {
	font-size: 14px;
	font-size: 1.4rem;
	color: #1c3f96;
	background-color: #1c3f96;
	padding: 10px 0;
	border-top:1px solid #fff;
	
	}

#footer p{
	margin: 0px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color:#00928f;
}


/*Footermenu*/

.menu-footermenu-container {
	float: left;
}

.menu-footermenu-container ul li {
	margin: 0 10px
}


ul#menu-footermenu {
	margin: 0px 0px 0 0px;
	padding: 0px 0 0 0px;
	list-style: none;
}
ul#menu-footermenu li {
	float: left;
	padding: 0px !important;
	margin: 0px ;
	border-bottom: none;
	}

ul#menu-footermenu li:first-child {
	margin: 0 0 0 0px ;
}

.menu-footermenu-container  ul.menu li:before {
    content: "|";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color:#00928f;
	font-size: 14px;
	
}

.menu-footermenu-container  ul.menu li:first-child:before {
    content: "";
}

ul#menu-footermenu li a {
	padding: 0px 10px !important;
	margin: 0px ;
}

ul#menu-footermenu li:first-child a {
	padding-left: 0px!important;
	margin: 0px ;
}

ul#menu-footermenu li a:hover,
ul#menu-footermenu li.current_page_item a{
	color:#00928f;
}




/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	


	
.card-columns {
column-count: 2;
}

}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


.card-columns {
column-count: 3;
	}


.uitgelichte-afb{
	margin-left: 10px;
	margin-bottom: 10px;
	}
	

	
/* Belangrijk om mobile menu te activeren op tablets */
.navbar {
	display: inherit
}
/*.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {
	display: block!important;
}*/
/* _______________________________________________*/
	
	
}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	body{
		}
	
.card-columns {
column-count:4;
	}

#logo img {
	width:80%;
	margin: 0px 0;
	padding: 0px 0;
	text-align: left;
	
	}

	
#sidebar{
	position: relative;
	min-height: 600px;
	
}
	


/*Hoofdmenu*/
	
	#navigatie{
	background-color: #00928f;
	
	}
	
.bgmenu {
	background-color: transparent;
}
.bgmenu, nav {
	background-color:transparent;
}
.navigatie {
	margin-right: -3px!important;
}
.navbar-toggle {
	display: none;
}
.navbar-collapse.collapse {
	display: none!important;
}
	
	

	
.menu-hoofdmenu-container {
	margin: 0px 0 0!important;
	padding: 0px 0px 0 0;
	}
	
.menu-hoofdmenu-container ul.menu {
	
	margin: 0;
	padding: 10px 0;
	list-style: none;
	border-bottom: none;
	overflow: hidden;
	}
	
.menu-hoofdmenu-container ul.menu li {
	float: left;
	margin: 0px 0px!important;
	padding: 0px 0px 0 0px!important;
	}
	

	

.menu-hoofdmenu-container ul.menu li:before {
    content:'/';
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color:#b2dedd;
	font-size: 16px;
	padding: 0 20px;
	padding-bottom: 5px;
	vertical-align: middle;
}
	
.menu-hoofdmenu-container ul.menu li:first-child:before {
	content:'';
	padding: 0px;
	}
	
.menu-hoofdmenu-container ul.menu li a {
	color: #fff;
	padding: 10px 0;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0px 0px 0 0px!important;
	margin: 0px!important;
	text-transform: uppercase;
	font-weight: 500;
	}
	

.menu-hoofdmenu-container ul.menu li a:last-child  {
		margin-right: 0px!important
		
	}
	
	

.menu-hoofdmenu-container ul.menu li:first-child {
	padding-right: 0;
	border: none;
	}

.menu-hoofdmenu-container ul.menu li:first-child a:before {
	content: inherit;
}
	
.menu-hoofdmenu-container ul.menu li a:hover {
	color: #b2dedd;
	text-decoration: none;
}
.menu-hoofdmenu-container ul.menu li.current-menu-item a, 
.menu-hoofdmenu-container ul.menu li.current-page-ancestor a {
	color: #b2dedd;
	text-decoration: none;
}
	

/* drowpdown top-menu ================================================================================ */
.menu-hoofdmenu-container ul.menu li ul {
	position: absolute;
	width: 250px;
	padding: 0;
	left: -999em;    /*using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 0;
	list-style: none;
	margin-left: 20px;
}
	
.menu-hoofdmenu-container ul.menu li ul.sub-menu  {
	margin-left: 27px;
	padding-top:10px;
	}	
	
.menu-hoofdmenu-container ul.menu li:hover ul, 
.menu-hoofdmenu-container ul.menumenu li.sfhover ul {
	left: auto;
	
}
.menu-hoofdmenu-container ul.menu ul.sub-menu {
	padding: -12px 0 0;
	margin: 0px 0 0;
	border-top: none;
	z-index: 1000;
	
}

.menu-hoofdmenu-container ul.menu ul.sub-menu li {
	background-color: #1c3f96;
	text-align: left;
	padding: 0px 0;
	margin: 0 0 0 0px;
	display: block;
	width:auto;
	overflow: hidden;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom: 1px solid #fff;
	
}

.menu-hoofdmenu-container ul.menu ul.sub-menu li:before{
	content:none;
	}
	
	
.menu-hoofdmenu-container ul.menu ul.sub-menu li:first-child{
	border-left:1px solid #fff!important;
	border-right:1px solid #fff!important;
	border-bottom: 1px solid #fff!important;
		}	
	
.menu-hoofdmenu-container ul.menu ul.sub-menu li:last-child{
	border-bottom:1px solid  #fff!important;
	}	
	
.menu-hoofdmenu-container ul.menu ul.sub-menu li a {
	width:250px;
	height:inherit;
	display: block;
	padding: 5px 0 5px 18px!important;
	margin: 0 0 0 0px;
	border:none;
	text-align: left;
	text-transform:capitalize;
	font-size: 1.3rem;
	font-size: 13px;
	
	color: #fff;
	background-color:#1c3f96;
	
	
	
}
.menu-hoofdmenu-container ul.menu ul.sub-menu li a:hover {
	color: #fff!important;
	background-color: #00928f;
}	
	

/*Submenu_______________________________________________________________*/
	
	
.menu-submenu-container ul.menu {
	display: table;
	padding: 0px 0 0;
	margin: 0px 0px 0 0;
	list-style: none;
	}
	
	
.menu-submenu-container ul.menu li {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-right:2px solid #fff;
	}
	
.menu-submenu-container ul.menu li:hover {
	/*display: table-cell;
	text-align: center;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-right:2px solid #fff;
	background-color: #009fe3;*/
	}
	
	
.menu-submenu-container ul.menu li:before {
 /*   content: "|";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color:#ECB595;
	font-size: 14px;
	padding: 0 10px;*/
	}

	
.menu-submenu-container ul.menu li:first-child:before{

	}
	
.menu-submenu-container ul.menu li:first-child {
		border-left:1px solid #fff;
	}
.menu-submenu-container ul.menu li:last-child {
		border-right:1px solid #fff;
	}
		
.menu-submenu-container ul.menu li a {
	color: #fff;
	display: block;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 14px 15px;
	margin: 0px;
	vertical-align: middle;
	text-transform: uppercase;
	}


.menu-submenu-container ul.menu li:last-child a {
		
	}

.menu-submenu-container ul.menu li a:hover{
	color: #fff;
	background-color: #000;
	text-decoration: none;
	}

	
.menu-submenu-container ul.menu li.current-menu-item, 
.menu-submenu-container ul.menu li.current-page-ancestor, 
.menu-submenu-container ul.menu li.current-category-parent,
.menu-submenu-container ul.menu li.current-category-ancestor,
.menu-submenu-container ul.menu li.current-post-ancestor,
.menu-submenu-container ul.menu li.current-post-parent{
	color: #fff;
	background-color: #000;
}
	
.menu-submenu-container ul.menu li.current-menu-item a, 
.menu-submenu-container ul.menu li.current-page-ancestor a, 
.menu-submenu-container ul.menu li.current-category-parent a,
.menu-submenu-container ul.menu li.current-category-ancestor a,
.menu-submenu-container ul.menu li.current-post-ancestor a,
.menu-submenu-container ul.menu li.current-post-parent a{
	color: #fff;
	text-decoration: none;
}
/* drowpdown ================================================================================ */
.menu-submenu-container ul.menu li ul {
	position: absolute;
	width: 250px;
	padding: 0;
	left: -999em;    /*using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 0;
	list-style: none;
}
.menu-submenu-container ul.menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}
.menu-submenu-container ul.menu ul.sub-menu {
	padding: -12px 0 0;
	margin: 0px;
	border-top: none;
	z-index: 1000;
	
}

.menu-submenu-container ul.menu ul.sub-menu li {
	background-color: #000;
	text-align: left;
	padding: 0px 0;
	margin: 0 0 0 0px;
	display: block;
	width:auto;
	overflow: hidden;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom: 1px solid #675f51;;
	
}

.menu-submenu-container ul.menu ul.sub-menu li:before{
	content:none;
	}
	
	
.menu-submenu-container ul.menu ul.sub-menu li:first-child{
	border-left:1px solid #000!important;
	border-right:1px solid #000!important;
	border-bottom: 1px solid #675f51!important;
		}	
	
.menu-submenu-container ul.menu ul.sub-menu li:last-child{
	border-bottom:1px solid #000!important;
/*-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
		*/
	}	
	
.menu-submenu-container ul.menu ul.sub-menu li a {
	width:250px;
	height:inherit;
	display: block;
	padding: 12px 0 12px 10px!important;
	margin: 0 0 0 0px;
	border:none;
	text-align: left;
	text-transform:capitalize;
	font-size: 1.5rem;
	font-size: 15px;
	color: #fff;
	background-color:#000;
}
.menu-submenu-container ul.menu ul.sub-menu li a:hover {
	color: #fff!important;
	background-color: #00928f;
}

	
	
}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {
	
body{
		
		}
	
ul.logos li img{
max-width:100%;
height: auto;
}

	
.adres{
margin: 20px 15px;
font-size: 17px;
font-size: 1.7rem;
}
	
	
.card-header{
font-size: 18px;
	}
	
	
.menu-hoofdmenu-container {
    margin: 0px 0 0 !important;
    
}

.menu-hoofdmenu-container ul.menu li a {
	font-size: 15px;
	font-size: 1.5rem;
	
	}

	
}