/*
Theme Name: Inktweb.nl
Theme URI: https://www.inktweb.nl/blog/
Description: Theme voor het Inktweb.nl blog
Author: Inktweb.nl
Author URI: https://www.inktweb.nl/
Version: 1.1
*/

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
html, body{
	font-family: 'PT Sans',sans-serif !important;
	height:100%;
}
body, input, select, textarea, td, th, font
{
	color: #353535;
	font-size: 1rem;
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-weight: 600; }
/*h1 { font-size:28px; }*/
/*h2 { font-size:24px; }*/
h3 { font-size:1.25rem; }
/*h4 { font-size:16px; }*/
/*h5 { font-size:14px; }*/
/*h6 { font-size:12px; }*/
/*h1, h2, h3, h4, h5, h6 { line-height: 1; }*/

ul, ol {
	padding-left:30px;
}
blockquote {
	margin: 1em 3em;
	color: #999;
	border-left: 2px solid #999;
	padding-left: 1em;
}
/*a, a:visited*/
/*{*/
/*	color:#000999;*/
/*}*/
/*a:hover {*/
/*	text-decoration:underline !important;*/
/*	color: #0056b3 !important;*/
/*}*/
a{
	color: #007bff;
}
img, iframe {
	max-width: 100%;
	height: auto;
}
.input-group input {
	border: none !important;
	line-height: 2;
}
.input-group button {
	border: none !important;
	border-radius: 0 .25rem .25rem 0;
	background-color: #EEEEEE;
	color: #265C83;
	font-weight: 700;
	border-left: 1px solid #D9DAF0 !important;
}
.comment-form-url {
	display: none;
}
.clear
{
	clear:both;
}
#wrapper
{
	margin: 0 auto 50px auto;
	width: 960px;
}
.parallel-bg {
	position: fixed;
	width: 100%;
	height: 100%;
}
header {
	background: #fff
}
#header #logo {
	float:left;
}
#header #searchform {
	float:right;
	margin-top:7px;
	margin-bottom:5px;
}
#header hr {
	width:620px;
	border:none;
	border-bottom:1px solid #d5d6e1;
	float:right;
	margin-bottom:25px;
}
.welkom {
	color:#353535;
}
.welkom a:hover {
	text-decoration:underline;
}

#top-menu
{
	width:100%;
}
#top-menu ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:right;
}
#top-menu li
{
	float:left;
	padding:10px 12px;
	height: 38px;
}
#top-menu li a
{
	color:#000 !important;
	padding:0;
}
#top-menu li:hover, #top-menu li:hover a
{
	color:#000;
}

#menu
{
	width:100%;
	background: #000999 !important;
	position: sticky;
	top: 0;
	z-index: 9999;
	box-shadow: 0 2px 2px 0;
}
#menu ul
{
	list-style-type:none;
	height:38px;
	padding:0;
	margin:0;
}
#menu li
{
	float:left;
	background: #000999;
	display: flex;
	flex-direction: column;
}
#menu li a
{
	color:#fff;
	padding:10px 20px;
	text-decoration: none;
}
#menu li:hover, #menu li:hover a
{
	text-decoration: none;
}
#menu .dropdown-menu li {
	border-top: 1px solid #fff;
	font-size: 1rem;
	width: 100%;
}
#menu .dropdown-menu li a:hover {
	background: rgba(0,0,0,.3);
}
#menu .menu-search {
	display: flex;
	flex-basis: 33%;
}
.nohover, .nohover:hover
{
	background: #000999 !important;
	color:#fff!important;
	text-decoration:none!important;
}
.menu-bar-right {
	background: #fff;
	border-radius: .25rem;
	padding: .75rem 1rem;
	margin: 1rem 0;
	width: 100%;
}
.menu-bar-right input {
	border: 1px solid #D9DAF0 !important;
	border-right: 0 !important;
	font-size: .8rem;
}
.menu-bar-right button {
	font-size: .8rem;
}

/* navbar */
.navbar-inverse .navbar-nav .nav-link {
	color: #fff !important;
	padding: 10px 20px;
}
.bg-inverse {
	background-color: #000999 !important;
}
.navbar {
	padding: 0 1rem;
}
.navbar-inverse .navbar-nav .nav-link {
	color: #fff !important;
	padding: 10px 20px;
}
.nav-item {
}
.nav-item:hover, .nav-item.active {
	background-color: #006;
}
.navbar-nav .dropdown-menu {
	background: #000999;
	padding: 0;
}
.koffievlek {
	position: absolute;
	right: 30px;
	width: 200px;
	opacity: .5;
	z-index: -1;
}
.koffievlek-fixed {
	position: fixed !important;
	top: 46px;
}
/* end navbar */

.jumbotron {
	background-color: #D9DAF0;
	padding: 0;
	border-radius: 0;
	box-shadow: 0 0 15px rgba(0,9,153,.5);
}

.head {
	background-color: #eeeeee;
	font-size: 10pt;
}
#content_wrapper
{
	float: left;
	width: 720px;
	padding:0 20px;
	position: inherit; /* For category hero image on top */
}

#main {
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:relative;
	float:left;
}
.main-container {
	position: relative;
	background: #fff;
	box-shadow: 0 0 40px #D9DAF0;
	border-radius: .25rem;
	padding: 1rem;
}

.stickyTitle {
	bottom: 0;
	left: 0;
	min-height: 70px;
	width: 100%;
	position: absolute;
	padding: 30px;
}

.stickyTitleTxt {
	font-size: 26px !important;
	line-height: 26px !important;
	color: #FFF !important;
	margin-bottom: 0 !important;
	font-weight: bold;
	text-shadow: 1px 1px 1px black;
}

.img-container {
	text-align: center;
}
.img-container img {
	width: 30vw;
	height: 300px;
}
.img-cover img {
	object-fit: cover;
}
.img-contain img {
	object-fit: contain;
}

/* Category hero images */
.cat-hero-image {
	top: 0;
	left: 0;
	right: 0;
	height: 280px;
	width: 100%;
	object-fit: cover;
	border-radius: .25rem .25rem 0 0;
}

/* CTA footer box */
.cta-box {
	position:fixed;
	right: 1.5rem;
	bottom:0;
	width: 350px;
	background: #C61D91;
	padding: 10px;
	border-radius: .25rem;
	z-index: 9999;
	overflow: visible !important;
}
.cta-box .cta-box-content {
	background: #fff;
	border-radius: .25rem;
	padding: 1rem 0
}
.cta-box .cta-box-content h5 {
	color: #000999 !important;
}
.cta-box .cta-box-content .fa.fa-times {
	position:absolute;
	right: -1rem;
	top: -1rem;
	cursor:pointer;
}
.cta-box .cta-box-content button {
	width: 175px;
	font-weight: 600;
}
.cta-box .cta-box-content .canon-logo {
	width: 100px;
}
.cta-box .cta-box-logo {
	width: 150px;
	margin: 5px auto -5px;
}


.category-block {
	position: relative;
	display: block;
	background: #D9DAF0;
	border: 1px solid #d4d4d4;
	border-radius: .25rem;
	margin-bottom: 1rem;
	height: 150px;
	background-size: 80% !important;
	transition: .3s all;
	background-position: 50% 25% !important;
}
.category-block:hover {
	cursor: pointer;
	box-shadow: 0 0 15px #D9DAF0;
	transform: translateY(-2px);
	text-decoration: none;
}
.category-block p span {
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px 1px #333;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: 1rem auto;
}
.blogimage:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: inherit;
	z-index: -1;
}

.blogimage {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	height: 270px;
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* Popular posts list */
.wpp-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	padding: 0;
	margin-bottom: 0;
}
.wpp-list .wpp-thumbnail {
	width: 100%;
	height: 270px;
}
.wpp-list .pp-img-overlay {
	background: rgba(0,9,153, 0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.post .post-link {
	position: relative;
	border-radius: .25rem;
	border: 1px solid #d4d4d4;
	height: 100%;
	transition: .3s transform;
}
.post .post-link:hover {
	cursor: pointer;
	box-shadow: 0 0 15px #D9DAF0;
	transform: translateY(-2px);
}
.post .post-link:hover .blogimage, .post .post-link:hover .blogimage .pp-img-overlay {
	background-color: rgba(0,0,0,.2) !important;
}
.post .post-text {
	padding: 10px 15px 3.5rem;
	display: inline;
	height: 100%;
	background: #fff;
	border-radius: .25rem;
}
.post .readmore {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	margin: auto;
}
/*.post h2 { margin:0; }*/
.post h2 a { color:#353535; text-decoration:none; }
.post h2 a:hover { text-decoration:underline; }

.attachment-thumbnail
{
	float: right;
	margin-top: 15px;
	padding-left: 10px;
}
.post .date
{
	color: #464646;
	margin: 0px;
}
.wp-caption-text
{
	text-align:center;
	color:#898989;
}

#breadcrumbs a
{
	color:#949494;
}
#breadcrumbs a:hover
{
	text-decoration:none;
}
.entry ul
{
	padding-bottom:5px;
	padding-top:5px;
}
#avatar
{
	float:left;
	margin-right:20px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*--------------------------------------------------
        Sidebar
---------------------------------------------------*/
.sidebar-wrap
{
	border-left: 2px solid #C61D91;
}
#sidebar
{
	width: 100%;
}
#sidebar h5
{
	color: #C61D91;
}
#sidebar #signup-form label, #sidebar #signup-form input {
	display: block;
	margin-bottom: 1rem;
}

/* Styling for related products in sidebar */
#sidebar .related-product .col-12:last-of-type {
	padding: .5rem 15px;
}
#sidebar .related-product img {
	max-height: 75px;
	max-width: 75px;
	display: flex;
	margin: auto;
}
#sidebar .related-product h4 {
	color: #E03E96;
	float: right;
	margin: 0;
}
#sidebar .related-product a {
	display: flex;
	align-items: center;
	height: 100%;

}
#sidebar .related-product .review-stars {
	float: left;
}
#sidebar .related-product .review-stars .review-star {
	font-size: 16px !important;
	height: 1.5em;
	display: inline-block;
	color: #fec947;
}
#sidebar .related-product .review-stars .review-star.review-star-empty {
	color: #777;
}
#sidebar .related-product .review-stars a {
	float: left;
	width: 100%;
	margin-top: -.5rem;
}


.widget_recent_comments ul
{
	list-style-type:none;
	padding-left:0;
}
.widget_twitter ul
{
	list-style-type:none;
	padding-left:0px;
}
.widget_twitter li
{
	border-bottom:1px solid #d4d4d4;
	padding:5px 0;
}
.widget_twitter .time-meta, .widget_twitter .time-meta a
{
	display:block;
	font-size:11px;
	color:#949494;
}

/*--------------------------------------------------
        Footer
---------------------------------------------------*/

footer {
	background: #fff;
}
footer ul {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
footer ul li {
	/*float: left;*/
	/*padding: 5px 10px;*/
}
#footer {
	width: 100%;
	/*float: left;*/
	position: absolute;
	bottom: 0;
	color: #212529;
}
#footer .faq-bar {
	background: #d9daf0;
	padding: 2rem 15px;
}
#footer .faq-bar h3 {
	color: #000999;
}
#footer .faq-bar a.btn {
	color: #fff;
	padding: .375rem .75rem;
	font-size: 1rem;
}
#footer #footerBack {
	background: #000999;
	width: 100%;
	float: left;
	padding:5px 0;
	display: flex;
	justify-content: center;
	color: #fff;
}

/*#footer #left { float:left; }*/
/*#footer #right { float:right; }*/

.social-icons {
	position: absolute;
	/*bottom: .5rem;*/
	/*right: .5rem;*/
}
.social-icons .fab {
	color:#e03e96;
}
.blue{
	color: #000999;
	font-weight: 700;
}


/*--------------------------------------------------
        Input boxes
---------------------------------------------------*/
input, textarea, select, #recaptcha_response_field {
	outline: medium none;
	color: #5a5a5a;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:.25rem;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	padding: .5rem;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	color: #333;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	text-decoration:none !important;
	padding: .5rem;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	-webkit-box-shadow:0 0 0;
}
input.submit:hover {
	background-color: #444;
}
#comment-form {
	width: 90%;
}
#comment-form.form input {
	width: 60%;
}
#comment-form.form textarea {
	width: 97%;
	height: 150px;
}
#comment-form.form input.submit {
	width: 130px;
	float: right;
}
#comment-form p label {
	font-weight:bold;

}
#comment-form p span {
}
#comment-form p input {
	display:block;
}
/*--------------------------------------------------
        TABELLEN
---------------------------------------------------*/
.vergelijk { width:100%;  border-collapse:collapse; border-spacing:0; }
.vergelijk th { border:1px solid #D7D7D6; padding:25px 0px; }
.vergelijk .noborder { border:0px; }
.vergelijk td { border:1px solid #D7D7D6; padding:5px 3px; }
.vergelijk .alt { background-color:#F1F1F1; }


/*--------------------------------------------------
        COMMENTS
---------------------------------------------------*/
#respond { margin-top:10px; }
.commentlist { list-style-type:none; margin-left:-30px; }
.comment-body { padding:5px 15px; background-color:#F8F8F8; margin:10px 0; }
.comment-body p { overflow: hidden; text-overflow: ellipsis; }
.comment-body a { color:#AAA; text-decoration:none; }
.fn { font-size:14px; }
.comment .children { border-left:1px solid #eee; list-style-type:none;  }
.comment-form-comment label { display:block; }



/*--------------------------------------------------
        Table stylesheet
---------------------------------------------------*/
table { border:1px solid #dadada; border-collapse:collapse; border-spacing:0; }
table th { background:#efefef; padding:5px 10px; }
table tr { border-bottom: 1px solid #EEE; background-color:#fff; }
table tr:hover { background-color:#f5f5f5; }
table tr:nth-child(odd) { background-color:#F9F9F9; }
table td { border-bottom:1px solid #dadada; padding:5px 10px; }

/*--------------------------------------------------
        Overige / Widgets
---------------------------------------------------*/

.aligncenter { margin:0px auto; }
.widget_mostlikedpostswidget h3 { color:#ff0000; }
.twitterwidget { color:#00aced; }
.widget_categories h3 { color: #000999; }


.widget_categories ul{
	list-style: none;
	padding: 0;
}
.widget_categories li{
	padding-left: 1.3em;
}

.widget_categories li:before {
	content: "\f061"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	color:#000999;
}

.widget_recent_comments h3 { color:#39b54a; }
#watch_action { margin-top:15px; }

.pluspunt { color:green; font-weight:bold; font-size:14px; }
.minpunt { color:red; font-weight:bold; font-size:14px; }
.van-prijs { color:red; text-decoration: line-through; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
.voor-prijs { font-size:18px; font-weight:bold; color:green; }


.box-newsletter {
	margin: 20px 0;
	padding: 20px;
	background: #F8F8F8;
	border: 4px solid hsl(0, 100%, 50%);;
	-webkit-animation: rainbow 5s infinite alternate;
}

.box-newsletter form {
	text-align: center;
}

.box-newsletter .btn {
	background: #e43e94;
	color: #fff;
}

.widget-do-etfw h3{
	color:lightblue !important;
}

@-webkit-keyframes rainbow {
	0% {border-color: hsl(0, 100%, 50%);}
	100% {border-color: hsl(255, 100%, 50%);}
}


@media print {

	.do-not-print { display: none; }
	#comments { page-break-before: always; }

	body { width: 100% !important; margin: 0 !important; padding: 0 !important; letter-spacing: 0.2pt; font-family: Arial, Helvetica, sans-serif; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size:17pt; }
	h3 { font-size:15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; }
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; }
	a { text-decoration: none; color: black; }

	/* remove specific plugin elements */
	#watch_action,
	.wp-biographia-container-top,
	.navigation,
	#breadcrumbs {
		display:none;
	}

} /* END print media */

.icons {
	margin: 5px auto;
}
.icons p {
	margin: 15px 0 !important;
	line-height: 15px !important;
}
.icons span {
	font-size: 10pt;
}
.icons .pink {
	color: #E03E96;
	font-size: 10pt;
	font-weight: 700;
}

.telicon {
	max-height: 60px; max-width: 60px; float: left; margin: 10px 20px 0 0;
}

.back-to {
	background-color: #D9DAF0 !important;
}

.back-to-text{
	color: #000999 !important;
}

.page_item:hover {
	background-color: #006 !important;
}

.page_item{
	z-index:999;
}

.btn-primary{
	background-color:#000999 !important;
	border:none;
}

.btn-secondary{
	background-color:#EEEEEE !important;
	border:none;
	color:#265C83;
	border-radius: 0;
}

.btn-secondary:hover{
	color:#265C83;
}

.entry {
	margin-top:12px;
}
.navbar-toggler{
	background-color: #000999;
	border-radius: 0;
}

.product_search{
	background-color: #fff;
	padding: .75rem 1rem;
	height: 100%;
}

.featuredimage {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	height: 270px;
	position: relative;
	z-index: 1;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-ms-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
}


#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}

.wp-biographia-container-top {
	background: #eeeeee !important;
}

.hrf-faq-list article:last-of-type {
	display: none !important;
}
.hrf-faq-list p {
	margin: 0;
}
.pum-container h2 {
	font-size: 2.5rem;
}

@media screen and (min-width: 576px) {
	.pum .col-sm-8 {
		border-left: 2px solid #000999;
	}
}
@media screen and (min-width: 992px) {
	#menu .right
	{
		position: absolute;
		right: 0;
	}
}
@media only screen and (max-width: 1800px) {
}
@media only screen and (max-width: 1600px) {
	.main-container {
		border: 0;
	}
	.pum-container.custom-position {
		margin-left: -40% !important;
		width: 80% !important;
	}
}
@media only screen and (max-width: 1199px) {
	.pum-container h2 {
		font-size: 28px;
	}
	.pum-container small {
		line-height: 20px;
	}
}
@media only screen and (max-width: 991px) {
	.pum-container {
		width: 100% !important;
	}
	.pum-container h2 {
		font-size: 30px;
		margin-bottom: 1rem;
	}
	.pum-container .pum-close {
		right: -10px;
		top: -10px;
	}
	.pum-container form {
		width: 100% !important;
	}
}
@media only screen and (max-width: 767px) {
	.parallel-bg {
		background: none !important;
	}
	.head{
		display: none;
	}

	#menu li
	{
		float:left;
		background: #000999;
	}

	.container {
		width:100% !important;
	}

	.koffievlek {
		display:none;
	}

	body {
		max-width: 100% !important;
	}

	.page_item:hover {
		background-color: #000999 !important;
	}


	.product_search {
		display: none;
	}
}
@media screen and (max-width: 575px) {
	div {
		max-width: 100%;
	}
	.row {
		max-width: initial;
	}
	.main-container {
		margin: 0 !important;
		max-width: 100%;
	}
	.pum-container img {
		width: 50% !important;
		display: flex;
		margin: auto;
	}
	.pum-container input {
		font-size: 90% !important;
	}
	.cta-box {
		width: 310px;
	}
	.cta-box .cta-box-logo {
		width: 125px;
	}
	.cta-box .cta-box-content h5 {
		font-size: 1.1rem;
	}
	.cta-box .cta-box-content .canon-logo {
		width: 80px;
	}
	.cta-box .cta-box-content button {
		width: 150px;
		font-size: .8rem;
	}
	.cta-box .cta-box-content .fa.fa-times {
		font-size: 1.5rem;
		top: -1.5rem;
	}
}
.recaptcha iframe {
	height: 80px;
}